@charset "utf-8";
/* CSS Document */

/* assistant-300 - latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 300;
  src: url('../pics/fonts/assistant-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../pics/fonts/assistant-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pics/fonts/assistant-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../pics/fonts/assistant-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../pics/fonts/assistant-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../pics/fonts/assistant-v18-latin-300.svg#Assistant') format('svg'); /* Legacy iOS */
}

/* assistant-regular - latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400;
  src: url('../pics/fonts/assistant-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../pics/fonts/assistant-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pics/fonts/assistant-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../pics/fonts/assistant-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../pics/fonts/assistant-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../pics/fonts/assistant-v18-latin-regular.svg#Assistant') format('svg'); /* Legacy iOS */
}

/* assistant-600 - latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 600;
  src: url('../pics/fonts/assistant-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../pics/fonts/assistant-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pics/fonts/assistant-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../pics/fonts/assistant-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../pics/fonts/assistant-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../pics/fonts/assistant-v18-latin-600.svg#Assistant') format('svg'); /* Legacy iOS */
}

/* assistant-700 - latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 700;
  src: url('../pics/fonts/assistant-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../pics/fonts/assistant-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pics/fonts/assistant-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../pics/fonts/assistant-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../pics/fonts/assistant-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../pics/fonts/assistant-v18-latin-700.svg#Assistant') format('svg'); /* Legacy iOS */
}



