body {
}
.disabled {
	cursor: not-allowed;
}
.ce-gallery figure {
	display: block;
}
.ce-outer,.ce-inner,.ce-column {
	max-width: 100%;
}

.reference.white-background {
	margin-top: 0;
}
.reference.white-background:before {
	display: none;
}

#listform {
	margin-bottom: .5em;
}

.referenz-table.table-responsive {
	display: table;
}


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: inherit;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1.1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: inherit;
	font-size: 1.1em;
}
.ui-widget-content {
	border: 1px solid #e7e7e7;
	background-color: #f6f6f6;
	color: #373a3c;
}
.ui-widget-content a { color: inherit !important; }

/* Interaction states
----------------------------------*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 1px solid #e7e7e7;
	font-weight: bold;
	color: inherit !important;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: inherit !important;
	text-decoration: none;
}
.ui-widget :active { outline: none; }

.ui-menu.ui-widget {
	z-index: 500;
}

.ui-menu.ui-widget a {
	cursor: pointer;
}
.row.row-boxes {
	margin-bottom: 0;
}

.page-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	background: rgba(34, 34, 34, 0.95) none repeat scroll 0 0;
	z-index: 9999;
}


.page-overlay .spinner {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
}

.page-overlay .sk-cubes {
	transform: translateY(-50%) translateX(-50%);
	top: 50%;
	left: 50%;
	position: absolute;
}

.sk-wandering-cubes {
	height: 40px;
	margin: 40px auto;
	position: relative;
	width: 40px;
}

.teaser .teaser-image .image-object, .teaser .teaser-image img {
	bottom: auto;
	left: auto;
	height: auto;
	width: auto;
	min-height: 100%;
	object-fit: cover;
	position: absolute;
	right: auto;
	top: auto;
	/*max-width: 100%;*/
}

.teaser .teaser-image img.width-100 {
	width: 100%;
	height: 100%;
}

body.page-modultechnologiede .team-user h4.text-primary strong,
body.page-holzbau .team-user h4.text-primary strong {
	font-size: 1rem;
	font-weight: 400;
}

@media (min-width: 767px) {

	.team-slider .team-user .team-description {
		min-height: 140px;
	}
}

/* ----------- K+B colours ---------- */
.page-kiesundbeton .btn-lightbox {
	color: inherit;
}
.page-kiesundbeton .btn-lightbox:hover {
	background-color: rgba(0,152,212, 0.5);
	color: #fff;
}
.page-kiesundbeton .preloader4 {
	border-top-color:rgba(0,152,212, 0.65);
	border-bottom-color:rgba(0,152,212, 0.15);
	border-left-color:rgba(0,152,212, 0.65);
	border-right-color:rgba(0,152,212, 0.15);
}

/* ------------- Husner colours ------- */
.page-husner .btn-lightbox {
	color: inherit;
}
.page-husner .btn-lightbox:hover {
	background-color: rgba(150,194,31, 0.5);
	color: #fff;
}
.page-husner .preloader4 {
	border-top-color:rgba(150,194,31, 0.65);
	border-bottom-color:rgba(150,194,31, 0.15);
	border-left-color:rgba(150,194,31, 0.65);
	border-right-color:rgba(150,194,31, 0.15);
}

/* ------------ erne.net colours -------- */
.page-holzbau .btn-lightbox {
	color: inherit;
}
.page-holzbau .btn-lightbox:hover {
	background-color: rgba(0,90,158, 0.5);
	color: #fff;
}
.page-holzbau .preloader4 {
	border-top-color:rgba(0,90,158, 0.65);
	border-bottom-color:rgba(0,90,158, 0.15);
	border-left-color:rgba(0,90,158, 0.65);
	border-right-color:rgba(0,90,158, 0.15);
}
.page-holzbau .video-player .video-select .fa {
	color: #365294;
}

/* ------------ Bautool colours -------- */
.page-bautoolch .btn-lightbox {
	color: inherit;
}
.page-bautoolch .btn-lightbox:hover {
	background-color: rgba(78, 96, 104, 0.5);
	color: #fff;
}
.page-bautoolch .preloader4 {
	border-top-color:rgba(78, 96, 104, 0.65);
	border-bottom-color:rgba(78, 96, 104, 0.15);
	border-left-color:rgba(78, 96, 104, 0.65);
	border-right-color:rgba(78, 96, 104, 0.15);
}

