@charset "UTF-8";
/* Scss Document */
/*Letzte Bearbeitung 30 Juli 18 */
/*Breakpoints*/
/*Vollständigkeitshalber*/
/* Scss Document */
/*Basis-Farben*/
/*Pastell 1*/
/*Pastell 2*/
/*Edelweiss*/
@font-face {
  font-family: "savKarbon";
  src: url("../fonts/KarbonWeb-Regular.woff") format("woff");
  font-weight: normal;
}
@font-face {
  font-family: "savKarbon";
  src: url("../fonts/KarbonWeb-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
/*Bold*/
@font-face {
  font-family: "savKarbon";
  src: url("../fonts/KarbonWeb-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "savKarbon";
  src: url("../fonts/KarbonWeb-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
/*Semibold, 600*/
@font-face {
  font-family: "savKarbon";
  src: url("../fonts/KarbonWeb-Semibold.woff") format("woff");
  font-weight: 600;
}
@font-face {
  font-family: "savKarbon";
  src: url("../fonts/KarbonWeb-SemiboldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
/*Medium, 500*/
@font-face {
  font-family: "savKarbon";
  src: url("../fonts/KarbonWeb-Medium.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "savKarbon";
  src: url("../fonts/KarbonWeb-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
/*Thin, 500*/
@font-face {
  font-family: "savKarbon";
  src: url("../fonts/KarbonWeb-Thin.woff") format("woff");
  font-weight: 300;
}
@font-face {
  font-family: "savKarbon";
  src: url("../fonts/KarbonWeb-ThinItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
h1, .h1 {
  line-height: 1.25;
  margin: 30px 0;
  font-weight: 700;
}
@media only screen and (max-width: 769px) {
  h1, .h1 {
    font-size: 1.61em;
    margin-top: 15px;
    margin-bottom: 0;
    line-height: 1.05;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  h1, .h1 {
    font-size: 2.1em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  h1, .h1 {
    font-size: 2.4em;
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  h1, .h1 {
    font-size: 2.7em;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1600px) {
  h1, .h1 {
    font-size: 3.4em;
    margin-top: 15px;
  }
}
h1 strong, .h1 strong {
  font-weight: 700;
}

.simpleTxt h1, .simpleTxt .h1 {
  font-weight: normal;
}

span.layer h1, span.layer .h1, .contentswiper h1, .contentswiper .h1 {
  text-align: center;
  font-weight: bold;
  color: #004b62;
}
@media only screen and (max-width: 769px) {
  span.layer h1, span.layer .h1, .contentswiper h1, .contentswiper .h1 {
    font-size: 2.45em;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  span.layer h1, span.layer .h1, .contentswiper h1, .contentswiper .h1 {
    font-size: 3.1em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  span.layer h1, span.layer .h1, .contentswiper h1, .contentswiper .h1 {
    font-size: 3.1em;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  span.layer h1, span.layer .h1, .contentswiper h1, .contentswiper .h1 {
    font-size: 2.45em;
  }
}
@media only screen and (min-width: 1600px) {
  span.layer h1, span.layer .h1, .contentswiper h1, .contentswiper .h1 {
    font-size: 3.1em;
  }
}

h2, .h2 {
  font-weight: bold;
  line-height: 1.1;
}
@media only screen and (max-width: 769px) {
  h2, .h2 {
    font-size: 1.55em;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  h2, .h2 {
    font-size: 1.85em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  h2, .h2 {
    font-size: 1.75em;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  h2, .h2 {
    font-size: 1.75em;
  }
}
@media only screen and (min-width: 1600px) {
  h2, .h2 {
    font-size: 1.95em;
  }
}
h2 strong, .h2 strong {
  font-weight: 600;
}
h2 a, .h2 a {
  color: #008fd0;
  font-weight: 500;
  text-decoration: none;
}
h2 a:visited, .h2 a:visited {
  color: #008fd0;
}

h3, .h3 {
  font-weight: 500;
  line-height: 1.25;
}
@media only screen and (max-width: 769px) {
  h3, .h3 {
    font-size: 1.4em;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  h3, .h3 {
    font-size: 1.7em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  h3, .h3 {
    font-size: 1.6em;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  h3, .h3 {
    font-size: 1.6em;
  }
}
@media only screen and (min-width: 1600px) {
  h3, .h3 {
    font-size: 1.8em;
  }
}
h3 strong, .h3 strong {
  font-weight: 600;
}

.containerBoxes .boxes .box h3 {
  font-weight: 400;
  margin-bottom: 0;
}
@media only screen and (max-width: 769px) {
  .containerBoxes .boxes .box h3 {
    font-size: 1.3em;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .containerBoxes .boxes .box h3 {
    font-size: 1.6em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .containerBoxes .boxes .box h3 {
    font-size: 1.5em;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .containerBoxes .boxes .box h3 {
    font-size: 1.5em;
  }
}
@media only screen and (min-width: 1600px) {
  .containerBoxes .boxes .box h3 {
    font-size: 1.7em;
  }
}

.containerBoxes .boxes .box p,
.containerBoxes .boxes .box ul {
  margin-top: 0;
}

.containerBoxes .boxes .box ul {
  margin-left: 34px;
}
@media only screen and (max-width: 769px) {
  .containerBoxes .boxes .box ul {
    margin-left: 0;
  }
}

h4, .h4 {
  font-weight: 500;
  line-height: 1.25;
}
@media only screen and (max-width: 769px) {
  h4, .h4 {
    font-size: 1.58em;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  h4, .h4 {
    font-size: 1.84em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  h4, .h4 {
    font-size: 2em;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  h4, .h4 {
    font-size: 2.17em;
  }
}
@media only screen and (min-width: 1600px) {
  h4, .h4 {
    font-size: 2.34em;
  }
}
h4 strong, .h4 strong {
  font-weight: 600;
}

h5, h6, .h5, .h6 {
  font-weight: normal;
  line-height: 1.25;
  margin: 0;
}
h5 strong, h6 strong, .h5 strong, .h6 strong {
  font-weight: 500;
}
@media only screen and (max-width: 769px) {
  h5, h6, .h5, .h6 {
    font-size: 1.5em;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  h5, h6, .h5, .h6 {
    font-size: 1.58em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  h5, h6, .h5, .h6 {
    font-size: 1.67em;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  h5, h6, .h5, .h6 {
    font-size: 1.84em;
  }
}
@media only screen and (min-width: 1600px) {
  h5, h6, .h5, .h6 {
    font-size: 1.84em;
  }
}

.contentswiper h5, .contentswiper .h5 {
  margin: 0;
  padding-left: 80px;
  padding-right: 80px;
}
@media only screen and (max-width: 769px) {
  .contentswiper h5, .contentswiper .h5 {
    font-size: 1.3em;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .contentswiper h5, .contentswiper .h5 {
    font-size: 1.3em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .contentswiper h5, .contentswiper .h5 {
    font-size: 1.3em;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .contentswiper h5, .contentswiper .h5 {
    font-size: 1.3em;
  }
}
@media only screen and (min-width: 1600px) {
  .contentswiper h5, .contentswiper .h5 {
    font-size: 1.3em;
  }
}

@media only screen and (max-width: 769px) {
  .littleani h5 {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .littleani h5 {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .littleani h5 {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .littleani h5 {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 1600px) {
  .littleani h5 {
    font-size: 1.2em;
  }
}
.littleani h5 .big {
  font-weight: 500;
}
@media only screen and (max-width: 769px) {
  .littleani h5 .big {
    font-size: 1.7em;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .littleani h5 .big {
    font-size: 1.7em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .littleani h5 .big {
    font-size: 1.7em;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .littleani h5 .big {
    font-size: 1.7em;
  }
}
@media only screen and (min-width: 1600px) {
  .littleani h5 .big {
    font-size: 1.7em;
  }
}

p, .box ul li, ol li {
  font-weight: normal;
  line-height: 1.1;
}
@media only screen and (max-width: 769px) {
  p, .box ul li, ol li {
    font-size: 1.1em;
    line-height: 1.15;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  p, .box ul li, ol li {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  p, .box ul li, ol li {
    font-size: 1.25em;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  p, .box ul li, ol li {
    font-size: 1.25em;
  }
}
@media only screen and (min-width: 1600px) {
  p, .box ul li, ol li {
    font-size: 1.25em;
  }
}
p strong, .box ul li strong, ol li strong {
  font-weight: 500;
}
p a, .box ul li a, ol li a {
  color: #008fd0;
  font-weight: 500;
  text-decoration: none;
}
p a:visited, .box ul li a:visited, ol li a:visited {
  color: #008fd0;
}

@media only screen and (max-width: 769px) {
  .maginal ul li a {
    font-size: 0.8em;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .maginal ul li a {
    font-size: 0.8em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .maginal ul li a {
    font-size: 0.8em;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .maginal ul li a {
    font-size: 0.8em;
  }
}
@media only screen and (min-width: 1600px) {
  .maginal ul li a {
    font-size: 0.8em;
  }
}

.seeAlsoMore .box h2 {
  text-align: center;
  text-transform: none;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 auto;
}
@media only screen and (max-width: 769px) {
  .seeAlsoMore .box h2 {
    font-size: 1.1em;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .seeAlsoMore .box h2 {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .seeAlsoMore .box h2 {
    font-size: 1.25em;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .seeAlsoMore .box h2 {
    font-size: 1.25em;
  }
}
@media only screen and (min-width: 1600px) {
  .seeAlsoMore .box h2 {
    font-size: 1.25em;
  }
}
.seeAlsoMore .box h1 {
  text-align: center;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-top: 0;
}
@media only screen and (max-width: 769px) {
  .seeAlsoMore .box h1 {
    font-size: 1.4em;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .seeAlsoMore .box h1 {
    font-size: 1.7em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .seeAlsoMore .box h1 {
    font-size: 1.6em;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .seeAlsoMore .box h1 {
    font-size: 1.6em;
  }
}
@media only screen and (min-width: 1600px) {
  .seeAlsoMore .box h1 {
    font-size: 1.8em;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .simpleTxt p {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .simpleTxt p {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .simpleTxt p {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

.rightLabel a, .leftLabel a {
  color: #008fd0;
  text-decoration: none;
  font-weight: 500;
  font-size: 1.3em;
}

.outerReiter .innerBox a.iwill {
  font-weight: normal;
}

.outerReiter .innerBox p {
  font-weight: 300;
  line-height: 1.1;
}
@media only screen and (max-width: 769px) {
  .outerReiter .innerBox p {
    font-size: 1.05em;
    font-weight: normal;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .outerReiter .innerBox p {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .outerReiter .innerBox p {
    font-size: 1.35em;
  }
}
@media only screen and (min-width: 1600px) {
  .outerReiter .innerBox p {
    font-size: 1.35em;
  }
}

.outerReiter .innerBox h2 {
  font-weight: 300;
}
@media only screen and (max-width: 769px) {
  .outerReiter .innerBox h2 {
    margin: 0;
    padding: 0;
    font-weight: normal;
  }
}
@media only screen and (min-width: 1600px) {
  .outerReiter .innerBox h2 {
    font-weight: normal;
  }
}

.header nav ul li a {
  font-weight: 500;
  color: #004b62;
}
@media only screen and (max-width: 769px) {
  .header nav ul li a {
    font-size: 1em;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .header nav ul li a {
    font-size: 1em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .header nav ul li a {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .header nav ul li a {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 1600px) {
  .header nav ul li a {
    font-size: 1.3em;
  }
}
.header nav ul li a.active, .header nav ul li a:hover {
  color: #008fd0;
}

#flag .first, #flag .second, #flagvisit .second {
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
}
@media only screen and (max-width: 769px) {
  #flag .first, #flag .second, #flagvisit .second {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #flag .first, #flag .second, #flagvisit .second {
    font-size: 1.38em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  #flag .first, #flag .second, #flagvisit .second {
    font-size: 1.38em;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  #flag .first, #flag .second, #flagvisit .second {
    font-size: 1.64em;
  }
}
@media only screen and (min-width: 1600px) {
  #flag .first, #flag .second, #flagvisit .second {
    font-size: 1.64em;
  }
}

.button a {
  color: #ffffff !important;
  text-decoration: none;
  font-weight: normal;
}

.text-center {
  text-align: center !important;
}

.boxes .box .name {
  text-transform: uppercase;
  text-align: center;
}
.boxes .box .desc {
  text-align: center;
}

.searchform input {
  font-weight: 300;
}
@media only screen and (max-width: 769px) {
  .searchform input {
    font-size: 0.8em;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .searchform input {
    font-size: 0.8em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .searchform input {
    font-size: 1em;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .searchform input {
    font-size: 1em;
  }
}
@media only screen and (min-width: 1600px) {
  .searchform input {
    font-size: 1.1em;
  }
}
.searchform input.submit {
  font-weight: 700;
}

#footer #socialsnmore ul li a {
  font-weight: 400;
  color: #004b62;
  text-decoration: none;
}

.boxes .box .kontakt .details h5, .boxes .box .kontakt .details p {
  margin: 0;
  padding: 0;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
  white-space: nowrap;
}
@media only screen and (max-width: 769px) {
  .boxes .box .kontakt .details h5, .boxes .box .kontakt .details p {
    font-size: 1.1em;
    line-height: 1.15;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .boxes .box .kontakt .details h5, .boxes .box .kontakt .details p {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .boxes .box .kontakt .details h5, .boxes .box .kontakt .details p {
    font-size: 1.25em;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .boxes .box .kontakt .details h5, .boxes .box .kontakt .details p {
    font-size: 1.3em;
  }
}
@media only screen and (min-width: 1600px) {
  .boxes .box .kontakt .details h5, .boxes .box .kontakt .details p {
    font-size: 1.3em;
  }
}
.boxes .box .kontakt .details h5 {
  font-weight: 500 !important;
}
.boxes .box .kontakt .details p a {
  font-weight: normal;
  color: #004b62;
}
.boxes .box .kontakt .details p a:hover {
  color: #de6a09;
}

.accordion-wrap .accordion .trigger {
  background: #004b62;
  color: #ffffff;
  text-align: left;
  text-transform: uppercase;
}
@media only screen and (max-width: 769px) {
  .accordion-wrap .accordion .trigger {
    font-size: 1.55em;
    letter-spacing: 0.03em;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .accordion-wrap .accordion .trigger {
    font-size: 1.85em;
    letter-spacing: 0.03em;
    padding-top: 15px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .accordion-wrap .accordion .trigger {
    font-size: 1.75em;
    letter-spacing: 0.05em;
    padding-top: 25px !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .accordion-wrap .accordion .trigger {
    font-size: 1.75em;
    letter-spacing: 0.05em;
    padding-top: 20px !important;
  }
}
@media only screen and (min-width: 1600px) {
  .accordion-wrap .accordion .trigger {
    font-size: 1.95em;
    letter-spacing: 0.02em;
    padding-top: 20px !important;
  }
}

.wappInitiativ .first h1, .wappInitiativ .first h2, .wappInitiativ .first p {
  color: #ffffff;
  font-weight: normal;
}

.wappInitiativ h1, .wappInitiativ h2, .wappInitiativ p {
  color: #ffffff;
  font-weight: normal;
  text-align: center;
}

.testimonial {
  color: #ffffff;
  font-size: 0.95em;
  font-weight: 300 !important;
}
.testimonial em {
  font-weight: 300 !important;
}
@media only screen and (max-width: 769px) {
  .testimonial em {
    font-size: 1em;
    font-weight: normal !important;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .testimonial em {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .testimonial em {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .testimonial em {
    font-size: 1.3em;
  }
}
@media only screen and (min-width: 1600px) {
  .testimonial em {
    font-size: 1.5em;
  }
}

.statement p {
  font-size: 1.3em;
}
.statement p em {
  font-weight: 300 !important;
}
@media only screen and (max-width: 769px) {
  .statement p em {
    font-size: 1em;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .statement p em {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .statement p em {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .statement p em {
    font-size: 1.3em;
  }
}
@media only screen and (min-width: 1600px) {
  .statement p em {
    font-size: 1.5em;
  }
}

@media only screen and (max-width: 769px) {
  #footer #rechtliches {
    font-size: 0.85em;
    text-align: center;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #footer #rechtliches {
    font-size: 1.2em;
    font-weight: 300;
    text-align: center;
  }
}

#footer ul.justmobile li a {
  color: #004b62;
  text-decoration: none;
  font-size: 0.9em;
}
#footer ul.justmobile li a:after {
  content: " | ";
}

#footer ul.justmobile li:last-of-type a:after {
  content: "";
}

/*Farben*/
.gruenFont {
  color: #b0c940;
}

.orangeFont {
  color: #de6a09;
}

.blauFont {
  color: #008fd0;
}

.whiteFont {
  color: #ffffff;
}

.illuDaten img {
  margin: 0 auto;
  display: block;
}
.illuDaten h5 {
  text-align: center;
  font-size: 1em;
  font-weight: 700;
}
.illuDaten h5 .big {
  font-size: 2em;
}

nav#gomenu ul li ul li, nav#gomenu ul li ul li a {
  text-transform: none !important;
  font-weight: normal;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
  white-space: nowrap;
}
nav#gomenu ul li ul li:hover, nav#gomenu ul li ul li a:hover {
  color: #008fd0;
}

.newsDate {
  text-align: right;
  font-size: 1.2em;
  margin-bottom: -100px;
}

/*Sitemap*/
#Sitemap ul {
  margin: 0 auto 50px auto;
  padding: 0;
  list-style: none;
  text-align: center;
}
#Sitemap ul li a {
  display: block;
  font-size: 1.5em;
  padding-bottom: 15px;
  color: #de6a09;
  font-weight: 500;
  text-decoration: none;
}
#Sitemap ul li a:visited {
  color: #008fd0;
}
#Sitemap ul li ul {
  text-align: center;
  width: 100%;
  margin-bottom: 30px;
}
#Sitemap ul li ul li {
  font-size: inherit;
}
#Sitemap ul li ul li a {
  font-size: inherit;
  padding-bottom: 0;
}

.trigger {
  text-align: left;
  font-weight: normal;
  font-size: 1.5em;
}
.trigger.trigger_active {
  color: #ffffff;
}

.toggle_container {
  text-align: left;
}

* {
  outline: none;
}

html, body {
  padding: 0;
  margin: 0;
  font-family: savKarbon, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  position: relative;
  color: #004b62;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}

.full {
  width: 100% !important;
}

.clear {
  clear: both;
}

.inner {
  display: block;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .inner {
    width: 95%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .inner {
    width: 95%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .inner {
    width: 975px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .inner {
    width: 1180px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1600px) {
  .inner {
    width: 1442px;
    margin: 0 auto;
  }
}
.inner .box ul {
  margin: 0;
  padding: 0 0 0 7.5%;
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .inner .box ul {
    padding: 0 0 0 6%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .inner .box ul {
    padding: 0 0 0 5%;
  }
}
@media only screen and (min-width: 1600px) {
  .inner .box ul {
    padding: 0 0 0 4%;
  }
}
.inner .box ul li {
  margin: 0;
  padding: 0;
}

.header .inner {
  margin: 0 auto;
}

#flag {
  display: none;
  background: rgba(222, 106, 9, 0.9);
  border: 1px solid #ffffff;
  border-left: 0;
  z-index: 9;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.55);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.55);
  color: #ffffff;
  position: absolute;
}
@media only screen and (max-width: 769px) {
  #flag {
    width: 92px;
    height: 92px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #flag {
    width: 120px;
    height: 120px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  #flag {
    width: 160px;
    height: 140px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  #flag {
    width: 180px;
    height: 160px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 1600px) {
  #flag {
    width: 190px;
    height: 170px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
#flag .first, #flag .second {
  display: block;
  padding: 10px 0px 5px 0px;
}
@media only screen and (max-width: 769px) {
  #flag .first, #flag .second {
    padding: 20px 0;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #flag .first, #flag .second {
    padding: 29px 0;
  }
}
@media only screen and (max-width: 769px) {
  #flag .second {
    display: none;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #flag .second {
    display: none;
  }
}
#flag .first span {
  width: 100%;
  display: block;
  background: url(../img/pfeil.svg) center center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 769px) {
  #flag .first span {
    height: 15px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #flag .first span {
    height: 18px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  #flag .first span {
    background: #ffffff;
    width: 30%;
    height: 5px;
    margin: 10px auto 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  #flag .first span {
    background: #ffffff;
    width: 30%;
    height: 5px;
    margin: 10px auto 0;
  }
}
@media only screen and (min-width: 1600px) {
  #flag .first span {
    background: #ffffff;
    width: 30%;
    height: 5px;
    margin: 10px auto 0;
  }
}
#flag .second span {
  width: 100%;
  height: 20px;
  display: block;
  background: url(../img/pfeil.svg) center center no-repeat;
  background-size: contain;
}

#flagvisit {
  z-index: 9;
  display: none;
  background: rgba(185, 207, 83, 0.9);
  border: 1px solid #ffffff;
  border-left: 0;
  z-index: 2;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.55);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.55);
  color: #ffffff;
  position: absolute;
}
@media only screen and (max-width: 769px) {
  #flagvisit {
    width: 92px;
    height: 92px;
    top: 155px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #flagvisit {
    width: 120px;
    height: 120px;
    top: 196px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  #flagvisit {
    width: 160px;
    height: 51px;
    padding-top: 10px;
    padding-bottom: 10px;
    top: 270px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  #flagvisit {
    width: 180px;
    height: 48px;
    padding-top: 10px;
    padding-bottom: 10px;
    top: 290px;
  }
}
@media only screen and (min-width: 1600px) {
  #flagvisit {
    width: 190px;
    height: 48px;
    padding-top: 10px;
    padding-bottom: 10px;
    top: 300px;
  }
}
#flagvisit .second {
  display: block;
  padding: 5px 0;
}
@media only screen and (max-width: 769px) {
  #flagvisit .second {
    padding: 7px 0;
  }
}
#flagvisit .second span {
  width: 100%;
  display: block;
  background: url(../img/pfeil.svg) center center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 769px) {
  #flagvisit .second span {
    height: 15px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #flagvisit .second span {
    height: 15px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  #flagvisit .second span {
    height: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  #flagvisit .second span {
    height: 20px;
  }
}
@media only screen and (min-width: 1600px) {
  #flagvisit .second span {
    height: 20px;
  }
}

#wrap {
  position: relative;
  background: #ffffff;
  height: 100%;
  height: auto;
  min-height: 100%;
}
@media only screen and (max-width: 769px) {
  #wrap {
    padding-top: 71px;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #wrap {
    padding-top: 95px;
    padding-bottom: 600px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  #wrap {
    padding-top: 105px;
    padding-bottom: 720px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  #wrap {
    padding-top: 120px;
    padding-bottom: 500px;
  }
}
@media only screen and (min-width: 1600px) {
  #wrap {
    padding-top: 140px;
    padding-bottom: 600px;
  }
}

@media only screen and (max-width: 769px) {
  .header .inner {
    width: 100% !important;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .header .inner {
    width: 100% !important;
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: #ffffff;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  transition: height 0.3s;
}
@media only screen and (max-width: 769px) {
  .header {
    height: 71px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .header {
    height: 95px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .header {
    height: 150px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .header {
    height: 150px;
  }
}
@media only screen and (min-width: 1600px) {
  .header {
    height: 160px;
  }
}
.header.shrink {
  -webkit-box-shadow: -1px 2px 7px -3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px 2px 7px -3px rgba(0, 0, 0, 0.75);
  box-shadow: -1px 2px 7px -3px rgba(0, 0, 0, 0.75);
}
@media only screen and (max-width: 769px) {
  .header.shrink {
    height: 77px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .header.shrink {
    height: 87px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .header.shrink {
    height: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .header.shrink {
    height: 102px;
  }
}
@media only screen and (min-width: 1600px) {
  .header.shrink {
    height: 112px;
  }
}
.header.shrink nav#gomenu {
  position: relative;
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .header.shrink nav#gomenu {
    top: 63px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .header.shrink nav#gomenu {
    top: 64px;
  }
}
@media only screen and (min-width: 1600px) {
  .header.shrink nav#gomenu {
    top: 75px;
  }
}
.header.shrink nav#gomenu ul li ul {
  -webkit-box-shadow: 1px 2px 2px -1px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 1px 2px 2px -1px rgba(0, 0, 0, 0.55);
  box-shadow: 1px 2px 2px -1px rgba(0, 0, 0, 0.55);
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .header.shrink nav#gomenu ul li ul {
    top: 37px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .header.shrink nav#gomenu ul li ul {
    top: 37px;
  }
}
@media only screen and (min-width: 1600px) {
  .header.shrink nav#gomenu ul li ul {
    top: 37px;
  }
}
@media only screen and (max-width: 769px) {
  .header.shrink .logo a {
    width: 125px;
    height: 30px;
    top: 20px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .header.shrink .logo a {
    width: 160px;
    height: 37px;
    top: 25px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .header.shrink .logo a {
    width: 177px;
    height: 41px;
    top: 12px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .header.shrink .logo a {
    width: 177px;
    height: 41px;
    top: 12px;
  }
}
@media only screen and (min-width: 1600px) {
  .header.shrink .logo a {
    width: 203px;
    height: 49px;
    top: 20px;
  }
}
@media only screen and (max-width: 769px) {
  .header.shrink .hamburger {
    margin: 0 0 0 8px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .header.shrink .hamburger {
    margin: 10px 0 0 15px;
  }
}
.header .hamburger {
  padding: 20px 15px 0px 5px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  -webkit-transition: top 0.3s;
  -moz-transition: top 0.3s;
  transition: top 0.3s;
  -webkit-transition: margin 0.3s;
  -moz-transition: margin 0.3s;
  transition: margin 0.3s;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  transition: left 0.3s;
  overflow: visible;
}
@media only screen and (max-width: 769px) {
  .header .hamburger {
    margin: 12px 0 0 7px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .header .hamburger {
    margin: 18px 0 0 15px;
    padding: 25px 15px 0px 10px;
  }
}
.header .hamburger:hover {
  opacity: 0.7;
}
.header .hamburger .hamburger-box {
  width: 30px;
  height: 24px;
  display: inline-block;
  position: relative;
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .header .hamburger .hamburger-box {
    width: 40px;
  }
}
.header .hamburger .hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.header .hamburger .hamburger-inner, .header .hamburger .hamburger-inner::before, .header .hamburger .hamburger-inner::after {
  width: 25px;
  height: 3px;
  background-color: #008fd0;
  border-radius: 0px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .header .hamburger .hamburger-inner, .header .hamburger .hamburger-inner::before, .header .hamburger .hamburger-inner::after {
    width: 40px;
    height: 4px;
  }
}
.header .hamburger .hamburger-inner::before, .header .hamburger .hamburger-inner::after {
  content: "";
  display: block;
}
.header .hamburger .hamburger-inner::before {
  top: -8px;
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .header .hamburger .hamburger-inner::before {
    top: -12px;
  }
}
.header .hamburger .hamburger-inner::after {
  bottom: -8px;
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .header .hamburger .hamburger-inner::after {
    bottom: -12px;
  }
}
.header .hamburger .hamburger--slider .hamburger-inner {
  top: 2px;
}
.header .hamburger .hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.2s;
}
.header .hamburger .hamburger--slider .hamburger-inner::after {
  top: 20px;
}
.header .hamburger .hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.header .hamburger .hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}
.header .hamburger .hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .header .hamburger {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .header .hamburger {
    display: none;
  }
}
@media only screen and (min-width: 1600px) {
  .header .hamburger {
    display: none;
  }
}
.header nav#gomenu {
  -webkit-transition: top 0.3s;
  -moz-transition: top 0.3s;
  transition: top 0.3s;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .header nav#gomenu {
    display: none;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .header nav#gomenu {
    display: none;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .header nav#gomenu {
    top: 109px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .header nav#gomenu {
    top: 109px;
    left: 70px;
  }
}
@media only screen and (min-width: 1600px) {
  .header nav#gomenu {
    top: 119px;
  }
}
.header nav#gomenu ul, .header nav#gomenu ul li {
  padding: 0;
  margin: 0;
}
.header nav#gomenu ul li {
  display: block;
  float: left;
  margin-right: 15px;
}
.header nav#gomenu ul li a {
  text-transform: uppercase;
  text-decoration: none;
  padding-bottom: 35px;
}
.header nav#gomenu {
  z-index: 100;
}
.header nav#gomenu ul li {
  position: relative;
}
.header nav#gomenu ul li ul {
  position: absolute;
  border-top: 2px solid #008fd0;
  display: none;
  background: #ffffff;
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .header nav#gomenu ul li ul {
    top: 41px;
    left: -20px;
    padding: 12px 20px 20px 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .header nav#gomenu ul li ul {
    top: 41px;
    left: -20px;
    padding: 12px 20px 20px 20px;
  }
}
@media only screen and (min-width: 1600px) {
  .header nav#gomenu ul li ul {
    top: 41px;
    left: -20px;
    padding: 12px 20px 20px 20px;
    border-top-width: 4px;
  }
}
.header nav#gomenu ul li ul li {
  float: none;
}
.header nav#gomenu ul li ul li a {
  padding-bottom: inherit;
  padding: 3px 0;
  display: block;
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .header nav#gomenu ul li:hover ul {
    display: block;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .header nav#gomenu ul li:hover ul {
    display: block;
  }
}
@media only screen and (min-width: 1600px) {
  .header nav#gomenu ul li:hover ul {
    display: block;
  }
}
.header .logo a {
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -5000px;
  display: block;
  background: url(../img/edelweiss-logo.svg) center right no-repeat;
  background-size: contain;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  transition: height 0.3s;
}
@media only screen and (max-width: 769px) {
  .header .logo a {
    width: 130px;
    height: 42px;
    top: 15px;
    right: 5%;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .header .logo a {
    width: 210px;
    height: 50px;
    top: 25px;
    right: 3%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .header .logo a {
    width: 200px;
    height: 55px;
    top: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .header .logo a {
    width: 230px;
    height: 59px;
    top: 20px;
    right: 50px;
  }
}
@media only screen and (min-width: 1600px) {
  .header .logo a {
    width: 265px;
    height: 69px;
    top: 30px;
  }
}
.header .maginal {
  position: absolute;
  top: 10px;
}
@media only screen and (max-width: 769px) {
  .header .maginal {
    display: none;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .header .maginal {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .header .maginal {
    left: 70px;
  }
}
.header .maginal ul {
  margin: 0;
  padding: 0;
}
.header .maginal ul li {
  display: inline;
  list-style: none;
  padding-right: 5px;
}
.header .maginal ul li:after {
  content: "|";
  padding-left: 5px;
}
.header .maginal ul li:last-child:after {
  content: "";
}
.header .maginal ul li a {
  color: #004b62;
  text-decoration: none;
}

.visual {
  position: relative;
}
.visual .visualSolo {
  overflow: hidden;
}
.visual .swiper-container, .visual .visualSolo {
  width: 100%;
  height: 100%;
}
.visual span.layer {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.visual span.layer span {
  background: #ffffff;
  display: block;
  margin: 0 auto 20px auto;
}
@media only screen and (max-width: 769px) {
  .visual span.layer span {
    width: 50px;
    margin-bottom: 10px;
    height: 3px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .visual span.layer span {
    width: 70px;
    margin-bottom: 20px;
    height: 6px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .visual span.layer span {
    width: 100px;
    margin-bottom: 30px;
    height: 6px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .visual span.layer span {
    width: 140px;
    height: 8px;
  }
}
@media only screen and (min-width: 1600px) {
  .visual span.layer span {
    width: 180px;
    margin-bottom: 40px;
    height: 10px;
  }
}
@media only screen and (max-width: 769px) {
  .visual span.layer h1, .visual span.layer .h1 {
    width: 80%;
    height: 50%;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .visual span.layer h1, .visual span.layer .h1 {
    width: 80%;
    height: 50%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .visual span.layer h1, .visual span.layer .h1 {
    width: 70%;
    height: 50%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .visual span.layer h1, .visual span.layer .h1 {
    width: 70%;
    height: 50%;
  }
}
@media only screen and (min-width: 1600px) {
  .visual span.layer h1, .visual span.layer .h1 {
    width: 70%;
    height: 50%;
  }
}
.visual .swiper-slide, .visual .visualSolo {
  height: auto;
  color: #ffffff;
  width: 100%;
  display: block;
}
.visual .swiper-slide img, .visual .visualSolo img {
  width: 100%;
}
@media only screen and (max-width: 769px) {
  .visual .swiper-slide img, .visual .visualSolo img {
    width: 155%;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .visual .swiper-slide img, .visual .visualSolo img {
    width: 135%;
  }
}
.visual .swiper-button-next, .visual .swiper-button-prev {
  background-size: contain;
}
@media only screen and (max-width: 769px) {
  .visual .swiper-button-next, .visual .swiper-button-prev {
    width: 25px;
    height: 25px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .visual .swiper-button-next, .visual .swiper-button-prev {
    width: 30px;
    height: 30px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .visual .swiper-button-next, .visual .swiper-button-prev {
    width: 35px;
    height: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .visual .swiper-button-next, .visual .swiper-button-prev {
    width: 40px;
    height: 40px;
  }
}
@media only screen and (min-width: 1600px) {
  .visual .swiper-button-next, .visual .swiper-button-prev {
    width: 45px;
    height: 45px;
  }
}
.visual .swiper-button-next {
  right: 2px;
  background: url(../img/pfeil-rechts.svg) center center no-repeat;
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .visual .swiper-button-next {
    right: 5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .visual .swiper-button-next {
    right: 5%;
  }
}
@media only screen and (min-width: 1600px) {
  .visual .swiper-button-next {
    right: 3%;
  }
}
.visual .swiper-button-prev {
  left: 2px;
  background: url(../img/pfeil-links.svg) center center no-repeat;
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .visual .swiper-button-prev {
    left: 5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .visual .swiper-button-prev {
    left: 5%;
  }
}
@media only screen and (min-width: 1600px) {
  .visual .swiper-button-prev {
    left: 3%;
  }
}
.visual .claim {
  background: url(../img/savencia-fromage-und-dairy-claim.svg) center center no-repeat;
  display: block;
  position: absolute;
  z-index: 999;
}
@media only screen and (max-width: 769px) {
  .visual .claim {
    display: none;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .visual .claim {
    bottom: -50px;
    right: 5%;
    width: 240px;
    height: 240px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .visual .claim {
    bottom: -50px;
    right: 5%;
    width: 240px;
    height: 240px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .visual .claim {
    bottom: -50px;
    right: 5%;
    width: 270px;
    height: 270px;
  }
}
@media only screen and (min-width: 1600px) {
  .visual .claim {
    bottom: -50px;
    right: 5%;
    width: 300px;
    height: 300px;
  }
}
.visual .social {
  position: absolute;
  left: 0;
  z-index: 401;
}
@media only screen and (max-width: 769px) {
  .visual .social {
    bottom: 10%;
    top: inherit;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .visual .social {
    top: 5%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .visual .social {
    top: 90px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .visual .social {
    top: 150px;
  }
}
@media only screen and (min-width: 1600px) {
  .visual .social {
    top: 190px;
  }
}
.visual .social a {
  text-indent: -5000px;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  margin-left: -5px;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media all and (-ms-high-contrast: none) {
  .visual .social a {
    margin-left: -18px;
  }
}
.visual .social a:hover {
  margin-left: 0px;
}
@media all and (-ms-high-contrast: none) {
  .visual .social a:hover {
    margin-left: -16px;
  }
}
@media only screen and (max-width: 769px) {
  .visual .social a {
    width: 60px;
    height: 60px;
    margin-bottom: -15px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .visual .social a {
    width: 80px;
    height: 80px;
    margin-bottom: -15px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .visual .social a {
    width: 90px;
    height: 90px;
    margin-bottom: -20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .visual .social a {
    width: 100px;
    height: 100px;
    margin-bottom: -25px;
  }
}
@media only screen and (min-width: 1600px) {
  .visual .social a {
    width: 110px;
    height: 110px;
    margin-bottom: -25px;
  }
}
.visual .social a.xing {
  background-image: url(../img/icon-xing.svg);
}
.visual .social a.kununu {
  background-image: url(../img/icon-kununu.svg);
}
.visual .social a.youtube {
  background-image: url(../img/icon-youtube.svg);
}
.visual .social a.linkedin {
  background-image: url(../img/icon-linkedin.svg);
}
.visual .down {
  z-index: 500;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  display: none;
}
@media only screen and (max-width: 769px) {
  .visual .down {
    bottom: -40px;
    margin-left: -17.5px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .visual .down {
    bottom: -40px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .visual .down {
    bottom: -35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .visual .down {
    bottom: -35px;
  }
}
@media only screen and (min-width: 1600px) {
  .visual .down {
    bottom: -35px;
  }
}

.schwung {
  position: absolute;
  bottom: 3px;
  background: url(../img/slider-schwung.png) no-repeat;
  background-size: 100%;
  background-position: bottom right;
  height: 100px;
  width: 100%;
  display: block;
  z-index: 2;
}
@media only screen and (max-width: 769px) {
  .schwung {
    background-size: 125%;
  }
}
@media only screen and (min-width: 1600px) {
  .schwung {
    height: 200px;
  }
}

@media only screen and (max-width: 769px) {
  #page {
    padding-top: 25px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #page {
    padding-top: 25px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  #page {
    padding-top: 55px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  #page {
    padding-top: 55px;
  }
}
@media only screen and (min-width: 1600px) {
  #page {
    padding-top: 80px;
  }
}

span.balken {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 769px) {
  span.balken {
    height: 75px;
    width: 175px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  span.balken {
    height: 75px;
    width: 175px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  span.balken {
    height: 95px;
    width: 195px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  span.balken {
    height: 180px;
    width: 280px;
  }
}
@media only screen and (min-width: 1600px) {
  span.balken {
    height: 200px;
    width: 300px;
  }
}

span.birne {
  background: url(../img/birne.svg) center bottom no-repeat;
  width: 70px;
  height: 70px;
  display: block;
  margin: 0 auto 20px;
}
@media only screen and (max-width: 769px) {
  span.birne {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  span.birne {
    width: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 769px) {
  .simpleTxt {
    margin-top: 65px;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .simpleTxt {
    margin-top: 80px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .simpleTxt {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .simpleTxt {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 1600px) {
  .simpleTxt {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 769px) {
  .seeAlso {
    margin-top: 65px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .seeAlso {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .seeAlso {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .seeAlso {
    margin-top: 100px;
  }
}
@media only screen and (min-width: 1600px) {
  .seeAlso {
    margin-top: 100px;
  }
}

.auszeichnungen {
  margin: 50px auto 0 auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 769px) {
  .auszeichnungen {
    width: 100%;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .auszeichnungen {
    width: 100%;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .auszeichnungen {
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .auszeichnungen {
    width: 50%;
  }
}
@media only screen and (min-width: 1600px) {
  .auszeichnungen {
    width: 50%;
  }
}
.auszeichnungen div {
  width: 30%;
  display: block;
  margin: 0 15px;
  justify-content: center;
  vertical-align: middle;
}
.auszeichnungen div img {
  width: 60%;
  height: auto;
  margin: 0 auto;
  display: block;
}

/*Pfeile*/
.down {
  display: block;
  padding: 0;
  color: #fff !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #008fd0;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 769px) {
  .down {
    border-radius: 35px;
    height: 35px;
    width: 35px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .down {
    border-radius: 40px;
    height: 40px;
    width: 40px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .down {
    border-radius: 42px;
    height: 42px;
    width: 42px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .down {
    border-radius: 42px;
    height: 42px;
    width: 42px;
  }
}
@media only screen and (min-width: 1600px) {
  .down {
    border-radius: 50px;
    height: 50px;
    width: 50px;
  }
}
.down a {
  height: 50px;
  width: 50px;
  display: block;
  overflow: hidden;
}
@media only screen and (max-width: 769px) {
  .down a {
    height: 35px;
    width: 35px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .down a {
    height: 40px;
    width: 40px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .down a {
    height: 42px;
    width: 42px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .down a {
    height: 42px;
    width: 42px;
  }
}
@media only screen and (min-width: 1600px) {
  .down a {
    height: 50px;
    width: 50px;
  }
}
.down a .pfeil {
  background: url(../img/pfeil.svg) center center no-repeat;
  background-size: 80%;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 0 auto 0;
  position: relative;
  height: 25px;
  display: block;
}
@media only screen and (max-width: 769px) {
  .down a .pfeil {
    top: 6px;
    width: 28px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .down a .pfeil {
    top: 9px;
    width: 31px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .down a .pfeil {
    top: 9px;
    width: 29px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .down a .pfeil {
    top: 9px;
    width: 29px;
  }
}
@media only screen and (min-width: 1600px) {
  .down a .pfeil {
    top: 14px;
    width: 35px;
  }
}
.down a .pfeil:hover, .down a:hover .pfeil {
  margin: 18% auto 0;
}
@media only screen and (max-width: 769px) {
  .down a .pfeil:hover, .down a:hover .pfeil {
    margin: 0 auto 0;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .down a .pfeil:hover, .down a:hover .pfeil {
    margin: 0 auto 0;
  }
}

.trigger .down {
  background-color: inherit !important;
  float: right;
  border-radius: 0;
  height: 40px;
}
.trigger .down a {
  height: 40px;
}
.trigger .down a .pfeil {
  top: 0;
}

.trigger_active .down a .pfeil {
  transform: rotate(180deg);
}

.right, .left {
  display: block;
  padding: 0;
  color: #fff !important;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #ffffff;
  position: relative;
  cursor: pointer;
  margin: 0 auto;
}
@media only screen and (max-width: 769px) {
  .right, .left {
    border-radius: 35px;
    height: 35px;
    width: 35px;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .right, .left {
    border-radius: 40px;
    height: 40px;
    width: 40px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .right, .left {
    border-radius: 45px;
    height: 45px;
    width: 45px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .right, .left {
    border-radius: 50px;
    height: 50px;
    width: 50px;
  }
}
@media only screen and (min-width: 1600px) {
  .right, .left {
    border-radius: 55px;
    height: 55px;
    width: 55px;
  }
}
.right a, .left a {
  height: 50px;
  width: 50px;
  display: block;
  overflow: hidden;
}
@media only screen and (max-width: 769px) {
  .right a, .left a {
    height: 35px;
    width: 35px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .right a, .left a {
    height: 40px;
    width: 40px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .right a, .left a {
    height: 45px;
    width: 45px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .right a, .left a {
    height: 50px;
    width: 50px;
  }
}
@media only screen and (min-width: 1600px) {
  .right a, .left a {
    height: 55px;
    width: 55px;
  }
}
.right a .pfeil, .left a .pfeil {
  background: url(../img/pfeil-rechts-blau.svg) center center no-repeat;
  background-size: 70%;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 0 auto 0;
  position: relative;
  height: 30px;
  display: block;
}
@media only screen and (max-width: 769px) {
  .right a .pfeil, .left a .pfeil {
    top: 2px;
    left: 0px;
    width: 28px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .right a .pfeil, .left a .pfeil {
    top: 5px;
    left: 0px;
    width: 31px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .right a .pfeil, .left a .pfeil {
    top: 10px;
    left: 2px;
    width: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .right a .pfeil, .left a .pfeil {
    top: 11px;
    left: 2px;
    width: 40px;
  }
}
@media only screen and (min-width: 1600px) {
  .right a .pfeil, .left a .pfeil {
    top: 11px;
    left: 2px;
    width: 40px;
  }
}
.right a .pfeil:hover, .right a:hover .pfeil, .left a .pfeil:hover, .left a:hover .pfeil {
  left: 10px;
}
@media only screen and (max-width: 769px) {
  .right a .pfeil:hover, .right a:hover .pfeil, .left a .pfeil:hover, .left a:hover .pfeil {
    left: 0px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .right a .pfeil:hover, .right a:hover .pfeil, .left a .pfeil:hover, .left a:hover .pfeil {
    left: 0px;
  }
}

.left .pfeil {
  left: -3px !important;
}

.left .pfeil:hover, .left:hover .pfeil {
  left: -10px !important;
}
@media only screen and (max-width: 769px) {
  .left .pfeil:hover, .left:hover .pfeil {
    left: -3px !important;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .left .pfeil:hover, .left:hover .pfeil {
    left: -3px !important;
  }
}

.whiteBg .right, .whiteBg .wappInitiativ .middlebluePastell .right,
.whiteBg .left, .whiteBg .wappInitiativ .middlebluePastell .left {
  background-color: #008fd0;
}
.whiteBg .right a .pfeil, .whiteBg .wappInitiativ .middlebluePastell .right a .pfeil,
.whiteBg .left a .pfeil, .whiteBg .wappInitiativ .middlebluePastell .left a .pfeil {
  background-image: url(../img/pfeil-rechts.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 769px) {
  .whiteBg .right a .pfeil, .whiteBg .wappInitiativ .middlebluePastell .right a .pfeil,
.whiteBg .left a .pfeil, .whiteBg .wappInitiativ .middlebluePastell .left a .pfeil {
    top: 3px;
    width: 19px;
  }
}
.whiteBg .left a .pfeil, .whiteBg .wappInitiativ .middlebluePastell .left a .pfeil {
  background-image: url(../img/pfeil-links.svg);
}

.rightLabel, .leftLabel {
  padding: 13px 0 20px 10px;
  display: block;
  float: left;
}
@media only screen and (max-width: 769px) {
  .rightLabel, .leftLabel {
    padding-top: 24px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .rightLabel, .leftLabel {
    padding-top: 6px;
  }
}
.leftLabel {
  float: left;
}

.pfeillinkbox {
  display: block;
}
@media only screen and (max-width: 769px) {
  .pfeillinkbox {
    width: 188px;
    margin: 0 auto 110px auto;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .pfeillinkbox {
    width: 188px;
    margin: 0 auto 110px auto;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .pfeillinkbox {
    width: 188px;
    margin: 0 auto 110px auto;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .pfeillinkbox {
    width: 188px;
    margin: 0 auto 110px auto;
  }
}
@media only screen and (min-width: 1600px) {
  .pfeillinkbox {
    width: 188px;
    margin: 0 auto 110px auto;
  }
}
.pfeillinkbox .right {
  float: left;
}
.pfeillinkbox .left {
  float: right;
}

.icon {
  width: 130px;
  height: 130px;
  margin: 0 auto;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .icon {
    width: 110px;
    height: 110px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .icon {
    width: 110px;
    height: 110px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .icon {
    width: 130px;
    height: 130px;
  }
}
@media only screen and (min-width: 1600px) {
  .icon {
    width: 150px;
    height: 170px;
  }
}

@media only screen and (max-width: 769px) {
  .blaetterbar.boxes {
    display: flex !important;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .blaetterbar.boxes {
    display: flex !important;
  }
}
.blaetterbar.boxes .box {
  flex-grow: 1;
  width: inherit;
}
.blaetterbar.boxes .box:nth-child(2) {
  text-align: center;
  padding-top: 18px !important;
}
.blaetterbar .pfeillinkbox {
  margin-bottom: 0 !important;
}
.blaetterbar .pfeillinkbox.rightFloat {
  float: right;
}
.blaetterbar .pfeillinkbox.rightFloat .right {
  float: right;
}
.blaetterbar .pfeillinkbox.rightFloat .rightLabel {
  text-align: right;
  float: right;
  padding-right: 10px;
}
@media only screen and (max-width: 769px) {
  .blaetterbar .pfeillinkbox.rightFloat .rightLabel {
    display: none !important;
  }
}
.blaetterbar .pfeillinkbox.leftFloat {
  float: left;
}
.blaetterbar .pfeillinkbox.leftFloat .left {
  float: left;
}
@media only screen and (max-width: 769px) {
  .blaetterbar .pfeillinkbox.leftFloat .leftLabel {
    display: none !important;
  }
}

/* Typenreiter*/
.reiter {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 769px) {
  .reiter {
    margin-top: 30px;
    display: block;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .reiter {
    margin-bottom: 100px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 50px;
    padding-right: 50px;
  }
}
.outerReiter {
  position: relative;
  display: block;
  -moz-transition: margin-top 0.3s ease-in-out;
  -o-transition: margin-top 0.3s ease-in-out;
  -webkit-transition: margin-top 0.3s ease-in-out;
  transition: margin-top 0.3s ease-in-out;
}
@media only screen and (max-width: 769px) {
  .outerReiter {
    width: 100%;
    margin: 10px 0;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .outerReiter {
    width: 246px;
    margin: 60px 12px 20px 12px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .outerReiter {
    width: 220px;
    margin: 20px 9px 100px 9px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .outerReiter {
    width: 250px;
    margin: 60px 12px 100px 12px;
  }
}
@media only screen and (min-width: 1600px) {
  .outerReiter {
    width: 290px;
    margin: 60px 12px 100px 12px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .outerReiter:hover {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .outerReiter:hover {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1600px) {
  .outerReiter:hover {
    margin-top: 40px;
  }
}
.outerReiter .circleTop {
  position: static;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  border-radius: 100%;
  display: block;
  background-color: #008fd0;
  background-repeat: no-repeat;
  border: solid 1px #008fd0;
  -webkit-box-shadow: 5px 2px 5px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 5px 2px 5px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 5px 2px 5px rgba(0, 0, 0, 0.6);
  box-shadow: 5px 2px 5px rgba(0, 0, 0, 0.6);
}
@media only screen and (max-width: 769px) {
  .outerReiter .circleTop {
    display: none;
  }
}
.outerReiter.erfahrene .circleTop {
  background-color: #b0c940;
  border: solid 1px #b0c940;
}
.outerReiter.studenten .circleTop {
  background-color: #de6a09;
  border: solid 1px #de6a09;
}
.outerReiter.schueler .circleTop {
  background-color: #008fd0;
  border: solid 1px #008fd0;
}
.outerReiter .innerBox {
  margin: -70.5882352941px auto 0;
  background-color: #008fd0;
  border: solid 1px #008fd0;
  -webkit-box-shadow: 5px 7px 8px -5px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 5px 7px 8px -5px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 5px 7px 8px -5px rgba(0, 0, 0, 0.6);
  box-shadow: 5px 7px 8px -5px rgba(0, 0, 0, 0.6);
  color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  .outerReiter .innerBox {
    margin: 0;
    text-align: left;
    padding: 8px 160px 9px 12px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    min-height: 140px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .outerReiter .innerBox {
    height: 330px;
    padding: 0 15px 35px 15px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .outerReiter .innerBox {
    height: 330px;
    padding: 0 15px 35px 15px;
    -webkit-box-shadow: 5px 7px 6px -5px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 5px 7px 6px -5px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 5px 7px 6px -5px rgba(0, 0, 0, 0.6);
    box-shadow: 5px 7px 6px -5px rgba(0, 0, 0, 0.6);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .outerReiter .innerBox {
    height: 330px;
    padding: 0 15px 35px 15px;
  }
}
@media only screen and (min-width: 1600px) {
  .outerReiter .innerBox {
    height: 330px;
    padding: 0 15px 35px 15px;
  }
}
.outerReiter .innerBox p a.iwill {
  border: 2px solid #ffffff;
  color: #ffffff;
  text-decoration: none;
  padding: 5px 25px;
  margin-top: 20px;
  display: inline-block;
  -webkit-transition: all linear 0.1s;
  -moz-transition: all linear 0.1s;
  transition: all linear 0.1s;
}
@media only screen and (max-width: 769px) {
  .outerReiter .innerBox p a.iwill {
    padding: 3px 10px;
    border-width: 1px;
    margin-top: 10px;
  }
}
.outerReiter .innerBox p a.iwill:hover {
  background: #ffffff;
  color: #008fd0;
}
@media only screen and (max-width: 769px) {
  .outerReiter .innerBox p {
    margin: 0;
    padding: 0;
  }
}
.outerReiter .innerBox .deko {
  width: 70px;
  height: 70px;
  display: block;
  margin: -40px auto 0 auto;
  background-position: center center;
  background-image: url(../img/savencia-fromage-and-dairy-icon-einsteiger.svg);
}
@media only screen and (max-width: 769px) {
  .outerReiter .innerBox .deko {
    display: none;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .outerReiter .innerBox .deko {
    background-size: 170%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .outerReiter .innerBox .deko {
    background-size: 170%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .outerReiter .innerBox .deko {
    background-size: 170%;
  }
}
@media only screen and (min-width: 1600px) {
  .outerReiter .innerBox .deko {
    background-size: 170%;
  }
}
.outerReiter.erfahrene .innerBox p a.iwill:hover {
  color: #b0c940;
}
.outerReiter.studenten .innerBox p a.iwill:hover {
  color: #de6a09;
}
.outerReiter.schueler .innerBox p a.iwill:hover {
  color: #008fd0;
}
.outerReiter.erfahrene .innerBox {
  background-color: #b0c940;
  border: solid 1px #b0c940;
}
.outerReiter.studenten .innerBox {
  background-color: #de6a09;
  border: solid 1px #de6a09;
}
.outerReiter.schueler .innerBox {
  background-color: #008fd0;
  border: solid 1px #008fd0;
}
.outerReiter.erfahrene .innerBox .deko {
  background-image: url(../img/savencia-fromage-and-dairy-icon-berufserfahrene.svg);
}
.outerReiter.studenten .innerBox .deko {
  background-image: url(../img/savencia-fromage-and-dairy-icon-studenten.svg);
}
.outerReiter.schueler .innerBox .deko {
  background-image: url(../img/savencia-fromage-and-dairy-icon-schueler.svg);
}
.outerReiter .pointerEnd {
  position: static;
  left: 0;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 769px) {
  .outerReiter .pointerEnd {
    position: absolute;
    width: 137px;
    height: 100%;
    top: 0;
    left: inherit;
    right: 0;
    background-size: 106%;
    background-position: center center;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .outerReiter .pointerEnd {
    width: 245px;
    height: 290px;
    bottom: -50px;
    background-size: 100%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .outerReiter .pointerEnd {
    width: 219px;
    height: 270px;
    bottom: -75px;
    background-size: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .outerReiter .pointerEnd {
    width: 250px;
    height: 300px;
    bottom: -125px;
    background-size: 100%;
  }
}
@media only screen and (min-width: 1600px) {
  .outerReiter .pointerEnd {
    width: 290px;
    height: 340px;
    bottom: -145px;
    background-size: 100%;
  }
}
.outerReiter .pointerEnd span {
  background-image: url(../img/reiter-decker-blau.png);
  background-repeat: no-repeat;
  display: block;
  background-size: 100% auto;
  background-position: 0 -4px;
}
@media only screen and (max-width: 769px) {
  .outerReiter .pointerEnd span {
    background-image: url(../img/reiter-decker-blau-mob.png);
    display: block;
    background-size: auto 105%;
    background-position: top right;
    position: absolute;
    top: 0;
    right: 0;
    width: 140px;
    height: 100%;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .outerReiter .pointerEnd span {
    width: 253px;
    height: 310px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .outerReiter .pointerEnd span {
    width: 103.1%;
    height: 280px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .outerReiter .pointerEnd span {
    width: 102.6%;
    height: 305px;
  }
}
@media only screen and (min-width: 1600px) {
  .outerReiter .pointerEnd span {
    width: 298px;
    height: 370px;
  }
}
.outerReiter.erfahrene .pointerEnd span {
  background-image: url(../img/reiter-decker-gruen.png);
}
@media only screen and (max-width: 769px) {
  .outerReiter.erfahrene .pointerEnd span {
    background-image: url(../img/reiter-decker-gruen-mob.png);
  }
}
.outerReiter.studenten .pointerEnd span {
  background-image: url(../img/reiter-decker-orange.png);
}
@media only screen and (max-width: 769px) {
  .outerReiter.studenten .pointerEnd span {
    background-image: url(../img/reiter-decker-orange-mob.png);
  }
}
.outerReiter.schueler .pointerEnd span {
  background-image: url(../img/reiter-decker-mittelblau.png);
}
@media only screen and (max-width: 769px) {
  .outerReiter.schueler .pointerEnd span {
    background-image: url(../img/reiter-decker-mittelblau-mob.png);
  }
}

img.solo {
  width: 100%;
  height: auto;
}

/*Box mit 4er Gallery und Bild + farbiges Textfeld*/
.galleryBoxBildText {
  margin-top: 10px;
  position: relative;
  display: block;
  width: 100%;
}
@media only screen and (max-width: 769px) {
  .galleryBoxBildText {
    margin-top: 85px;
  }
}
@media only screen and (max-width: 769px) {
  .galleryBoxBildText .boxes {
    padding-bottom: 30px;
  }
}
.galleryBoxBildText .gallery {
  display: block;
}
.galleryBoxBildText .gallery img {
  width: 25%;
  height: auto;
  display: block;
  float: left;
}
@media only screen and (max-width: 769px) {
  .galleryBoxBildText .gallery img {
    width: 50%;
  }
}

h1 {
  color: #008fd0;
  font-weight: 500 !important;
}

.boxes {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
@media only screen and (max-width: 769px) {
  .boxes {
    display: block;
    padding-bottom: 0;
  }
}
.boxes.happen {
  margin-top: 30px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 769px) {
  .boxes.happen {
    display: flex;
  }
}
.boxes.happen .box {
  padding: 0 !important;
}
.boxes.happen .box p {
  margin: 0;
  padding: 20px;
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .boxes.happen .box p {
    font-size: 0.9em;
    padding: 5px 10px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .boxes.happen .box p {
    font-size: 1.1em;
  }
}
.boxes.padd {
  padding-bottom: 30px;
}
.boxes .box {
  position: relative;
  display: block;
  padding-top: 30px;
  width: 50%;
  padding-bottom: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: left;
}
@media only screen and (max-width: 769px) {
  .boxes .box {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-position: top center;
  }
}
.boxes .box.viererquer {
  width: 25%;
  min-height: inherit;
  padding: 0 !important;
}
@media only screen and (max-width: 769px) {
  .boxes .box.viererquer {
    margin: 0 auto;
    width: 50%;
  }
}
.boxes .box.vierer {
  width: 50%;
  min-height: inherit;
}
@media only screen and (max-width: 769px) {
  .boxes .box.vierer {
    margin: 0 auto;
    width: 100%;
  }
}
@media only screen and (max-width: 769px) {
  .boxes .box.drittel {
    width: 100%;
    margin-top: 60px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .boxes .box.drittel {
    width: 80%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .boxes .box.drittel {
    width: 33.33%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .boxes .box.drittel {
    width: 33.33%;
  }
}
@media only screen and (min-width: 1600px) {
  .boxes .box.drittel {
    width: 33.33%;
  }
}
.boxes .box.drittel .pic img {
  width: 100%;
}
.boxes .box.iconQuadro {
  min-height: inherit;
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .boxes .box.iconQuadro .icon {
    height: 150px;
    width: 150px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .boxes .box.iconQuadro .icon {
    height: 150px;
    width: 150px;
  }
}
@media only screen and (min-width: 1600px) {
  .boxes .box.iconQuadro .icon {
    height: 180px;
    width: 180px;
  }
}
.boxes .box.hasimage {
  min-height: 234px;
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .boxes .box.first, .boxes .box.second {
    min-height: 300px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .boxes .box.first, .boxes .box.second {
    min-height: 300px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .boxes .box.first, .boxes .box.second {
    min-height: 300px;
  }
}
@media only screen and (min-width: 1600px) {
  .boxes .box.first, .boxes .box.second {
    min-height: 400px;
  }
}
.boxes .box.txtO {
  width: 100%;
  padding-bottom: 0;
  min-height: inherit;
}
.boxes .box.txtO h1 {
  margin-bottom: 0;
}
@media only screen and (max-width: 769px) {
  .boxes .box.txtO {
    margin-bottom: -40px;
  }
}
.boxes .box.doppelt {
  padding-top: 0;
  min-height: inherit;
}
@media only screen and (max-width: 769px) {
  .boxes .box.doppelt {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 769px) {
  .boxes .box.doppelt img {
    width: 110px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .boxes .box.doppelt img {
    width: 120px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .boxes .box.doppelt img {
    width: 130px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .boxes .box.doppelt img {
    width: 150px;
  }
}
@media only screen and (min-width: 1600px) {
  .boxes .box.doppelt img {
    width: 160px;
  }
}
.boxes .box .pic img {
  display: block;
  margin: 0 auto;
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .boxes .box .pic img {
    width: 80%;
  }
}
.boxes .box .balken {
  display: block;
}
@media only screen and (max-width: 769px) {
  .boxes .box .balken {
    margin-top: 20px;
  }
}
.boxes .box .icon {
  margin-top: 0;
  /*-moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;

  &:hover {
  	margin-top: -10px;
  }*/
}
@media only screen and (max-width: 769px) {
  .boxes .box .icon {
    margin: 0 auto 30px auto;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .boxes .box .icon {
    margin: 0 auto 30px auto;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .boxes .box .icon {
    margin: 0 auto 30px auto;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .boxes .box .icon {
    margin: 0 auto 30px auto;
  }
}
@media only screen and (min-width: 1600px) {
  .boxes .box .icon {
    margin: 0 auto 30px auto;
  }
}
.boxes .box h2, .boxes .box .h2 {
  margin-top: 15px;
}
.boxes .box h1, .boxes .box .h1, .boxes .box h2, .boxes .box .h2, .boxes .box h3, .boxes .box .h3, .boxes .box h4, .boxes .box .h4, .boxes .box h5, .boxes .box .h5, .boxes .box p, .boxes .box ul {
  width: 85%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.boxes .box h5, .boxes .box .h5 {
  line-height: inherit;
  margin: 0 auto;
}
.boxes .box.forMaps {
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (max-width: 769px) {
  .boxes .box.forMaps {
    min-height: 300px;
    display: none;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .boxes .box.forMaps {
    min-height: 300px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .boxes .box.forMaps {
    min-height: 300px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .boxes .box.forMaps {
    min-height: 400px;
  }
}
@media only screen and (min-width: 1600px) {
  .boxes .box.forMaps {
    min-height: 400px;
  }
}
.boxes .box.forMaps .maps {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 769px) {
  .boxes .box.contact {
    padding-bottom: 300px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .boxes .box.contact {
    padding-bottom: 300px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .boxes .box.contact {
    padding-bottom: 200px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .boxes .box.contact {
    padding-bottom: 190px;
  }
}
@media only screen and (min-width: 1600px) {
  .boxes .box.contact {
    padding-bottom: 190px;
  }
}
.boxes .box .kontakt {
  position: absolute;
  bottom: 30px;
  left: 7.5%;
  display: block;
}
@media only screen and (max-width: 769px) {
  .boxes .box .kontakt {
    margin: 0 auto;
    bottom: 10px;
  }
}
.boxes .box .kontakt .pic, .boxes .box .kontakt .details {
  float: left;
  display: block;
}
@media only screen and (max-width: 769px) {
  .boxes .box .kontakt .pic, .boxes .box .kontakt .details {
    float: none;
  }
}
.boxes .box .kontakt .pic {
  width: 150px;
}
.boxes .box .kontakt .pic img {
  width: 130px;
}
.boxes .box .kontakt .details {
  width: 30%;
  padding-top: 20px;
}
@media only screen and (max-width: 769px) {
  .boxes.newsBox .box {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 769px) {
  .boxes.seeAlso .box {
    min-height: inherit !important;
  }
}
.boxes.wappInitiativ {
  margin-top: 90px;
}
@media only screen and (max-width: 769px) {
  .boxes.wappInitiativ {
    margin-top: 50px;
  }
}
.boxes.wappInitiativ .box {
  padding-top: 60px;
}
@media only screen and (max-width: 769px) {
  .boxes.wappInitiativ .box {
    padding-top: 30px;
  }
}
.boxes.wappInitiativ .box.first {
  margin-right: 10px;
}
.boxes.wappInitiativ .box.full {
  width: 100%;
  min-height: inherit;
  padding-bottom: 60px;
}
.boxes.wappInitiativ .box .right {
  background: #ffffff;
}
.boxes.wappInitiativ .box .right a .pfeil {
  background: url(../img/pfeil-rechts-blau.svg) center center no-repeat;
}
.boxes.wappInitiativ .box .number {
  background: #ffffff;
  color: #b0c940;
  display: inline-block;
  font-size: 2.5em;
  width: auto;
  padding: 5px 20px;
  margin: 0 auto;
}
@media only screen and (max-width: 769px) {
  .boxes.wappInitiativ .box .number {
    font-size: 1.5em;
  }
}
.boxes.wappInitiativ .box .initiativ, .boxes.wappInitiativ .box .whatsapp {
  display: block;
  width: 80px;
  height: 80px;
  background-size: cover;
  margin: 0 auto;
}
.boxes.wappInitiativ .box .whatsapp {
  background: url(../img/icon-whats-app.svg) center center no-repeat;
}
.boxes.wappInitiativ .box .initiativ {
  background: url(../img/icon-smile-1.svg) center center no-repeat;
}
@media only screen and (max-width: 769px) {
  .boxes.personal {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
}
.boxes.seeAlsoMore .box {
  width: 30.5%;
  margin-right: 3.3%;
}
.boxes.seeAlsoMore .box:last-of-type {
  margin-right: 0;
}
@media only screen and (max-width: 769px) {
  .boxes.seeAlsoMore .box {
    width: 100%;
    margin-right: 0;
  }
}

.imageBox img {
  width: 100%;
}

.innerflex {
  display: flex;
  padding-bottom: 20px;
}
@media only screen and (max-width: 769px) {
  .innerflex {
    display: block;
  }
}
@media only screen and (min-width: 500px) and (max-width: 800px) {
  .innerflex {
    display: flex;
  }
}
.innerflex div {
  width: 50%;
  background: #f7dd8c;
}
@media only screen and (max-width: 769px) {
  .innerflex div {
    width: 100%;
  }
}
@media only screen and (min-width: 500px) and (max-width: 800px) {
  .innerflex div {
    width: 50%;
  }
}
.innerflex .bild img {
  margin-bottom: -3px;
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .innerflex.item-2 div.bild, .innerflex.item-3 div.bild, .innerflex.item-6 div.bild, .innerflex.item-7 div.bild {
    order: 2;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .innerflex.item-2 div.bild, .innerflex.item-3 div.bild, .innerflex.item-6 div.bild, .innerflex.item-7 div.bild {
    order: 2;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .innerflex.item-2 div.bild, .innerflex.item-3 div.bild, .innerflex.item-6 div.bild, .innerflex.item-7 div.bild {
    order: 2;
  }
}
@media only screen and (min-width: 1600px) {
  .innerflex.item-2 div.bild, .innerflex.item-3 div.bild, .innerflex.item-6 div.bild, .innerflex.item-7 div.bild {
    order: 2;
  }
}

.news:nth-child(2n) .hasimage {
  order: 2;
}

.logoSignet {
  width: 150px;
  height: 150px;
  display: block;
  margin: 0 auto;
}

/*BGs mit Fabb*/
.greenBg .box h1, .greenBg .box .h1, .greenBg .box h2, .greenBg .box .h2, .greenBg .box h3, .greenBg .box .h3, .greenBg .box h4, .greenBg .box .h4, .greenBg .box h5, .greenBg .box .h5, .greenBg .box p, .greenBg .box ul, .greenPastellBg .box h1, .greenPastellBg .box .h1, .greenPastellBg .box h2, .greenPastellBg .box .h2, .greenPastellBg .box h3, .greenPastellBg .box .h3, .greenPastellBg .box h4, .greenPastellBg .box .h4, .greenPastellBg .box h5, .greenPastellBg .box .h5, .greenPastellBg .box p, .greenPastellBg .box ul, .bluePastellBg .box h1, .bluePastellBg .box .h1, .bluePastellBg .box h2, .bluePastellBg .box .h2, .bluePastellBg .box h3, .bluePastellBg .box .h3, .bluePastellBg .box h4, .bluePastellBg .box .h4, .bluePastellBg .box h5, .bluePastellBg .box .h5, .bluePastellBg .box p, .bluePastellBg .box ul, .orangeBg .box h1, .orangeBg .box .h1, .orangeBg .box h2, .orangeBg .box .h2, .orangeBg .box h3, .orangeBg .box .h3, .orangeBg .box h4, .orangeBg .box .h4, .orangeBg .box h5, .orangeBg .box .h5, .orangeBg .box p, .orangeBg .box ul, .orangePastellBG .box h1, .orangePastellBG .box .h1, .orangePastellBG .box h2, .orangePastellBG .box .h2, .orangePastellBG .box h3, .orangePastellBG .box .h3, .orangePastellBG .box h4, .orangePastellBG .box .h4, .orangePastellBG .box h5, .orangePastellBG .box .h5, .orangePastellBG .box p, .orangePastellBG .box ul, .darkblueBg .box h1, .darkblueBg .box .h1, .darkblueBg .box h2, .darkblueBg .box .h2, .darkblueBg .box h3, .darkblueBg .box .h3, .darkblueBg .box h4, .darkblueBg .box .h4, .darkblueBg .box h5, .darkblueBg .box .h5, .darkblueBg .box p, .darkblueBg .box ul, .lightblueBg .box h1, .lightblueBg .box .h1, .lightblueBg .box h2, .lightblueBg .box .h2, .lightblueBg .box h3, .lightblueBg .box .h3, .lightblueBg .box h4, .lightblueBg .box .h4, .lightblueBg .box h5, .lightblueBg .box .h5, .lightblueBg .box p, .lightblueBg .box ul, .orangePastellBg .box h1, .orangePastellBg .box .h1, .orangePastellBg .box h2, .orangePastellBg .box .h2, .orangePastellBg .box h3, .orangePastellBg .box .h3, .orangePastellBg .box h4, .orangePastellBg .box .h4, .orangePastellBg .box h5, .orangePastellBg .box .h5, .orangePastellBg .box p, .orangePastellBg .box ul, .middlebluePastell .box h1, .middlebluePastell .box .h1, .middlebluePastell .box h2, .middlebluePastell .box .h2, .middlebluePastell .box h3, .middlebluePastell .box .h3, .middlebluePastell .box h4, .middlebluePastell .box .h4, .middlebluePastell .box h5, .middlebluePastell .box .h5, .middlebluePastell .box p, .middlebluePastell .box ul, .middleblueBg .box h1, .middleblueBg .box .h1, .middleblueBg .box h2, .middleblueBg .box .h2, .middleblueBg .box h3, .middleblueBg .box .h3, .middleblueBg .box h4, .middleblueBg .box .h4, .middleblueBg .box h5, .middleblueBg .box .h5, .middleblueBg .box p, .middleblueBg .box ul, .newsBox .box h1, .newsBox .box .h1, .newsBox .box h2, .newsBox .box .h2, .newsBox .box h3, .newsBox .box .h3, .newsBox .box h4, .newsBox .box .h4, .newsBox .box h5, .newsBox .box .h5, .newsBox .box p, .newsBox .box ul {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 769px) {
  .greenBg .box h1, .greenBg .box .h1, .greenBg .box h2, .greenBg .box .h2, .greenBg .box h3, .greenBg .box .h3, .greenBg .box h4, .greenBg .box .h4, .greenBg .box h5, .greenBg .box .h5, .greenBg .box p, .greenBg .box ul, .greenPastellBg .box h1, .greenPastellBg .box .h1, .greenPastellBg .box h2, .greenPastellBg .box .h2, .greenPastellBg .box h3, .greenPastellBg .box .h3, .greenPastellBg .box h4, .greenPastellBg .box .h4, .greenPastellBg .box h5, .greenPastellBg .box .h5, .greenPastellBg .box p, .greenPastellBg .box ul, .bluePastellBg .box h1, .bluePastellBg .box .h1, .bluePastellBg .box h2, .bluePastellBg .box .h2, .bluePastellBg .box h3, .bluePastellBg .box .h3, .bluePastellBg .box h4, .bluePastellBg .box .h4, .bluePastellBg .box h5, .bluePastellBg .box .h5, .bluePastellBg .box p, .bluePastellBg .box ul, .orangeBg .box h1, .orangeBg .box .h1, .orangeBg .box h2, .orangeBg .box .h2, .orangeBg .box h3, .orangeBg .box .h3, .orangeBg .box h4, .orangeBg .box .h4, .orangeBg .box h5, .orangeBg .box .h5, .orangeBg .box p, .orangeBg .box ul, .orangePastellBG .box h1, .orangePastellBG .box .h1, .orangePastellBG .box h2, .orangePastellBG .box .h2, .orangePastellBG .box h3, .orangePastellBG .box .h3, .orangePastellBG .box h4, .orangePastellBG .box .h4, .orangePastellBG .box h5, .orangePastellBG .box .h5, .orangePastellBG .box p, .orangePastellBG .box ul, .darkblueBg .box h1, .darkblueBg .box .h1, .darkblueBg .box h2, .darkblueBg .box .h2, .darkblueBg .box h3, .darkblueBg .box .h3, .darkblueBg .box h4, .darkblueBg .box .h4, .darkblueBg .box h5, .darkblueBg .box .h5, .darkblueBg .box p, .darkblueBg .box ul, .lightblueBg .box h1, .lightblueBg .box .h1, .lightblueBg .box h2, .lightblueBg .box .h2, .lightblueBg .box h3, .lightblueBg .box .h3, .lightblueBg .box h4, .lightblueBg .box .h4, .lightblueBg .box h5, .lightblueBg .box .h5, .lightblueBg .box p, .lightblueBg .box ul, .orangePastellBg .box h1, .orangePastellBg .box .h1, .orangePastellBg .box h2, .orangePastellBg .box .h2, .orangePastellBg .box h3, .orangePastellBg .box .h3, .orangePastellBg .box h4, .orangePastellBg .box .h4, .orangePastellBg .box h5, .orangePastellBg .box .h5, .orangePastellBg .box p, .orangePastellBg .box ul, .middlebluePastell .box h1, .middlebluePastell .box .h1, .middlebluePastell .box h2, .middlebluePastell .box .h2, .middlebluePastell .box h3, .middlebluePastell .box .h3, .middlebluePastell .box h4, .middlebluePastell .box .h4, .middlebluePastell .box h5, .middlebluePastell .box .h5, .middlebluePastell .box p, .middlebluePastell .box ul, .middleblueBg .box h1, .middleblueBg .box .h1, .middleblueBg .box h2, .middleblueBg .box .h2, .middleblueBg .box h3, .middleblueBg .box .h3, .middleblueBg .box h4, .middleblueBg .box .h4, .middleblueBg .box h5, .middleblueBg .box .h5, .middleblueBg .box p, .middleblueBg .box ul, .newsBox .box h1, .newsBox .box .h1, .newsBox .box h2, .newsBox .box .h2, .newsBox .box h3, .newsBox .box .h3, .newsBox .box h4, .newsBox .box .h4, .newsBox .box h5, .newsBox .box .h5, .newsBox .box p, .newsBox .box ul {
    width: 85% !important;
  }
}

.greenBg {
  background-color: #b0c940 !important;
}

.greenPastellBg {
  background-color: #dbe7a9 !important;
}

.orangePastellBG {
  background-color: #f0bb90 !important;
}

.bluePastellBg {
  background-color: #98e0f5 !important;
}

.orangeBg {
  background-color: #de6a09 !important;
}

.darkblueBg {
  background-color: #004b62 !important;
}

.middleblueBg {
  background-color: #008fd0 !important;
}

.lightblueBg {
  background-color: #008fd0 !important;
}

.orangePastellBg {
  background-color: #f0bb90 !important;
}

.middlebluePastell {
  background-color: #8ccce9 !important;
}

/*Boxen mit anner Textausrischtung*/
.alCenter {
  text-align: center;
}

.button a {
  display: inline-block;
  background: #008fd0;
  padding: 5px 15px;
}

.kaese {
  position: relative;
  display: inline-block;
}

.kaese a {
  background: #f4cb3f;
  padding-left: 55px;
}

.kaese span {
  position: absolute;
  background-image: url(../../../media/kaesestick.png);
  background-repeat: no-repeat;
  background-size: 90px;
  width: 60px;
  height: 55px;
  display: block;
  overflow: hidden;
  background-position: top;
  margin: -19px 0 0 5px;
}
.button.green a {
  background: #b0c940;
}

/*Content-Slider*/
.contentswiper .swiper-container {
  width: 100%;
  height: 100%;
}
.contentswiper .swiper-container .swiper-slide {
  height: auto;
  color: #ffffff;
  width: 100%;
  display: block;
  overflow: hidden;
}
@media only screen and (max-width: 769px) {
  .contentswiper .swiper-container .swiper-slide {
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .contentswiper .swiper-container .swiper-slide {
    padding-bottom: 10px;
  }
}
.contentswiper .swiper-container .swiper-slide img {
  width: 100%;
}
@media only screen and (max-width: 769px) {
  .contentswiper .swiper-container .swiper-slide img {
    width: 160%;
    margin: 0 0 0 -30%;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .contentswiper .swiper-container .swiper-slide img {
    width: 100%;
  }
}
@media only screen and (max-width: 769px) {
  .contentswiper .swiper-container .swiper-slide p.dontshow {
    display: none;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .contentswiper .swiper-container .swiper-slide p.dontshow {
    display: none;
  }
}
.contentswiper .swiper-container .swiper-slide .imgFly, .contentswiper .swiper-container .swiper-slide .textFly, .contentswiper .swiper-container .swiper-slide .testimonial {
  position: absolute;
}
.contentswiper .swiper-container .swiper-slide .textFly {
  top: 20%;
  text-align: center;
  width: 40%;
  left: 11%;
}
@media only screen and (max-width: 769px) {
  .contentswiper .swiper-container .swiper-slide .textFly {
    top: 19%;
    width: 50%;
    left: 25%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .contentswiper .swiper-container .swiper-slide .textFly {
    width: 45%;
  }
}
.contentswiper .swiper-container .swiper-slide .statement {
  height: 100%;
}
@media only screen and (max-width: 769px) {
  .contentswiper .swiper-container .swiper-slide .statement {
    display: none;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .contentswiper .swiper-container .swiper-slide .statement {
    padding: 40px 50px 20px 50px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .contentswiper .swiper-container .swiper-slide .statement {
    padding: 80px 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .contentswiper .swiper-container .swiper-slide .statement {
    padding: 80px 120px;
  }
}
@media only screen and (min-width: 1600px) {
  .contentswiper .swiper-container .swiper-slide .statement {
    padding: 100px 150px;
  }
}
.contentswiper .swiper-container .swiper-slide .imgFly {
  bottom: 0;
}
@media only screen and (max-width: 769px) {
  .contentswiper .swiper-container .swiper-slide .imgFly {
    width: 24%;
    left: 40%;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .contentswiper .swiper-container .swiper-slide .imgFly {
    width: 230px;
    left: 15%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .contentswiper .swiper-container .swiper-slide .imgFly {
    width: 190px;
    left: 24%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .contentswiper .swiper-container .swiper-slide .imgFly {
    width: 310px;
    left: 18%;
  }
}
@media only screen and (min-width: 1600px) {
  .contentswiper .swiper-container .swiper-slide .imgFly {
    width: 310px;
    left: 20%;
  }
}
.contentswiper .swiper-container .swiper-slide .testimonial {
  width: 50%;
  display: block;
  right: 0;
  background: rgba(0, 143, 208, 0.9);
  padding: 5px 20px;
}
@media only screen and (max-width: 769px) {
  .contentswiper .swiper-container .swiper-slide .testimonial {
    width: 80%;
    bottom: 0;
    right: inherit;
    padding: 0px 20px;
    margin-left: 3.5%;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .contentswiper .swiper-container .swiper-slide .testimonial {
    width: 80%;
    bottom: 0;
    right: inherit;
    padding: 0px 20px;
    margin-left: 7%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .contentswiper .swiper-container .swiper-slide .testimonial {
    bottom: 58px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .contentswiper .swiper-container .swiper-slide .testimonial {
    bottom: 55px;
  }
}
@media only screen and (min-width: 1600px) {
  .contentswiper .swiper-container .swiper-slide .testimonial {
    bottom: 55px;
  }
}
.contentswiper .swiper-button-next, .contentswiper .swiper-button-prev {
  background-size: contain;
  top: 55%;
}
@media only screen and (max-width: 769px) {
  .contentswiper .swiper-button-next, .contentswiper .swiper-button-prev {
    width: 25px;
    height: 25px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .contentswiper .swiper-button-next, .contentswiper .swiper-button-prev {
    width: 30px;
    height: 30px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .contentswiper .swiper-button-next, .contentswiper .swiper-button-prev {
    width: 35px;
    height: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .contentswiper .swiper-button-next, .contentswiper .swiper-button-prev {
    width: 40px;
    height: 40px;
  }
}
@media only screen and (min-width: 1600px) {
  .contentswiper .swiper-button-next, .contentswiper .swiper-button-prev {
    width: 45px;
    height: 45px;
  }
}
.contentswiper .swiper-button-next {
  right: 2px;
  background: url(../img/pfeil-rechts.svg) center center no-repeat;
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .contentswiper .swiper-button-next {
    right: 5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .contentswiper .swiper-button-next {
    right: 5%;
  }
}
@media only screen and (min-width: 1600px) {
  .contentswiper .swiper-button-next {
    right: 3%;
  }
}
.contentswiper .swiper-button-prev {
  left: 2px;
  background: url(../img/pfeil-links.svg) center center no-repeat;
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .contentswiper .swiper-button-prev {
    left: 5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .contentswiper .swiper-button-prev {
    left: 5%;
  }
}
@media only screen and (min-width: 1600px) {
  .contentswiper .swiper-button-prev {
    left: 3%;
  }
}
.contentswiper .balken {
  background: #ffffff;
}

#Testimonials .contentswiper .swiper-button-next, #Testimonials .contentswiper .swiper-button-prev {
  display: none;
}
#Testimonials .contentswiper:hover .swiper-button-next, #Testimonials .contentswiper:hover .swiper-button-prev {
  display: block;
}

.swiper-pagination-bullet {
  background: #ffffff !important;
  border: 3px solid #ffffff;
  width: 14px !important;
  height: 14px !important;
  opacity: 1 !important;
  margin: 0 6px !important;
}
@media only screen and (max-width: 769px) {
  .swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    margin: 0 4px !important;
    background: #008fd0 !important;
    border-color: #008fd0;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    margin: 0 4px !important;
    background: #008fd0 !important;
    border-color: #008fd0;
  }
}
.swiper-pagination-bullet-active {
  background: #008fd0 !important;
}
@media only screen and (max-width: 769px) {
  .swiper-pagination-bullet-active {
    background: #ffffff !important;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .swiper-pagination-bullet-active {
    background: #ffffff !important;
  }
}

@media only screen and (max-width: 769px) {
  #Unsere_Markenwelt .swiper-pagination {
    bottom: 90% !important;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #Unsere_Markenwelt .swiper-pagination {
    bottom: 90% !important;
  }
}

@media only screen and (max-width: 769px) {
  #Unsere_Markenwelt .swiper-pagination-bullet {
    background: #ffffff !important;
    border-color: #ffffff;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #Unsere_Markenwelt .swiper-pagination-bullet {
    background: #ffffff !important;
    border-color: #ffffff;
  }
}

#Unsere_Markenwelt .swiper-pagination-bullet-active {
  background: #008fd0 !important;
}
@media only screen and (max-width: 769px) {
  #Unsere_Markenwelt .swiper-pagination-bullet-active {
    background: #008fd0 !important;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #Unsere_Markenwelt .swiper-pagination-bullet-active {
    background: #008fd0 !important;
  }
}

.swiper-pagination {
  bottom: 15px !important;
}
@media only screen and (max-width: 769px) {
  .swiper-pagination {
    bottom: 90% !important;
    text-align: left !important;
    padding-left: 2% !important;
    width: 98% !important;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .swiper-pagination {
    bottom: 94% !important;
    text-align: left !important;
    padding-left: 2% !important;
    width: 98% !important;
  }
}
#visual .swiper-pagination {
  bottom: 30px !important;
}
@media only screen and (max-width: 769px) {
  #visual .swiper-pagination {
    bottom: 3% !important;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #visual .swiper-pagination {
    bottom: 4% !important;
  }
}
@media only screen and (min-width: 1600px) {
  #visual .swiper-pagination {
    bottom: 90px !important;
  }
}

@media only screen and (max-width: 769px) {
  #Unsere_Marken .swiper-pagination {
    text-align: left !important;
    width: 95%;
    margin-left: 1%;
  }
}

@media only screen and (max-width: 769px) {
  #Testimonials .swiper-pagination {
    bottom: 0 !important;
  }
}

@media only screen and (max-width: 769px) {
  #Testimonials .swiper-pagination-bullet {
    background: #008fd0 !important;
    border: 3px solid #008fd0;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #Testimonials .swiper-pagination-bullet {
    background: #008fd0 !important;
    border: 3px solid #008fd0;
  }
}

@media only screen and (max-width: 769px) {
  #Testimonials .swiper-pagination-bullet-active {
    background: #ffffff !important;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #Testimonials .swiper-pagination-bullet-active {
    background: #ffffff !important;
  }
}

@media only screen and (max-width: 769px) {
  #Testimonials .swiper-container {
    padding-bottom: 25px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #Testimonials .swiper-container {
    padding-bottom: 40px;
  }
}

/*Footer*/
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-top: 30px;
}
@media only screen and (max-width: 769px) {
  #footer {
    position: relative;
    margin-top: 160px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 769px) {
  #footer .schwung {
    bottom: 4.7%;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #footer .schwung {
    bottom: 7%;
  }
}
#footer .inner {
  margin: 0 auto;
}
@media only screen and (max-width: 769px) {
  #footer #logoleiste {
    padding-bottom: 25px;
    padding-top: 25px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #footer #logoleiste {
    padding-bottom: 25px;
    padding-top: 25px;
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  #footer #logoleiste {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  #footer #logoleiste {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
@media only screen and (min-width: 1600px) {
  #footer #logoleiste {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
#footer #logoleiste ul {
  margin: 0;
  padding: 5px 0 0 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  list-style: none;
  justify-content: center;
}
@media only screen and (max-width: 769px) {
  #footer #logoleiste ul {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #footer #logoleiste ul {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  #footer #logoleiste ul {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
  }
}
#footer #logoleiste ul li {
  margin: 0;
  padding: 0 0.5%;
  width: 6.69%;
  margin-top: 16px;
}
@media screen and (max-width: 575px) {
  #footer #logoleiste ul li {
    margin-top: 10px;
  }
}
#footer #logoleiste ul li a {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 100%;
  height: 80px;
  display: block;
  text-indent: -5000px;
}
#footer #logoleiste ul li a.ilk {
  background-image: url(../img/savencia-fromage-und-dairy-ich-liebe-kaese-logo.png);
}
#footer #logoleiste ul li a.etorki {
  background-image: url(../img/savencia-fromage-und-dairy-etorki-logo.png);
}
#footer #logoleiste ul li a.chavroux {
  background-image: url(../img/savencia-fromage-und-dairy-chavroux-logo.png);
}
#footer #logoleiste ul li a.folepi {
  background-image: url(../img/savencia-fromage-und-dairy-fol-epi-logo.png);
}
#footer #logoleiste ul li a.bresso {
  background-image: url(../img/savencia-fromage-und-dairy-bresso-logo.png);
}
#footer #logoleiste ul li a.geramont {
  background-image: url(../img/savencia-fromage-und-dairy-geramont-logo.png);
}
#footer #logoleiste ul li a.saintalbray {
  background-image: url(../img/savencia-fromage-und-dairy-aint-albray-logo.png);
}
#footer #logoleiste ul li a.giovanniferrari {
  background-image: url(../img/savencia-fromage-und-dairy-giovanni-ferrari-logo.png);
}
#footer #logoleiste ul li a.milkana {
  background-image: url(../img/savencia-fromage-und-dairy-milkana-logo.png);
}
#footer #logoleiste ul li a.british-heritage {
  background-image: url(../img/savencia-fromage-und-dairy-deutschland_marken_british-heritage_logo.png);
}
#footer #logoleiste ul li a.chaumes {
  background-image: url(../img/savencia-fromage-und-dairy-chaumes-logo.png);
}
#footer #logoleiste ul li a.saintagur {
  background-image: url(../img/savencia-fromage-und-dairy-saint-agur-logo-neu.png);
  width: 70%;
  margin: auto;
}
#footer #logoleiste ul li a.letartare {
  background-image: url(../img/savencia-fromage-und-dairy-le-tartare-logo.png);
}
#footer #logoleiste ul li a.islos {
  background-image: url(../img/savencia-fromage-und-dairy-islos-logo.png);
}
#footer #logoleiste ul li a.brunch {
  background-image: url(../img/savencia-fromage-und-dairy-brunch-logo.png);
}
#footer #logoleiste ul li a.deli-cheese {
  background-image: url(../img/savencia-fromage-und-dairy-deli-cheese-logo.png);
}
#footer #logoleiste ul li a.hope {
  background-image: url(../img/HOPE-Logo-72dpi-RGB.png);
}
#footer #logoleiste ul li a.haute-fromagerie {
  background-image: url(../img/savencia-fromage-und-dairy-haute-fromagerie-logo.png);
}
#footer #logoleiste ul li a.soebbeke {
  background-image: url(../img/savencia-fromage-und-dairy-soebbeke-logo.png);
}
@media only screen and (max-width: 769px) {
  #footer #logoleiste ul li {
    width: 75px;
  }
  #footer #logoleiste ul li:first-of-type {
    width: 100%;
  }
  #footer #logoleiste ul li:first-of-type a {
    height: 70px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #footer #logoleiste ul li {
    width: 95px;
  }
  #footer #logoleiste ul li:first-of-type {
    width: 100%;
  }
  #footer #logoleiste ul li:first-of-type a {
    height: 70px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  #footer #logoleiste ul li {
    width: 135px;
  }
  #footer #logoleiste ul li:first-of-type {
    width: 100%;
  }
  #footer #logoleiste ul li:first-of-type a {
    height: 90px;
    margin-bottom: 30px;
  }
}
#footer #rechtliches {
  background: #008fd0;
  color: #ffffff;
  padding: 15px 0;
}
#footer #rechtliches ul {
  margin: 0;
  padding: 0;
  float: right;
}
#footer #rechtliches ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
}
#footer #rechtliches ul li:after {
  content: " | ";
}
#footer #rechtliches ul li a {
  color: #ffffff;
  text-decoration: none;
}
#footer #rechtliches ul li:last-child:after {
  content: inherit;
}
@media only screen and (max-width: 769px) {
  #footer #socialsnmore {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #footer #socialsnmore {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  #footer #socialsnmore {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  #footer #socialsnmore {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 1600px) {
  #footer #socialsnmore {
    padding-bottom: 90px;
  }
}
#footer #socialsnmore ul {
  margin: 0;
  padding: 15px 0;
  list-style: none;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
@media only screen and (max-width: 769px) {
  #footer #socialsnmore ul {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
  }
}
#footer #socialsnmore ul li {
  margin: 0 0 30px 0;
  padding: 0;
  width: 25%;
  text-align: left;
}
@media only screen and (max-width: 769px) {
  #footer #socialsnmore ul li {
    width: 70%;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #footer #socialsnmore ul li {
    width: 50%;
  }
}
#footer #socialsnmore ul li a {
  background-repeat: no-repeat;
  background-position: center left;
  display: inline-block;
  padding: 30px 0;
  width: 100%;
}
#footer #socialsnmore ul li a.empfehlen {
  background-image: url(../img/edelweiss-empfehlen.svg);
}
@media only screen and (max-width: 769px) {
  #footer #socialsnmore ul li a.empfehlen {
    background-size: 70px auto;
    padding-left: 80px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #footer #socialsnmore ul li a.empfehlen {
    background-size: 70px auto;
    padding-left: 80px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  #footer #socialsnmore ul li a.empfehlen {
    background-size: 70px auto;
    padding-left: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  #footer #socialsnmore ul li a.empfehlen {
    background-size: 70px auto;
    padding-left: 80px;
  }
}
@media only screen and (min-width: 1600px) {
  #footer #socialsnmore ul li a.empfehlen {
    background-size: 70px auto;
    padding-left: 80px;
  }
}
#footer #socialsnmore ul li a.meinung {
  background-image: url(../img/edelweiss-meinung.svg);
}
@media only screen and (max-width: 769px) {
  #footer #socialsnmore ul li a.meinung {
    background-size: 60px auto;
    padding-left: 70px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #footer #socialsnmore ul li a.meinung {
    background-size: 60px auto;
    padding-left: 70px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  #footer #socialsnmore ul li a.meinung {
    background-size: 60px auto;
    padding-left: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  #footer #socialsnmore ul li a.meinung {
    background-size: 60px auto;
    padding-left: 70px;
  }
}
@media only screen and (min-width: 1600px) {
  #footer #socialsnmore ul li a.meinung {
    background-size: 60px auto;
    padding-left: 70px;
  }
}
#footer ul.justmobile {
  list-style: none;
  display: block;
  height: 30px;
  width: 95%;
  margin: 0 auto;
  padding: 20px 0 0 0;
  text-align: center;
}
#footer ul.justmobile li {
  display: inline;
  margin: 0;
  padding: 0;
}

/*Stellenanzeigen*/
.accordion-wrap .accordion {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.55);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.55);
  margin-bottom: 1%;
}
@media only screen and (max-width: 769px) {
  .accordion-wrap .accordion {
    margin-bottom: 5px;
  }
}
.accordion-wrap .accordion .trigger {
  background-color: #008fd0;
  background-repeat: no-repeat;
  background-position: 1% center;
  background-size: auto 80%;
  padding: 10px 5px 15px 7%;
  cursor: pointer;
  position: relative;
  -webkit-transition: background-color linear 0.3s;
  -moz-transition: background-color linear 0.3s;
  transition: background-color linear 0.3s;
}
@media only screen and (max-width: 769px) {
  .accordion-wrap .accordion .trigger {
    padding-left: 10px;
    padding-right: 50px;
    padding-top: 14px;
    min-height: 40px;
    background-position: 1% 15px;
    background-size: 17px 17px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .accordion-wrap .accordion .trigger {
    padding: 15px 5px 15px 7%;
    background-position: 1% 10px;
    background-size: 30px 30px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .accordion-wrap .accordion .trigger {
    padding: 20px 5px 20px 8%;
    background-position: 2% 12px;
    background-size: 41px 41px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .accordion-wrap .accordion .trigger {
    padding: 17px 5px 17px 7%;
    background-position: 2% 11px;
    background-size: 41px 41px;
  }
}
@media only screen and (min-width: 1600px) {
  .accordion-wrap .accordion .trigger {
    padding: 15px 5px 15px 5%;
    background-position: 1% 12px;
    background-size: 40px 40px;
  }
}
.accordion-wrap .accordion .trigger.active {
  background-color: #b0c940;
}
.accordion-wrap .accordion .trigger:hover {
  background-color: #008fd0;
}
.accordion-wrap .accordion .trigger.active:hover {
  background-color: #b0c940;
}
.accordion-wrap .accordion .trigger .down {
  background: #ffffff;
  position: absolute;
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .accordion-wrap .accordion .trigger .down {
    height: 35px;
    width: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .accordion-wrap .accordion .trigger .down {
    height: 40px;
    width: 40px;
  }
}
@media only screen and (min-width: 1600px) {
  .accordion-wrap .accordion .trigger .down {
    height: 42px;
    width: 42px;
  }
}
.accordion-wrap .accordion .trigger .down a .pfeil {
  background: url(../img/pfeil-blau.svg) center center no-repeat;
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .accordion-wrap .accordion .trigger .down a .pfeil {
    top: 7px !important;
    width: 26px !important;
  }
}
@media only screen and (min-width: 1600px) {
  .accordion-wrap .accordion .trigger .down a .pfeil {
    top: 10px;
    width: 30px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .accordion-wrap .accordion .trigger .down a {
    height: 35px;
    width: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .accordion-wrap .accordion .trigger .down a {
    height: 40px;
    width: 40px;
  }
}
@media only screen and (min-width: 1600px) {
  .accordion-wrap .accordion .trigger .down a {
    height: 42px;
    width: 42px;
  }
}
@media only screen and (max-width: 769px) {
  .accordion-wrap .accordion .trigger .down {
    top: 12px;
    right: 10px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .accordion-wrap .accordion .trigger .down {
    top: 8px;
    right: 10px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .accordion-wrap .accordion .trigger .down {
    top: 12px;
    right: 10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .accordion-wrap .accordion .trigger .down {
    top: 12px;
    right: 10px;
  }
}
@media only screen and (min-width: 1600px) {
  .accordion-wrap .accordion .trigger .down {
    top: 10px;
    right: 10px;
  }
}
.accordion-wrap .accordion .trigger .balken {
  background: #ffffff;
  position: absolute;
}
@media only screen and (max-width: 769px) {
  .accordion-wrap .accordion .trigger .balken {
    top: 4px;
    left: 4px;
    display: none;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .accordion-wrap .accordion .trigger .balken {
    top: 10px;
    left: 7%;
    width: 75px;
    height: 4px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .accordion-wrap .accordion .trigger .balken {
    top: 14px;
    left: 8%;
    width: 54px;
    height: 4px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .accordion-wrap .accordion .trigger .balken {
    top: 15px;
    left: 7%;
    height: 3px;
    width: 75px;
  }
}
@media only screen and (min-width: 1600px) {
  .accordion-wrap .accordion .trigger .balken {
    top: 12px;
    height: 3px;
    width: 115px;
  }
}
.accordion-wrap .accordion.initiativ .trigger {
  background-color: #004b62;
}
.accordion-wrap .accordion.edelweiss .trigger {
  background-image: url(../img/edelweiss-bildmarke.svg);
}
@media only screen and (max-width: 769px) {
  .accordion-wrap .accordion.edelweiss .trigger {
    background-image: none;
  }
}
.accordion-wrap .accordion.savencia .trigger {
  background-image: url(../img/savencia-fromage-und-dairy-monogramm-weiss.svg);
}
@media only screen and (max-width: 769px) {
  .accordion-wrap .accordion.savencia .trigger {
    background-image: none;
  }
}
.accordion-wrap .accordion .boxes .box.contact {
  padding-bottom: 0;
}
.accordion-wrap .accordion .boxes .box.contact .kontakt {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 769px) {
  .accordion-wrap .accordion .boxes .box.contact .kontakt {
    display: none;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .accordion-wrap .accordion .boxes .box.contact .kontakt {
    position: relative;
    bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .accordion-wrap .accordion .boxes .box.contact .kontakt {
    position: relative;
    bottom: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .accordion-wrap .accordion .boxes .box.contact .kontakt {
    position: relative;
    bottom: 0;
  }
}
@media only screen and (min-width: 1600px) {
  .accordion-wrap .accordion .boxes .box.contact .kontakt {
    position: relative;
    bottom: 0;
  }
}
.accordion-wrap .accordion .boxes h2 {
  width: 100%;
  text-align: center;
  padding-top: 15px;
  margin-bottom: -15px !important;
}
.accordion-wrap .accordion .details p strong {
  width: 100%;
  color: #008fd0;
  font-weight: 400 !important;
}
@media only screen and (max-width: 769px) {
  .accordion-wrap .accordion .details p strong {
    white-space: normal !important;
  }
}
@media only screen and (max-width: 769px) {
  .accordion-wrap .accordion .details {
    width: 90% !important;
    margin: 0 auto;
  }
  .accordion-wrap .accordion .details p, .accordion-wrap .accordion .details h5 {
    width: 100%;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .accordion-wrap .accordion .boxes .box .kontakt .pic {
    width: 110px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .accordion-wrap .accordion .boxes .box .kontakt .pic img {
    width: 100px;
  }
}
@media only screen and (max-width: 769px) {
  .accordion-wrap .accordion .boxes .box .justmobileatall .kontakt .pic img {
    width: 110px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 769px) {
  .accordion-wrap .accordion .boxes .box .justmobileatall .kontakt .pic {
    width: 110px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 769px) {
  .accordion-wrap .accordion .boxes .box .justmobileatall .kontakt {
    padding-bottom: 60px;
    position: relative;
    bottom: 0;
    width: 85% !important;
    margin: 0;
    text-align: center;
  }
}

.googleMaps {
  width: 100%;
  height: 450px;
}

/*Wichtige Zusaetze*/
@media only screen and (max-width: 769px) {
  .nomobileatall {
    display: none !important;
  }
}
@media only screen and (max-width: 769px) {
  .nomobile {
    display: none !important;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .nomobile {
    display: none !important;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .justmobileatall {
    display: none !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .justmobileatall {
    display: none !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .justmobileatall {
    display: none !important;
  }
}
@media only screen and (min-width: 1600px) {
  .justmobileatall {
    display: none !important;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .justmobile {
    display: none !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .justmobile {
    display: none !important;
  }
}
@media only screen and (min-width: 1600px) {
  .justmobile {
    display: none !important;
  }
}

.littleani {
  text-align: center !important;
  min-height: inherit !important;
}
.littleani img {
  margin-bottom: -10px;
}
.littleani h5 {
  width: 70%;
  margin: 0 auto;
}

/*Suche*/
.search {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 99;
  background: #ffffff;
  border-top: 1px solid #008fd0;
  padding: 10px 0;
  -webkit-transition: top 0.3s;
  -moz-transition: top 0.3s;
  transition: top 0.3s;
}
@media only screen and (max-width: 769px) {
  .search {
    top: 71px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .search {
    top: 95px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .search {
    top: 150px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .search {
    top: 150px;
  }
}
@media only screen and (min-width: 1600px) {
  .search {
    top: 160px;
  }
}
.search .searchform {
  margin: 0 auto;
}
@media only screen and (max-width: 769px) {
  .search .searchform {
    width: 80%;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .search .searchform {
    width: 80%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .search .searchform {
    width: 300px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .search .searchform {
    width: 300px;
  }
}
@media only screen and (min-width: 1600px) {
  .search .searchform {
    width: 526px;
  }
}
.search .searchform input {
  background: #baeaf8;
  border: none;
  color: #008fd0;
  padding: 5px;
  width: 150px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}
@media only screen and (max-width: 769px) {
  .search .searchform input {
    width: 120px;
  }
}
.search .searchform input.submit {
  width: 100px;
  color: #ffffff;
  background: #008fd0;
}
@media only screen and (max-width: 769px) {
  .search .searchform input.submit {
    width: 90px;
  }
}

.shrink .search {
  -webkit-box-shadow: -1px 2px 7px -3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px 2px 7px -3px rgba(0, 0, 0, 0.75);
  box-shadow: -1px 2px 7px -3px rgba(0, 0, 0, 0.75);
}
@media only screen and (max-width: 769px) {
  .shrink .search {
    top: 77px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .shrink .search {
    top: 87px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .shrink .search {
    top: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .shrink .search {
    top: 102px;
  }
}
@media only screen and (min-width: 1600px) {
  .shrink .search {
    top: 112px;
  }
}

.searchResult {
  padding: 30px 0;
}
.searchResult span {
  color: #008fd0;
  font-weight: 500;
}

.searchIcon {
  display: block;
  width: 20px;
  height: 20px;
  border: 0;
  background: url(../img/icon-lupe-desktop.svg) center center no-repeat;
  cursor: pointer;
  -webkit-transition: top 0.3s;
  -moz-transition: top 0.3s;
  transition: top 0.3s;
}
@media only screen and (max-width: 769px) {
  .searchIcon {
    background: url(../img/icon-lupe-mobile.svg) center center no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 30px;
    left: 50px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .searchIcon {
    background: url(../img/icon-lupe-mobile.svg) center center no-repeat;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 35px;
    left: 80px;
  }
}

@media only screen and (max-width: 769px) {
  .shrink .searchIcon {
    top: 20px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  .shrink .searchIcon {
    top: 29px;
  }
}

/*Navigation mobil*/
.mm-menu.mm-theme-dark {
  background-color: #008fd0 !important;
}

.mm-listview > li:not(.mm-divider)::after {
  border-bottom-width: 0 !important;
}

.mm-listview .mm-next::before {
  border-left-width: 0 !important;
}

.mm-listview {
  font-size: 20px !important;
}

/*Einzefaelle*/
#Kontakt .boxes .box h1, #Kontakt .boxes .box h2, #Kontakt .boxes .box h3, #Kontakt .boxes .box h4, #Kontakt .boxes .box h5, #Kontakt .boxes .box h6, #Kontakt .boxes .box p {
  text-align: center;
}

#Testimonials {
  margin-top: 4px;
}
@media only screen and (max-width: 769px) {
  #Testimonials {
    margin-bottom: 50px;
    margin-top: 15px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #Testimonials {
    margin-bottom: 0;
    margin-top: 15px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  #Testimonials {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  #Testimonials {
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 1600px) {
  #Testimonials {
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 769px) {
  #Testimonials .swiper-slide {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #Testimonials .swiper-slide {
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 769px) {
  #frameLumesse {
    width: 300px;
    overflow: scroll;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #frameLumesse {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  #frameLumesse {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  #frameLumesse {
    width: 100%;
  }
}
@media only screen and (min-width: 1600px) {
  #frameLumesse {
    width: 100%;
  }
}
@media only screen and (max-width: 769px) {
  #frameLumesse iframe {
    width: 100%;
    height: 550px;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1023px) {
  #frameLumesse iframe {
    width: 100%;
    height: 550px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  #frameLumesse iframe {
    width: 100%;
    height: 550px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  #frameLumesse iframe {
    width: 100%;
    height: 550px;
  }
}
@media only screen and (min-width: 1600px) {
  #frameLumesse iframe {
    width: 100%;
    height: 550px;
  }
}

/*Bild mit Text drunter neue edelweiss*/
.lighterblue, .greenPastell, .orangePastell {
  padding: 5%;
  margin-bottom: 5%;
}
.lighterblue img, .greenPastell img, .orangePastell img {
  margin-top: -4%;
}

div.lighterblue {
  background: #90ddf3;
}

div.greenPastell {
  background: #dbe7a9;
}

div.orangePastell {
  background: #f0bb90;
}

/*Accordion*/
.trigger {
  cursor: pointer;
  padding: 15px 20px;
  margin: 20px 0 0;
  display: block;
  background: #90ddf3;
}

.toggle_container {
  padding: 10px 20px;
  box-shadow: 0 0 5px #ccc;
}

/* Cookie-Verwaltung */
#editCookies {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 8px;
  background-color: white;
  font-size: 15px;
  cursor: pointer;
  z-index: 100;
}

#onetrust-pc-sdk.otPcPanel.ot-slide-out-left {
  -webkit-animation-name: none !important;
  animation-name: none !important;
}

/* Bugfix Produktwelt Bilder */
#Bresso img, #Milkana img, #Brunch img {
  max-width: 100%;
}

/*# sourceMappingURL=main.css.map */