@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: 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:90%;
	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;
padding: 3px 3px 3px 3px;
width: 12em;
display: inline-block;
border: 1px solid rgba(184, 170, 131, 0.95);
}


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



.ui-widget-content {
  border: 1px solid #8e846b;
    background-color: rgb(254, 238, 189);
    background-position-x: 50%;
    background-position-y: top;
    background-repeat: repeat-x;
    background-attachment: scroll;
   /* background-image: url("images/ui-bg_highlight-soft_100_feeebd_1x100.png");*/
   background-image:none !important;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
  color: #383838;
}

.ui-widget.ui-widget-content {
  border: 1px solid #d19405;
}


.ui-state-default, .ui-widget-content .ui-state-default {
 /* border: 1px solid #d19405 !important;*/
   border: 1px solid #d19405 !important;
  /*background: #fece2f url("images/ui-bg_gloss-wave_60_fece2f_500x100.png") 50% 50% repeat-x;*/
background-color: rgb(254, 206, 47);
background-position-x: 50%;
background-position-y: 50%;
background-repeat: repeat-x;
background-attachment: scroll;
background-image: url('../js/images/ui-bg_gloss-wave_45_817865_500x100.png') !important;
background-size: auto;
background-origin: padding-box;
background-clip: border-box;
  font-weight: bold;
  color: #4c3000;
}

/* /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%;
	/*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;

}

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

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

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


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

.reihe.teppichslide {
	width: 95%;
	/*margin-bottom: 15px;*/
}

@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;
	/*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;
}
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 {
	/*scrollbar-width: none;*/  /* wegen mehrere Tage*/
	overflow-y: auto;
	margin: 0.2em 0.0em 0.3em 0.0em;
	max-width: 300px;
}

/*#datumzeit option:checked{
    background: #b8aa83 !important;
    box-shadow: 0 0 10px 100px #b8aa83 inset;
	color:#eeeeee;
}*/


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

/* bilder */
div.bild {
	overflow: hidden;
max-width: 230px;
	height: auto;
	 /* border-radius: 20px 0px;*/
	  margin-left:5px;
	  border-bottom: 2px transparent solid;
	  padding-right:0.2em;
	  padding-left:0.2em;
	  font-size: 0.8em;
	  hyphens: auto;
	  line-height: 1.4em;

font-weight: 600;
}
div.bild:hover {
  /*border-radius: 0px 20px;*/
  border-bottom: 2px rgba(184,170,131,0.9) solid;
}

@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 rgba(184,170,131,0.9) solid;*/
    border-bottom: 2px #f81013 solid;
  /*color:rgba(184,170,131,1.0);*/
  /*color:rgba(154,140,111,1.0);*/
  color: #f81013;
  transition: color 0.7s;
}

img.rimage {
 max-width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
	display:block;
	/*cursor: pointer;*/
}
.bild:hover > img.rimage {
	/*transform: skewX(5deg);*/
	background-color: rgb(0, 33, 247);
}
.bild > img.rimage {

 /* transition: all 0.5s linear;*/
 /*transition: color 3.7s;*/
}

.lmich .bild {
	cursor: pointer;
}


img.rimage:hover {
	transform: scale(1.1);
}
img.rimage {

 /* transition: all 0.5s linear;*/
 /*transition: color 3.7s;*/
 transition: all 0.5s linear;
}



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