:root {
	--jewelcolor: #01a0e3;
	--jewelcolortrans: rgba(3,160,227,.8);
	--jewelcolortransmore: rgba(3,160,227,.5);
	--greencolor: #94c022;
	--greencolortrans: rgba(148,193,31,.8);
	--graycolor: #5B696E;
	--graycolortrans: rgba(91,105,110,.8);
	--graylightcolor: #e4e9ea;
	--whitecolor: #ffffff;
	--whitecolortrans: rgba(255,255,255,.8);
}

body {
	font-family: "sofia-pro", sans-serif;
	font-weight: 300;
	font-style: normal;
	overflow-x: hidden;
}


/* Standards */


.listsection .subheadline,
.imagesection .subheadline {
    margin-bottom: .75em;
    display: block;
    font-size: 1.6em;
    font-weight: 300;
    line-height: 1.25em;
}

h1, h2, .home h1,
.bildtextkachel h3 {
    color: var(--jewelcolor);
    font-size: 2.5em;
    font-weight: 600;
    line-height: 1.1em;
    text-transform: uppercase;
    letter-spacing: .05em;
    hyphens: auto;
}

.home h1 {
	text-align: center;
}

h1 > .subheadline, h2 > .subheadline, .listsection h2 > .subheadline, .imagesection h2 > .subheadline {
    color: #5d696c;
    font-size: .6em;
    font-weight: 300;
    line-height: 1.25em;
    text-transform: none;
    text-align: center;
	margin-bottom: 0;
    display: block !important;
    letter-spacing: 0;
    display: inline-block;
}

.listsection h2 > .subheadline,
.imagesection h2 > .subheadline,
.bildtextkachel h2 > .subheadline {
	text-align: left;
}

ul, ol {
	padding: 0;
	margin: 0;
}

.text-bold {
	font-weight: 600;
}

.bggray {
	background: var(--graycolor);
	color: #fff;
}

.bggraylight {
	background: var(--graylightcolor);
}

.bgwhite {
	background: var(--whitecolor);
}

.bggreen {
	background: var(--greencolor);
}

.bgjewel {
	background: var(--jewelcolor);
	color: #fff;
}

.bggray .subheadline {
	color: var(--whitecolor);
}

.lightgray {
	background: rgba(50,50,50,.45);
}

.lilbigger {
	font-size: 1.1em;
}

.thintext {
	font-weight: 300;
}

.thinwhite {
	color: var(--whitecolor);
	font-weight: 300;
	font-size: .85em;
	white-space: nowrap;
}

.thinblue {
	color: var(--jewelcolor);
	font-weight: 300;
	font-size: .85em;
}


/* Header */

header.theheader {
	z-index: 99;
	font-size: 1.2em;
	transition: all ease-in-out 300ms;
	background: rgba(50,50,50,.45);
}

header.theheader.scrolled {
	font-size: 1em;
	background: rgba(50,50,50,.65);
}

.serviceicons > div > a {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	font-size: .75em;
	font-weight: 300;
	color: var(--graycolor);
	text-decoration: none;
	line-height: 1.25em;
	hyphens: auto;
}

.serviceicons img {
	max-width: 100px;
	display: block;
	transition: all ease-in-out 300ms;
}

.serviceicons > div > a:hover img {
	transform: scale(1.2);
}

.stoerer24h {
    width: 220px;
    bottom: -75px;
    left: 75px;
    z-index: 5;
    transform: rotate(-7deg);
    position: fixed; /* falls noch nicht gesetzt */
    opacity: 0;
    animation: popIn 0.5s ease-out 2s forwards;
}

/* Keyframes für die Animation */
@keyframes popIn {
    0% {
        transform: scale(0.5) rotate(-7deg);
        opacity: 0;
    }
    60% {
        transform: scale(1.2) rotate(-7deg);
        opacity: 1;
    }
    100% {
        transform: scale(1) rotate(-7deg);
        opacity: 1;
    }
}



/* Main Menu */

#primary-menu {
	margin: 0;
	display: flex;
	list-style: none;
}

