/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'),
  url('../files/theme/fonts/open-sans-v17-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../files/theme/fonts/open-sans-v17-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../files/theme/fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../files/theme/fonts/open-sans-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../files/theme/fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../files/theme/fonts/open-sans-v17-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
.startseite #jedele-breadcrumb {display:none;}
.relative {position:relative;}
.top-bar {
    font-size: 0.85em;
    height: 80px;
    margin-top: 30px;
}
.top-bar-inner {
	position:relative;
	max-width:1200px;
	margin:0 auto;
}
.balken-rot {
    background: #e30613;
    width: 30%;
    height: 1em;
}
ul#top-bar-icons li {
    font-size: 1.25em;
    margin-right: 1em;
}
#top-bar-icon-truck {
    font-size: 1em;
    position: absolute;
	top:23px;
    z-index: 9999;
}
#top-bar-icon-truck ul {
	padding:0em;
}
#top-bar-icon-truck li::before {
    font-size: 1.5em;
	float:left;
}
#top-bar-icons li, #top-bar-icon-truck li {
    list-style-type: none;
    display: inline-block;
    color: #e30613;
    text-transform: none;
}
.bar-icon-links {
    position: absolute;
    right: 0;
    top: 26px;
    font-size: 1.25em;
    z-index: 99;
}
a.bar-login-link-text {
    position: absolute;
    right: 0;
    padding: 0.5em 1em;
    background: #e30613;
    color: #fff;
}
/* CSS für das Highlighting */
.highlight {
    background-color: #ffcc00; /* Hintergrundfarbe ändern */
    transition: background-color 0.5s; /* Übergangseffekt für sanftes Ein- und Ausblenden */
}

/* CSS für die Überschrift */
.jefa-acc-headline {
    transition: letter-spacing 0.5s; /* Übergangseffekt für sanftes Ein- und Ausblenden */
}

/* CSS für das Highlighting des Letter Spacing */
.highlight .jefa-acc-headline {
    letter-spacing: 5px; /* Letter Spacing von 5px hinzufügen */
}


a.bar-mail-link, a.bar-phone-link, a.bar-login-link {
    margin-right: 0.5em;
}
a.bar-mail-link::before {
	font: 100%/1 "RockSolid Icons";
	content: "\e0ce";
	padding-right:0.25em;
}
a.bar-phone-link::before {
	font: 100%/1 "RockSolid Icons";
	content: "\e0e8";
	padding-right:0.25em;
}
a.bar-login-link::before, a.bar-login-link-text::before {
	font: 100%/1 "RockSolid Icons";
	content: "\e0c1";
	padding-right:0.25em;
}

cms-button[data-all="true"] {
    --btn-accept-bg-color: #4CAF50 !important;
}
#jedele-breadcrumb {
	padding: 1em 0em 0.25em 0em;
	font-size: 0.85em;
}
#jedele-breadcrumb li a {
	text-decoration:none;
}

#mail-area {
    padding: 1em 2em 1em 2em;
    background: #86bc24;
    margin-top: 2em;
    margin-bottom: 2em;
    color: #fff;
}
#mail-area .headline {
    font-size: 2em;
    text-transform: uppercase;
	margin:0em;
}
#mail-area .subline {
    font-size: 1.3em;
    text-transform: uppercase;
	margin:0em;
}

#mail-area .vertical-center {
    margin-top: 1em !important;
    margin-bottom: 0em !important;
    text-align: center;
}

.tagline-limited {
    max-width: 2560px;
    margin: 0 auto;
}