/* ------------ AGSM colours -------- */
.page-agsmch .btn-lightbox {
	color: inherit;
}
.page-agsmch .btn-lightbox:hover {
	background-color: rgba(168, 186, 70, 0.5);
	color: #fff;
}
.page-agsmch .preloader4 {
	border-top-color:rgba(168, 186, 70, 0.65);
	border-bottom-color:rgba(168, 186, 70, 0.15);
	border-left-color:rgba(168, 186, 70, 0.65);
	border-right-color:rgba(168, 186, 70, 0.15);
}

/* ------------ ERNE-Modultechnologie colours -------- */
.page-modultechnologiede .btn-lightbox {
	color: inherit;
}
.page-modultechnologiede .btn-lightbox:hover {
	background-color: rgba(0, 90, 158, 0.5);
	color: #fff;
}
.page-modultechnologiede .preloader4 {
	border-top-color:rgba(0, 90, 158, 0.65);
	border-bottom-color:rgba(0, 90, 158, 0.15);
	border-left-color:rgba(0, 90, 158, 0.65);
	border-right-color:rgba(0, 90, 158, 0.15);
}


.preloader4 {
	width:35px;
	height:35px;
	display:inline-block;
	padding:0px;
	border-radius:100%;
	border:2px solid;
	border-top-color:rgba(255,0,50, 0.65);
	border-bottom-color:rgba(255,0,50, 0.15);
	border-left-color:rgba(255,0,50, 0.65);
	border-right-color:rgba(255,0,50, 0.15);
	-webkit-animation: preloader4 0.8s linear infinite;
	animation: preloader4 0.8s linear infinite;
}
@keyframes preloader4 {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
@-webkit-keyframes preloader4 {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(360deg);}
}

@media (min-width: 576px) {
	.main-header .logo img.svgLogo {
		max-width: 192px;
	}
	.page-bau.generalunternehmer .main-header .logo img.svgLogo
	.page-erneintranet .main-header .logo img.svgLogo,
	.page-ernefant .main-header .logo img.svgLogo,
	.page-holding .main-header .logo img.svgLogo,
	.page-geschenk .main-header .logo img.svgLogo,
	.page-immo .main-header .logo img.svgLogo {
		max-width: 100%;
	}

}

.btn-bottom {
	position: absolute;
	bottom: 15%;
}

.news-list .date {
	margin-bottom: 0.5rem;
}


.news-list-company {
	font-size: 14px;
	margin-bottom: .5rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}

.page-bau .main-header .logo img.svgLogo,
.page-erneintranet .main-header .logo img.svgLogo,
.page-erne-decon .main-header .logo img.svgLogo {
	height: 57px;
}
.page-bau.generalunternehmer .main-header .logo img.svgLogo {
	height: 55px;
	margin-top: 0;
}
.page-holzbau .main-header .logo img.svgLogo,
.page-modultechnologiede .main-header .logo img.svgLogo {
	height: 50px;
}
.page-holding .main-header .logo img.svgLogo {
	height: 55px;
	margin-top: 4px;
}
.page-immo .main-header .logo img.svgLogo {
	height: 55px;
	margin-top: 4px;
}

.page-geschenk .main-header .logo img.svgLogo {
	height: 55px;
	margin-top: 4px;
}

.page-geschenk .menu-bottom .nav.nav-inline.menu {
	margin-top: 42px;
}

.page-ernefant .main-header .logo img.svgLogo {
	height: 57px;
	margin-top: 5px;
}

@media screen and (min-width: 996px) {
	.page-ernefant .main-header .menu-bottom .nav-item-hamburger {
		display: none;
	}
}

/* reference 2004 - overrides */
.reference-modal .modal-dialog,
.favorite-modal .modal-dialog {
	width: 830px !important;
}

.reference-modal .modal-title,
.favorite-modal .modal-title {
	float: left;
}
.reference-modal .modal-dialog iframe {
	width: 100%;
	height: 1125px;
	border: 0;
}
.js-sortable {
	cursor: pointer;
}
.favoriteToggle {
	cursor: pointer;
}

/* release 4 #49820 storytelling */
.main-container .storytelling .to-next-middle:after {
	width: 100%;
	height: 98%;
	left: auto;
	bottom: auto;
	border-width: 84px 0 0 5px;
}
.main-container .storytelling .to-next-large:after {
	width: 132%;
	height: 130%;
	left: auto;
	bottom: auto;
	border-width: 52px 0 0 2px;
}
.main-container .storytelling .step-6:before {
	left: -245%;
}
.referenz-slider .referenz-item .referenz-image.focuspoint img {
	height: auto;
}
.main-header .menu-top .item-wrapper .item {
	max-height: 43px;
}