#primary-menu > li:nth-child(1),
#primary-menu > li:nth-child(2),
#primary-menu > li:nth-child(4),
#primary-menu > li:nth-child(5) {
    flex: 0 0 12.5%;
	text-align: center;
	position: relative;
}

#primary-menu > li:nth-child(3) {
    flex: 1 0 0%;
	display: flex;
	justify-content: center;
	position: relative;
}

#primary-menu > li:nth-child(3)::after {
    content: url(https://lerch-thermo.de/wp-content/themes/lerch-thermo/img/lerch_slogan_weiss_shadow2.png);
    position: absolute;
    right: -30px;
    bottom: -112px;
    width: 380px;
    max-width: 60vw;
    height: auto;
	transition: all ease-in-out 300ms;
}

header.theheader.scrolled #primary-menu > li:nth-child(3)::after {
	transform: translatey(-15px);
    opacity: 0;
}

li#menu-item-240 {
    transition: all ease-in-out 300ms;
}

.scrolled > div > div {
	padding-bottom: 20px;
	min-height: 63px;
}

.scrolled li#menu-item-240 {
    margin-top: -22px;
}

#primary-menu > li > a {
    padding: .25em .5em;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    display: block;
	white-space: nowrap;
}

#primary-menu > li > a > img {
	width: 100%;
	max-width: 500px;
	margin-bottom: -40px;
	transition: all ease-in-out 300ms;
}

header.theheader.scrolled #primary-menu > li > a > img {
	max-width: 400px;
}

#primary-menu .current-page-ancestor .current-menu-item a,
#primary-menu .current-page-ancestor a,
#primary-menu .current-menu-item a,
#primary-menu .sub-menu .current-menu-item a,
/*.parent-pageid-64 #primary-menu li.current-menu-ancestor a,*/
#primary-menu a:hover,
#primary-menu li:hover a {
	text-decoration: none;
	font-weight: 600;
}

header #primary-menu > li ul.sub-menu {
    position: absolute;
    list-style: none;
	width: 275px;
    left: -50px;
	font-size: .8em;
    padding: .25em .75em;
    text-align: left;
    background: var(--whitecolortrans);
    visibility: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transition: all ease-in-out 300ms;
	transition-delay: 500ms;
	backdrop-filter: blur(6px);
	z-index: 9;
}

header.theheader.scrolled #primary-menu > li ul.sub-menu {
	font-size: 1em;
}

header #primary-menu > li:hover ul.sub-menu,
header #primary-menu > li.open ul.sub-menu {
	visibility: visible;
    opacity: 1;
    transform: translateY(0);
	transition-delay: 0s;
	box-shadow: 0 2px 8px 0 rgba(50,50,50,.35);
}

header #primary-menu > li ul.sub-menu li {
	box-shadow: 0 1px 0 0 var(--graycolortrans);
}

header #primary-menu > li ul.sub-menu li:last-child {
	box-shadow: none;
}

#primary-menu > li ul.sub-menu li a {
	position: relative;
	display: flex;
	align-items: center;
	color: var(--graycolor);
	padding: .75em .5em .5em 3em;
	height: 4em;
	font-weight: 300;
	font-size: .85em;
	line-height: 1.25em;
}

#primary-menu > li ul.sub-menu li a:hover {
	font-weight: 600;
}

ul.sub-menu img {
	position: absolute;
	left: -10px;
	top: 50%;
	transform: translatey(-45%);
	width: 60px;
	height: auto;
}

/* Leistungskacheln GLOBAL */

