/**** allgemeine Style-Sheets**/


*,
::before,
::after {
	-webkit-box-sizing: border-box;
  	box-sizing: border-box;
	}

html {
  	overflow-x: hidden;
  	-ms-text-size-adjust: 100%;
  	-ms-overflow-style: scrollbar;
  	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	scroll-margin-top: 3em;
	scroll-behavior: smooth;
	}

* {
	scroll-margin-top: 120px;
	}

body {
	padding: 0px;
  	font-family: open sans, sans-serif;
  	font-size: 1rem;
  	font-weight: 400;
  	line-height: 1.7;
  	color: #363638;
  	background-color: #f2f2f2;
  	overflow-x: hidden;
  	margin: 0;
  	text-align: left;
  	-webkit-text-size-adjust: 100%;
	}

body .body-page {
	background-color: #fff;
	}

.container {
	max-width: 1200px!important;
	}

h1 {
	font-family:"Roboto";
	font-size: 1.8rem!important;
	font-weight:900;
	text-transform: uppercase;
	text-align:left;
	color:var(--color2);
	line-height:1.5;
	margin: 0 0 8px 0;
	}

h2 {
	font-family:"Roboto";
	font-size: 1.6rem!important;
	font-weight:800;
	text-align:left;
	color:#1d71b8;
	line-height:1.5;
	margin: 13px 0 8px 0;
	}

h3 {
	font-family: "Roboto";
	font-size: 1.4rem!important;
	font-weight: 700;
	text-align: center;
	color: var(--color2);
	line-height: 1.5;
	margin: 13px 0 8px 0;
	}

h4 {
  	font-family: "Roboto";
  	font-size: 1.2rem!important;
  	font-weight: 700;
	text-align: left;
	color: var(--color2);
	line-height: 1.5;
	margin: 30px 0 8px 0;
	padding-left: 0;
	}

h5 {
  	font-family: "Roboto";
  	font-size: 1.1rem!important;
  	font-weight: 700;
	text-align: left;
	color: #1d71b8;
	line-height: 1.5;
	margin: 13px 0 8px 0;
	}
	
h6 {
  	font-family: "Roboto";
  	font-size: 1rem;
  	font-weight: 500;
	text-align: left;
	color: #1d71b8;
	line-height: 1.5;
	margin: 30px 0 8px 0;
	}


/*Inhalt fängt erst unter dem Header an*/

#content {
	margin-top: 83px;
	}


/*Links*/

a {
	color: #1d71b8;
	text-decoration: none;
	font-weight:700;
	hyphens: auto;
	}

a:hover {
	color: var(--color2);
	text-decoration: underline;
	}


/*Breite der einzelnen Blöcke*/

.gsc-heading .title-desc {
	max-width: 1170px;
	}


/*Header*/

/*Allgemeine Header Einstellungen*/

#header {
	position: fixed;
  	z-index: 10;
	width:100%;
	}

header.header-default .header-main {
	background: #1d71b8;
	}

header.header-default .header-main .header-main-inner {
	max-width: 1200px;
	} 

header.header-default .header-main .header-main-inner .header-inner {
	padding-left:0;
	padding-right:0;
	}

#header .content-inner {
	display:flex;
	align-items: center;
	justify-content: space-between;
	padding:0;
	}


/*Hamburger Menü*/

.d-lg-none {
  	display: block !important;
	}

.menu-bar {
	position: relative;
	top:0;
	margin-top:0;
	width: 3%;
	right: 5px;
	}


/*Logo*/

.site-branding-logo img {
	width: 190px!important;
  	height: auto!important;
	}

header .site-branding-logo img.logo-site {
	display: block !important;
	}


/*Suchformular*/

.suchformular {
	width: 80%;
	}

.suchformular .suche-inhalt {
	float: right;
	}

.suchformular label {
	display: none;
	}

.suchformular .views-exposed-form-content-inner {
	display:flex;
	}

.suchformular .views-exposed-form .form-item,
.suchformular .views-exposed-form {
	margin-bottom:0;
	}

.suchformular input.form-autocomplete {
	background-image: none;
	}

.suchformular input::-webkit-input-placeholder {
	color: var(--color2);
	}

.suchformular input:-moz-placeholder { /* Firefox 18- */
	color: var(--color2);
	}
 
.suchformular input::-moz-placeholder {  /* Firefox 19+ */
	color: var(--color2);  
	}
 
.suchformular input:-ms-input-placeholder {  
	color: var(--color2);  
	}

.suchformular input#edit-synonyms,
.suchformular input#edit-dist-max-center-geocoder-geolocation-geocoder-address {
	color: var(--color2);
	}

input.rot {
	border: 1px solid red!important;
	border-right: none;
	}

input#edit-synonyms.rot {
	border-right: none!important;
	}

input.gruen {
	border: none!important;
	}
 
.lupe {
	display:none;
	}


/*Geräteeingabe*/

.suchformular .js-form-item-synonyms {
	width: 320px;
	}

.suchformular input#edit-synonyms {
	border:none;
	border-radius: 4px 0 0 4px;
	}


/*Ortseingabe*/

.suchformular .js-form-item-dist-max-center-geocoder-geolocation-geocoder-address,
.suchformular .js-form-item-field-koordinaten-proximity-center-geocoder-geolocation-geocoder-address {
	width: 280px;
	}

.suchformular input#edit-dist-max-center-geocoder-geolocation-geocoder-address,
.suchformular input#edit-field-koordinaten-proximity-center-geocoder-geolocation-geocoder-address {
	border:none;
	border-radius: 0;
	background-color: #f2f2f2;
	}

div.form-item-dist-max.js-form-item-dist-max,
#edit-dist-max-center-coordinates,
.suchformular #edit-dist-max-center-geocoder-geolocation-geocoder-address--description,
.suchformular #edit-field-koordinaten-proximity-center-geocoder-geolocation-geocoder-address--description,
#edit-field-koordinaten-proximity-center-coordinates,
.suchformular .js-form-item-field-koordinaten-proximity {
	display: none;
	}

.views-exposed-form .form-item input[type=search] {
	color: var(--color2)
	}


/*Techniker finden Button*/

.suchformular input#edit-submit-macher-suche,
.suchformular input#edit-submit-macher-suche--2 {
	height: 46px;
	background-color: var(--color2);
	font-size: inherit;
	font-weight: normal;
	text-transform: none;
	padding-right:10px;
	}

.suchformular .form-actions {
	background-color: var(--color2);
	font-size: inherit;
	border-radius: 0 4px 4px 0;
	padding-right: 16px;
	}