.teaser-image-list img {
	height: 100%;
}
.teaser-image-list img {
	height: 100%;
}
@media (max-width: 1023px) {
	.main-container .storytelling .to-next-middle:after {
		border-width: 50px 0 0 5px;
		width: 130%;
		height: 240%;
	}
	.main-container .storytelling .to-next-small:after {
		width: 60%;
		height: 180%;
	}
	.main-container .storytelling .to-prev-middle:before {
		width: 295%;
		height: 110%;
	}
	.main-container .storytelling .to-next-large:after {
		width: 135%;
		height: 110%;
	}
}
/* release 4 #49820 storytelling END */
/* #57679 */
.sub-menu .row {
	justify-content: space-around;
}

.nav-item-hamburger .sub-menu .row.hidden-lg-up {
	justify-content: initial !important;
}

/* #51459 contact search result*/
.search-results .table-fixed {
	margin-bottom: 0;
}
.width-30 {
	width: 30%;
}
/* #51459 contact search result END*/

.search-results .result__link {
	margin-top: 1rem;
}

/* #57826 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.mfp-content .mfp-loading {
		display: block !important;
	}
}

.tx-cs2references #print-custom-form label {
	display: block !important;
}
.tx-cs2references #print-custom-form input[type="radio"] {
	display: none !important;
}
.tx-cs2references #print-custom-form img.logo {
	top: 0;
	height: 24px;
	opacity: 1;
	background: #fff;
}

#print-custom-form .picker-handle {
  display: none;
}

#print-custom-form .picker-label {
  margin: 0px;
}

#print-custom-form .picker {
  padding: 5px;
  background-color: #fff;
}

#print-custom-form .picker.checked {
  padding: 5px;
  background-color: #eee;
}

#print-custom-form .picker img {
  display: inline;
}


.right-video,
.left-video {
	width: 100%;
}

.videothubm {
	margin-bottom: 6%;
}

@media (min-width: 767px) {
	.left-video {
		width: 49%;
		float: left;
	}

	.right-video {
		width: 49%;
		float: right;
	}

	.videothubm {
		margin-bottom: 6%;
	}

	.left-video .videothubm {
		margin-right: 1%;
	}

	.right-video .videothubm {
		margin-left: 1%
	}
}



.main-header .menu .nav-item .sub-menu.hover-ed {
	opacity: 1;
	visibility: visible;
}
h2.form-staticText-header {
	font-size: 1rem;
}
.form-group .radiobuttons,
.form-group .multicheckbox {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.form-navigation .btn.btn-cancel {
	font-size: 0.875rem;
}

.input-placeholder-wrapper.radiobuttons .placeholder,
.input-placeholder-wrapper.multicheckbox .placeholder {
	top: -1.2rem;
}

.stoerer .fa.fa-phone.fa-4x {
	font-size: 4em !important;
}

.fullwidth-slider .content p.title {
	 line-height: 1.2;
	 font-size: 1.5rem;
	 margin-bottom: .5rem;
	 font-family: inherit;
	 font-weight: 500;
	 color: inherit;
	 margin-top: 0;
}

.page-holzbau .stoerer-wrapper .stoerer {
	 background: #365294;
	 box-shadow: 0 0 0 5px #365294,6px 6px 10px -10px rgba(0,0,0,.5);
}

.tx-solr-autosuggest {
	border: 1px solid #e7e7e7;
	background-color: #f6f6f6;
	color: #373a3c;
	/*-webkit-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);*/
	/*border-top: none;*/
	margin-top:0px;
}
.tx-solr-autosuggest { color:#312e25; }
.tx-solr-autosuggest .autocomplete-suggestion {
	text-decoration: none;
	display: block;
	padding: .2em .8em;
	line-height: 1.5;
	zoom: 1;
	cursor: default;}
.tx-solr-autosuggest .autocomplete-selected {
	font-weight: normal;
	color: inherit !important;
	border: 1px solid #e7e7e7;
}
.tx-solr-autosuggest .autocomplete-group { padding: 10px 5px; }
.tx-solr-autosuggest .autocomplete-group strong { display: block; border-bottom: 1px solid #999; }

.page-geschenk .nav-item .hamburger {
	/*display: none;*/
}

.tx-cs2-giftplatform ul.typo3-messages {
	padding: 0 !important;
	list-style: none;
}

.tx-cs2-giftplatform .order-address-wrap {
	padding-top: 100px;
}

.tx-cs2-giftplatform .top-wrap {
	min-height: 100px;
}

.tx-cs2-giftplatform .country-wrap {
	margin-top: -1.25rem;
}

.tx-cs2-giftplatform .deliverToOrderAddress-wrap .placeholder {
	top: -0.25rem !important;
}

.tx-cs2-giftplatform .form .title,
.tx-cs2-giftplatform .detail .title {
	margin-bottom: 2rem;
}

.tx-cs2-giftplatform ul.parsley-errors-list {
	padding-left: 0rem;
}
.tx-cs2-giftplatform ul.parsley-errors-list li {
	list-style: none;
	color: red;
}
.tx-cs2-giftplatform #deliverToOrderAddress {
	margin-left: 1rem;
}

.tx-cs2-giftplatform .gift-item {
	margin-bottom: 1rem;
}

.tx-cs2-giftplatform .gift-item a:hover {
	text-decoration: none;
}

.tx-cs2-giftplatform .gift-item .title {
	margin-top: 0.2rem;
	margin-bottom: 1rem;
}

.carousel-slider-box {
	position: relative;
	padding: 1rem;
}
.carousel-slider-box .carousel-slider .slick-track {
	height: 100%;
	padding: 20px 0;
}
.carousel-slider-box .carousel-slider .slick-slide {
	position: relative;
}
.carousel-slider-box .carousel-slider .slick-slide .slide-wrap {
	-webkit-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	overflow: hidden;
}
.carousel-slider-box .carousel-slider .slick-current-clone .slide-wrap,
.carousel-slider-box .carousel-slider .slick-active .slide-wrap {
	-webkit-transform: scaleY(1);
	transform: scale(1);
}
.carousel-slider-box .carousel-slider-button-part {
	position: relative;
	display: inline-block;
	width: 50px;
	text-align: center;
}
.carousel-slider-box .carousel-slider .carousel-slider-img {
	min-width: 100%;
	max-width: 100%;
	height: auto;
	display: inline-block;
	opacity: 1;
	top: 0;
	-webkit-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}
.carousel-slider-box .carousel-slider .slick-slide .image-wrapper {
	overflow: hidden;
	opacity: 0.25;
	-webkit-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scaleY(2);
	transform: scaleY(2);
}

[data-slick-index='-1'] .image-wrapper {
	transform-origin: right center;
}

.carousel-slider-box .carousel-slider .slick-current-clone .slide-wrap,
.carousel-slider-box .carousel-slider .slick-current .slide-wrap {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.38);
}