.container-fluid.perfectfit {
  height: 100vh; /* - 82px */
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.container-fluid.perfectfit .thetile {
  flex: 0 0 33.333%; /* 3 Spalten */
  height: 50%; /* 2 Reihen */
  position: relative;
  display: flex;
  overflow: hidden;
}

.container-fluid.perfectfit .thetile .imagetile {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.tiletitle {
	z-index: 5;
	font-size: 1.6vw;
	line-height: 2.6vw;
	font-weight: 400;
	text-shadow: 2px 2px 4px rgba(50,50,50,.6);
	background: var(--jewelcolortransmore);
	transition: all ease-in-out 300ms;
	opacity: 1;
}

.parent-pageid-64 .thetile {
	aspect-ratio: 1 / 1;
}

.thetile .imagetile {
	filter: blur(0);
	transition: all cubic-bezier(0.42, 0, 0.03, 0.99) 500ms;
	height: 100%;
	object-fit: cover;
}

.tileicon {
	max-width: 9vw;
	z-index: 12;
	transform: scale(1);
	transition: all cubic-bezier(0.42, 0, 0.03, 0.99) 500ms;
}

/* --> Leistungsseiten <-- */
.parent-pageid-64 .tileicon {
	max-width: 6vw;
}

.parent-pageid-64 .tiletitle {
	font-size: 1.5vw;
	line-height: 2vw;
}

.thetile.active > span.tiletitle,
.thetile:hover > span.tiletitle {
	background: var(--jewelcolor);
}

span.button,
a.button {
	background: var(--whitecolor);
	color: var(--jewelcolor);
	font-weight: 300;
	text-decoration: none !important;
	transition: all ease-in 250ms;
}

span.button:hover,
a.button:hover {
	color: var(--graycolor);
	font-weight: 500;
}

.tiletitle span.button {
    text-shadow: none;
	font-size: .78em;
	padding: .125em;
}

.tiletitle:hover span.button {
	color: #fff;
	background: var(--jewelcolor);
	box-shadow: 0 0 0 2px rgba(255,255,255,1);
}


/* Standardleistungen bei Unterseiten Leistungen */

.features-tab-area .nav-pills {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 40px;
    max-width: 1280px;
    margin: 0 auto;
}

.features-tab-area .nav-pills li button {
    width: 100%;
    background: var(--jewelcolor);
    font-size: 20px;
    padding: 0;
    font-weight: 500;
    color: #666666;
    border-radius: 0;
    position: relative;
}

.features-tab-area .nav-pills li button img {
    max-width: 280px;
	width: 20vw;
	opacity: .75;
	transition: all ease-in-out 300ms;
}

.features-tab-area .nav-pills li button.active img {
    opacity: 1;
}

.features-tab-area .nav-pills li button figure {
	background: #fff;
    color: var(--graycolor);
    font-size: 1em;
    font-weight: 200;
    transition: all ease-in 100ms;
	padding: .75em .5em .75em .5em;
	margin: 0;
}

.hiddencontent h3 {
	font-size: 1.4em;
	font-weight: 200;
}

.hiddencontent h3 span,
.features-tab-area .nav-pills li button figure span {
	display: block;
	padding: .125em 0;
    text-transform: uppercase;
    color: var(--jewelcolor);
    font-size: 1.5em;
    font-weight: 600;
	letter-spacing: 0.025em;
}


ul.nav-pills button {
    box-shadow: 0 0 5px 0 rgba(10,10,10,.6) !important;
}

.features-tab-area .nav-pills li button.active {
    background: var(--jewelcolor);
}

.features-tab-area .nav-pills li button::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 40px 0 40px;
    border-color: #fff transparent transparent transparent;
    transition: all ease-in 200ms;
	visibility: hidden;
	opacity: 0;
}

.features-tab-area .nav-pills li button.active::before {
    bottom: -40px;
	visibility: visible;
	opacity: 1;
}

.tab-content .tab-pane {
	background: #fff;
	color: var(--graycolor);
}

.hiddencontent h3 span {
	
}




/* Leistungskacheln nur bei Unterseiten Leistungen */

.page-id-252 .tile1,
.page-id-254 .tile2,
.page-id-260 .tile3,
.page-id-256 .tile4, 
.page-id-262 .tile5, 
.page-id-258 .tile6 {
	display: none !important;
}


/* Simple Image */

.imagesection > div > div:first-child {
    height: 600px;
    overflow: hidden;
}

.imagesection > div > div.highersec {
    height: auto;
	display: flex;
}

.imagesection img {
	object-fit: cover;
	width: 100%;
}

.imagesection .umweltaspekte {
    top: 2vw;
    left: 8vw;
    z-index: 15;
}

.imagesection .umweltaspekte img {
	transform: translateY(0);
	max-width: 250px;
    height: auto;
}

.image_cap {
	z-index: 95;
	bottom: 3em;
	right: 3em;
	background: var(--jewelcolortrans);
}

.image_cap .subheadline {
	font-size: 1.3em;
}

.image_cap h2 {
    font-size: 2em;
    letter-spacing: .125em;
}

.image_cap.bggreen {
	background: var(--greencolortrans);
}

.imagesection .image_cap {
	font-size: 1.2em;
}

.listinimage {
	background: var(--jewelcolortrans);
	bottom: 3em;
	left: 3em;
	z-index: 5;
}


/* Leistungsseiten */

.leistungstitel h1 {
	text-transform: none;
	color: var(--graycolor);
	letter-spacing: 0;
	font-weight: 300;
}

.leistungstitel img {
	max-width: 150px;
}


/* Bild/Text-Kachel */

.bildtextkachel {
	min-height: 14vw;
}

.bildtextkachel img {
	object-fit: cover;
	width: 100%;
}

.bildtextkachel ul {
	margin-left: 1.25em;
}

.contentlist h2 {
	margin-bottom: .5em;
}


/* Display Section */

.displaysection img {
    max-width: 300px;
    width: 25vw;
}


/* List Section */

.listsection h2 {
	color: var(--greencolor);
}

.contentlist p,
.listsection p {
	margin-bottom: .75em;
}

.contentlist ul,
.listsection ul {
	list-style: none;
	margin-left: 48px;
	font-size: 1em;
	padding: 0;
}

.contentlist ul li,
.listsection ul li {
	position: relative;
	line-height: 1.4em;
	margin-bottom: .75em;
}

.contentlist ul li::before,
.listsection ul li::before {
	position: absolute;
	content:"\f058";
	font-family: "FontAwesome";
	font-size: 1.4em;
	left: -38px;
}


/* Benefits */
.benefits span {
    color: var(--graycolor);
    text-align: center;
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.25em;
}


/* Kontaktformular */

#unternehmen,
#umweltschutz,
#kontakt {
	scroll-margin-top: 120px;
}

