@charset "utf-8";
/* CSS Document */
html {
    -webkit-text-size-adjust: 100%;
    font-family: Open Sans,sans-serif, Verdana, Geneva;
    font-size: 24px;
    line-height: 30px;
    color: var(--dark-gray);
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
header {height: 120px; position: relative; margin: 0 auto;}

.logo{margin: 12px auto 0 0; float: left}
.nav{margin: 60px 0 0px 0px; float: right}
#start {height: 600px;  min-width: 100%; background-image: linear-gradient(0deg, rgba(0,0,0,0.25), rgba(0,0,0,0.25)), url('../upload/design/start.jpg'); overflow: visible; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; display: block; margin-top: 0px}

.abstandstarttext {height: 250px}
h1.startblock  {font-family: "Alex Brush";font-size: 120px; font-weight: 400; line-height: 120px; margin: 0px; color: #fff}
.underline{ background-color: #fff; height: 8px; width: 750px}
.starttext { color: #fff; font-size: 30px; width: 750px; margin-top: 20px; line-height: 40px}
.abstandblock {height: 60px}
.footer { width: 100%; height: 120px; color: #fff; background-color: #333333; text-align: center; font-size: 18px  }
.block-left { width: 570px;  float: left;  }
.block-right { width: 510px;  float: right; padding: 30px; text-align: center}
h2.keinabstand { margin: 0px}
.bild1 {background-image: url("../upload/contentbilder/bild1.jpg"); background-position: 50% 50%; min-height: 340px; background-size: cover;}


@media (min-width: 1200px) {
.theme-breite {width: 1140px; position: relative; margin: 0 auto; }
    
}
@media (max-width: 1199px) {
.theme-breite {width: 940px;position: relative; margin: 0 auto;}
.block-left { width: 470px;  float: left;  }
.block-right { width: 410px;  float: right; padding: 30px; text-align: center}   
}
@media (max-width: 991px) {
.theme-breite { width: 720px;position: relative; margin: 0 auto; }
.block-left { width: 360px;  float: left;  }
.block-right { width: 300px;  float: right; padding: 30px; text-align: center}

    
}
@media (max-width: 767px) {
#start {height: 500px;  }
.theme-breite { width: 540px;position: relative; margin: 0 auto;}
.block-left { width: 540px;  float: left;  }
.block-right { width: 480px;  float: right; padding: 30px; text-align: center} 
h1.startblock  {font-size: 80px; line-height: 90px; margin: 0px;}
.underline{ width: 480px}
.starttext {font-size: 24px; width: 480px; margin-top: 20px; line-height: 30px}
}
@media (max-width: 575px) {
#start {height: 400px;  }
.theme-breite { width: 340px;position: relative; margin: 0 auto;}
.abstandstarttext {height: 200px}   
.block-left { width: 340px;  float: left;  }
.block-right { width: 280px;  float: right; padding: 30px; text-align: center} 
h1.startblock  {font-size: 55px; line-height: 60px; margin: 0px;}
.underline{ width: 340px}
.starttext {font-size: 20px; width: 340px; margin-top: 20px; line-height: 30px}
}