.suchformular .form-actions::after {
	font: var(--fa-font-solid);
    content: "\f002";
	color: #fff;
	}


/*Dropdown Auswahlmöglichkeiten*/

ul#ui-id-1 {
	margin-top:-4px;
	}

ul#ui-id-1 li a {
	font-weight:normal;
	color: var(--color2);
	}

ul#ui-id-1 li a:hover {
	font-weight:normal;
	color: var(--color2);
	background-color: #f2f2f2;
	}

.ui-widget.ui-widget-content {
	border: none;
	border-radius: 0 0 4px 4px;
	padding-bottom: 10px;
	}

.ui-widget.ui-widget-content.ui-autocomplete.ui-front li a {
	color: var(--color2);
	font-weight: 400;
	}

.ui-widget.ui-widget-content.ui-autocomplete.ui-front li a:hover {
	background-color: #fff;
	}

.ui-menu .ui-menu-item {
	padding: 0 10px;
	}

/*Ende Header*/


/* Footer allgemein */

footer {
	color: #fff;
  	font-size: 0.9rem;
  	line-height: 1.5;
  	background-color: #1d71b8;
  	padding: 30px 0 0 0;
	}

footer a,
footer a:hover {
  	color: #fff!important;
	}

footer h5 {
  	color: #fff !important;
	}

footer .footer-first {
	flex: 0 0 25%;
	align-self: center;
	}

footer .footer-second {
	flex: 0 0 50%;
	max-width:50%;
	padding: 0 40px;
	}

footer .footer-third {
	flex: 0 0 25%;
	}

footer .copyright {
  	padding: 10px 0 30px 0;
	}

footer #block-fusszeile {
	padding-top: 0; 
	}

footer .copyright .gva_menu li a {
  	padding: 0 25px 0 0 !important;
	}

/*Ende Footer*/


/*Aufzählungen*/

ul {
	padding-bottom: 20px;
	}


/*Pager*/

.js-pager__items li {
	padding:5px 2px;
	margin:0!important;
	}

li.pager__item a {
  	background-color: #fff;
	}

.pager ul.pager__items>li a:hover {
	background-color: #fff;
	color: #1d71b8;
	}


/*Goto Top Button*/

.goto-top {
	width: 39.2px;
	height: 39.2px;
	bottom: 80px;
	position: fixed;
	margin-right: 30px;
	right: 0px; 
	z-index: 99999;
	border-radius: 50%;
	background-color:#1d71b8;
	color: #fff;
	text-align:center;
	padding-top:11px;
	}

.goto-top:hover {
	color: #fff;
	text-decoration: none;
	}


/*Hauptmenü*/

/*Menüpunkte nicht bei Hover öffnen, sondern erst beim Klicken*/

.gva-offcanvas-mobile .gva-navigation .gva_menu > li > a + ul.sub-menu {
	display: none;
	}

.gva-offcanvas-mobile {
	display:none;
	}
	
.gva-offcanvas-mobile.show-view {
	display:block;
	position:fixed;
	background-color:#ffffff;
	left: 0;
	top: 0;
	bottom: 0;
	width: 350px;
	padding: 20px;	
	overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.2);
	}
	
.gva-offcanvas-mobile .close-offcanvas {
    display: block !important;
    text-align: center;
    border-bottom: 1px solid #dee2e6;
    width: 100%;
    padding: 15px 0;
    opacity: 1;
    color: #363638;
  	}
	
.gva-offcanvas-mobile .close-offcanvas:hover {
    cursor: pointer;
    color: #1d71b8;
  	}

.gva-offcanvas-mobile .gva-navigation ul {
	width: 280px;
	}
	
.gva-offcanvas-mobile .gva-navigation .gva_menu > li {
    display: block;
    border-bottom: 1px solid #dee2e6;
  	}
	
.gva-offcanvas-mobile .gva-navigation .gva_menu > li > a {
    font-family: "open sans", sans-serif;
	color:#363638!important;
	font-size: 0.9rem;
	text-transform: uppercase;
    padding: 15px 0;
    font-weight: 500;
  	}

.gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a {
	color:#363638;
	font-size:0.9rem;
	}
	
.gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu {
    padding-left: 20px !important;
    margin-bottom: 10px;
	}

.gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu {
    -webkit-transition: none;
    transition: none;
    -moz-transition: none;
    -ms-transition: none;
    min-width: inherit;
    display: none;
    width: 100%;
    position: static;
    padding: 0 !important;
    visibility: visible;
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
  	}

.gva-offcanvas-mobile .gva-navigation .gva_menu li ul.sub-menu li ul.sub-menu li {
	padding-top:6px;
	margin-bottom: 0;
	}
	
.gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a:after,
.gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a:before {
    content: none !important;
	}
	
.gva-offcanvas-mobile .gva-navigation .gva_menu li a:hover,
.gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a:hover {
	color:#1d71b8;
	text-decoration:underline;
	}

.gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 1px;
    bottom: 0;
    right: -30px;
    font-size: 13px;
  	}
	
.gva-offcanvas-mobile .gva-navigation .gva_menu > li > a .icaret:before {
	top:80%!important;
	}

.gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret:before {
    font: var(--fa-font-solid);
    content: "\f107";
	font-size: 1rem;
    color: #363638;
	position: absolute;
    text-transform: inherit;
    left: 50%;
    top: 40%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	}
	
.gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret.nav-minus:before {
    content: "\f106";
	}


/*KI-generierte Bilder kennzeichnen*/

div:has(>img[alt*='KI-generiert' i]),
div.item-image:has(a>img[alt*='KI-generiert' i]),
.ki-generiert div.widget-content:has(>img) {
	position: relative;
	}

div.item-image:has(>img[alt*='KI-generiert' i]):after,
.ki-generiert div.widget-content:has(>img):after {
	content:'KI-generiert';
	position: absolute;
	bottom: 25px;
	right: 10px;
	font-size: 0.8rem;
	background-color: #fff;
	padding: 0 5px;
	}

.landingpage-inhalt2-marke .ki-generiert div.widget-content:has(>img):after {
	right: 50px;
	}

.landingpage-inhalt1 .ki-generiert div.widget-content:has(>img):after,
.landingpage-inhalt2 .ki-generiert div.widget-content:has(>img):after {
	right: 60px;
	bottom: 10px;
	}

div.item-image > a:has(>img[alt*='KI-generiert' i]):after {
	content:'KI-generiert';
	position: absolute;
	bottom: 20px;
	right: 5px;
	font-size: 0.4rem;
	font-weight: 400;
	color: #363638;
	background-color: #fff;
	padding: 0 5px;
	}