.kontaktinfos {
	font-weight: 300;
}

.kontaktinfos span {
	font-weight: 600;
	font-size: 1.2em;
	line-height: 1.8em;
}

.theleftpart input,
.theleftpart select {
	background: #fff;
	border: 1px solid var(--darkjewelcolor) !important;
	color: #333 !important;
	width: 100% !important;
	height: 36px !important;
	border-radius: 0 !important;
}

.theleftpart input[type="radio"] {
	height: 24px !important;
}

#wpcf7-f9-o1 input[type="radio"] {
	border: 2px solid green !important;
	
}

.wpcf7-list-item {
	margin-left: 0 !important;
}

.wpcf7-list-item.first label,
.wpcf7-list-item.last label {
	display: flex;
	align-items: center;
	margin-right: 1.75em;
}

.wpcf7-list-item-label {
	line-height: 1.2em;
}

.fsafaff {
	width: 95%;
}

.theleftpart textarea {
	background: #fff;
	border: 1px solid #889ec2 !important;
	color: #333 !important;
	width: 100% !important;
}

input[type="date"], input[type="select"] {
    width: 100% !important;
}

select {
    width: 100%;
    height: 38px;
}

.theleftpart input[type="submit"] {
	border-radius: 0 !important;
	background: var(--darkjewelcolor) !important;
	color: #fff !important;
	padding: .5em !important;
	border: none !important;
	height: 100% !important;
	font-size: 1.1em !important;
	position: relative !important;
}

.theleftpart input[type="submit"]:hover {
	background: #fff !important;
	color: var(--darkjewelcolor) !important;
	box-shadow: 0 0 0 2px var(--darkjewelcolor);
}

@media screen and (max-width: 991px) {
	.home .theleftpart {
		padding-left: 0 !important;
	}
}

textarea {
    height: 120px;
    resize: none;
}

.therightpart {
    display: flex;
    justify-content: flex-end;
}

.therightpart img {
	object-fit: cover;
}

.klickbewerbung {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.firstpart,
.lastpart {
	flex: 0 0 47.5%;
}

.firstpart {
	padding-right: 5%;
}

.firstpart p,
.lastpart p,
.multipart p {
	margin: .5em 0;
}

#wpcf7-f2005-o2 .firstp p {
	margin: 0 !important
}

