/* 
Theme Name: KAUFMANN
Version: v.1.0
Description: Vanoli
Author: Roman Hospenthal, RHOdesign
Author URI: http://www.rhodesign.ch/
*/

@import 'css/reset.css';
@import 'css/grid.css';
@import 'css/plugins.css';
@import 'css/helpers.css';


/* ------------------------------------------------------------ *\
	Variables
\* ------------------------------------------------------------ */
/*
:root {
--fontsize-xxxl: clamp(3.6rem, 2.6314rem + 3.9739vw, 7.4rem);;
--fontsize-xxl: clamp(3.2rem, 2.4863rem + 2.9281vw, 6rem);;
--fontsize-xl: clamp(2.2rem, 1.6902rem + 2.0915vw, 4.2rem);;
--fontsize-lg: clamp(2rem, 1.7451rem + 1.0458vw, 3rem);;
--fontsize-md: clamp(1.8rem, 1.6471rem + 0.6275vw, 2.4rem);;
--fontsize-sm: clamp(1.8rem, 1.749rem + 0.2092vw, 2rem);;
--fontsize-xs: clamp(1.5rem, 1.449rem + 0.2092vw, 1.7rem);;
--fontsize-xxs: 1.5rem;
}
*/


:root {
/* Line heights. */
--line-height-sm: 1.3;
--line-height-md: 1.4;
--line-height-lg: 1.5;

--fontsize-xxxl: clamp(3.6rem, 2.825vw + 1.975rem, 999rem);
--fontsize-xxl: clamp(3.2rem, 2.082vw + 2.003rem, 999rem);
--fontsize-xl: clamp(2.2rem, 1.487vw + 1.345rem, 999rem); 
--fontsize-lg: clamp(2rem, 0.743vw + 1.572rem, 999rem);
--fontsize-md: clamp(1.8rem, 0.446vw + 1.543rem, 999rem);
--fontsize-sm: clamp(1.8rem, 0.149vw + 1.714rem, 999rem);
--fontsize-xs: clamp(1.5rem, 0.oot149vw + 1.414rem, 999rem);
--fontsize-xxs: 1.5rem;

--c-weiss: #FFF;
--c-orange: #FF9100;

/* Blautöne */
--c-primary-900: #002850;
--c-primary-800: #004B96;
--c-primary-700: #005AB4;
--c-primary-600: #0074E8;
--c-primary-500: #0082FF;
--c-primary-400: #2694FF;
--c-primary-300: #64a0f0;

/* Gray Scale */
--c-grey-400: #B4B4B4;
--c-grey-200: #D7D7D7;
--c-grey-100: #E8EBED;
--c-grey-50:  #F3F5F7;
}





/* ------------------------------------------------------------ *\
    Fonts
\* ------------------------------------------------------------ */
 @font-face{
        font-family:"Neue Haas Unica";
        src:url("fonts/Neue Haas Unica/bold/39bb8fb3-84a4-4ab8-ae45-db1834f5d807.woff2") format("woff2"),
			url("fonts/Neue Haas Unica/bold/96fd4fb4-75db-412f-986d-d65380ee0ccf.woff") format("woff");
	 		font-weight: 700;
       		font-display: swap;
       		font-style: normal;
    }
    @font-face{
        font-family:"Neue Haas Unica";
        src:url("fonts/Neue Haas Unica/regular/e0d80810-f7e3-4fea-8c57-ef8116f0465d.woff2") format("woff2"),
			url("Fonts/Neue Haas Unica/regular/27645c8a-608b-4abf-a2f1-c4407b576723.woff") format("woff");
			font-weight: 400;
       		font-display: swap;
       		font-style: normal;
    }






/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
html{font-size:62.5%}
body{min-width:320px;background:var(--c-weiss);font-family:"Neue Haas Unica",sans-serif;font-weight:400;font-size: var(--fontsize-sm); line-height: var(--line-height-lg);color:var(--c-primary-900)}

a{color:inherit;text-decoration:underline}
a:hover{text-decoration:none}
a[href^=tel]{text-decoration:none; cursor: pointer}



/* ------------------------------------------------------------ *\
	Margins
\* ------------------------------------------------------------ */
/*
.abstand-kein {margin-bottom:0}
.abstand-klein{margin-bottom:2rem}
.abstand-mittel{margin-bottom:4rem}
.abstand-mittel-gross{margin-bottom:7rem}
.abstand-gross{margin-bottom:10rem}
.abstand-groesser{margin-bottom:12rem}
.abstand-maximal{margin-bottom:15rem}
*/


.abstand-kein {margin-bottom:0}
.abstand-klein { margin-bottom: clamp(2rem, 0vw + 2rem, 999rem);}
.abstand-mittel { margin-bottom: clamp(2rem, 1.487vw + 1.145rem, 999rem);}
.abstand-mittel-gross { margin-bottom: clamp(2rem, 1.487vw + 1.145rem, 999rem);}
.abstand-gross { margin-bottom: clamp(6rem, 2.974vw + 4.29rem, 999rem);}
.abstand-groesser { margin-bottom: clamp(7rem, 3.717vw + 4.862rem, 999rem);}
.abstand-maximal { margin-bottom: clamp(8rem, 5.204vw + 5.007rem, 999rem);}



/* ------------------------------------------------------------ *\
	Paddings
\* ------------------------------------------------------------ */
.padding-top-70{padding-top:clamp(3.5rem, 2.602vw + 2.004rem, 999rem);}
.padding-top-100{padding-top:clamp(5rem, 3.717vw + 2.862rem, 999rem);}
.padding-bottom-150{padding-bottom: clamp(4.2rem, 8.03vw + -0.417rem, 999rem);}




/* ------------------------------------------------------------ *\
	Hintergrundfarben
\* ------------------------------------------------------------ */
.hellgrau {background-color: var(--c-grey-100)}
.dunkelblau  {background-color: var(--c-primary-900)}



/* ------------------------------------------------------------ *\
	Headings
\* ------------------------------------------------------------ */
h1,h2,h3,h4,h5,h6{margin-bottom:calc(1.5em / 2);letter-spacing:.01em}
h1 {font-size: var(--fontsize-xl); line-height: var(--line-height-sm); font-weight:400;letter-spacing:.01em}
h2 {font-size: var(--fontsize-md); line-height: var(--line-height-md); font-weight:400; letter-spacing:.01em}
h3 {font-size: var(--fontsize-sm); line-height: var(--line-height-md); font-weight:700;letter-spacing:0}
h4 {font-size:1.7rem;line-height:1.5;letter-spacing:0; font-weight:700;letter-spacing:0}

@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
}
@media (max-width: 575px) {
}


p,ul,ol,dl,hr,table,blockquote{margin-bottom:1.5em;letter-spacing:.01em}
h1[class],h2[class],h3[class],h4[class],h5[class],h6[class],h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child,ul:last-child,ol:last-child,dl:last-child,table:last-child,blockquote:last-child{margin-bottom:0}




/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper { position: relative; min-height: 100vh;}



/* ------------------------------------------------------------ *\
  Shell
\* ------------------------------------------------------------ */
.container{max-width:calc(73.23vw + 2.3rem * 2);padding-left:2.3rem;padding-right:2.3rem;margin:auto;width:100%}
.container--large{max-width:calc(172rem + 2.3rem * 2)}
.container--small{max-width:calc(60.73vw + 2.3rem * 2)}
.container--full {max-width:100%; width: 100%; padding: 0;}
.shell--fluid{max-width:none}

.container--full-100 {width:100%; max-width: 100%; padding-left:5.208vw;padding-right:5.208vw;}
.container--full-100-dividerhome {max-width: calc(100vw - 10.416vw); /* 100vw - 2 * 5vw */
margin-left: 5.208vw; margin-right: 5.208vw;padding-left: 0; padding-right: 0;}

@media (max-width: 1399px) {
.container--full-100 {padding-left:2.3rem;padding-right:2.3rem;}
.container--full-100-dividerhome {max-width:calc(172rem + 2.3rem * 2); padding-left:2.3rem;padding-right:2.3rem; margin:auto !important; }
	
.container{max-width:calc(140.6rem + 2.3rem * 2);padding-left:2.3rem;padding-right:2.3rem;margin:auto;width:100%}
.container--large{max-width:calc(172rem + 2.3rem * 2)}
.container--small{max-width:calc(116.6rem + 2.3rem * 2)}
}

@media (max-width: 991px) {
.container--full-100 {padding-left:18rem;padding-right:18rem;}
.container--full-100-dividerhome {max-width:calc(172rem + 2rem * 2); padding-left:2rem;padding-right:2rem; margin:auto !important; }
	
.container{max-width:calc(140.6rem + 2rem * 2);padding-left:2rem;padding-right:2rem;margin:auto;width:100%}
.container--large{max-width:calc(172rem + 2rem * 2)}
.container--small{max-width:calc(116.6rem + 2rem * 2)}
}

@media (max-width: 575px) {
.container--full-100 {padding-left:16rem;padding-right:16rem;}
.container--full-100-dividerhome {max-width:calc(172rem + 1.8rem * 1.8); padding-left: 1.8rem;padding-right:1.8rem; margin:auto !important; }
	
.container{max-width:calc(140.6rem + 1.8rem * 1.8);padding-left:1.8rem;padding-right:1.8rem;margin:auto;width:100%}
.container--large{max-width:calc(172rem + 1.8rem * 1.8)}
.container--small{max-width:calc(116.6rem + 1.8rem * 1.8)}
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn{display:flex;align-items:center;justify-content:space-between;width:fit-content;
min-width:16.6rem;
vertical-align:middle;text-align:center;cursor:pointer;text-decoration:none;appearance:none;font-size: var(--fontsize-xs);line-height:1;border:1px solid var(--c-primary-600);border-radius:4px;letter-spacing:.01em;color:var(--c-primary-600);padding:1.1rem 1.3rem;transition:all .3s}
.btn > span{position:relative;display:block;width:1.9rem;height:1.9rem;margin-bottom:.2rem}
.btn > span:after,
.btn > span:before{content:"";display:block;width:100%;height:.1rem;background-color:var(--c-primary-600);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:background-color .3s}
.btn > span:after{width:.1rem;height:100%}
.btn > i{display:flex;align-items:center;justify-content:flex-end;width:1.8vw;height:1.3rem;margin-bottom:0; margin-left: 1.8rem}
.btn .btn__line{display:block;height:.1rem;width:3.5rem;background-color:var(--c-primary-600);transition:background-color 0.3s,width .3s}
.btn .btn__arrow{display:block;border:solid var(--c-primary-600);border-width:0 .15rem .15rem 0;display:inline-block;padding:4px;transform:rotate(-45deg);margin-left:-.8rem;transition:border-color .3s}
.btn:hover{color:var(--c-weiss);background-color:var(--c-primary-600);border-color:var(--c-primary-600);padding-left:2rem}
.btn:hover .btn__line{background-color:var(--c-weiss);width:2.1rem}
.btn:hover .btn__arrow{border-color:var(--c-weiss);border-width:0 .15rem .15rem 0}
.btn:hover > span:after,.btn:hover > span:before{background-color:var(--c-weiss)}
.btn--block{display:block;padding-left:0;padding-right:0}

@media (max-width: 1399px) {
.btn > i{width:3.5rem; margin-left: 1.2rem}
}
@media (max-width: 575px) {
.btn{padding:.9rem 1rem .9rem;min-width:16rem}
}








/* ------------------------------------------------------------ *\
	Card Icon
\* ------------------------------------------------------------ */
.card-icon{color:var(--c-primary-900)}
.card-icon a{text-decoration:none;display:block;transition:transform .3s}
.card-icon a:hover{color:var(--c-primary-900);transform:translateY(-1rem)}
.card-icon a:hover .card__wrapper{background-color:var(--c-grey-50)}
.card-icon a:hover .card__content > span{color:var(--c-weiss);background-color:var(--c-primary-600);border-color:var(--c-primary-600);padding-left:2rem}
.card-icon a:hover .card__content > span .btn__line{background-color:var(--c-weiss);width:2.1rem}
.card-icon a:hover .card__content > span .btn__arrow{border-color:var(--c-weiss);border-width:0 .15rem .15rem 0}
.card-icon a:hover .card__content > span > span:after,.card-icon a:hover .card__content > span > span:before{background-color:var(--c-weiss)}
.card-icon .card__image{margin-bottom:-8.47rem;position:relative;z-index:2;width:100%;text-align:center}

.card-icon .card__image .card__image-png img{width: 200px;}

.card-icon .card__wrapper{background-color:var(--c-weiss);padding:12rem 4rem 4.5rem;transition:background-color .3s}
.card-icon .card__title{margin-bottom:1rem}
.card-icon .card__title h2{font-weight:400;color:var(--c-primary-800)}
.card-icon .card__content{}
.card-icon .card__content p{margin-bottom:3rem;letter-spacing:0}

@media (max-width: 991px) {
.card-icon .card__wrapper{padding:12rem 3rem 3rem}
}
@media (max-width: 575px) {
.card-icon .card__image img{max-width:12rem}
.card-icon .card__image .card__image-png img{width: 120px;}
.card-icon .card__wrapper{padding:10rem 2rem 3rem}
.card-icon .card__content p{margin-bottom:2rem}
}



/* ------------------------------------------------------------ *\
	Card Job
\* ------------------------------------------------------------ */
.card-job{height:100%}
.card-job a{display:flex;flex-direction:column;height:100%;text-decoration:none;background-color:var(--c-weiss);padding:4.5rem 4rem 4.3rem;transition:background-color 0.3s,transform .3s}
.card-job a:hover{background-color:var(--c-grey-50);transform:translateY(-1rem)}
.card-job a:hover span.btn{color:var(--c-weiss);background-color:var(--c-primary-600);border-color:var(--c-primary-600);padding-left:2rem}
.card-job a:hover span.btn .btn__line{background-color:var(--c-weiss);width:2.1rem}
.card-job a:hover span.btn .btn__arrow{border-color:var(--c-weiss);border-width:0 .15rem .15rem 0}
.card-job a:hover span.btn > span:after,.card-job a:hover span.btn > span:before{background-color:var(--c-weiss)}
.card-job .card__title{flex-grow:1;margin-bottom:2.5rem;max-width:45rem;color:var(--c-primary-800)}
.card-job .card__title h2{font-size: var(--fontsize-lg); line-height: var(--line-height-md);}


@media (max-width: 991px) {
.card-job a{padding:3rem}
}
@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.card-job .card__title{margin-bottom:1.5rem}
}
@media (max-width: 374px) {
.card-job a{padding:3rem 2rem}
}





