/* css zu anfrage */

/* header.CSS  */
#bannerOverlay {
	background-image: linear-gradient(to top right, #3f7957 0%, transparent 60%);
	z-index: 1;
}

#bannerText {
	left: 2rem;
	z-index: 2;
}



#bannerText h1 { font-size: 360%; }

.hideOverlay #bannerOverlay { display: none; }



@media screen and (max-width: 850px) {
	#bannerText h1 { font-size: 300%; }
}


@media screen and (max-width: 768px) {
	#bannerText h1 { font-size: 250%; }
}


@media screen and (max-width: 520px) {
	#bannerText h1 { font-size: 210%; }
	
	#bannerText h3 { font-size: 150%; }
}



@media screen and (max-width: 320px) {
	#bannerText h1 { font-size: 185%; }
	
	#bannerText h3 { font-size: 130%; }
}
/* --- --- */
/* header.small.CSS  */
#bannerPic { padding-top: 20.9%; }

#bannerText { bottom: 3rem; }



@media screen and (max-width: 850px) {
	#bannerPic { padding-top: 30%; }
}


@media screen and (max-width: 768px) {
	#bannerPic { padding-top: 37%; }

	#bannerText { bottom: 2rem; }
}


@media screen and (max-width: 650px) {
	#bannerPic { padding-top: calc(37% + 41px + 1.1rem); }

	#bannerText { bottom: calc(3.1rem + 41px); }
}


@media screen and (max-width: 520px) {
	#bannerPic { padding-top: calc(43% + 41px + 1.1rem); }
}
/* --- --- */
/* shopCSS  */
/* ---------------------------------------------- */
/* ------------------- Banner ------------------- */
/* ---------------------------------------------- */
#bannerUnterMenue {height: 245px;}
#bannerUnterMenue > #bannerUnterMenueStripes {display: none !important;}


