/*
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
*/

:root{ --gruen:#02822f; --blau:#2587c4; --gelb:#afca0b; --hell:#ffffff; --dark:#06451b; }
body::before {
font-size: 1rem; 
}
::selection {
    background: var(--gruen);
    color: #ffffff !important;
}
.tooly .background-inner.srcset-bg{
background-position: 20px center !important;
}
.body-borders .body-border-shadow {
box-shadow: none;
}
.body-borders[data-border="27"] .top-border{
    display: none;
}

body.menu-custom-padding .col-lg-0.logo-container, body.menu-custom-padding .col-lg-2.logo-container, body.menu-custom-padding .col-lg-12 .logo-container, body.menu-custom-padding .col-lg-4.logo-container {
    padding-top: 0px;
    padding-bottom: 18px;
}
ul.drop-menu{
	display: none!important;
}
.greener{
	padding: 10px 20px 8px 20px;
	border-radius: 12px;
	background:  var(--gruen);
	
}
.greener h3{
	color: #FFF!important;
}
p, li{
font-size: clamp(0.98rem, 0.24vw + 0.82rem, 1.15rem);
line-height: 1.5;
hyphens: auto;
word-wrap: break-word;
margin: 8px 0px;
}

h1, .style-light h1, h1:not([class*="fontsize-"]), .h1:not([class*="fontsize-"]) {
  font-size: clamp(1.8rem, 1.8vw + 1.1rem, 2.9rem);   /* ca. 32px – 48px */
  line-height: 1.2;
  -webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
margin: 0;
padding: 0;
color: var(--gruen);
}
h2, .style-light h2, h2:not([class*="fontsize-"]), .h2:not([class*="fontsize-"]) {
font-size: clamp(1.3rem, 1.4vw + 0.8rem, 1.99rem); /* ca. 28px – 36px */
 hyphens: auto;
word-wrap: break-word;
	color:#FFF;	
}
.home h2, .trends h2, .toolbox h2{
	background: var(--gruen); 
	padding: 3px 20px 6px 75px;
	margin-left: -55px;
	display: inline-block;
}
.steck h2{
	background: var(--gruen); 
	padding: 3px 20px 6px 55px;
	margin-left: -37px;
	display: inline-block;
}
h2.widgettitle{
	color:var(--gruen); 
	background: transparent;
	padding: 0;
	margin: 0;
}
h3, .style-light h3, h3:not([class*="fontsize-"]), .h3:not([class*="fontsize-"]) {
font-size: clamp(1.2rem, 1.2vw + 0.7rem, 1.7rem); /* ca. 28px – 36px */
  line-height: 1.2!important;
hyphens: auto;
word-wrap: break-word;
color: var(--gruen);
}

h3.pfeil {
background:  url(images/arrow-right-02.svg) no-repeat left 6px;
background-size: 32px auto;
padding-left: 46px;
}


.right-col h3:after {
    content: "";
    border-bottom: 2px solid var(--gruen);
    width: 47px;
    height: 18px;
    display: block;
    left: -55px;
    top:15px;
    position: absolute;
}
h4, .style-light h4, h4:not([class*="fontsize-"]), .h4:not([class*="fontsize-"]) {
font-size: 22px;
  line-height: 1.6!important;
  color: var(--gruen);
hyphens: auto;
word-wrap: break-word;
padding-bottom: 15px;
}
h5, .style-light h5, h5:not([class*="fontsize-"]), .h5:not([class*="fontsize-"]) {
  font-size: clamp(1.125rem, 0.5vw + 1rem, 1.2rem); /* ca. 18px – 22px */
  line-height: 1.4;
   margin: 27px 0 0;
hyphens: auto;
word-wrap: break-word;
}
big{font-size: clamp(1.3rem, 1.4vw + 0.8rem, 1.99rem); /* ca. 28px – 36px */
 hyphens: auto;
word-wrap: break-word;
margin: 0;
padding: 0;
display: block;
line-height: 1.2em;
}
li big{font-size:20px;
	font-weight: 700;
	color:var(--gruen);
 hyphens: auto;
word-wrap: break-word;
margin: 0;
padding: 0;
line-height: 1.2em;
}
@media (min-width: 960px) {
.box-container{
	padding-left: 36px;
}	
	body.menu-custom-padding .col-lg-0.logo-container, body.menu-custom-padding .col-lg-2.logo-container, body.menu-custom-padding .col-lg-12 .logo-container, body.menu-custom-padding .col-lg-4.logo-container {
    padding-top: 18px;
}
    .single-h-padding#masthead .row-menu .row-menu-inner, .single-h-padding.top-menu.navbar .row-menu .row-menu-inner, .single-h-padding#masthead .overlay.overlay-search .overlay-search-wrapper, .single-h-padding.top-menu.navbar .overlay.overlay-search .overlay-search-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }
    .hmenu .menu-smart, .hmenu-center .menu-smart, .navbar-cta ul.menu-smart {
    height: 24px;
    margin-top:120px;
}
.border-text{
	padding: 20px;
	border-radius: 20px;
	border: 2px solid var(--gruen);
}
}
.trends #menu-item-26 a, .toolbox #menu-item-28 a, .steck #menu-item-871 a{
	    font-weight: 500 !important;
	    color: var(--gruen);	
}
/*UMFRAGE*/
.line {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 500;
  }

  .prefix {
    margin-right: 15px;
    width: 60px;
  }

  .number {
    color: #3e76c0;
    font-weight: bold;
    margin-right: 30px;
  }

  .number.large {
    font-size:7.8vw; /* 70% */
  }

  .number.medium {
    font-size: 5.8vw; /* 51% */
  }

  .number.small {
    font-size: 3.7vw; /* 22% */
  }
  
  .border-box{
	  border-left:2px solid var(--gruen);
	  padding: 20px 0 20px 40px;
  }