.carousel-slider-box .carousel-slider .slick-current-clone .image-wrapper,
.carousel-slider-box .carousel-slider .slick-current .image-wrapper {
	opacity: 1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
.carousel-slider-box .slick-next,.carousel-slider-box .slick-prev {
	width: 10%;
	height: 100%;
	z-index: 1;
	top: auto;
}
.carousel-slider-box .slick-arrow {
	position: absolute;
	transform: none;
	top:0 !important;
}
.carousel-slider-box .slick-next:before,.carousel-slider-box .slick-prev:before {
	content: none;
}
.carousel-slider-box .slick-prev {
	left: 0;
	text-align: right;
}
.carousel-slider-box .slick-next {
	right: 0;
	text-align: left;
}
.carousel-slider-box .slick-dots li button:after{
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	content:"";
	background: #C5C5C5;
	border: 1px solid #fff;
	width: 15px;
	height: 15px;
	border-radius: 50%;

}
.carousel-slider-box .slick-dots li button:before{
	content: "";
	border-radius: 50%;
	background: #C5C5C5;
	opacity: 1;
	width: 17px;
	height: 17px;
}
.carousel-slider-box .slick-dots li button:focus:after,
.carousel-slider-box .slick-dots li button:hover:after,
.carousel-slider-box .slick-dots li.slick-active button:after {
	background: #fff;
}
.bg-grey {
	background-color: #F6F6F6;
}
.bg-white {
	background-color: #FFFFFF;
}
.bg-red {
	background-color: #FF001b;
	color: #fff;
}
@media (max-width: 767px) {
	.carousel-slider-box {
		padding: 1rem 0 1rem 0;
	}
}

#news-plugin .teaser a p,
.tx-cs2-news a p {
    color: #373a3c;
}
.tx-cs2-news .news-list a:focus {
	text-decoration: none !important;
}
.tx-cs2-news .news-list-item.news-entry .date,
.tx-cs2-news .news-list-item.news-entry .title {
	color: #373a3c;
	text-decoration: none !important;
}

#news-plugin .teaser a:hover,
.tx-cs2-news a:hover{
	text-decoration: none;
}
#news-plugin .teaser a.share-btn:hover{
	text-decoration: underline;
}
.news-list .news-entry {
	height: 100%;
}