/* ------------------------------------------------------------ *\
	Card News
\* ------------------------------------------------------------ */
.card-news{height:100%}
.card-news a{height:100%;display:flex;flex-direction:column;text-decoration:none;transition:transform .3s}
.card-news a:hover{transform:translateY(-1rem)}
.card-news a:hover .card__image img{transform:scale(1.1)}
.card-news .card__content{background-color:var(--c-weiss);padding:4.3rem 4rem 8rem;font-size: var(--fontsize-xs); line-height: var(--line-height-md);color:var(--c-primary-800);flex-grow:1}
.card-news .card__content p{margin-bottom:3rem;font-weight:700;color:var(--c-primary-600)}
.card-news .card__content h2{font-size: var(--fontsize-lg); line-height: var(--line-height-md);}
.card-news .card__image{position:relative;width:100%;aspect-ratio:1/0.67;overflow:hidden}
.card-news .card__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}

@media (max-width: 1399px) {
.card-news .card__content{padding:4rem 2rem}
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
.card-news .card__content{padding:3rem}
.card-news .card__content p{margin-bottom:1rem}
}
@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.card-news .card__content{padding:3.5rem 3rem 2.6rem}
}





/* ------------------------------------------------------------ *\
	Cards Team
\* ------------------------------------------------------------ */
.cards-team .cards__items{margin:-2rem -1.7rem}
.cards-team .cards__item{padding:2rem 1.7rem}
@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.cards-team .cards__items{margin:-1rem}
.cards-team .cards__item{padding:1rem}
}


/* ------------------------------------------------------------ *\
	Card Team
\* ------------------------------------------------------------ */
.card-team{background-color:var(--c-weiss);height:100%}
.card-team .card__image{width:100%;aspect-ratio:1/0.64;overflow:hidden;position:relative}
.card-team .card__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.card-team .card__wrapper{padding:3.2rem 3rem;display:flex;flex-direction:column;font-size: var(--fontsize-xs); line-height: var(--line-height-md);}
.card-team .card__content{margin-bottom:2rem;flex-grow:1}
.card-team .card__content h3{margin-bottom:1.5rem;font-weight:700}
.card-team .card__content p{margin-bottom:2.4rem;letter-spacing:0}
.card-team .card__actions{min-height:4.8rem}
.card-team .card__actions a{text-decoration:none;color:var(--c-primary-600);transition:color .3s;letter-spacing:0}
.card-team .card__actions a:hover{color:var(--c-orange)}
.card-team .card__actions a[href^=tel]{color:var(--c-primary-900)}
.card-team .card__actions a[href^=tel]:hover{color:var(--c-primary-600);}

@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.card-team .card__wrapper{padding:2rem}
.card-team .card__content{margin-bottom:0}
}





/* ------------------------------------------------------------ *\
	Cards Referenzen
\* ------------------------------------------------------------ */
.cards-referenzen .cards__items{margin:-2rem -1.7rem}
.cards-referenzen .cards__item{padding:2rem 1.7rem}
@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.cards-referenzen .cards__items{margin:-1rem}
.cards-referenzen .cards__item{padding:1rem}
}

/* ------------------------------------------------------------ *\
	Card Referenzen
\* ------------------------------------------------------------ */
.card-referenz { color: var(--c-weiss);}
.card-referenz a:hover { color: var(--c-weiss);}
.card-referenz .card__image{margin-bottom: 2.1rem; overflow:hidden;position:relative;width:100%;aspect-ratio:1/0.59;background-color:var(--c-weiss);transition:transform .3s}
.card-referenz .card__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s,opacity .3s}
.card-referenz > a {display:block;width:100%;height:100%;text-decoration:none}
.card-referenz > a:hover .card__image{transform:translateY(-1rem)}
.card-referenz > a:hover img{transform:scale(1.1);opacity:.75}

.card-referenz .card__content p { letter-spacing: 0;}








/* ------------------------------------------------------------ *\
	Cards Icon
\* ------------------------------------------------------------ */
.cards-icon .cards__items { margin: -2.5rem -1.7rem;}
.cards-icon .cards__item { padding: 2.5rem 1.7rem;}







/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer{background-color:var(--c-primary-800);color:var(--c-weiss);padding:6rem 0 10rem;overflow:hidden}
.footer .row {  --bs-gutter-x: 10rem;}

.footer address{margin-bottom:0}

.footer-row-2 {margin-top:8rem}


.footer .footer__col a{color:var(--c-primary-400);display:block;text-decoration:none;transition:color .3s}
.footer .footer__col a:hover{color:var(--c-primary-900)}
.footer .footer__col a[href^=tel]{color:var(--c-weiss)}
.footer .footer__col ul{list-style-type:none}

.footer .footer__bar p{font-size: var(--fontsize-xs); line-height: var(--line-height-md);}

@media (max-width: 1399px) {
.footer{padding:5rem 0 8rem}
.footer .row {  --bs-gutter-x: 6rem;}
}
@media (max-width: 991px) {
.footer .footer__logo{margin-bottom:5rem}
.footer-row-2 {margin-top:5rem}
.footer .footer__bar { margin-top: 5rem}
.footer .row {  --bs-gutter-x: 2rem;}
}
@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.footer .footer__logo img{max-width:16.7rem}
.footer__col-zert {margin-bottom: 5rem}
}
@media (max-width: 575px) {
.footer{font-size: var(--fontsize-xs); line-height: var(--line-height-md);padding-bottom:10rem}
.footer .footer__col ul{line-height:1.64}
.footer .footer__bar p{font-size: var(--fontsize-xxs); margin-bottom:1.5rem}
.footer .footer__bar .footer__col > img{max-width:13.5rem}
}






/* ------------------------------------------------------------ *\
	List Socials
\* ------------------------------------------------------------ */
.list-socials{list-style-type:none;display:flex}
.list-socials li + li{margin-left:3rem}
@media (max-width: 575px) {
.list-socials li + li{margin-left:2.5rem}
}
.list-socials a{transition:opacity .3s}
.list-socials a:hover{opacity:.7}
@media (max-width: 575px) {
.list-socials > li img{max-width:3.5rem}
}





/* ------------------------------------------------------------ *\
	Grid
\* ------------------------------------------------------------ */
.grid{display:flex;flex-flow:row wrap}
.grid .grid__col{max-width:100%;flex:1}
.grid .grid__col--1of2{max-width:50%;flex:0 0 50%}
.grid .grid__col--1of3{max-width:33.3333333333%;flex:0 0 33.3333333333%}




/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header{padding:6rem 0 3rem;color:var(--c-primary-900);position:relative;overflow:hidden}

.header .header__container{position:static; }
.header .header__links ul{list-style-type:none;display:flex;letter-spacing:0}
.header .header__links ul li + li{margin-left:7.3rem}
.header .header__links ul a{text-decoration:none;transition:color .3s}
.header .header__links ul a:hover{color:var(--c-primary-600)}
.header .header__search{margin-left:2.3rem}
.header .header__menu{margin-left:.8rem;min-width:19.3rem;position:static}


.header .header__nav{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:101;background-color:var(--c-primary-900);color:var(--c-weiss);overflow-y:scroll;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;padding:18.4rem 0;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility .3s}

.header.is-menu .header__nav{opacity:1;visibility:visible}

/*
.header .header__nav { position: fixed; top: 0; transform: translateY(-100%); left: 0; width: 100%; height: 100%; background-color: var(--c-primary-900); color:var(--c-weiss); overflow-y:scroll;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;padding:18.4rem 0; transition: all .6s ease; z-index: 101;}
.header.is-menu .header__nav { transform: translateY(0) !important;}
*/


.header .header__nav::-webkit-scrollbar{display:none}
.header .header__toggle{position:absolute;top:8rem;right:5.208vw;z-index:102}
.header.has-fixed .header__toggle{position:fixed;top:6rem}

@media only screen and (max-width: 1766px) {
.header .header__toggle{}
}

@media (max-width: 1399px) {
.header{padding:5rem 0 2rem}
.header .header__container{margin-right: unset}
.header .header__toggle{top:6rem; right:2.3rem}
.header.has-fixed .header__toggle{top:4rem}
}
@media (max-width: 1199px) {
.header .header__links ul li + li{margin-left:4rem}
.header .header__search{margin-left:1rem}
.header .header__menu{margin-left:0}
}
@media (max-width: 991px) {
.header .header__links{display:none}
.header .header__search{display:none}
.header .header__nav .container{height:100%}
.header .header__nav{padding:12rem 0 8.3rem}
}
@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.header{padding:2.6rem 0}
.header .header__nav{padding-top:9.8rem}
.header .header__toggle{top:3rem}
.header.has-fixed .header__toggle{top:1rem}
}
@media (max-width: 575px) {
.header .header__nav{padding:0}
}



/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
.logo{text-decoration:none;font-size:0;display:block;}

@media (max-width: 1399px) {
.logo{max-width:26rem; min-width: 16rem; }
}
@media (max-width: 1199px) {
.logo{max-width:24rem}
}
@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.logo{max-width:19.7rem}
}
@media (max-width: 374px) {
.logo{max-width:16rem}
}





