@charset "utf-8";

:root, :host  {
--maingroesse: 1160px;

  --fa-family-classic: 'Font Awesome 7 Free';
  --fa-font-regular: normal 400 1em/1 var(--fa-family-classic);
  /* deprecated: this older custom property will be removed next major release */
  --fa-style-family-classic: var(--fa-family-classic);


}



/*   NAVI    */

.main-nav {
	max-width:var(--maingroesse);
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}




.pakete p {
font-size:1.45em;
line-height: 1.3em;
margin-top:0.0em;

}




/*maximale Breite*/
.main {
	max-width:var(--maingroesse);
	margin: 10px auto 15px auto;
	padding: 15px;
/*	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

/* 1 spaltig*/
div.bildbox1 {
    display: grid;
    grid-gap: 5px;
	grid-template-columns: minmax(80%, 1fr);
	/*margin: 10px auto 10px auto;*/
	/*place-items: center;*/
}

div.textbox1 {
    display: grid;
    grid-gap: 0px;
	grid-template-columns: minmax(95%, 1fr);

}

/* 2 spaltig*/
div.textbox2 {
    display: grid;
    grid-gap: 15px;
	grid-template-columns: minmax(63%, 2fr) minmax(37%, 1fr);
	/*grid-template-columns:2fr 1fr;*/

	max-width: var(--maingroesse);
	align-self: center;
	margin: 0 auto;
}
div.textbox2 p {
 margin-top:2px;
}






div.bildbox1 img {
  grid-column: 1;
 /* grid-row: 1 / 1;     */
  align-self: center;
/*  max-width: 800px;*/
}

div.bildbox1.logo img {
  max-width: 800px;
}


/* 2 spaltig*/
div.bildbox2 {
    display: grid;
    grid-gap: 35px;
	/*grid-template-columns: minmax(75%, 1fr) minmax(200px, 1fr);*/
	/*grid-template-columns: minmax(55%, 1fr) minmax(200px, 1fr);*/
	grid-template-columns: minmax(48%, 1fr) minmax(48%, 1fr);

	max-width: var(--maingroesse);
	align-self: center;
	margin: 0 auto;
}
div.bildbox2 p {
 margin-top:2px;
}

/*
.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  row-gap: 16px;
  column-gap: 16px;
  align-items: start;
}
*/


.pakete {
/*max-width:1000px;*/
max-width:1500px;
margin-left:auto;
margin-right:auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;

  grid-gap: 72px;
  padding: 10px;
}

.paket1, .paket2, .paket3 {
background-color: #d31f2c;
}

.ptpp1, .ptpp2, .ptpp3 {
	box-shadow: 5px 5px 8px 0px rgba(55, 55, 55, 0.7);
	padding-bottom: 15px;
	cursor: pointer;

	position: relative;
	max-width: 330px;
}

.ptpp1 .lmich , .ptpp2 .lmich, .ptpp3 .lmich {
	cursor: pointer;
}

.ptueb {
background-image: url('../bilder/kupfer-hg.webp');
	background-repeat: repeat-y;
	background-size: contain;
	min-height:85px;
}

.paket1 .ptueb {
	background-image: url('../bilder/kupfer-hg.webp');
}
.paket2 .ptueb {
	background-image: url('../bilder/silber-hg.webp');
}
.paket3 .ptueb {
	background-image: url('../bilder/gold-hg.webp');
}




.pakettext1 {
	min-height:auto;
}

.pakettext2 {
	min-height:auto;
}
.pakettext3 {
	min-height:auto;
}

.pakettext1 p, .pakettext2 p, .pakettext3 p {
padding: 0.1em 0.5em 0.1em 0.5em;
margin: 0px;
font-size: 1.1em;
  line-height: 1.1em;
}


p.ptueb {
	padding-top:0.2em;
		margin-top:0.0em;
		margin-bottom:0.0em;
	font-size: 1.65em;
	line-height: 1.05em;
	font-weight:bold;
  text-align: center;
  color:#ffffff;
  text-shadow: 2px 2px 0px #333;



}



p.ptsub {
	color:#ffffff;
	min-height:1.8em;
	text-align:center;
	font-size:1.4em;
line-height: 1.6em !important;
font-weight: 600;
		margin-bottom:0.2em;
}


.haken {
	color:#5ab465;
	font-size:0.6em;
}

p.uschrift {
	font-size: 1.2em;
	line-height: 1.1em;
	font-weight:bold;
	text-align:center;
}
p.ufett {
	font-weight:600;
	margin-top: 0.35em;
}
p.kleiner, .kleiner {
	font-size: 0.95em;
	line-height: 1.0em;
	margin-top: 0.3em;
}


.goldbut {
  background-color: #b8aa83 !important;
  color: #ffffff !important;
  padding: 0.4em;
  font-weight: bold;
  margin: 10px 0px 0px;
  font-size: 1.0em;
  padding: 14px 28px 12px;
  cursor: inherit;
}

.goldbut:not(:disabled):not(.disabled) {
  cursor: pointer;
}

#weiter1.goldbut {
	/*background-color: #f81013 !important;*/
	/*font-size: 1.0em;*/
}