/* ---------------------------------------------- */
/* ------------------- Farben ------------------- */
/* ---------------------------------------------- */
/* - Allgemeine - */
.shopBlau {color: #527fa2 !important;}
.shopGruen {color: #008135 !important;}
/* - Select Elemente - */
.shopRechts select {border: 1px solid lightgray;}
.shopRechts select:hover, .shopRechts select:focus {border-color: #008135;}

/* - Navigation - */
#lblShopAnsichtList {background-image: url("/bilder/shop/button_liste.gif");}
#lblShopAnsichtBilder {background-image: url("/bilder/shop/button_boxen.gif");}
#radioShopAnsichtList:checked ~ #shopNavRow2Wrapper #lblShopAnsichtList {background-image: url("/bilder/shop/button_liste_selected.gif");}
#radioShopAnsichtBilder:checked ~ #shopNavRow2Wrapper #lblShopAnsichtBilder {background-image: url("/bilder/shop/button_boxen_selected.gif");}
#shopWeiterePageselectActualPage {color: #008135;}

/* - Artikelübersicht - */
.shopWeitereBildansichtArtikel {border: 1px solid #e9e9e9;}
.shopWeitereListansichtArtikel {border-bottom: 1px solid #e9e9e9;}
.shopWeitereBildansichtArtikel:hover {
	border-color: #008135;
	box-shadow: #BACADB 2px 2px 5px;
}
#shopWeitereListansichtHeader {background-color: #d5d3cc;}
.lblWeitereListAnsichtDetails {
	border-right: 2px solid #008135;
	border-bottom: 2px solid #008135;
}
.shopWeitereListansichtOptionsMore {background-image: url("/bilder/shop/shopWeitere.png");}
.shopWeitereListansichtKaufen input[type=number] {
	background-color: #d5d3cc;
	border-radius: 4px;
	border: none;
}
.shopShowMerkliste {color: #008135;}

/* - Confirmation Window - */
#BasketConfirmation {
	background-color: #008135;
	color: white;
}


/* ---------------------------------------------- */
/* ----------------- Allgemein ------------------ */
/* ---------------------------------------------- */
.shopRechts input[type=checkbox], .shopRechts input[type=radio] {
	display: none;
}
.shopLinks, .shopRechts {
	display: inline-block;
	vertical-align: top;
}
.shopLinks {
	width: 350px;
}
.shopRechts {
	width: calc(100% - 350px);
	padding-left: 30px;
	float: right;
}
#shopHeadlineClass {
	margin-top: 0;
}

@media screen and (max-width: 1024px) {
	.shopLinks {width: 0;}
	.shopRechts {
		width: 100%;
		float: none;
		padding-top: 20px;
	}
}



/* ---------------------------------------------- */
/* --------------- Weitere Artikel -------------- */
/* ---------------------------------------------- */
.shopRechts select {
	font-family: inherit;
	font-size: inherit;
	padding: 7px;
	background-color: white;
	transition: border-color 300ms;
}
.shopRechts select:focus {outline: none;}
.shopRechts option {font-family: sans-serif;}

#shopWeitere {margin-top: 20px;}



/* --------------- Navigation --------------- */
#lblShopAnsichtList, #lblShopAnsichtBilder {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 35px;
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-right: 10px;
}
.shopWeitereBildansichtArtikel, .shopWeitereListansichtArtikel {display: none;}
#radioShopAnsichtList:checked ~ #shopWeitere .shopWeitereListansichtArtikel {display: block;}
#radioShopAnsichtBilder:checked ~ #shopWeitere .shopWeitereBildansichtArtikel {display: inline-block;}

#shopWeitere > article:nth-of-type(6n + 5) {margin-right: 0;}
#shopWeitere > article:last-of-type, #shopWeitere > article:nth-last-of-type(2) {margin-bottom: 0;}

#shopWeiterePageselect {
	text-align: center;
	margin: 20px 0;
}
#shopWeiterePageselectActualPage {
	margin: 0 5px;
}
#shopNavLinksWrapper, #shopNavAnsichtWrapper, #shopNavFilterWrapper {
	display: inline-block;
	vertical-align: top;
}
#shopNavFilterWrapper {text-align: right;}
#shopNavAnsichtWrapper {width: 120px;}
#shopNavFilterWrapper {width: calc(100% - 120px);}
#kritselPL, #kritselSO, #shopNavAnsichtWrapper {margin-bottom: 10px;}

#kritselPL, #kritselSO, #kritselFH {
	width: 100%;
	max-width: 200px;
}
#kritselPL, #kritselSO {margin-right: 5px;}

#shopNavLinksWrapper a {
	width: 160px;
}

@media screen and (max-width: 1240px) {
	#shopNavLinksWrapper a {
		width: 46px;
		height: 46px;
		font-size: 0;
		background-size: contain;
		background-repeat: no-repeat;
	}
	#shopNavLinksWrapper a:hover {
		background-color: transparent;
		border-color: #008135;
	}
	#shopNavLinksWrapper .buttonMerkliste {background-image: url("/bilder/shop/buttonMerkliste.svg");}
	#shopNavLinksWrapper .buttonPreisliste {background-image: url("/bilder/shop/buttonPreisliste.svg");}
	#shopNavLinksWrapper .buttonPreislistePdf {background-image: url("/bilder/shop/buttonPreislistePdf.svg");}
	#shopNavLinksWrapper .buttonWarenkorb {background-image: url("/bilder/shop/buttonWarenkorb.svg");}
	#shopNavLinksWrapper .buttonAnfrage {background-image: url("/bilder/shop/buttonAnfrage.svg");}
	#shopNavLinksWrapper .buttonLieferscheine {background-image: url("/bilder/shop/lieferscheinButton.svg");}
}

@media screen and (max-width: 600px) {
	#shopNavAnsichtWrapper, #shopNavFilterWrapper {
		width: 100%;
	}
	#shopNavFilterWrapper {text-align: left;}
}