/*UMFRAGE_ENDE*/

.color-accent-color, body.textual-accent-color .post-content > div p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a.whitelink:not(.btn){
	color: #FFF!important;
	font-size:22px!important;
	font-weight: 500!important;
	text-decoration: none!important;
	hyphens: none;
	word-wrap: normal; 	
}
.color-accent-color, 
body.textual-accent-color .post-content > div p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a.whitelink:not(.btn):hover {
	color:  var(--gelb)!important;
}


/*ARROW*/
a.arrow-link{
	font-weight: 600;
 color: var(--gruen);
	background: url(images/arrow-right-02.svg) no-repeat left 6px;
	background-size: 22px auto;
padding-left: 29px;
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 5px;
margin: 10px 0;
display: inline-block;
}
a.arrow-link:hover{
	 color: var(--dark)!important;
	}
.uncode_text_column a{
	font-weight: 600;
 color: var(--gruen);
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 5px;
}
.style-light .btn-default, .style-dark .style-light .btn-default, .tmb-light .t-entry-text .btn-default, .style-dark .tmb-light .t-entry-text .btn-default, .tmb-dark .t-overlay-inner .btn-default {
	margin-top: 20px;
    color: #ffffff !important;
    background-color: var(--gruen) !important;
    border-color: var(--gruen) !important;
}
.style-light .btn-default:not(.btn-hover-nobg):not(.-animated):not(.btn-flat):hover, .style-dark .style-light .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover, .tmb-light .t-entry-text .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover, .style-dark .tmb-light .t-entry-text .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover, .tmb-dark .t-overlay-inner .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover, .style-light .btn-default.active, .style-dark .style-light .btn-default.active, .tmb-light .t-entry-text .btn-default.active, .style-dark .tmb-light .t-entry-text .btn-default.active, .tmb-dark .t-overlay-inner .btn-default.active
 {
    color: var(--gruen)!important;
    background-color: transparent !important;
    border:1px solid var(--gruen) !important;
}
/*ICONS*/
.icon-box-left:not(.icon-box-space-reduced) .icon-box-content {
        padding-left: 10px;
        margin-top: -14px !important;
        display: block;
        text-align: left
    }
.icon-expand .icon-box-content, .icon-expand .icon-box-icon {
    width: 100%;
}    
    
.button {
	margin: 20px 0 20px 0;
    position: relative;
    background-color: transparent;
   color: var(--gruen);
    cursor: pointer;
    text-align: left;
    display: flex;
    align-items: center;
    overflow: hidden;
    height: 50px;
    transition: transform 0.3s ease;
}

/*CHECKLISTE*/