.prslide {
	display: block;
}

.rechnung {
	margin-bottom: 0.7em;
}

.buttonleiste {
	width: 100%;
position: relative;
bottom: 0px;

	display: flex;
	justify-content: space-around;
	align-items: center;
}

.fbox {
	/*min-width:420px;*/
	max-width:98%;padding:1em;
}
.fancyueb {
	font-size: 1.3em;
	text-align:center;
}

#butreset {
display:none;
}


/*abrundung*/
.preise, .preise .preis {
	padding: 14px;
	border-radius: 50px 22px 50px 7px;
}

p#hakenb, p#hakens, p#hakeng {
	width: 100%;
	text-align: right;
	position: absolute;
	bottom: 1px;
	min-height: 36px;
	padding-right: 0.2em;
}

#hakenb i.haken, #hakens i.haken, #hakeng i.haken {
	font-size: 0.82em;
	border-radius: 50%;
	background-color: #009933;
	color: #ffffff;
	padding: 0.1em;
	display:none;
	border-radius: 25px 7px 25px 25px;
}


#anzeige_preis_zuschlag {
	display:none;
	color: #ff0000;
	font-weight:600;
}
#anzeige_preis_minzuschlag {
	display:none;
	color: #ff0000;
	font-weight:600;
}

input#plz {
	min-width: 325px;
}
input#abholort1 {
min-width: 245px;
  padding-right: 0px;
  margin-right: 2px !important;
}

input#abholplz1 {
min-width: 4em;
  max-width: 4em;
}

select#ort, select#datumzeit {
	min-width: 325px;
}
#ausweichtermine {
	min-width: 320px;
}
label[for=anderezeit] {
	font-size: 0.80em;
	font-weight: 600;
}

#preisleiste {
	display: flex;
	justify-content: space-between;
	background-color: #093;
	border-radius: 50px 22px 50px 7px;
	color: #ffffff;
	font-size: 1.25em;
	padding: 12px 0.4em 12px 0.8em;
}


input#TR_ges {
	padding: 0.2em 0.5em 0.2em 0.5em;
	border-radius: 50px 22px 50px 7px;
	background-color: #20b953;
	/*border-color: #009933;*/
	border-color: transparent;
	color: #ffffff;
	font-weight:600;
	font-size: 0.75em;
	min-width: 4.1em;
	max-width: 6.29em;
	text-align: right;
}

.minangabe {
	font-size: 1.0em;
	line-height: 1.15em;
	padding-top: 0.1em;
}

p#abholbut {
	position: fixed;
	bottom: 75px;
	left: 0px;
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
	z-index:99999;
}





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

	.pakete {
		grid-gap: 25px;
		 grid-template-columns: 1fr;
	}

}




/*Anfrage index*/