/* --------------- Bildansicht --------------- */
.shopWeitereBildansichtArtikel {
	vertical-align: top;
	width: calc(33.33% - 20px);
	margin-right: 30px;
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	transition: 500ms;
}
.shopWeitereBildansichtBild {
	display: block;
	text-decoration: none;
	height: 260px;
}
.shopWeitereBildansichtBild img, .shopColArtikel img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.shopWeitereBildansichtBild img {padding: 40px;}
.shopWeitereBildansichtArtikel .shopShowMerkliste {
	position: absolute;
	top: 3px;
	right: 4px;
}
.shopWeitereBildansichtText {
	min-height: 200px;
	padding: 15px 15px 50px 15px;
	position: relative;
	line-height: 125%;
}
.shopWeitereBildansichtArtikelButton {
	font-family: inherit;
	border-right: none;
	border-bottom: none;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 14px;
	padding: 8px 16px;
}
@media screen and (max-width: 1240px) {
	.shopWeitereBildansichtArtikel {
		width: calc(50% - 10px);
		margin-right: 20px;
	}
	#shopWeitere > article:nth-of-type(6n + 5) {margin-right: 20px;}
	#shopWeitere > article:nth-of-type(4n + 3) {margin-right: 0;}
}
@media screen and (max-width: 600px) {
	.shopWeitereBildansichtArtikel {
		width: 100%;
		margin-right: 0;
	}
	#shopWeitere > article:nth-of-type(2n + 1) {margin-right: 0;}
}

/* --------------- Listansicht --------------- */
#shopWeitereListansichtHeader {
	display: none;
	padding: 10px 0;
}
#radioShopAnsichtList:checked ~ #shopWeitere #shopWeitereListansichtHeader {display: block;}
.shopWeitereListansichtArtikel {
	padding: 20px 0;
	line-height: 125%;
}
#shopWeitere > article:last-of-type {
	padding-bottom: 0;
	border-bottom: none;
}
.shopWeitereListansichtArtikel > div, .shopWeitereListansichtArtikel > a , #shopWeitereListansichtHeader > div {
	display: inline-block;
	vertical-align: top;
}
.shopColBezeichnung, .shopColDetails, .shopColPreis1, .shopColPreis2, .shopColKaufen {
	padding-left: 20px;
}
.shopColArtikel {
	width: 12%;
	padding-left: 10px;
}
.shopColBezeichnung {
	width: 30%;
}
.shopColDetails {
	width: 44px;
}
.shopColPreis1 {
	width: 18%;
}
.shopWeitereListansichtArtikel .shopColPreis2 {
	width: 15%;
}
.shopColKaufen {
	width: calc(100% - 12% - 30% - 18% - 15% - 44px);
	text-align: right;
}

.lblWeitereListAnsichtDetails {
	display: inline-block;
	vertical-align: top;
	width: 18px;
	height: 18px;
	transform: rotate(45deg);
	cursor: pointer;
	margin-right: 20px;
}
.shopWeitereListansichtArtikel input[type=checkbox]:checked ~ .shopColDetails .lblWeitereListAnsichtDetails {
	transform: rotate(225deg);
}
.shopWeitereListansichtArtikel > .shopWeitereListansichtDetails {
	display: none;
	padding-top: 30px;
}
.shopWeitereListansichtArtikel input[type=checkbox]:checked ~ .shopWeitereListansichtDetails {
	display: block;
}
.shopWeitereListansichtDetailsHeadline {
	margin: 0;
	line-height: 1.3;
	font-size: 130%;
}
.shopWeitereListansichtDetailsLinks, .shopWeitereListansichtDetailsRechts {
	display: inline-block;
	vertical-align: top;
}
.shopWeitereListansichtDetailsLinks {
	width: 70%;
	padding-right: 40px;
}
.shopWeitereListansichtDetailsRechts {
	width: 30%;
}
.shopWeitereListansichtDetailsRechts a, .shopWeitereListansichtDetailsRechts img {
	display: block;
}
.shopWeitereListansichtDetailsRechts img {
	max-width: 100%;
}

.shopWeitereListansichtDetailsRechts img[src=""] {
	display: none;
}

