/*Allgemeine Style-Sheets für die mobile Darstellung*/


@media only screen and (max-width: 750px) {

/* Wichtige Infos - Annahmestop */
	
.annahmestop {
	flex-direction: column;
	margin: 0 20px;
	}	
	
.annahmestop > div:nth-child(1) {
	margin-right: 0;
	margin-bottom: 20px;
	}

.annahmestop > div:nth-child(3) {
	margin-left: 0;
	margin-top: 20px;
	}	
	
	
/*KI-generierte Bilder kennzeichnen*/
	
div.item-image:has(>img[alt*='KI-generiert' i]):after {
	font-size: 0.6rem;
	}	
	
.landingpage-inhalt1 .ki-generiert div.widget-content:has(>img):after,
.landingpage-inhalt2 .ki-generiert div.widget-content:has(>img):after {
	right: 10px;
	bottom: 10px;
	}	
	
.hintergrund-ki-generiert:after {
	display: none;
	}	
	
/*Zusatz css für den Petitionslink im Header*/
	
#content {
	margin-top: 300px!important;
	}
	
.petition {
	margin:0 auto 25px;
	text-align:center;
	}	

/*ENDE Zusatz css für den Petitionslink im Header*/	
	
	
/* Allgemeine Einstellungen */
	
h1 {	
	font-size: 1.6rem!important;
	text-align: center;
	}	
	
h2 {	
	font-size: 1.4rem!important;
	}
	
h3 {	
	font-size: 1.2rem!important;
	text-align: left;
	}
	
h4 {	
	font-size: 1.1rem!important;
	}
	
h5 {	
	font-size: 1rem!important;
	}	

h6 {	
	font-size: 1rem!important;
	}	
	
	
/*Header*/
	
/*Allgemeine Header Einstellungen*/
	
#header .content-inner {
	flex-wrap: wrap;
	justify-content:flex-start;
	}
	
.menu-bar {
	position:relative;
	left:15px;
	width: 10%;
	}	
	
header .site-branding-logo {
	padding: 10px 0 0 0;
	}
	
.branding {
	margin: 8px 0 0 0;
	z-index: 9999;
	min-height:75px;
	width:60%!important;
	padding-left: 20px;
	}	
	
.lupe {
	width: 30%;
	padding-right: 15px;
	display:block;
	text-align: right;
	cursor: pointer;
	z-index:99999;
	}
	
.lupe .fa-solid {
	padding: 16px 15px 13px 15px;
	background-color: #fff;
	font-size: 1.3rem;
	border-radius: 4px 4px 0 0;
	color: var(--color2);
	}
	
	
/*Suchformular*/
	
.suchformular {
	width: 100%;
	padding-left: 0px;
	margin: -17px 15px 15px 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-end;
	}
	
.suchformular .views-exposed-form {
	background-color: #fff;
	border-radius: 4px 0 4px 4px;
	}	
	
.suchformular .views-exposed-form-content-inner {
	flex-wrap:wrap;
	}
	
.suchformular .js-form-item-synonyms,
.suchformular #edit-dist-max-center-geocoder,
.suchformular .form-actions,
.suchformular #edit-field-koordinaten-proximity-center-geocoder {
	width: 100%;
	margin: 5px;
	border: 2px solid var(--color2);
	border-radius:4px;
	}
	
.suchformular input#edit-dist-max-center-geocoder-geolocation-geocoder-address,
.suchformular input#edit-field-koordinaten-proximity-center-geocoder-geolocation-geocoder-address {
	background-color: #fff;
	}
	
.suchformular .form-actions {
	margin-top:0;
	}	
	
.suchformular .js-form-item-dist-max-center-geocoder-geolocation-geocoder-address {
	width:100%;
	}	
	
.suchformular input#edit-dist-max-center-geocoder-geolocation-geocoder-address,
.suchformular input#edit-synonyms {
	border-radius: 4px;
	}
	
input#edit-synonyms.rot {
	border-right: 1px solid red!important;
	}	
	
	
/*Beim runterscrollen klappt die Suche zu und nur noch das Lupensymbol wird angezeigt*/
	
.suchformular.suche-close {
	display: none;
	}			
	
.lupe-close .fa-solid {
	border-radius: 4px;
	}
	

		
/*Eigentlicher Inhalt beginnt erst unter der ausgeklappten Suche*/
	
#content {
	margin-top: 235px;
	}	


/*Footer*/
	
footer {
	padding: 30px 10px 10px 10px;
	}
	
footer .copyright {
	padding: 0;
	}
	
footer a {
	font-weight: 400;
	}
	
footer ul.gva_menu_main {
	display:flex;
	flex-wrap:wrap;
	}
	
footer ul {
	margin-left: -40px;
	}
	
footer ul.gva_menu_main	li:nth-child(1),
footer ul.gva_menu_main	li:nth-child(2),
footer ul.gva_menu_main	li:nth-child(3),
footer ul.gva_menu_main	li:nth-child(4),
footer ul.gva_menu_main	li:nth-child(5) {
	flex: 0 0 100%;
	width:100%;
	}
	
footer ul.gva_menu_main	li:nth-child(5) {
	padding-bottom:15px;
	}
	
footer ul li {
	list-style: none;
	}
	
footer .footer-first,
footer .footer-second,
footer .footer-third {
	flex: 0 0 100%;
	max-width:100%;
	}
	
footer .footer-second {
	padding: 0 15px;
	}
	