@media (min-width: 800px) {
	.zweispaltig {
		display: flex;
		justify-content: space-between;
		gap: 20px; /* Abstand zwischen den Spalten */
			padding: 0.4em 0;
	}
	.feld-links, .feld-rechts {
		flex: 1; /* Nimmt jeweils 50% der Breite ein */
	}
}


input.tart {
  display: none;
}
/*label.lmich input:checked + .paket1, label.lmich input:checked + .paket2, label.lmich input:checked + .paket3 {*/
label.lmich input:checked + .paket1, label.lmich input:checked + .paket2, label.lmich input:checked + .paket3 {
/*label.lmich input:checked .paket1 .ptsub, label.lmich input:checked.paket2 .ptsub, label.lmich input:checked.paket3 .ptsub {*/
background-color: #093 !important;
  transition: color 0.7s;
}
.pakete label {
  font-weight: inherit;
}

.plzdaten {
	width: 45% !important;
	float: left;
  margin-right: 1em !important;
}





.anfragei input, .anfragei select {
min-width: 85%;
max-width: 85%;
	font-size: 1.5rem;
		min-height: 2.0em;
	border-width: 1px;
	background-color:#ffffff;
	padding: 0.1em 0.2em;
	font-family: Abel;
}
.anfragei select {
min-width: 86%;
max-width: 86%;
}

.anfragei textarea {
min-width: 92%;
max-width: 92%;
padding: 0.1em 0.2em;
font-size: 1.5rem;
font-family: Abel;
}

.anfragei select option {
	font-size: 0.9em;
}

input[type="checkbox"] {
	min-height: inherit;
	min-width: inherit;
max-width: inherit;
}
.feld-links, .feld-rechts {
			padding: 0.4em 0;
}

input[type="submit"] {
  background: none;
  font-size: 1.1em;
  background-color: #1c70b8;
  color: #ffffff;
  border: none;
  text-transform: capitalize;
  margin: 20px 0px 0px;
  padding: 14px 20px 14px;
  float: left;
  cursor: pointer;
  -webkit-appearance: none;
  min-width: 93%;
max-width: 93%;
}
input[type="submit"]:hover {
  background-color: #0c60a8;
}

/*   verifi*/
.verifi {
	display:none;
}

/* Mailantwort  */

.antueb {
padding: 0.1em 0.2em;
font-size: 1.7rem;
font-family: Abel;
color:#1c70b8;
}

.anttext {
padding: 0.1em 0.2em;
font-size: 1.4rem;
font-family: Abel;
}
.antbox {
	border: 1px solid #1c70b8;
	border-radius: 10px 10px 10px 10px;
	background-color: #e5eff6;
	padding: 1.1em;
}



/*  -------------   */


/*aus base.css überschreiben*/
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, input[type="search"] {
 /* padding: 14px 12px 13px;*/
  /*padding: 10px 12px 10px 12px;*/
  padding: 5px 10px 5px 10px;
}

h2, h3, h4, h5, h6 {
  margin-bottom: 0.2em;
}
h1, h2, h3, h4, h5, h6 {
  color: #000000;
}

/* rabatt teppichreinigung*/
#TR_rabatt, #TR_rabatt2 {
	display:none;
	color:rgba(255,0,0,1);
	border-bottom: 1px solid rgba(255, 0, 0, 0.95);
}




@media only screen and (max-width: 489px) {
	h3 {
		font-size: 1.2em;
		margin-bottom: 0.25em !important;
	}

.zeilenhoehe .column {
	line-height:1.2em !important;
}

}

.toplinie {
border-top: 1px solid rgba(184, 170, 131, 0.95) !important;
padding-top: 5px !important;
margin-top: 9px;

padding-left: 1px !important;
}

.zeilenhoehe .column {
	line-height:1.1em;
}


/* slider */
.prslide {
	width:82%;
	padding:0.1em 0.4em;
	display:inline-block;
	}
.pr_angabe {
	/*width:20%;*/
	padding:0.1em 0.4em 0.05em 0.4em;
	display:inline-block;
line-height: 1.4em;
color: #000000;
	}


 label[for=tlaenge] {
    background: transparent;
}

