/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/
p, li, dt, dd, dl, address, label, small, pre, code, span.tab-excerpt {
    line-height: 1.6;
    margin: 8px 0px;
}
p{
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
text-align: justify;
font-weight: 500;
}

h1:not([class*="fontsize-"]), .h1:not([class*="fontsize-"]), h1{
text-transform: lowercase;
letter-spacing: -0.07em;
line-height:1em;
font-size: 6.5vw;
padding: 0;
margin: 0;
}

h2:not([class*="fontsize-"]), .h2:not([class*="fontsize-"]), h2{
letter-spacing: -0.05em;
line-height:1em;
font-size: 3.6vw;
padding: 0;
margin: 0;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
h3:not([class*="fontsize-"]), .h3:not([class*="fontsize-"]),h3{
letter-spacing: -0.03em;
line-height:1.3em;
font-size: 1.7vw;
color: #003C3E;
padding: 0;
margin: 10px 0 15px 0;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
h4:not([class*="fontsize-"]), .h4:not([class*="fontsize-"]) {
font-size: 18px;
margin-top: 2px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
h5:not([class*="fontsize-"]), .h5:not([class*="fontsize-"]),h5, .font-555555 {
font-size: 1.1vw;
line-height:1.3em;
margin-top: 20px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
span.green {
position: relative;
display: inline-block;
}
span.green::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 0.8em;
background: #e2f99c;
z-index: -1;
transform: translateY(-45%);
}
.numero {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background: #FFF;
    text-align: center;
    padding-top: 8px;
    font-weight: 500;
    font-size: 28px;
}
.home .numero{
	display: block;
	text-align: center;
		width: 60px;
	height: 60px;
	border-radius: 30px;
	padding-top: 6px;
	font-weight: 600;
	font-size: 28px;
}
.bolder{
	font-size: 6vw;
	  color:  #003C3E;
	  font-weight: 600;
	  line-height: 1;
}
.btn-color-lxmt {
    color: #003C3E!important;
}

.style-dark a:not(.btn-text-skin):hover{
color:#e2f99c;	
}
/*FONTTEST*/
/* Container */
.container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  padding: 0 3rem;
  position: relative;
  grid-row-gap: 6rem;
}

/* Wrapper für alle Zeilen */
.text-reveal-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  position: relative;
  grid-row-gap: 0.75vw;
}

/* Einzelne Zeile */
.text-reveal-line {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  font-weight: 600;
  white-space: nowrap;
  line-height: 0.8;
}

/* Grauer Hintergrundtext */
.text-huge.text-lighter {
  color:#dee2db;
  text-transform: uppercase;
  font-family: Maven Pro, sans-serif;
}

/* Gemeinsames Text-Styling */
.text-huge {
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Maven Pro, sans-serif;
  font-weight: 600;
}

/* Hover-Wrapper für helle Maske */
.text-reveal-hover-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
  width: 0%;
  white-space: nowrap;
  pointer-events: none;
  z-index: 2;
  transition: width 0.1s linear;
}

/* Heller (maskierender) Text */
.text-reveal-hover-wrapper .text-huge {
  color:  #003C3E;
}
.bolder-col {
  transition: transform 0.3s ease;
  transform-origin: left center;
}