/* ------------------------------------------------------------ *\
	Menu Toggle
\* ------------------------------------------------------------ */
.menu-toggle{border:1px solid var(--c-grey-200);border-radius:38px;padding:1.15rem 2rem;display:flex;align-items:center;text-decoration:none;transition:color 0.3s,border-color .3s;font-size: var(--fontsize-xs); background: var(--c-weiss)}
.menu-toggle:hover{color:var(--c-primary-900)}
.menu-toggle p{margin-bottom:0;margin-right:3.7rem;line-height:1}
.menu-toggle span{display:block}
.menu-toggle span:before,.menu-toggle span:after{content:"";display:block;width:3.6rem;height:.2rem;background-color:var(--c-primary-900);transition:background-color 0.3s,transform .3s}
.menu-toggle span:after{margin-top:.8rem}

.header.is-menu .menu-toggle{color:var(--c-weiss);border-color:var(--c-primary-800); background: transparent}
.header.is-menu .menu-toggle span:after,.header.is-menu .menu-toggle span:before{background-color:var(--c-weiss);transform:translateY(5px) rotate(45deg)}
.header.is-menu .menu-toggle span:after{transform:translateY(-5px) rotate(-45deg)}
.header.is-menu .menu-toggle:hover{color:var(--c-weiss)}
@media (max-width: 575px) {
.menu-toggle{font-size:0;padding:1.6rem 2.1rem 1.3rem}
.menu-toggle p{display:none}
.menu-toggle span:after{margin-top:.6rem}
.header.is-menu .menu-toggle span:after,.header.is-menu .menu-toggle span:before{transform:translateY(4px) rotate(45deg)}
.header.is-menu .menu-toggle span:after{transform:translateY(-4px) rotate(-45deg)}
}






/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav{line-height:1}
.nav li{border-bottom:1px solid var(--c-primary-600)}
.nav li.menu-item-has-children:hover ul{opacity:1;visibility:visible}
/*.nav li.menu-item-has-children.current_page_ancestor ul{opacity:1;visibility:visible}*/

.nav li.is-disabled a{color:var(--c-primary-800)}

.nav li.menu-item-has-children.is-open > ul{opacity:1;visibility:visible}
.nav li.menu-item-has-children > a{position:relative}
.nav li.menu-item-has-children > a:after{content:"";border:solid var(--c-weiss);border-width:0 1px 1px 0;display:inline-block;padding:5px;transform:rotate(-45deg) translateY(-50%);position:absolute;top:50%;right:0;transition:right .3s}
.nav li a{text-decoration:none;display:block;padding:1.3vw 0;transition:transform 0.3s,color .3s}

.nav li a:hover{color:var(--c-primary-600);transform:translateX(10px)}
.nav li a:hover:after{right:10px}
.nav .nav__menu{font-size: var(--fontsize-lg);margin-top:-2.4rem}

.nav .nav__menu--alt{font-size: var(--fontsize-sm); margin-top:0}
.nav .nav__menu--alt li a{padding:.8vw 0}
.nav .nav__menu ul ul{position:absolute;left:calc(100% + 3.4rem);top:0;opacity:0;visibility:hidden;width:100%;transition:opacity 0.3s,visibility 0.3s,transform .3s}
.nav .nav__menu ul{max-width:23.5vw;position:relative}
.nav .nav__menu--alt ul{max-width:10.8vw}

.nav li.nav__back {border-bottom:none}
.nav .nav__back a{display:none}

@media (max-width: 1599px) {
.nav .nav__menu ul ul{width:80%}
}
@media (max-width: 1399px) {
.nav .nav__menu ul{max-width:38rem}
.nav .nav__menu--alt ul{max-width:20.6rem}
.nav li a{padding:2.5rem 0 2.5rem;}
.nav .nav__menu--alt li a{padding:1.5rem 0 1.5rem}
}
@media (max-width: 991px) {
.nav{flex-wrap:nowrap;flex-direction:column;min-height:46rem}
.nav li a{padding:1.6rem 0}
.nav .nav__menu{order:1;flex-grow:1}
.nav .nav__menu--alt{order:2;flex-grow:0;height:fit-content}
.nav .nav__menu ul ul{width:calc(100% - 1rem);max-width:calc(100% - 1rem);left:calc(100% + 1rem)}
.nav .nav__menu ul{max-width:50%;width:50%;flex-grow:1}
.nav .nav__menu--alt ul{columns:2;column-gap:1rem;max-width:100%;width:100%;font-size: var(--fontsize-xs); flex-grow:0}
}
@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.nav{height:100%}
}
@media (max-width: 575px) {
.nav{padding:10.5rem 0 8.3rem;height:100vh;min-height:64.1rem}
.nav li.is-disabled a{color:var(--c-weiss)}
.nav li.menu-item-has-children.is-open > ul{transform:translateX(0)}
.nav .nav__menu ul ul{top:-5.4rem;left:0;background-color:var(--c-primary-900);z-index:2;opacity:1;visibility:visible;transform:translateX(100vw);width:100%;max-width:100%;overflow:visible;height:calc(100% + 7.3rem);height: 100vw; overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}
.nav .nav__menu ul ul::-webkit-scrollbar{display:none}
.nav .nav__menu ul{width:100%;max-width:100%}
	
.nav li.nav__back {border-bottom:1px solid var(--c-primary-600)}
.nav .nav__back a{display:flex;align-items:center;font-size: var(--fontsize-xxs); line-height: var(--line-height-md);color:var(--c-primary-600)}
.nav .nav__back a span{display:inline-block;margin-left:4px;margin-right:1.5rem;border:solid var(--c-primary-600);border-width:0 1px 1px 0;display:inline-block;padding:3px;transform:rotate(135deg)}
}





/* ------------------------------------------------------------ *\
	Search
\* ------------------------------------------------------------ */
.suche{padding:.8rem 1.7rem;border-radius:23px;position:relative}

.suche button{background-color:transparent;border:0;outline:none;position:relative;z-index:5;display:flex;align-items:center}
.suche button svg path {transition:stroke .3s}
.suche:hover button svg path {stroke:var(--c-primary-600)}

.suche .search__input{position:absolute;top:0;right:0;width:0;opacity:0;visibility:hidden;border-radius:23px;transition:opacity 0.3s,visibility 0.3s,width .3s}
.suche .search__input input{display:block;width:100%;padding:.9rem 2.6rem;font-size: var(--fontsize-xs);border:0;outline:none;border:1px solid var(--c-primary-900);border-radius:23px}
.suche:hover .search__input{width:46.5rem;opacity:1;visibility:visible}


















/* ------------------------------------------------------------ *\
	Section Blockquote
\* ------------------------------------------------------------ */
.section-blockquote .section__wrapper{padding-bottom:10rem}
.section-blockquote .section__card{max-width:48.24vw;margin:0 auto;background-color:var(--c-grey-50);box-shadow:-10px 12px 20px rgba(0,0,0,0.16);padding:6rem;position:relative;flex-wrap:nowrap}
.section-blockquote .section__card:after{content:"";display:block;width:61%;aspect-ratio:1/0.52;background-color:var(--c-orange);position:absolute;bottom:-10rem;right:-12rem;z-index:-1}
.section-blockquote .section__image{position:relative;width:20rem;aspect-ratio:1/1;border-radius:50%;overflow:hidden;flex-shrink:0}
.section-blockquote .section__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.section-blockquote .section__content{padding-left:6rem;flex-grow:1;margin-top:.7rem; padding-right: 18rem;}
.section-blockquote .section__content blockquote {margin-bottom:2.4rem;font-size: var(--fontsize-lg); line-height: var(--line-height-md);}
.section-blockquote .section__content blockquote strong{font-weight:400;color:var(--c-primary-600)}
.section-blockquote .section__content p{letter-spacing:0}
.section-blockquote .section__content p strong{display:block}

@media (max-width: 1399px) {
.section-blockquote .section__card{max-width:92.6rem;}
}
@media (max-width: 1199px) {
.section-blockquote .section__card{max-width:80%;padding:4rem}
.section-blockquote .section__card:after{right:-8rem}
}
@media (max-width: 991px) {
.section-blockquote .section__wrapper{position:relative;padding-bottom:7rem}
.section-blockquote .section__card{margin:0;position:static}
.section-blockquote .section__card:after{right:0;bottom:0;aspect-ratio:1/0.5}
    
.section-blockquote .section__image{width:18rem;}
.section-blockquote .section__content{padding-left:5rem; padding-right: 18rem;}
}
@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.section-blockquote .section__card{max-width:84%;padding:3rem}
.section-blockquote .section__image{width:15rem}
.section-blockquote .section__content{padding-left:2rem; padding-right: 14rem;}
}
@media (max-width: 575px) {
.section-blockquote .section__card{flex-wrap:wrap}
.section-blockquote .section__card:after{aspect-ratio:1/1;width:80%}
.section-blockquote .section__image{margin-bottom:2rem}
.section-blockquote .section__content{padding-left:0; padding-right: 0; width:100%}
}
@media (max-width: 374px) {
.section-blockquote .section__card{padding:3rem 2rem}
}







/* ------------------------------------------------------------ *\
	Section Contact Person
\* ------------------------------------------------------------ */
.section-contact-person .section__wrapper{padding-bottom:10rem}
.section-contact-person .section__card{max-width:36vw;margin:0 auto;background-color:var(--c-grey-50);box-shadow:-10px 12px 20px rgba(0,0,0,0.16);padding:6rem;position:relative;flex-wrap:nowrap}
.section-contact-person .section__card:after{content:"";display:block;width:65%;aspect-ratio:1/0.62;background-color:var(--c-orange);position:absolute;bottom:-10rem;left:-12rem;z-index:-1}
.section-contact-person .section__image{position:relative;width:20rem;aspect-ratio:1/1;border-radius:50%;overflow:hidden;flex-shrink:0}
.section-contact-person .section__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}

.section-contact-person .section__content{padding-left:6rem;flex-grow:1}
.section-contact-person .section__content h2{font-size: var(--fontsize-lg); line-height: var(--line-height-md);color:var(--c-primary-800);margin-bottom:2rem;}
.section-contact-person .section__content p{margin-bottom:2rem;letter-spacing:0}
.section-contact-person .section__content p:last-of-type {margin-bottom:0}
.section-contact-person .section__content a{color:var(--c-primary-600);text-decoration:none;transition:color .3s}
.section-contact-person .section__content a:hover{color:var(--c-orange)}
.section-contact-person .section__content a[href^=tel]{color:var(--c-primary-900);}
.section-contact-person .section__content a[href^=tel]:hover{color:var(--c-primary-600);}

@media (max-width: 1399px) {
.section-contact-person .section__card{max-width:68.6rem;}
}
@media (max-width: 991px) {
.section-contact-person .section__wrapper{position:relative;padding-bottom:7rem}
.section-contact-person .section__card{padding:4rem;max-width:80%;margin:0 0 0 auto;position:static}
.section-contact-person .section__card:after{left:0;bottom:0;aspect-ratio:1/0.5}
}
@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.section-contact-person .section__card{max-width:84%; padding:3rem;}
.section-contact-person .section__image{width:15rem}
.section-contact-person .section__content{padding-left:2rem;}
.section-contact-person .section__content h2{margin-bottom:1rem}
.section-contact-person .section__content p{margin-bottom:1rem}
}
@media (max-width: 575px) {
.section-contact-person .section__card{flex-wrap:wrap; padding:2.5rem;}
.section-contact-person .section__card:after{aspect-ratio:1/1;width:80%}
.section-contact-person .section__image{margin-bottom:2rem}
.section-contact-person .section__content{padding-left:0;width:100%}
}