.hintergrund-ki-generiert:after,
.hintergrund-ki-generiert-links:after {
	content:'KI-generiert';
	position: absolute;
	bottom: 20px;
	font-size: 0.8rem;
	font-weight: 400;
	color: #363638;
	background-color: #fff;
	padding: 0 5px;
	}

.hintergrund-ki-generiert:after {
	right: 20px;
	}

.hintergrund-ki-generiert-links:after {
	left: 20px;
	}


/*Macherblöcke*/

.gva-view-grid-inner.lg-block-grid-3.md-block-grid-3.sm-block-grid-2.xs-block-grid-1:has(.macherblock-global) {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin: 0 0 20px 0;
	}

.gva-view-grid-inner.lg-block-grid-3.md-block-grid-3.sm-block-grid-2.xs-block-grid-1:has(.macherblock-global):after {
	display:none;
	}

.gva-view-grid-inner.lg-block-grid-3.md-block-grid-3.sm-block-grid-2.xs-block-grid-1:has(.macherblock-global):before {
	display:none;
	}

.gva-view-grid-inner.lg-block-grid-3.md-block-grid-3.sm-block-grid-2.xs-block-grid-1 > .item-columns:has(.macherblock-global) {
	width:32%;
	background:#fff;
	border:1px solid rgba(0,0,0,.08);
	margin:0 0 20px 0;
	padding: 0;
	}

.macherblock-global .listing-content {
	border:none;
	}

.macherblock-global .listing-content.clearfix::after {
	display:none!important;
	}

.macherblock-global.listing-block {
	margin-bottom: 0;
	}

.macherblock-global.listing-block::after {
	display:none;
	}

.macherblock-global.listing-block:hover {
	box-shadow:none;
	}

.macherblock-global .listing-info,
.macherblock-global .listing-info > div[class*="id_"] {
	display:flex;
	flex-wrap:wrap;
	padding-bottom: 0!important;
	align-items: center;
	}

div.rateit-range-links {
	height: 24px!important;
	position: absolute!important;
	}

.macherblock-global .office-hours-status,
.macherblock-global .urlaubsinfo,
.macherblock-global .address {
	padding-bottom: 15px;
	}

.macherblock-global.listing-block .listing-content .listing-info .title {
	text-align: left;
	width: 100%;
	margin-top: 35px;
	min-height: 101px;
	padding: 0;
	border-bottom: none;
	}

.macherblock-global .zertifikat {
	position: absolute;
	right: 10px;
	top: 13px;
	}

.macherblock-global .zertifikat:has(img) ~ .show-in-map {
	right: 55px;
	}

.macherblock-global .zertifikat:has(img) ~ div[class*="id_"] .entfernung {
	right: 100px;
	}

.macherblock-global .zertifikat img {
	background-color: #fff;
	width: 40px; 
	height: 40px;
	}


/*Öffnungszeiten*/

.macherblock-global .listing-info > div[class*="id_"] > div.oeffnungszeiten-akkordeon {
	display: flex; 
	width: 100%;
	padding-bottom: 30px;
	}

.macherblock-global .oeffnungszeiten-label {
	color: #1d71b8;
	font-style: italic;
	text-decoration: underline;
	}

.macherblock-global .oeffnungszeiten-label:hover {
	cursor: pointer;
	}

.macherblock-global .oeffnungszeiten-label-closed:before {
	content: " mehr ";
	}

.macherblock-global .oeffnungszeiten-label-open:before {
	content: " weniger ";
	}

.macherblock-global div.oeffnungszeiten-closed {
	display: none;
	}

.macherblock-global div.oeffnungszeiten-open {
	display: block;
	}

.macherblock-global .oeffnungszeiten-akkordeon .item > div {
	display: flex;
	flex-direction: column;
	}

.macherblock-global .oeffnungszeiten-akkordeon .item > div:has(.oeffnungszeiten-label-open) .oeffnungszeiten-label {
	order: 2;
	}

.macherblock-global .oeffnungszeiten-akkordeon .item > div:has(.oeffnungszeiten-label-open) .oeffnungszeiten-open:before {
  content: "";
  display: block;
  height: 1px;
  width: 70%;
  background-color: #363638;
  margin: 20px 0;
	}

.macherblock-global .listing-info > div[class*="id_"] > div.office-hours {
	width:100%;
	}

.macherblock-global .oeffnungszeiten-akkordeon div {
	background-color: #fff;
	}

.macherblock-global .office-hours-status--open {
	color: #179691;
	font-weight: 700;
	}

.macherblock-global .office-hours-status--closed {
	font-weight: 700;
	}

.macherblock-global span.office-hours__item-label {
	font-weight: 400;
	display: block;
	line-height: 1em;
	margin-top: 10px;
	}

.macherblock-global .terminvereinbarung {
	min-height: 155px;
	}

.macherblock-global .fa-clock,
.macherblock-global .icon.fa-clock:hover {
	color: #b51821;
	margin-bottom: 22px;
	}

.macherblock-global div[class*="id_"]:has(.fa-clock ~ div.office-hours-status--open) .fa-clock,
.macherblock-global div[class*="id_"]:has(.fa-clock ~ div.office-hours-status--open) .fa-clock:hover {
	color: #179691;
	}

.macherblock-global div[class*="id_"]:has(.fa-clock ~ div.office-hours-status--closed) .fa-clock,
.macherblock-global div[class*="id_"]:has(.fa-clock ~ div.office-hours-status--closed) .fa-clock:hover {
	color: #363638;
	}

.macherblock-global div[class*="id_"]:has(.fa-clock ~ .terminvereinbarung) .fa-clock,
.macherblock-global div[class*="id_"]:has(.fa-clock ~ .terminvereinbarung) .fa-clock:hover,
.macherblock-global div[class*="id_"]:has(.oeffnungszeiten-akkordeon + .terminvereinbarung) div.oeffnungszeiten-akkordeon {
	display: none;
	}

.macherblock-global .terminvereinbarung:before {
	font-family: 'Font Awesome 6 Free';
	content: '\f017'; 
	font-weight: 900; 
	font-size: 1.2rem;
	margin-right: 8px;
	}


/*Urlaubsinfo*/

.macherblock-global .urlaubsinfo {
	font-weight: 700;
	font-size: 1rem;
	}

.macherblock-global .urlaubsinfo .urlaubheader {
    margin-bottom: 0;
	color: #b51821;
    }

