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


/*BODY*/
.body-borders .body-border-shadow {
    box-shadow: none;
}
.body-borders[data-border="36"] .top-border, .body-borders[data-border="36"] .bottom-border {
    height: 26px;
}
.body-borders[data-border="36"] .right-border, .body-borders[data-border="36"] .left-border {
    width: 26px;
}
.menu-wrapper .row-menu.limit-width .row-menu-inner {
padding: 0px 6px 0px 6px;
}
.submenu-light .menu-smart ul li.current-menu-parent > a {
    color: #aa5c4b!important;
}
@media (min-width: 960px) {
.limit-width {
max-width:1600px;
padding-right: 56px!important;
padding-left: 56px!important;
}
/*ONEPAGEDOTS*/    
.page-id-3470 .wpb_row.row-inner{
padding-right: 135px;
}
.page-id-130 .wpb_row.row-inner {
margin-right: 80px;
}
    
        .hmenu .menu-primary .menu-smart > li > a, .hmenu-center .menu-primary .menu-smart > li > a {
        height: 25px;
    }
    .menu-horizontal ul.menu-smart > li > ul:not(.mega-menu-inner) {
        width: 185px !important;
    }
    .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-right: 46px;
    }

    .drop-menu{
	    position: absolute!important;
	    top:60%!important;
    }
    
li.current-menu-item a, .presse #menu-item-2864 > a,.presse .menu-item-3340 a{
	font-weight: 500!important;
	color:#aa5c4b!important;
}    
#menu-item-2500 .drop-menu{
	 margin-left: -20px!important;   	    
	    }
#menu-item-3911 .drop-menu{
	 margin-left: -7px!important;   	    
	    }
#menu-item-2864 .drop-menu{
	 margin-right: -50px!important;   	    
	    }
        .menu-smart ul > li > a, .menu-smart ul > li > ul > li > a {
        letter-spacing: 0.03em!important;
        padding:6px 4px;
        font-weight: 300;
    }
    #menu-main-menu > li:last-child > .drop-menu {
    right: 0 !important;   /* setzt das Dropdown am rechten Rand aus */
    left: auto !important; /* verhindert die Verschiebung nach links */
}
i.fa.fa-angle-down.fa-dropdown{
	display: none;
}
}
/*LOGO*/
.col-lg-0 {
padding: 5px 36px 30px 36px;
}


body{
  font-size: clamp(1.1rem, 0.51vw + 0.75rem, 1.2rem); /* ca. 18px – 22px */
  line-height: 1.5em;
  	color: #3e201b;
}

p, li, dt, dd, dl, address, small, pre, code,.toggle-content{
word-break: normal;
hyphens: auto;
margin: 6px 0;
  font-size: clamp(1.1rem, 0.51vw + 0.75rem, 1.2rem); /* ca. 18px – 22px */
  line-height: 1.5em;
  	color: #3e201b;
}
small, figcaption {
    font-size: 13px;
}
.panel-body p, .panel-body li{
	color: #3e201b;
  font-size: clamp(1.01rem, 0.49vw + 0.71rem, 1.12rem); /* ca. 18px – 22px */
}
.plus-signed.sign-size-md .panel-title > a > span:after {
    font-size: 1.2em;
    padding-right: 15px;
}
.style-light .panel, .style-light .panel-group .panel-heading + .panel-collapse:before{
	border-color:  #aa5c4b;
}

.panel-body.single-block-padding{
	padding: 25px 0;
}