.h1 {font-family: "Assistant", sans-serif; font-size: 24px; color: #8ac23d; text-align:left; line-height: 1.2; font-weight:700; }
@media only screen and (max-width:1200px) {.h1 {font-family: "Assistant", sans-serif; font-size: 48px; color: #8ac23d; text-align:left; line-height: 1.2; font-weight:700; }}
.p { font-family: "Assistant", sans-serif; font-size: 20px; color: #333333; text-align:left; line-height: 1.5; font-weight:300; }
@media only screen and (max-width:1200px) {.p { font-family: "Assistant", sans-serif; font-size: 36px; color: #333333; text-align:left; line-height: 1.5; font-weight:300; }}
.h2 { font-family: "Assistant", sans-serif; font-size: 24px; color: #FFFFFF; text-align:center; line-height: 1.5; font-weight:300; }
@media only screen and (max-width:1200px) {.h2 { font-family: "Assistant", sans-serif; font-size: 38px; color: #FFFFFF; text-align:center; line-height: 1.5; font-weight:300; }}
.p2 { font-family: "Assistant", sans-serif; font-size: 16px; color: #999; text-align:left; line-height: 1.5; font-weight:300; }
@media only screen and (max-width:1200px) {.p2 { font-family: "Assistant", sans-serif; font-size: 20px; color: #999; text-align:left; line-height: 1.5; font-weight:300; }}
.h3 { font-family: "Assistant", sans-serif; font-size: 24px; color: #8ac23d; text-align:left; line-height: 1.5; font-weight:300; }
@media only screen and (max-width:1200px) {.h3 { font-family: "Assistant", sans-serif; font-size: 42px; color: #8ac23d; text-align:left; line-height: 1.5; font-weight:300; }}

body { font-family: sans-serif; font-size: 18px; line-height: 1.5; text-align:left; color: #333333; background-color:#FFF; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; }
@media only screen and (min-width:860px) and (max-width:1200px) {body { font-family: sans-serif; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; font-size: 38px;}}
@media only screen and (max-width:860px) {body { font-family: sans-serif; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; font-size: 42px }}

a:link {text-decoration: none; color: #8ac23d;} a:visited {text-decoration: none; color: #8ac23d;} a:hover {text-decoration: none; color: #0CF;} a:active {text-decoration: none; color: #8ac23d;}

.wrapper { margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; min-width:860px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; }
@media only screen and (max-width:860px) {.wrapper { margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; width:860px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; }}

#inbearbeitung {width:100%; height:100%; margin:0px; background-color:#FFF; top:0px; left:0px; right:0px; bottom:0px; position:absolute; position:fixed; z-index:980;}
#hausmeisterservice {width:100%; height:130px; margin-top:0px; text-align:center; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; background-color:#f5f4f6;}
@media only screen and (min-width:860px) and (max-width:1200px) {#hausmeisterservice {width:100%; height:220px; margin-top:0px; text-align:center; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px;background-color:#f5f4f6}}
@media only screen and (max-width:860px) {#hausmeisterservice {width:860px; height:220px; margin-top:0px; text-align:center; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px;background-color:#f5f4f6}}
#logo {width:360px; height:120px; margin-top:0px; padding-left:0px; padding-right:0px; margin-left:auto; margin-right:auto;}
@media only screen and (min-width:860px) and (max-width:1200px) {#logo {width:592px; height:210px; margin-top:0px; padding-left:0px; padding-right:0px; margin-left:auto; margin-right:auto;}}
@media only screen and (max-width:860px) {#logo {width:592px; height:210px; margin-top:0px; padding-left:0px; padding-right:0px; margin-left:auto; margin-right:auto;}}

#header {width:100%; height:480px; margin-top:0px; text-align:center; padding-top:0px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; background-image:  url(../pics/hausmeisterservice-dankoltsweiler.jpg); background-repeat:no-repeat; background-position:center; background-position:top;}
@media only screen and (max-width:1200px) {#header {width:100%; height:700px; margin-top:0px; text-align:center; padding-top:0px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; background-image:  url(../pics/hausmeisterservice-ellwangen-aalen.jpg); background-repeat:no-repeat; background-position:center; background-position:top;}}
@media only screen and (max-width:1080px) {#header {width:100%; height:650px; margin-top:0px; text-align:center; padding-top:0px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; background-image:  url(../pics/hausmeisterservice-ellwangen-aalen.jpg); background-repeat:no-repeat; background-position:center; background-position:top;}}
@media only screen and (max-width:860px) {#header {width:860px; height:650px; margin-top:0px; text-align:center; padding-top:0px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; background-image:  url(../pics/hausmeisterservice-ellwangen-aalen.jpg); background-repeat:no-repeat; background-position:center; background-position:top;}}


#header-winterdienst {width:100%; height:480px; margin-top:0px; text-align:center; padding-top:0px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; background-image:  url(../pics/winterdienst-bg.jpg); background-repeat:no-repeat; background-position:center; background-position:top;}
@media only screen and (max-width:1200px) {#header-winterdienst {width:100%; height:700px; margin-top:0px; text-align:center; padding-top:0px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; background-image:  url(../pics/winterdienst-mbg.jpg); background-repeat:no-repeat; background-position:center; background-position:top;}}
@media only screen and (max-width:1080px) {#header-winterdienst {width:100%; height:650px; margin-top:0px; text-align:center; padding-top:0px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; background-image:  url(../pics/winterdienst-mbg.jpg); background-repeat:no-repeat; background-position:center; background-position:top;}}
@media only screen and (max-width:860px)  {#header-winterdienst {width:860px; height:650px; margin-top:0px; text-align:center; padding-top:0px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; background-image:  url(../pics/winterdienst-mbg.jpg); background-repeat:no-repeat; background-position:center; background-position:top;}}

#headerbild {width:700px; height:400px; margin-top:40px; padding-top:60px; margin-left:auto; margin-right:auto; }
@media only screen and (max-width:1200px) {#headerbild {width:80%; height:600px; margin-top:30px; padding-top:120px; margin-left:auto; margin-right:auto; }}
@media only screen and (min-width:860px) and (max-width:1080px) {#headerbild {width:95%; height:600px; margin-top:30px; padding-top:120px; margin-left:auto; margin-right:auto; }}
@media only screen and (max-width:860px) {#headerbild {width:840px; height:600px; margin-top:30px; padding-top:120px; margin-left:auto; margin-right:auto; }}


#bild {width:300px; height:auto; margin-top:0px; text-align:center; padding-top:10px; padding-left:0px; padding-right:30px; float:left;}
@media only screen and (min-width:860px) and (max-width:1200px) {#bild {width:95%; height:auto; margin-top:0px; text-align:center; padding-top:0px; padding-left:0px; padding-right:0px; float: none; margin-left:auto; margin-right:auto;}}
@media only screen and (max-width:860px) {#bild {width:860px; height:auto; margin-top:0px; text-align:center; padding-top:0px; padding-left:0px; padding-right:0px; float: none; margin-left:auto; margin-right:auto;}}

#inhalt {width:1080px; padding-left:0px; padding-right:0px; margin-left:auto; margin-right:auto;}
@media only screen and (min-width:860px) and (max-width:1200px) {#inhalt {width:100%; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px;}}
@media only screen and (max-width:860px)  {#inhalt {width:860px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px;}}
#content {width:95%; margin-left:auto; margin-right:auto; padding-top:10px; margin-bottom:0px;}
@media only screen and (min-width:860px) and (max-width:1200px) {#content {width:95%; margin-left:auto; margin-right:auto; padding-top:100px;}}
@media only screen and (max-width:860px) {#content {width:800px; margin-left:auto; margin-right:auto; padding-top:100px;}}
#gras {width:100%; height:166px; float:left; padding-left:0px; padding-right:0px; margin-left:auto; margin-right:auto; background-image: url(../pics/hausmeisterservice.jpg); background-position:top; background-position:center; background-repeat:no-repeat;}

#hausmeister-leistungen { width:100%; margin-left:auto; margin-right:auto; float:left; padding:0px; margin-bottom:0px;}
#hausmeister-leistung { width:31%; float:left; margin-left:1%; margin-right:1%; background-color:#8ac23d; text-align:center; margin-bottom:30px; box-shadow: 0px 0px 5px silver;}
@media only screen and (min-width:860px) and (max-width:1200px) {#hausmeister-leistung { width:48%; float:left; margin-left:1%; margin-right:1%; background-color:#8ac23d; text-align:center; margin-bottom:30px;box-shadow: 0px 0px 5px silver;}}
@media only screen and (max-width:860px) {#hausmeister-leistung { width:48%; float:left; margin-left:1%; margin-right:1%; background-color:#8ac23d; text-align:center; margin-bottom:30px;box-shadow: 0px 0px 5px silver;}}
#hausmeister-bild { width:100%; margin-left:0px; margin-right:0px; }
#hausmeister-notdienst { width:25%; height:auto; margin-left:auto; margin-right:auto; background-color:#8ac23d; text-align:center; margin-bottom:30px; padding-top:15px; padding-bottom:15px; box-shadow: 0px 0px 5px silver; }


#navigationsleiste {width:100%; height:60px; margin-top:0px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; background-color:#FFF; box-shadow: 0px 0px 7px silver; position:absolute; z-index:300; top:130px;}
@media only screen and (min-width:860px) and (max-width:1200px) {#navigationsleiste {width:100%; height:70px; margin-top:0px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; background-color:#FFF; box-shadow: 0px 0px 7px silver; position:absolute; z-index:300; top:220px;}}
@media only screen and (max-width:860px) {#navigationsleiste {width:860px; height:70px; margin-top:0px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; background-color:#FFF; box-shadow: 0px 0px 7px silver; position:absolute; z-index:300; top:220px;}}
#hausmeister {width:880px; height:auto; margin-top:0px; padding-left:0px; padding-right:0px; margin-left:auto; margin-right:auto;}
@media only screen and (min-width:860px) and (max-width:1200px) {#hausmeister {width:100%; height:auto; margin-top:0px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px;}}
@media only screen and (max-width:860px) {#hausmeister {width:860px; height:auto; margin-top:0px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px;}}

#navigation { height: 60px; width:1080px; }
@media only screen and (min-width:860px) and (max-width:1200px) {#navigation { height: 80px; width:100%; }}
@media only screen and (max-width:860px) {#navigation { height: 80px; width:860px; }}
#navigation .menutag, #navigation .menutag:link { float: left; display: block; overflow: hidden; width:100%;  height: 60px;  text-decoration: none; color:#333; font-family: "Assistant", sans-serif; font-size: 18px; text-align:center; padding-top:16px; }
#navi { height: 60px; width: 18%; float: left; display: block; overflow: hidden;}
@media only screen and (min-width:860px) and (max-width:1200px) {#navi { height: 60px; width: 25%; float: left; display: block; overflow: hidden;}}
@media only screen and (max-width:860px)  {#navi { height: 60px; width: 25%; float: left; display: block; overflow: hidden;}}
@media only screen and (min-width:860px) and (max-width:1200px) {#navigation .menutag, #navigation .menutag:link { float: left; display: block; overflow: hidden; width:100%;  height: 60px;  text-decoration: none; color:#333; font-family: "Assistant", sans-serif; font-size: 36px; text-align:center; padding-top:10px; }}
@media only screen and (max-width:900px) {#navigation .menutag, #navigation .menutag:link { float: left; display: block; overflow: hidden; width:100%;  height: 60px;  text-decoration: none; color:#333; font-family: "Assistant", sans-serif; font-size: 30px; text-align:center; padding-top:10px; }}
#navigation .menutag:hover { color: #8ac23d;}
.navi1 { margin-left:60px;}
@media only screen and (min-width:860px) and (max-width:1200px) {.navi1 { margin-left:0px;}}
@media only screen and (max-width:860px) {.navi1 { margin-left:0px;}}



#navigationsleistefooter {width:100%; height:60px; margin-top:0px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; background-color:#FFF; box-shadow: 0px 0px 7px #CCC; float:left; position:absolute; z-index:990;}
@media only screen and (min-width:860px) and (max-width:1200px) {#navigationsleistefooter {width:100%; height:auto; margin-top:0px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; background-color:#FFF; box-shadow: none;}}
@media only screen and (max-width:860px) {#navigationsleistefooter {width:860px; height:auto; margin-top:0px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; background-color:#FFF; box-shadow: none;}}
#hausmeisterfooter {width:1080px; height:auto; margin-top:0px; padding-left:0px; padding-right:0px; margin-left:auto; margin-right:auto;}
@media only screen and (min-width:860px) and (max-width:1200px) {#hausmeisterfooter {width:100%; height:auto; margin-top:0px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px;}}
@media only screen and (max-width:860px) {#hausmeisterfooter {width:860px; height:auto; margin-top:0px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px;}}

#navigationfooter { height: 60px; width:1080px;  }
@media only screen and (min-width:860px) and (max-width:1200px) {#navigationfooter { height: 60px; width:800px; padding-top:20px; margin-bottom:20px; margin-left:auto; margin-right:auto; }}
@media only screen and (max-width:860px) {#navigationfooter { height: 60px; width:860px; padding-top:20px; margin-bottom:20px; margin-left:auto; margin-right:auto; }}
@media only screen and (min-width:860px) and (max-width:1200px) {#navigation { height: 80px; width:100%; }}
@media only screen and (max-width:860px) {#navigation { height: 80px; width:860px; }}
#navigationfooter .menutagfooter, #navigationfooter .menutagfooter:link { float: left; display: block; overflow: hidden; width:100%;  height: 60px;  text-decoration: none; color:#333; font-family: "Assistant", sans-serif; font-size: 18px; text-align:center; padding-top:16px; }
#navifooter { height: 60px; width: 20%; float: left; display: block; overflow: hidden;}
@media only screen and (min-width:860px) and (max-width:1200px) {#navifooter { height: 90px; width: 100%; float: left; }}
@media only screen and (max-width:860px) {#navifooter { height: 90px; width: 860px; float: left; }}
@media only screen and (min-width:860px) and (max-width:1200px) {#navigationfooter .menutagfooter, #navigationfooter .menutagfooter:link { float: left; overflow: hidden; width:100%;  height: 60px;  text-decoration: none; color:#333; font-family: "Assistant", sans-serif; font-size: 36px; text-align:center; padding-top:16px; }}
@media only screen and (max-width:860px)  {#navigationfooter .menutagfooter, #navigationfooter .menutagfooter:link { float: left; overflow: hidden; width:100%;  height: 60px;  text-decoration: none; color:#333; font-family: "Assistant", sans-serif; font-size: 32px; text-align:center; padding-top:16px; }}
#navigationfooter .menutagfooter:hover { color: #8ac23d;}


#footercopyright {width:100%; min-height:60px; margin-top:0px; padding-top:40px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; background-color:#dbdce2; float:left;  box-shadow: 5px 5px 5px #CCC inset;}
@media only screen and (min-width:860px) and (max-width:1200px) {#footercopyright {width:100%; height:auto; padding-top:20px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; background-color:#dbdce2; margin-top:30px; box-shadow: 5px 5px 5px #CCC inset;}}
@media only screen and (max-width:860px) {#footercopyright {width:860px; height:auto; padding-top:20px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; background-color:#dbdce2; margin-top:30px; box-shadow: 5px 5px 5px #CCC inset;}}
#footer {width:1080px; height:auto; margin-top:0px; padding-left:0px; padding-right:0px; margin-left:auto; margin-right:auto;}
@media only screen and (min-width:860px) and (max-width:1200px) {#footer {width:100%; height:auto; margin-top:0px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px;}}
@media only screen and (max-width:860px) {#footer {width:860px; height:auto; margin-top:0px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px;}}


.navigation-leistungen { position:absolute; z-index:800;}
@media only screen and (min-width:860px) and (max-width:1200px) {.navigation-leistungen { position:absolute; z-index:800;}}
@media only screen and (max-width:860px) {.navigation-leistungen { position:absolute; z-index:800;}}
nav.topmenu { top:0px; height: auto; max-height:0; width:auto; max-width:0; overflow: hidden; transition: all 0.5s; margin-left:5px; padding-left:0px; margin-top:60px; padding-bottom:10px; position:absolute; z-index:800; background-color: transparent; box-shadow: 0px 0px 0px transparent;   }  
@media only screen and (min-width:860px) and (max-width:1200px) {nav.topmenu { top:0px; height: auto; max-height:0; width:auto; max-width:0; overflow: hidden; transition: all 0.5s; margin-left:5px; padding-left:0px; margin-top:126px; padding-bottom:10px; position: static; z-index:800; background-color: transparent; box-shadow: 0px 0px 0px transparent;   }}
@media only screen and (max-width:860px) {nav.topmenu { top:0px; height: auto; max-height:0; width:auto; max-width:0; overflow: hidden; transition: all 0.5s; margin-left:5px; padding-left:0px; margin-top:126px; padding-bottom:10px; position: static; z-index:800; background-color: transparent; box-shadow: 0px 0px 0px transparent;   }}
nav.topmenu ul li a { color: #FFF; text-decoration:none; display:block; font-family: "Assistant", sans-serif; line-height:1.0; padding-top:16px; padding-bottom:16px; padding-left:20px;  min-width:380px; text-align:left; }
nav.topmenu ul li { list-style-type: none; }

a.link  { display: block; width: 548px; min-height: 20px; padding-top: 10px; margin-left: 38px; text-decoration: none; font-size: 22px; font-weight:400; color: #fff; margin-bottom: 0px; line-height:1.0;}
@media only screen and (min-width:860px) and (max-width:1200px) {a.link  { display: block; width: 495px; min-height: 60px; padding-top: 4px; margin-left: 18px; text-decoration: none; font-size: 46px; font-weight:400; color: #fff; margin-bottom: 0px;  line-height:1.5;}}
@media only screen and (max-width:860px)  {a.link  { display: block; width: 495px; min-height: 60px; padding-top: 4px; margin-left: 18px; text-decoration: none; font-size: 46px; font-weight:400; color: #fff; margin-bottom: 0px;  line-height:1.5;}}
a:hover.link { color: #474e54; }
@media only screen and (min-width:860px) and (max-width:1200px) {a:hover.link { color: #474e54; }}

#navihausmeister, #navihausmeister ul { list-style-type:none; margin-top:10px; float:left;} 
#navihausmeister ul ul { list-style-type:none; margin-top:0px;  float:left;}
	label.menu {display: block;  background-color:#8ac23d; box-shadow: 0px 0px 5px #999; width: 60px; height: 60px; position: absolute; margin-left: 4px; border-radius: 1px; z-index:900; }
	@media only screen and (min-width:860px) and (max-width:1200px) {label.menu {display: block;  background-color:#8ac23d; box-shadow: 0px 0px 5px #999; width: 100px; height: 100px; position: absolute; margin-left: 0px; border-radius: 1px; z-index:900; margin-top:70px; }}
	@media only screen and (max-width:860px) {label.menu {display: block;  background-color:#8ac23d; box-shadow: 0px 0px 5px #999; width: 100px; height: 100px; position: absolute; margin-left: 0px; border-radius: 1px; z-index:900; margin-top:70px; }}
	input#menu {display:none}
	.line { position: absolute;   left:15px;   height: 3px; width: 30px;   background: #fff; border-radius: 2px;   display: block;   transition: 0.5s;   transform-origin: center; }
	@media only screen and (min-width:860px) and (max-width:1200px) {.line { position: absolute;   left:25px;   height: 4px; width: 50px;   background: #fff; border-radius: 2px;   display: block;   transition: 0.5s;   transform-origin: center; }}
	@media only screen and (max-width:860px)  {.line { position: absolute;   left:25px;   height: 4px; width: 50px;   background: #fff; border-radius: 2px;   display: block;   transition: 0.5s;   transform-origin: center; }}
	.line:nth-child(1) { top: 20px; }
	@media only screen and (min-width:860px) and (max-width:1200px) {.line:nth-child(1) { top: 30px; }}
	@media only screen and (max-width:860px) {.line:nth-child(1) { top: 30px; }}
	.line:nth-child(2) { top: 30px; }
	@media only screen and (min-width:860px) and (max-width:1200px) {.line:nth-child(2) { top: 50px; }}
	@media only screen and (max-width:860px) {.line:nth-child(2) { top: 50px; }}
	.line:nth-child(3) { top: 40px; }
	@media only screen and (min-width:860px) and (max-width:1200px) {.line:nth-child(3) { top: 70px; }}
	@media only screen and (max-width:860px)  {.line:nth-child(3) { top: 70px; }}
	#menu:checked + .menu .line:nth-child(1){   transform: translateY(10px) rotate(-45deg);}
	@media only screen and (min-width:860px) and (max-width:1200px) {#menu:checked + .menu .line:nth-child(1){   transform: translateY(20px) rotate(-45deg);}}
	@media only screen and (max-width:860px) {#menu:checked + .menu .line:nth-child(1){   transform: translateY(20px) rotate(-45deg);}}
	#menu:checked + .menu .line:nth-child(2){   opacity:0;}
	#menu:checked + .menu .line:nth-child(3){   transform: translateY(-10px) rotate(45deg);}
	@media only screen and (min-width:860px) and (max-width:1200px) {#menu:checked + .menu .line:nth-child(3){   transform: translateY(-20px) rotate(45deg);}}
	@media only screen and (max-width:860px)  {#menu:checked + .menu .line:nth-child(3){   transform: translateY(-20px) rotate(45deg);}}
	#menu:checked + label.menu {   background-image:url(../bilder/navi3.jpg)} 
	#menu:checked + .menu  + nav.topmenu {   max-height: 1500px; max-width:400px;  background-color:#8ac23d; box-shadow: 0px 0px 10px grey; margin-top:60px; margin-left:5px; }	
	@media only screen and (min-width:860px) and (max-width:1200px) {#menu:checked + .menu  + nav.topmenu {   max-height: 1500px; max-width:860px; min-width:800px;  background-color:#8ac23d; box-shadow: 0px 0px 10px grey; float:left; padding-top:125px; padding-bottom:40px; margin-top:70px; margin-left:0px; }}
	@media only screen and (max-width:860px)  {#menu:checked + .menu  + nav.topmenu {   max-height: 1500px; max-width:780px; min-width:800px;  background-color:#8ac23d; box-shadow: 0px 0px 10px grey; float:left; padding-top:125px; padding-bottom:40px; margin-top:70px; margin-left:0px; }}
	
#jobs {width:90px; height:90px; position:absolute; top:0px; right:200px; z-index:950;}
@media only screen and (max-width:1200px) {#jobs {width:120px; height:120px; position:absolute; top:0px; right:5px; z-index:950;}}