input#tlaenge, input#tbreite, input#lfmlaenge {
	border:0; 
	/*color:#333333; */
	font-size:0.9em;
	font-weight: 600;
padding: 3px 3px 3px 3px;
width: 12em;
display: inline-block;
border: 1px solid rgba(184, 170, 131, 0.95);

color: #ffffff;
	background-color: #d31f2c;
	border-radius: 12px;
	padding: 0.2em 0.5em 0.2em 0.5em;
}

input#tlaenge::placeholder, input#tbreite::placeholder, input#lfmlaenge::placeholder {
	color: #ffffff;
}


#tlaenge-slider, #tbreite-slider, #lfmlaenge-slider {
	margin: 3px 3px 1px 7px;
}

#labelHolderL, #labelHolderB, #labelHolderC {
  height: 8px;
  position: relative;
  border: none;
}

#minL, #maxL, #minB, #maxB, #minC, #maxC {
  position: absolute;
  margin-left: 0.6em;
  text-align: center;
  font-family: Lato, sans serif;
  font-size: 10px;
  font-weight: 600;
  color: #3A3A3A;
}
#minL, #minB, #minC {
  left: 1px;
  top: 25px;
}
#maxL, #maxB, #maxC {
  right: 10px;
  top: 25px;
}




/* /slider */



.zentrier {
	text-align: center;
}
.rahmen {
	border: 1px solid #82B732;
}

.spaltenbeschreibung {
	font-size: 1em;
	min-height: 5.6em;
	margin-bottom: 10px;
	margin-left: 2px;
	margin-right: 2px;
	width: 250px;
}
.spaltenheader {
	font-size: 1.3em;
	height: 2.2em;
}
.clearme {
	clear: both;
}


.reihe {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
	flex-direction: row;
	border: 0px #679999 solid;
	margin-bottom: 4px;

	align-items: flex-start;
padding-left: 3px;

}

div.lseite div.column {
	margin-right: 0.3em;
}

.column {
flex-grow: 0;
  flex-shrink: 1;
	margin-bottom: 4px;
	text-align:left;

	align-items: stretch;

	margin: 0 0 0 1%;
}

.teppichslide .column {
flex-grow: 1;
}


.column input[type="text"], .column input[type="email"], .column textarea, , .column select {
	width:95%;
}

.reihe.teppichslide {
	width: 95%;
}

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

	.reihe.teppichslide div.column{
		flex: max-content;
		margin-bottom:8px;
	}

}


.formHG {
	background-color: rgba(184,170,131,0.2);
	border: 1px solid rgba(184,170,131,0.5);
	padding:2px;
}
.formHG input, .formHG select, .formHG textarea {
	background-color: #ffffff;
	padding:2px;
}

a {
  color: #b8aa83;
}

/*abholtermin*/
.inlineplz {
	display:inline-block !important;
	width: 90px !important;
	
}
.inlineort {
	display:inline-block !important;
	width: inherit !important;
}

form.abholtermin {
margin-bottom: 15px;
padding-bottom: 15px;
display:block;
}

form.abholtermin input[type="text"], form.abholtermin input[type="email"], form.abholtermin input[type="tel"], form.abholtermin textarea {
	border: 1px;
	border-bottom-color: currentcolor;
	border-bottom-style: solid;
	border-bottom-width: 0px;

	border: 1px solid rgba(184, 170, 131, 0.95);
	background-color: #ffffff;
}

form.abholtermin input[type="text"]#TR_ges {
/*	border: 1px solid rgba(184, 170, 131, 0.95);*/
}
form.abholtermin input[type="text"]#abholort1 {
min-width: 240px;
}
.kein_rahmen .wpcf7-form-control-wrap::before {
    background:transparent;
}


form.abholtermin > input[type="submit"], .goldbut {
  background-color: #f81013 !important;
  color: #ffffff !important;
  padding: 0.4em;
font-weight: bold;
margin: 10px 0px 0px;
font-size: 1empx;
padding: 14px 28px 12px;

	border-color: #f81013 !important;
	border-radius: 12px !important;
}

