/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
:root{
	--main-hp4u-blue_1:#b8d7e8;
	--main-hp4u-blue_2:#2cbed9;
	--main-hp4u-blue_3:#2c89d9;
	--main-hp4u-blue_4:#2c9fd9;
	
	--main-hp4u-blue_5:#f68b8b;
	
	--main-color-black:#3a3a3a;
	--main-headings-dark:#3a3a3a;
	--main-color-blau:#2c89d9;
	    --main-color-rot: #f68b8b;
	
	--main-hp4u-bold:600;
	--main-text-bold:600;
	--hp4u-margin-default-sm:17px;
	--hp4u-margin-default-sm-dopple:32px;
	--hp4u-icon-fixed-border-radius:25px;
	
	--hp4u-row-gap-xs:17px;
		/* default buttons*/
--hp4u-button-font-weight: 400;
--hp4u-button-line-height: 1.375rem;
--hp4u-button-font-size: 1rem;
--hp4u-button-border-radius: 0;
--hp4u-icon-border-radius: 0.75rem;
--hp4u-icon-fixed-border-radius: 0;
	--hp4u-icon-fixed-border-radius-2:25px;
--hp4u-button-padding-top: 1.2rem;
--hp4u-button-padding-bottom: 1.2rem;
--hp4u-button-padding-left: 1.2rem;
--hp4u-button-padding-right: 1.2rem;
--hp4u-button-border-width:2px;
--hp4u-button-min-height:44px;
	--hp4u-button-border-width:1px;
}
.padtopbot80 {padding-top:80px!important; padding-bottom:80px!important;}
.padtop80 {padding-top:80px!important;}
.padbot80 {padding-bottom:80px!important;}

.padtopbot70 {padding-top:70px!important; padding-bottom:70px!important;}
.padtop70 {padding-top:70px!important;}
.padbot70 {padding-bottom:70px!important;}
.header_pat_top{padding-top:70px!important;}

.padtopbot50 {padding-top:50px!important; padding-bottom:50px!important;}
.padtop50 {padding-top:50px!important;}
.padbot50 {padding-bottom:50px!important;}

.padtopbot40 {padding-top:40px!important; padding-bottom:40px!important;}
.padtop40 {padding-top:40px!important;}
.padbot40 {padding-bottom:40px!important;}

.padtopbot35 {padding-top:35px!important; padding-bottom:35px!important;}
.padtop35 {padding-top:35px!important;}
.padbot35 {padding-bottom:35px!important;}

.padbot15 {padding-bottom:15px!important;}
.padbot45 {padding-bottom:45px!important;}