.macherblock-global .urlaubsinfo .urlaubzeitraum {
    color: #b51821;
    }

.macherblock-global .urlaubsinfo .urlaubzusatz {
    font-weight: 400;
	margin-bottom: 0;
    }

.macherblock-global .urlaubsinfo .urlaubbemerkungen {
    font-weight: 400;
    }

.macherblock-global .urlaubsinfo:has(.urlaubbemerkungen) .urlaubzusatz {
    font-weight: 700;
    }

.macherblock-global .listing-info:has(.urlaubsinfo) .fa-clock {
    display: none;
    }

.macherblock-global div.urlaubsinfo ~ .office-hours-status,
.macherblock-global div.urlaubsinfo ~ .office-hours {
    display: none;
    }

.macherblock-global div.urlaubsinfo ~ .oeffnungszeiten-akkordeon div.oeffnungszeiten-closed {
	display: block;
	}

.macherblock-global div.urlaubsinfo ~ .oeffnungszeiten-akkordeon .oeffnungszeiten-label {
	font-size: 0;
	text-decoration: none;
	}

.macherblock-global div.urlaubsinfo ~ .oeffnungszeiten-akkordeon .oeffnungszeiten-label:hover {
	cursor: default;
	}


/*Termin nach telefonischer Vereinbarung*/

.macherblock-global div[class*="id_"]:has(.terminvereinbarung) .oeffnungszeiten-akkordeon {
	display: none;
	}


/*Adresse*/

.macherblock-global.listing-block .listing-content .listing-info .address {
	color: inherit;
	font-size:inherit;
	line-height:inherit;
	display: flex;
	width: 100%;
	}

.macherblock-global .icon {
	font-size: 1.2em!important;
	margin-right: 13.2px!important;
	top: 4px!important;
	position: relative;
	}

.macherblock-global a .icon:hover {
	color: #1d71b8!important;
	}


/*Kontakt*/

.macherblock-global.listing-block .listing-content .listing-info .kontakt {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-weight: 700;
	margin: 15px 0;
	height: 101px;
	}

.macherblock-global.listing-block .listing-content .listing-info .weitererKontakt {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-weight: 700;
	padding: 0 0 0 29.2px;
	height: 27.2px;
	}

.macherblock-global.listing-block .listing-content .listing-info .weitererKontakt:has(.mobil, .whatsapp, .email):before {
	content: "Oder 	\00FC ber:";
	margin-right: 10px;
	font-weight: 400;
	}

.macherblock-global.listing-block .listing-content .listing-info .weitererKontakt .icon {
	top: 2px!important;
	}

.macherblock-global.listing-block .listing-content .listing-info .kontakt > p {
	margin-bottom: 0;
	}

.macherblock-global.listing-block .listing-content .listing-info .kontakt .phone {
	flex: 0 0 100%;
	font-size: 1rem;
	padding: 15px 0 15px 29.2px;
	}

.macherblock-global .icon.fa-phone {
	top: 0!important;
	width: 16px;
	}

.macherblock-global.listing-block .listing-content .listing-info .phone i,
.macherblock-global.listing-block .listing-content .listing-info .whatsapp i,
.macherblock-global.listing-block .listing-content .listing-info .email i,
.macherblock-global.listing-block .listing-content .listing-info .mobil i {
	color: #363638;
	}

.macherblock-global.listing-block .listing-content .listing-info .phone {
	margin-top: 0;
	}

.macherblock-global.listing-block .listing-content .listing-info .phone a {
	font-weight: 400;
	text-decoration: underline;
	}


/*Icons Kategorie*/

.macherblock-global .kategorie {
	margin: 20px 0 10px 0;
	font-weight: 700;
	width: 100%;
	}

.macherblock-global .view-content-2 .view-content-wrap {
	display:flex;
	align-items: center;
	}

.macherblock-global .kategorie ~ .gva-view div {
	background-color: #fff;
	}

.macherblock-global .listing-onepage .item-image {
	height: 30px;
	width:auto;
	display: flex;
	margin: 0;
	margin-right: 10px;
	}

.macherblock-global .listing-onepage .item-image img {
	height: 100%;
	width: auto;
	object-fit: contain;
	display: block;
	}


/*Icons Kategorie*/

.listing-items .view-content-2 .view-content-wrap {
	display:flex;
	align-items: center;
	}

.listing-items .item-image {
	height: 30px;
	width:auto;
	display: flex;
	margin-right: 10px;
	}

.listing-items .item-image img {
	height: 100%;
	width: auto;
	object-fit: contain;
	display: block;
	}


/*Buttons*/

.macherblock-global .werkstattbutton,
.macherblock-global .anfragebutton,
.versandreparatur .werkstattbutton,
.versandreparatur .anfragebutton {
 	width: 100%;
    padding: 5px!important;
	border: 4px solid #1d71b8;	
    border-radius: 4px;
    text-align: center;
	}

.macherblock-global .werkstattbutton,
.versandreparatur .werkstattbutton {
	margin: 30px 0 10px 0;
	background-color: #1d71b8;
	}

.macherblock-global .werkstattbutton a,
.versandreparatur .werkstattbutton a {
	color:#fff;
	}

.macherblock-global .anfragebutton,
.versandreparatur .anfragebutton {
	margin-bottom: 15px;
	}

.macherblock-global .anfragebutton a:hover,
.versandreparatur .anfragebutton a:hover {
	color: #1d71b8;
	}


/*Anzeige für Versandreparatur*/

.item-columns.versandreparatur {
	border: 5px solid #b51821;
	width: 32%;
	margin: 0/*0 20px 0*/!important;
    padding: 0;
	}

.versandreparatur .listing-block {
	margin-bottom: 0;
	}

.versandreparatur .listing-info.listing-versand {
	text-align: left;
	display:block;
	padding-bottom: 12px;
	}

.versandreparatur .listing-versand img {
	width: 45%;
	}

.versandreparatur .listing-versand p {
	padding-bottom: 24px;
	}

.versandreparatur .listing-versand p:nth-child(2) {
	margin-top: 46px;
	text-align: center;
	padding-bottom: 9px;
	}

.versandreparatur .listing-versand p:nth-child(3) {
	font-weight: 700;
	margin-top: 30px;
	}

.versandreparatur .listing-versand p:nth-child(5) > span {
	color: #179691;
	font-weight: 700;
	}

.versandreparatur .listing-versand i.fa-clock {
	color: #179691;
	font-size: 1.2rem;
	float: left;
	margin: 5px 15px 0 0;
	padding-bottom: 40px;
	}