/* page-bau */

.page-bau .svgLogo {
	transition: all 0.25s ease;
	width: auto !important;
}
.page-bau .svgLogo.small {
	height: 30px !important;
}
.page-bau .content-wrapper.small {
	padding: 10px 0;
}

.page-bau .content-wrapper .menu .nav-item .sub-menu {
    top: 98px;
    transition: all .05s ease;
}

.page-bau .content-wrapper.small .menu .nav-item .sub-menu {
    top: 51px;
}

@media (max-width: 991px) {
    .page-bau .main-header .content-wrapper .menu-top {
		margin-bottom: -25px;
	}
    .page-bau .main-header .content-wrapper.small .menu-top {
		margin-bottom: -38px;
	}
}

/* page-bau end */

/* page-ernefant */

@media (max-width: 991px) {
    .page-ernefant .main-header .content-wrapper .menu-top {
		margin-bottom: -25px;
	}

    .main-header .menu .nav-item .sub-menu {
        top: 72px;
    }
}

/* page-ernefant end */

/* page-erneintranet as initial copy from page-bau */

.page-erneintranet .svgLogo {
	transition: all 0.25s ease;
	width: auto !important;
}
.page-erneintranet .svgLogo.small {
	height: 30px !important;
}
.page-erneintranet .content-wrapper.small {
	padding: 10px 0;
}

.page-erneintranet .content-wrapper .menu .nav-item .sub-menu {
	top: 86px;
	transition: all .5s ease;
}

.page-erneintranet .content-wrapper.small .menu .nav-item .sub-menu {
	top: 51px;
}

#dropdownMenuLink:focus,
#dropdownMenuLink:hover {
	text-decoration: none;
}

.dropdown-menu.mobile-lang {
	min-width: auto;
}

@media (max-width: 991px) {
	.page-erneintranet .main-header .content-wrapper .menu-top {
		margin-bottom: -25px;
	}
	.page-erneintranet .main-header .content-wrapper.small .menu-top {
		margin-bottom: -38px;
	}
}

/* page-erneintranet end */

/* erne-decon as initial copy from page-bau */

.page-erne-decon .svgLogo {
	transition: all 0.25s ease;
	width: auto !important;
}
.page-erne-decon .svgLogo.small {
	height: 30px !important;
}
.page-erne-decon .content-wrapper.small {
	padding: 10px 0;
}

.page-erne-decon .content-wrapper .menu .nav-item .sub-menu {
	top: 98px;
	transition: all .05s ease;
}

.page-erne-decon .content-wrapper.small .menu .nav-item .sub-menu {
	top: 51px;
}

.page-erne-decon .favourites-icon__badge {background-color: rgb(93, 120, 48) !important;}
.page-erne-decon .btn-lightbox {color: rgb(93, 120, 48) !important;}

@media (max-width: 991px) {
	.page-erne-decon .main-header .content-wrapper .menu-top {
		margin-bottom: -25px;
	}
	.page-erne-decon .main-header .content-wrapper.small .menu-top {
		margin-bottom: -38px;
	}
}

/* page-erne-decon end */



.hyphenopoly {
    hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
}

.main-header .menu .nav-item .sub-menu .item-wrapper {
    justify-content: space-between;
}

@media (max-width: 420px) {
    .main-header .menu .nav-item .sub-menu .item-wrapper .item {
        padding: 0 0.75rem 0.75rem;
    }
}

.fading-objectce-headline-center {
	text-align:center;
}

.error-report {
	position:absolute;
	top:0;
	right:-.9375rem;
	color:#ff001b;
	text-transform:uppercase;
	padding:5px;
	cursor:pointer;
	font-weight:700;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	z-index:1;
	width:70px
}
.error-report .btn {
	margin-left:5px
}
.error-report .fa {
	z-index:2;
	position:relative;
	color:#ff001b
}
.error-report-wrapper {
	position:fixed;
	right:6rem;
	opacity:1;
	visibility:visible;
	/*transition:bottom .35s ease-in-out .2s,opacity .35s ease-in-out,visibility .35s ease-in-out*/
	z-index:1;
	bottom:6.4rem;
}
.error-report-wrapper.show {
	bottom:6.4rem;
	opacity:1;
	visibility:visible;
	z-index:1
}