/*
#weiter .goldbut {
	border-color: #f81013 !important;
	border-radius: 12px !important;
}
*/

form.abholtermin > input[type="submit"]:hover, .goldbut:hover {
  background-color: #937d45 !important;
}


.column input[type="file"]::file-selector-button {
  background-color: #b8aa83;
  color: #ffffff;
  padding: 0.4em;
  font-size: 0.9em;
}
.column input[type="file"] {
  font-size: 0.8em;

}


::placeholder {
  color: #000000;
}

select, .form-calender-icon input[type="text"] {
  color: #000000;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, input[type="search"], textarea {
  color: #000000;
}



form.abholtermin label {
	color: #000000;
	font-size: 1.0em;
	font-weight: 300;
}

.zeitfenster {
	overflow-y: auto;
	margin: 0.2em 0.0em 0.3em 0.0em;
	max-width: 300px;
}




.zeitfenster option:checked, #datumzeit option:hover {

}

select.zeitfenster {
color: #000000;
height:fit-content;
min-width: 340px;
}

.zeitfenster option:hover {
 background-color: #b8aa83;
}


.zeitfenster option:checked {
 background-image:linear-gradient(90deg, #b8aa83 0%, #b8aa83 80%);
 color: #dddddd;
}


select.DB { 
	background-color: #ffffff;
	padding-left:2px;
	 border: 1px solid rgba(184, 170, 131, 0.95);
}

.selection-box::before, .selection-box::after {
  content: initial;
  pointer-events: none;
  position: absolute;
}





form.abholtermin label {
	color: #000000;
	font-size: 1.0em;
	font-weight: 300;
}

.endpreis {
	font-weight: 600;
	display:block;
}
.endpreis #TR_ges {
	width:7.2em;
	font-size:1.2em;
	border-bottom:0px;
	display:inline-block;
}


@media only screen and (max-width: 489px) {
	div.bild {
		  font-size: 0.75em;
	max-width: 140px;
	line-height: 1.4em;
	}
}


.column input.tart {
  display:none;
}
.column label.lmich input:checked + .bild {
    border-bottom: 2px #f81013 solid;
  color: #f81013;
  transition: color 0.7s;
}



.verdecke {
	overflow: hidden;
	border-radius: 30px 0px;
}

.verdecke:hover {
	border-radius: 0px 30px;
}


/* feiertag */

option.feiertag, option.feiertag:hover {
    background-color: #f76666;
    color: #000000;
    opacity: 1;
	cursor: default;
}


#ausweichtermine {
	background-color: #ffffff;
	padding: 2px 2px 12px 12px;
	font-size: 0.8em;
	min-width: 322px;
	max-width: 410px;
	color: #000000;
}

#ausweichtermine {  /* !!!!!!!!! */
/*display:none;*/

}

#ausweichtermine label {
	color: #000000;
}


.selb {
	background-color: #ffffff;
}
.selb.feiertag {
    background-color: #f79999;
    color: #000000;
    opacity: 1;
	cursor: default;
}

.selc {
	background-color: #aaaaaa;
}


select#Anzahl {
	height: inherit !important;
}

label.liefertermin {
font-weight: bold !important;
}



.kein {
    background-color: #f76666 !important;
    color: #000000 !important;
}





#ausgabe {
display: none;

   /* display: flex; */
    justify-content: center; 
    align-items: center;
position: fixed;
width: 99%;
height: 100vh;
background-color: #d7c69aa5;
z-index: 9999;
padding: 10px;
margin: 0px;
top:8%;

}
#meldunga {
/*position: relative;*/
/*top: 5%;*/
width: 40%;
max-height: 60%;
background-color: #ffffff;
z-index: 9999;
padding: 5px 5px 5px 5px;
overflow-y: auto;
margin-left: auto;
margin-right: auto;
font-size: 1.4em;
border: 1px solid #a89a73;
}