#wpcf7-f2005-o2 .wpcf7-response-output {
	margin: .25em 0 0 0 !important
}

.multipart,
multipart.wpcf7-form-control {
	flex: 0 0 95%;
}

.multipart a {
	color: var(--darkjewelcolor);
	text-decoration: underline !important;
	font-weight: 700;
}

.endpart {
    display: flex;
	justify-content: space-between;
	width: 100%;
}

.endpart p {
	margin: 0 !important;
}

.endpart > .firstp {
    flex: 0 0 28%;
}

.endpart > .lastp {
    flex: 0 0 68%;
	font-size: 1.1em;
	padding-top: 10px;
	text-align: center;
}

.codedropz-upload-handler {
	margin-top: .25em !important;
}

.codedropz-upload-inner h3 {
    color: #fff;
	text-transform: none;
}

label {
    width: 100%;
}

.captcha-image {
    width: 95% !important;
	padding: 12px 80px !important;
	border: 1px solid transparent !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    background: #ffb900;
	font-weight: 400;
	color: #121212;
}

.cf7ic_instructions > span {
	font-weight: 700 !important;
}

.cf7ic-icon-wrapper {
	display: block;
}

.klickbewerbung > p {
	width: 100%;
}

input.wpcf7-form-control.wpcf7-text {
    width: 100%;
}

input[type="submit"] {
	background: var(--jewelcolor) !important;
	color: var(--whitecolor) !important;
	border: none !important;
	border-radius: 0 !important;
	font-size: 1.15em !important;
	padding: .85em 1em !important;
}

input[type="submit"]:hover {
	color: var(--jewelcolor) !important;
	background: var(--whitecolor) !important;
	box-shadow: 0 0 0 2px var(--jewelcolor);
}


/* Slider Ansprechpartner */

.swiper-slide {
	font-size: 1.2em;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mySwiper1 .swiper-slide img {
    height: calc(100vw * 10 / 25);
    max-height: 700px;
}


.swiper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}


.mySwiper5 {
	box-sizing: border-box;
	padding: 0 60px;
}

.mySwiper .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.4;
}

.mySwiper .swiper-slide-thumb-active {
	opacity: 1;
}

.mySwiper5::before {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	top: 0;
	left: 0;
	bottom: 0;
	background: var(--graycolor);
	z-index: 5;
}

.mySwiper5::after {
    content: "";
    display: block;
    position: absolute;
    width: 40px;
    top: 0;
    right: 0;
    bottom: 0;
    background: var(--graycolor);
    z-index: 5;
}

.swiper-button-next::after,
.swiper-button-prev::after,
.swiper-button-next:after,
.swiper-button-prev:after {
	content: "\f054";
	font-family: "FontAwesome";
	font-weight: 300;
	color: #fff;
}

.swiper-button-next:after {
	transform: rotate(0);
}

.swiper-button-prev:after {
	transform: rotate(180deg);
}

.newscontent {
	color: var(--graycolor);
}

.apname {
	color: var(--jewelcolor);
	font-size: 1.6em;
	text-transform: uppercase;
	line-height: 1.15em;
}

.apposition {
	font-size: .85em;
	font-weight: 300;
}


/* Zertifizierungen */

.zertifizierungen > div > div {
	box-shadow: 0 0 2px 1px rgb(200,200,200);
}

.zertifizierungen > div > div > img {
	max-width: 150px;
}


/* Footer */

footer {
	background: var(--jewelcolor);
	color: #fff;
}

footer ul {
	margin: 0 !important;
	list-style: none;
}

footer ul a,
footer a {
	color: #fff;
	text-decoration: none;
	font-weight: 300;
}



/* Off Canvas */

.offcanvas-backdrop::before {
    display: none;
}

.offcanvas,
.dashboard_menu {
    background: rgba(82,82,82,.9);
    backdrop-filter: blur(6px);
}

.offcanvas-header {
    padding: 2em 0 0 2em !important;
}

.offcanvas-body {
    padding: 0 1em;
    overflow-y: visible;
}



/* Off Canvas */