.versandreparatur .listing-versand i.fa-phone,
.versandreparatur .listing-versand i.fa-wrench {	
	float: left;
	margin: 5px 15px 0 0;
	padding-bottom: 20px;
	}

.versandreparatur .listing-versand i.fa-wrench {
	transform: scaleX(-1);
  	display: inline-block;
	}

.versandreparatur .listing-versand i.fa-truck-fast {
	font-size: 4.5rem;
	color: #1d71b8;
	margin-bottom: 10px;
	}

.listing-block .show-in-map a:has(.fa-truck-fast) {
	background-color: #B51821;
	}

	
.versandreparatur .listing-versand .werkstattbutton {
	margin-top: 61px;
	}

.versandreparatur .listing-versand .anfragebutton {
	margin-bottom: 0;
	}

.listing-info [class*="id"]:has(div.address.versand) > .kategorie,
.listing-info [class*="id"]:has(div.address.versand) > .gva-view {
	display: none;
	}

.macherblock-global .address.versand {
	padding-bottom: 10px!important;
	font-weight: 700;
	margin-top: 0!important;
	margin-bottom: 29px;
	}

.macherblock-global i.fa-wrench {
    margin: -25px 15px 0 0;
    padding-bottom: 20px;
    transform: scaleX(-1);
    display: inline-block;
}


/* Macherblock Ende */


/*Bei allen Formularen das * hinter den Pflichtfeldern einfügen*/

#comment-form .form-required:after,
#contact-message-kontakt-form .form-required:after {
	content:'*';
	}


/*Allgemeine Klasse um alle margins auf 0 zu setzen*/

.ohne-margin {
	margin: 0;
	}


/*Zusatz css für den Petitionslink im Header - vorläufig auskommentiert stehen lassen, falls an diese Stelle mal wieder ein wichtiger Hinweis hinkommt*/

#header .petition a {
	color:#fff;
	font-size: 0.8rem;
	font-weight: 500;
	text-decoration: underline;
	}

.petition {
	margin: -10px 0 15px auto;
	}

#content {
	margin-top: 116px;
	}


/*Versandformular*/

body.page--node-2459 .main,
body.page--node-2459,
body.page--node-2441 .main,
body.page--node-2441,
body.page--node-2440 .main,
body.page--node-2440,
body.page--node-2439 .main,
body.page--node-2439,
body.page--node-2438 .main,
body.page--node-2438,
body.page--node-2437 .main,
body.page--node-2437,
body.page--node-2436 .main,
body.page--node-2436,
body.page--node-2434 .main,
body.page--node-2434,
body.page--node-2589 .main,
body.page--node-2589,
body.page--node-2607 .main,
body.page--node-2607,
body.page--node-2723 .main,
body.page--node-2723{
	background-color: #fff!important;
	}

body.page--node-2434 .header-inner,
body.page--node-2436 .header-inner,
body.page--node-2437 .header-inner,
body.page--node-2438 .header-inner,
body.page--node-2439 .header-inner,
body.page--node-2440 .header-inner,
body.page--node-2441 .header-inner,
body.page--node-2459 .header-inner,
body.page--node-2589 .header.inner,
body.page--node-2607 .header.inner,
body.page--node-2723 .header.inner{
	z-index: 1;
	}

body.page--node-2434 header.header-default .header-main,
body.page--node-2436 header.header-default .header-main,
body.page--node-2437 header.header-default .header-main,
body.page--node-2438 header.header-default .header-main,
body.page--node-2439 header.header-default .header-main,
body.page--node-2440 header.header-default .header-main,
body.page--node-2441 header.header-default .header-main,
body.page--node-2459 header.header-default .header-main,
body.page--node-2589 header.header-default .header-main,
body.page--node-2607 header.header-default .header-main,
body.page--node-2723 header.header-default .header-main{
	background-color: #fff;
	border-bottom: 1px solid #f2f2f2;
	}

body.page--node-2434 #header .petition a,
body.page--node-2436 #header .petition a,
body.page--node-2437 #header .petition a,
body.page--node-2438 #header .petition a,
body.page--node-2439 #header .petition a,
body.page--node-2440 #header .petition a,
body.page--node-2441 #header .petition a,
body.page--node-2459 #header .petition a,
body.page--node-2589 #header .petition a,
body.page--node-2607 #header .petition a,
body.page--node-2723 #header .petition a
{
	color: #1d71b8;
	}

body.page--node-2434 header.header-default #menu-bar span,
body.page--node-2436 header.header-default #menu-bar span,
body.page--node-2437 header.header-default #menu-bar span,
body.page--node-2438 header.header-default #menu-bar span,
body.page--node-2439 header.header-default #menu-bar span,
body.page--node-2440 header.header-default #menu-bar span,
body.page--node-2441 header.header-default #menu-bar span,
body.page--node-2459 header.header-default #menu-bar span,
body.page--node-2589 header.header-default #menu-bar span,
body.page--node-2607 header.header-default #menu-bar span,
body.page--node-2723 header.header-default #menu-bar span{
	background: #1d71b8;
	}

body.page--node-2434 .site-branding-logo,
body.page--node-2436 .site-branding-logo,
body.page--node-2437 .site-branding-logo,
body.page--node-2438 .site-branding-logo,
body.page--node-2439 .site-branding-logo,
body.page--node-2440 .site-branding-logo,
body.page--node-2441 .site-branding-logo,
body.page--node-2459 .site-branding-logo,
body.page--node-2589 .site-branding-logo,
body.page--node-2607 .site-branding-logo,
body.page--node-2723 .site-branding-logo{
	position: relative;
	}

body.page--node-2434 .site-branding-logo:before,
body.page--node-2436 .site-branding-logo:before,
body.page--node-2437 .site-branding-logo:before,
body.page--node-2438 .site-branding-logo:before,
body.page--node-2439 .site-branding-logo:before,
body.page--node-2440 .site-branding-logo:before,
body.page--node-2441 .site-branding-logo:before,
body.page--node-2459 .site-branding-logo:before,
body.page--node-2589 .site-branding-logo:before,
body.page--node-2607 .site-branding-logo:before,
body.page--node-2723 .site-branding-logo:before{
	content: url("/sites/default/files/bilder/Logo/MeinMacher.svg");
	position: absolute;
	left: 0;
	top: 18px;
	width: 190px;
	}