/*Hauptmenü*/
	
.gva-offcanvas-mobile {
	max-width: 100%;
	z-index:99999;
	}	
	
.gva-offcanvas-mobile.show-view {
	width: 100%;
	}
	
.gva-offcanvas-mobile .block {
	padding: 0;
	}

.gva-offcanvas-mobile .gva-navigation .gva_menu ul li {
	list-style:none;
	}
	
.gva-offcanvas-mobile .gva-navigation .gva_menu > li > a,
.gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu li a {
	font-weight: 400;
	font-size: 1rem;
	letter-spacing: 0.6px;
	line-height:3.5;
	}		
	
.gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret {
	right: -10px;
	top: 12px;
	}	

.gva-offcanvas-mobile .gva-navigation .gva_menu > li > a .icaret:before {
	top: 40%!important;
	}
	
.navigation .gva_menu .sub-menu > li {
	padding: 0 0 9px;
	margin-bottom: 9px;
	border-bottom: 1px solid #dee2e6;
	}
	
.navigation .gva_menu .sub-menu>li:last-child {
	border-bottom: 0;
	}
	

.goto-top {
	margin-right: 17px;
	}	
	

/*Macherblöcke*/
	
.macherblock-global.listing-block .listing-content .listing-info .title {
	min-height: auto;
	margin: 30px 0 20px 0;
	}	
	
.versandreparatur .listing-versand .werkstattbutton {
	margin-top: 30px;
	}	
	
	
/*Versandformular*/
	
[id*="webform-submission-versandformular"],
[id*="webform-submission-vor-ort-neukunde"]{
	width: 100%;
	padding: 0 15px;
	}	
	
[id*="webform-submission-versandformular"].webform-submission-form .form-actions,
[id*="webform-submission-vor-ort-neukunde"].webform-submission-form .form-actions {
	margin-bottom: 30px;
	}
	
#edit-thermomix-wahl-checkboxes {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	}	

#edit-thermomix-wahl-checkboxes	.webform-options-display-buttons-wrapper {
	flex: 0 0 32%
	}
	
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-2589 .site-branding-logo:before,
body.page--node-2607 .site-branding-logo:before{
    top: inherit;
	}
	
/* Suche nur für Vor Ort Formular ausblenden*/

body.page--node-2589 #menu-bar,
body.page--node-2589 .lupe,
body.page--node-2589 #suchformular,
body.page--node-2589 .petition {
	display: none!important;
	}
	
body.page--node-2589 #content {
	margin-top: 0!important;
	}

body.page--node-2589 #content .content-main-inner{
	padding-top: 70px!important; 
	}

/*Gastro Geräte Auswahl anpassungen*/
#edit-thermomix-wahl-checkboxes > div:nth-child(1) {
	flex: 0 0 45%;
	}
	
#edit-thermomix-wahl-checkboxes > div:nth-child(2) {
	flex: 0 0 45%;
	}
	

/* Administrationsbalken mobil ausblenden*/

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


}


/*****************************************************************************************************************************/

/*Allgemeine Style-Sheets für die Tablet Darstellung*/


@media only screen and (min-width: 751px) and (max-width: 1100px) {

/*Zusatz css für den Petitionslink im Header*/
	
#content {
	margin-top: 130px!important;
	}	
	
.petition {
	margin: 0 15px 15px auto;}	

/*ENDE Zusatz css für den Petitionslink im Header*/	
	
	
#content {
	margin-top: 70px;
	}
	
	
/*Header*/
	
.menu-bar {
	margin-left: 25px;
	}	
	
.suchformular {
	padding-left: 20px;
	max-width: 75%;
	margin-right: 15px;
	}
	
.suchformular .form-actions::before {
	content:"Finden";
	color:#fff;
	position:absolute;
	top:30%;
	padding-left: 15px;
	}
	
.suchformular input#edit-submit-macher-suche,
.suchformular input#edit-submit-macher-suche--2 {
	color: transparent;
	background: transparent;
	width: 90px;
	}	
	
.suchformular #edit-actions:hover {
	cursor: pointer;
}
	
.suchformular .form-actions::after {
	position:absolute;
	bottom: 37%;
	right: 30px;
	}
	
.suchformular .js-form-item-dist-max-center-geocoder-geolocation-geocoder-address {
	width: 220px;
	}	
	
.suchformular .js-form-item-synonyms {
	width: 255px;
	}	

	
/*Hauptmenü*/
	
.gva-offcanvas-mobile .block {
	padding: 0;
	}

.gva-offcanvas-mobile .gva-navigation .gva_menu ul li {
	list-style:none;
	}
	
.gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu li a {
	font-weight:400;
	font-size: 12px;
	letter-spacing: 0.6px;
	line-height:26px;
	}	
	
.gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret {
	right: -10px;}	

.gva-offcanvas-mobile .gva-navigation .gva_menu > li > a .icaret:before {
	top: 40%!important;
	}
	
.navigation .gva_menu .sub-menu > li {
	padding: 0 0 9px;
	margin-bottom: 9px;
	border-bottom: 1px solid #dee2e6;
	}
	
.navigation .gva_menu .sub-menu>li:last-child {
	border-bottom: 0;
	}	
	

/*Footer*/
	
.navigation .gva_menu {
	float:left;
	position: relative;
	}
	

.navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
.navigation .gva_menu > li {
	display: inline-block;
	}	
	
}