/* ------------------------------------------------------------ *\
	Section Infobox
\* ------------------------------------------------------------ */
.section-infobox .section__wrapper{padding-bottom:10rem}
.section-infobox .section__card{max-width:36vw;margin:0 auto;background-color:var(--c-grey-50);box-shadow:-10px 12px 20px rgba(0,0,0,0.16);padding:4.8rem 4rem 5.9rem;position:relative;flex-wrap:nowrap}
.section-infobox .section__card:after{content:"";display:block;width:65%;aspect-ratio:1/0.54;background-color:var(--c-orange);position:absolute;bottom:-10rem;left:-12rem;z-index:-1}
.section-infobox .section__title{margin-bottom:3.9rem}
.section-infobox .section__title h2{font-size: var(--fontsize-lg); line-height: var(--line-height-md);color:var(--c-primary-800)}

.section-infobox .section__list ul{list-style-type:none;color:var(--c-primary-600)}
.section-infobox .section__list ul li{border-bottom:1px solid var(--c-grey-400)}
.section-infobox .section__list ul li + li{margin-top:1rem}
.section-infobox .section__list ul a{display:flex;align-items:center;padding-bottom:.9rem;text-decoration:none;transition:opacity .3s;color:var(--c-primary-500);letter-spacing:0}
.section-infobox .section__list ul a:hover{opacity:.7;color:var(--c-primary-600)}
.section-infobox .section__icon{margin-right:1.8rem;min-width:2.4rem}

@media (max-width: 1399px) {
.section-infobox .section__card{max-width:68.6rem;}
}
@media (max-width: 991px) {
.section-infobox .section__wrapper{position:relative;padding-bottom:7rem}
.section-infobox .section__card{padding:4rem;max-width:80%;margin:0 0 0 auto;position:static}
.section-infobox .section__card:after{left:0;bottom:0;aspect-ratio:1/0.5}
}
@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.section-infobox .section__card{max-width:84%}
.section-infobox .section__title{margin-bottom:2.6rem}
}
@media (max-width: 575px) {
.section-infobox .section__card{flex-wrap:wrap;padding:3rem}
.section-infobox .section__card:after{aspect-ratio:1/0.54;width:80%}
}
@media (max-width: 374px) {
.section-infobox .section__card{padding:3rem 2rem}
.section-infobox .section__title{margin-bottom:1.8rem}
.section-infobox .section__list ul{}
.section-infobox .section__icon{margin-right:1rem}
}










/* ------------------------------------------------------------ *\
	Section Head Image
\* ------------------------------------------------------------ */
.section-head-image{padding:clamp(5rem, 6.32vw + 1.366rem, 999rem) 0 0;position:relative;min-height:clamp(34rem, 24.684vw + 19.807rem, 999rem);;color:var(--c-weiss)}
.section-head-image h1{font-size: var(--fontsize-xxl); }

.section-head-image .section__back{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;z-index:-1}
.section-head-image .section__back img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}





.head-image-referenzen {padding: 0;position:relative; min-height: calc(100svh - 175px); color:var(--c-weiss)}
.head-image-referenzen .section__image{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;z-index:-1}
.head-image-referenzen .section__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}

.head-image-referenzen h1 { font-size: var(--fontsize-xl); line-height: var(--line-height-sm); margin-bottom: 0}
.head-image-referenzen span {font-size: var(--fontsize-xl); line-height: var(--line-height-sm);font-weight:400;letter-spacing:.01em}

.head-image-referenzen .section__title {position: absolute; bottom: 40px; left: 0;right: 0;}
.head-image-referenzen .section__title-inner { display: flex; flex-wrap: wrap; justify-content: space-between;}

.head-image-referenzen .section__image .gradientoverlay {z-index: 3;
position: absolute; bottom: 0px; width: 100%; height: 50%; display:block;
background: -moz-linear-gradient(0deg, rgba(0,40,80,0.66) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,40,80,0.66) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,40,80,0.66) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--c-primary-900)000",endColorstr="var(--c-primary-900)000",GradientType=1);
}

@media (max-width: 1399px) {
.head-image-referenzen { min-height: calc(100svh - 132px); }
.head-image-referenzen .section__title {bottom: 30px; }
}

@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.head-image-referenzen { min-height: calc(100svh - 102px); }
.head-image-referenzen .section__title {bottom: 25px; }
}





ul.referenzen-sidebar-liste {list-style-type:none; margin-bottom: 40px; font-size: var(--fontsize-xs); line-height: var(--line-height-md);}
ul.referenzen-sidebar-liste li {border-bottom: 1px solid var(--c-grey-400); padding: 14px 0;}
ul.referenzen-sidebar-liste li:first-of-type { padding-top: 0;}
ul.referenzen-sidebar-liste li h4 {margin-bottom: 5px}

.sidebar a {color: var(--c-primary-500); text-decoration: none;}
.sidebar a:hover {color: var(--c-primary-800); text-decoration: none;}




/* ------------------------------------------------------------ *\
	Section Hero Title
\* ------------------------------------------------------------ */
.section-hero-title{padding:clamp(3rem, 7.807vw + -1.489rem, 999rem) 0 0;font-size: var(--fontsize-md); line-height: var(--line-height-lg);color:var(--c-primary-800)}
.section-hero-title .section__title{max-width:100%;margin-bottom:3vw}
.section-hero-title .section__title h1{font-size: var(--fontsize-xxxl); line-height: var(--line-height-sm);font-weight:400;letter-spacing:.01em}
.section-hero-title .section__content{max-width:45vw;margin:0 0 0 auto}
.section-hero-title .section__content p{max-width:44.6rem}

@media (max-width: 1399px) {
.section-hero-title .section__title{max-width:100%; margin-bottom:3rem}
.section-hero-title .section__content{max-width:60rem}
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
.section-hero-title .section__content{max-width:fit-content}
.section-hero-title .section__content p{max-width:41rem}
}
@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.section-hero-title .section__content p{max-width:30rem}
}
@media (max-width: 575px) {
.section-hero-title br {display: none}
.section-hero-title .section__title{}

.section-hero-title .section__content{margin:0}
.section-hero-title .section__content p{max-width:22.6rem;letter-spacing:0}
}



/* ------------------------------------------------------------ *\
	Section Icon Blocks
\* ------------------------------------------------------------ */
.section-icon-blocks{}
.section-icon-blocks .section__title{margin-bottom:7rem}
.section-icon-blocks .section__title h2{font-weight:400;color:var(--c-primary-800)}

@media (max-width: 1399px) {
.section-icon-blocks .section__title{margin-bottom:5rem}
}
@media (max-width: 991px) {
.section-icon-blocks .section__title{margin-bottom:3rem}
}





/* ------------------------------------------------------------ *\
	Section Image Slider
\* ------------------------------------------------------------ */
.section-image-slider {overflow: hidden;}





/* ------------------------------------------------------------ *\
	Section Image
\* ------------------------------------------------------------ */
.section-image .section__image{width:100%;aspect-ratio:1/0.51;position:relative;overflow:hidden}
.section-image .section__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}







/* ------------------------------------------------------------ *\
	Section Jobs
\* ------------------------------------------------------------ */
.section-jobs{background-color:var(--c-grey-100)}
.section-jobs .section__items{}
.section-jobs .section__item{padding:1.5rem 1.7rem}


.section-jobs .section__title{color:var(--c-primary-800);margin-bottom:3.7rem}
.section-jobs .section__title h2{font-weight:400}

@media (max-width: 1199px) {
.section-jobs .section__title{margin-bottom:3rem}
}
@media (max-width: 991px) {
.section-jobs .section__title{margin-bottom:1.6rem}
}
@media (max-width: 575px) {
.section-jobs .section__title{margin-bottom:2.4rem}
.section-jobs .section__title h2{letter-spacing:0}
}

/* ------------------------------------------------------------ *\
	Section News
\* ------------------------------------------------------------ */
.section-news {background-color:var(--c-grey-100)}
.section-news .section__items{margin:-1.5rem 0}
.section-news .section__item {margin:0 0 3rem}

.section-news .section__actions{margin-top:7rem}
.section-news .section__actions a{margin:0 auto;transition:all .3s;min-width:15rem}
.section-news .section__actions a span{transition:transform .3s}
.section-news .section__actions a:hover{padding-left:2rem}
.section-news .section__actions a:hover span{transform:rotate(360deg)}

.section-news .section__actions a span{transition:transform .3s}
.section-news .section__actions a:hover{padding-left:2rem}
.section-news .section__actions a:hover span{transform:rotate(360deg)}



@media (max-width: 991px) {
.section-news .section__actions{margin-top:5rem}
}
@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.section-news .section__actions{margin-top:3rem}
}



/* ------------------------------------------------------------ *\
	Section Lead
\* ------------------------------------------------------------ */
.section-lead { color: var(--c-primary-900); position: relative; z-index: 2; padding: clamp(5rem, 7.807vw + 0.511rem, 999rem) 0 0;}
.section-lead .section__content {  background-color: var(--c-weiss);  margin-top: 0; padding: 0;font-size: var(--fontsize-lg); line-height: var(--line-height-md);}
.section-lead .section__content h1{color:var(--c-primary-800);margin-bottom:2.4rem;}

.section-lead--alt {padding-top:0}
.section-lead--alt .section__content{margin-top:0;padding:9.5rem 8.5% 0rem;}

.section-lead-news h2{color:var(--c-primary-500);margin-bottom:3rem;}
.section-lead-search .section__content {color: var(--c-primary-500); font-size: var(--fontsize-md); line-height: var(--line-height-md);}

@media (max-width: 1399px) {
.section-lead--alt {padding-top:0}
.section-lead--alt .section__content {/*margin-top:-13rem !important;*/padding:6rem 5rem 0rem}
}
@media (max-width: 1199px) {
.section-lead--alt .section__content {/*margin-top:-17rem !important;*/padding:5rem 3rem 0rem}
}
@media (max-width: 991px) {
.section-lead--alt {padding-top:0}
.section-lead--alt .section__content{padding:4rem 3rem 0rem;}
}
@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.section-lead--alt .section__content{/*margin-top:-13rem !important;*/ padding:3rem 2rem 0rem;}
}
@media (max-width: 374px) {
}





/* ------------------------------------------------------------ *\
	Section Logos
\* ------------------------------------------------------------ */
.section-logos .section__logos{margin:-2.1rem -1.7rem}

.section-logos .section__image{width:100%;aspect-ratio:1/0.66;background-color:var(--c-grey-50);display:flex;align-items:center;justify-content:center;margin-bottom:2rem;padding:1rem}

.section-logos .section__image img{max-width:100%;max-height:100%}
.section-logos .section__content{font-size: var(--fontsize-xs); line-height: var(--line-height-md);}
.section-logos .section__content p{letter-spacing:0}
.section-logos .section__logo a {color: var(--c-primary-900); text-decoration: none}
.section-logos .section__logo a:hover {color: var(--c-primary-600); text-decoration: none}

@media (max-width: 991px) {
.section-logos .section__logos{margin:-1.5rem -1rem}
}
.section-logos .section__logo{padding:2.1rem 1.7rem;width:20%}
@media (max-width: 991px) {
.section-logos .section__logo{width:25%;padding:1.5rem 1rem}
}
@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.section-logos .section__logo{width:33.33%}
}
@media (max-width: 575px) {
.section-logos .section__logo{width:50%}
}

@media (max-width: 575px) {
.section-logos .section__image{margin-bottom:1rem}
}
@media (max-width: 374px) {
.section-logos .section__image img{max-width:100%;max-height: unset}
}





/* ------------------------------------------------------------ *\
	Section News Slider
\* ------------------------------------------------------------ */
.section-news-slider{overflow:hidden}
.section-news-slider .section__title{color:var(--c-primary-800);margin-bottom:3.7rem}
.section-news-slider .section__title h2{font-weight:400}

.section-news-slider--dark{background-color:var(--c-primary-900)}
.section-news-slider--dark .section__title{color:var(--c-primary-500)}

