/*Angaben für die mobile Ansicht der Landingpages*/


@media only screen and (max-width: 751px) {
		
	
/*Headerbild ausblenden*/	
	
.landingpage-header .header-img {
	display: none;
	}
	

/*H1 linksbündig*/
	
h1 {
	text-align: left;
	}	

	
/*Schritte 123 ausblenden*/
	
.landingpage-123-mobil {
	display: none;
	}
	

/*Landingpage 123 H2 und Text linksbündig*/
	
.landingpage-123,
.landingpage-123 h2 {
	text-align: left;
	}		
	

/*Einleitungstext linksbündig*/
	
.landingpage-einleitung,
.landingpage-einleitung h2 {
	text-align: left;
	}	
	

/* Fragen und Antworten*/
	
.fragenantworten .views-field-field-geraeteart p,
.fragenantworten .views-field-hersteller-modell p {
	margin:0;
	}
	
.fragenantworten .views-field.views-field-created {
	text-align:left;
	margin: 15px 0 5px 0;
	}	
	
[id*="views-exposed-form-kommentarsuche"] .views-exposed-form-content-inner {
    display: block;
	}	
	
.fragenantworten [id*="views-exposed-form-kommentarsuche-"]	.form-actions {
	text-align: center;
	margin-top: 20px;
	}


/*Langingpage Inhalt Reihenfolge anpassen: Immer Bild zuerst*/	
	
.landingpage-inhalt1 div.gsc-column:nth-child(2),
.landingpage-inhalt1-marke div.gsc-column:nth-child(2) {
	order:1;
	}	
	
.landingpage-inhalt1 div.gsc-column:nth-child(1),
.landingpage-inhalt1-marke div.gsc-column:nth-child(1) {
	order:2;
	}	
	
.landingpage-inhalt1-marke div.gsc-column:nth-child(3) {
	order:3;
	}
	

/*Buttons über die ganze Breite*/	
	
.gsc-button.large,
.zentrieren .gsc-button.large {
	width: 100%;
	}	
	
	
/*Karussells zentrieren*/
	
.blogkarussell {
	text-align: left;
	}	
	
.owl-carousel.owl-loaded {
	margin: 0 auto;
	}	
	
.blogkarussell .init-carousel-owl .owl-item > .item {
	padding: 0;
	}	
	

/*Macherkarussell h3 zentrieren*/
	
.macherkarussell h3 {
	text-align: center;
	}	
	

/*Meistgesuchte Geräte*/

.landingpage-geraete h3 {
	text-align: center;
	}
	
.geraete h3 {
	text-align: center;
	}	
	
.geraete .geraetemarken div {
	font-size: 0.9rem;
	margin-bottom: 15px;
	width: 48%;
	}
	

/*Akkordeon bei "passender Reparaturservice" und "Nachhaltigkeit" Text wird bei Desktopversion immer angezeigt und nur in der mobilen Ansicht ist er eingeklappt*/	
	
.landingpage-vorteile h3,
.landingpage-nachhaltigkeit h3 {
	text-align: center;
	}	
	
	
.landingpage-vorteile .ckeditor-accordion-container > dl dd,
.landingpage-nachhaltigkeit .ckeditor-accordion-container > dl dd{
	display: none;
	padding-top:30px;
	}

.landingpage-vorteile .ckeditor-accordion-container > dl dt > a,
.landingpage-nachhaltigkeit .ckeditor-accordion-container > dl dt > a {
	font-size: 1.2rem;
	}

.landingpage-vorteile .ckeditor-accordion-container .ckeditor-accordion-toggle {
	display: block;
	top: 70px;
	left: 45%;
	}
	
.landingpage-nachhaltigkeit .ckeditor-accordion-container .ckeditor-accordion-toggle {
	display: block;
	top: 90px;
	left: 45%;
	}	
	
.landingpage-vorteile .col-xl-4 .column-inner,
.landingpage-nachhaltigkeit .col-xl-4 .column-inner,
.landingpage-vorteile .col-xl-6 .column-inner {
	min-height: 150px;
	}
	
.landingpage-vorteile p,
.landingpage-nachhaltigkeit p {
	padding-top: 20px;
	}	
	
.landingpage-nachhaltigkeit .ckeditor-accordion-container > dl dt > a,
.landingpage-vorteile .ckeditor-accordion-container > dl dt > a {
	cursor: pointer;
	}

.landingpage-nachhaltigkeit .ckeditor-accordion-container > dl dt > a:hover,
.landingpage-vorteile .ckeditor-accordion-container > dl dt > a:hover {
	text-decoration: underline;
	}	
	
/*Akkordeon bei häufige Fehler*/
	
.landingpage-accordion .gsc-column:nth-child(1) p {
	text-align: left;
	}
	
/*Bewertungen*/

.landingpage-bewertung .view-list-item {
	border-top: 1px dashed #757575;
	}
	
.landingpage-bewertung-kurz .column-inner div.bewertung,
.landingpage-bewertung .column-inner div.bewertung {
	flex-wrap:wrap; 
	padding-top:0;
	}
	
.landingpage-bewertung-kurz .bewertung_text1,
.landingpage-bewertung .bewertung_text1 {
	width:100%; 
	padding:0; 
	}
	
.landingpage-bewertung .bewertung_text1 {
	text-align: left;
	}
	

/*Textboxen mit Bild im Hintergrund*/
	
.bildHintergrund {
	background-image: none!important;
	background-color: #f1f1f1;
	}
	
	
/*Sonderfall Startseite*/
	
.haken {
	display:none;
	}
	
#block-bundeslandkartealssvg svg {
	padding: 30px;
	width: 100%;
	}
	