.offcanvas {
	top: 0;
	background: var(--graycolortrans);
    box-shadow: 5px 0 10px rgba(50,50,50,.2);
	right: -350px;
	width: 350px;
	opacity: 0;
	backdrop-filter: blur(6px);
	visibility: visible;
	transition: all cubic-bezier(0.06, 0.93, 0.68, 0.97) 500ms;
}

.offcanvas .menu-main-menue-container {
	display: block;
}

.offcanvas #primary-menu > li:nth-child(3) {
	display: none;
}

.offcanvas ul#primary-menu {
    display: flex;
	flex-direction: column;
	position: relative;
}

.offcanvas ul#primary-menu > li {
    margin-bottom: 1em;
}

.offcanvas ul#primary-menu > li a {
    font-size: 1.4em;
}

.offcanvas ul#primary-menu > li:nth-child(2) > a {
	display: none;
}

.offcanvas ul#primary-menu > li a:hover {
    font-weight: 600;
}

.offcanvas ul#primary-menu li ul {
    display: block;
    line-height: 2em;
    position: relative;
    font-size: .75em !important;
    width: 100%;
    margin: 0;
    padding-left: 0;
    margin-left: 0;
    margin-top: 0;
    list-style: none;
    top: 0 !important;
}

.offcanvas ul#primary-menu > li ul > li {
    padding-left: 0;
}

.offcanvas ul#primary-menu > li ul a {
    padding-left: 65px;
    height: auto;
    color: #fff;
    text-align: left;
    font-size: 1.6em;
}

.offcanvas ul.sub-menu img {
    left: 0;
}

.offcanvas.opened {
	right: 0;
	opacity: 1
}

.ctoggleholder {
    top: 9px;
    right: 17px;
    position: fixed;
    width: 45px;
    z-index: 9999;
    background: var(--jewelcolor);
    padding: 0 .275em;
}

.ctoggleholder:before,
.ctoggleholder:after,
.ctoggleholder div {
  background: var(--whitecolor);
  content: "";
  display: block;
  height: 3px;
  border-radius: 3px;
  margin: 6px 0;
  transition: 0.5s;
}

.ctoggleholder.knock {
    background: transparent;
}

.ctoggleholder.knock:before {
  	transform: translateX(-3px) translateY(9px) rotate(135deg);
	background: var(--whitecolor);;
}

.ctoggleholder.knock:after {
  	transform: translateX(-3px) translateY(-9px) rotate(-135deg);
	background: var(--whitecolor);;
}

.ctoggleholder.knock div {
	transform: scale(0);
	background: var(--whitecolor);;
}

.sensitivbackground {
    position: absolute;
    width: 0;
    top: 0;
    bottom: 0;
    left: 0;
	transition: all ease-in 200ms;
}

.sensitivbackground.triggered {
    width: 100%;
}

.sensitivbackground {
    position: absolute;
    width: 0;
    top: 0;
    bottom: 0;
    left: 0;
	transition: all ease-in 200ms;
}

.sensitivbackground.triggered {
    width: 100%;
}


.fixedmenu {
	display: none;
}

@media screen and (max-width: 500px) {
	
/* Footer Menu Leistungen mobile only */
.fixedmenu {
	display: block;
    font-size: 0.75rem;
	line-height: 1.4em;
    background: rgba(60,60,60,0.85);
    box-shadow: 0 -6px 8px rgba(20,20,20,0.6);
    overflow-x: hidden;
    backdrop-filter: blur(6px);
}

.fixedmenu a  {
    color: #fff;
	font-weight: 300 !important;
}

.fixedmenu a:hover img  {
    border: 2px solid transparent;
}

.icon_thing img {
    float: left;
    transition: all ease-in-out 400ms;
    width: 60px;
    height: 60px;
}

.icon_thing::before {
    content: "";
    display: block;
    width: 1px;
    height: 50px;
    bottom: 7px;
    background: #999;
    position: absolute;
    left: -14px;
    z-index: 99;
}

.icon_thing:last-child::after {
    content: "";
    display: block;
    width: 1px;
    height: 55px;
    bottom: 3px;
    background: #999;
    position: absolute;
    right: -14px;
    z-index: 99;
}

.page-id-252 .bottommenuholder > a:nth-child(1),
.page-id-254 .bottommenuholder > a:nth-child(2),
.page-id-260 .bottommenuholder > a:nth-child(3),
.page-id-256 .bottommenuholder > a:nth-child(4),
.page-id-262 .bottommenuholder > a:nth-child(5),
.page-id-258 .bottommenuholder > a:nth-child(6) {
	font-weight: 600 !important;
}
	
	
	

}


