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

/* manrope-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/manrope-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/manrope-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/manrope-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/manrope-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root{ --gruen:#1d6649; --rot:#7d1c16; --lila:#555980; --hell:#f7f4f1; --dark:#06451b; --viola:#9ca7d3; --mint:#e9eeec;}
html {
  scrollbar-gutter: stable !important;
}
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 5px;
  height: 100vh;
  background-color: var(--lila);/* oder deine Wunschfarbe */
  z-index: 9999; /* damit es über dem Content liegt */
  font-size: 1rem;     
  font-family: 'Manrope', "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif!important;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-smooth: always;}

/* Letter-Spacing sofort ab der 1. Millisekunde erzwingen */

p, li{
font-size: clamp(0.94rem, 0.21vw + 0.91rem, 1rem)!important;
font-family: 'Manrope', "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif!important;
line-height: 1.5;
margin: 7px 0px;
}
b, strong, .style-light p strong{
color:#1d1d1b;
font-weight: 600;
}
h1,h2,h3,h4,h5,h6{
	 font-family: 'Manrope', "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	 font-weight: 400;
}


h1, .style-light h1, h1:not([class*="fontsize-"]), .h1:not([class*="fontsize-"]) {
color: var(--lila);
letter-spacing: -0.03em;
font-size: clamp(1.6rem, 1.8vw + 0.9rem, 2.5rem);   /* ca. 32px – 48px */
line-height: 1.2;
}
.over-text h1{
font-size: clamp(1.8rem, 2vw + 1rem, 3rem);   /* ca. 32px – 48px */

}

h2, .style-light h2, h2:not([class*="fontsize-"]), .h2:not([class*="fontsize-"]) {
font-size: clamp(1.6rem, 1.2vw + 0.7rem, 1.8rem); /* ca. 28px – 36px */
  line-height: 1.3;
}
h3, .style-light h3, h3:not([class*="fontsize-"]), .h3:not([class*="fontsize-"]) {
font-size: clamp(1.25rem, 0.65vw + 0.7rem, 1.8rem); 
line-height: 1.2!important;
color: var(--gruen);
}
.tmb .t-entry .t-entry-title{
	  font-weight: 500;
}
.tmb .t-entry p.t-entry-meta span, .tmb .t-entry p.t-entry-comments, .tmb .t-entry p.t-entry-author span.tmb-username-wrap {
    font-size: 14px;
}
h4, .style-light h4, h4:not([class*="fontsize-"]), .h5:not([class*="fontsize-"]) {
  font-size: clamp(1rem, 0.3vw + 1rem, 1rem); /* ca. 18px – 22px */
  line-height: 1!important;
   margin: 17px 0 0 0!important;
   padding: 0;
   	 font-weight: 800;
}

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;
}