.site-footer p{
	 font-size: 14px!important;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.style-light p b{
	color: #3e201b
}


h1, .style-light h1, h1:not([class*="fontsize-"]), .h1:not([class*="fontsize-"]),h1.entry-title {
  font-size: clamp(2.1rem, 2.5vw + 1rem, 3.5rem);   /* ca. 32px – 48px */
  line-height: 1em;
  	text-transform: uppercase;
  	color:  #aa5c4b;

}
h2, .style-light h2, h2:not([class*="fontsize-"]), .h2:not([class*="fontsize-"]) {
    font-size: clamp(1.7rem, 1.7vw + 0.8rem, 2.5rem);
    line-height: 1.3;
    text-transform: uppercase;
}
h3, .style-light h3, h3:not([class*="fontsize-"]), .h3:not([class*="fontsize-"]), h3.widget-title {
 font-size: clamp(1.4rem, 1.4vw + 0.5rem, 1.7rem)!important; 
  line-height: 1.2!important;
   	text-transform: uppercase;
   	  	color:  #aa5c4b; 
}
h3:after{
	content: "";
	border-bottom: 1px solid #aa5c4b;
	width: 80px;
	height:15px;
	display: block;
	position: relative;
}
.awsm-grid-wrapper h3:after, .these h3:after{
display: none;
}

h4, .style-light h4, h4:not([class*="fontsize-"]), .h4:not([class*="fontsize-"]) {
  font-size: clamp(1.125rem, 0.5vw + 1rem, 1.2rem); /* ca. 18px – 22px */
  line-height: 1.2!important;
   	text-transform: uppercase; 
}
h4.t-entry-title.h6{
	text-transform: none;
	 font-size: clamp(1.2rem, 0.6vw + 1rem, 1.25rem); /* ca. 18px – 22px */
  line-height: 1.2!important;
  font-weight: 600!important;
	
}
h5, .style-light h5, h5:not([class*="fontsize-"]), .h5:not([class*="fontsize-"]) {
  font-size: clamp(1.1rem, 0.46vw + 1rem, 1.1rem); /* ca. 18px – 22px */
  line-height: 1!important;
  margin: 0;
  padding: 0;
   	text-transform: uppercase; 
   	color: #3e201b;
}
.start h1 {
    font-weight: 700;
    font-size: clamp(3.5rem, 5vw + 1rem, 5.5rem);   /* ca. 32px – 48px */
    line-height: 0.9em;
    text-transform: uppercase;
    color: #aa5c4b;
    letter-spacing: -0.03em;
    padding-left: 1vw;
}
big {
  font-size: clamp(1.13rem, 0.6vw + 1rem, 1.3rem); /* ca. 18px – 22px */
  line-height: 1.2!important;
  font-weight: 700;
	color: #aa5c4b;
}

/*KONTAKT*/
.fa-2x {
    font-size: 1.1em;
    padding-top: 4px;
}

.icon-box.icon-box-left{
	margin-top: 8px!important;
}
.icon-box-left.icon-box-space-reduced .icon-box-content {
    padding-left: 10px;
}
.icon-box.icon-box-left p{
	margin-top: 0px!important;
	line-height: 1.3em!important;
}




/*MAPS*/
.gm-style-iw-chr{
	display: none;
}
.top-border{
	display: none;
}
.menu-container{
	padding-top: 26px;
}
.page-id-224 .eapps-google-maps-marker-image {
    height: 250px;
}
.page-id-224 .eapps-google-maps-marker-info{
	display: none;
}
.page-id-224 .eapps-google-maps-marker-description {
    border-top: none;
    margin-top:0px;
    padding-top: 0px;
}
#eapps-google-maps-1.eapps-google-maps, #eapps-google-maps-2.eapps-google-maps  {
    border-radius: 18px;
}

/*GOOGLEMAP*/
.eapps-google-maps-marker-description b{
	font-weight: 500;
	color: #aa5c4b;
	
}
.eapps-google-maps-marker-title {
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
    position: relative;
    padding-right: 8px;
    font-weight: 500;
    opacity: 0.9;
}
.gm-style-iw-tc{
	display: none;
}
.eapps-google-maps-marker-description {
    color: #3e201b!important;
    font-size: 14px!important;
    border-top: 1px solid #e6e6e6;
    margin-top: 12px;
    padding-top: 12px;
    line-height: 1.5em!important;
}
.eapps-google-maps-marker-content {
    padding: 28px 16px 28px 16px!important;
    background: transparent!important;
    color: #3e201b!important;
    font-size: 14px!important;
     line-height: 1.5em;
}
.eapps-google-maps-marker-info-item-icon{
	height: 20px;
	width: auto;
}
.eapps-google-maps-marker-info-item-icon-wrapper {
    margin-right: 5px!important;
}


/*STARTSEITE_ANIMATIONEN_POSTS*/
.t-entry-text {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 1.1s ease-out 1s, transform 0.5s ease-out 1s;
}
.t-entry-text.visible {
opacity: 1;
transform: translateY(0);
}
/*PRESSE*/
.cssgrid-container.cssgrid-equal-height.cssgrid-equal-height-bottom .t-entry > *:last-child {
    flex-grow: 1;
    display: flex;
    align-items: flex-start;
}

