/* Allgemein */
body { margin: 0; font-family: Helvetica, Arial, sans-serif; padding: 0; }

/* Kopfteil */
.kopf { width: 100%; height: 76px; background-color: #FFFFFF; margin-bottom: 0px; color: #FFFFFF; font-size: 0.8em; text-align: center; margin-top: 0px; }
.kopf a:link { color: #9c9e9f; text-decoration: none; }
.kopf a:visited { color: #9c9e9f; text-decoration: none; }
.kopf a:active { color: #9c9e9f; text-decoration: underline; }
.kopf a:hover { color: #9c9e9f; text-decoration: underline; }
.kopfinhalt { max-width: 1240px; margin-right: auto; margin-left: auto; height: 50px; }
.kopf1 { width:20%; height:50px; float:left; padding-top: 0px; font-weight: bold; vertical-align: middle; }
.kopf2 { width:50%; height:auto; float:left; padding-top: 0px; font-weight: bold; vertical-align: middle; }
.kopf3 { width:5%; height:auto; float:left; padding-top: 0px; vertical-align: middle; }
.kopf4 { width:25%; height:auto; float:left; padding-top: 0px; text-align: right; vertical-align: middle; }
.kopf h2 { font-size: 2em; color: white; font-style: normal; margin-top: 0px; font-variant: small-caps; margin-bottom: 0px; }

@media screen and (max-width : 1000px){
.kopf { visibility: hidden; height: 0px; overflow: hidden; }
}

/* Menü */
.menuebg { width: 100%; background-color: #E6E6E6; position: inherit; height: 60px; margin-bottom: 60px; }
.menue { max-width: 1100px; height: 60px; margin-right: auto; margin-left: auto; margin-bottom: 15px; font-size: 1em; text-align: center; color: #333333; background-color: #E6E6E6; }
.menue1 { width:300px; background-color: white; height:49px; float:left; padding-top: 10px; text-align: center; }
.menue1 img { height: 40px; width: auto; }
.menue2 { width:791px; height:auto; float:left; text-align: right; padding-top: 11px; padding-left: 9px; }

/*** Menue dynamisch oben ***/
.menueoben { width: 800px; margin-right: auto; margin-left: auto; background: #E6E6E6; height: 40px; margin-bottom:4px; font-size: 1em; }
#show-menu { width: auto; height: auto; }
menu ul { }
nav ul { list-style-type:none; margin:0; padding:0; position: absolute; z-index: 100 }
nav li { display:inline-block; float: left; margin-right: 10px; }
nav li a { display:block; min-width: 93px; height: 49px; text-align: center; padding-left: 5px; padding-right: 5px; line-height: 49px; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; color: #333333; background: #E6E6E6; text-decoration: none; }
nav li:hover a { background: #333333; color: white; text-decoration: none; -webkit-box-shadow: 0 5px 5px #aaa; -moz-box-shadow: 0 5px 5px #aaa; box-shadow: 0 5px 5px #aaa; }
nav li:hover ul a { background: white; color: #333333; height: 40px; line-height: 40px; text-align: left; }
nav li:hover ul a:hover { background: #DDDF3D; color: #333333; text-align: left; }
nav li ul { display: none; }
nav li ul li { display: block; float: none; }
nav li ul li a { width: auto; min-width: 93px; padding: 0 5px; }
nav ul li a:hover + .submenu, .submenu:hover { display: block; }
.show-menu { font-family: Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; color: #333333; background: #E6E6E6; text-align: center; padding: 13px 0; display: none; margin-top: 5px; margin-bottom: 5px; }
nav input[type=checkbox]{ display: none; }
nav input[type=checkbox]:checked ~ #menu{ display: block; }

/*** iPad Auflösung ***/
@media screen and (max-width : 1120px){
.menue2 { width:706px; }
.menueoben { width: 715px; }
nav li a { min-width: 75px; }
nav li ul li a { min-width: 80px; }
}

/*** Mobile Version ***/
@media screen and (max-width : 1000px){
nav ul { position: static; display: none; min-width: 30px; }
nav li { margin-bottom: 1px; min-width: 30px; }
nav ul li, li a { width: 100%; min-width: 30px; }
nav li a { text-align: center; padding-left: 0px; }
nav li:hover ul a { text-align: center; }
nav li:hover ul a:hover { text-align: center; }
.show-menu { display:block; }
.menueoben { width: 100%; min-width: 30px; padding-left: 0px; }
.menue1 { width: 100%; height: auto; }
.menue1 img { width: 80%; height: auto; }
.menue2 { width: 100%; padding-left: 0px; padding-top: 0px; margin-bottom: 10px; }
.menuebg { background-color: #ffffff; margin-bottom: 20px; }
.menue { width: 100%; background-color: #ffffff; }
}

/* Hauptbild-Bereich */
.bildbereich { position: inherit; width: 100%; height: auto; margin-bottom: 20px; border-style: none; }
.bild { max-width: 1100px; margin-right: auto; margin-left: auto; }
.bild img { width: 100%; }
.gallery { max-width: 1240px; margin-right: auto; margin-left: auto; text-align: center; }
.gallery img { width: 300px; padding-right: 30px; padding-bottom: 30px; }

/*Slider*/

.slides {
    padding: 0;
    width: 1100px;
    height: 700px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.slides * {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.slides input { display: none; }

.slide-container { display: block; }

.slide {
    top: 0;
    opacity: 0;
    width: 1100px;
    height: 700px;
    display: block;
    position: absolute;

    transform: scale(0);

    transition: all .7s ease-in-out;
}

.slide img {
    width: 100%;
    height: 100%;
}

.nav label {
    width: 100px;
    height: 100%;
    display: none;
    position: absolute;

    opacity: 0.6;
    z-index: 9;
    cursor: pointer;

    transition: opacity .2s;

    color: #FFF;
    font-size: 40pt;
    text-align: center;
    line-height: 660px;
    font-family: "Varela Round", sans-serif;
    background-color: rgba(255, 255, 255, 0);
    text-shadow: 0px 0px 15px rgb(119, 119, 119);
}

.slide:hover + .nav label { opacity: 0.5; }

.nav label:hover { opacity: 1; }

.nav .next { right: 0; }

input:checked + .slide-container  .slide {
    opacity: 1;

    transform: scale(1);

    transition: opacity 1s ease-in-out;
}

input:checked + .slide-container .nav label { display: block; }

.nav-dots {
  width: 100%;
  bottom: 9px;
  height: 11px;
  display: block;
  position: inherit;
  text-align: center;
}

.nav-dots .nav-dot {
  top: -5px;
  width: 11px;
  height: 11px;
  margin: 0 4px;
  position: relative;
  border-radius: 100%;
  display: inline-block;
  background-color: lightgray;
    margin-bottom: 20px; 

}

.nav-dots .nav-dot:hover {
  cursor: pointer;
  background-color: #DDDF3D;
}

input#img-1a:checked ~ .nav-dots label#img-dot-1a,
input#img-1b:checked ~ .nav-dots label#img-dot-1b,
input#img-2:checked ~ .nav-dots label#img-dot-2,
input#img-3:checked ~ .nav-dots label#img-dot-3,
input#img-4:checked ~ .nav-dots label#img-dot-4,
input#img-5:checked ~ .nav-dots label#img-dot-5,
input#img-6:checked ~ .nav-dots label#img-dot-6,
input#img-7:checked ~ .nav-dots label#img-dot-7,
input#img-8:checked ~ .nav-dots label#img-dot-8,
input#img-9:checked ~ .nav-dots label#img-dot-9,
input#img-10:checked ~ .nav-dots label#img-dot-10,
input#img-11:checked ~ .nav-dots label#img-dot-11,
input#img-12:checked ~ .nav-dots label#img-dot-12,
input#img-13:checked ~ .nav-dots label#img-dot-13,
input#img-14:checked ~ .nav-dots label#img-dot-14,
input#img-15:checked ~ .nav-dots label#img-dot-15,
input#img-16:checked ~ .nav-dots label#img-dot-16,
input#img-17:checked ~ .nav-dots label#img-dot-17 {
  background: rgba(0, 0, 0, 1);
}

/*SLIDER ENDE!*/

@media screen and (max-width : 1050px){
.slide { width: 1000px; height: 636px; }
.slides { width: 1000px; height: 636px; }
.nav label { line-height: 596px; }
}

@media screen and (max-width : 1000px){
.bildbereich { height: auto; }
.slide { width: 350px; height: 223px; }
.slides { width: 350px; height: 223px; }
.nav label { line-height: 183px; }
.nav label { width: 50px; }
.nav-dots .nav-dot { width: 7px; height: 7px; }
}

/* Hauptteil */
.mitte:before, .mitte:after { content: ""; display: table; }
.mitte:after { clear: both; }
.mitte { color: #404040; font-size: 0.9em; clear: both; *zoom: 1; margin-right: auto; margin-left: auto; max-width: 1100px; padding-right: 16px; padding-left: 16px; margin-bottom: 20px; line-height: 140%; }
.mitte a:link { color: #BEBEBE; text-decoration: underline; }
.mitte a:visited { color: #BEBEBE; text-decoration: underline; }
.mitte a:active { color: #DDDF3D; text-decoration: underline; }
.mitte a:hover { color: #DDDF3D; text-decoration: underline; }
.mitte h1 { font-size: 2em; color: #BEBEBE; line-height: normal; margin-top: 3px; }
.mitte h2 { font-size: 2em; margin-top: 3px; line-height: normal; margin-bottom: 3px; }
.mitte h3 { }
.mitte h4 { }
.mitte h5 { font-size: 1.2em; margin-top: 0px; margin-bottom: 0px; }
.mitte h6 { font-size: 0.8em; font-style: italic; font-weight: normal; margin-top: 0px; margin-bottom: 0px; }
.mitte img { width: auto; height: auto; }
.mitte1 { color: #404040; font-size: 1em; width:35%; height:auto; float:left; }
.mitte1 img { width: 450px; height: auto; }
.mitte2 { color: #404040; text-align: left; width:65%; height:100%; float:left; }
.gelbelinie { max-width: 1100px; margin-right: auto; margin-left: auto; border-top: 5px; border-top-color: #DDDF3D; border-top-style: solid; }
.mitte input { width: 100%; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; }
.mitte select { width: 100%; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; }
.mitte textarea { width: 100%; height: 200px; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; }
.mitte button { background-color: #DDDF3D; border: none; color: #333333; padding: 10px 18px; text-align: center; text-decoration: none; display: inline-block; font-size: 15px; border-radius: 12px; transition-duration: 0.4s; }
.mitte button:hover { background-color: #333333; color: white; }
.text-right { text-align: right; }
.h1kleiner { font-size: 0.8em; font-weight: normal; }

@media screen and (max-width : 1024px){
}

@media screen and (max-width : 1000px){
.mitte { width: 96%; padding-right: 0px; padding-left: 0px; font-size: 0.9em; }
.mitte1 { width: 100%; }
.mitte2 { width: 100%; }
.mitte input { width: 100%; }
.mitte textarea { width: 100%; }
.mitte img { width: 100%; height: auto; }
.ce-gallery { width: 100%; float: inherit; height: auto; }
.ce-row { width: 100%; height: auto; }
.ce-column { width: 100%; height: auto; }
.ce-bodytext { width: 100%; float: inherit; }
}

/* Fussteil */
.footer_bg { width: 100%; height: 130px; background-color: #E6E6E6; position: inherit;  }
.footer { max-width: 1100px; width: 96%; margin-right: auto; margin-left: auto; color: #7E7D7E; font-size: 0.8em; }
.footer a:link { color: #7E7D7E; text-decoration: none; }
.footer a:visited { color: #7E7D7E; text-decoration: none; }
.footer a:active { color: #7E7D7E; text-decoration: underline; }
.footer a:hover { color: #7E7D7E; text-decoration: underline; }
.footer1 { width:18%; height:auto; float:left; padding-top: 20px; padding-bottom: 20px; background-color: #E6E6E6; }
.footer2 { width:77%; height:auto; float:left; padding-top: 25px; padding-bottom: 20px; background-color: #E6E6E6; font-size: 0.9em; text-align: center; }
.footer3 { width:5%; height:auto; float:left; padding-top: 20px; padding-bottom: 20px; background-color: #E6E6E6; text-align: right; }
.footer3 img { padding: 1px; }

@media screen and (max-width : 1000px){
.footer { width: 100%; font-size: 0.8em; }
.footer1 { width: 100%; text-align: center; padding-bottom: 5px; padding-top: 15px; }
.footer2 { width: 100%; text-align: center; padding-bottom: 5px; padding-top: 5px; line-height: 180%; }
.footer3 { width: 100%; text-align: center; padding-top: 5px; }
}