.shopWeitereListansichtOptionsMore {
	display: inline-block;
	vertical-align: top;
	background-repeat: no-repeat;
	background-size: contain;
	width: 25px;
	height: 27px;
	margin-right: 10px;
	margin-bottom: 15px;
}
.shopWeitereListansichtKaufen {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
	text-align: left;
}
.shopWeitereListansichtLinks {
	margin-right: 5px;
	margin-bottom: 5px;
	display: inline-block;
	vertical-align: top;
}
.shopAnzahlArtikelList, .shopWeitereListansichtKaufenButton {
	font-size: inherit;
	font-family: inherit !important;
}
.shopAnzahlArtikelList {
	width: 60px;
	background-color: transparent;
	appearance: textfield;
}
.shopAnzahlArtikelList:focus {
	outline: none;
}
.shopWeitereListansichtKaufenButton {
	width: 34px;
	height: 34px;
	border: none;
	cursor: pointer;
	background-image: url("/bilder/shop/warenkorbAdd.svg");
	background-size: contain;
	background-repeat: no-repeat;
	border-radius: 4px;
}
.shopWeitereListLfartHide, .shopListDetailsMobileBild {display: none;}
.shopListDetailsMobileBild {margin-bottom: 20px;}
.shopListDetailsMobileBild img {max-width: 100%;}
.shopShowMerkliste {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	font-size: 40px;
	line-height: 100%;
}
.merklisteAdd, .merklisteRemove {
	width: 34px;
	height: 34px;
	border: none;
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
	border-radius: 4px;
	background-color: #008135;
	vertical-align: top;
}
.merklisteAdd {background-image: url("/bilder/shop/snadel_plus.gif");}
.merklisteRemove {background-image: url("/bilder/shop/snadel-.gif");}
.shopWeitereListansichtRemove {
	display: none;
}

@media screen and (max-width: 768px) {
	#radioShopAnsichtList:checked ~ #shopWeitere #shopWeitereListansichtHeader {display: none;}
	.shopColArtikel {width: 25%;}
	.shopColBezeichnung {width: 75%;}
	.shopColPreis1, .shopWeitereListansichtArtikel .shopColPreis2, .shopColKaufen, .shopColDetails {
		width: 100%;
		padding-left: 0;
		margin-top: 15px;
	}
	.shopColKaufen, .shopColDetails {text-align: right;}
	
	.shopWeitereListansichtDetailsLinks {
		width: 100%;
		padding-right: 0;
	}
	.shopWeitereListansichtDetailsRechts {display: none;}
}




/* ---------------------------------------------- */
/* --------------- Artikelausgabe --------------- */
/* ---------------------------------------------- */
#shopArtikelAusgabe input[type="checkbox"], #shopArtikelAusgabe input[type="radio"] {display: none;}
#shopArtikelAusgabe {
	margin-bottom: 20px;
	float: left;
}
#shopArtikelAusgabeTextContainer, #shopArtikelAusgabeBeschreibung {
	display: inline-block;
	vertical-align: top;
}
#shopArtikelAusgabeBildContainer {
	width: 350px;
	float: left;
}
#shopArtikelAusgabeBildContainer > #shopArtikelAusgabeBildBox {
	padding: 20px;
	border: 1px solid #cdcdcd;
}
#shopArtikelAusgabeTextContainer, #shopArtikelAusgabeBeschreibung {
	width: calc(100% - 350px);
	padding-left: 50px;
}
#shopArtikelAusgabeBildContainer img {
	max-width: 100%;
	max-height: 100%;
}
#shopArtikelAusgabeTextHeadlineContainer {
	margin-bottom: 20px;
	position: relative;
}
#shopArtikelAusgabeHeadline {
	margin: 0;
	width: calc(100% - 50px);
}
#shopArtikelAusgabeTextHeadlineContainer .shopShowMerkliste {
	position: absolute;
	top: 0;
	right: 0;
}
#shopArtikelAusgabeFirmaBild {
	display: inline-block;
	vertical-align: top;
	border: none;
	text-decoration: none;
	width: 100px;
}
#shopArtikelAusgabeFirmaBild img {
	max-width: 120px;
	max-height: 60px;
}
#shopArtikelAusgabeBeschreibung {
	margin-top: 50px;
}