.bg-1 {background:#e4e4e4;}
.bg-2 {background:#641001;}
.bg-3 {}

.no-bg .accordion {
    background: none;
    padding: 0;
    border: 0;
}

.headline-white {
    color: #fff;
    text-transform: uppercase;
    font-size: 2.5em;
	font-weight:bold;
}
p.white, h1.white, h2.white, h3.white, .white, .white a {color:#ffffff;}

h2.center-1 {
    margin: 1em 0em 1em 0em !important;
    text-align: center;
}

.deep-red, h1 {
	color:#9b1019;
	text-transform:uppercase;
	font-size:1.2em;
	position:relative;
}
.dark-grey {
	color:#58585a;
}
.uppercase {
	text-transform:uppercase;
	font-weight:bold;
}

.headline-main-uppercase {
    text-transform: uppercase;
    color: #e30613;
    margin: 0 !important;
    font-size: 1.25em;
}

.list-head {
    text-transform: uppercase;
    margin: 0;
    color: #86bc24;
    font-weight: bold;
    margin: 0em !important;
}

.list-head::before {
	font: 100%/1 "RockSolid Icons";
	content: "\e019";
	padding-right:0.25em;
}
.arrow .content {
    max-width: 85%;
    padding-left: 100px;
}

p.arrow-light-red::before {
    content: url("../../../theme-jedele/arrow-light-red.svg");
    float: left;
    margin: 0.4em;
    transform: scale(4.5);
    width: 130px;
	position:absolute;
}
p.arrow-red::before {
    content: url("../../../theme-jedele/arrow-red.svg");
	transform: scale(0.5);
	position: absolute;
	left: -25px;
	top: -24px;
}
p.arrow-deep-red::before {
    content: url("../../../theme-jedele/arrow-deep-red.svg");
	transform: scale(0.5);
	position: absolute;
	left: -25px;
	top: -24px;
}
p.arrow-white::before {
    content: url("../../../theme-jedele/arrow-white.svg");
	transform: scale(0.5);
	position: absolute;
	left: -25px;
	top: -24px;
}
p.arrow-white, p.arrow-red, p.arrow-deep-red, p.arrow-light-red {
    position: relative;
    text-transform: uppercase;
	padding-left:40px;
	margin-top:2em;
}
span.black {
    text-transform: none;
    color: #000;
    font-size: 0.8em;
}
p.red {
	color:#e30613;
	}

#cboxNext {
    background-position: bottom right !important;
}
#cboxPrevious:hover {
    background-position: top left !important;
}
#cboxClose:hover {
    background-position: top center !important;
}
.arrow-deep-red {
	color:#9b1019;
}
.job .accordion div {
    max-width: 768px;
    padding: 2em;
}
.caption {
	position: absolute;
	bottom: 0%;
	text-align: center;
	font-size: 1.3em;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	width: 100%;
	display: block;
	background: rgba(0,0,0, 0.6);
}
.caption::before {
    content: url("../../../theme-jedele/arrow-white.svg");
	transform: scale(0.33);
	position: absolute;
	left: 0.5em;
	top: -0.65em;
	display:none;
}
textarea#ctrl_90 {
    height: 320px;
}
a.button.grey {
    background: #f5f5f5;
    color: black;
    font-size: 0.75em;
    margin: 1em 0em;
	padding-left: 50px;
}
a.button.grey:hover {
	background: #e3e3e3;
}
a.shdb::before {
    content: url("../../../theme-jedele/shdb.png");
	transform: scale(0.33);
	position: absolute;
	left: 0.5em;
	top: -0.5em;
}
a.tdb::before {
    content: url("../../../theme-jedele/tdb.png");
	transform: scale(0.33);
	position: absolute;
	left: 0.5em;
	top: -0.5em;
}
a.mail::before {
    content: url("../../../theme-jedele/mail.png");
	transform: scale(0.33);
	position: absolute;
	left: 0.5em;
	top: -0.5em;
}
.flex-container {
	display: flex;
	flex-wrap: wrap;
}
.box-margin .teaser-boxes-item {
    margin-bottom: 2em;
}
.anfrage-aussen {
	margin: 1em 0em 1em 0em;
}
.anfrage-aussen.deep-red {
	background: #9b1019;
	color: #ffffff;
	margin: 1em 0em 1em 0em;
}
.anfrage-aussen-grey {
	background: #e4e4e4;
}
.acc-button-red .ui-accordion-header {
    max-width: 250px;
    margin: 0 auto;
    background: #e30613;
    color: #fff;
}
.acc-button-red .ui-accordion-header:hover {
    background: #9b1019;
	color:#ffffff;
}