/*AAAA*/
a.navbar-brand:focus img{
outline: 2px solid #1d6649 !important;
  outline-offset: 4px;
}
.a11y-toolbar {
    top: 13vh;
    left: 6px;
}
.a11y-toolbar ul li button {
    font-size: 24px !important;
    padding: 12px 12px;
    line-height: .8;
    display: grid;
    background: #f7f4f1;
}
/*******************************************************************/
/*LINKS*/
.t-entry-meta.t-entry-author a{
	pointer-events: none;
}
.page-wrapper .uncode_text_column a {
font-weight: 600;
color: #1d6649;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
}
.page-wrapper .uncode_text_column a:hover, .uncode_text_column a:focus {
 text-decoration-style: double;
color: #1d6649;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
}
@media (min-width: 960px) {
/* 1. Link als Bezugspunkt für die Linie setzen */
/* 1. Link als Bezugspunkt setzen */
.menu-horizontal .menu-item > a {
  position: relative !important;
}

/* 2. Menü-Höhe ausrichten */
.menu-horizontal ul.menu-smart {
  position: relative !important;
  top: 60px !important;            /* Höhe zum Logo adjustieren */
  margin-right: -20px !important;
}

/* 3. Linie: Startzustand - KEINE Transition im Ruhezustand */
.menu-horizontal .menu-item > a::before {
  content: "" !important;
  position: absolute !important;
  bottom: 70px !important;
  left: 50% !important;
  right: 50% !important;
  height: 3px;
  background-color: var(--gruen);
  transition: none !important;
  pointer-events: none;
}

/* Transition nur beim tatsächlichen Hover aktivieren */
.menu-horizontal .menu-item:hover > a::before {
  transition: left 0.3s ease, right 0.3s ease !important;
}
/* 4a. Mittlere Menüpunkte (Standard-Padding) */
.menu-horizontal .menu-item:hover > a::before,
.menu-horizontal .menu-item.current-menu-item > a::before,
.menu-horizontal .menu-item.current-menu-ancestor > a::before,
.menu-horizontal .menu-item.active > a::before {
  left: 18px !important;
  right: 18px !important;
}

/* 4b. Erster Menüpunkt (Randabstand links ausgleichen) */
.menu-horizontal .menu-smart > li:first-child:hover > a::before,
.menu-horizontal .menu-smart > li:first-child.current-menu-item > a::before,
.menu-horizontal .menu-smart > li:first-child.current-menu-ancestor > a::before {
  left: 0 !important;   /* Verringert den linken Einzug für den ersten Punkt */
  right: 18px !important;
}

/* 4c. Letzter Menüpunkt (Randabstand rechts ausgleichen) */
.menu-horizontal .menu-smart > li:last-child:hover > a::before,
.menu-horizontal .menu-smart > li:last-child.current-menu-item > a::before,
.menu-horizontal .menu-smart > li:last-child.current-menu-ancestor > a::before {
  left: 18px !important;
  right: 0 !important;  /* Verringert den rechten Einzug für den letzten Punkt */
}

/* 5. Schriftstabilisierung */
.menu-primary ul.menu-smart > li > a {
  letter-spacing: 0.05em !important;
  font-weight: inherit !important;
  -webkit-font-smoothing: antialiased;
}
}

/*STARTSEITE*/

/*PIKO*/
.sidebar-right{
	padding-top: 2.4vw!important;
}
.sidebar-left{
	padding-right: 4.5vw!important;
	border-right: 10px solid var(--mint)
}

/*BLOCKQUOTE*/

blockquote {
	background: url(blockquote.svg) no-repeat left top;
	background-size: 50px auto;
    margin:0px 0 0 0px;
    padding: 0px 60px 0px 66px;
    border-left: none;
}
.style-light blockquote p{
	font-weight: 600;
}
small{
color:  var(--lila);
font-weight: 600;
font-style: italic;
padding-left: 66px;	
}

h3 a {
font-size: 22px;
 	color: #1d6649!important
}
h3 a:hover {
 	color: #000 !important;
 	text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}


/*FOOTER*/

.footer-scroll-top i {
    width: 3em;
    height: 3em;
    line-height: 2.7em;
}
.fa-angle-up:before {
    font-size: 46px;
}

/*LISTEN*/
.uncode_text_column ul {
  list-style: none!important;
  padding:10px 0!important;
}

.uncode_text_column ul li, .uncode_text_column ul.nobull ul li {
  background-image: url('point.svg');
  background-repeat: no-repeat;
  background-size: 10px 10px; 
  background-position: left 9px; 
  padding:2px 22px;
  font-weight: 600;
  color: var(--gruen);  
  line-height: 1.5;
}
.uncode_text_column ul li strong {
  font-weight: 800;
  color: var(--gruen);  

}

.uncode_text_column ul.nobull li {
  background-image: none;
  padding:0;
}

.line-left{
	border-left: 3px solid var(--gruen);
	padding-left: 30px;
}
/*LINKS*/
.isotope-wrapper.grid-wrapper.no-gutter{
	margin-left: -14px;
}