/* SIDEBAR */
.rpwwt-widget li{
	margin-bottom: 10px!important;
}

.rpwwt-post-title img,
.rpwwt-widget img,
.widget img {
    width: 100%!important;
    height:130px!important;
    object-fit: cover!important;
    object-position: center!important;
    border-radius:4px!important;
}
span.rpwwt-post-title{
	font-weight: 600!important;
	text-transform: uppercase;
	line-height: 1.2em;
	display: block;
	font-size: 16px!important;
	padding-top: 18px!important; 
}

/* Datum direkt unter dem Titel */
.rpwwt-post-date{
	font-size: 13px;
	margin-top: 6px!important;    /* kleiner Abstand */    /* wichtig: verhindert seitlichen Versatz */
}

/* Optional: kleine Abrundung unten */
.row-round{
    border-radius: 14px;
}

.col-widgets-sidebar .widget-container .widget-title {
    border-bottom-width: 0px;
    border-bottom-style: none;
    padding: 0px 0px 27px 0px;
}

/*PRESSE_MEDIA_DOWNLOAD*/
.press-download-list {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-top: 20px;
}
.press-item {
  display: flex;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid #aa5c4b;
  padding-bottom: 20px;
}
.press-item:last-child {
  border-bottom: none;
  padding-bottom: 60px;
}

.press-item img {
  width: 220px;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
}
.press-info {
  flex: 1;
}
.press-info h4 {
  margin: 0 0 5px 0;
  font-size: 18px;
  font-weight: 600;
}
.press-size {
  font-size: 14px;
  color: #666;
}

/* Download-Button */
.press-download {
  background: #aa5c4b;
  color: #fff!important;
  padding: 10px 22px;
  border: 1px solid #aa5c4b;
  text-decoration: none;
  transition: 0.2s ease;
  font-size: 14px;
}

.press-download:hover {
  background: #fff;
  color: #aa5c4b!important;
}

/*ALLGEMEINE ABSTÄDE*/
.main-container .row-navigation .row-parent .post-navigation {
    padding-bottom: 0px;
}

/* SHARE*/

.post-wrapper .post-footer.post-footer-light, .style-light .post-share {
    border-color: transparent;
    border: none!important;
}
.post-footer.post-footer-light.style-light.no-top-padding.double-bottom-padding {
    padding-bottom: 0px;
     border: none!important;
}
.post-wrapper, .margin-auto {
    margin: 20px 0;
}
div[class*=sharer-].share-button .social ul li {
    width: 36px;
}

/*NAVIGATION*/
.row-navigation .fa-angle-right:before {
    content: "\f105";
}
.row-navigation .row-parent {
    padding-bottom: 0;
	
}
.row-navigation.row-navigation-light {
    outline-color: #FFF;
    background-color: transparent;
}
.btn, .btn-link {
    font-size: 13px;
}
.pagination, .navigation {

    padding:0 20px;
}
/*DOTS*/
.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: #aa5c4b;
}
.owl-dots-outside .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
}


/*PROJEKTE*/
.uncode-map-wrapper {
	border-radius: 25px;
}
.uncode-gmaps-widget address {
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}
/*INFOBOX*/
span.info{
	border-left: 1px solid #aa5c4b;
	padding: 5px 0px 5px 20px;	
	font-size: 14px;
	line-height: 1.5!important;
	color: #aa5c4b!important;
	display: block;
	font-family: 'Space Mono', monospace;
}
.data-field.data-field--detail-196956{
	border-left: 1px solid #3e201b;
	padding: 3px 0px 3px 15px;	
	line-height: 1.5!important;
	color: #3e201b;
	display: block;
	font-family: 'Space Mono', monospace;
}
.tmb .data-field-value {
    font-size: 13px;
}

.uncode_text_column.infobox{
	border-left: 1px solid #aa5c4b;
	padding: 5px 0px 5px 20px;
}
.uncode_text_column.infobox p{
	font-size: 14px;
	line-height: 1.8!important;
	color: #aa5c4b;
	font-family: 'Space Mono', monospace!important;
}
.uncode_text_column.infobox li{
	font-size: 14px;
	padding: 5px 0;
	line-height: 1.5!important;
	color: #aa5c4b;
	font-family: 'Space Mono', monospace!important;
}
.uncode_text_column.infobox ul{
list-style: none!important;
}