.wrap h5{
	display: none;
}
.wrap h4{
	margin-top: 20px;
	padding-top: 10px;
}
.wrap .info h4 {
    margin-top: 0px;
    padding-top: 0px;
}
.wrap h6{
margin: 1px 0 5px 0;
font-weight: 500;
font-size: 18px;
}
.wrap a{
text-decoration: underline;
}
.checklist-hinweis {
  display: block;
  margin-bottom: 10px;
  font-size: 11px;
}

  .tab {color:var(--gruen); padding:20px 0px 20px 60px;cursor:pointer; user-select:none;text-transform: uppercase;font-weight: 600;font-size: 17px;}
  .tab:nth-child(1){
	  background: url(images/Dachflaeche.svg) left no-repeat;
	  background-size: 54px auto;
  }
  .tab:nth-child(2){
	  background: url(images/Fassadenflaeche.svg) left no-repeat;
	  background-size: 54px auto;
  }
    .tab:nth-child(3){
	  background: url(images/Aufenthaltsflaeche.svg) left no-repeat;
	  background-size: 54px auto;
  }
    .tab:nth-child(4){
	  background: url(images/Verkehrsflaeche.svg) left no-repeat;
	  background-size: 54px auto;
  }
    .tab:nth-child(5){
	  background: url(images/Wirtschaftsflaeche.svg) left no-repeat;
	  background-size: 54px auto;
  }
  .wrap { display:flex; gap:20px; flex-wrap:wrap; align-items:flex-start; }
  
  .tabs { width:260px; display:flex; flex-direction:column; gap:8px; }
  
  .tab.active, .tab:hover { filter: brightness(55%); }
  .content { flex:1; display:flex; gap:16px; min-width:300px; align-items: stretch; }
  .checklist, .info { flex:1; min-width:260px; border:2px solid var(--gruen); background:#fff; padding:14px; border-radius:8px; display: flex;
  flex-direction: column;}
  
  .checkbox-item { margin-bottom:10px; font-size:15px; 
	    display: flex;
  align-items: flex-start;
  gap: 8px; /* Abstand zwischen Checkbox und Text */
  border-color:var(--blau);
  }
  .checkbox-item input { margin-right:8px; transform:scale(1.05); vertical-align:middle; }
  .checkbox-item input[type="checkbox"] {
  margin-top:3px; /* Feinjustierung */
 border: 1px solid var(--gruen);
}
.checkbox-item label {
  display: inline-block;
  line-height: 1.3;
}
  
.actions { margin-top:28px!important;; display:flex; gap:10px; flex-wrap:wrap; align-items:center;justify-content: flex-end; }
.actions .btn { background:var(--gruen); color:#fff; border:none; padding:10px 14px; border-radius:6px; cursor:pointer; }
.actions .btn:hover { background:var(--blau); }
.actions .results { white-space:pre-wrap; width: calc(100% - 280px);padding: 10px 0;margin-left: 280px;
	  
  }
  
  
 /*neu-infobox*/ 
 .checklist h3{
	 padding-bottom: 20px;
 } 
 .info-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.info-box .item {
  display: flex;
  gap: 12px;
  flex-wrap: nowrap; /* Text rutscht bei schmalem Bildschirm unter das Bild */
  align-items: flex-start;
}
.info-box .item .thumb {
float: right;
  margin-right: 10px;
  flex-shrink: 0;  
  max-width: 45%!important;
}
.info-box .item .text {
  min-width: 0; /* sehr wichtig für Textumbruch in Flexbox */
  font-size: 14px;
  line-height: 1.3;
    word-break: break-word; 
}
.info-box .item .thumb img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: 4px;
}
.info-box .item.no-img .thumb {
  display: none;
}
.info-box .item .text a{
font-weight: 500;
}
.info-box .item .text a:hover{
opacity: 0.8;
}
/*neu*/
  
@media (max-width:820px){
    .wrap { flex-direction:column; }
    .tabs { flex-direction:row; width:100%; overflow:auto; }
    .tab { white-space:nowrap; flex:1 0 auto; text-align:center; }
    .content { flex-direction:column; }
    .info { flex-direction:row; align-items:flex-start; }
}
.info-box-beispiel{
	border-left: 2px solid var(--gruen);
	padding: 20px 0 20px 30px;
}
h4.t-entry-title.h6.font-weight-500
{
	padding-bottom: 0;
}
/*DOTS*/
.onepage-pagination {
    position: fixed;
    right: 12px;
    top: 40%;
    z-index: 100;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 30px;
    transform: translateY(-50%);
}
.no-touch .onepage-pagination .cd-dot {
    transition: all 100ms ease-out;
    width: 16px;
    height: 16px;
    background-color: var(--gruen);
    display: inline-block;
    -webkit-backface-visibility: visible;
    transition: all 100ms ease-in-out;
    border-radius: 50%;
    box-shadow: none;
    transform: scale(1);
}
.no-touch .onepage-pagination span.cd-dot-cont:hover .cd-dot, .no-touch .onepage-pagination a.is-selected .cd-dot {
    background-color: #ffffff;
    border: 1px solid var(--gruen);
    transform: scale(1.3);
}
.no-touch .onepage-pagination .cd-label {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 4px 8px;
    position: absolute;
    color: #ffffff;
    background: var(--gruen);
    display: inline-block;
    left: -2px;
    top: -2px;
    border-radius: 4px;
    letter-spacing: 0.06em;    
}  
  
