/*DTR Einrichtungen*/
/* Oswald 300/400/600 */
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 300;
  src: url("https://www.dtr-teppichreinigung.de/wp-content/themes/dtr/fonts/oswald-v57-latin-300.woff2") format("woff2");
}
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 400;
  src: url("https://www.dtr-teppichreinigung.de/wp-content/themes/dtr/fonts/oswald-v57-latin-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 600;
  src: url("https://www.dtr-teppichreinigung.de/wp-content/themes/dtr/fonts/oswald-v57-latin-600.woff2") format("woff2");
}

/*Allgemein*/
body {--color-text: #002245;}
body {margin: 0; font-family: "Open Sans", sans-serif; color: var(--color-text); font-size: 16px; font-weight: 300; line-height: 24px;}
h1, h2, h3 {font-family: "Oswald", Sans-serif; font-weight: 400;}
h4 {margin-bottom: 0;}
.container {max-width: 1140px; margin: 0 auto;}
.admin .container {max-width: 100%; padding: 0 20px;}
@media screen and (max-width: 1170px) {.container {margin: 0 20px;}}
.none {display: none;}
.clear {clear: both;}
.green {color: green;}
.red {color: red;}

.bedarf_input {display: none; width: 70px}

/*Header*/
header {position: fixed; width: 100%; top: 0; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1); background: url(https://dtr-teppichreinigung.de/account/einrichtungen/files/Verlauf-Kopf.png) 0 0 repeat-x, #FFFFFF; }
.logo, .slogan {float: left; display: inline-block; margin-bottom: 10px;}
.logo {width: 180px;}
.slogan {width: calc(100% - 230px);}
.slogan {margin-top: 75px; margin-left: 50px; font-size: 25px; font-family: "Oswald", Sans-serif; color: var(--color-text);}
@media screen and (max-width: 779px) {.slogan {margin-left: 0; width: calc(100% - 180px);}}

/*Main*/
main {margin-top: 200px; min-height: calc(100vh - 490px); margin-bottom: 60px;}

#login_form input {background-color: #F5F5F5; padding: 10px 50px !important; line-height: 2 !important; border-radius: 5px !important; border: 1px solid #CCCCCC !important; font-size: 18px; width: 300px;}
#login_form button, .btn {color: #FFFFFF; background: #009FED; box-shadow: 0 2px 0 rgba(240, 253, 255, 0.95); border-radius: 5px; padding: 15px 50px !important; border: none; font-size: 20px; cursor: pointer; text-decoration: none;}
#login_form button:hover, .btn:hover {background: var(--color-text);}

.haken {text-align: center; margin: 0 auto; color: #52c41a;}
.haken svg {height: 80px; width: 80px;}

.fortschritt_balken {width: 100%; max-width: 500px; height: 15px; border: 1px solid #000; border-radius: 5px;}
.fortschritt_balken_innen {background-color: green; height: 100%;}

.tausch {float: left; width: 33%;}
@media screen and (max-width: 970px) {.tausch {width: 100%;}}
#anzahl, #zahl, #laenge {padding: 10px 15px; margin: 0 10px;}
button#anz, button#pmb {color: #FFFFFF;  background: #009FED; box-shadow: 0 2px 0 rgba(240, 253, 255, 0.95); border-radius: 5px; padding: 12px 25px !important; border: none; font-size: 15px; cursor: pointer;}

table tr:nth-child(odd) td, table tr th {background: #F5F5F5;}
table th, table td {padding: 5px 10px; text-align: center;}
td.date {width: 125px;}
.info  {color: #008000; background: #F5F5F5; padding: 5px 10px; font-size: 20px;}
.error {color: #FF0000; background: #F5F5F5; padding: 5px 10px; font-size: 20px;}

.links  {float: left; width: calc(50% - 26px); padding-right: 25px; border-right: 1px solid #000;}
.rechts {float: left; width: calc(50% - 26px); padding-left:  25px; min-height: 100vw;}

img {float: left; display: inline-block; margin-right: 20px;}

.kita_ohne td:first-child {text-align: right;}
.kita_ohne td:nth-child(2) {text-align: left;}

.ausblenden, .ausblenden_k_o, .ausblenden_k_a {display: none;}
button.einblenden, button.ausblenden {float: right;}
button.einblenden_k_o, button.ausblenden_k_o {float: left;}
button.einblenden_k_a, button.ausblenden_k_a {float: left;}

.kita_alle button {width: 95px;}

/*Footer*/
footer {width: 100%;}
footer .schraeg {position: relative; overflow: hidden; margin-top: -40px !important; padding-top: 100px !important;}
footer .schraeg:before {content: ""; position: absolute; width: 200%; height: 420px; left: -50%; z-index: -1; background: url(https://dtr-teppichreinigung.de/account/einrichtungen/files/Verlauf-Hellblau.png) 0 0 repeat-x;
	-webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg); transform: rotate(-4deg);
}
footer .container {margin-top: 40px !important;}
footer .spalte {width: 33%; float: left; text-align: center; display: inline-block; color: var(--color-text); font-family: "Open Sans", Sans-serif; line-height: 24px; font-weight: 300;}
footer .spalte strong {font-weight: 600;}
footer a {font-weight: 700; color: var(--color-text); font-family: "Oswald", Sans-serif; box-shadow: none; text-decoration: none;}