#bild-anfragen {
    background-image: url("/files/bilder/jedele/produkte-leistungen/Jedele-Home-Werkzeug.jpg");
    background-size: cover;
	background-position: right top;
}
#bild-anfragen-farbe {
    background-image: url("/files/bilder/jedele/produkte/farben/JedeleKontaktFarbe.jpg");
    background-size: cover;
	background-position: right top;
}
#bild-anfragen-boden {
    background-image: url("/files/bilder/jedele/produkte/boden/Schmidt.jpg");
    background-size: cover;
	background-position: center center;
}
#bild-anfragen-tapete {
    background-image: url("/files/bilder/jedele/produkte/tapeten/JedeleKontaktTapete.jpg");
    background-size: cover;
	background-position: right top;
}
#bild-anfragen-holzveredelungen {
    background-image: url("/files/bilder/jedele/produkte-leistungen/Jedele-Holzverelung.jpg");
    background-size: cover;
	background-position: right top;
}
#bild-anfragen-sonnenschutz {
    background-image: url("/files/bilder/jedele/produkte/sonnenschutz/JedeleKontaktGardineSonnenschutz.jpg");
    background-size: cover;
	background-position: right top;
}
#bild-anfragen-werkzeuge {
    background-image: url("/files/bilder/jedele/produkte/werkzeuge/JedeleKontaktWerkzeug.jpg");
    background-size: cover;
	background-position: center center;
}
#bild-anfragen-daemmung {
    background-image: url("/files/bilder/jedele/produkte/daemmsysteme/JedeleKontaktDaemmung.jpg");
    background-size: cover;
	background-position: center center;
}
#bild-anfragen-perfekt-farbe {
    background-image: url("/files/bilder/perfekt/headerbilder/Perfekt-Header-Home.png");
    background-size: cover;
	background-position: center center;
}
#bild-anfragen-jobs {
    background-image: url("/files/bilder/jedele/karriere/JedeleKarriereBuero2.jpg");
    background-size: cover;
	background-position: center center;
}
#bild-anfragen-ausbildung {
    background-image: url("/files/bilder/jedele/karriere/JedeleKarriereAusbildung.jpg");
    background-size: cover;
	background-position: center center;
}
#bild-anfragen-standorte {
    background-image: url("/files/bilder/jedele/service/jedele-standorte.jpg");
    background-size: cover;
	background-position: center center;
}
.perfekt {
    background-image: url("/files/bilder/jedele/unternehmen/perfekt-anfragen.jpg");
    background-size: cover;
	background-position: right center;
	color:#ffffff;
}

.ce_accordionSingle.job .ui-accordion-header {color:#9b1019;}
.ce_accordionSingle.job span.black {color:#000000;}


#text-anfragen {
	padding:2em;
}
.text-anfragen-w100 {
    padding: 2em;
}
.cta .headline {
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.5em;
}
.ce_text.product {
  display: flex;
  width: 100%;
  border-bottom: solid 1px #e3e3e3;
  margin-bottom: 1em;
  flex-wrap: wrap;
}
.ce_text.product h3 {
  width: 100%;
  display: block;
}
.product .image_container.float_left {
  max-width: 300px;
}
.ce_text.product p.buttons {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  max-width:50%;
}
.product a.button {
	margin:1em;
}
.product strong {
    display: block;
    width: 100%;
    margin: 2em 0em;
}
.projects::after {
	content: '';
	width:30%;
	height:0;
}
.projects .project-wrapper {
	position: relative;
	height: 100%;
}
.project-wrapper-inner {
	position:relative;
	display:flex;
}

.projects .project-infos {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: rgba(155, 16, 25, 0.9); 
	color: #fff;
	bottom: 0em;
	display: block;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: all 0.5s;
}
.projects .further-infos {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	color: #fff;
	bottom: 0em;
	display: block;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: all 0.5s;
	cursor: pointer;
}

.project-infos p,
.projects .further-infos p {
	color: #ffffff;
	font-weight: bold;
	font-size: 1.5em;
	width: 100%;
	display: block;
	height: 100%;
	padding-top: 18%;
	line-height: 1.3;
	text-decoration: none !important;
	position: absolute;
	z-index: 9;
}
.project-infos p em {
	display: block;
	font-size: 1rem;
	font-weight: 200;
	font-style: normal;
	padding: 0.5em 0.5em 0 0.5em;
}
.project-infos-head {
	width: 100%;
	display: table;
	text-align: center;
	vertical-align: middle;
	position: relative;
	height: 100%;
}

.project-infos-sub {
	width: 100%;
	display: block;
	color: #000000;
	position: absolute;
	bottom: 4em;
}
.project-infos a {
    color: #fff;
}
.project-infos a:hover {
    text-decoration:none;
}

.projects .project-infos:hover,
.projects .further-infos {
	opacity: 1;
}

.projects figure {
	margin: 0;
}
#project-detail-title {
	width:100%;
	display:block;
	padding:0.5em 1em 0.5em 1em;
	background:#ededed;
}