.section-news-slider.dunkelblau{background-color:var(--c-primary-900)}
.section-news-slider.dunkelblau .section__title{color:var(--c-primary-500)}

@media (max-width: 1199px) {
.section-news-slider .section__title{margin-bottom:3rem}
}
@media (max-width: 991px) {
.section-news-slider .section__title{margin-bottom:1.6rem}
}
@media (max-width: 575px) {
.section-news-slider .section__title{margin-bottom:2.4rem}
.section-news-slider .section__title h2{letter-spacing:0}
}






/* ------------------------------------------------------------ *\
	Section Page Divider
\* ------------------------------------------------------------ */
.section-page-divider{overflow:hidden}
.section-page-divider .section__box{position:relative;aspect-ratio:1/1.05;display:flex;align-items:flex-end}
.section-page-divider .section__back{
margin-left:calc(-5.208vw - 2.3rem);
width:calc(50vw + 2.3rem);
position:absolute;height:100%
}


.section-page-divider .section__back:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;
/*background-color:rgba(0,75,150,0.5)*/}
.section-page-divider .section__back img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}

.section-page-divider .section__box:last-of-type .section__back{margin-left:0;margin-right:calc((172rem - 100vw) / 2)}
/*.section-page-divider .section__box:last-of-type .section__back:after{background-color:rgba(255,145,0,0.4)}*/
.section-page-divider .section__box:last-of-type .section__content{margin-left:auto}

@media only screen and (max-width: 1766px) {
.section-page-divider .section__box:last-of-type .section__back{margin-right:-2.3rem}
}
@media only screen and (max-width: 1399px) {
.section-page-divider .section__back{margin-left:-2.3rem;width:calc(100% + 2.3rem)}
}
@media (max-width: 1399px) {
.section-page-divider .section__box{aspect-ratio:1/1.1}
}
@media (max-width: 1199px) {
.section-page-divider .section__box{aspect-ratio:1/1.2}

}
@media (max-width: 991px) {
.section-page-divider .section__box{aspect-ratio:1/0.7}
.section-page-divider .section__back{margin:0 -2.3rem;width:calc(100% + 4.6rem)}
    
.section-page-divider .section__box:last-of-type .section__back{margin:0 -2.3rem}
.section-page-divider .section__box:last-of-type .section__content{margin-left:0}
}
@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.section-page-divider .section__box{aspect-ratio:1/0.9}
}
@media (max-width: 575px) {
.section-page-divider .section__box{aspect-ratio:1/1.22}
}






.section-page-divider .section__content{position:relative;z-index:3;max-width:26.8vw;margin-bottom:10rem}
.section-page-divider .section__content a{text-decoration:none;display:block;padding:4.7rem 4.5rem 4rem 4rem;background-color:var(--c-weiss);color:var(--c-primary-800);box-shadow:10px 12px 20px rgba(0,0,0,0.3);transition:transform 0.3s,background-color .3s}
.section-page-divider .section__content a:hover{transform:translateY(-1rem);background-color:var(--c-grey-50)}
.section-page-divider .section__content a:hover > span{color:var(--c-weiss);background-color:var(--c-primary-600);border-color:var(--c-primary-600);padding-left:2rem}
.section-page-divider .section__content a:hover > span .btn__line{background-color:var(--c-weiss);width:2.1rem}
.section-page-divider .section__content a:hover > span .btn__arrow{border-color:var(--c-weiss);border-width:0 .15rem .15rem 0}
.section-page-divider .section__content a:hover > span > span:after,.section-page-divider .section__content a:hover > span > span:before{background-color:var(--c-weiss)}
.section-page-divider .section__content h2{font-size: var(--fontsize-lg); line-height: var(--line-height-md);margin-bottom:2rem;}
.section-page-divider .section__content h2 strong{font-weight:700}

@media (max-width: 1399px) {
.section-page-divider .section__content{max-width:48.3rem;; margin-bottom:7rem}
}
@media (max-width: 1199px) {
.section-page-divider .section__content{max-width:calc(100% - 2.3rem);margin-bottom:3rem}
.section-page-divider .section__content a{padding:3rem}
}
@media (max-width: 991px) {
.section-page-divider .section__content{max-width:100%;width:100%}
}
@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.section-page-divider .section__content a{padding:3.2rem 3rem 3.3rem}
}
@media (max-width: 575px) {
.section-page-divider .section__content h2{margin-bottom:2rem}
}








/* ------------------------------------------------------------ *\
	Section References Slider
\* ------------------------------------------------------------ */
.section-references-slider{position:relative;color:var(--c-weiss);overflow:hidden}
.section-references-slider:after{content:"";display:block;width:68%;background-color:var(--c-primary-900);position:absolute;top:0;left:0;height:100%;z-index:-1}
.section-references-slider .section__title{color:var(--c-primary-600);margin-bottom:4rem}
.section-references-slider .section__title h2{font-weight:400}

@media (max-width: 575px) {
.section-references-slider:after{width:79%}
}
@media (max-width: 1199px) {
.section-references-slider .section__title{margin-bottom:3rem}
}
@media (max-width: 991px) {
.section-references-slider .section__title{margin-bottom:1rem}
}






/* ------------------------------------------------------------ *\
	Section Team
\* ------------------------------------------------------------ */
.section-team{background-color:var(--c-primary-900)}
.section-team .section__filters{color:var(--c-primary-600);margin-bottom:10rem}
.section-team .section__filters ul { list-style-type: none; display: flex; flex-wrap: wrap; gap: 2rem;  margin: 0; padding: 0; font-size: var(--fontsize-xs); line-height: var(--line-height-md); justify-content: center;}
.section-team .section__filters ul li{}
.section-team .section__filters ul a{text-decoration:none;display:block;padding:.8rem 1.75rem .6rem;min-width:19rem;transition:background-color 0.3s,color .3s;border:1px solid var(--c-primary-600);border-radius:4px;text-align:center}
.section-team .section__filters ul li:first-child a{min-width:unset}
.section-team .section__filters ul li.current-menu-item a,
.section-team .section__filters ul a:hover{background-color:var(--c-primary-600);color:var(--c-weiss)}

@media (max-width: 1199px) {
.section-team .section__filters{margin-bottom:7rem}
}
@media (max-width: 991px) {
.section-team .section__filters{margin-bottom:5rem}
}
@media (max-width: 575px) {
.section-team .section__filters{margin-bottom:3rem}
.section-team .section__filters ul{margin:-.7rem}
.section-team .section__filters ul li{padding:.7rem}
.section-team .section__filters ul a{min-width:15rem}
}


/* ------------------------------------------------------------ *\
	Section Referenzen
\* ------------------------------------------------------------ */
.section-referenzen {background-color:var(--c-primary-900)}
.section-referenzen .section__filters{color:var(--c-primary-600);margin-bottom:10rem}
.section-referenzen .section__filters ul{list-style-type:none;margin:-1rem;font-size: var(--fontsize-xs); line-height: var(--line-height-md);}
.section-referenzen .section__filters ul li{padding:1rem}
.section-referenzen .section__filters ul a{text-decoration:none;display:block;padding:.8rem 1.75rem .6rem;min-width:19rem;transition:background-color 0.3s,color .3s;border:1px solid var(--c-primary-600);border-radius:4px;text-align:center}
.section-referenzen .section__filters ul li:first-child a{min-width:unset}
.section-referenzen .section__filters ul li.current-menu-item a,
.section-referenzen .section__filters ul a:hover{background-color:var(--c-primary-600);color:var(--c-weiss)}

@media (max-width: 1199px) {
.section-referenzen .section__filters{margin-bottom:7rem}
}
@media (max-width: 991px) {
.section-referenzen .section__filters{margin-bottom:5rem}
}
@media (max-width: 575px) {
.section-referenzen .section__filters{margin-bottom:3rem}
.section-referenzen .section__filters ul{margin:-.7rem}
.section-referenzen .section__filters ul li{padding:.7rem}
.section-referenzen .section__filters ul a{min-width:15rem}
}






/* ------------------------------------------------------------ *\
	Section Teaser
\* ------------------------------------------------------------ */
.section-teaser{color:var(--c-primary-800)}
.section-teaser .section__entry:nth-child(even){flex-direction:row-reverse}
.section-teaser .section__entry + .section__entry{margin-top:10rem}
.section-teaser .section__content{padding-left:25.5rem}
.section-teaser .section__content h1{font-weight:400;margin-bottom:3.6rem}

.section-teaser .section__entry:nth-child(even) .section__content{padding-left: calc(var(--bs-gutter-x) * 0.5);padding-right:25.5rem}
.section-teaser .section__wrapper{padding-right:1.9rem;position:relative;padding-bottom:9rem}
.section-teaser .section__wrapper:after{content:"";width:calc(100% - 1.9rem);display:block;aspect-ratio:1/0.57;background-color:var(--c-orange);position:absolute;bottom:0;right:-10rem;z-index:-1}
.section-teaser .section__entry:nth-child(even) .section__wrapper{padding-right:0;padding-left:1.9rem}
.section-teaser .section__entry:nth-child(even) .section__wrapper:after{right:0;left:-10rem}

.section-teaser .section__image{position:relative;aspect-ratio:1/0.81;box-shadow:10px 12px 20px rgba(0,0,0,0.2)}
.section-teaser .section__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}

@media (max-width: 1399px) {
.section-teaser .section__content{padding-left:20rem}
.section-teaser .section__entry:nth-child(even) .section__content{padding-right:20rem}
.section-teaser .section__wrapper{padding-right:0}
.section-teaser .section__wrapper:after{right:-8rem}
.section-teaser .section__entry:nth-child(even) .section__wrapper{padding-left:0; padding-right: calc(var(--bs-gutter-x) * 0.5);}
.section-teaser .section__entry:nth-child(even) .section__wrapper:after{left:-8rem}
}
@media (max-width: 1199px) {
.section-teaser .section__entry + .section__entry{margin-top:8rem}
.section-teaser .section__content{padding-left:10rem}
.section-teaser .section__content h1{margin-bottom:1.9rem}
.section-teaser .section__entry:nth-child(even) .section__content{padding-right:10rem}
.section-teaser .section__wrapper{padding-bottom:6rem}
.section-teaser .section__wrapper:after{right:-6rem}
.section-teaser .section__image{aspect-ratio:1/0.7}
}
@media (max-width: 991px) {
.section-teaser .section__entry:nth-child(even){flex-direction:row}
.section-teaser .section__content{padding-left:1rem; max-width:76%}
.section-teaser .section__entry:nth-child(even) .section__content{padding-right:0;margin-right:0}
.section-teaser .section__wrapper{padding-bottom:4.5rem;margin-bottom:4rem}
.section-teaser .section__wrapper:after{right:calc(var(--bs-gutter-x) * 0.5);width:83%}
.section-teaser .section__entry:nth-child(even) .section__wrapper:after{left: calc(var(--bs-gutter-x) * 0.5);right:5.9rem}
.section-teaser .section__image{max-width:83%}
.section-teaser .section__entry:nth-child(even) .section__image{margin:0 0 0 auto}
}
@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.section-teaser .section__entry + .section__entry{margin-top:6rem}
.section-teaser .section__wrapper{margin-bottom:3.8rem}
.section-teaser .section__content{max-width:85%}
}
@media (max-width: 575px) {
.section-teaser .section__wrapper{margin-bottom:3.4rem}
.section-teaser .section__image{aspect-ratio:1/0.81}
}






/* ------------------------------------------------------------ *\
	Section Text
\* ------------------------------------------------------------ */
.section-text {padding:0;color:var(--c-primary-900)}
.section-text h2{color:var(--c-primary-800);font-weight:400;letter-spacing:0;margin-bottom:3rem}
.section-text p{letter-spacing:0}
.section-text a {color: var(--c-primary-500); text-decoration: none;}
.section-text a:hover {color: var(--c-primary-800); text-decoration: none;}