#shopArtikelAusgabeBeschreibung[data-textlength="0"], #shopArtikelAusgabeBeschreibung[data-textlength="1"] {
	display: none;
}

#shopArtikelAusgabeBeschreibungText {
	margin-bottom: 20px;
}
#shopArtikelAusgabeTextPreis {
	font-size: 26px;
}

/* Input von Anzahl - Anfang */
#shopArtikelAusgabeAnzahl {
	border: none;
	border-bottom: 1px solid #a8a8a8;
	background-color: #fff;
	vertical-align: middle;
	display: inline-block;
	padding: 5px 10px;
	font-size: inherit;
	font-family: inherit;
	width: 153px;
}
#shopArtikelAusgabeAnzahl:focus { outline: none; }
#shopArtikelAusgabeAnzahlBox::before,
#shopArtikelAusgabeAnzahlBox::after {
	content: '';
	display: block;
	width: 28px;
	height: calc(50% - 3px);
	pointer-events: none;
	background-color: #fff;
	background-image: url('/bilder/shop/input_arrow.gif');
	background-repeat: no-repeat;
	background-position: center 1px;
	background-size: 11px;
	position: absolute;
	right: 1px;
	z-index: 1;
}

#shopArtikelAusgabeAnzahlBox::before {
	top: 3px;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
}

#shopArtikelAusgabeAnzahlBox::after {
	bottom: 3px;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
/* Input von Anzahl - Ende */

#shopArtikelAusgabeFirmaText {
	width: calc(100% - 100px);
	float: right;
	text-align: right;
}

#shopArtikelAusgabeAnzahlBox {
	display: inline-block;
	position: relative;
}
#shopArtikelAusgabeInWarenkorb {
	margin-top: 20px;
	border-radius: 4px;
}
.artAttrL, .artAttrR {
	display: inline-block;
	vertical-align: top;
}
.artAttrL {
	width: 200px;
}
.artAttrR {
	width: calc(100% - 200px);
}

/* Artikelinformation - Anfang */
#lbl_toggleShopArtikelAusgabeDetails {
	display: block;
	width: 100%;
	height: 164px;
	cursor: pointer;
	position: relative;
	z-index: 2;
}
#shopArtikelAusgabeDetailBox {
	height: 126px;
	overflow: hidden;
	margin-top: -126px;
	position: relative;
}
#shopArtikelAusgabeDetailBox,
#lbl_toggleShopArtikelAusgabeDetails { max-width: 750px; }
#lbl_toggleShopArtikelAusgabeDetails::before {
	content: '. . .';
	display: block;
	width: 100%;
	font-size: 120%;
	text-align: center;
	background-color: #fff;
	border-top: 1px solid #cdcdcd;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#lbl_toggleShopArtikelAusgabeDetails::after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-top: 3px;
	margin-left: 20px;
	vertical-align: top;
	border-left: 1px solid #008135;
	border-bottom: 1px solid #008135;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}
#shopArtikelAusgabeDetailBox::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.6);
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}
input#chk_toggleShopArtikelAusgabeDetails:checked ~ #lbl_toggleShopArtikelAusgabeDetails::after {
	margin-top: 11px;
	transform: rotate(135deg);
	-ms-transform: rotate(135deg);
}
input#chk_toggleShopArtikelAusgabeDetails:checked ~ #lbl_toggleShopArtikelAusgabeDetails::before,
input#chk_toggleShopArtikelAusgabeDetails:checked ~ #shopArtikelAusgabeDetailBox::before { display: none; }
input#chk_toggleShopArtikelAusgabeDetails:checked ~ #lbl_toggleShopArtikelAusgabeDetails { height: 23px; }
input#chk_toggleShopArtikelAusgabeDetails:checked ~ #shopArtikelAusgabeDetailBox {
	height: auto;
	margin-top: 15px;
}
/* Artikelinformation - Ende */