section.preislisten-area {
    background: #f8f8f8;
    padding: 1em 2em;
    margin: 2em 0;
    border-radius: 1em;
}

section.preislisten-area img {
    border-radius: 5px;
}

section.preislisten-area section.teaser-boxes-item {
    padding: 1em;
    border: solid 1px #e3e3e3;
    border-radius: 5px;
	background: #ffffff;
	text-align: center;
    margin-bottom: 2em;
}




.list-sub {
    margin-top: 0.25em !important;
}
.content-wrapper h1, .content-wrapper h2, .content-wrapper h3, .content-wrapper h4, .content-wrapper h5, .content-wrapper h6 {text-transform:uppercase;}
body.red h1, body.red h2, body.red h3, body.red p.list-head {color:#e2001a;}
body.red .headline-box::after {background:#e2001a;}

body.pink h1, body.pink h2, body.pink h3, body.pink p.list-head {color:#e2007a;}
body.pink .headline-box::after {background:#e2007a;}

body.deep-green h1, body.deep-green h2, body.deep-green h3, body.deep-green p.list-head {color:#00722d;}
body.deep-green .headline-box::after {background:#00722d;}

body.brown h1, body.brown h2, body.brown h3, body.brown p.list-head {color:#9a4e0d;}
body.brown .headline-box::after {background:#9a4e0d;}

#jedele-mehr {
    padding: 1em;
    background-image: url("/files/theme/kasten-jedele.png");
    background-size: cover;
    text-transform: uppercase;
    font-size: 1.7em;
}
#jedele-mehr p {margin:auto;}
#jedele-mehr a {color:#ffffff;}
.mod_eventlist .empty {font-size: 2em;}

#article-239 {
    margin: 40px;
}
#cboxWrapper .page, #cboxWrapper .page .ce_text, #cboxWrapper .page .ce_form {
    max-width: 700px;
	margin: 0 auto;
}
#cboxWrapper .page input {
	width: calc(100% - 3em);
}
#ctrl_39, #ctrl_70 {
	height:6em;
}
.timeline-headline {
    font-weight: bold;
    font-size: 1.2em;
    color: #e30613;
}
footer.page-footer .multicolumn-icon-list ul {padding:0em;}
footer.page-footer .multicolumn-icon-list ul li {list-style-type:none;}

.event-filter-menu {
    padding: 3em;
    background: #e6e6e6;
}
.event-filter-head {
    margin: 0em !important;
    font-weight: bold;
}
.event-list-item {
    border: solid 1px #e5e5e5;
    margin-bottom: 2em;
}
.event-list-item .event-header {
    background: #e5e5e5;
    padding: 0.25em 0.25em 0em 0.5em;
	font-weight:bold;
}
.event-list-item .event-content {
    padding: 1em;
}
p.event-title {
    font-size: 1.4em;
    margin: 0em;
    font-weight: bold;
}
p.event-title a {
	color:#000000;
}

#header-anmeldung {
    text-align: center;
    border-bottom: solid 1px #e5e5e5;
}
.event-list-item {
    display: flex;
	align-items: center;
	-webkit-box-shadow:0 6px 12px 0 rgba(0,0,0,.15) !important;
	box-shadow:0px 6px 12px 0px rgba(0,0,0,0.15) !important;
}
.event-list-left {
    width: 30%;
}
.event-list-right {
    width: 70%;
}
.event-list-left figure.image_container.float_left {
    width: 100% !important;
	margin:0em;
}

.button-transparent {
	border: solid 2px #ffffff;
	padding: 1.07143em 1.42857em;
	outline: none;
	font-size: 0.93333em;
	letter-spacing: 0.1em;
	line-height: 1.42929;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
.button-transparent:hover {
	text-decoration:none;
	transition: all 0.5s linear;
	background: #e2001a;
}
.button-event-details {
    background: #f5f5f5;
    color: #000;
    text-transform: uppercase;
    padding: 1.07143em 1.42857em;
    border: 0;
    outline: none;
    font-size: 0.93333em;
    letter-spacing: 0.1em;
    line-height: 1.42929;
}
.button-event-details:hover {
	background:#e6e6e6;
	text-decoration:none;
	transition: all 0.5s linear
}
.button.red {
	background: #e2001a;
}
.button.green {
	background: #34a00d;
}
.footer-outer-links {
    width: 100%;
    text-align: right;
    padding-right: 10%;
    position: absolute;
    right: 0;
    max-width: 66vw;
}
.footer-outer-links a {
    color: #58585a !important;
    font-weight: normal;
}
.page-footer a {
    color: #fff;
    font-weight: normal;
}
.jedele-mainnav-onlineshop {
    background: url(../../../theme-jedele/jedele-mainnav-onlineshop.jpg);
    background-size: auto;
}
.jedele-mainnav-onlineshop a {
	color:#ffffff !important;
}
.standort-outer {
    background: #58585a;
	margin-bottom:2em;
}
.standort-inner {
	position:relative;
    color: #fff;
    padding: 1em 1.25em;
	font-size:0.95em;
}
.standort-inner a {color:#ffffff;}
.standort-detail-links, .standort-detail-rechts {
    width: 48%;
}
.ce_gallery.standort-detail-links {
    max-width: 576px;
}
#ctrl_102, #ctrl_122 {
    min-height: 230px !important;
}
.ce_gallery.block {
    width: 100%;
}
.centered-wrapper-inner .centered-wrapper-inner {
    margin: 0em;
}
.img-center-fullwidth .image_container {
    max-width: 1920px;
    margin: 0 auto;
    display: block;
}
a.mail-link::before {
	content: "\2709";
	padding-right:0.25em;
}
.timeline {
	margin:2.66667em 0 !important;
}
.timeline-item-text {
    background: #fff;
    width: 46%;
	padding-right:2em;
}

.timeline-item:nth-of-type(2n) > .timeline-item-text {
	padding-right:0em;
}


.timeline-item:nth-of-type(2n) > .timeline-item-text .image_container {
    float: right;
    margin-left: 2em;
	margin-right:0em;
}
.timeline-item-text .image_container {
    float: left;
    margin-right: 2em;
}
.timeline .caption {
    background: no-repeat;
}

.quote-author {
	margin:1.28571em 0 1.28571em 1.90476em;
	font-style:italic;
}
.oeffnungszeiten {
    border: none;
    padding: 0em;
    margin: 0 !important;
}
table.oeffnungszeiten td {
    padding: 0em;
}
.projekt-uebersicht {margin-bottom:2em;}

video {
	object-fit: none;
}

ul.icon-links.ce_rsce_oneo_icon_links {
    position: relative;
}
ul.icon-links.ce_rsce_oneo_icon_links.icon-links-float li {
    float: left;
    margin-right: 0.5em;
    font-size: 0.5em;
    font-weight: lighter;
    padding: 0em 1.5em;
}

.fake-masonry {
  column-width: 300px;
  column-gap: 1em;
}
.grid-item { width: 300px; }
.grid-item--width2 { width: 400px; }

.item:nth-child(3n+1) { order: 1; } 
.item:nth-child(3n+2) { order: 2; } 
.item:nth-child(3n) { order: 3; }



.kundenbereich .ce_downloads ul {
    display: flex;
    flex-wrap: wrap;
}
.kundenbereich .ce_downloads ul li {
	margin: 0.5em;
	padding: 0.5em 0em 0.5em 2.5em;
	max-width: 500px;
	width: 100%;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); 
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
}
.kundenbereich .ce_downloads ul li a {
	display:block;
}
.ext-pdf {
    background-position: 10px;
}
.page-footer {
  margin-top: 2em;
}
.download-element.ext-pdf {
  line-height: 1.75em;
  padding-left: 2em;
}

.jedele-intern-invisible {
	display:none;
}
.ausgebucht a.button {
    display: none;
}
.jefa-artikel {
    border-top: solid 1px #e3e3e3;
    margin-top: 3em;
    margin-bottom: 2em;
}
@media (max-width:320px) {
	#top-bar-icon-truck {font-size: 0.85em;}
	.top-bar-inner ul li a {margin:0em; padding-left:1em; padding-right:1em; font-size:0.8em;}
	.main-navigation-search { position: absolute; top: -1em; right: -1em;}
	.main-navigation-search > a::after {font-size:0.85em;}
	.centered-wrapper-inner {width: calc(100% - 2em); margin: 0 auto;}
	.icon-links { padding: 1em; font-size: 1.5em; position:absolute; right:1em;}
	#ajax-events .event-list-item {display:block;}
	.event-list-left {width:100%;}
	.event-list-right {width:100%;}
	.ce_image {width:100%;}
	h1, h2, h3, h4, h5, h6 {font-size:1.2em;}
	.standort-detail-links, .standort-detail-rechts {width:100%;}
	.standort-detail-links.ce_gallery ul li {margin: 1em 0em !important; width: 48%;}
	.projekt-uebersicht {width:100%;}
}

@media (min-width:321px) and (max-width:600px) {
	#top-bar-icon-truck {scale:0.8;}
	#ajax-events .event-list-item {display:block;}
	.event-list-left {width:30%;float:left; margin-right:1em;}
	.event-list-right {width:100%;}
	header {border-top: solid 5px #e2001a;}
	.project-infos a, .further-infos a {padding-top:12%;}
	.project-infos a em {font-size:0.4em;	}
	.projekt-uebersicht {width:100%;}
	.project-infos p, .projects .further-infos p {padding-top:18%;}
	.project-infos p em {font-size:1.3rem;}
	.standort-detail-links, .standort-detail-rechts {width:100%;}
	.standort-detail-links.ce_gallery ul li {width:48%;}
	.projekt-uebersicht {width:100%;}
	.projekt-uebersich:after {content: ''; width: 100%; height: 0;}
}
@media (max-width:600px) {
	.teaser-boxes-content h3 {
		font-size: 1em;
		padding-top: 14px;
	}
	.counter-boxes-item {
		width: 50% !important;
		display: inline-block !important;
		float: none;
	}
	.counter-boxes-item {
		scale: 0.75;
	}
	.standort-outer {width:100%;}
	
	.ce_text.product p.buttons {
	  max-width: 100%;
	}
	.product a.button {
	  margin: 1em;
	  width: initial;
	}
}

@media (max-width:767px) {
	.teaser-boxes-content h3 {
		font-size: 1.2em;
		padding-top: 14px;
	}	

	.headline-white {font-size:1.25em;}

	#fixed-left img {max-width:20px;}
	.gallery-mobile-3 ul {
		display: flex;
		flex-wrap: wrap !important;
		justify-content: space-between;
	}
	.gallery-mobile-3 ul::after {
		content: '';
		width: 32.5%;
		height: 0;
	}
	.gallery-mobile-3 ul li {
		margin:0.4em 0em 0.4em 0em !important;
		max-width:30%;
	}
	#text-anfragen .button {
		margin-bottom: 1em;
		width: 100%;
	}
	#bild-anfragen, #bild-anfragen-boden, #bild-anfragen-tapete, .img-cover, #bild-anfragen-perfekt-farbe, #bild-anfragen-sonnenschutz, #bild-anfragen-holzveredelungen, #bild-anfragen-werkzeuge, #bild-anfragen-perfekt, #bild-anfragen-ausbildung, #bild-anfragen-standorte, #bild-anfragen-farbe,#bild-anfragen-daemmung, #bild-anfragen-jobs {
		width: 100%;
		height:25vh;
	}
	.standort-detail-links.ce_gallery ul {
		display:flex;
		justify-content: space-between;
		flex-wrap:wrap;
	}
	.standort-detail-links.ce_gallery ul li {
		margin:1em 0em !important;
	}
	.standort-detail-links.ce_gallery ul li:after {
		content: '';
		width: 30%;
		height: 0;
	}

}
@media (min-width:601px) and (max-width:767px) {
	.projekt-uebersicht, .standort-outer {width:48%;}
	.projekt-uebersich:after {content: ''; width: 48%; height: 0;}
}
@media (min-width:768px) and (max-width:991px) {
	.projekt-uebersicht, .standort-outer {width:48%;}
	.projekt-uebersich:after {content: ''; width: 48%; height: 0;}
}

@media (max-width:991px) {
	.balken-rot {display:none;}
	#top-bar-icon-truck {left: calc(6.6667% + var(--safe-area-left));}
	.top-bar-inner ul li a {margin:0em; padding-left:1em; padding-right:1em; font-size:0.8em;}
	.main-navigation-search {position: absolute; top: -1em; right: -1em;}
	.main-navigation-search > a::after {font-size:0.85em;}
	.icon-links {padding: 1em; font-size: 1.5em; position:absolute; right:1em;}
	a.bar-login-link-text {top:0px;}
	
	.calendar-full {
		display:none;
	}
	.bar-text-links {
		display: none;
	}
	.bar-icon-links {
		right: 2em;
	}
	a.main-navigation-mobile-open {
		top: 69px;
	}
}
@media (min-width:992px) {
	.header-navigation.is-fixed {top:0em;}
	.balken-rot {display:block;}
	.bar-icon-links-inner {position: relative;}
	.bar-phone-link {right: 4.5em; position: absolute;}
	.bar-mail-link {right: 2em; position: absolute;}
	.bar-login-link {right: 2em; position: absolute;}
	#top-bar-icon-truck {right:200px;}
	.top-bar-inner ul li a {margin:0em; padding-left:1em; padding-right:1em; font-size:0.8em;}
	.main-navigation-search {position: absolute; top: -1em; right: 0.5em;}
	.main-navigation-search > a::after {font-size:0.85em;}
	.icon-links {padding: 1em; font-size: 1.5em; position:absolute; right:1em;}
	.projekt-uebersicht {width:30%;}
	.projekt-uebersich:after {content: ''; width: 30%; height: 0;}
	.standort-outer {width:30%;}
	a.bar-login-link-text {top:-15px;}
	
	.bar-text-links {
		position: absolute;
		right: 135px;
		top: 28px;
	}

	.bar-text-links a {
		padding: 1em;
		text-transform: uppercase;
	}
	
	.calendar-mini {
		display:none;
	}
	.main-navigation ul.level_2 {
		overflow: visible;
	}

	ul.level_2 li {
		display: block !important;
		width: 100% !important;
		background: #ffffff;
	}

	.main-navigation ul.level_3 {
	  display: none;
	}
	ul.level_3 {
		position: absolute;
		background: #ffffff;
		left: 100%;
		top: -1px;
		padding: 0 !important;
	}
	ul.level_3 li {
		margin: 0 !important;
	}
	.main-navigation ul.level_2 li:hover ul {
	  display: block;
	}
	ul.level_2 li.submenu:after {
		content: "";
		background-image: url(/files/theme-jedele/pfeil-rechts.svg);
		background-size: 15px;
		background-repeat: no-repeat;
		width: 15px;
		height: 15px;
		position: absolute;
		right: 7px;
		top: 11px;
	}
}

@media (min-width:768px) {
	#bild-anfragen, #bild-anfragen-boden, #bild-anfragen-tapete, .img-cover, #bild-anfragen-perfekt-farbe, #bild-anfragen-sonnenschutz, #bild-anfragen-holzveredelungen, #bild-anfragen-werkzeuge, #bild-anfragen-perfekt, #bild-anfragen-jobs, #bild-anfragen-ausbildung, #bild-anfragen-farbe, #bild-anfragen-daemmung, #bild-anfragen-jobs {
		width: 50%;
	}
	#bild-anfragen-standorte {
		width:100%;
	}

	#text-anfragen {
		width: 50%;
	}
	.event__content figure.image_container {
		max-width: 50% !important;
		margin:0em !important;
	}
	.event__content {
		width:140% !important;
		background: #fff;
		padding-left:0em !important;
	}
	.event__content .ce_text {
		padding: 1em 0em 1em 1em;
	}
	.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:nth-child(2n+1) .event__content {
		right:-150% !important;
	}
	.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events__event:nth-child(2n) .event__content {
		left:-150% !important;
	}
}
@media (min-width: 1200px) {
	.bar-icon-links {
		right:0px;
	}
}

.mod_cms_accept_tags button[value="reject"], .mod_cms_accept_tags button[value="accept"].first, .mod_cms_cookie_bar button[value="reject"], .mod_cms_cookie_bar button[value="accept"].first {
    background-color: rgb(255, 255, 255) !important;
	background: #ffffff;
    color: #4e4e4e !important;
    position: absolute;
    left: 0;
    padding-left: 0;
}