.error-menu {
	padding: 0;
	border-radius: 0;
	border: none;
	background: none;
	margin: 0;
}
.error-menu .dropdown-item {
	display: flex;
	padding: 0;
	align-items: center;
	background: none !important;
}
.error-menu .dropdown-item form .btn-circle {
	margin-left: 10px;
	box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
	border-radius: 50%;
	width: 44px;
	height: 44px;
}

.error-menu .btn-link {
	padding: 0;
	background: none !important;
	text-decoration: none !important;
}
.error-menu.open {
	display: block;
	left: auto;
	right: 0;
	margin: 0;
}
[aria-expanded=false] .cross {
	display: none;
}
[aria-expanded=false] .dots {
	display: block;
}
[aria-expanded=true] .cross {
	display: block;
}
[aria-expanded=false]:hover .circler circle,
[aria-expanded=true] .circler circle {
	fill: #FF001B;
}
[aria-expanded=true] .dots {
	display: none;
}

@media (max-width:767px) {
	.error-report-wrapper {
		right: auto;
		left: 5rem;
		bottom: 8rem;
		z-index: 10;
	}
	.error-menu.open {
		left: -44px;
		right: auto;
	}
	.error-menu .btn-link {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
	}
	.error-menu .dropdown-item form .btn-circle {
		margin-right: 10px;
		margin-left: 0;
	}
	.back-to-top-wrapper {
		right:3rem
	}
	.back-to-top-wrapper.show {
		bottom:8.5rem;
		z-index:10
	}
}