.buttons-style, input[type="submit"]:not(.btn-custom-typo):not(.btn-inherit), input[type="reset"]:not(.btn-custom-typo):not(.btn-inherit), input[type="button"]:not(.btn-custom-typo):not(.btn-inherit), button[type="submit"]:not(.btn-custom-typo):not(.btn-inherit), .btn:not(.btn-custom-typo):not(.btn-inherit):not(.uncode-nav-container), .btn-link:not(.btn-custom-typo):not(.btn-inherit):not(.uncode-nav-container), .tab-container:not(.default-typography) .nav-tabs, .uncode-accordion:not(.default-typography) .panel-title > a > span, .search_footer{
		border-radius: 6px;
		font-weight: 800!important;
		font-size: 15px;
		letter-spacing: 0.16em;
		text-decoration: none;	
}
.btn:not(.btn-padding-x) {
    padding-left: 27px !important;
    padding-right: 27px !important;
}
.btn:not(.btn-padding-y) {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}
.btn-container.btn-inline {
    margin-top: 20px !important;
}
.btn {
    padding: 1px 10px !important;
}


/*IMAGES*/
.uncode-single-media-wrapper img{
	border-radius: 12px;
}
.projekt-right .uncode-single-media-wrapper img{
	border-radius: 0px;
}


/*AKTUELL*/
.box{
	background: #f7f4f1;
	padding: 10px;
	margin: 19px 0;
	border-radius: 12px;
}

.tmb > .t-inside hr {
    margin-top: 38px;
    margin-bottom: 18px;
}

/*STARTSEITE*/

.over-text{
	background: var(--hell);
	padding: 30px;
	border-radius: 16px;
	border-left: 5px solid var(--lila);
	width:450px!important;
	opacity: 1;
   transition: opacity 2.4s ease-in-out 0.9s;
   @starting-style {
    opacity: 0;
  }
}


.uncode_text_column.infobox{
	background-color: var(--hell);
	background-image: url(info.svg);
	background-position: calc(100% - 30px) 30px;
	background-repeat:no-repeat;
	background-size: 20px auto;
	padding: 40px;
	border-radius: 16px;
	border-left: 5px solid var(--lila);
	opacity: 1;
   transition: opacity 2.4s ease-in-out 0.9s;
   @starting-style {
    opacity: 0;
  }
}
.infobox-col{
	padding-top: 83px!important;}

.infobox strong{
	color: var(--lila)!important;
	font-weight: 800!important;
	display: block;
	margin-top: 10px;
	}


.isotope-container .t-entry-readmore {
  margin-top: auto !important;
}

.row-background, .column-background {
    border-radius: 20px;
}
.tmb-light.tmb .t-entry-text hr{
    border-color: #1d6649;
}
	
.uncell.single-block-padding.style-color-prif-bg.unradius-lg,
.uncell.no-block-padding.style-color-prif-bg.unradius-lg{
	border-left: 5px solid var(--lila);
}
.uncode_text_column.extra-pad{
	padding: 30px;
	}
	
.t-entry-text-tc.single-block-padding{
padding: 20px;	
}
.btn-container.btn-inline .bt-right{
	float: right!important;
}
.style-light .ui-bg-dots, .style-dark .style-light .ui-bg-dots, .style-light .owl-dots-outside .owl-dots .owl-dot span, .style-dark .style-light .owl-dots-outside .owl-dots .owl-dot span {
    background-color: var(--lila);
}
/*DOTS*/
.owl-dots-outside .owl-dots {
    padding: 28px 20px 28px 0px;
    bottom: -15px;
}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
    transform: scale(1.2);
    opacity: 1;
}
.no-touch .owl-dots .owl-dot span {
    backface-visibility: hidden;
}
.owl-dots-outside .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
}
.owl-dots .owl-dot span {
    margin: 0px 8px;
}
@media (min-width: 570px) {
    .owl-dots-outside.owl-carousel[data-dots="true"] {
        margin-bottom: 4px;
    }
}

#menu-footermenu a:hover{
	text-decoration: underline;
}


