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

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


html {height:100%; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html {font-family:'Ubuntu', sans-serif;  -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;	hyphens: auto; }
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);}
body {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; height:100%; margin:0; padding:0; min-height:100%; position:relative;}
body {font-family:'Ubuntu', sans-serif; font-size:21px; font-weight: 300; line-height:1.6; color: #252525; background-color: #ffffff;}
*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

html { scroll-behavior: smooth; }

table {border-collapse: collapse; border-spacing: 0;}
img {vertical-align: middle; border: 0;}

h1 { font-size: 38px; font-weight: 300; line-height: 1.6; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; text-align: center; }
h2 { font-size: 35px; font-weight: 300; line-height: 1.6; margin: 0px 0px 24px 0px; padding: 0px 0px 0px 0px; text-align: center; }
.h2_slogan { font-size: 20px; font-weight: 300; line-height: 1.6; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
/* Datenschutz und Impressum*/
h3 { font-size: 26px; font-weight: 400; line-height: 1.6; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; text-align: left; width: 100%; }
h4 { font-size: 21px; font-weight: 400; line-height: 1.6; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; text-align: left; width: 100%; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }

.container p { text-align: center; }


ul.auflistung_kennzeichen, ul.auflistung_reinigung, ul.auflistung_garten, ul.auflistung_winterdienst { text-align: left; margin: 0 auto 0 auto; width: 100%; padding: 0px 0px 0px 40px; }

ul.auflistung_kennzeichen { max-width: 535px; }
ul.auflistung_reinigung { max-width: 845px; }
ul.auflistung_garten { max-width: 380px; }
ul.auflistung_winterdienst { max-width: 715px; } 

ul.auflistung_kennzeichen li, ul.auflistung_reinigung li, ul.auflistung_garten li, ul.auflistung_winterdienst li { list-style-type: none; padding-left: 38px; background-image:url('check_26.png'); background-repeat:no-repeat; background-position:left 5px; } 

@media screen and (max-width: 550px)
{
  ul.auflistung_kennzeichen, ul.auflistung_reinigung, ul.auflistung_garten, ul.auflistung_winterdienst { padding-left: 15px; }
  ul.auflistung_kennzeichen li, ul.auflistung_reinigung li, ul.auflistung_garten li, ul.auflistung_winterdienst li { padding-left: 31px; background-image:url('check_22.png'); background-repeat:no-repeat; background-position:left 7px; }
}


@media screen and (max-width: 450px)
{
  ul.auflistung_kennzeichen, ul.auflistung_reinigung, ul.auflistung_garten, ul.auflistung_winterdienst { padding-left: 5px; }
  ul.auflistung_kennzeichen li, ul.auflistung_reinigung li, ul.auflistung_garten li, ul.auflistung_winterdienst li { padding-left: 31px; background-image:url('check_22.png'); background-repeat:no-repeat; background-position:left 7px; }
} 




/* Datenschutz und Impressum */
#datenschutz > p {  text-align: left; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;	hyphens: auto; }
#datenschutz > ul {  text-align: left; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;	hyphens: auto; }
#datenschutz > ul > li {  text-align: left; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;	hyphens: auto; }
ul.datenschutz_auflistung_ohne_zeichen { list-style-type: none; list-style-position: inside; margin: 0px 0px 0px 0px; padding-left: 20px; text-align: left; }
ul.datenschutz_auflistung_mit_zeichen { list-style-type: square; list-style-position: outside; margin: 0px 0px 10px 0px; padding-left: 30px; text-align: left; }
ul.datenschutz_auflistung_ohne_zeichen > li { text-align: left; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;	hyphens: auto; }
ul.datenschutz_auflistung_mit_zeichen > li { text-align: left; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;	hyphens: auto; }
ul.datenschutz_auflistung_ohne_zeichen > li > p { text-align: left; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;	hyphens: auto; }
ul.datenschutz_auflistung_mit_zeichen > li > p { text-align: left; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;	hyphens: auto; }
#impressum > p {  text-align: left; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;	hyphens: auto; }

/* Logo Startseite */
#start_table { height:100%; width:100%; background-color: #ffffff; }
#start_table .oben_links, #start_table.oben_mitte, #start_table.oben_rechts, #start_table.unten_links, #start_table.unten_mitte, #start_table.unten_rechts {height:auto; background-color: #ffffff; }
#start_table .oben_links, #start_table .mitte_links, #start_table .unten_links, #start_table .oben_rechts, #start_table .mitte_rechts, #start_table .unten_rechts {width:6%;  background-color: #ffffff; }
.oben, .unten { height: 3%; }
.mitte_mitte { background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto; background-position: center center; background-image: url('logo.jpg'); }
a.full_size_href { position: absolute; width: 100%; top: 0; bottom: 0; left: 0; right: 0; }

@media screen and (max-height: 600px) {
  .mitte_mitte { -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;  }
}

@media screen and (max-width: 650px)  {
  .mitte_mitte { -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;  }
}


/*
@media(orientation:landscape) {
	.logo {width: 45%; max-width: 600px;}
}
*/

#navbar { overflow: hidden; padding-bottom: 20px; background-color: #ffffff; text-align: center; display: flex; justify-content: center; align-items: center; max-width: 100%;  width: 100%; height: 50px; position: fixed; opacity: 1; z-index: 1; top: 0; }
#navbar a { float: left; display: block; color:#47AE53; text-align: center; padding: 16px 9px 0px 9px; margin: 0px 0px 0px 0px; text-decoration: none; font-size: inherit; font-weight: 300; }

@media only screen and (max-width: 300px) { #navbar a.bei_kleinen_displays_nicht_anzeigen { display: none; } }

.scroll_to_top { width: 38px; height: auto !important; padding: 0px 0px 0px 0px;  }
.close_poup { width: 38px; height: auto !important; padding: 0px 0px 0px 0px; float: right; }

.container { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;	hyphens: auto; padding: 0px 40px 0px 40px; }
@media screen and (max-width: 1000px) { .container { padding: 0px 40px 0px 40px; } }
@media screen and (max-width: 750px) { .container { padding: 0px 30px 0px 30px; } }
@media screen and (max-width: 550px) { .container { padding: 0px 20px 0px 20px; } }
@media screen and (max-width: 250px) { .container { padding: 0px 10px 0px 10px; } }

.wrapper_text { background: #ffffff; width: 100%; margin: 60px 0px 60px 0px; }
.first_container {  padding-top: 50px; }

@media only screen and (min-width : 900px) { .zeilenumbruch_h1 { display: none; } }

@media screen and (max-width: 550px)
{
  h1 { font-size: 35px; margin: 0px 0px 20px 0px; line-height: 1.4; }
  h2 { font-size: 30px; margin: 0px 0px 23px 0px; line-height: 1.4; }
  h3 { font-size: 26px; margin: 0px 0px 6px 0px; line-height: 1.6; }
  h4 { font-size: 21px; margin: 0px 0px 3px 0px; line-height: 1.6; }
  .wrapper_text { margin: 50px 0px 60px 0px; }
  body, .h2_slogan { font-size: 21px; line-height: 1.6; }
  #navbar { padding-bottom: 19px; }
}
@media screen and (max-width: 450px)
{
  h1 { font-size: 34px; margin: 0px 0px 20px 0px; line-height: 1.6; }
  h2 { font-size: 28px; margin: 0px 0px 22px 0px; line-height: 1.4; }
  h3 { font-size: 24px; margin: 0px 0px 6px 0px; line-height: 1.6; }
  h4 { font-size: 19px; margin: 0px 0px 3px 0px; line-height: 1.6; }
  .wrapper_text { margin: 45px 0px 55px 0px; }
  body, .h2_slogan { font-size: 19px; line-height: 1.6; }
  #navbar { padding-bottom: 18px; }
}
@media screen and (max-width: 400px)
{
  h1 { font-size: 33px; margin: 0px 0px 20px 0px; line-height: 1.4; }
  h2 { font-size: 27px; margin: 0px 0px 20px 0px; line-height: 1.4; }
  h3 { font-size: 22px; margin: 0px 0px 6px 0px; line-height: 1.6; }
  h4 { font-size: 17px; margin: 0px 0px 3px 0px; line-height: 1.6; }
  .wrapper_text { margin: 40px 0px 50px 0px; }
  body, .h2_slogan { font-size: 17px; line-height: 1.6; }
   #navbar a { padding: 12px 5px 0px 5px; }
  .scroll_to_top { width: 27px; }
  #navbar { padding-bottom: 17px; }
}
@media screen and (max-width: 350px)
{
  h1 { font-size: 32px; margin: 0px 0px 20px 0px; line-height: 1.4; }
  h2 { font-size: 25px; margin: 0px 0px 18px 0px; line-height: 1.4; }
  h3 { font-size: 21px; margin: 0px 0px 6px 0px; line-height: 1.6; }
  h4 { font-size: 17px; margin: 0px 0px 3px 0px; line-height: 1.6; }
  .wrapper_text { margin: 35px 0px 45px 0px; }
  body, .h2_slogan { font-size: 17px; line-height: 1.6; }
  #navbar a { padding: 12px 5px 0px 5px; }
  .scroll_to_top { width: 22px; }
  #navbar { padding-bottom: 16px; }
}
@media screen and (max-width: 300px)
{
  h1 { font-size: 30px; margin: 0px 0px 20px 0px; line-height: 1.4; }
  h2 { font-size: 24px; margin: 0px 0px 16px 0px; line-height: 1.4; }
  h3 { font-size: 20px; margin: 0px 0px 6px 0px; line-height: 1.6; }
  h4 { font-size: 17px; margin: 0px 0px 3px 0px; line-height: 1.6; }
  .wrapper_text { margin: 30px 0px 40px 0px; }
  body, .h2_slogan { font-size: 17px; line-height: 1.6; }
  #navbar a { padding: 12px 6px 0px 6px; }
  .scroll_to_top { width: 22px; }
  #navbar { padding-bottom: 15px; }
}

.bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 540px; width: 100%; max-width: 1920px; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; }
.bg_gebauedereinigung { background-image: url('bg_gebauedereinigung.jpg'); }
.bg_garten_gruenanlagenpflege { background-image: url('bg_garten_gruenanlagenpflege.jpg'); }
.bg_winterdienst_fahrzeugflotte { background-image: url('bg_winterdienst_fahrzeugflotte.jpg'); }

@media screen and (max-width: 1500px) { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 500px; } }
@media screen and (max-width: 1450px) { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 490px; } }
@media screen and (max-width: 1400px) { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 480px; } }
@media screen and (max-width: 1350px) { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 470px; } }
@media screen and (max-width: 1300px) { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 460px; } }
@media screen and (max-width: 1250px) { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 450px; } }
@media screen and (max-width: 1200px) { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 430px; } }
@media screen and (max-width: 1150px) { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 410px; } }
@media screen and (max-width: 1100px) { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 390px; } }
@media screen and (max-width: 1050px) { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 370px; } }
@media screen and (max-width: 1000px) { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 350px; } }
@media screen and (max-width: 950px)  { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 330px; } }
@media screen and (max-width: 900px)  { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 310px; } }
@media screen and (max-width: 850px)  { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 290px; } }
@media screen and (max-width: 800px)  { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 270px; } }
@media screen and (max-width: 750px)  { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 250px; } }
@media screen and (max-width: 700px)  { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 230px; } }
@media screen and (max-width: 650px)  { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 110px; } }
@media screen and (max-width: 600px)  { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 190px; } }
@media screen and (max-width: 550px)  { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 170px; } }
@media screen and (max-width: 500px)  { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 160px; } }
@media screen and (max-width: 450px)  { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 150px; } }
@media screen and (max-width: 400px)  { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 140px; } }
@media screen and (max-width: 375px)  { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 130px; } }
@media screen and (max-width: 350px)  { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 120px; } }
@media screen and (max-width: 300px)  { .bg_gebauedereinigung, .bg_garten_gruenanlagenpflege, .bg_winterdienst_fahrzeugflotte { height: 110px; } }