.section-text ul { list-style: none; padding: 0; margin: 0 0 25px 0;}
.section-text ul li { padding-left: 1em;  position: relative;  margin-bottom: 10px;}

.section-text ul li::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px;  height: 6px; border-radius: 50%; background-color: var(--c-primary-400);}

@media (max-width: 991px) {
.section-text ul li{ padding-bottom: 15px; }
.section-text ul li:before {   width: 6px; min-width: 6px;  height: 6px; border-radius: 6px;margin-right: .6em;margin-top: 8px;}
}
@media (max-width: 767px) {
.section-text ul li{ padding-bottom: 12px; }
.section-text ul li:before {   width: 5px;  min-width: 5px; height: 5px; border-radius: 5px;margin-right: .5em;margin-top: 8px;}
}

.section-accordion_modular ul li{ padding-bottom: 0;  }
.section-accordion_modular ul li::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px;  height: 6px;border-radius: 50%; background-color: var(--c-primary-400);}



.section-text ol { list-style: none; counter-reset: my-awesome-counter; margin:0 0 30px 0;}
.section-text ol li { counter-increment: my-awesome-counter; padding-bottom: 5px; }
.section-text ol li::before { content: counter(my-awesome-counter) ". ";  }







/* ------------------------------------------------------------ *\
	Section Accordion
\* ------------------------------------------------------------ */
.accordion { border-bottom: 1px solid var(--c-grey-400);}

.accordion-trigger {
font-size: var(--fontsize-lg); line-height: var(--line-height-lg); color: var(--c-primary-800);  
padding: 18px 0; border-top: 1px solid var(--c-grey-400);
display: table !important; table-layout: fixed !important; cursor: pointer; display: block; width: 100%; clear: both; position: relative; 
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}

.accordion-trigger:hover { }
.accordion-trigger-active { border-bottom: none; }

.accordion-trigger-open:before {content: "";position: absolute;display: block;right: 0px; top: 50%; width: 36px; height: 0; border-top: 2px solid var(--c-primary-500);transform: rotate(0deg);transform-origin: center;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}
.accordion-trigger-open:after {content: "";position: absolute;display: block;margin: auto; right: 0px; top: 2px; bottom: 0;width: 36px; height: 0; border-top: 2px solid var(--c-primary-500); transform: rotate(90deg);transform-origin: center;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}

.accordion-trigger:hover .accordion-trigger-open:before { }
.accordion-trigger:hover .accordion-trigger-open:after { }

.accordion-trigger-active .accordion-trigger-open:before {transform: rotate(45deg);}
.accordion-trigger-active .accordion-trigger-open:after {transform: rotate(-45deg); }

.accordion-content {padding: 0 0 20px 0; -webkit-animation:fadeOut .8s ease-out;animation:fadeOut .8s ease-out;  }
.accordion-content.open {-webkit-animation:fadeIn .8s ease-out;animation:fadeIn .8s ease-out}

@media (max-width: 991px) {
.accordion-trigger {padding: 14px 0;}
.accordion-trigger-open:before { width: 30px;}
.accordion-trigger-open:after {top: 2px; width: 30px;}
}
@media (max-width: 767px) {
.accordion-trigger {padding: 10px 0;}
.accordion-trigger-open:before { width: 24px;}
.accordion-trigger-open:after {top: 2px; width: 24px;}
}





/* ------------------------------------------------------------ *\
	Service Btn
\* ------------------------------------------------------------ */
.service-btn{position:fixed;bottom:3rem;right:3rem;z-index:100;transition:opacity 0.3s,visibility .3s}
.service-btn.is-hidden{opacity:0;visibility:hidden}
.service-btn a{text-decoration:none}
.service-btn a:hover .service__image img{bottom:-8.2rem;left:-8.2rem}
.service-btn a:hover .service__button span{background-color:var(--c-orange)}
.service-btn .service__button span{display:block;background-color:var(--c-primary-900);color:var(--c-weiss);padding:.8rem 1.5rem .7rem;border-radius:4px;
font-size: 17px ;text-align:center;transition:background-color .3s}

.service-btn .service__back{padding:1rem}
.service-btn .service__back span{display:block;width:8rem;height:8rem;border-radius:50%;background-color:var(--c-primary-700);margin:0 auto;position:relative}
.service-btn .service__back span:after,
.service-btn .service__back span:before{content:"";border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.service-btn .service__back span:after{width:9rem;height:9rem;border:2px solid rgba(0,90,180,0.5)}
.service-btn .service__back span:before{content:"";width:10rem;height:10rem;border:1px solid rgba(0,90,180,0.25)}

.service-btn .service__wrapper{position:relative;margin-bottom:.4rem;width:100%}
.service-btn .service__wrapper .service__image{position:absolute;bottom:.2rem;left:1.3rem;width:11.6rem;height:11.6rem;border-radius:50%;overflow:hidden}
.service-btn .service__wrapper .service__image img{min-width:19.9rem;position:absolute;bottom:0;left:0;transition:bottom 0.3s,left .3s}

@media (max-width: 767px) {
.service-btn{right:1.5rem}
.service-btn .service__button span{font-size: 13px; padding:.5rem 1.3rem .7rem;}
	
.service-btn .service__wrapper .service__image{bottom:.2rem;left:0rem;width:11.6rem;height:11.6rem;}
}




/* ------------------------------------------------------------ *\
	Service Btn Footer
\* ------------------------------------------------------------ */
.service-btn-footer {transition:opacity 0.3s,visibility .3s; display:inline-block;}
.service-btn-footer a{text-decoration:none; display:inline-block;}
.service-btn-footer a:hover .service__image img{bottom:-8.2rem;left:-8.2rem}
.service-btn-footer a:hover .service__button span{background-color:var(--c-orange)}
.service-btn-footer .service__button span{display:block;background-color:var(--c-primary-900);color:var(--c-weiss);padding:.8rem 1.5rem .7rem;border-radius:4px;
font-size: 17px ;text-align:center;transition:background-color .3s}

.service-btn-footer .service__back{padding:1rem}
.service-btn-footer .service__back span{display:block;width:8rem;height:8rem;border-radius:50%;background-color:var(--c-primary-700);margin:0 auto;position:relative}
.service-btn-footer .service__back span:after,
.service-btn-footer .service__back span:before{content:"";border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.service-btn-footer .service__back span:after{width:9rem;height:9rem;border:2px solid rgba(0,90,180,0.5)}
.service-btn-footer .service__back span:before{content:"";width:10rem;height:10rem;border:1px solid rgba(0,90,180,0.25)}

.service-btn-footer .service__wrapper{position:relative;margin-bottom:.4rem;width:auto}
.service-btn-footer .service__wrapper .service__image{position:absolute;bottom:.2rem;left:1.3rem;width:11.6rem;height:11.6rem;border-radius:50%;overflow:hidden}
.service-btn-footer .service__wrapper .service__image img{min-width:19.9rem;position:absolute;bottom:0;left:0;transition:bottom 0.3s,left .3s}

@media (max-width: 767px) {
.service-btn-footer{}
.service-btn-footer .service__button span{font-size: 13px; padding:.5rem 1.3rem .7rem;}
.service-btn-footer .service__wrapper .service__image{bottom:.2rem;left:0rem;width:11.6rem;height:11.6rem;}
}






/* ------------------------------------------------------------ *\
	Slider Images
\* ------------------------------------------------------------ */
.slider-images{position:relative}
@media (max-width: 1399px) {
.slider-images{max-width:80vw;margin:0 auto}
}
@media (max-width: 575px) {
.slider-images{max-width:74vw}
}
.slider-images .slick-list{overflow:visible}
.slider-images .slider__slides{margin:0 -1.7rem 4rem}
@media (max-width: 575px) {
.slider-images .slider__slides{margin:0 -1rem 3rem}
}
@media (max-width: 374px) {
.slider-images .slider__slides{marign:0 -.5rem 2rem}
}
.slider-images .slick-track{display:flex;justify-content:center}
.slider-images .slider__slide{padding:0 1.7rem}
@media (max-width: 575px) {
.slider-images .slider__slide{padding:0 1rem}
}
@media (max-width: 374px) {
.slider-images .slider__slide{padding:0 .5rem}
}
.slider-images .slider__wrapper{transform:scale(0.85);transform-origin:right;transition:transform .5s,transform-origin .5s}
.slider-images .slider__slide.slick-active .slider__wrapper{transform:scale(1)}

.slider-images .slider__slide.slick-active + .slider__slide .slider__wrapper{transform-origin:left}
.slider-images .slider__image{width:100%;position:relative;aspect-ratio:1/0.58;margin-bottom:2rem}
.slider-images .slider__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.slider-images .slider__content{font-size: var(--fontsize-xs); line-height: var(--line-height-md);opacity:0;visibility:hidden;transition:opacity 0.3s,visibility .3s}

.slider-images .slider__content p{letter-spacing:0}
.slider-images .slider__slide.slick-active .slider__content{opacity:1;visibility:visible}
.slider-images .slider__paging ul{list-style-type:none;display:flex;justify-content:center;font-size:0}
.slider-images .slider__paging ul li + li{margin-left:2rem}
@media (max-width: 991px) {
.slider-images .slider__paging ul li + li{margin-left:1.5rem}
}
@media (max-width: 575px) {
.slider-images .slider__paging ul li + li{margin-left:1rem}
}
.slider-images .slider__paging ul button{width:1.4rem;height:1.4rem;border:0;outline:none;border-radius:50%;background-color:var(--c-grey-100);display:block;transition:background-color .3s}
@media (max-width: 991px) {
.slider-images .slider__paging ul button{width:1.2rem;height:1.2rem}
}
@media (max-width: 575px) {
.slider-images .slider__paging ul button{width:1rem;height:1rem}
}
.slider-images .slider__paging ul li.slick-active button{background-color:var(--c-primary-600)}
.slider-images .slider__arrow{position:absolute;top:calc(50% - 4rem);transform:translateY(-50%);left:-8rem;width:6rem;height:6rem;background-color:rgba(255,255,255,0.75);display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:2}
@media (max-width: 991px) {
.slider-images .slider__arrow{width:5rem;height:5rem;left:-7rem}
}
@media (max-width: 575px) {
.slider-images .slider__arrow{width:3rem;height:3rem;left:-4.2rem}
}
@media (max-width: 374px) {
.slider-images .slider__arrow{top:calc(50% - 5.5rem)}
}
@media (max-width: 991px) {
.slider-images .slider__arrow svg{max-width:2.5rem}
}
@media (max-width: 575px) {
.slider-images .slider__arrow svg{max-width:1.5rem}
}
.slider-images .slider__arrow svg path{transition:stroke .3s}
.slider-images .slider__arrow:hover svg path{stroke:var(--c-primary-600)}
.slider-images .slider__arrow--next{left:auto;right:-8rem;transform:translateY(-50%) rotate(180deg)}
@media (max-width: 991px) {
.slider-images .slider__arrow--next{right:-7rem}
}
@media (max-width: 575px) {
.slider-images .slider__arrow--next{right:-4.2rem}
}




/* ------------------------------------------------------------ *\
	Slider News
\* ------------------------------------------------------------ */
.slider-news .slider__slides{margin:0 -1.7rem 7rem}

.slider-news .slick-list{overflow:visible;position:relative}
.slider-news .slick-list:after{content:" ";position:absolute;top:0;bottom:0;width:4000px;right:100%;background-color:var(--c-grey-100)}
.slider-news .slick-track{display:flex; margin: 0 !important; }
.slider-news .slider__slide{padding:0 1.7rem;height:inherit}

.slider-news .slider__navigation{width:fit-content;margin:0 0 0 auto; line-height: 1}

.slider-news .slider__arrow{display:flex;align-items:center;cursor:pointer}
.slider-news .slider__arrow svg path{transition:stroke .3s}
.slider-news .slider__arrow:hover svg path{stroke:var(--c-primary-600)}


.slider-news .slider__content p{letter-spacing:0}

.slider-news .slider__icon{margin:0 2rem}
.slider-news .slider__icon svg { height: auto; display: inline-block; vertical-align: middle;}
.slider-news .slider__icon svg .slider-icon-stroke {stroke:var(--c-primary-900); transition:stroke .3s}
.slider-news .slider__icon:hover svg .slider-icon-stroke {stroke:var(--c-primary-600)}

.slider-news .slider__slide > a:hover .slider__image{transform:translateY(-1rem)}
.slider-news .slider__slide > a:hover .slider__image img{transform:scale(1.1)}
.slider-news .slider__image{margin-bottom:2.8rem;aspect-ratio:1/0.59;width:100%;position:relative;overflow:hidden;transition:transform .3s}
.slider-news .slider__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}

.section-news-slider.dunkelblau .slider-news .slick-list:after{background-color:var(--c-primary-900)}
.section-news-slider.dunkelblau .slider-news .slider__arrow svg path{stroke:var(--c-primary-500)}
.section-news-slider.dunkelblau .slider-news .slider__arrow:hover svg path{stroke:var(--c-weiss)}
.section-news-slider.dunkelblau .slider__icon svg .slider-icon-stroke {stroke:var(--c-primary-500); transition:stroke .3s}
.section-news-slider.dunkelblau .slider__icon:hover svg .slider-icon-stroke {stroke:var(--c-weiss)}

.section-references-slider .slider-news .slider__slides{margin-bottom:4rem}
.section-references-slider .slider-news .slick-list:after{background-color:var(--c-primary-900)}
.section-references-slider.dunkelblau .slider-news .slider__arrow svg path{stroke:var(--c-primary-500)}
.section-references-slider.dunkelblau .slider-news .slider__arrow:hover svg path{stroke:var(--c-weiss)}
.section-references-slider.dunkelblau .slider__icon svg .slider-icon-stroke {stroke:var(--c-primary-500); transition:stroke .3s}
.section-references-slider.dunkelblau .slider__icon:hover svg .slider-icon-stroke {stroke:var(--c-weiss)}



@media (max-width: 1399px) {
.slider-news .slider__slides{margin-bottom:5rem}
}
@media (max-width: 1199px) {
.slider-news .slider__slides{width:95%}
}
@media (max-width: 991px) {
.slider-news .slider__slides{margin:0 -1rem 4rem;width:85%}
.slider-news .slider__slide{padding:0 1rem}
}
@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.slider-news .slider__slides{margin:0 -.5rem 3.3rem}
.slider-news .slider__slide{padding:0 .5rem}
}
@media (max-width: 575px) {
.slider-news .slider__icon img{max-width:1.9rem}
}