/* Media Queries */
@media screen and (max-width: 1600px) {
	.stoerer24h {
		bottom: 30px;
		max-width: 13vw;
	}
}

@media screen and (max-width: 1400px) {
	.newscontent {
		font-size: .9em;
	}
}

@media screen and (max-width: 1500px) {
	.image_cap {
		font-size: .85em;
		bottom: 2em;
	}
}

@media screen and (max-width: 1200px) {
	header.theheader {
		font-size: 1em;
	}
	.headslider .mySwiper1 .swiper-slide img {
		height: calc(100vw * 12 / 25);
	}
	.image_cap {
		font-size: .75em;
	}
	.parent-pageid-64 .tileicon {
		max-width: 12vw;
	}
	.parent-pageid-64 .tiletitle {
		font-size: 2.7vw;
		line-height: 2.9vw;
	}
	.features-tab-area .nav-pills li button figure {
		font-size: .8em;
	}
	.features-tab-area .nav-pills li button img {
		max-width: 200px;
	}
	.features-tab-area .nav-pills li button::before {
		border-width: 30px 30px 0 30px;
	}
	.features-tab-area .nav-pills li button.active::before {
		bottom: -30px;
	}
	.features-tab-area .nav-pills {
		grid-column-gap: 30px;
	}
}


@media screen and (max-width: 1024px) {
	.buttonframe > a {
		font-size: .85em;
	}
	.listsection h2,
	.bildtextkachel h2 {
		font-size: 1.85em;
	}
}


@media screen and (max-width: 991px) {
	header #primary-menu > li:nth-child(1),
	header #primary-menu > li:nth-child(2),
	header #primary-menu > li:nth-child(4),
	header #primary-menu > li:nth-child(5) {
		display: none;
	}
	.headslider .mySwiper1 .swiper-slide img {
		height: calc(100vw * 15 / 25);
	}
	#primary-menu > li:nth-child(3)::after {
		right: 17vw;
		bottom: -120px;
	}
	.stoerer24h {
        max-width: 16vw;
	}
	.tiletitle {
		font-size: 3.8vw;
		line-height: 4vw;
	}
	.tileicon {
		max-width: 18vw;
	}
	.newscontent {
		font-size: 1em;
	}
	.imagesection > div > div:first-child {
		height: auto;
	}
	.parax {
		height: 300px !important;
	}
	#unternehmen,
	#umweltschutz,
	#kontakt {
		scroll-margin-top: 140px;
	}
	.container-fluid.perfectfit .thetile {
	  	flex: 0 0 50%; /* 2 Spalten */
		height: 33.33333%; /* 3 Reihen */
	}
	.buttonframe > a {
		font-size: 1.1em;
	}
	.container-fluid.perfectfit {
	  	height: 100vh;
	}
}



@media screen and (max-width: 768px) {
	.container-fluid.perfectfit {
		height: 110vh;
	}
	.tiletitle {
		font-size: 3vw;
	}
	.bildtextkachel h3 {
		font-size: 2em;
	}
} 