body.page--node-2434 .site-branding-logo img,
body.page--node-2436 .site-branding-logo img,
body.page--node-2437 .site-branding-logo img,
body.page--node-2438 .site-branding-logo img,
body.page--node-2439 .site-branding-logo img,
body.page--node-2440 .site-branding-logo img,
body.page--node-2441 .site-branding-logo img,
body.page--node-2459 .site-branding-logo img, 
body.page--node-2589 .site-branding-logo img,
body.page--node-2607 .site-branding-logo img,
body.page--node-2723 .site-branding-logo img{
	display: none;
	}

.page--node-2434 .footer-inner,
.page--node-2434 #go-top,
.page--node-2436 .footer-inner,
.page--node-2436 #go-top,
.page--node-2437 .footer-inner,
.page--node-2437 #go-top,
.page--node-2438 .footer-inner,
.page--node-2438 #go-top,
.page--node-2439 .footer-inner,
.page--node-2439 #go-top,
.page--node-2440 .footer-inner,
.page--node-2440 #go-top,
.page--node-2441 .footer-inner,
.page--node-2441 #go-top,
.page--node-2459 .footer-inner,
.page--node-2459 #go-top,
.page--node-2589 .footer-inner,
.page--node-2589 #go-top,
.page--node-2607 .footer-inner,
.page--node-2607 #go-top,
.page--node-2723 .footer-inner,
.page--node-2723 #go-top{
	display: none;
	}

.page--node-2434 footer,
.page--node-2436 footer,
.page--node-2437 footer,
.page--node-2438 footer,
.page--node-2439 footer,
.page--node-2440 footer,
.page--node-2441 footer,
.page--node-2459 footer,
.page--node-2589 footer,
.page--node-2607 footer,
.page--node-2723 footer{
	background-color: #f2f2f2;
	}

.page--node-2434 footer :is(i, h5, a),
.page--node-2436 footer :is(i, h5, a),
.page--node-2437 footer :is(i, h5, a),
.page--node-2438 footer :is(i, h5, a),
.page--node-2439 footer :is(i, h5, a),
.page--node-2440 footer :is(i, h5, a),
.page--node-2441 footer :is(i, h5, a),
.page--node-2459 footer :is(i, h5, a),
.page--node-2589 footer :is(i, h5, a),
.page--node-2607 footer :is(i, h5, a),
.page--node-2723 footer :is(i, h5, a){
	color: #1d71b8!important;
	}

.page--node-2434 .block-webform > .block-title,
.page--node-2436 .block-webform > .block-title,
.page--node-2437 .block-webform > .block-title,
.page--node-2438 .block-webform > .block-title,
.page--node-2439 .block-webform > .block-title,
.page--node-2440 .block-webform > .block-title,
.page--node-2441 .block-webform > .block-title,
.page--node-2459 .block-webform > .block-title,
.page--node-2589 .block-webform > .block-title,
.page--node-2607 .block-webform > .block-title,
.page--node-2723 .block-webform > .block-title{
	margin-bottom: 0;
	border-bottom: 0;
	font-family: "Roboto";
    font-size: 1.8rem !important;
    font-weight: 900;
	text-align: center;
    text-transform: uppercase;
	}

[id*="webform-submission-versandformular"],
[id*="webform-submission-vor-ort-neukunde"] {
	width: 718px;
	margin: 40px auto;
	}

[id*="webform-submission-versandformular"] legend,
.webform-submission-form[id*="webform-submission-versandformular"] .form-item label,
[id*="webform-submission-vor-ort-neukunde"] legend, 
.webform-submission-form[id*="webform-submission-vor-ort-neukunde"] .form-item label {
	font-size: 1rem;
	font-weight: bold;
	color: #1d71b8;
	margin-bottom: 0;
	}

.webform-submission-form[id*="webform-submission-versandformular"] .form-item label.option,
.webform-submission-form[id*="webform-submission-vor-ort-neukunde"] .form-item label.option {
	font-weight: 400;
	color: #363638;
	}

[id*="webform-submission-versandformular"] #edit-bitte-waehlen-sie-das-reparaturvorgehen > div,
[id*="webform-submission-versandformular"] #edit-reparaturvorgehen-checkboxes > div,
[id*="webform-submission-vor-ort-neukunde"] #edit-bitte-waehlen-sie-das-reparaturvorgehen > div,
[id*="webform-submission-vor-ort-neukunde"] #edit-reparaturvorgehen-checkboxes > div {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
	}

[id*="webform-submission-versandformular"] #edit-bitte-waehlen-sie-das-reparaturvorgehen > div input,
[id*="webform-submission-versandformular"] #edit-reparaturvorgehen-checkboxes > div input,
[id*="webform-submission-vor-ort-neukunde"] #edit-bitte-waehlen-sie-das-reparaturvorgehen > div input,
[id*="webform-submission-vor-ort-neukunde"] #edit-reparaturvorgehen-checkboxes > div input {
	width: auto;
	}

[id*="webform-submission-versandformular"] #edit-bitte-waehlen-sie-das-reparaturvorgehen > div label,
[id*="webform-submission-versandformular"] #edit-reparaturvorgehen-checkboxes > div label,
[id*="webform-submission-vor-ort-neukunde"] #edit-bitte-waehlen-sie-das-reparaturvorgehen > div label,
[id*="webform-submission-vor-ort-neukunde"] #edit-reparaturvorgehen-checkboxes > div label {
	margin-left: 10px;
	color: #1d71b8;
	font-weight: bold;
	margin-bottom: 0!important;
	}

[id*="webform-submission-versandformular"] #edit-bitte-waehlen-sie-das-reparaturvorgehen > div .description,
[id*="webform-submission-versandformular"] #edit-reparaturvorgehen-checkboxes > div .description,
[id*="webform-submission-vor-ort-neukunde"] #edit-bitte-waehlen-sie-das-reparaturvorgehen > div .description,
[id*="webform-submission-vor-ort-neukunde"] #edit-reparaturvorgehen-checkboxes > div .description {
	width: 100%;
	margin-left: 23px;
	}

[id*="webform-submission-versandformular"] #edit-bitte-waehlen-sie-das-reparaturvorgehen > div.form-item-reparaturvorgehen-checkboxes--other-,
[id*="webform-submission-versandformular"] #edit-reparaturvorgehen-checkboxes > div.form-item-reparaturvorgehen-checkboxes--other-,
[id*="webform-submission-vor-ort-neukunde"] #edit-bitte-waehlen-sie-das-reparaturvorgehen > div.form-item-reparaturvorgehen-checkboxes--other-,
[id*="webform-submission-vor-ort-neukunde"] #edit-reparaturvorgehen-checkboxes > div.form-item-reparaturvorgehen-checkboxes--other- {
	display: none;
	}