.projekt-right h3:before{
	  position: relative;
	  left:-72px;
	  top:17px;
	display: block;
	  content: "";
	width: 65px;
	height:2px;
	background: var(--lila);
}
@media (min-width: 768px) {
.projekt-left{
border-right: 2px solid var(--lila);
padding-right: 72px!important;
}
.desktop{
display: block;
}
.mobil{
display: none;
}
}
@media (max-width: 1330px) {
	.isotope-filters.grid-filters.menu-container {
    width: calc(44% - 48px);
    padding: 30px;
    border-radius: 12px;
    position: relative;
    margin-right: 0 !important;
    margin-left: auto !important;
}
	}

@media (max-width: 1130px) {
.logo-image.main-logo.logo-skinnable{
	height: 60px!important;
}
    .font-size-menu, .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), .menu-smart > li > a > div > div > div.btn, .burger-label, #masthead .overlay .overlay-search-wrapper .search-container {
        font-size: 16px;
    }
    .menu-smart {
        padding: 0px;
    }
    .main-container .inverted-device-order > .row > .row-inner > div:first-child:not([class*=col-md]) {
        padding-top: 0px !important;
    }
.buttons-style, input[type="submit"]:not(.btn-custom-typo):not(.btn-inherit), input[type="reset"]:not(.btn-custom-typo):not(.btn-inherit), input[type="button"]:not(.btn-custom-typo):not(.btn-inherit), button[type="submit"]:not(.btn-custom-typo):not(.btn-inherit), .btn:not(.btn-custom-typo):not(.btn-inherit):not(.uncode-nav-container), .btn-link:not(.btn-custom-typo):not(.btn-inherit):not(.uncode-nav-container), .tab-container:not(.default-typography) .nav-tabs, .uncode-accordion:not(.default-typography) .panel-title > a > span, .search_footer {
    letter-spacing: 0.05em;
}	
}
@media (max-width: 959px) {
.isotope-filters.grid-filters.menu-container {
    width: 100%;
    padding: 10px;
    margin-bottom: 18px;
}
/*SIDEBAR*/
.col-lg-4.col-widgets-sidebar {
	margin-left: 36px;
}
.widget-container .widget-title {
    font-size: 24px;
}

.wp-singular .un-sidebar-layout .row-inner {
flex-direction: column;
display: flex;
flex-wrap: wrap;
}

.wp-singular .un-sidebar-layout .row-inner .col-lg-4 {
order: 1; /* Sidebar zuerst */
padding-top: 0;
margin-top: 0;
}
.wp-singular .un-sidebar-layout .row-inner .col-lg-8 {
order: 2; /* Content danach */
}



.widget-container ul li{
margin-bottom: 2px;
line-height: 1.5;
}
  .widget-container.widget_nav_menu li a, .widget-container.widget_custom_menu li a {
    font-size: 15px;
    padding: 0px;
}
.col-widgets-sidebar .widget-container .widget-title {
    padding: 0px 0px 10px 0px;
}
.widget-container .widget-title {
    margin: 0px 0px 10px 0px;
}
.wp-singular .uncell.double-top-padding.double-bottom-padding{
	padding: 0;
	}
	}
@media (max-width: 767px) {	
body::before {
display: none;
}
.menu-container .logo-container {
 padding: 27px 22px 27px 22px !important;
    }
.main-container .row-container .single-h-padding {
    padding-left: 22px;
    padding-right: 22px;
}
	
/*SIDEBAR-ENDE*/	
h5:not([class*="fontsize-"]), .h5:not([class*="fontsize-"]) {
    font-size: 17px;
}
/*FILTER-PROJEKTE*/
.menu-container ul.menu-smart a {
    text-align: left;
}	
.filter-show-all{
	margin-top: 20px;
	display: block;
}		
.desktop{
display: none;
}
.mobil{
display: block;
}
.infobox-col{
	padding-top: 23px!important;}

}
#main-logo .navbar-brand img {
    height: 94px;
}
.sidebar-right{
	padding-top: 36px!important;
}
.sidebar-left{
	padding-right: 0px!important;
	border-right: none
}

}