/* MAIN STYLE */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {  margin: 0;  padding: 0;  border: 0;  font-size: 100%;  font: inherit;  vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {  display: block; }
body { line-height: 1; }
ol, ul, li {list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {  content: '';  content: none;}
table {  border-collapse: collapse;  border-spacing: 0;width:100%;}

@font-face {font-family: 'Open Sans';src: url(../fonts/Open_Sans.woff);}
@font-face {font-family: 'Droid Sans';font-weight: 400;src: url(../fonts/Droid_Sans.woff2) format('woff2');}

a, a:visited, a.active, a:hover, a:focus { text-decoration:none;outline:none; }

html,body {height: 100%;width: 100%;}
body {font-family: Open Sans, Arial;}
ol,ul {list-style: none;margin: 0;margin-bottom: 0;}
li {display: inline-block;}
a {text-decoration: none;color: #2A6496;}
a:hover {text-decoration: none;}
a:active {outline: none;}
p {line-height: 22px;}
strong {font-weight: bold;}
i {font-style: italic;}

h1 {font-size: 28px;margin-bottom: 30px;}
h2 {font-size: 25px;margin-bottom: 20px;}

.align-right {text-align: right;}
.align-center {text-align: center;}

/* IMAGE CAPTION */
.csc-textpic-imagewrap .csc-textpic-caption-c {padding-top: 5px;}
.csc-textpic-imagewrap .csc-textpic-caption {display: none;}

/* Bootstrap override */
.label {font-size: 27px;padding: 0.3em 0.6em 0.3em;font-weight: normal;background: #777;}

/* NEWS override */
.news .article h3 {margin-bottom: 15px;}
.facebook {display: none;}

/* GO MAPS EXT override */
.gme-saddress, .gme-submit{ border: 1px solid #dcdcdc;padding: 5px;margin-bottom: 15px; }
form + div.js-map { margin-top: 15px; }
div.js-map { max-width: 100%; }

.print{position: absolute;top: 0;background: url("../img/printer.png") no-repeat;z-index: 999;height: 32px;width: 32px;left: -10px;top: -16px;}
.wrap {width: 70%; margin: 0 auto;}
.spacer {height: 70px;}
.clear:after {content: '.';visibility:hidden;display:block;height:0;clear: both;}

#header {width: 100%;height:100px;position: relative;margin-top: 12px;width: 100%;}
  #header .logo {float:left;}
    #header .logo img{height: 90px;width: auto;}
  #header  nav {float:right;height: 90px;}
    #header nav ul {margin-top: 40px;}
      #header nav ul li {margin-right: 20px;}
      #header nav ul li:last-child {margin-right: 0px;}
        #header nav ul li a {text-transform: uppercase;font-size: 20px;color: #404040;}
        #header nav ul li a:hover {text-transform: uppercase;font-size: 20px;color: #666;}
  #header .submenu {position: relative;float: right;margin-top: 12px;z-index:99;width: 0;}
    #header .submenu .panel {width: 520px;top: 93px;color: #FFF;float: right;border-radius: 0;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;background: #818181;padding-left: 20px;padding-top: 8px;padding-bottom: 6px;position: absolute;}
      #header .submenu .info {padding: 10px;padding-left: 0;}
      #header .submenu .info p{padding-bottom: 5px;}
        #header .submenu ul  {padding: 0;margin-bottom: 5px;}
          #header .submenu ul li {margin-right: 10px;}
            #header .submenu ul li a {color: #FFF;font-size: 17px;text-transform: uppercase;font-weight: normal;}
            #header .submenu ul li a:hover div {display: block;} 
            #header .submenu ul li a div {display: none;}
              #header .submenu ul li a::after {content: "|";font-size: 18px;margin-left: 10px;}
              #header .submenu ul li:last-child a::after {content: "";}

#slideshow {width: 100%;}
    #slideshow ul {padding: 0;}
      #slideshow ul li {width: 100%;border-bottom: 5px solid #818181;border-top: 5px solid #818181;}
        #slideshow ul li img {width: 100%;max-height: 350px;}
        #slideshow .description {color: white;font-weight: bold;position: relative;top: 160px;text-transform: uppercase;font-size: 60px;height: 0;z-index: 10;text-align: right;}

#content {padding: 30px;min-height:445px;padding-bottom: 70px;}
    #content h2 {font-size: 22px;}
  #content .slogan {text-align: center;padding-top: 20px;margin-bottom: 50px;}
    #content .slogan h1{text-transform: uppercase;font-size: 40px;font-weight: bold;color: #3e3e3e;font-family: Droid Sans;}
    #content .slogan h2{font-size: 32px;}
    #content li {display: block;list-style-type: disc;display: list-item;margin-left: 20px;padding: 5px;}

        #content .submenu {margin: 0px 10px 10px;padding-left: 0px;background: none repeat scroll 0% 0% #F8F8F8;}
            #content .submenu li {padding: 10px 10px 10px 15px;color: #828285;list-style-type: none;margin-left: 0;}
            #content .submenu li.active {background:#EAEAEA;}
                #content .submenu li a {color: inherit;}
                #content .submenu li a:hover {color: black;}

  #content .specialMenu {min-height: 220px;}
    #content .specialMenu ul{padding: 0;}
      #content .specialMenu ul li{list-style: none;display: inline-block;margin-left: 0;padding: 0;}
        #content .specialMenu ul li .item{width: 160px;height: 160px;background: #818181; border-radius: 1000px;margin: 0 auto;transition: all 0.3s linear;overflow: hidden;border: 0px solid #c0c0c0;}
        #content .specialMenu ul li .item:hover {border: 10px solid #c0c0c0;box-sizing: content-box;transform: scale(1.4);}
          #content .specialMenu ul li .item a{display: block;height: 100%;border-radius: 1000px;padding: 6px;padding-top: 15px;text-align: center;color: #FFF;font-size: 13px;}  
          #content .specialMenu .out a{padding: 0 !important;}            
            #content .specialMenu ul li .item a span {font-size: 16px;text-transform: uppercase;line-height: 130px;transition: all 0.4s linear;}
            #content .specialMenu ul li .item a:hover .out {display: block;}
            #content .specialMenu ul li .item:hover span {line-height: 18px;font-size: 15px;}
            #content .specialMenu ul li .item .out {padding-top: 15px;position: relative;top: 0px;transition: all 0.4s linear;}
              #content .specialMenu ul li .item .out li{font-size: 10px;min-width: 140px;width: 100%;text-align: center;color: white;}
          
#footer {background: #818181;color: #FFF;height: max-content;width: 100%;position: fixed;bottom: 0;overflow: hidden; z-index: 5000;}
  #footer ul {display: flex; justify-content: center; padding: 15px; flex-wrap: wrap; position: relative; text-align: center;}
    #footer ul li {}
      #footer ul li a {color: #FFF;font-size: 16px;line-height: 50px;margin-right: 10px;}
      #footer ul li a::after {content: "|";font-size: 18px;margin-left: 10px;}
      #footer ul li:last-child a::after {content: "";}
    #footer .img-link {position: relative; display: inline-block; background-color: white;margin-right: 10px;}
    #footer .instagram-link {display: flex; align-items: center;}
    #footer .instagram-link::before {content: "|";color: white; margin-right: 10px;}
      

/*
div.csc-mailform {width: 700px;}
  div.csc-mailform ol li {padding: 5px;}
        div.csc-mailform ol li label{width: 10em;}
    div.csc-mailform ol li input,
    div.csc-mailform ol li select,
    div.csc-mailform ol li textarea {border: 1px solid #dcdcdc;padding: 5px;width: 300px;}
*/


  form  div.form-group { padding: 5px; margin-bottom: 0; }
        form  div.form-group label{ width: 10em; float: left; margin-right: 1em; vertical-align: baseline; }
        form  div.form-group input,
        form  div.form-group select,
        form  div.form-group textarea { border: 1px solid #dcdcdc; padding: 5px; width: 300px; font-size: 16px; line-height: 16px; }
        form  div.form-group input { height: 28px; }
        form  div.form-group select { height: 37px; }
        form  div.form-group textarea { height: 109px; }
        form  div.form-group .checkbox { float:right; }
        form  div.form-group .checkbox span.required { display:none }
    form  button[type=submit] { margin-top: 26px; }


@media (max-width: 1800px)
{
    #slideshow .description {positiontop: 130px;}
}

@media (max-width: 1600px)
{
    #slideshow .description {top: 100px;}
}

@media (max-width: 1300px)
{
  .wrap {width: 90%;}
    #slideshow .description {display: none;}
}

@media (max-width: 1000px)
{
  .wrap {width: 95%;}

}

/*Mobile Menu*/
header .mobile-menu-button {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20;
  padding: 10px;
  cursor: pointer;
}
mobile {
  top: 0;
  z-index: 101;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  transition: all 500ms ease-in-out;
  position: fixed;
  font-size: 150%;
  line-height: 150%;
}
mobile ul {
  list-style: none;
}
mobile.open {
  pointer-events: auto;
}
mobile.open .overlay {
  opacity: 1;
  pointer-events: auto;
  width: 25%;
}
mobile.open .mobile-menu {
  width: 75%;
  opacity: 1;
  height: 100%;
  overflow: auto;
}
mobile .overlay {
  opacity: 0;
  width: 0;
  height: 100%;
  display: blocK;
  pointer-events: none;
  background: rgba(0, 0, 0, 1);
  transition: all 500ms ease-in-out;
  float: left;
}
mobile .mobile-menu {
  width: 0;
  position: relative;
  transition: all 500ms ease-in-out;
  background: rgba(255, 255, 255, 1);
  opacity: 0;
  height: 100%;
  float: left;
}
mobile .mobile-menu ul.mobile_menu {
  margin-top: 10px;
  text-align: center;
  padding: 0;
  list-style: none;
}
mobile .mobile-menu li {
  white-space: nowrap;
  text-align: center;
  position: relative;
  display: block;
}
mobile .mobile-menu li i {
  position: absolute;
  left: 10px;
  transform: translateY(-50%);
  top: 38.5px;
}
mobile .mobile-menu li a {
  display: block;
  padding: 20px 0;
  border-bottom: 1px solid #000000;
  color: #000000;
  text-decoration: none;
}
mobile .mobile-menu li.active > a {
  color: #D30613;
  text-decoration: none;
}
mobile .mobile-menu li.hasSub .subOpener {
  line-height: 20px;
  padding: 20px 0;
  width: 25%;
  position: absolute;
  top: 0;
  right: 0;
}
mobile .mobile-menu li ul.submenu {
  overflow: hidden;
  display: none;
}
mobile .mobile-menu > li > ul {
  padding-left: 0;
  display: none;
}
mobile .mobile-menu > li.active > ul {
  display: block;
}
mobile .mobile-menu > li > ul > li {
  background-color: #333333;
}
mobile .mobile-menu > li > ul > li.active {
  background-color: #D30613;
}
mobile .mobile-menu > li > ul > li > a {
  padding: 10px 0;
  color: #FFFFFF;
}
mobile .mobile-menu > li > ul > li.active > a {
  background-color: #D30613;
  color: #FFFFFF;
}

.zoomeffect img {
  transition: all .2s ease-in-out;
}
.image-embed-item {
  max-width: 100%;
  height: auto;
  border: none;
  display: block;
}
.zoomeffect img:hover {
  transform: scale(1.1);
}

#c97 .csc-firstHeader {
  color: blue;
}
.csc-header-alignment-center.blueheader {
  color: blue;
}
.lightbox img {
    transition: all .2s ease-in-out;
  }
.lightbox img:hover {transform: scale(1.1);}
#c129 h1 {color: blue;}

.powermail_fieldwrap_name {
  display: flex;
}
.powermail_fieldwrap {
  display: flex;
  flex-wrap: wrap;
}

.powermail_label {
  min-width: 30%;
  max-width: 30%;
}

.powermail_fieldwrap {
  margin-bottom: 10px;
}

input, button, select, textarea {
  border: 1px solid #dcdcdc;
  padding: 5px;
  width: 300px;
  font-size: 16px;
  line-height: 16px;
  background: white;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
  float: none;
}

.radio label,
.checkbox label {
 display: flex;
}

.radio,
.checkbox {
  display:inline-block;
  min-height:20px;
  margin-top:10px;
  margin-bottom:10px;
  padding-left:20px
}
#powermail_field_einverstaendniserklaerung_1 {
  max-width: 20px;
  margin-right: 20px;
  border: 1px solid #dcdcdc;
  padding: 5px;
  width: 300px;
  font-size: 16px;
  line-height: 16px;
}

.ce-gallery figcaption {
  display: none;
}
.csc-header-alignment-center {
  text-align: center;
}

.contenttable {
  width: 100%;
  max-width: 100%;
}

.contenttable th, .contenttable td {
  border-top: 1px solid #dadada;
}
.contenttable th, .contenttable td {
  padding: 0.5em 0.75em;
  vertical-align: top;
}


/* In Webseite enthaltenes Stil-Dokument #7 | https://neu.notz-gmbh.de/quicklinks/kontakt */

.powermail_submit:hover {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}

.powermail_submit {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}

.powermail_fieldwrap_type_captcha .powermail_field {
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap;
}

.powermail_captchaimage {
  padding-bottom: 5px;
}