.uncode_text_column.infobox ul li {
  position: relative;
  margin-bottom: 0.3em;
}

.uncode_text_column.infobox ul li::before {
  content: "";
  position: absolute;
  left: -30px;
  top:14px;
  width: 20px;      /* Länge der Linie */
  height: 1px;      /* Dicke der Linie */
  background:#aa5c4b; /* Farbe */
}
	
.uncode_text_column.infobox b, .uncode_text_column.infobox strong{
	font-size: 14px;
	color: #aa5c4b;
		font-family: 'Space Mono', monospace!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;
}
/*
.style-dark .btn-default, .style-light .style-dark .btn-default, .tmb-dark .t-entry-text .btn-default, .style-light .tmb-dark .t-entry-text .btn-default, .tmb-light .t-overlay-inner .btn-default {
    color: #aa5c4b !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    opacity: 0.8;
}
*/
/*TEAM*/
.awsm-content-scrollbar p{
	margin: 5px 0!important;
  font-size: clamp(1.1rem, 0.51vw + 0.75rem, 1.2rem)!important;
  line-height: 1.3em!important;
  	color: #3e201b!important;
}
.awsm-grid-card{
border:1px solid #3e201b!important;
border-top: 2px;
padding-top: 1px;	
}
.drawer-style.style-1 .awsm-details h2 {
    font-size: 24px;
    margin: 0px;
    line-height: 1.1;
}
.drawer-style.style-1 strong {
    margin: 0 0 14px 0;
}
.drawer-style.style-1>.awsm-grid-card .awsm-grid-list-item::before {
    border: 20px solid #3e201b;
}
.drawer-style.style-1 .awsm-grid-card.awsm-expanded .awsm-grid-list-item::after {
    border-top-color: #3e201b;
}

.awsm-filter-btn {
    font-size: 1rem;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    padding: 2px 9px;
    margin: 10px;
    height: auto;
    position: relative;
    vertical-align: middle;
    color: #3e201b;
    background: #f3f3f4;
    border-radius: 4px;
}
/*?????????????
.drawer-style.style-1 figcaption {
    position: absolute;
    left: 25px;
    right: 25px;
    top: 25px;
    bottom: 25px;
    padding: 30px;
    background: rgba(62, 32, 27, .6);
    color: #fff;
}
*/

/*DOTS*/
/* ÄUSSERSTER CONTAINER – Uncode überschreibt diesen per Inline-Style.
   Wir neutralisieren die Höhe vollständig. */
.background-inner.self-video {
    height: 70vh !important;       /* Deine gewünschte Höhe */
    min-height: 400px !important;  /* Deine Mindesthöhe */
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Video-Wrapper neutralisieren */
.background-inner.self-video .wp-video {
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Video selbst */
video.background-video-shortcode {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
   position: static !important;
    margin: 0 auto !important;
    padding: 0 !important;
}
/*ONEPAGE_MENUE**************/
.onepage-pagination {
    right: -10px;
}
.onepage-pagination .one-dot-link {
  pointer-events: auto;
}

.onepage-pagination .cd-label {
  pointer-events: auto;   /* macht den Titel klickbar */
  cursor: pointer;        /* zeigt an, dass es ein Link ist */
}
.no-touch .onepage-pagination .cd-label {
    font-size: 15px;
    font-weight: 400;
    padding: 6px 18px;
    position: absolute;
    color: #aa5c4b;
    display: inline-block;
    left: 10px;
    top: -6px;
    border-radius: 0px;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-100%);
    transition: none;
    white-space: pre;
    z-index: 0;
}
.no-touch .onepage-pagination a.is-selected {
    pointer-events: auto;
}
.no-touch .onepage-pagination li {
    height: 2.2em;
    }
.no-touch .onepage-pagination .cd-dot {
    transition: all 100ms ease-out;
    width: 14px;
    height: 14px;
    background-color: rgba(255, 255, 255, 0);
    display: inline-block;
    -webkit-backface-visibility: visible;
    transition: all 100ms ease-in-out;
    border-radius: 50%;
    box-shadow: none;
    transform: scale(1);
    border: 1px solid #aa5c4b;
}
.one-dot-link.is-selected .cd-label{
 text-decoration: underline;
 text-decoration-thickness: 1px;
text-underline-offset: 4px;
}
.no-touch .onepage-pagination span.cd-dot-cont:hover .cd-dot, .no-touch .onepage-pagination a.is-selected .cd-dot {
    background-color: #aa5c4b;
    transform: scale(1.3);
}
.style-accent-bg {
    background-color: transparent;
}
.no-touch .onepage-pagination .cd-label:after {
display: none;
}
/*______________________________________________________*/
/*ÜBERUNS*/
.my-toggle .toggle-content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.7s ease, opacity 0.5s ease;
}