@media screen and (max-width: 1024px) {
	#shopArtikelAusgabe { float: none;}
	#shopArtikelAusgabeBildContainer {
		width: 300px;
	}
	#shopArtikelAusgabeTextContainer, #shopArtikelAusgabeBeschreibung {
		width: calc(100% - 300px);
		padding-left: 40px;
	}
	#shopArtikelAusgabeTextContainer {
		padding-left: 40px;
	}
	#shopArtikelAusgabeTextRechts {
		float: unset;
	}
}

@media screen and (max-width: 850px) {
	#shopArtikelAusgabeBildBox {
		height: 350px;
		text-align: center;
	}

	#shopArtikelAusgabeBildContainer { width:100% }

	#shopArtikelAusgabeBeschreibung,
	#shopArtikelAusgabeTextContainer {
		width: 100%;
		padding-left: 0;
	}
	#shopArtikelAusgabeTextContainer {margin-top: 10px;}
	#shopArtikelAusgabeBeschreibung {margin-top: 30px;}
	#shopArtikelAusgabeHeadline, #shopArtikelAusgabeTextPreis {font-size: 125%;}
	#shopArtikelAusgabe {margin-bottom: 0px;}
	
	#shopArtikelAusgabeBildBox {max-height: 200px;}
}

@media screen and (max-width: 768px) {
	#shopArtikelAusgabeTextContainer {
		width: 100%;
		padding-left: 0;
	}
}

@media screen and (max-width: 600px) {
	.artAttrL, .artAttrR {width: 100%;}
	.artAttrR {margin-bottom: 15px;}
	.artAttrR:last-of-type {margin-bottom: 0;}
}



/* ---------------------------------------------- */
/* ---------------- Confirmation ---------------- */
/* ---------------------------------------------- */
#BasketConfirmationContainer input[type=checkbox] {
	display: none;
}
#BasketConfirmationContainer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
}
#BasketConfirmation {
	display: none;
	pointer-events: all;
	padding: 10px 20px;	
}
#BasketConfirmationContainer input[type=checkbox]:checked ~ #BasketConfirmation {
	display: block;
}
#BasketConfirmationContainer input[type=checkbox]:checked ~ #lblBasketConfirmationArea {
	pointer-events: all;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: -1;
	cursor: unset;
}
#confirmationAddMessage, #confirmationRemoveMessage {
	display: none;
}




/* ---------------------------------------------- */
/* ---------------- Gewerbeshop ----------------- */
/* ---------------------------------------------- */
#main.gewerbeshop #shopNavLinksWrapper {
	width: calc(100% - 450px);
}

@media screen and (max-width: 768px) {
	#main.gewerbeshop #shopNavLinksWrapper {width: 100%;}
}


/* ----- Betreuer ----- */
#betreuerWrapper {
	display: inline-block;
	vertical-align: top;
	width: 450px;
}
#betreuerInfos, #betreuerBild, .betreuerInfosL, .betreuerInfosR {
	display: inline-block;
	vertical-align: top;
}
#betreuerBild {
	width: 130px;
	max-height: 180px;
	margin-right:4px;
margin-bottom: 4px;

border: 1px solid #888;
padding:4px;
}
#betreuerInfos {
	width: calc(100% - 140px);
}
.betreuerInfosL {
	width: 55px;
}
.betreuerInfosR {
	width: calc(100% - 55px);
}

@media screen and (max-width: 768px) {
	#betreuerWrapper {
		width: 100%;
		margin-bottom: 20px;
	}
}




/* ---------------------------------------------- */
/* ----------------- Kategorien ----------------- */
/* ---------------------------------------------- */
.shopKategorie {
	vertical-align: top;
	width: calc(33.33% - 20px);
	margin-right: 30px;
	margin-bottom: 30px;
	overflow: hidden;
	display: inline-block;
	height: 320px;
	border: 1px solid #D0D0D0;
}
.shopKategorie:nth-of-type(3n+3) {
  margin-right: 0;
}
.shopKategorie:hover {
	border-color: #008135;
	box-shadow: #BACADB 2px 2px 5px;
}

