/* --------------------------- *\
   NAVIGATION
\* --------------------------- */

#zpo-nav,#zpo-nav:before,#zpo-nav:after,#zpo-nav *,#zpo-nav *:before,#zpo-nav *:after {
  box-sizing:content-box;
  margin:0;
  padding:0;
  letter-spacing:0.03em;
}

#zpo-nav *,#zpo-nav *:before,#zpo-nav *:after {
  font-size:1em;
  font-family:inherit;
  font-weight:inherit;
  line-height:inherit;
  text-align:inherit;
}

#zpo-nav nav {
  display:block;
}

#zpo-nav ul {
  list-style:none;
}

#zpo-nav,#zpo-nav input {
  direction:ltr;
  text-align:left;
  font-family:"Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

#zpo-nav a,#zpo-nav a:hover {
  text-decoration:none;
  color:#fff;
  -webkit-transition:opacity 0.3s cubic-bezier(0.24, 0.06, 0.56, 1);
  transition:opacity 0.3s cubic-bezier(0.24, 0.06, 0.56, 1);
}

#zpo-nav {
  position:fixed;
  top:0;
  left:0;
  z-index:99;
  display:block;
  width:100%;
  height:44px;
  background:rgba(8,104,108,1);
  font-size:17px;
}

#zpo-nav .zpo-nav-inhalt {
  position:relative;
  z-index:2;
  max-width:1046px;
  margin:0 auto;
  padding-left:11px;
  padding-right:11px;
}

@supports (padding:max(0px)) {
  #zpo-nav .zpo-nav-inhalt {
    padding-left:max(11px, env(safe-area-inset-left));
    padding-right:max(11px, env(safe-area-inset-right));
  }
}

@media only screen and (max-width:767px) {
  #zpo-nav .zpo-nav-inhalt {
    min-width:320px;
    padding:0;
  }
  
  @supports (padding:max(0px)) {
    #zpo-nav .zpo-nav-inhalt {
      padding-left:max(0, env(safe-area-inset-left));
      padding-right:max(0, env(safe-area-inset-right));
    }
  }
}

#zpo-nav .zpo-nav-titel {
  position:relative;
  z-index:200;
  display:inline-block;
  font-size:18px;
  font-weight:500;
  padding-left:11px;
  line-height:1.2em;
  color:#fff;
}

#zpo-nav .zpo-nav-untertitel {
  font-size:17px;
  font-weight:300;
  color:#fff;
  opacity:0.8;
  padding-left:0.5em;
}

@media only screen and (max-width:514px) {
  #zpo-nav .zpo-nav-untertitel,#zpo-nav .nav-mobil-nichtsichtbar {
    position:absolute;
    height:1px;
    width:1px;
    overflow:hidden;
  }
}

#zpo-nav .zpo-nav-links {
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:44px;
    font-size:14px;
    line-height:1em;
}

#zpo-nav .zpo-nav-link {
  display:block;
  padding:5px 11px;
  font-weight:400;
  color:#fff;
  opacity:0.8;
  white-space:nowrap;
}

#zpo-nav .zpo-nav-link:hover {
  opacity:1;
}



/* --------------------------- *\
   MAIN
\* --------------------------- */

/* HEADER TITEL ANPASSUNG */
.hero-2 {
  font-size:2.6em;
}

@media only screen and ( min-width:729px ) and ( max-width:1068px ) {
  .hero-2 {
  font-size:2.5em;
  }
}

@media only screen and ( max-width:728px ) {
  .hero-2 {
  font-size:1.6em;
  }
}


/* ANPASSUNGEN */
.section-impressum, .section-design {
  font-size:18px;
}

.section-rechtliches {
  font-size:17px;
}


.liste-mitgliedschaften {
  margin-left:0;
  list-style:none;
}

.mitgliedschaft {
  display:flex;
  flex-wrap:nowrap;
  flex-direction:row;
  justify-content:flex-start;
  align-items:flex-start;
  padding-bottom:1.5em;
}

.mitgliedschaft:last-child {
  padding-bottom:0;
}