b, strong {
    font-weight: var(--main-hp4u-bold)!important;
}
.centered_section{text-align:center!important;}
.branding a img, .branding img {
    max-width: 100%;
    height: auto;
    height: 60px;
    width: auto;
}
.helgaimage_1 img{max-width: 490px;}
.helgaimage_2 img {width:100%;max-width:200px;}
.helgaicon img{width:80px; height:80px;}
.helgaicon_2 img{width:50px; height:50px;}
.gradient_bg_1{
background: rgb(184,215,232);
background: linear-gradient(352deg, rgba(184,215,232,1) 0%, rgba(44,190,217,1) 44%, rgba(44,137,217,1) 100%);
}
.bg_blau01{background-color:var(--main-hp4u-blue_2);}
.hp4u_heading_with_s_title h1{
font-size: var(--the7-h2-font-size);
line-height:var(--the7-h2-line-height);	
}
.hp4u_heading_with_s_title p{
font-size: var(--the7-h3-font-size);
line-height:var(--the7-h3-line-height);	
}
.sectiontitle{margin-bottom:50px;}
.extras h3{color:#fff!important; font-weight: var(--main-hp4u-bold)!important;}
/* ----------------------------btns----------------------------- */
.hp4u-id-btns-wrap .wpb_wrapper p {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: var(--hp4u-row-gap-xs);
}
.hp4u-id-btns-wrap-c .wpb_wrapper p {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: var(--hp4u-row-gap-xs);
}
.hp4u-id-btns-wrap3 .wpb_wrapper p {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: var(--hp4u-row-gap-xs);
}
.hp4u-id-btns-wrap a {
    display: inline-block;
    text-decoration: none !important;
    font-weight: var(--hp4u-button-font-weight);
    line-height: var(--hp4u-button-line-height);
    font-size: var(--hp4u-button-font-size);
    border-radius: var(--hp4u-button-border-radius);
    padding-top: var(--hp4u-button-padding-top);
    padding-bottom: var(--hp4u-button-padding-bottom);
    padding-left: var(--hp4u-button-padding-left);
    padding-right: var(--hp4u-button-padding-right);
    border: var(--hp4u-button-border-width) solid var(--main-color-black);
    color: var(--main-color-black);
    background-color: #fff;
    transition: 0.2s linear;
}
.redbtn a{background-color: var(--main-color-rot) !important; color:#fff!important; border-color:var(--main-color-rot) !important;}
.hp4u-id-btns-wrap-mitrot a:first-child  {
    color: #fff;
    background-color: var(--main-color-rot);
    transition: 0.2s linear;
	border: var(--hp4u-button-border-width) solid var(--main-color-rot);
}
/* ----------------------------Info Boxes----------------------------- */
.infobox {
	 box-sizing: border-box;
    background-color:var(--main-hp4u-blue_4);
    padding:var(--hp4u-margin-default-sm-dopple);
    border-radius: var(--hp4u-icon-fixed-border-radius-2);
	hyphens: auto;
}
/* ----------------------------Function Boxes----------------------------- */
.function_box_grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
  justify-content: space-around;
    align-items: flex-start;
	background-image: url(https://www.helga.at/wp-content/uploads/2024/05/line_01-01.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 900px;
	gap:5vw;
}
.function_box {
    box-sizing: border-box;
    padding: var(--hp4u-margin-default-sm-dopple);
	padding-bottom:45px;
    max-width: 300px;
	background-color:var(--main-hp4u-blue_5);
	border-radius:var(--hp4u-icon-fixed-border-radius-2);
}
.function_box_number {
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	    margin-bottom:0;
}
.round-number {
    width: 60px;
    height: 40px;
    line-height: 32px;
    border-radius: 100px;
	color:#fff;
	font-size:var(--the7-h3-font-size);
	font-weight: var(--main-hp4u-bold)!important;
}
.function_box_text {
    font-weight: 400;
    color: #fff;
	    text-align: center;
}

/* ----------------------------ACCORDION SIMPLE------------------------------ */
.faq_ueberschrift {margin-bottom:25px; margin-top:35px;}
.hp4u_accordion_tab summary h2 {padding-right:50px;
color:var(--main-color-black)!important;
    font: var(--the7-base-font-big)!important;text-transform:var(--the7-h3-text-transform);letter-spacing:var(--the7-h3-letter-spacing);word-spacing:var(--the7-h3-word-spacing);text-decoration:var(--the7-h3-text-decoration);
padding-bottom:0;
	margin:0;
}
.hp4u_accordion_tab summary h2, .hp4u_accordion_tab summary h3{font: var(--the7-base-font-big)!important;}
.helgaaccordion h2, .smallerheadings h2{font: var(--the7-base-font-big)!important; font-weight:var(--the7-h2-font-weight)!important;}
.helgaaccordion h3, .smallerheadings h3{font: var(--the7-base-font-big)!important; font-weight:var(--the7-h3-font-weight)!important;}
details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
   display: none!important;
 }

details summary {
    display: flex;
    position: relative;
    align-items: center;
    padding: 25px 0 25px 0;

    color: #000;
    text-transform: uppercase;

    list-style: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none; 
    user-select: none; 
	cursor:pointer;
}
.hp4u_accordion_tab > summary { border-top: 1px solid #d9d9d9;}


/* Chevron Icons */

.chevron::before, .chevron::after, .chev::before, .chev::after {
    position: absolute;
    content: "";
    right: 30px;
    height: 2px;
    width: 12px;
    border-radius: 2px;
    background-color: var(--main-color-blau);
    transition: transform .2s ease-in-out;
}

.chevron {
    position: absolute;
    right: 0;
    transition: transform .2s ease-in-out;
}
details[open] .chevron {
    transform: translateY(-4px);
    transition: transform .2s ease-in-out;
}

.chevron::before, .chev::after {
    transform: rotate(45deg);
}
.chev::before, .chevron::after {
    transform: translateX(7px) rotate(-45deg);
}

details[open] .chevron::before {
    transform: rotate(45deg);
}
details[open] .chev::before {
    transform: translateX(7px) rotate(-45deg);
}

details[open] .chevron::after {
    transform: translateY(7px) rotate(-45deg);
}
details[open] .chev::after {
    transform: translateY(7px) translateX(7px) rotate(45deg);
}


/* Style & Animate Siblings */

.accordion_content {
    padding:0 0 40px 0;
    margin-top: 0;
    font-size: 18px;
}

.animate_accordion {
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all .5s ease;
    transition-delay: 0s;
}

details[open] ~ .animate_accordion {
    max-height: 100vh;
    overflow: hidden;
    transition: all .5s ease;
    transition-delay: 0s;
}

/* Fold */

.bro::after {
    position: absolute;
    content: "";
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: #edeff5;
}

.fold {
    margin-top: -2px;
    margin-left: -1px;
    border: solid #9c9c9c;
    border-width: 0 1px 1px 1px;
    opacity: 0;
}

details[open] ~ .fold {
    background-color: #fafbff;
    transform-origin: top;
    animation: fold .5s linear forwards;
}

details[open] ~ .st-fold {
    animation-delay: .1s;
}

details[open] ~ .nd-fold {
    animation-delay: .5s;
}

details[open] ~ .rd-fold {
    animation-delay: .8s;
}

@keyframes fold {
    from {
        opacity: 0;
        transform: perspective( 200px ) rotate3d(1,0,0,-90deg);
    }
    55% {opacity: 1;}
    to {
        transform: none;
        opacity: 1;
    }
}

.wpforms-container .wpforms-field-label{display:block;font-weight:var(--main-text-bold)!important;font-style:normal;word-break:break-word;word-wrap:break-word}
div.wpforms-container-full .wpforms-field-label{margin:0 0 8px!important}
.wpforms-container .wpforms-field{padding:0 0 15px!important;position:relative}
div.wpforms-container-full .wpforms-form input[type=submit],div.wpforms-container-full .wpforms-form button[type=submit],div.wpforms-container-full .wpforms-form .wpforms-page-button{background-color:var(--main-color-blau)!important;border:0 solid #ddd!important;color:#fff!important;font-size:1em;padding:10px 15px;width:100%}
div.wpforms-container-full .wpforms-form input[type=submit]:hover,div.wpforms-container-full .wpforms-form input[type=submit]:focus,div.wpforms-container-full .wpforms-form input[type=submit]:active,div.wpforms-container-full .wpforms-form button[type=submit]:hover,div.wpforms-container-full .wpforms-form button[type=submit]:focus,div.wpforms-container-full .wpforms-form button[type=submit]:active,div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,div.wpforms-container-full .wpforms-form .wpforms-page-button:active,div.wpforms-container-full .wpforms-form .wpforms-page-button:focus{background-color:var(--main-headings-dark)!important;border:0 solid #ddd!important;cursor:pointer}
div.wpforms-container-full .wpforms-form input[type=date],div.wpforms-container-full .wpforms-form input[type=datetime],div.wpforms-container-full .wpforms-form input[type=datetime-local],div.wpforms-container-full .wpforms-form input[type=email],div.wpforms-container-full .wpforms-form input[type=month],div.wpforms-container-full .wpforms-form input[type=number],div.wpforms-container-full .wpforms-form input[type=password],div.wpforms-container-full .wpforms-form input[type=range],div.wpforms-container-full .wpforms-form input[type=search],div.wpforms-container-full .wpforms-form input[type=tel],div.wpforms-container-full .wpforms-form input[type=text],div.wpforms-container-full .wpforms-form input[type=time],div.wpforms-container-full .wpforms-form input[type=url],div.wpforms-container-full .wpforms-form input[type=week],div.wpforms-container-full .wpforms-form select,div.wpforms-container-full .wpforms-form textarea{background-color:#fff;box-sizing:border-box;border-radius:0!important;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;display:block;float:none;font-size:18px;font-family:inherit;border:1px solid #ccc!important;padding:6px 10px;height:38px;width:100%;line-height:1.3}
div.wpforms-container-full .wpforms-confirmation-container-full,div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){background:#8ad6e6;border:1px solid #8ad6e6;box-sizing:border-box;padding:35px}
.wpforms-container .wpforms-captcha-math input{display:inline-block!important;width:auto!important;max-width:80px!important}
div.wpforms-container-full input[type=date]:focus,div.wpforms-container-full input[type=datetime]:focus,div.wpforms-container-full input[type=datetime-local]:focus,div.wpforms-container-full input[type=email]:focus,div.wpforms-container-full input[type=month]:focus,div.wpforms-container-full input[type=number]:focus,div.wpforms-container-full input[type=password]:focus,div.wpforms-container-full input[type=range]:focus,div.wpforms-container-full input[type=search]:focus,div.wpforms-container-full input[type=tel]:focus,div.wpforms-container-full input[type=text]:focus,div.wpforms-container-full input[type=time]:focus,div.wpforms-container-full input[type=url]:focus,div.wpforms-container-full input[type=week]:focus,div.wpforms-container-full select:focus,div.wpforms-container-full textarea:focus{border:none;box-shadow:none!important;outline:none!important}
::-webkit-input-placeholder{color:#595e5f!important}
::-moz-placeholder{color:#595e5f!important}
:-ms-input-placeholder{color:#595e5f!important}
:-moz-placeholder{color:#595e5f!important}
.normla_contact #wpforms-214{background-color:rgba(255,255,255,0.7);border:1px solid var(--main-border-grey);padding:28px;border-radius:5px;margin-top:0}
.pum-theme-468 .pum-content, .pum-theme-enterprise-blue-2 .pum-content {
    color: #000000;
    font-family: inherit;
    font-weight: 400;
}
.wpb_tab , .wpb_tab h2, .wpb_tab h3, .wpb_tab h4, .wpb_tab p, .wpb_tab li {font-size:16px!important; line-height:22px!important;}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../dt-the7-child/fonts/Montserrat-Regular.eot'); /* IE9 */
  src: url('../dt-the7-child/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../dt-the7-child/fonts/Montserrat-Regular.woff2') format('woff2'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Montserrat-Regular.woff') format('woff'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Montserrat-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../dt-the7-child/fonts/Montserrat-Regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../dt-the7-child/fonts/Montserrat-600.eot'); /* IE9 */
  src: url('../dt-the7-child/fonts/Montserrat-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../dt-the7-child/fonts/Montserrat-600.woff2') format('woff2'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Montserrat-600.woff') format('woff'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Montserrat-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../dt-the7-child/fonts/Montserrat-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../dt-the7-child/fonts/Montserrat-700.eot'); /* IE9 */
  src: url('../dt-the7-child/fonts/Montserrat-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../dt-the7-child/fonts/Montserrat-700.woff2') format('woff2'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Montserrat-700.woff') format('woff'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Montserrat-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../dt-the7-child/fonts/Montserrat-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../dt-the7-child/fonts/Poppins-Regular.eot'); /* IE9 */
  src: url('../dt-the7-child/fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../dt-the7-child/fonts/Poppins-Regular.woff2') format('woff2'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Poppins-Regular.woff') format('woff'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Poppins-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../dt-the7-child/fonts/Poppins-Regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../dt-the7-child/fonts/Poppins-600.eot'); /* IE9 */
  src: url('../dt-the7-child/fonts/Poppins-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../dt-the7-child/fonts/Poppins-600.woff2') format('woff2'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Poppins-600.woff') format('woff'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Poppins-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../dt-the7-child/fonts/Poppins-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
.mobile-navigation{display:none!important; visibility:hidden!important; width:0px!important; margin:0!important;}

@media screen and (max-width: 1211px) {
.helgaimage_1 img {
    max-width: 100%; 
}
}

@media screen and (max-width: 1128px) {
.function_box_grid {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 900px;
}
}