.shopKategoriePrivatText {
	height: 80px;
	padding: 10px;
	font-size: 20px;
	background-color: #D0D0D0;
}
.shopKategorie:hover .shopKategoriePrivatText {
	background-color: #008135;
	color: white;
}
.shopKategorieImgPrivat, .shopKategorieImgGewerbe {
	width: 100%;
	object-fit: contain;
}
.shopKategorieImgPrivat {height: calc(100% - 80px);}
.shopKategorieImgGewerbe {height: 100%;}

@media screen and (max-width: 1240px) {
	.shopKategorie {
		width: calc(50% - 10px);
		margin-right: 20px;
	}
	.shopKategorie:nth-of-type(3n + 3) {margin-right: 20px;}
	.shopKategorie:nth-of-type(2n + 2) {margin-right: 0;}
}
@media screen and (max-width: 600px) {
	.shopKategorie {
		width: 100%;
		margin-right: 0;
	}
}


/* ----- Gewerbe ----- */


@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1240px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 360px) {}
/* --- --- */
#noJsContainer {
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 1440px;
	height: 100%;
	pointer-events: none;
}
#noJSMessage {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 14px;
	bottom: 14px;
	pointer-events: all;
}
/* --- --- */
/* Allgemein */
#shopAnfrageLinks, #shopAnfrageRechts {
	display: inline-block;
	vertical-align: top;
}
#shopAnfrageLinks {
	width: calc(100% - 330px);
	padding-right: 60px;
}
#shopAnfrageRechts {
	width: 330px;
}
.shopAnfrageNorecordShow {display: none;}

/* Links */
#shopAnfrageHeadline1, #shopAnfrageHeadline2 {
	margin: 0;
}
#shopAnfrageHeadline2 {margin-bottom: 20px;}
.shopBestellformWide, .shopBestellformLinks, .shopBestellformRechts {
	margin-bottom: 20px;
}
.shopBestellformWide {width: 100%;}
.shopBestellformLinks, .shopBestellformRechts {width: calc(50% - 10px);}
.shopBestellformLinks {margin-right: 10px;}
.shopBestellformRechts {margin-left: 10px;}
#shopAnfrage input, #shopAnfrage select, #shopAnfrage textarea {
	font-family: 'Helvetica SemiBold', Sans-serif, Arial;
}
textarea {
	max-width: 100%;
	min-height: 120px;
}

/* Rechts */
#shopAnfrageSumOben {
	padding: 7px 32px;
	text-align: center;
}
#shopAnfrageSumMitte, #shopAnfrageSumUnten {padding: 18px 32px;}
.shopAnfrageSumL, .shopAnfrageSumR {
	display: inline-block;
	vertical-align: top;
}
.shopAnfrageSumL {width: 140px;}
.shopAnfrageSumR {
	width: calc(100% - 140px);
	text-align: right;
}
#shopAnfrageRechts .buttonGreen, #shopAnfrageRechts .buttonWhite {
	width: 100%;
}

@media screen and (max-width: 1024px) {
	textarea.shopBestellformLinks {width: 100%;}
}
@media screen and (max-width: 850px) {
	#shopAnfrageLinks, #shopAnfrageRechts {width: 100%;}
	#shopAnfrageLinks {
		padding-right: 0;
		margin-bottom: 40px;
	}
}
@media screen and (max-width: 600px) {
	.shopBestellformLinks, .shopBestellformRechts {width: 100%;}
	.shopBestellformLinks {margin-right: 0;}
	.shopBestellformRechts {margin-left: 0;}
}


/* Bestätigung */
.bestaetigungL, .bestaetigungR {
	display: inline-block;
	vertical-align: top;
}
.bestaetigungL {width: 250px;}
.bestaetigungR {width: calc(100% - 250px);}

@media screen and (max-width: 600px) {
	.bestaetigungL, .bestaetigungR {width: 100% !important;}
}
/* --- --- */