@media (max-width: 767px) {
	.item-wrapper-small.table-fixed {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 706px) {
	.item-wrapper-small.table-fixed {
		display: grid;
		grid-template-columns: 1fr;
	}
	.item-wrapper-small.table-fixed .image {
		width: 65%;
	}
}
@media (max-width: 543px) {
	.item-wrapper-small.table-fixed {
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
	.item-wrapper-small.table-fixed .image {
		width: 65%;
	}
}

.content-wrapper-buttons {
	padding: 40px 0;
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}
.content-buttons {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-row-gap: 12px;
	grid-column-gap: 12px;
	grid-auto-rows: 1fr;
	padding: 0 12px;
}
.content-buttons .more-btn {
	margin: 0;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.content-buttons .more-btn .fa-long-arrow-right {
	padding-left: 6px;
}

.subpages-menu .swiper-container .slider-description {
	position: absolute;
	height: initial;
	bottom: auto;
	top: 1.75rem;
}

@media screen and (min-width: 500px) {

	.content-wrapper-buttons {
		padding: 15px 0;
	}

	.subpages-menu .swiper-container .slider-description {
		position: absolute;
		top: auto;
		bottom: 1.75rem;
	}

	.content-buttons {
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: 8px;
		grid-column-gap: 8px;
		padding: 0 8px;
	}
	.content-buttons .more-btn {
		font-size: 13px;
	}
}

@media screen and (min-width: 660px) {
	.content-buttons {
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: 10px;
		grid-column-gap: 10px;
		padding: 0 10px;
	}
	.content-buttons .more-btn {
		font-size: 14px;
	}
}

@media screen and (min-width: 800px) {
	.content-buttons {
		grid-template-columns: repeat(3, 1fr);
	}
	.content-buttons .more-btn {
		font-size: 14px;
	}
}

@media screen and (min-width: 996px) {
	.content-buttons {
		grid-row-gap: 18px;
		grid-column-gap: 18px;
	}
	.content-buttons .more-btn {
		font-size: 18px;
	}
}

@media screen and (min-width: 1180px) {
	.content-buttons {
		grid-row-gap: 20px;
		grid-column-gap: 20px;
	}
	.content-buttons .more-btn {
		font-size: 24px;
	}
}

.main-header .menu .nav-item .sub-menu div.js-submit-mobile-search {
	position: relative;
}

div.submit-search {
	padding-top: 6px;
}

/* Note: This CSS will style all instances of
   <input type=file /> controls in your website. */
input[type="file"],
input[type="file"]:visited,
input[type="file"]:hover,
input[type="file"]:focus,
input[type="file"]:active {
	margin:0;
	padding: 0;
	overflow: hidden; /* long file names overflow so just hide the end */
	background: #ffffff;
	border-radius: 0;
	outline: none;
	border: 2px solid #cccccc;
	cursor: pointer;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
}

input[type="file"]:hover {
	background: #e7e7e7; /* indicate an interaction */
	border: 2px solid #ff001b;
}

input[type="file"]:visited,
input[type="file"]:focus,
input[type="file"]:active {
	background: #fff; /* Default back to white when focused. */
	border: 2px solid #ff001b;
}

/* Note: Firefox flags the file name box as a *readonly* input. So that attribute selector was added below. Note: These selectors blow up in IE so have to be separated from the same styles above. */
input[type="file"]:disabled,
input[type="file"]:read-only {
	margin: 0;
	padding: 0;
	overflow: hidden; /* long file names overflow so just hide the end */
	background: #ffffff;
	border-radius: 0;
	outline: none;
	border: 2px solid #cccccc;
	cursor: pointer;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
}

input[type="file"]:disabled:hover,
input[type="file"]:read-only:hover {
	background: #e7e7e7; /* indicate an interaction */
	border: 2px solid #ff001b;
}

input[type="file"]:disabled:visited,
input[type="file"]:disabled:focus,
input[type="file"]:disabled:active,
input[type="file"]:read-only:visited,
input[type="file"]:read-only:focus,
input[type="file"]:read-only:active {
	background: #fff; /* Default back to white when focused. */
	border: 2px solid #cccccc;
}

/* IE UPLOAD BUTTON STYLE: This attempts to alter the file upload button style in IE.  Keep in mind IE gives you limited design control but at least you can customize its upload button.*/
::-ms-browse { /* IE */
	display: inline-block;
	margin: 0;
	padding: .375rem 1rem;
	text-align: center;
	outline: none;
	border: none;
	background: #fff;
	white-space: nowrap;
	cursor: pointer;
}
/* FIREFOX UPLOAD BUTTON STYLE */
::file-selector-button {/* firefox */
	display: inline-block;
	margin: 0 1rem 0 0;
	padding: .375rem 1rem;
	-webkit-appearance: button;
	text-align: center;
	border-radius: 0;
	outline: none;
	border: none;
	border-right: 2px solid #cccccc;
	background: #eee;
	white-space: nowrap;
	cursor: pointer;
}
/* CHROME AND EDGE UPLOAD BUTTON STYLE */
::-webkit-file-upload-button { /* chrome and edge */
	display: inline-block;
	margin: 0 1rem 0 0;
	padding: .375rem 1rem;
	-webkit-appearance: button;
	text-align: center;
	border-radius: 0;
	outline: none;
	border: none;
	border-right: 2px solid #cccccc;
	background: #eee;
	white-space: nowrap;
	cursor: pointer;
}

.placeholder.FileUpload {
	position: relative;
	top: auto;
	margin-bottom: 5px;
}

.group-span-filestyle.input-group-btn:focus:active,
.group-span-filestyle.input-group-btn:focus {
	outline: none;
}

.static-text-label {
	color: #ff001b;
	font-weight: 700;
}

select {
	-webkit-appearance: menulist;
	background: white !important;
}


/* R22.08 - ERNEFANT Fixed flag */
#fixed-flag-buttons {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	background-color: #E0D9CC;
	width: 438px;
	height: 77px;
	position: fixed;
	right: -260px;
	top: 275px;
	z-index: 99;
	transition: 1s;
	transform: skew(-30deg);
	filter: drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.15));
}

#fixed-flag-buttons:hover {
	right: -20px;
	transition: 1s;
}

#fixed-flag-buttons .fa {
	margin-right: 6px;
}

#fixed-flag {
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
	color: #C31622;
	float: left;
	width: 200px;
	height: 100%;
	transform: skew(30deg);
	padding: 16px 30px;
}

.fixed-flag-text1 {
	font-weight: 700;
	line-height: 18px;
	text-align: left;
}

.fixed-flag-text2 {
	font-weight: 500;
	line-height: 18px;
	text-align: right;
	margin-top: 7px;
}

#fixed-number {
	color: #FFFFFF;
	font-style: normal;
	text-align: center;
	display: flex;
	flex-direction: column;
	background-color: #C31622;
	height: 100%;
	padding: 16px 30px;
}

.fixed-number-number {
	font-weight: 700;
	line-height: 18px;
	letter-spacing: 0px;
	transform: skew(30deg);
	margin-right: 36px;
}