[id*="webform-submission-versandformular"] .js-form-type-checkbox.form-no-label,
[id*="webform-submission-versandformular"] #edit-zubehoer-checkboxes > .js-form-type-checkbox,
[id*="webform-submission-vor-ort-neukunde"] .js-form-type-checkbox.form-no-label, 
[id*="webform-submission-vor-ort-neukunde"] #edit-zubehoer-checkboxes > .js-form-type-checkbox,
[id*="webform-submission-vor-ort-neukunde"] #edit-wie-sind-sie-auf-uns-aufmerksam-geworden-checkboxes > .js-form-type-checkbox {
	display: flex;
	align-items: flex-start;
	}

[id*="webform-submission-versandformular"] .js-form-type-checkbox.form-no-label  input[type="checkbox"],
[id*="webform-submission-versandformular"] #edit-zubehoer-checkboxes > .js-form-type-checkbox input[type="checkbox"],
[id*="webform-submission-vor-ort-neukunde"] .js-form-type-checkbox.form-no-label input[type="checkbox"],
[id*="webform-submission-vor-ort-neukunde"] #edit-zubehoer-checkboxes > .js-form-type-checkbox input[type="checkbox"],
[id*="webform-submission-vor-ort-neukunde"] #edit-wie-sind-sie-auf-uns-aufmerksam-geworden-checkboxes > .js-form-type-checkbox input[type="checkbox"] {	
	width: 13px;
	margin: 7px 10px 0 0;
	}

fieldset#edit-wie-sind-sie-auf-uns-aufmerksam-geworden {
	margin-top: 30px;
	}

[id*="webform-submission-versandformular"] #edit-zubehoer-checkboxes,
[id*="webform-submission-vor-ort-neukunde"] #edit-zubehoer-checkboxes,
[id*="webform-submission-vor-ort-neukunde"] #edit-wie-sind-sie-auf-uns-aufmerksam-geworden-checkboxes {
	margin-top: 20px;
	}

[id*="webform-submission-versandformular"] .form-item-neuanlage,
[id*="webform-submission-vor-ort-neukunde"] .form-item-neuanlage { 
	display: none;
	}

[id*="webform-submission-versandformular"] .description,
[id*="webform-submission-vor-ort-neukunde"] .description {
	display: inline-block;
	}

[id*="webform-submission-versandformular"] .webform-button--previous,
[id*="webform-submission-vor-ort-neukunde"] .webform-button--previous {
	margin-right: 5px;
	}

[id*="webform-submission-versandformular"] .webform-button--next,
[id*="webform-submission-vor-ort-neukunde"] .webform-button--next {
	margin-left: 5px;
	}

#edit-thermomix-wahl-checkboxes {
	margin-top: 20px;
	}

[id*="webform-submission-versandformular"] .form-item.js-form-type-checkbox,
[id*="webform-submission-vor-ort-neukunde"] .form-item.js-form-type-checkbox,
[id*="webform-submission-versandformular"] #edit-verpackung,
[id*="webform-submission-vor-ort-neukunde"] #edit-verpackung {
	margin-bottom: 0;
	}

[id*="webform-submission-versandformular"] .form-item.js-form-type-checkbox:last-child,
[id*="webform-submission-vor-ort-neukunde"] .form-item.js-form-type-checkbox:last-child {
	margin-bottom: 20px;
	}

fieldset.webform-composite-hidden-title {
	margin-top: 0;
	}

[id*="webform-submission-versandformular"] .webform-options-display-buttons .form-item,
[id*="webform-submission-vor-ort-neukunde"] .webform-options-display-buttons .form-item {
	height: auto;
	}

#edit-bitte-tragen-sie-rechnungs-und-lieferadresse-ein .form-item-preise {
	font-weight:bold;
	color: red;
	}

[id*="webform-submission-versandformular"].webform-submission-form .form-item textarea,
[id*="webform-submission-versandformular"] input[type="text"],
[id*="webform-submission-versandformular"] input[type="email"],
[id*="webform-submission-versandformular"] input[type="tel"],
[id*="webform-submission-vor-ort-neukunde"].webform-submission-form .form-item textarea,
[id*="webform-submission-vor-ort-neukunde"] input[type="text"],
[id*="webform-submission-vor-ort-neukunde"] input[type="email"],
[id*="webform-submission-vor-ort-neukunde"] input[type="tel"] {
	border-radius: 4px;
    background-color: #f2f2f2;
    border: 1px solid #dee2e6;
	min-height: 42px;
	}

[id*="webform-submission-versandformular"] #edit-name--wrapper > div,
[id*="webform-submission-vor-ort-neukunde"] #edit-name--wrapper > div {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}

[id*="webform-submission-versandformular"] #edit-adresse--wrapper .form-item-adresse-address,
[id*="webform-submission-vor-ort-neukunde"] #edit-adresse--wrapper .form-item-adresse-address {
	order: 1;
	}

[id*="webform-submission-versandformular"] #edit-adresse--wrapper .form-item-adresse-city,
[id*="webform-submission-vor-ort-neukunde"] #edit-adresse--wrapper .form-item-adresse-city {
	order: 3;
	}

[id*="webform-submission-versandformular"] #edit-adresse--wrapper .form-item-adresse-postal-code,
[id*="webform-submission-vor-ort-neukunde"] #edit-adresse--wrapper .form-item-adresse-postal-code {
	order: 2;
	}

[id*="webform-submission-versandformular"] .form-item-name-title,
[id*="webform-submission-vor-ort-neukunde"] .form-item-name-title {
	flex: 0 0 100%;
	}

[id*="webform-submission-versandformular"] .form-item-name-first,
[id*="webform-submission-vor-ort-neukunde"] .form-item-name-first {
	flex: 0 0 49%;
	margin-bottom: 0;
	}

[id*="webform-submission-versandformular"] .form-item-name-last,
[id*="webform-submission-vor-ort-neukunde"] .form-item-name-last {
	flex: 0 0 49%;
	margin-bottom: 0;
	}

[id*="webform-submission-versandformular"] #edit-adresse--wrapper > div,
[id*="webform-submission-vor-ort-neukunde"] #edit-adresse--wrapper > div {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	}
	
[id*="webform-submission-versandformular"] .form-item-adresse-address,
[id*="webform-submission-vor-ort-neukunde"] .form-item-adresse-address {
	flex: 0 0 100%;
	}