@media (min-width: 960px) {
.menu-container:not(.grid-filters) ul.menu-smart > li > a:not(.social-menu-link), 
.menu-container:not(.vmenu-container):not(.grid-filters) ul.menu-smart > li > a:not(.social-menu-link):not(.vc_control-btn){
font-size: clamp(1.4rem, 1.2vw + 0.8rem, 1.6rem); /* ca. 28px – 36px */
}
.menu-smart > li > a {
padding: 0px 0.6vw;
}

}

.style-light blockquote p{
	color: #000;
}
.uncode_text_column p em, small {
	display: inline-block !important;
	font-size: 14px;
	line-height: 18px!important;
}

/*MENU*/
.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item a, .current_page_ancestor a{
	font-weight: 500!important;
}

   
/*SECOND IMAGE*/

.tmb .has-secondary-featured-image,
.tmb .secondary-dummy-image {
    transition: opacity 1.2s ease-in-out !important;
}

.tmb:hover .has-secondary-featured-image {
    opacity: 0 !important;
}

.tmb:hover .secondary-dummy-image {
    opacity: 1 !important;
}

.tmb .secondary-dummy-image {
    opacity: 0;
}


.t-entry-visual-cont .wp-caption-text,
.t-entry-visual-cont .image-caption {
  position: absolute;
  bottom: 5px;
  left: 5px;
 background: rgba(255, 255, 255, 0.3); /* schwarzer, transparenter Hintergrund */
  color: #000;                /* weiße Schrift */
  font-size: 10px!important; 
  line-height: 1.5em;
  padding: 1px 5px;
  z-index: 10;
}
.image-caption {
  position: absolute;
  bottom: 15px;
  left:20px;
 background: rgba(255, 255, 255, 0.3); /* schwarzer, transparenter Hintergrund */
  color: #000!important;                /* weiße Schrift */
  font-size: 10px!important; 
  padding: 1px 5px;
  z-index: 10;
    line-height: 1.5em;
}



.wpa-visible-ltr#skiplinks a, .wpa-visible-ltr#skiplinks a:visited {
background-color: #215ebf;
	box-shadow: none;
	color: #FFF;
	display: block;
	font-weight: 600;
	height: auto;
	line-height: normal;
	padding: 7px;
	position: absolute;
	left: 3px;
	width: auto;
	z-index: 100000;
	border-radius: 5px;	
}

.wpa-visible-ltr#skiplinks a:hover, .wpa-hide-ltr#skiplinks a:active,  .wpa-hide-ltr#skiplinks a:focus {
	background-color: #215ebf;
	box-shadow: none;
	color: #FFF;
	display: block;
	font-weight: 600;
	height: auto;
	line-height: normal;
	padding: 10px!important;

}