@media screen and (min-width: 960px) {
.text-intend{
	padding-left: 150px!important;
}
.main-wrapper {
 position: relative;
width: 100%;
}
    .submenu-light .menu-accordion .menu-smart ul {
        background-color: #003C3E !important
    }
    .menu-accordion ul.menu-smart:not(.top-menu-enhanced-child) ul {
    margin-left: 30px !important;
}
    .vmenu-container .menu-accordion ul ul {
        padding: 0px 0px 12px 0px;
    }

.logo-image.main-logo {
 transition: opacity 0.3s ease;
z-index: 2;
position: absolute;
}
.logo-image.main-logo.logo-dark {
opacity: 0;
display: inherit!important;   
}
.top-row{
	margin-top: 80px!important; 
}
}
/* Aktiver Hauptlink ohne Untermenü → Gelb */
#menu-main-menu-1 > li.current-menu-item:not(.menu-item-has-children) > a {
    color: #e2f99c !important;
}
/* Aktiver Hauptlink mit Untermenü („Was wir bieten“) → Gelb */
#menu-main-menu-1 > li.current-menu-parent > a {
    color: #e2f99c !important;
}
/* Aktiver Unterlink → Weiß */
#menu-main-menu-1 li.current-menu-item > a,
#menu-main-menu-1 li.active > a {
    color: #fff !important;
}
.menu-item.current-menu-parent .drop-menu {
    display: block !important;
}
/*ACCORDION*/
.panel-heading.wpb_accordion_header{
background: #e2f99c;
border-radius: 30px;
margin: 10px 0;
}
.uncode-accordion:not(.default-typography) .panel-title > a > span, .search_footer {
font-weight: 600 !important;
font-family: 'Maven Pro', 'Maven Pro' !important;
letter-spacing: 0.1em;
text-transform: uppercase;    
}
.uncode-accordion:not(.default-typography) .panel-title > a > span {
font-size: 14px!important;
}
.panel:not(.has-padding) .panel-title > a {
    padding: 15px 15px 15px 54px!important;
}
.page-id-154813 .panel-body.wpb_accordion_content {
    padding: 0px 10px 30px 10px;
}
.panel-body.wpb_accordion_content{
	padding: 10px 50px;
}
.plus-signed.sign-size-rg .panel-title > a > span:after {
    font-size: 1.9em;
}
.style-dark .style-light .panel-title > a > span:after {
    color: #003c3e;
}
.plus-signed .panel-title > a > span:after {
    content: "+";
}
.align_left .panel-title > a > span:after {
    content: "+";
    left: 20px;
    margin-right: 0;
}
.sign-size-rg .panel-title > a > span:after {
    font-size: 1.25em;
}
.panel-title > a > span:after {
    font-family: "uncodeicon";
    margin-top: 0px;
    font-weight: normal;
    line-height: 1;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-67%) rotate(0);
    transition: transform 200ms ease-out;
    transform-origin: center;
    width: 1em;
}
.plus-signed .panel-title.active > a span:after {
    transform: translateY(-67%) rotate(0deg);
        content: "–";
}
/*ACCORDION-ENDE*/
/*SECTION§*/
.text-round{
	background-color: #f4f5eb;
	border-radius: 25px;
	padding: 25px;
}
/* Gruppiere alle .uncode_text_column in einer einheitlichen Höhe */
.column_parent.two-same .uncoltable {
  display: flex;
  flex-direction: column;
  height: 100%;
}
/* Beide Text-Elemente gleichmäßig verteilen */
.column_parent.two-same .uncell {
  flex: 1;
  display: flex;
}
.column_parent.two-same .uncont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.column_parent.two-same .uncode_text_column {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.menu-container.style-color-xsdn-bg {
background-color: transparent!important;
}
.col-lg-0 {
    padding: 18px 36px 27px 36px;
}
.mobile-menu-button{
transform: scale(1.5);
padding-top: 12px!important;
}
.lines-button .lines, .lines-button .lines:before, .lines-button .lines:after, .lines-button .lines > span {
    border-radius: 3px;
    background-clip: padding-box;
    display: inline-block;
    height: 2px;
    width: 20px;    
}
.close .lines:before, .close .lines:after {
background: #FFF!important;
}
.menu-light .menu-smart a {
 color: #FFF;
}
.drop-menu a{
color: #e2f99c !important;
}
.menu-light .menu-smart a:hover {
opacity:0.6!important;
}
.current_page_item a{
	color: #FFF;
}
@keyframes einblenden {
            0% {
                opacity: 0; 
            }
             40% {
                opacity: 0; 
            }
            100% {
                opacity: 1;
            }
        }
 img#sun {
	     opacity: 0;
            animation: einblenden 5s ease-in-out forwards;
            }