@media screen and (max-width: 767px) {
	header.theheader.scrolled #primary-menu > li > a > img {
		max-width: 350px;
	}
	h2 {
		text-align: center;
		font-size: 2em;
		letter-spacing: .15em;
	}
	.image_cap h2,
	.displaysection h2,
	.bildtextkachel h2 {
		text-align: left;
	}
	.scrolled > div > div {
		min-height: 55px;
	}
	#primary-menu > li > a > img {
		max-width: 60vw;
		margin-bottom: -30px;
	}
	#primary-menu > li:nth-child(3)::after {
		right: calc(100% - 88vw);
		bottom: calc(100% - 20vw);
	}
	.stoerer24h {
        max-width: 20vw;
	}
	.heasdslider .mySwiper1 .swiper-slide img {
		height: calc(100vw * 15 / 15);
		aspect-ratio: 1 / 1;
	}
	.image_cap {
		right: 2em;
	}
	.displaysection img {
		max-width: 300px;
		width: 30vw;
	}
	.imagesection > div > div.highersec {
		aspect-ratio: 3 / 2;
	}
	.imagesection .umweltaspekte img {
		max-width: 200px;
	}
	.features-tab-area .nav-pills {
		grid-column-gap: 20px;
	}
	.features-tab-area .nav-pills li button::before {
		border-width: 20px 20px 0 20px;
	}
	.features-tab-area .nav-pills li button.active::before {
		bottom: -20px;
	}
	.container-fluid.perfectfit {
		height: auto;
	}
	.container-fluid.perfectfit > div > div {
		aspect-ratio: 1 / 1;
	}
	.container-fluid.perfectfit {
	  height: calc(100vh - 55px);
	}
	.parax {
		height: auto !important;
	}
}

@media screen and (max-width: 700px) {
	#primary-menu > li:nth-child(3)::after {
		bottom: calc(100% - 22vw);
	}
}
	
@media screen and (max-width: 575px) {
	.tiletitle {
		font-size: 7.8vw;
		line-height: 8vw;
	}
	.tileicon {
		max-width: 35vw;
	}
	.mySwiper1 .swiper-slide img {
		height: calc(100vw * 15 / 25);
	}
	
	.headslider .mySwiper1 .swiper-slide img {
		height: calc(100vw * 8 / 6);
	}
	.features-tab-area .nav-pills li button figure {
		font-size: .7em;
		hyphens: auto;
		height: 90px;
	}
	.features-tab-area .nav-pills {
		grid-column-gap: 15px;
	}
	.container-fluid.perfectfit .thetile {
	  flex: 0 0 100%; /* 1 Spalte */
		height: 16.6666%; /* 6 Reihen */
	}
	.fixedmenu .swiper-button-next::after,
	.fixedmenu .swiper-button-prev::after {
		font-size: 2em;
	}
	.container-fluid.perfectfit {
	  height: auto;
	}
	.firstpart, .lastpart, .multipart {
		flex: 0 0 100%;
		padding: 0;
	}
	.captcha-image {
		width: 100% !important;
		padding: 12px 40px !important;
		border: 1px solid transparent !important;
	}
	.imagesection .parax {
		background-attachment: local !important;
	}
	.zertifizierungen img {
		max-width: 115px !important;
	}
}


@media screen and (max-width: 500px) {
	#primary-menu > li > a > img {
		max-width: 70vw;
	}
	
	#primary-menu > li:nth-child(3) > a {
		margin-left: -70px;
	}
	
	header.theheader.scrolled #primary-menu > li > a > img {
		max-width: 275px;
	}
	
	#primary-menu > li:nth-child(3)::after {
		bottom: calc(100% - 32vw);
		right: calc(100% - 65vw);
		transform: scale(.85);
	}
	
	.image_cap {
		right: 0;
		left: 0;
		bottom: 0;
	}
	
	.imagesection .image_cap {
		font-size: .9em;
	}
	
	.stoerer24h {
        max-width: 26vw;
		left: auto;
		bottom: .9em;
		right: 1.5em;
		transform: rotate(7deg);
	}
	
	/* Keyframes für die Animation */
	@keyframes popIn {
		0% {
			transform: scale(0.5) rotate(7deg);
			opacity: 0;
		}
		60% {
			transform: scale(1.2) rotate(7deg);
			opacity: 1;
		}
		100% {
			transform: scale(1) rotate(7deg);
			opacity: 1;
		}
	}
	
	.hiddencontent h3 span, .features-tab-area .nav-pills li button figure span {
		font-size: 1.2em;
	}
	
	.displaysection img {
		width: 45vw;
	}
	
	.imagesection .umweltaspekte {
		left: 2vw;
	}
	
	.imagesection .umweltaspekte img {
		max-width: 150px;
	}
	
	.bildtextkachel h3,
	.displaysection h2 {
		font-size: 1.85em;
	}
	
	footer {
		padding-bottom: 4em;
	}
	
}