.my-toggle.open .toggle-content {
  max-height: 5000px; /* sehr groß, damit's nie abschneidet */
  opacity: 1;
}

.my-toggle .toggle-btn {
  cursor: pointer;
  background: none;
  border: none;
  font-size: 15px;
  letter-spacing: 0.05em;
  padding: 5px 0 0 0;
  display: inline-flex;
  align-items: center;
  color: #aa5c4b;
  font-weight: 600;
  text-transform: uppercase;
}

.my-toggle .toggle-btn:focus {
  outline: none;
}
.owl-dots-outside .owl-dots {
    padding: 0;
    bottom: -34px;
}
/*FOOTER*/
    .footer-scroll-top.footer-scroll-higher {
        bottom: 31px;
    }
.footer-scroll-top i {
    width: 40px;
    height: 40px;
    border-radius: 1px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.fa-angle-up:before {
content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-image: url('pfeil-oben-weiss.svg');
  background-size: auto 25px ; /* oder cover */
  background-repeat: no-repeat;
  background-position: center;
}

.widget-container.widget_nav_menu .menu-item a {
  position: relative; /* sorgt dafür, dass der Pfeil auf diesen Link bezogen wird */
  padding-left: 20px;
  margin-right: 10px;
font-size: 14px;
}

.widget-container.widget_nav_menu .menu-item a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 15px;
    height: 18px;
    background-image: url(pfeil-re-ziegel.svg);
    background-repeat: no-repeat;
    background-size: auto 10px;
}
.widget-container ul li {
    margin-bottom: 0px;
    line-height: 1.5;
}
footer .footer-last:not(.footer-center) .social-icon i, .uncode-vc-social:not(.icons-lead) .social-icon i {
    width: 25px;
    }