/*PUBLIKATIONEN*/
.unshadow-darker-sm, .uncell.unshadow-darker-sm, .uncont.unshadow-darker-sm, .tmb-shadowed-darker-sm.tmb-shadowed:not(.tmb-no-bg).tmb > .t-inside, .tmb-media-shadowed-darker-sm.tmb-shadowed:not(.tmb-no-bg).tmb > .t-inside, .tmb-shadowed-darker-sm.tmb-shadowed.tmb-no-bg.tmb > .t-inside .t-entry-visual, .tmb-media-shadowed-darker-sm.tmb-shadowed.tmb-no-bg.tmb > .t-inside .t-entry-visual, .tmb-shadowed-hover-darker-sm.tmb-shadowed.tmb-shadowed-hover.tmb-no-bg:hover.tmb > .t-inside .t-entry-visual, .tmb-media-shadowed-darker-sm.tmb-media-shadowed.tmb .t-entry-visual, .tmb-shadowed-darker-sm.tmb-shadowed:not(.tmb-no-bg).t-entry-drop:not(.drop-parent) img, .tmb-shadowed-darker-sm.tmb-shadowed:not(.tmb-no-bg).t-entry-drop:not(.drop-parent) video, .tmb-shadowed-darker-sm.tmb-shadowed:not(.tmb-no-bg).t-entry-drop:not(.drop-parent) iframe, .tmb-media-shadowed-darker-sm.tmb-shadowed:not(.tmb-no-bg).t-entry-drop:not(.drop-parent) img, .tmb-media-shadowed-darker-sm.tmb-shadowed:not(.tmb-no-bg).t-entry-drop:not(.drop-parent) video, .tmb-media-shadowed-darker-sm.tmb-shadowed:not(.tmb-no-bg).t-entry-drop:not(.drop-parent) iframe, .menu-dd-shadow-darker-sm.menu-horizontal .menu-smart > li.menu-item > ul, .menu-dd-shadow-darker-sm.menu-horizontal .menu-smart > li.menu-item:not(.mega-menu) > ul ul, .menu-dd-shadow-darker-sm.menu-horizontal .menu-smart > li.menu-item > .vc_row, #masthead .overlay-search.menu-dd-shadow-darker-sm, .uncell.tmb-media-shadowed-darker-sm.tmb-media-shadowed.tmb .t-entry-visual, .uncont.tmb-media-shadowed-darker-sm.tmb-media-shadowed.tmb .t-entry-visual {
    box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.2);
}
.plus-signed.sign-size-md .panel-title > a > span:after {
    font-size: 0em;
    font-weight: bold!important;
   color: #25855e;
   right: 40px;
   background: url(ubo-plus.svg) no-repeat right center;
   background-size: 20px auto;
   display: block;
   width: 40px;
   height: 40px;
}
.panel-title.active > a span:after{
   color: #25855e!important;	
}
.style-light .panel-title > a{
   color: #25855e!important;	
}
.panel-title {
	background: #f6f8fb;
	border-radius: 10px;
	margin-bottom: 7px;
}
h3.panel-title span{
	padding-left: 30px;	
}
.panel-body.wpb_accordion_content{
	padding:30px;
}

@media (max-width: 959px) {
ul.menu-smart {
width: 100% !important;
text-align: center;
}
 
.background-inner {
 background-position: center top!important;
background-size: 90% auto!important;
}
.menu-smart i.fa-dropdown {
display: none;
}
.mmb-container {
top: -4px;
}
}
@media (max-width: 569px) {
.single-block-padding {
    padding: 0!important;
}
.vc_custom_1764078764036 {
    padding: 0 26px 26px 26px!important;
    }
    

.row.unequal.single-top-padding.single-bottom-padding.no-h-padding.full-width.row-parent{
	padding: 26px 0 0 0!important;
}


.single-block-padding.style-color-nhtu-bg.unradius-lg, .single-block-padding.style-color-vyce-bg.unshadow-sm.unradius-lg,
.main-container .row-container .row-parent {
	padding: 26px!important;
}
.main-container .row-container .exa-h-padding,.main-container .row-container .double-h-padding, .right-col, .uncol.style-light.shift_x_neg_single,
.single-block-padding.style-color-nhtu-bg.unradius-std{
padding: 26px!important;
}
.unshadow-sm, .uncell.unshadow-sm{
box-shadow:
0 4px 0 rgba(0, 0, 0, 0.35),
  0 6px 10px rgba(0, 0, 0, 0.3);
}
.body-borders[data-border="27"] .top-border, .body-borders[data-border="27"] .bottom-border {
        height: 0;
    }
.body-borders[data-border="27"] .right-border, .body-borders[data-border="27"] .left-border {
        width: 0px;
}
/*CHECKLISTEN*/
.actions {
    margin-top: 28px !important;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
    .tabs {
        flex-direction: column;
    }
    .tab {
        text-align: left;
    }
    .info h4{
	    display: none;
    }
    /*BEISPIELE*/
    .page-id-795  h3{
	    padding-left: 26px;
    }
    /*TRENDS*/
    .line {
    font-size: 15px;
}
/*UEBER UNS*/
.vc_custom_1763828340429, .vc_custom_1763828592292, .vc_custom_1764186668233{
	padding-left: 0!important;
}
.background-inner{
	background-size: cover!important;
}

}