@charset "utf-8";
/* love-ya-like-a-sister-regular - latin */
@font-face {
  font-family: 'Love Ya Like A Sister';
  font-style: normal;
  font-weight: 400;
  src: local('Love Ya Like A Sister Regular'), local('LoveYaLikeASister-Regular'),
       url('../basics/fonts/love-ya-like-a-sister-v8-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../basics/fonts/love-ya-like-a-sister-v8-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* muli-200 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 200;
  src: local('Muli ExtraLight'), local('Muli-ExtraLight'),
       url('../basics/fonts/muli-v11-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../basics/fonts/muli-v11-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* muli-200italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 200;
  src: local('Muli ExtraLight Italic'), local('Muli-ExtraLightItalic'),
       url('../basics/fonts/muli-v11-latin-200italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../basics/fonts/muli-v11-latin-200italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* muli-300 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 300;
  src: local('Muli Light'), local('Muli-Light'),
       url('../basics/fonts/muli-v11-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../basics/fonts/muli-v11-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* muli-300italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 300;
  src: local('Muli Light Italic'), local('Muli-LightItalic'),
       url('../basics/fonts/muli-v11-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../basics/fonts/muli-v11-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* muli-regular - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local('Muli Regular'), local('Muli-Regular'),
       url('../basics/fonts/muli-v11-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../basics/fonts/muli-v11-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* muli-italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 400;
  src: local('Muli Italic'), local('Muli-Italic'),
       url('../basics/fonts/muli-v11-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../basics/fonts/muli-v11-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* muli-600 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 600;
  src: local('Muli SemiBold'), local('Muli-SemiBold'),
       url('../basics/fonts/muli-v11-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../basics/fonts/muli-v11-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* muli-600italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 600;
  src: local('Muli SemiBold Italic'), local('Muli-SemiBoldItalic'),
       url('../basics/fonts/muli-v11-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../basics/fonts/muli-v11-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* muli-700 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  src: local('Muli Bold'), local('Muli-Bold'),
       url('../basics/fonts/muli-v11-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../basics/fonts/muli-v11-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* muli-700italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 700;
  src: local('Muli Bold Italic'), local('Muli-BoldItalic'),
       url('../basics/fonts/muli-v11-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../basics/fonts/muli-v11-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* muli-800 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 800;
  src: local('Muli ExtraBold'), local('Muli-ExtraBold'),
       url('../basics/fonts/muli-v11-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../basics/fonts/muli-v11-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* muli-800italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 800;
  src: local('Muli ExtraBold Italic'), local('Muli-ExtraBoldItalic'),
       url('../basics/fonts/muli-v11-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../basics/fonts/muli-v11-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* muli-900 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 900;
  src: local('Muli Black'), local('Muli-Black'),
       url('../basics/fonts/muli-v11-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../basics/fonts/muli-v11-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* muli-900italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 900;
  src: local('Muli Black Italic'), local('Muli-BlackItalic'),
       url('../basics/fonts/muli-v11-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../basics/fonts/muli-v11-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
body{margin: 0px;padding: 0px;background: #dadada;text-align: center;font-family: "Muli", sans-serif;font-size: 1.1em}
section{padding: 2em 1em;box-sizing: border-box;min-height: 50vh;}
.divider{height: 40vh;width: 100%;background-size: cover;background: #222;-webkit-box-shadow:inset 0 0 4px 4px rgba(0,0,0,0.3);
box-shadow:inset 0 0 4px 4px rgba(0,0,0,0.3);}
.divider0{background: url(../fotos/bg_divider0.jpg) center center no-repeat fixed;}
.divider1{background: url(../fotos/bg_divider5.jpg) center center no-repeat fixed;}
.divider2{background: url(../fotos/bg_divider1.jpg) center center no-repeat fixed;}
.divider3{background: url(../fotos/bg_divider2.jpg) center center no-repeat fixed;}
.divider4{background: url(../fotos/bg_divider3.jpg) center center no-repeat fixed;}

header{background: #575757;padding: 2em; box-sizing:border-box}
#Willkommen{background: #575757;border-top: 1px solid #000;color: #dadada}
#Schrottabholung{background:#dadada;border-top: 1px solid #575757;color: #575757}
#Schrottabholung{background: #575757;border-top: 1px solid #000;color: #dadada}
#Entruempelung{background: #575757;border-top: 1px solid #000;color: #dadada}
#Kleintransporte{background:#dadada;border-top: 1px solid #575757;color: #575757}
#Kleintransporte{background: #575757;border-top: 1px solid #000;color: #dadada}
#Kontakt{background: #575757;border-top: 1px solid #000;color: #dadada}
#Impressum{font-size: 0.65em;color: #555}

#Impressum h1{font-family: 'Muli', sans-serif;-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);text-shadow: none;color: #999}
a.datenschutz_button{background: #555; color: #fff;padding: 1em ; -webkit-border-radius: 200px;display: inline-block;
border-radius: 200px;margin: 2em 0;font-weight: bold}
#Datenschutz{}
.datenschutzfeld{ height:0; overflow: hidden;}
#Datenschutz h1{padding: 3em 0 0 0}
.datenschutzfeld:target{ height: inherit;overflow: visible;}
.nav-wrapper{width: 100%;background: rgba(5,5,5,1)}
nav{ ;text-shadow: 1px 1px 1px #000;}
nav a{color: #ef7c00;text-decoration: none;font-weight: bold}
img.first{height: 1em;width: auto}
h1{font-family: 'Love Ya Like A Sister', cursive;color: #ef7c00;font-size: 2.25em;text-shadow: 1px 1px 1px #222;-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);}
ul{margin: 0;padding: 0px;list-style: none;}
li{display: inline-block;margin: 0; padding: 0.6em 0.4em;list-style: none;}


#logo{width: 80%;max-width: 500px;height: auto;}
form#Formular{background: #222;padding:0.75em ;box-sizing: border-box;width: 40%;min-width: 22.5em ;margin: 0 auto;;font-size: 0.85em;}
#Form h2{font-size: 1.5em; font-family:  "Muli", sans-serif;margin: 0em 0em 0.25em 0em}
.fehlermeldung{color: #f00;text-align:center}
.erfolgmeldung{color: #090;text-align: center}

#Form input{border: 2px solid #000;background: #fff;padding: 0.2em; box-sizing:border-box;width: 17.25em;}
.form_line{text-align:left;margin-top: 0.5em;padding: 0.1em 0.2em }
.error{background: #600}
.erfolg{background: #030;}
label{;width: 6em;display: inline-block;;font-size: 0.85em}
.formtextlabel{width: 100%;margin-top:0.7em;padding-bottom: 0.23em}
textarea{border: 2px solid #000;background: #fff;padding: 0.2em; box-sizing:border-box;width: 24.5em;height: 8em;font-family: sans-serif;;font-size: 0.85em}
#senden{margin: 0 auto}
.senden{text-align: center}
.hinweis_datenschutz{text-align: center; font-size: 0.85em}

form{display: inline-block;}
.anschrift{margin-bottom: 3em}


.wrapper{width: 100%;max-width: 800px;margin: 0 auto}
.bold{font-weight: bold;}
.dgrau{color: #575757;}
.hgrau{color: #dadada;}
.orange{color: #ef7c00;}

#Kontakt a{color: #ef7c00;}
.hinweis_datenschutz a{color: #999;}

.active {
    color: #ef7c00; !important;
    text-decoration: underline !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.sticky{
	top:0;width: 100%; }
	
@media screen and (max-width: 400px) {
body{font-size: 0.85em}
form#Formular{background: #222;padding:0.75em ;box-sizing: border-box;width: 98%;min-width: inherit;margin: 0 auto;;font-size: 0.85em;}
#Form input{border: 2px solid #000;background: #fff;padding: 0.2em; box-sizing:border-box;width: 100%}
.form_line{text-align:left;margin-top: 0.5em;padding: 0.1em 0.2em }
.error{background: #600}
label{;width: 100%;display: inline-block;;font-size: 0.85em}
.formtextlabel{width: 100%;margin-top:0.7em;padding-bottom: 0.23em}
textarea{border: 2px solid #000;background: #fff;padding: 0.2em; box-sizing:border-box;width: 100%;height: 8em;font-family: sans-serif;;font-size: 0.85em}
}