.menu-sidebar.navbar-main {
	    background-color: #003C3E !important;
}

.footer-scroll-top {
    right: 20px;
    bottom: 82px;
}
.opac{
	opacity: 0.1;
}
 .fixed-button {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background-color:#e2f99c;
            color: #003C3E;
            border: none;
            padding: 15px 20px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            border-radius: 5px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            z-index: 5000000000000000;
        }
.fixed-button:hover {
background-color:  #96fccb;
}
/*ARROW*/

.button {
	margin: 20px 0 20px 0;
    position: relative;
    background-color: transparent;
    color: #b78473;
    cursor: pointer;
    text-align: left;
    display: flex;
    align-items: center;
    overflow: hidden;
    height: 50px;
    transition: transform 0.3s ease;
}

.square {
    position: absolute;
    top: 50%;
    left: 0;
    width: 40px;
    height: 40px;
                border-radius: 5px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color: #e5f9a6;
    transform: translateY(-50%);
    transition: width 0.3s ease, left 0.3s ease;
}

.arrow {
    width:25px; /* Größe des Pfeils */
    height: auto;
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translate(-50%, -50%);
    transition: left 0.3s ease;
}
.button a{
	    color: #003C3E!important;
}
.text {
    position: relative;
    z-index: 1; /* Text bleibt immer vor dem Quadrat */
    transition: transform 0.3s ease;

    font-size: 19px!important;
    font-weight: 500;
    padding: 3px 10px 0px 45px;
    color: #003C3E!important;
}

.button:hover .square {
    width: 100%;
}

.button:hover .arrow {
    left:21px; /* Pfeil bewegt sich um einige Pixel nach rechts */
}

.button:hover .text {
    transform: translateX(-5px); /* Text bewegt sich nach links */
}
.text-color-wvjs-color {
    color: #f4f5eb !important;
    fill: #f4f5eb !important;
}



@media screen and (max-width: 1024px) {
body .menu-button-offcanvas, .uncode-close-offcanvas-overlay.lines-button.close {
    top: 30px;
    right: 30px;
    width: 55px !important;
    height: 55px !important;
    padding-left: 18px;
}
p, li, dt, dd, dl, address, label, small, pre, code, span.tab-excerpt {
    line-height: 1.5;
}
h1:not([class*="fontsize-"]), .h1:not([class*="fontsize-"]), h1{
font-size: 6.2vw!important;
}
body:not(.vc-safe-mode) .shift_x_neg_triple {
margin-top: 30px!important;
}
img#sun{
    width: 180px !important;
    height: auto !important;
    max-width: 180px !important;
    margin-left: 256px;
    margin-top: -20px;
}
.main-container .row-container .triple-top-padding {
padding-top: 30px;
}
.text {
font-size: 16px !important;
letter-spacing: -0.02;
padding: 3px 5px 0px 45px;
}
}
@media screen and (max-width: 959px) {
p{
text-align: left;
}
.logo-image.main-logo.logo-light {
opacity: 1!important;
}
.menu-container .logo-container {
padding: 27px!important;
}
.menu-mobile-centered.menu-mobile-off-canvas .main-menu-container .menu-horizontal .menu-horizontal-inner, .menu-mobile-centered.menu-mobile-off-canvas .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell, .menu-mobile-centered.menu-mobile-off-canvas .overlay-menu .navbar-main .menu-sidebar-inner
 {
        vertical-align: middle;
    }

.main-container .row-container .single-h-padding, .main-container .row-container .triple-h-padding {
padding-left: 27px!important;
padding-right: 27px!important;
}	
body:not(.menu-force-opacity):not(.menu-scroll-transparency:not(.navbar-hover)) .menu-primary.is_stuck:not(.menu-mobile-transparent) .menu-container {
box-shadow:none;
}
.submenu-light:not(.isotope-filters):not(.top-menu-enhanced) .menu-smart, .submenu-light:not(.isotope-filters):not(.top-menu-enhanced) .menu-sidebar-inner, .submenu-light:not(.isotope-filters):not(.top-menu-enhanced) .main-menu-container {
background-color:#003C3E!important;
}
/*TOPGROSSEHEADLINE*/
body:not(.vc-safe-mode) .shift_x_neg_triple {
margin-top: 30px !important;
margin-left: -80px;
}
.submenu-light:not(.isotope-filters) .menu-smart a {
        color: #fff;
    }
 img#sun {
    width: 180px !important;
    height: auto !important;
    max-width: 180px !important;
    margin-left: 156px;
    margin-top: -20px;
}
.square {
    top: 50%;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 5px;
}
.square img{
    width: 20px;
    height: auto;
    margin-left: -5px;
}
.text {
font-size: 15px !important;
letter-spacing: -0.04!important;
padding: 3px 5px 0px 30px;
}
.big-text h3{	
font-size: 3.2vw!important;
} 
/*FOOTER*/
img.wp-image-154247{
	width:53px!important;
}
}