.fa-instagram-square:before {
    content: "";
      position: absolute;
  left: 0;             /* Abstand vom linken Rand des Links */
  top:0px;            /* vertikal zentrieren */
  width: 28px;          /* Breite des Pfeils */
  height: 28px;         /* Höhe des Pfeils */
  background-image: url('insta.svg'); /* dein Bild hier einfügen */
  background-repeat: no-repeat;
  background-size: auto 28px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.fa-linkedin-square:before {
   content: "";
  position: absolute;
  left: 0;             /* Abstand vom linken Rand des Links */
  top:0px;            /* vertikal zentrieren */
  width: 28px;          /* Breite des Pfeils */
  height: 28px;         /* Höhe des Pfeils */
  background-image: url('linked.svg'); /* dein Bild hier einfügen */
  background-repeat: no-repeat;
  background-size: auto 28px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.fa-youtube-play:before {
    content: "";
 position: absolute;
  left: 0;             /* Abstand vom linken Rand des Links */
  top:0px;            /* vertikal zentrieren */
  width: 28px;          /* Breite des Pfeils */
  height: 28px;         /* Höhe des Pfeils */
  background-image: url('you.svg'); /* dein Bild hier einfügen */
  background-repeat: no-repeat;
  background-size: auto 28px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.style-color-uydo-bg {
    background:  #f7f5f4;
}


/*BUTTON*/
.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 {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/*ARROW*/

.button {
	margin: 20px 0 20px 0;
    position: relative;
    background-color: transparent;
    color: #aa5c4b;
    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: 1px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color: #aa5c4b;
    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: #aa5c4b!important;
}
.text {
    position: relative;
    z-index: 1; /* Text bleibt immer vor dem Quadrat */
    transition: transform 0.3s ease;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    padding: 3px 10px 0px 45px;
    color: #aa5c4b;
}

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

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

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

.tmb-light.tmb-color-hr, .tmb-light.el-text hr.separator-reduced, .tmb-light.tmb .t-entry-visual hr, .tmb-light.tmb .t-entry-text hr, .tmb-light.tmb-table-border.tmb.tmb-table .t-inside, .tmb-light.tmb-table-border-between:not(:last-child).tmb.tmb-table .t-inside, .tmb-light.tmb-table-border-below.tmb.tmb-table .t-inside, .tmb-light.tmb-table-border-both:first-child.tmb.tmb-table .t-inside, .tmb-light.tmb.tmb-table .uncode-post-table-column hr
 {
    border-color: #aa5c4b;
    margin-left: -36px;
}


/*************************PERSONIO******************************/
.personioposition-template-default a{
	color:  #aa5c4b;
	font-weight: 500;
}
.personioposition-template-default header{
margin-bottom: 20px;
}
.personioposition-template-default .entry-content ul {
    list-style: none; /* echten Bullet entfernen */
    padding-left: 1.2em;
    margin-left: 20px;
}

.personioposition-template-default .entry-content li {
    position: relative;
    margin-bottom: 6px;
}

.personioposition-template-default .entry-content li::before {
    content: "•";
    position: absolute;
    left: -1em;
    color: #aa5c4b;   /* Farbe der Disc */
    font-size: 28px; /* Größe optional */
    line-height: 1;
}

.personioposition{
	max-width: 80%;
	margin: 72px auto;
	padding: 0 36px;
}

.karriere .personioposition{
	max-width: 1000%;
	min-width: auto;
	margin: 60px 0 0 0; 
	padding:5px 0 5px 30px; 
	border-left: 1px solid #aa5c4b;
}

.personio-hide-title ul{
	padding:8px 20px!important;
}
h2.entry-title a{
	font-size: 26px;
	margin: 0;
	padding: 0;
}
.personio-position-filter-linklist>div li {
    line-height: 1.1;
    padding: 0;
}
.personio-position-filter-linklist>div ul {
    background-color: #fff;
}
.personio-position-filter {
    position: relative;
    z-index: 9999;
    overflow: visible !important; 
}
@media(min-width: 768px) {


.personio-position-filter div ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    background: #f4f4f3!important; 
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.personio-hide-title label{
	text-transform: uppercase;
	font-size: 18px;
	color:  #3e201b;
	position: relative;
	font-weight: 500;
    padding:6px 26px 6px 8px; /* Platz für den Pfeil */
    cursor: pointer;
    border: 1px solid #aa5c4b;
    white-space: nowrap;
}


.personio-position-filter label::after {
    content: "▼"; /* Pfeil */
    position: absolute;
    right:6px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
}
}

/*FORMULAR*/
/*BILD*/
/* Container für das ganze Formular */
.form-container {
  max-width: 900px;
  margin:30px auto;
}

/* Zwei Spalten nebeneinander */
.form-columns {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; /* für mobile Ansicht */
}

/* Jede Spalte */
.form-block {
  flex: 1;
  min-width: 280px; /* sorgt für responsive */
  display: flex;
  flex-direction: column;
  gap:6px;
}

/* Inputs / Textareas / File */
.form-block input[type="text"],
.form-block input[type="email"],
.form-block textarea,
.form-block input[type="file"] {
  width: 100%;
  padding: 7px 10px;
  font-size: 17px; /* ca. 18px – 22px */
  border: 1px solid #c2927e;
  border-radius: 2px;
  box-sizing: border-box;
}
.wpcf7-acceptance input[type="checkbox"] {
    width: 18px;          /* Größe */
    height: 18px;
    accent-color: #c2927e; /* Farbe des Häkchens */
    border: 1px solid #c2927e; /* optional: sichtbarer Rahmen */
    background-color: #fff; /* Hintergrund */
    cursor: pointer;
}
.form-block input[type="file"] {
  border: none;
}


form-block p {
    margin: 0;        /* entfernt den Abstand der Paragraphen um jedes Feld */
    padding: 0;
    font-size: 17px;
    line-height: 1.3em!important;
}

/* Optional: wenn CF7 noch wrapper spans hat */
.form-block span.wpcf7-form-control-wrap {
    margin: 0;
    padding: 0;
}

/* Textarea etwas höher */
.form-block textarea {
  min-height: 116px;
  resize: vertical;
}

/* Akzeptanzfeld */
.form-acceptance {
  margin-top: 20px;
}

/* Häkchen + Text nebeneinander */
.wpcf7-acceptance {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.wpcf7-acceptance input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin-top: 3px;
}

.wpcf7-acceptance .acce {
  line-height: 1.2;
}

/* Submit-Button */
.form-submit {
  margin-top: 20px;
}

.form-submit input[type="submit"] {
  padding: 12px 30px;
  font-size: 17px;
  background-color: #aa5c4b;
  color: white;
  border: none;
  border-radius: 0px;
  cursor: pointer;
}

.form-submit input[type="submit"]:hover {
  background-color: #FFF;
  border: 1px solid #aa5c4b;
  color:  #aa5c4b;
}
form p {
    margin: 0px 0px 0px 0px;
    font-weight:400;
    color: #3e201b!important;
    font-size: 17px;
    line-height: 1.4!important;
}

/* Gesamtformular als Grid – 6 Felder oben, 3 Elemente unten */
.personio-application-form {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 Spalten */
    gap: 20px;
}

/* Die ersten 6 Felder sollen alle in der ersten Reihe bleiben */
.personio_firstname,
.personio_lastname,
.personio_email,
.personio_phone,
.personio_availability,
.personio_salary {
    grid-column: span 1;
}

/* Uploadfelder und Button -> zweite Zeile */
.personio_cv,
.personio_other,
.personio-application-form .submit {
    grid-column: span 1;
}

/* Datenschutzfeld soll über die ganze Breite gehen */
.privacy {
    grid-column: 1 / -1;
}

/* Alle Inputs und File-Felder stylen */
.personio-application-form input[type="text"],
.personio-application-form input[type="email"],
.personio-application-form input[type="date"],
.personio-application-form input[type="file"] {
    width: 100%;
    border: 1px solid #c2927e;
    padding: 10px;
    border-radius: 0;
    background: #fff;
    font-size: 16px;
}

/* Upload-Hinweise kleiner machen */
.personio-integration-upload-size-hint {
    font-size: 12px;
    margin-top: 5px;
}

/* Button Styling */
.personio-application-form .submit {
    padding: 12px 30px;
    font-size: 16px;
    background-color: #aa5c4b;
    color: white;
    border: none;
    border-radius: 0;
    cursor: pointer;
    width: 100%;
}

/* Button Hover */
.personio-application-form .submit:hover {
    background-color: transparent;
    border: 1px solid #c2927e;
    color: #c2927e;
}

/* Label-Abstände optimieren */
.personio-application-form label {
    font-weight: 400;
    margin-bottom: 5px;
    display: block;
}

/* Datenschutz-Checkbox sichtbarer machen */
.privacy input[type="checkbox"] {
    accent-color: #aa5c4b;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    border: 1px solid #aa5c4b;
}


/* Responsive für kleine Bildschirme */
@media (max-width: 767px) {
  .form-columns {
    flex-direction: column;
  }
}

.wpcf7 textarea {
    width:100%;      /* Breite in Pixel oder % */
    height: 80px;      /* Höhe in Pixel */
    max-width: 100%;   /* responsiv */
    resize: vertical;
}
.acce{
	display: block;
	margin: -18px 0 25px 25px;
}

@media (max-width: 959px) {
.mobile-menu-button-light .lines:not(.lines-dropdown), .mobile-menu-button-light .lines:not(.lines-dropdown):before, .mobile-menu-button-light .lines:not(.lines-dropdown):after, .mobile-menu-button-light .lines:not(.lines-dropdown) > span, .vmenu-container.menu-light .lines:not(.lines-dropdown), .vmenu-container.menu-light .lines:not(.lines-dropdown):before, .vmenu-container.menu-light .lines:not(.lines-dropdown):after, .vmenu-container.menu-light .lines:not(.lines-dropdown) > span {
    background:  #aa5c4b;
}
.fa-angle-right:before {
    content: "";
}
.drop-menu{
padding-left: 25px!important;	
}		
/*STARTSEITE*/
.start h1 {
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
}
    
.main-container .row-inner > div:not([class*=col-md]) {
 padding: 0;
    }
.single-block-padding {
    padding: 36px 36px 0px 36px;
}
.single-block-padding.style-color-134611-bg{
	padding-bottom: 36px;
}

.start-text{
	padding:0 44px!important;
}
.footer-scroll-top.footer-scroll-higher {
    bottom: 91px;
}
.uncode-gmaps-widget address {
    bottom: -4px;
}
/*PRESSE*/
.main-container .row-container .row-parent {
    padding: 18px;
}
.personioposition{
	max-width: 100%;
	margin: 40px auto;
	padding: 0 36px;
}
}
/*NEWSLETTER*/

#nl2go_form h1{
	font-size: 22px!important;
}
#nl2go_form input {
    padding: 12px;
    margin-bottom: 12px;
    border-radius: 2px;
    border: 1px solid #aa5c4b!important;
}
#nl2go_form input[type=checkbox]{
margin-right: 20px;
}
#nl2go_form button {
    background-color: #aa5c4b!important;
    border: 1px solid #aa5c4b!important;
    padding: 12px;
    width: auto;
    color: #fff;
    border-radius: 1px;
    font-size: 18px;
    cursor: pointer;
}