.fixed-number-email {
	font-weight: 700;
	line-height: 18px;
	letter-spacing: 0px;
	transform: skew(30deg);
	margin-top: 7px;
}

@media (max-width: 767px) {
	#fixed-flag-buttons {
		top: 594px;
		height: 51px;
		font-size: 12px;
		width: 308px;
		right: -178px;
	}

	#fixed-flag-buttons .fa {
		font-size: 15px;
	}

	#fixed-flag {
		padding: 7px 16px;
		width: 145px;
	}

	.fixed-flag-text2 {
		margin: 0px;
		margin-right: 6px;
	}

	#fixed-number {
		padding: 7px 18px;
		font-size: 10px;
	}

	.fixed-number-number {
		margin-right: 35px;
	}

	.fixed-number-email {
		margin: 0px;
		margin-right: 8px;
	}
}

.unreaded_chat_messages_count {
	color: #ffffff;
	background-color: #ff001b;
	display: inline-block;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	align-items: center;
	padding: 0.25rem 0.5rem;
	margin-left: 0.5rem;
	vertical-align: baseline;
}
.main-container .cs2maps-maps img {
	opacity: initial !important;
}

.gm-control-active>img {
	top: 50% !important;
	position: absolute !important;
}

#maps-filter .fa {
	color: #003da5;
}

#maps-filter .fa.Bohrprotokolle {
	color:  #003da5;
}
#maps-filter .fa.Gutachten {
	color: #136200;
}
#maps-filter .fa.Baustelle {
	color: #e3000b;
}

.col.icon-align {
	align-items: baseline;
	line-height: 28px;
}
/* bootstrap missing but needed classes */
.position-absolute {
	position:absolute!important
}
.d-none {
	display: none;
}
.h-100 {
	height: 100% !important;
}
.w-100 {
	width: 100% !important;
}
.h-auto {
	height: auto !important;
}
.align-items-center {
	-ms-flex-align: center!important;
	align-items: center!important
}
.m-auto {
	margin: auto!important
}
.mt-auto,.my-auto {
	margin-top: auto!important
}
.mr-auto,.mx-auto {
	margin-right: auto!important
}
.mb-auto,.my-auto {
	margin-bottom: auto!important
}
.ml-auto,.mx-auto {
	margin-left: auto!important
}
.text-center {
	text-align: center!important;
}
.text-left {
	text-align: left!important;
}
.text-right {
	text-align: right!important;
}
.col-8 {
	-ms-flex: 0 0 66.66667%;
	flex: 0 0 66.66667%;
	max-width: 66.66667%
}
.justify-content-between {
	-ms-flex-pack: justify!important;
	justify-content: space-between!important
}

.v-bigPlay {
	cursor: pointer;
	height: 100%;
	width: 100%;
	border-radius: initial;
	transition: background .35s ease-in-out;
}

.v-bigPlay::before {
	position: absolute;
	font-size: 4rem;
	color: var(--color-1);
	top: 50%;
	left: 50%;
	transform: scale(1) translateX(-50%) translateY(-50%);
	transition: transform .35s cubic-bezier(.445,.385,0,1.025);
	transform-origin: left;
}

.v-bigPlay:hover {
	background: rgba(0,0,0,.3);
	border-radius: initial;
}

.v-bigPlay:hover::before {
	transform: scale(1.2) translateX(-50%) translateY(-43%);
}

.dsgvo-label.form-check-label {
	color: inherit;
}

.dsgvo-label.form-check-label span {
	margin-left: 0;
}
.fa.fa-tiktok svg {
	fill: #404040;
}

.btn-circle:hover .fa.fa-tiktok svg, .btn-share:hover .fa.fa-tiktok svg {
	fill: rgb(128, 128, 128);
}

.page-erla .col-logo img {
	height: 50px;
}

.quote-style {
	color: #000000;
}

.quote-style::after {
	content: "»";
}
.quote-style::before {
	content: "«";
}
.quote-style-white {
	color: #FFFFFF;
}
.quote-style-main {
	color: var(--color-1);
}
.icontextgrid-wrapper .quote-style,
.tx-cs2-teaser .quote-style,
.tx-cs2-news .quote-style,
.tx-cs2-textimage .quote-style,
.tx-cs2-accordion .quote-style {
	font-weight: 400;
	font-size: 24px;
	line-height: 30px;
}

.responsive-image img {
	width: 100%;
	height: auto;
}
.fit-image img {
	opacity: 1;
}