@media (max-width: 768px) {
.big-text h3{	
font-size:19px!important;
line-height: 1.4!important;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
.text {
font-size: 19px !important;
letter-spacing: -0.04 !important;
padding: 3px 5px 0px 30px;
}
}

@media (max-width: 569px) {
/*TOPGROSSEHEADLINE*/
.main-container .row-container .row-parent .column_child.half-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(:first-child):not(.pin-spacer):not([data-sticky]), .main-container .row-container .row-parent .column_child.half-internal-gutter .uncont > .uncode-owl-nav-wrap:not(:first-child) > *:not(.pin-spacer):not([data-sticky]) {
    margin-top: 8px;
}
body:not(.vc-safe-mode) .shift_x_neg_triple {
margin-top: 40px !important;
margin-left: 1px;
}
.mobile-menu-button {
padding: 0 5px;
}
body .menu-button-offcanvas, .uncode-close-offcanvas-overlay.lines-button.close {
top: 20px;
right: 30px;
width: 41px !important;
height: 41px !important;
padding-left: 11px;
}
.btn:not(input):not(.checkout-button):not(.btn-no-scale), .btn-link:not(input):not(.checkout-button):not(.btn-no-scale) {
transform: scale(1);}

h1:not([class*="fontsize-"]), .h1:not([class*="fontsize-"]), h1{
font-size: 50px!important;
}
h2:not([class*="fontsize-"]), .h2:not([class*="fontsize-"]), h2{
font-size: 34px;
}
h3:not([class*="fontsize-"]), .h3:not([class*="fontsize-"]),h3{
font-size: 22px;
}
h4:not([class*="fontsize-"]), .h4:not([class*="fontsize-"]) {
font-size: 17px;
}
h5:not([class*="fontsize-"]), .h5:not([class*="fontsize-"]),h5, .font-555555 {
font-size: 15px;
}
img#sun {
width: 140px !important;
max-width: 140px !important;
margin-left: calc(100% - 150px);
margin-top: -25px;
} 
img#moon {
width: 160px !important;
max-width: 160px !important;
margin-left: calc(100% - 170px);
margin-top: -100px!important;
}
.left-footer{
	margin-top: -60px;
}
.panel-body.wpb_accordion_content{
	padding: 10px 20px;
}
.main-container .row-container .double-top-padding {
    padding-top: 0;
}
.main-container .row-container .triple-top-padding, .big-text  {
padding-top: 0px!important;
}  
.mobil-leftspace{
padding-left: 0px!important;
}
.main-container .row-container .row-child.col-double-gutter > .row-inner > div:not(.vc_helper), .main-container .row-container .col-double-gutter > .row-inner > div:not(.vc_helper) {
padding-left: 0;
}

}