/* ------------------------------------------------------------ *\
	Slider Galerie
\* ------------------------------------------------------------ */
.section.section-bildergalerie { overflow: hidden;}
.slider-galerie .slider__slides{margin:0 -1.7rem 7rem}

.slider-galerie .slick-list{overflow:visible;position:relative}
.slider-galerie .slick-list:after{content:" ";position:absolute;top:-20px;bottom:-60px;width:4000px;right:100%;background-color:var(--c-weiss)}
.slider-galerie .slick-track{display:flex;  }
.slider-galerie .slider__slide{padding:0 1.7rem;height:inherit; }

.slider-galerie .slider__navigation{width:fit-content;margin:0 0 0 auto}

.slider-galerie .slider__arrow{display:flex;align-items:center;cursor:pointer}
.slider-galerie .slider__arrow:first-of-type {margin-right: 6.3rem}
.slider-galerie .slider__arrow svg path{transition:stroke .3s}
.slider-galerie .slider__arrow:hover svg path{stroke:var(--c-primary-600)}

.slider-galerie .slider__slide > a:hover .slider__image{transform:translateY(-1rem)}
.slider-galerie .slider__slide > a:hover .slider__image img{transform:scale(1.1)}

.slider-galerie .slider__slide p{margin-top: 10px; font-size: var(--fontsize-xs); line-height: var(--line-height-md);}
.slider-galerie .slider__slide a{text-decoration: none; color: var(--c-primary-900)}
.slider-galerie .slider__slide a:hover{text-decoration: none; color: var(--c-primary-900)}


.slider-galerie .slider__slides,
.slider-galerie .slider__slide,
.slider-galerie .slider__image {height: 375px;}
.slider-galerie .slider__image{overflow:hidden;transition:transform .3s; }
.slider-galerie .slider__image img{transition:transform .3s;  width: 100%; height: 100%; object-fit: cover;}


@media (max-width: 1399px) {
.slider-galerie .slider__slides{margin-bottom:5rem}
}
@media (max-width: 1199px) {
.slider-galerie .slider__slides{width:95%}
.slider-galerie .slider__slides,
.slider-galerie .slider__slide,
.slider-galerie .slider__image { height: 320px;}
}
@media (max-width: 991px) {
.slider-galerie .slider__slides{margin:0 -1rem 7rem;width:85%}
.slider-galerie .slider__slide{padding:0 1rem}
.slider-galerie .slider__slides,
.slider-galerie .slider__slide,
.slider-galerie .slider__image{ height: 280px;}
.slider-galerie .slider__arrow:first-of-type {margin-right: 3rem}
}
@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.slider-galeries .slider__slides{margin:0 -.5rem 7rem}
.slider-galerie .slider__slide{padding:0 .5rem}
.slider-galerie .slider__slides,
.slider-galerie .slider__slide,
.slider-galerie .slider__image{ height: 240px;}
}
@media (max-width: 575px) {
.slider-galerie .slider__slides,
.slider-galerie .slider__slide,
.slider-galerie .slider__image { height: 200px;}
}




/* ------------------------------------------------------------ *\
	Slider References
\* ------------------------------------------------------------ */
.slider-references .slider__slides{margin-bottom:4rem}
.slider-references .slider__title{margin-bottom:4rem}
.slider-references .slider__title h1{font-weight:400}

.slider-references .slider__image{overflow:hidden;position:relative;width:100%;aspect-ratio:1/0.59;background-color:var(--c-weiss);transition:transform .3s}
.slider-references .slider__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s,opacity .3s}
.slider-references .slider__slide > a{display:block;width:100%;height:100%;text-decoration:none}
.slider-references .slider__slide > a:hover .slider__image{transform:translateY(-1.8rem)}
.slider-references .slider__slide > a:hover img{transform:scale(1.1);opacity:.75}
.slider-references .slider__paging{margin:0 2.3rem;font-size: var(--fontsize-md); line-height: var(--line-height-lg);letter-spacing:.06em}

.slider-references .slider__arrow{cursor:pointer; line-height: 1}
.slider-references .slider__arrow svg path{transition:stroke .3s}
.slider-references .slider__arrow:hover svg path{stroke:var(--c-primary-600)}

@media (max-width: 1199px) {
.slider-references .slider__slides{margin-bottom:3rem}
.slider-references .slider__title{margin-bottom:3rem}
}
@media (max-width: 991px) {
.slider-references .slider__slides{margin-bottom:1.6rem}
.slider-references .slider__title{margin-bottom:1.6rem}
.slider-references .slider__arrow svg{max-width:2.9rem}
}
@media (max-width: 767px),screen and (max-width: 812px) and (orientation: landscape) {
.slider-references .slider__title{max-width:26rem}
.slider-references .slider__paging{line-height:1.41;margin:0 2.9rem}
}
@media (max-width: 575px) {
.slider-references .slider__title{max-width:20.2rem}
.slider-references .slider__slides{margin-bottom:2.4rem}
}







/* ------------------------------------------------------------ *\
	Form Kontaktformualr
\* ------------------------------------------------------------ */
.form-contact .form-control{border:0;border-radius:0;position:relative;padding:0;}

.form-contact .form-control label{position:absolute;font-size: var(--fontsize-sm); color: var(--c-primary-900); left:30px;top:27px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
.form-contact .form-control label.has-value {font-size: var(--fontsize-xxs);top:10px;color:var(--c-primary-600);}

.form-contact .form-control .field{width:100%;height:80px;border:1px solid var(--c-weiss);outline:0;border-radius:0;padding-left:30px;padding-top:27px;font-size: var(--fontsize-sm);-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;-o-transition:box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s;}
.form-contact .form-control .field:focus{border-bottom: none;-webkit-box-shadow:0 1px 0 0 var(--c-primary-500); box-shadow:0 1px 0 0 var(--c-primary-500);}

.form-contact .form-control  textarea.field {width:100%;height:290px; padding-top:30px;  resize:vertical;}


.form-contact .wpcf7-submit {font-size: var(--fontsize-xs);line-height:1;border:1px solid var(--c-primary-600);border-radius:4px;letter-spacing:.01em;color:var(--c-primary-600);padding:1.1rem 2rem;transition:all .3s}
.form-contact .wpcf7-submit:hover{color:var(--c-weiss);background-color:var(--c-primary-600);border-color:var(--c-primary-600);}



/* WPCF7 */
div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors,
div.screen-reader-response {border: 0px !important; padding: 0px !important; margin: 0 0 25px 0 !important; font-size: 20px; line-height: 30px; color: var(--c-primary-900);}

div.wpcf7-mail-sent-ok ul,
div.wpcf7-mail-sent-ng ul,
div.wpcf7-spam-blocked ul,
div.wpcf7-validation-errors ul,
div.screen-reader-response ul{}
div.wpcf7-response-output {}

div.wpcf7-response-output {border: 0px !important; padding: 0px !important; margin: 0 0 25px 0 !important; 
font-size: var(--fontsize-lg); line-height: var(--line-height-lg);color:var(--c-primary-900); letter-spacing: 0.01em}



span.wpcf7-not-valid-tip { color: var(--c-primary-600) !important; font-size: var(--fontsize-xxs) !important;display: block; margin: 0 !important; padding: 5px 0}
input.wpcf7-not-valid {border-bottom: none; -webkit-box-shadow:0 1px 0 0 var(--c-primary-600); box-shadow:0 1px 0 0 var(--c-primary-600);}

.form-control br {display: none;}


.wpcf7-checkbox {margin: 0; display: block; overflow: hidden; }
.wpcf7-list-item {display: inline; margin: 0 !important;}
.wpcf7-list-item input{ width: auto !important; margin: 0px 10px 0 0 !important; }
.wpcf7-list-item-label {font-size: var(--fontsize-xs); color: var(--c-primary-900);}


/* RADIO BUTTONS */
.wpcf7-list-item {display: block; margin: 0 0 10px;}
.wpcf7-form .wpcf7-radio {}
.wpcf7-form .wpcf7-radio .wpcf7-list-item-label { display: inline-flex; align-items: center;}
.wpcf7-form .wpcf7-radio label { position: relative; cursor: pointer;}
.wpcf7-form .wpcf7-radio input[type=radio] {position: relative; visibility: hidden; display: none}

.wpcf7-form .wpcf7-radio input[type=radio] + span:before { content: ''; border-radius: 100%; height: 20px; width: 20px; border: 2px solid var(--c-primary-600); margin-right: 20px;}
.wpcf7-form .wpcf7-radio input[type=radio] + span:after { display: block; position: absolute; content: '';  border-radius: 100%; height: 12px; width: 12px; top: 4px; left: 4px; visibility: hidden;}

.wpcf7-form .wpcf7-radio input[type=radio]:checked + span:before { background: transparent;}
.wpcf7
-form .wpcf7-radio input[type=radio]:checked + span:after { background: var(--c-primary-600); visibility: visible;}


/* CHECKBOXES */
.wpcf7-checkbox {}
.wpcf7-checkbox .wpcf7-list-item {display: inline-block;}
.wpcf7-checkbox .wpcf7-list-item + .wpcf7-list-item {margin-left: 43px !important}
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item-label { display: inline-flex; align-items: center;}
.wpcf7-form .wpcf7-checkbox label { position: relative; cursor: pointer;}
.wpcf7-form .wpcf7-checkbox input[type=checkbox] {position: relative; visibility: hidden; display: none}

.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:before { content: ''; height: 24px; width: 24px; border: 1px solid var(--c-weiss)F; background:var(--c-weiss); margin-right: 20px;}
.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:after { display: block; position: absolute; content: '';  height: 14px; width: 14px; top: 5px; left: 5px; border: 1px solid var(--c-primary-600); visibility: hidden;}

.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:before {}
.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:after { background: var(--c-primary-600); visibility: visible;}



/* ACCEPTANCE */


/* ACCEPTANCE */

.wpcf7-acceptance .wpcf7-list-item-label { display: inline-block; text-indent: -44px; margin-left: 44px;}
.wpcf7-acceptance .wpcf7-list-item-label label { position: relative; cursor: pointer;}
.wpcf7-acceptance .wpcf7-list-item input[type=checkbox] {position: relative; visibility: hidden; display: none}

.wpcf7-acceptance .wpcf7-list-item {position: relative; margin: 0 !important;}

.wpcf7-acceptance .wpcf7-list-item input[type=checkbox] + span:before { content: ''; height: 24px; width: 24px;
 border: none; background:var(--c-weiss);
margin-right: 20px; margin-top: 0; display: inline-block;
position: relative;
  top: 5px;
}

.wpcf7-acceptance .wpcf7-list-item input[type=checkbox] + span:after { display: flex; position: absolute; content: ''; height: 14px; width: 14px; top: 10px; left: 5px; visibility: hidden;}

.wpcf7-acceptance .wpcf7-list-item input[type=checkbox]:checked + span:before {}
.wpcf7-acceptance .wpcf7-list-item input[type=checkbox]:checked + span:after { 
background: var(--c-primary-600); background-size: cover; visibility: visible;
}

@media (max-width: 767px) {
.wpcf7-acceptance .wpcf7-list-item-label { display: block;}
}




@media (max-width:991px){
.form-contact .form-control label{left:20px;top:15px;}
.form-contact .form-control .field{height:55px; padding-left:20px;padding-top:20px; }
.form-contact .form-control label.has-value {font-size:14px;top:4px;}
.form-contact .wpcf7-submit {margin-top:40px;padding:8px 35px;}
}
@media (max-width:767px){
.form-contact .wpcf7-submit {padding:8px 25px;}
}
@media (max-width:575px){
.wpcf7-checkbox .wpcf7-list-item {display: block;}
.wpcf7-checkbox .wpcf7-list-item + .wpcf7-list-item {margin-left: 0 !important; margin-top: 5px !important;}
}



/* Select */
.form-control select { 
osition: absolute;
  font-size: var(--fontsize-sm);
  color: var(--c-primary-900);
border: none ;

width: 100% ;
height: 67px;
padding: 10px 0 0 5px;
font-size: 22px;
color: var(--c-primary-900);

/* reset */
  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
    padding: 2px 2px 2px 20px;
    border: none;
    background: var(--c-weiss) url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") no-repeat right center;
}

select:focus {
  outline: 0;
}


select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--c-primary-900);
}