[id*="webform-submission-versandformular"] .form-item-adresse-city,
[id*="webform-submission-vor-ort-neukunde"] .form-item-adresse-city {
	flex: 0 0 64%;
	margin-bottom: 0;
	}

[id*="webform-submission-versandformular"] .form-item-adresse-postal-code,
[id*="webform-submission-vor-ort-neukunde"] .form-item-adresse-postal-code {
	flex: 0 0 34%;
	margin-bottom: 0;
	}

[id*="webform-submission-versandformular"] input.webform-button--previous,
[id*="webform-submission-versandformular"] input.webform-button--next,
[id*="webform-submission-versandformular"]input.webform-button--submit,
[id*="webform-submission-vor-ort-neukunde"] input.webform-button--previous,
[id*="webform-submission-vor-ort-neukunde"] input.webform-button--next,
[id*="webform-submission-vor-ort-neukunde"]input.webform-button--submit {
    border: 2px solid #1d71b8;
    border-radius: 4px;
    font-size: 1rem;
    font-weight: 700;
	line-height: 1.7;
    text-align: center;
    padding: 5px 10px;
	}

[id*="webform-submission-versandformular"] input.webform-button--previous,
[id*="webform-submission-versandformular"] input.webform-button--next,
[id*="webform-submission-versandformular"] input.webform-button--submit,
[id*="webform-submission-vor-ort-neukunde"] input.webform-button--previous,
[id*="webform-submission-vor-ort-neukunde"] input.webform-button--next,
[id*="webform-submission-vor-ort-neukunde"] input.webform-button--submit {
	color: #1d71b8;
    background-color: #fff;
	border: 1px solid #1d71b8;
	}

[id*="webform-submission-versandformular"] input.webform-button--submit,
[id*="webform-submission-versandformular"] input.webform-button--submit:hover,
[id*="webform-submission-vor-ort-neukunde"] input.webform-button--submit,
[id*="webform-submission-vor-ort-neukunde"] input.webform-button--submit:hover {
	background-color: #1d71b8!important;
	color: #fff;
	border-radius: 4px!important;
	}

[id*="webform-submission-versandformular"] input.webform-button--previous:hover,
[id*="webform-submission-versandformular"] input.webform-button--next:hover,
[id*="webform-submission-versandformular"] input.webform-button--submit:hover,
[id*="webform-submission-vor-ort-neukunde"] input.webform-button--previous:hover,
[id*="webform-submission-vor-ort-neukunde"] input.webform-button--next:hover,
[id*="webform-submission-vor-ort-neukunde"] input.webform-button--submit:hover {
	text-decoration: underline;
	}

[id*="webform-submission-versandformular"] #edit-actions,
[id*="webform-submission-vor-ort-neukunde"] #edit-actions {
	margin: 20px 0 50px 0;
	}

[id*="webform-submission-versandformular"] .webform-options-display-buttons .webform-options-display-buttons-wrapper,
[id*="webform-submission-vor-ort-neukunde"] .webform-options-display-buttons .webform-options-display-buttons-wrapper {
	flex: 0 0 23%;
	}

[id*="webform-submission-versandformular"] .webform-options-display-buttons,
[id*="webform-submission-vor-ort-neukunde"] .webform-options-display-buttons {
	justify-content: space-between;
	}

.form-item-thermomix-wahl-checkboxes--other- {
	display: none!important;
	width: 0px!important;
	}


/*Sternchen bei Pflichtfeldern einfügen*/

.webform-submission-form .form-required:after,
.webform-submission-form .form-item.form-item-datenschutz:after,
.webform-submission-form .form-item.form-item-agb:after {
    display: inline-block;
	color: red;
    width: 6px;
    height: 6px;
    margin: 0 0.3em;
    content: "*";
    vertical-align: super;
	} 


/* Ladesymbol */

.ajax-progress-fullscreen {
  	width: 40px;
	height: 40px;
	padding: 0;
	background: transparent url('/themes/lozin_child/images/rainbow_spinner.svg') no-repeat center center !important;
	background-size: 100% 100%;
	border-radius: 50%;
	box-shadow: 0 0 20px rgba(0,0,0,0.8);
	z-index: 9999;
	}

.ajax-progress-fullscreen::after {
	content: "Lädt...";
	display: block;
	margin-top: 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 0 0 5px rgba(0,0,0,0.8);
	}


/* Ladesymbol Lazy Load*/

div[data-vallb-container] > div[data-vallb-container-placeholder] > svg {
  	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	background: transparent url('/themes/lozin_child/images/rainbow_spinner.svg') no-repeat center center !important;
	background-size: 100% 100%;
	border-radius: 50%;
	box-shadow: 0 0 20px rgba(0,0,0,0.8);
	z-index: 9999;
	}

div[data-vallb-container] > div[data-vallb-container-placeholder] > svg > path {display:none;}

div[data-vallb-container] > div[data-vallb-container-placeholder] {
	    display: flex;
	flex-direction: column;
   justify-content: flex-start;
   align-items: center;
color: transparent;
text-align:center;}

div[data-vallb-container] > div[data-vallb-container-placeholder]:after {
	content: "Lädt...";
	display: block;
	margin-top: 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 0 0 5px rgba(0,0,0,0.8);
	}

/* Ende Ladesymbol */


/* Administrationsbalken mobil ausblenden*/


#toolbar-item-administration-tray {
	display: block;
	}


/* Wichtige Infos - Annahmestop */

/*.help {
	margin-top: 115px;
	}*/

.help-popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.6); 
	z-index: 9998;
	display: flex;
	align-items: center;
	justify-content: center;
	}

.help-popup-box {
	background: #fff;
	padding: 30px;
	max-width: 650px;
	width: 90%;
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
	position: relative;
	z-index: 9999;
	border-radius: 5px;
	}

.annahmestop {
	display: flex;
	justify-content: center;
    text-align: center;
	align-items: center;
    margin: 20px 30px 30px;
	}

.annahmestop > div:nth-child(1),
.annahmestop > div:nth-child(3) {
	color: #FFD700;
	font-size: 1.8rem;
	}

.annahmestop > div:nth-child(1) {
	margin-right: 40px;
	}

.annahmestop > div:nth-child(3) {
	margin-left: 40px;
	}

.annahmestop h4 {
	text-align: center;
	}

.help > #content {
	margin-top: 0;
	}

.help-close-button {
	position: absolute;
  	top: 10px;
	right: 10px;
	background: transparent;
	border: none;
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
	color: #666;
	z-index: 9999; 
	pointer-events: auto; 
	}

.help-close-button:hover {
	color: #000;
	}