.mitgliedschaft figure {
  background-repeat:no-repeat;
  background-size:contain;
  background-position:top center;
  margin-top:0.35em;
  min-width:40px;
}

.kzvh-icon {
  width:40px; 
  height:50px;
  background-image:url(/impressum/styles/images/kzvh/icon.jpeg);
}

.dgaez-icon {
  height:50px;
  width:40px;
  background-image:url(/impressum/styles/images/dgaez/icon.jpg);
}

.mitglied-text {
  margin:0;
  padding-left:0.6em;
}


/* SPALTEN MIT ASIDE-INFOBOX */
.spalten-mitinfobox {
  padding: 0 1.5em; 
}

@supports (padding:max(0px)) {
.spalten-mitinfobox {
    padding-left:max(1.5em, env(safe-area-inset-left));
    padding-right:max(1.5em, env(safe-area-inset-right));
  }
}

@media only screen and (max-width:728px) {

  .spalten-mitinfobox {
    padding: 0;  
  }
}

.spalte-inhalt {
  padding:0 2.5em 0 2em;
  max-width:644px;
}

@media only screen and ( min-width:729px ) and ( max-width:1068px ) {

  .spalte-inhalt {
    padding: 0 1.75em 0 1em;
  }
}

@media only screen and ( max-width:728px ) {

  .spalte-inhalt {
    padding: 0 1.5em;
  }
}

/* !wichtig */
.spalte-infobox {
  width: 325px;
  min-width:325px;
}

@media only screen and (max-width:728px) {
  .spalte-infobox {
    width: 100%;
    min-width:100%;
    padding: 3.5em 1em 0 1em;       
  }
}

.aside-infobox {
    max-width: 924px;
    margin: 0 auto;
    border: solid 1px #dadada;
    border-radius: 0.8em;
    box-shadow:0px 0px 5px rgba(0,0,0,0.05);
}

@media only screen and (max-width:728px) {

  .aside-infobox {
    max-width: 425px;
  }
}

.aside-infobox-inhalt {
  font-size: 17px;/* !wichtig */
  padding: 1.5em;
}

.aside-infobox-abschnitt {
  border-bottom: solid 1px #dadada;
  padding: 2em 0;
}

.aside-infobox-abschnitt:first-child {
  padding-top: 0;
}

.aside-infobox-abschnitt:last-child {
  padding-bottom: 0;
  border:none;
}



/* SPALTEN MIT TRENNLINIE */
.trennlinie-spalte {
  border-right:solid 1px #dadada;
}

@media only screen and (max-width:728px) {

  .trennlinie-spalte {
    border-right:none;
  }
}

.spalten-mittrennlinie {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  padding-left:1em;
  padding-right:1em;
}

@supports (padding:max(0px)) {
  .spalten-mittrennlinie {
      padding-left:max(1em, env(safe-area-inset-left));
      padding-right:max(1em, env(safe-area-inset-right));
    }
}

@media only screen and (max-width:728px) {

  .spalten-mittrennlinie {
    display:flex;
    flex-flow:column;
    justify-content:flex-start;
    padding-left:0;
    padding-right:0;
  }
}

.spalte-nurtext {
  width:100%;
}

.spalte-nurtext:nth-child(1) {
  padding-right:1.5em;
}

.spalte-nurtext:nth-child(2) {
    padding-left:2em;
  }

@media only screen and (max-width:728px) {

  .spalte-nurtext:nth-child(1),.spalte-nurtext:nth-child(2) {
    padding-right:1.5em;
    padding-left:1.5em;
  }

  .spalte-nurtext:nth-child(2) {
    padding-top:2.5em;
  }
}



.section-design {
  background:rgba(8,102,108,1);
  color:#fff;
}

.websitedesign {
  display:inline-block;
  color:#fff;
  font-size:15px;
  font-weight:300;
}

.pmo-logo-icon {
  display:inline-block;
  position:relative;
  top:0.5em;
  height:23px;
  width:30px;
  background-image:url(/impressum/styles/images/pmoowd/logo_fff.svg);
  background-repeat:no-repeat;
  background-position:center left;
  background-size:contain;
}