#nl2go_form button:hover {
    background: transparent!important;
        border: 1px solid #aa5c4b!important;
    color: #aa5c4b!important;
}
/* PERSONIO FILTER – MOBILE FIX */
@media (max-width: 767px) {
.personio-hide-title label{
	text-transform: uppercase;
	font-size: 3vw;
	color:  #3e201b;
	position: relative;
	font-weight: 500;
    padding:0.3vw 0.6vw; /* Platz für den Pfeil */
    cursor: pointer;
    border: 1px solid #aa5c4b;
    white-space: nowrap;
}


.personio-position-filter-linklist {
    display: block!important;
    flex-direction: column-reverse;
}

.personio-position-filter-linklist>a, .personio-position-filter-linklist>div {
    cursor: pointer;
    display: inline-block!important;
    margin: 0 0.1em 0 0!important;
    position: relative;
    width: auto!important;
    z-index: 1000000000!important;
}
a.personio-position-filter-reset{
	margin-top: 40px!important;
	    z-index: 10!important;
	    text-transform: uppercase;
	font-size: 3vw;
	color:  #FFF;
	position: relative;
	font-weight: 500;
    padding:0.1vw 1vw !important;
    cursor: pointer;
    border: 1px solid #aa5c4b;
    background: #aa5c4b;
    white-space: nowrap;
}
a.personio-position-filter-reset:hover{	
	color:  #aa5c4b;
    border: 1px solid #aa5c4b;
    background: transparent;
}
/*PRESSE, NEUIGKEITEN*/
.press-item {
    display: block;
}
.row .uncell.no-block-padding {
    padding: 0 18px;
}
.neues .post-body .row .uncell.no-block-padding {
    padding: 0;
}

.widget-container {
    margin: 18px;
}
/* Gesamtformular als Grid – 6 Felder oben, 3 Elemente unten */
.personio-application-form {
    display: grid;
    grid-template-columns: repeat(1, 1fr); /* 3 Spalten */
    gap: 10px;
}


}