/****************************Sonderfall Fehlerseiten******************************/

/*Handy Display Reparatur Übersicht*/
	
.hervorgehoben {
	flex-direction: column;
	}
	
.hervorgehoben a {
	text-align: left;
	width: 100%;
	}	
	
/*Video*/
	
.video-akkordion .row-wrapper > .gsc-column:nth-child(3) {
	margin-top: -20px;
	}
	
/*Blog Button*/
	
#display-faq .gsc-button.large {
	margin-top: 20px;
	}	
	
/*Macherblöcke*/
	
.landingpage-machersuche  #views-exposed-form-macher-suche-block-1 span.select2.select2-container,
.landingpage-machersuche  #views-exposed-form-macher-suche-block-2 span.select2.select2-container,
.landingpage-machersuche  #views-exposed-form-macher-suche-block-3 span.select2.select2-container,
.landingpage-machersuche  #views-exposed-form-macher-suche-block-4 span.select2.select2-container,
.landingpage-machersuche  #views-exposed-form-macher-suche-block-5 span.select2.select2-container,
.landingpage-machersuche  #views-exposed-form-macher-suche-block-6 span.select2.select2-container,
.landingpage-machersuche  #views-exposed-form-macher-suche-block-7 span.select2.select2-container,
.landingpage-machersuche  #views-exposed-form-macher-suche-block-8 span.select2.select2-container,
.landingpage-machersuche  #views-exposed-form-macher-suche-block-9 span.select2.select2-container,
.landingpage-machersuche  #views-exposed-form-macher-suche-block-10 span.select2.select2-container,
.landingpage-machersuche  #views-exposed-form-macher-suche-block-11 span.select2.select2-container,
.landingpage-machersuche  #views-exposed-form-macher-suche-block-12 span.select2.select2-container,
.landingpage-machersuche  #views-exposed-form-macher-suche-block-13 span.select2.select2-container,
.landingpage-machersuche  #views-exposed-form-macher-suche-block-14 span.select2.select2-container,
.landingpage-machersuche  #views-exposed-form-macher-suche-block-15 span.select2.select2-container,
.landingpage-machersuche  #views-exposed-form-macher-suche-block-16 span.select2.select2-container,
.landingpage-machersuche  #views-exposed-form-macher-suche-block-17 span.select2.select2-container,
.landingpage-machersuche  #views-exposed-form-macher-suche-block-18 span.select2.select2-container {
	width: 100% !important; 
	margin-left: 0;
	}
	
.landingpage-machersuche .gsc-column:nth-child(1) p {
	margin-left: 0;	
	}	

.landingpage-machersuche .gsc-column:nth-child(2) {
    margin-left: 0;
	}
	
.landingpage-machersuche .item-columns {
	width: 100%;
	}	
	
.landingpage-machersuche .item-columns {
	margin: 10px 0;
	}	
	
.landingpage-machersuche .gva-view-grid-inner {
    margin: 0 !important;
  }

.landingpage-machersuche .pager ul.pager__items {
    margin: 0;
  }	
	
/*************** Sonderfall Küchenmaschinen-Versandreparatur ***************/

.page--node-2179 .landingpage-header .gsc-button.large.button-rechts {
	margin: 0;
	}	
	
.landingpage-icons .gsc-column.col-xl-3 {
	flex: 0 0 100%;
	}	
	
	
/*************** Sonderfall Auftragsbestätigung ***************/

.page--node-2431 .not-found .row-wrapper{
	flex-direction: column-reverse;
	}

.page--node-2431 .not-found img{
	margin-top: 50px;
	margin-bottom: 0px;
	}
	
/*************** Social-Media Seite - Node 2745 ***************/ 
	
.bewertung-sm .bewertung_text1:after {
	content: "";
	}
	
.bewertung-sm {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	}
	
.bewertung-sm .bewertung_text1 {
	width: auto;
	}	
	
.bewertung-sm .bewertung_durchschnitt {
	flex: 0 0 100%;
	padding-left: 0;
	justify-content: center;
	}	
	
.page--node-2745 .landingpage-geraete .gsc-column:nth-child(2) .gsc-column {
	flex: 0 0 47%;
	}
	
.socialmediaIcons .col-xl-3 {
	width: 100px;
	flex: inherit;
	}
	
.socialmediaIcons .row-wrapper div:nth-child(6) {
	margin: 20px 0;
	}

.page--node-2745 h1,
.page--node-2745 h2,
.page--node-2745 h3,
.page--node-2745 p {
	text-align: center;
	}
	
.page--node-2745 footer p {
	text-align: left;
	}
	
.page--node-2745 .bewertung {
	margin: 40px 0;
	}
	