.codedropz-upload-wrapper { display: flex; gap: 2rem;}
.codedropz-upload-container{ padding: .8rem 2rem !important; flex: 1;}

.codedropz-upload-handler{ border: 1px solid var(--c-primary-600) !important;display: flex;align-items: center; justify-content: space-between;font-size: var(--fontsize-xs);line-height: var(--line-height-md); color: var(--c-primary-600) !important;font-weight: 400;margin-bottom: 0 !important;max-width: 150px;}

.codedropz-upload-inner div,
.codedropz-upload-inner span,
.codedropz-upload-inner h3 {display: none !important}
div.codedropz-btn-wrap {display: block !important; text-align: left;}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn{ display: block;}

.dnd-upload-counter{ position: unset !important; padding-right: 10px; display: none;}

.dnd-upload-status { flex: 1;}
.dnd-upload-status .dnd-upload-details .name{ color: var(--c-primary-900) !important; font-size: var(--fontsize-xxs) !important;}
.dnd-upload-status .dnd-upload-details .name em{ font-weight: 400 !important;}

.dnd-upload-status .dnd-upload-details .dnd-progress-bar{ border-radius: 10px important; background: var(--c-grey-400) !important; height: 10px important;}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span{  background: var(--c-primary-600)!important; color: var(--c-weiss) !important;}






/* ------------------------------------------------------------ *\
	Dokumente Datenbank
\* ------------------------------------------------------------ */
.dokumente-inhaltsverzeichnis {}
.dokumente-inhaltsverzeichnis h3 {font-weight: 700; margin-bottom: 0}

.dokumente-inhaltsverzeichnis ul{list-style-type:none; margin-bottom: 40px;}
.dokumente-inhaltsverzeichnis ul li{border-bottom:1px solid var(--c-grey-400); padding: 1rem 0}
.dokumente-inhaltsverzeichnis ul li + li{}
.dokumente-inhaltsverzeichnis ul a{text-decoration:none;transition:all .3s;color:var(--c-primary-500);letter-spacing:0}
.dokumente-inhaltsverzeichnis ul a:hover{color:var(--c-primary-800)}

.dokumente-titel {margin-bottom: 25px; margin-top: 75px;}
.dokumente-titel h2 {font-size: var(--fontsize-lg); line-height: var(--line-height-md);}



.dokumente-block h3 {font-weight: 700; margin-bottom: 0}
.section-dokumente .section__list ul{list-style-type:none;color:var(--c-primary-600); margin-bottom: 40px;}
.section-dokumente .section__list ul li{border-bottom:1px solid var(--c-grey-400); padding: 1rem 0}
.section-dokumente .section__list ul li + li{}
.section-dokumente .section__list ul a{display:flex;align-items:center;text-decoration:none;transition:all .3s;color:var(--c-primary-500);letter-spacing:0}
.section-dokumente .section__list ul a:hover{color:var(--c-primary-800)}
.section-dokumente .section__icon{margin-right:1.8rem;min-width:2.4rem}

.section-dokumente .section__list ul li { display: flex; align-items: center;}
.section-dokumente .section__list ul a { text-decoration: none; color: inherit;}

.section-accordion_modular .section-dokumente .section__list ul li{border-bottom:none ; padding: .5rem 0}
.section-accordion_modular .section-dokumente .section__list ul li:before {content: none !important}



/* ------------------------------------------------------------ *\
	Header Service
\* ------------------------------------------------------------ */
.section-header-service {}

.section-head-image-service {z-index: 1}
.section-head-image-service .section__back:after{content:none;}

.section-head-image-service h1.titel-orange {color: var(--c-orange)}
.section-head-image-service h1.titel-blau {color: var(--c-primary-800)}

.section-contact-person-service {position: relative; z-index: 1}
.section-contact-person-service .section__card:after{content:none;}
.section-contact-person-service .section__card{margin:0 0; background: var(--c-weiss)}
.section-contact-person-service .section__card {margin-top: -15rem;}

.section-lead-service { padding: 0 !important;}
.section-lead-service .section__content {  background-color: transparent; }


.section-listen{}
.section-listen h2{font-size: var(--fontsize-lg); line-height: var(--line-height-md);color: var(--c-primary-800); margin-bottom: 5rem}

.liste-service { list-style: none; padding: 0; }
.liste-service li { display: flex;align-items: flex-start; margin-bottom: 30px; max-width: 80%}

.liste-service li::before { content: "";  min-width: 28px !important;  height: 28px !important;  margin-right: 18px;  background: url('images/icon-liste-service.svg') no-repeat center;  background-size: contain; margin-top: 2px}

.liste-service li span { text-indent: 20px; /* Einrückung des Texts, um Platz für den SVG-Marker zu lassen */}

@media (max-width: 767px) {
.section-contact-person-service .section__card {margin-top: -10rem;}
}






/* ------------------------------------------------------------ *\
	Suchergebnisse
\* ------------------------------------------------------------ */
.section-searchresults {}
ul.searchresults { list-style: none;}
ul.searchresults li { padding: 20px 0; border-bottom: 1px solid var(--c-grey-400); 
display: table !important; table-layout: fixed !important; cursor: pointer; display: block; width: 100%; clear: both; position: relative; 
padding-left: 0em;text-indent: 0em;}
ul.searchresults li:before { content: none; padding-right:0; }

ul.searchresults li a { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
ul.searchresults h3 { margin-bottom: 5px;}
ul.searchresults .url { color: var(--c-primary-500);}

.searchterm-highlight {color: var(--c-primary-300)}


.searchprevious {}
.searchnext {float:right;}
.searchpagination a{color:var(--c-primary-900);text-decoration:none; display: inline-block; padding-left: 0px;}
.searchpagination a:hover{color:var(--c-primary-900);}

@media (max-width: 991px) {
ul.searchresults li {padding: 20px 0; }
}














/* ------------------------------------------------------------ *\
	Section Bildergalerie
\* ------------------------------------------------------------ */
.section-bildergalerie {}

.gallery {list-style-type:none;}
.gallery .row {--bs-gutter-y: 3rem;}

.gallery li { position: relative; overflow: hidden; padding-right: calc(var(--bs-gutter-x) * 0.5);
 padding-left: calc(var(--bs-gutter-x) * 0.5) !important;}
.gallery li:before { content: none !important;}
.gallery li a{ display: block; position: relative; overflow: hidden;  }
.gallery li img { width: 100%; transition: transform 0.4s ease; transform-origin: center center; }

.gallery li a:before { content: ''; display: inline-block; background: rgba(255, 145, 0, .75); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 10; visibility: hidden; opacity: 0; 
-webkit-transition: visibility .4s, opacity .4s; -o-transition: visibility .4s, opacity .4s; transition: visibility .4s, opacity .4s; }
.gallery li a:hover:before { visibility: visible; opacity: 1; }
.gallery li a:hover .gallery-icon { visibility: visible; opacity: 1; }
.gallery li a:hover img {
  transform: scale(1.05); /* Bild leicht vergrößern */
}


/* Der Kreis mit weißer Outline */
.gallery-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid var(--c-weiss);   
  background: transparent; 
  display: inline-block;
  z-index: 20;
  visibility: hidden;
  opacity: 0;
  transition: visibility .4s, opacity .4s, transform .3s ease;
}

/* horizontale Linie des Plus */
.gallery-icon:before { content: ''; position: absolute; top: 50%; left: 50%; width: 55%; height: 2px; background: var(--c-weiss); transform: translate(-50%, -50%);}
.gallery-icon:after { content: ''; position: absolute; top: 50%; left: 50%; width: 2px;height: 55%; background: var(--c-weiss); transform: translate(-50%, -50%);}

@media (max-width: 767px) {
.gallery-icon { width: 24px; height: 24px;}
.gallery-icon:before { width: 24px; height: 1px; }
.gallery-icon:after { width: 1px; height: 24px; }
}

@media (min-width: 992px) { /* Bootstrap-Breakpoint für "lg" */
.col-lg-5th { width: 20%; flex: 0 0 20%; max-width: 20%;}
}





.section-foto-karten {}
.section-foto-karten .row  {--bs-gutter-y: 3rem;}

.card-item {
	display: block;
	text-decoration: none;
	color: inherit;
	height: 100%;
	overflow: hidden;
 color: var(--c-primary-900) !important;   
}



.card-image {
	overflow: hidden;
}

.card-image img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.5s ease;
}

.card-item:hover .card-image img {transform: scale(1.04);}

.card-content {background: var(--c-grey-100); padding: 20px 30px;}

.card-content h3 {margin: 0;}
.card-text {}