@media (max-width: 570px) {
	p, li, dt, dd, dl, address, small, pre, code,.toggle-content{
  line-height: 1.4em!important;

}
.menu-container .logo-container {
        padding: 27px 20px 27px 36px !important;
}
/*STAETSEITE*/
.start-text{
padding:0 0px!important;
}
.vc_custom_1761665560655{
	padding-right: 0!important;
	padding-left:0!important;
}
.vc_custom_1761725648233{
	padding: 0;
}
/*PROJEKTSEITE page-id-1974*/
.main-container .row-container .double-top-padding {
    padding-top:36px;
}

.double-block-padding {
        padding: 36px;
    }
.uncode_text_column.infobox{
	border-left: none;
	padding: 0px;
	margin:20px 0 0 0!important;
}
.spacer.spacer-one.single-space{
	display: none;
}
/*ÜBER US*/
.background-inner{
	background-size: cover!important;
}
/*TEAM*/
.awsm-team-filter-wrap{
	display: none;
}
.form-block{
width: 100%;
padding-right: 0%;
display: block;
float: none;
}
/*AUSZEICHNUNGEN*/
article#post-2660 .uncode-single-media .single-wrapper{
	max-width: 100%!important;
}
/*UNTER_UNS*/
.owl-carousel-wrapper{
	margin-bottom: 20px;
}
/*KARRIERE - page-id-3470*/
.main-container .row-container .row-parent {
    padding-bottom: 0!important;
}
}