.landingpage-inhalt2 .gsc-button {
	margin-top: 30px;
	}


.kontaktdetails {
	display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
	row-gap: 0; 
	}
	
.kontaktdetails + p {
	margin: 10px 0 20px;
	}
	
.kontakt .row-wrapper {
	gap: 20px;
	justify-content: center;
	}
	
.kontakt .bb-inner {
	padding: 40px 0 20px 0;
	margin-bottom: 0;
	}
	
.kontakt .col-xl-4 {
	width: auto;
	padding: 0;
	}
	
	
/*************** Sonderfall Thermomix Reparatur - Fehlercodeseiten ***************/	
	
	
.fehlercode-boxen .col-xs-12 {
	flex: 0 0 90%;
	margin: 15px;
    }
	
.youtube-linkbox .column-content-inner {
    flex-direction: column;
	padding: 20px 20px 25px 20px;
	gap: 10px;
    }	
	
}

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

/*Angaben für Tablet Darstellung*/


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

	
/*Headerbild ausblenden und Header zentrieren*/	
	
.landingpage-header .header-img {
	display: none;
	}	
	
.landingpage-header h1,
.landingpage-header h2 {
	text-align: center;
	}
	
.landingpage-header .bewertung {
	max-width: 600px;
	margin: 0 auto;
	}
	
.landingpage-header .row {
    justify-content: center;
	}	
	

/*Inhaltsbereiche Bild und Text untereinander*/
	
.landingpage-inhalt1 .gsc-column,
.landingpage-inhalt2 .gsc-column,
.landingpage-inhalt1-marke .gsc-column,
.landingpage-inhalt2-marke .gsc-column	{
	max-width: 100%;
	flex: 100%;
	}	
	
.landingpage-inhalt1 img,
.landingpage-inhalt2 img,
.landingpage-inhalt1-marke img,
.landingpage-inhalt2-marke img {
	width: 270px;
	}	

.landingpage-inhalt1 div:nth-child(2),
.landingpage-inhalt1-marke div.gsc-column:nth-child(2) {
	order:1;
	}	
.landingpage-inhalt1 div:nth-child(1),
.landingpage-inhalt1-marke div.gsc-column:nth-child(1) {
	order:2;
	}
	
.landingpage-inhalt1-marke div.gsc-column:nth-child(3) {
	order:3;
	}	
	
.landingpage-inhalt1-marke .widget,
.landingpage-inhalt2-marke .widget {
	text-align: center;
	}	
	
	
/*Akkordeon bei "passender Reparaturservice" und "Nachhaltigkeit" Text wird bei Desktopversion immer angezeigt und nur in der mobilen und Tablet-Ansicht ist er eingeklappt*/	
	
	
.landingpage-vorteile .col-md-4,
.landingpage-nachhaltigkeit .col-md-4{
	max-width: 100%;
	flex: 100%;
	}	

.landingpage-vorteile .ckeditor-accordion-container > dl dd,
.landingpage-nachhaltigkeit .ckeditor-accordion-container > dl dd{
	display: none;
	}

.landingpage-vorteile .ckeditor-accordion-container > dl dt > a,
.landingpage-nachhaltigkeit .ckeditor-accordion-container > dl dt > a {
	font-size: 1.2rem;
	}

.landingpage-vorteile .ckeditor-accordion-container .ckeditor-accordion-toggle,
.landingpage-nachhaltigkeit .ckeditor-accordion-container .ckeditor-accordion-toggle {
	display: block;
	top: 60px;
	left: 47%;
	}
	
.landingpage-vorteile .col-xl-4 .column-inner,
.landingpage-nachhaltigkeit .col-xl-4 .column-inner,
.landingpage-vorteile .col-xl-6 .column-inner {
	min-height: auto;
	}
	
.landingpage-vorteile p,
.landingpage-nachhaltigkeit p {
	padding-top: 25px;
	}	
	

/*Karussells zentrieren*/
	
.owl-carousel {
	margin: 0 auto;
	}
	
/*Video*/
	
.landingpage-video .col-md-5 {
	flex: 0 0 100%;
	max-width: 100%;
	}	
	

/*Sonderfall Startseite*/
	
.haken {
	display:none;
	}

	
/*Sonderfall Fehlerseite*/
	
/*Blog Button*/
	
#display-faq .col-md-4 {
	max-width: 100%;
	flex: 0 0 100%;
	}	
	
#display-faq .gsc-column:nth-child(4) {
    text-align: left;
	margin-top: 20px;
	}	
	
/*Video*/
	
.landingpage-video .col-md-6 {
	flex: 0 0 100%;
	max-width: 100%;
	}	
	
/*Macherblöcke*/	
	
.landingpage-machersuche .item-columns {
	width: 45%;
	}
	
.landingpage-machersuche .listing-block .listing-content .listing-info .title {
	min-height: 54px;
	}
	
	
/*************** Sonderfall Küchenmaschinen-Versandreparatur ***************/

.landingpage-icons .gsc-image img {
	width: 40%;
	}	

.landingpage-icons .gsc-column.col-xl-3 {
	flex: 0 0 100%;
	}

}