/*** Variable Setup ***/
:root {
	--c-white: #ffffff;
	--c-black: #000000;
	--c-darker: #035C67;
	--c-grey: #ebedef;
	
	



	--fw-xl: 100;
	--fw-l: 300;
	--fw-r: 400;
	--fw-m: 500;
	--fw-sb: 600;
	--fw-b: 700;
	--fw-eb: 800;.
	--fw-blk: 900;
}
/*** Variable Setup ***/

/** Font Family **/

@font-face {
    font-family: 'Work Sans';
    src: url('../assets/fonts/WorkSans-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../assets/fonts/WorkSans-ExtraBoldItalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../assets/fonts/WorkSans-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/*
 * Weight 700 / "bold" intentionally maps to the ExtraBold files (normal + italic).
 * A regular Bold face used to be declared as well, but the ExtraBold declaration
 * came later and won, so the site has always rendered headings, <strong> and
 * font-weight: 700 in ExtraBold. The never-used Bold face was removed (2026-11)
 * to make this explicit without changing the look.
 */
@font-face {
    font-family: 'Work Sans';
    src: url('../assets/fonts/WorkSans-ExtraBold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../assets/fonts/WorkSans-ExtraLightItalic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../assets/fonts/WorkSans-BlackItalic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../assets/fonts/WorkSans-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../assets/fonts/WorkSans-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../assets/fonts/WorkSans-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../assets/fonts/WorkSans-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../assets/fonts/WorkSans-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../assets/fonts/WorkSans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../assets/fonts/WorkSans-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


@font-face {
    font-family: 'Work Sans';
    src: url('../assets/fonts/WorkSans-ThinItalic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../assets/fonts/WorkSans-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}







/** BASIC CSS **/

* { 
	margin: 0; 
	padding: 0; 
	border:none; 
	outline:none;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-o-box-sizing: border-box;
	box-sizing: border-box;	}
	

html, body{
	font-family: 'Work Sans';
	height: auto;
	max-width:100%;
	min-width:100%;
	color:#415464;
	font-weight:500;
	font-style:normal;
	font-size:18px;
	letter-spacing:0;
	}
	
p {
	font-size: 18px;
	font-family: 'Work Sans';
	font-weight: normal;
	color: #035C67;
}
	
h1,h2,h3,h4,h5,h6{
    margin:0;
	color:#030303;
	font-family: 'Work Sans';
}
	 
h1 { font-size:60px; }	 
h2 { font-size:40px; }	 
h3 { font-size:36px; }	 
h4 { font-size:32px; }	 
h5 { font-size:27px; }	 
h6 { font-size:18px; }	 
	 
ul, ol{
	list-style:none;
	margin:0;
	padding:0;}

a {color: #CC1332;
	text-decoration:none;
	outline: none;}

		
a:hover, a:focus {outline: none;
	text-decoration: none;}
		

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0,123,255,0);
}

button {
	cursor: pointer;
}

 
a, input, select, textarea, img, button, button:hover, .btn {
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
		
img { max-width:100%; }	


.text--red h1, .text--red h2, .text--red h3, .text--red h4, .text--red h5, .text--red h6, .text--red p, .text--red a, .text--red li { 
	color: #CC1332; 
}

.bg--darker {
	background-color:#035C67;	
}

.bg__grey {
	background-color:#ebedef;	
}


.btn_square {
	background: #D8B89C;
	min-width: 115px;
	height: 46px;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	display: inline-block;
	text-align: center;
	line-height: 46px;
	padding: 0 20px;
	border-radius: 0;
	max-width: max-content;
}

.btn_square:hover {
	background: #D82F33;
	color: #fff;
}

.btn_black {
	background: #3F2016;
	color: #fff;
}

section.nav--padding{
	padding-top: 215px;
}

/*
  **************************************
            SECTION PADDING
  **************************************
*/
.section--initial-padding-top{
	padding-top: 150px;
  }
  .section--initial-padding-btm{
	padding-bottom: 150px;
  }
  .section--initial-padding{
	padding: 4rem 0;
  }
  .section--no-padding{
	padding: 0;
  }
  .section--no-pb{
	padding-bottom: 0;
  }
  .section--no-pt{
	padding-top: 0;
  }
  .section--small-pt{
	padding-top: 50px;
  }
  .section--small-pb{
	padding-bottom: 50px;
  }
  .section--medium-pt{
	padding-top: 100px;
  }
  .section--medium-pb{
	padding-bottom: 100px;
  }
  .section--big-pt{
	padding-top: 200px;
  }
  .section--big-pb{
	padding-bottom: 200px;
  }


/** Basic css end here **/ 


.site__header {
	float: left;
	padding:30px 0 30px 0;
	width: 100%;
	position: fixed;
	z-index: 999;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.10);
	background: #fff;
}

header.sticky {
	padding:2px 0 15px 0;
}

.site__header .row {
	display: flex;
	flex-wrap: inherit;
	align-content: center;
	align-items: center;
}


.site__header__logo {
	float: left;
	width: auto;
}

.site__header__logo a {
	max-width: 110px;
	display: inline-block;
}

.site__header__nav {
	padding: 50px 0 0 140px;
}

.site__header__nav .navbar {
	padding: 0;
}

.navbar__toggler {
	display: none;
}

.navbar__toggler:focus, .navbar__toggler:hover {
    text-decoration: none;
    border-radius: 0!important;
    outline: none!important;
}


.site__header__menu ul li {
	display: inline-block;
	float: left;
	margin: 0 15px;
	width: auto;
	position: relative;
}

.site__header__menu ul li.drop__down:hover .dropdown-menu {
	display:block;
}

.site__header__menu ul .drop__down .dropdown-toggle::after {
	margin-left: 0.055em;
	color: #BB2D38;
	position: relative;
	top: 2px;
	display: none;
}

.site__header__menu ul .drop__down .dropdown-menu {
	max-width: 190px;
	border-radius: 0;
	border: none;
	margin: 0 0 0;
}

.site__header__menu ul .drop__down .dropdown-menu::before {
	width: 51%;
	height: 1.5px;
	background: #BB2D38;
	position: absolute;
	left: 0;
	top: 3px;
	content: "";
}

/* .site__header__menu ul .dropdown-toggle[aria-expanded="true"] a {
  color: #BB2D38;
} */

.site__header__menu ul .drop__down .dropdown-menu li {
	width: 100%;
}

.site__header__menu ul .drop__down .dropdown-menu li a {
	color: #030303!important;
	font-size: 14px;
	text-transform: none;
	letter-spacing:0px;
}

.site__header__menu ul .drop__down .dropdown-menu li a:hover {
	color: #BB2D38!important;
}

.site__header__menu ul .drop__down .dropdown-menu li a.active {
	color: #BB2D38!important;
	font-weight: 600;
}


.site__header__menu ul li:last-child {
	margin-right: 0;
}

.site__header__menu ul li a {
	display: inline-block;
	padding:0px 0;
	position: relative;
	color: #030303;
	font-size: 14px;
	font-weight:400;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.site__header__menu ul li:hover a{
  text-decoration:none;
  opacity:1;
  color:#CC1332;
  
}

 .site__header__menu ul li.current_page_item.active a {
  text-decoration:none;
  opacity:1;
  color:#CC1332 !important;
  font-weight: 600;
  
}


/********Header End***********/

.hero__section {
	margin: 135px 0 0;
	width: 100%;
	overflow: hidden;
	float: left;
	min-height: 780px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
	/* padding: 70px 0 190px; */
	display: flex;
	align-content: flex-end;
	align-items: flex-end;
	justify-content: flex-end;
}

.hero__title {
	width: 100%;
	max-width: 1420px;
}

.hero__title h1 {
	width: 100%;
	margin: 0 0 0;
	float: right;
	font-weight: 700;
	line-height: 71px;
	max-width: 440px;
	text-shadow: 0 10px 15px rgba(0, 0, 0, 0.16);
}

.hero__bottom__text {
	width: 100%;
	/* padding: 70px 0 100px; */
	display: flex;
	flex-wrap: wrap;
}

.hero__bottom__text p {
	font-weight: 400;
	margin: 0 0 30px;
	color: #415464;
	line-height: 28px;
}

.hero__bottom__text.font-weight-light p {
	font-weight: 300;
}

.aktuelles__boxes__text {
	width: 100%;
	/* padding:0px 0 100px; */
	display: flex;
	flex-wrap: wrap;
}

.heading {
	margin: 0 0 40px;
}

.heading h2 {
	font-weight: 600;
	color: #415464;
}

.aktuelles__box {
	display: flex;
	height: 100%;
	width: 100%;
	align-content: center;
	align-items: center;
	justify-content: center;
	padding: 15px 15px;
	min-height: 250px;
	text-align: center;
	flex-wrap: wrap;
	word-break: break-word;
	border: 2px solid #fff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.aktuelles__box a {
	font-size: 19px;
	color: #fff;
	font-weight: 600;
	margin: 0;
	line-height: 28px;
	opacity: 0.3;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: center;
}

.aktuelles__box a span {
	width: 100%;
	height: 3px;
	background: #fff;
	margin: 10px auto 0;
	opacity: 0.3;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	display: flex;
	max-width: 60px;
}

.aktuelles__box:hover a, .aktuelles__box:hover a span {
	opacity:1;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.angebot__title__text {
    width: 100%;
    padding:60px 0 60px;
    display: flex;
    flex-wrap: wrap;
}

.angebot__title__text h2 {
	font-weight: 700;
	margin: 0 0 40px;
}

.angebot__title__text p {
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	margin: 0 0 30px;
	color: #415464;
}

.referenzen__boxes__text {
    width: 100%;
    /* padding:60px 0 60px; */
    display: flex;
    flex-wrap: wrap;
}

.referenzen__box {
	min-height: 290px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	padding: 15px 25px;
	text-align: center;
	margin: 0 0 30px;
	word-break: break-word;
	border: 2px solid #fff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	position: relative;
}

.referenzen__box::after {
	 opacity: 0; 
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	background-color: rgba(65, 84, 100, 0.7);
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}


.referenzen__box:hover:after{
	opacity:1;
}

.referenzen__box a {
	opacity:0;
	font-size: 19px;
	color: #fff;
	font-weight: 600;
	margin: 0;
	line-height: 28px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 9;
}

.referenzen__box a span {
	width: 60px;
	height: 3px;
	background: #fff;
	margin: 10px auto 0;
	opacity: 0.3;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	display: flex;
}

.referenzen__box:hover a, .referenzen__box:hover a span {
	opacity:1;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.otone__slider {
    width: 100%;
    /* padding: 60px 0 60px; */
    display: flex;
    flex-wrap: wrap;
}

.otone__slides {
	background: #d9dde0;
	padding: 45px 75px;
}



.otone__text__block {
    width: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.user__img__box {
	max-width: 280px;
	min-width: 280px;
	text-align: center;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}

.user__img {
	border-radius: 50%;
	border: 2px solid #fff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	width: 250px;
	height: 250px;
}

.user__img img {
	height: auto;
}

.review__text {
	padding: 0 50px 0 50px;
}

.review__text p {
	font-weight: 300;
	line-height: 27px;
	margin: 0 0 20px;
	color: #030303;
}

.review__text h6 {
	font-weight: 600;
	line-height: 27px;
	margin: 0 0 2px;
	color: #000;
}

.review__text p:last-child {
	margin: 0;
}

.otone__slides .slick-arrow {
	width: 50px;
	height: 110px;
	opacity: 1;
	top: 39%;
}

.otone__slides .slick-prev {
	left: 13px;
}

.otone__slides .slick-next {
	right: 13px;
}

.herrenmuhle__img__text  {
    width: 100%;
    /* padding: 10px 0 160px; */
    display: flex;
    flex-wrap: wrap;
}

.herrenmuhle__text {
	padding-left: 50px;
}

.herrenmuhle__text p {
	font-weight: 300;
	color: #030303;
}


/***** Footer Start*****/

.site__footer {
	width: 100%;
	float: left;
	background: #c5cbd0;
	padding: 50px 0 30px;
}

.footer__logos {
	text-align: center;
	width: 100%;
	margin: 0 0 15px;
}

.footer__logos ul {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
}

.footer__logos ul li {
	margin: 0 11px;
}


.footer__links {
	text-align: center;
	width: 100%;
	margin: 0 0;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}

.footer__links ul {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
}

.footer__links ul li {
	margin: 0 10px;
}

.footer__links ul li a {
	font-size: 14px;
	color: #030303;
}

.footer__links ul li a:hover {
	color: #CC1332;
}


.footer__links p {
	font-size: 14px;
	color: #030303;
	margin: 5px 0 0 10px;
	font-weight: 500;
}

.scroll-to-top {
	background: #CC1332;
	bottom: 10px;
	display: block;
	height: 37px;
	min-width: 37px;
	padding: 0;
	position: fixed;
	right: 10px;
	text-align: center;
	text-decoration: none;
	z-index: 1040;
	opacity: 0;
	line-height: 33px;
}

.scroll-to-top img {
	max-width: 17px;
}

.scroll-to-top:hover, .scroll-to-top:focus {
	opacity:0.7;
	color:#fff;
	background:#D82F33;
}

.scroll-to-top.visible {
  opacity:1;
}



/***** Aktuelle page Start*****/

.Aktuelle__posts__section {
	/* margin: 130px 0 0; */
	width: 100%;
	/* padding: 0px 0 0; */
	float: left;
}

.aktuelle__left__posts {
	/*padding-left: 0;*/
	margin-top: 70px;
	margin-bottom: 0;
}

.archive__post__inner {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	

}
.archive__post__wrap{
	border-bottom: 1px solid #275B65; 
	padding: 0 0 60px;
	margin-bottom: 60px;
}
.aktuelle__left__posts .archive__post__wrap:last-child {
	border: none;
	margin: 0;
}

.archive__post__img {
	padding-left: 0;
}

.archive__post__img figure {
	border: 2px solid #fff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	margin: 0;
}


.archive__post__img figure img {
	width: 100%;
	height:auto;
}

.archive__post__text h6 a {
	color: #030303;
	font-weight: 600;
}

.archive__post__text h6 a:hover {
	color: #CC1332;
}

.post__time {
	width: 100%;
	float: left;
	margin:2px 0 10px;
}

.archive__post__text .post__time p {
	color: #030303;
	margin: 0;
	font-weight: 300;
}

.post__time p a {
	color: #030303;
	margin: 0;
	font-weight: 300;
	text-decoration: underline;
}

.archive__post__text p {
	color: #030303;
	margin:0 0 15px;
	font-weight: 300;
}

.btn--read--more {
	color: #035C67;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
}

.btn--read--more:hover {
	color: #CC1332;
}

.aktuelle__right__bar {
	width: 100%;
	float: left;
	height: 100%;
	padding: 88px 40px 20px;
}

.aktuelle__right__bar h6 {
	margin: 0 0 25px;
}

.aktuelle__right__bar ul li .btn {
	color: #415464;
	font-weight: 500;
	padding: 0;
}

.aktuelle__right__bar ul li .btn:hover {
	color: #CC1332;
}

.aktuell__detail__section {
	margin: 200px 0 0;
	width: 100%;
	padding: 0px 0 0;
	float: left;
}

.aktuelle__post__detail h2 {
	font-weight: 700;
}

.aktuelle__post__detail .post__time {
	margin: 2px 0 30px;
}

.aktuelle__post__images {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 20px;
}

.aktuelle__post__images figure {
	margin: 0;
}

.aktuelle__post__images img {
	width: 100%;
	height: auto;
}

.aktuelle__post__detail .aktuelle__post__images p {
	color: #030303;
	font-size: 12px;
	font-style: italic;
	margin: 8px 0 0;
}

.aktuelle__post__detail p {
	color: #030303;
	margin: 0 0 15px;
	font-weight: 300;
}

.article__btn {
	width: 100%;
	text-align: center;
	margin: 60px 0 100px;
	padding: 0 15px;
}

.article--view--btn {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	border-radius: 0;
	padding: 6px 19px;
	color: #035C67;
	font-weight: 300;
	font-size: 19px;
}

.article--view--btn:hover, .article--view--btn.active {
	background:#035C67;
	color: #fff;
}

.article__btn .article--view--btn svg {
	position: relative;
	top: -1px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.article__btn .article--view--btn:hover svg path {
	color: #fff;
	fill: #fff;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.article__btn .article--view--btn.float-left svg{
	margin-right: 10px;
}

.article__btn .article--view--btn.float-right svg{
	margin-left: 10px;
}


/***** Manuela Wehrle Start*****/

.manuela__wehrle__section  {
    margin: 200px 0 100px;
    width: 100%;
    padding: 0px 0 0;
    float: left;
}

.manuela__wehrle__text {
	width: 100%;
	max-width: 965px;
	margin: 39px 0 0;
}

.manuela__wehrle__detail .heading {
	margin:0 0 15px;
}

.manuela__wehrle__detail .heading h2 {
	color: #415464;
}

.manuela__wehrle__detail .heading p {
	color: #030303;
	font-size: 25px;
	font-weight: 300;
	margin: 0;
}

.manuela__wehrle__text h6 {
	color: #030303;
	font-weight: 600;
	margin: 0 0 1px;
}

.manuela__wehrle__text p {
	color: #030303;
	font-weight: 300;
	margin: 0 0 15px;
}

.manuela__wehrle__text p strong {
	font-weight: 500;
}

.manuela__wehrle__text ul {
	width: 100%;
	float: left;
	margin: 0 0 20px;
}

.manuela__wehrle__text ul li {
	font-weight: 300;
	margin: 0 0 3px;
	width: 100%;
	color: #030303;
	position: relative;
	padding: 0 0 0 20px;
	font-size: 18px;
}

.manuela__wehrle__text ul li::before {
	position: absolute;
	left: 0;
	top: 7px;
	content: "";
	width: 13px;
	height: 14px;
	background: url("../assets/img/arrow_icon.png") no-repeat;
	background-position: center center;
	background-size: 11px;
}


/***** Auftraggeber Page Start*****/


.auftraggeber__section  {
    /* margin: 200px 0 100px; */
    width: 100%;
    padding: 0px 0 0;
    float: left;
}

.auftraggeber__section .heading p {
	color: #030303;
	font-size: 18px;
	font-weight: 300;
	margin: 30px 0 0 0;
}

.text__filter__btns {
	width: 100%;
	float: left;
	margin:30px 0 12px;
}

.text__filter__btns h2 {
	font-weight: 600;
}

.filter__btns {
	flex-wrap: wrap;
	column-gap: 15px;
	row-gap: 15px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	margin: 30px 0 40px;
}

.filter__btns .article--view--btn {
	font-size: 16px;
	text-transform: uppercase;
	padding: 3px 8px;
}

.referenzprojekte__list__detail {
	width: 100%;
	float: left;
	border-bottom: 1px solid #275B65;
	padding: 0 0 30px;
	margin: 0 0 30px;
}

.referenzprojekte__list__detail h6 {
	font-weight: 600;
	margin: 0 0 8px;
	line-height:24px;
}

.referenzprojekte__list__detail h6 a {
	color: #035C67;
	font-weight: 500;
}

.referenzprojekte__list__detail h6 a:hover {
	color: #CC1332;
}

.referenzprojekte__list__detail p {
	color: #030303;
	font-weight: 300;
	line-height:24px;
}

.referenzprojekte__list__detail .btn--weiter {
	color: #7a8792;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
}

.referenzprojekte__list__detail .btn--weiter:hover {
	color: #CC1332;
}

.auftraggeber__logo {
	padding-bottom: 30px;
	padding-top: 30px;
}

.auftraggeber__logo figure {
	margin: 0;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	min-height: 160px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	padding: 10px 10px;
}

.auftraggeber__logo figure a {
	width: 100%;
	text-align: center;
}

.auftraggeber__logo figure img {
	max-width: 230px;
}

.auftraggeber__logo p {
	color: #030303;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	margin: 15px 0 4px;
}

.auftraggeber__logo a {
	color: #035C67;
	font-size: 16px;
	line-height: 24px;
	font-weight:500;
	margin: 0;
}

.auftraggeber__logo a:hover{
	color: #BB2D38;
}


/***** Einzelne Referenzprojekte Detail Page Start*****/

.projektreferenz__title {
	margin: 200px 0 20px;
	width: 100%;
	padding: 0px 0 0;
	float: left;
}

.projektreferenz__image {
	background: #d9dde0;
	width: 100%;
	float: left;
}

.projektreferenz__image__left img {
	height: auto;
}

.projektreferenz__right__text {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: flex-end;
	padding:0 0 25px 20px;
}

.projektreferenz__right__text h6 {
	color: #035C67;
	font-weight: 600;
}

.projektreferenz__right__text p {
	color: #035C67;
	font-weight: 300;
}
.projektreferenz__right__text p strong {
	font-weight: 600;
}

.projektreferenz__right__text a {
	color: #035C67;
	font-weight: 300;
	text-decoration: underline;
}

.projektreferenz__right__text a:hover {
	color: #CC1332;
}

.projektlaufzeit__bottom__text {
	width: 100%;
	float: left;
	padding: 20px 0 90px;
}

.projektlaufzeit__bottom__text p strong {
	color: #035C67;
}

.projektlaufzeit__bottom__text .manuela__wehrle__text h6 {
	color: #035C67;
}

.projektlaufzeit__bottom__text .article__btn {
	padding: 0;
	margin: 70px 0 50px;
}

/***** Angebot Page Start*****/

.angebot__img__block {
	margin-top: 140px;
}

.angebot__img__block .manuela__wehrle__text {
	max-width: 1025px;
	margin: 30px 0 0;
}

.angebot__boxes__block {
	width: 100%;
	padding: 100px 0 100px 0;
	float: left;
	/* background: #d9dde0; */
}

.angebot__boxe__text {
	height: 100%;
	padding:30px 30px 20px 30px;
	float: left;
	width: 100%;
	border: 2px solid #fff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.angebot__boxe__text a {
	height: 100%;
	float: left;
	width: 100%;
}

.angebot__boxe__text h5 {
	color: #fff;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 30px;
	position: relative;
	padding: 0 0 10px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.angebot__boxe__text h5::after {
	content: "";
	text-transform: uppercase;
	width: 60px;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fff;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.angebot__boxe__text p {
	color: #357c85;
	font-size: 17px;
	font-weight: 400;
	margin: 0;
	line-height: 27px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.angebot__boxe__text:hover h5, .angebot__boxe__text:hover p { 
	color:#035C67; 
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.angebot__boxe__text:hover h5:after { 
	background-color:#035C67; 
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.angebot__boxe__text:hover  { 
	background-color: #fff; 
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.datenschutz--text {
	margin-bottom: 50px;
}

.datenschutz--text .manuela__wehrle__text h6 {
	margin: 40px 0 15px;
	width: 100%;
	float: left;
}

.datenschutz--text .manuela__wehrle__text h5 {
	color: #030303;
	font-weight: 600;
	margin: 11px 0;
	font-size: 18px;
	width: 100%;
	float: left;
}

.datenschutz--text .manuela__wehrle__text p a {
	color: #030303;
}

.datenschutz--text .manuela__wehrle__text p a:hover {
	color: #CC1332;
}

.standort--block .heading {
	margin: 0 0 25px;
}

.standort__images {
	width: 100%;
	margin: 0 0 20px;
	float: left;
}

.standort__images figure {
	width: 100%;
	margin:0;
	float: left;
}

.standort__images figure img {
	width: 100%;
}

.standort__text p {
	color: #030303;
	font-weight: 300;
	margin: 0 0 25px;
}

/***** Anfahrt Page Start*****/


.anfahrt__section {
    margin: 200px 0 0;
    width: 100%;
    padding: 0px 0 0;
    float: left;
}
.anfahrt__section.contact__anfahrt{
    margin: 0;
    
}
.anfahrt__address__map .heading {
	margin: 0 0 20px;
	width: 100%;
	float: left;
}

.top__contact {
	width: 100%;
	float: left;
	margin:40px 0 100px;
}

.top__contact h6 {
	color: #CC1332;
	text-transform: uppercase;
	font-weight: 600;
}

.top__contact .left__site__name p {
	color: #415464;
	font-weight: 500;
}

.top__contact p {
	color: #415464;
	font-weight: 300;
}

.top__contact a {
	color: #415464;
	font-weight: 300;
}

.top__contact a:hover {
	color: #CC1332;
}

.Anfahrt__map {
	width: 100%;
	float: left;
}

.Anfahrt__map img {
	width: 100%;
}







/***** Responsive Start*****/



@media(max-width:1200px){	

	 
h1 { font-size:50px; }	 
h2 { font-size:34px; }	 
h3 { font-size:30px; }	 
h4 { font-size:26px; }	 
h5 { font-size:21px; }	 
h6 { font-size:16px; }	 
	 

p {
	font-size: 14px;
}

.site__header__menu ul li {
	margin: 0 10px;
}

.hero__section {
	min-height: 620px;
	/* padding: 70px 0 110px; */
}

.hero__title h1 {
	line-height: 51px;
}

.article--view--btn {
	font-size: 13px;
}

.manuela__wehrle__text ul li, .manuela__wehrle__text p {
	font-size: 16px;
}

.angebot__boxe__text {
	padding: 30px 15px 20px 15px;
}

.angebot__boxe__text h5 {
	font-size: 20px;
	word-break: break-all;
}

.angebot__boxe__text p {
	font-size: 16px;
	line-height: 25px;
	word-break: break-all;
}

.datenschutz--text .manuela__wehrle__text h5 {
	font-size: 16px;
}

.top__contact a {
	font-size: 14px;
}

}


@media(max-width:991px){	

.site__header {
	padding: 15px 0 15px;
}

header.sticky {
	padding: 8px 0 8px 0;
}

.site__header .row {
	display: inline-block;
	width: 100%;
	margin: 0 auto;
}

.site__header__logo a {
	max-width: 90px;
}

.site__header__nav {
	padding: 0;
}

.navbar__toggler {
	display: block;
}

.nav-bar {
	display: inline-block;
	width: 98%;
}


.sticky .main-menu {
	padding: 0;
}

.navbar__toggler {
	width: 35px;
	position: absolute;
	z-index: 99;
	top:28px;
	right: 0;
	cursor: pointer;
	display: block;
	background-color: #D82F33;
	padding: 2px 7px;
	border-radius: 3px;
}

.navbar__toggler.change {
	padding: 2px 5px 2px 9px;
}

header.sticky .navbar__toggler {
	top: 20px;
}

.navbar__toggler:hover {
	background-color: #d60c33;
	border-radius: 3px!important;
}

.navbar__toggler:hover .bar1, .navbar__toggler:hover .bar2, .navbar__toggler:hover .bar3 { 
	background-color:#fff; 
}

.bar1, .bar2, .bar3 {
  background-color:#fff;
  height: 3px;
  margin:5px 0;
  transition: all 0.4s ease 0s;
  width: 100%;
   border-radius: 6px;
}

.change .bar1 {
  -webkit-transform:rotate(-45deg) translate(-6px, 3px);
  transform:rotate(-45deg) translate(-6px, 3px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform:rotate(45deg) translate(-8px, -5px);
  transform:rotate(45deg) translate(-8px, -5px);
}

.site__header__menu ul .drop__down .dropdown-menu {
	max-width: 100%;
	position: relative;
	background: #eae7e7;
	margin: 0;
	padding: 0;
	display:none!important;
}
.site__header__menu ul .drop__down.show .dropdown-menu {
	display:block!important;
}

.site__header__menu ul .drop__down .dropdown-menu::before {
	display: none
}

.site__header__menu ul .drop__down li a {
	color: #030303 !important;
	padding-left: 40px;
	background: #eae7e7!important;
}

.site__header__menu ul .drop__down .dropdown-toggle {
	position: absolute;
	top:0px;
	display: block;
	width: 40px;
	right: 0;
	height: 100px;
	background: #e9e9e9;
	cursor: pointer;
}

.site__header__menu ul .drop__down .dropdown-toggle::after {
	margin-left: 0;
	color: #BB2D38;
	position: absolute;
	top: 22px;
	display: block;
	width: 9px;
	right: 15px;
}

.site__header__menu ul .drop__down .dropdown-menu li a:hover {
	background: #eae7e7!important;
}



.site__header__menu {
	position: fixed;
	left: -100%;
	top:91px;
	width: 100%;
	background:#fff;
	height: 100%;
}

.site__header__menu ul {
	width: 100%;
}

.site__header__menu ul li {
	margin: 0;
	width: 100%;
	float: left;
	text-align: left;
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #d60c33;
}

.site__header__menu ul li.drop__down.show {
	border-bottom: 0px solid #d60c33;
}

.site__header__menu ul li.drop__down .dropdown-toggle::after {
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	
}

.site__header__menu ul li.drop__down.show .dropdown-toggle::after {
	-webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	
}


.site__header__menu ul li a, .sticky .site__header__menu ul li a {
	padding: 15px 20px;
	width: 100%;
}

.site__header__menu ul li:hover a, .site__header__menu ul li a.active {
	background: #d60c33;
	color:#fff;
}

.hero__section {
	margin: 85px 0 0;
}

.hero__bottom__text {
	/* padding: 70px 0 70px; */
}

.hero__bottom__text p {
	font-size: 14px;
	line-height: 23px;
}

.aktuelles__boxes__text {
	/* padding: 0px 0 40px; */
}

.aktuelles__box {
	margin: 0 0 30px;
	height: auto;
}

.angebot__title__text p {
	font-size: 14px;
	line-height: 24px;
}

.referenzen__boxes__text {
	/* padding: 10px 0 20px; */
}

.otone__text__block {
	flex-wrap: wrap;
}

.user__img__box {
	max-width: 160px;
	min-width: 160px;
}

.user__img {
	width: 100%;
	height: 100%;
}

.review__text {
	padding: 22px 15px 0;
	text-align: center;
}

.otone__slides .slick-arrow {
	height: 50px;
}

.herrenmuhle__text {
	padding-left: 15px;
}

.herrenmuhle__img__text {
	padding: 10px 0 100px;
}



.Aktuelle__posts__section {
	/* margin: 90px 0 0; */
}

.aktuelle__right__bar {
	padding: 88px 15px 20px;
}

.aktuelle__right__bar ul li a {
	font-size: 16px;
}

.btn--read--more {
	font-size: 14px;
}

.filter__btns {
	grid-template-columns: 1fr 1fr 1fr;
}

.referenzprojekte__list__detail .btn--weiter {
	font-size: 14px;
}

.auftraggeber__section .heading p {
	font-size: 20px;
}

.auftraggeber__logo p {
	font-size: 14px;
	line-height: 18px;
}

.auftraggeber__logo a {
	font-size: 14px;
}

	
}	


@media(max-width:767px){

h1 { font-size:37px; }	 
h2 { font-size:29px; }	 
h3 { font-size:24px; }	 
h4 { font-size:21px; }	 
h5 { font-size:218px; }	 
h6 { font-size:14px; }	 

p {
	font-size: 13px;
}


.hero__section {
	min-height: 380px;
	/* padding: 70px 0 80px; */
}

.hero__title h1 {
	line-height: 44px;
	max-width: 100%;
	text-align: center;
}

.herrenmuhle__text {
	padding-top: 20px;
}

.footer__links ul li {
	margin: 0 7px;
}

.footer__links ul li a {
	font-size: 13px;
}


.footer__links p {
	font-size: 13px;
	margin: 5px 0 0 7px;
}

.otone__slides {
	padding: 45px 15px;
}

.otone__slides .slick-prev {
	left: -13px;
}

.otone__slides .slick-next {
	right: -13px;
}

/*.aktuelle__left__posts {
	padding-left: 15px;
}*/

.archive__post__img {
	padding: 0;
}

.archive__post__text {
	padding: 20px 0 0;
}

.aktuelle__post__images .col-md-4, .aktuelle__post__images .col-md-8 {
	padding: 0 0 30px;
}

.aktuelle__post__images {
	margin: 0;
}

.article--view--btn {
	font-size: 12px;
	padding: 6px 7px;
}

.manuela__wehrle__text ul li, .manuela__wehrle__text p {
	font-size: 14px;
}

.manuela__wehrle__text ul li::before {
	top: 6px;
	width: 12px;
	height: 11px;
	background-size: 9px;
}

.manuela__wehrle__detail .heading p {
	font-size: 19px;
}

.filter__btns {
	grid-template-columns: 1fr 1fr;
}

.auftraggeber__section {
	padding: 0px 15px 0;
}

.filter__btns .article--view--btn {
	font-size: 12px;
}

.projektreferenz__image__left, .manuela__wehrle__detail {
	padding: 0 15px !important;
}

.projektreferenz__right__text {
	padding: 20px 15px 25px;
}

.projektreferenz__right__text a {
	font-size: 13px;
}

.angebot__boxes__block {
	padding: 60px 0;
}

.angebot__boxe__text {
	margin: 10px 0;
	height: auto;
}

.angebot__img__block {
	margin-bottom: 70px;
}

.datenschutz--text .manuela__wehrle__text h5 {
	font-size: 14px;
}

.heading h2 {
	word-break: break-all;
}

.top__contact a {
	font-size: 13px;
	display: block;
}

.top__contact p {
	margin: 0;
}

.top__contact .col-md-6 {
	padding-bottom: 18px;
}

.top__contact {
	margin:10px 0 50px;
}
	
}



@media(max-width:575px){
	
.footer__links {
	display: inline-block;
}

.footer__links p {
	margin: 5px 0 0 0;
}

.article__btn {
	width: 100%;
	text-align: center;
	margin: 60px 0 100px;
	padding: 0 15px;
	display: flex;
	column-gap: 13px;
}


}


@media(max-width:420px){


.filter__btns {
	column-gap: 10px;
	row-gap: 10px;
}

.filter__btns .article--view--btn {
	font-size: 11px;
	text-transform: none;
	padding: 3px 4px;
}


}

/* ==========================================================================
   Hero with photo (front page, 2026-11)
   Photo as <img> at its natural ratio, slogan bottom-left on the white wall.
   Below 1200px the slogan moves under the photo.
   ========================================================================== */
.hero__section.hero__section--photo {
	position: relative;
	display: block;
	margin-top: 144px; /* = height of the fixed header (was 135px, hid the top of the photo) */
	min-height: 0;
	padding-top: 0;
	padding-bottom: 0;
	background: none;
}

.hero__section--photo .hero__img {
	display: block;
	width: 100%;
	height: auto;
	max-height: calc(100vh - 135px);
	object-fit: cover;
	object-position: 46% 20%;
}

.hero__section--photo .hero__title {
	position: absolute;
	left: 2%;
	bottom: 9%;
	width: auto;
	max-width: 26%;
}

@media (min-width: 1200px) {
	.hero__section--photo .hero__title .container {
		max-width: none;
		padding: 0;
	}
}

.hero__section--photo .hero__title h1 {
	float: none;
	max-width: none;
	margin: 0;
	color: #415464;
	font-size: 1.85vw;
	font-weight: 600;
	line-height: 1.25;
	text-align: left;
	text-shadow: none;
}

@media (max-width: 991px) {
	.hero__section.hero__section--photo {
		margin-top: 106px; /* fixed header height below 992px */
	}
}

@media (max-width: 1199px) {
	.hero__section--photo .hero__img {
		aspect-ratio: 16 / 9;
		max-height: none;
	}

	.hero__section--photo .hero__title {
		position: static;
		max-width: none;
		padding-top: 30px;
	}

	.hero__section--photo .hero__title h1 {
		font-size: 32px;
		line-height: 1.25;
	}
}

@media (max-width: 767px) {
	.hero__section--photo .hero__img {
		aspect-ratio: 4 / 3;
	}

	.hero__section--photo .hero__title h1 {
		font-size: 24px;
		max-width: 100%;
		text-align: left;
	}
}

/* ==========================================================================
   Fallback listing / 404 (index.php, 404.php)
   ========================================================================== */
.rp-listing {
	margin-bottom: 100px;
}

.rp-listing h2 {
	margin-bottom: 30px;
	color: #415464;
}

.rp-listing__list {
	list-style: none;
	margin: 0 0 40px;
	padding: 0;
}

.rp-listing__list li {
	padding: 12px 0;
	border-bottom: 1px solid #ebedef;
}

.rp-listing__list a {
	color: #035C67;
	font-size: 19px;
}

.rp-listing__date {
	display: block;
	font-size: 14px;
	color: #415464;
}