@charset "utf-8";

/* latin */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://teppichreinigung-ruhr.de/wp-content/fonts/kanit/nKKU-Go6G5tXcr5aOhWnVadrNlJz.woff) format('woff');

}

/*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: 5px 10px 5px 10px;
}
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;

}

.rseite input[type="text"], .rseite input[type="password"], .rseite input[type="email"], .rseite input[type="url"], .rseite input[type="tel"], .rseite input[type="number"], .rseite input[type="range"], .rseite input[type="date"], .rseite textarea, input.text, .rseite input[type="search"] {
  width: 78%;
}


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

@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;
}

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




.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;
}
.absenden {
	clear: both;
}

.reihe {
	width: 100%;
	/*height:300px;*/
/*	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;

}


.column {
	/*margin-right: 0.4em;*/
	/*-webkit-flex: 1;*/
	/*flex: 2;*/

/*flex-grow: 0;
  flex-shrink: 1;*/

/*width: 260px;*/
	/*width:42%;*/
/*border: 0px solid #dd3344;*/
	margin-bottom: 4px;
	text-align:left;
	
	align-items: stretch;
	
vertical-align: top;
}

.neben {
	display:inline-block;
	vertical-align: top;
		min-width: 340px;
}


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






.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;
	/*border: 0px solid #000000 !important;*/
	width: 90px !important;
	
}
.inlineort {
	display:inline-block !important;
	/*border: 0px solid #000000 !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: #b8aa83 !important;
  color: #ffffff !important;
  padding: 0.4em;
font-weight: bold;
margin: 10px 0px 0px;
font-size: 14px;
padding: 14px 28px 12px;
}

form.abholtermin > input[type="submit"]:hover, .goldbut:hover {
  background-color: #ecdaab !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;
}



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

.zeitfenster {
	/*scrollbar-width: none;*/  /* wegen mehrere Tage*/
	overflow-y: auto;
	margin: 0.2em 0.0em 0.3em 0.0em;
	min-width: 340px;
	max-width: 410px;
}


.zeitfenster option:checked, #datumzeit option:hover {
 /*
   background-image:linear-gradient(90deg, #b8aa83 0%, #b8aa83 80%);
 */

}

select.zeitfenster {
color: #000000;
height:fit-content;
}

.zeitfenster option:hover {
 /* background-image:linear-gradient(90deg, orange 0%, #b8aa83 70%);*/
 background-color: #b8aa83;
}


.zeitfenster option:checked {
 /* background-image:linear-gradient(90deg, orange 0%, #b8aa83 70%);*/
 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;
}



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

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



/* feiertag */

/*option:disabled {
    background-color: #aa7777;
    color: #6F3;
    opacity: 1;
}*/
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: 340px;
	max-width: 410px;
	color: #000000;
}

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

}

#ausweichtermine label {
	color: #000000;
}

.selb {
	background-color: #ffffff;
}
.selc {
	background-color: #aaaaaa;
}


select#Anzahl {
	height: inherit !important;
}