/* pt-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/pt-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v17-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/pt-sans-v17-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/pt-sans-v17-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/pt-sans-v17-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/pt-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/pt-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v17-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/pt-sans-v17-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/pt-sans-v17-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/pt-sans-v17-latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/pt-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v17-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/pt-sans-v17-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/pt-sans-v17-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/pt-sans-v17-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* barlow-semi-condensed-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/barlow-semi-condensed-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-semi-condensed-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed-v15-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-semi-condensed-v15-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-semi-condensed-v15-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-semi-condensed-v15-latin-300.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow-semi-condensed-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-semi-condensed-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed-v15-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-semi-condensed-v15-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-semi-condensed-v15-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-semi-condensed-v15-latin-regular.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}
/* barlow-semi-condensed-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/barlow-semi-condensed-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-semi-condensed-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed-v15-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-semi-condensed-v15-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-semi-condensed-v15-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-semi-condensed-v15-latin-500.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}

* {
  box-sizing: border-box;
}
body {
  background-color: #e8e8e8;
  color: #606060;
  line-height: 1.8em;
  padding: 0;
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  font-family: 'PT Sans', Helvetica, Arial, sans-serif;
}

.page-container {
  width: 90%;
  background-color: #FFF;
  max-width: 2010px;
  margin: 0 auto;
  position: relative;
  min-height: 100vh;
  padding-top: 175px;
}

/* Jobs */
.page-container.job-page { padding-top: 300px; }
.page-container.job-page h1 { margin-bottom: 30px; }
.page-container.job-page h1 .bighead { line-height: normal; margin-bottom: 10px; }
/* End Jobs */

/* Headlines */

h1 {
  margin: 0;
  font-weight: 500;
  font-family: 'Barlow Semi Condensed', Helvetica, Arial, Lucida, sans-serif;
}
h1 .bighead { display: block; font-size: 62px; font-weight: 300; }
h1 .smallhead { display: block; font-size: 33px; line-height: normal; padding-top: 20px; }

h2 {
  font-family: 'Barlow Semi Condensed', Helvetica, Arial, Lucida, sans-serif;
  font-size: 54px;
  line-height: 1.2em;
  font-weight: 300;
  margin-top: 0;
}
h2.blue { color: #0370A3; }

.times { font-family: 'Times New Roman', Georgia, serif; }
.italic { font-style: italic; }
.white { color: #FFF; }
.center { text-align: center; }
.relative { position: relative; }

.anker {
  position: absolute;
  bottom: -10px;
}

/* Header */
.header {
  position: fixed;
  max-width: 2010px;
  margin: 0 auto;
  max-height: 175px;
  background-color: #FFF;
  z-index: 11;
  width: 90%;
  top: 0;
  -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);
  box-shadow: 0 0 7px rgba(0,0,0,0.1);
}

.header,
.header * {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.logo {
  height: 300px;
  position: relative;
  z-index: 8;
  margin-left: 5%;
}
.logo img { width: auto; height: 100%; }

.header.header-fixed { max-height: 80px; }
.header.header-fixed .logo { height: 150px; margin-left: 40px; }
.header.header-fixed .burgericon { top: 20px; }


/* Buttons */
.webform-button--submit,
.button {
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-property: all;
  transition-property: all;
  border-radius: 50px;
  font-size: 20px;
  padding: 7px 20px 10px;
  text-decoration: none;
  font-weight: 300;
  display: inline-block;
  position: relative;
  margin-top: 20px;
  line-height:normal;
}

.webform-button--submit,
.button.button-blue {
  color: #FFFFFF;
  background-color: #5BA3DC;
}

.button.button-white {
  background-color: #FFFFFF;
  color: #5BA3DC;
}

.webform-button--submit:after,
.button:after {
  font-size: 32px;
  line-height: 1em;
  content: "";
  opacity: 0;
  position: absolute;
  margin-left: -1em;
  -webkit-transition: all .2s;
  transition: all .2s;
  text-transform: none;
  -webkit-font-feature-settings: "kern" off;
  font-feature-settings: "kern" off;
  font-variant: none;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  top: 15px;
  right: 15px;
}
.webform-button--submit:after,
.button.button-blue:after {
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
}
.button.button-white:after {
  border-top: 2px solid #5BA3DC;
  border-right: 2px solid #5BA3DC;
}
.button:hover { padding: 7px 40px 10px 15px; }
.webform-button--submit:hover:after,
.button:hover:after {
  opacity: 1;
  margin-left: 0;
}

/* Sections */

.section { position: relative; }
.section-content { padding: 4% 0; }
.section-content.section-fullimg { padding: 0; }
.section-header-wrapper {
  padding-top: 340px;
  padding-bottom: 220px;
  background-position: right 0px center;
  background-size: cover;
  position: relative;
}

.section-header-wrapper:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 29%, #5ba3dc 94%);
}

.section-text-wrapper a,
.section-img-text-wrapper a {
  color: #606060;
}

.section-img-text-wrapper { z-index: 10; position: relative; }
.section-header-content-wrapper { max-width: 80%; margin: 0 auto; padding: 10px 0; position: relative; z-index: 2; }
.section-header-video video { width: 100%; }
.no-divider .section-img-text-wrapper { padding: 50px 0; }
.divider-top .section-divider-wrapper,
.divider-top .section-img-text-wrapper  { padding-top: 120px; }
.divider-bottom .section-reviews,
.divider-bottom.section-just-text .section-text-wrapper,
.divider-bottom .section-img-text-wrapper  { padding-bottom: 120px; }

.section-img-text-flex {
  display: flex;
  width: 90%;
  margin: 0 auto;
  flex-wrap: wrap;
}
.section-img-wrapper { width: 35%; padding-right: 5.5%; align-self: center; }
.section-text-wrapper { width: 65%; }
.section-just-text .section-text-wrapper { width: 100%; }
.section-img-wrapper img { height: auto; max-width: 100%; }

.img-right .section-img-wrapper { order: 2; padding-left: 5.5%; padding-right: 0;}
.img-right .section-text-wrapper { order: 1; }

.section-fullimg {
  height: 70vw;
  background-position: top center;
  background-size: cover;
}

.section-text {
  width: 90%;
  margin: 0 auto;
}

.section-blue,
.section-img-text.blue { background-color: #5BA3DC; }

.section-blue .section-text-wrapper h2 { color: #FFF; }
.section-blue .section-text-wrapper .text { color: #FFF; }

.section-white .section-text-wrapper h2 { color: #0370A3; }
.section-white .section-text-wrapper .text { color: #606060; }

.section-text-wrapper .text h2 { margin: 15px 0; font-size: 30px; }

.section-blue { color: #FFF; }

.text h3 {
  color: #0370A3;
  font-family: 'Barlow Semi Condensed', Helvetica, Arial, Lucida, sans-serif;
  font-weight: 300;
  line-height: 1.6em;
  font-size: 26px;
}

.shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
}
.has-shadow { box-shadow: inset 0px 0px 18px 0px rgba(0,0,0,0.3); }
.has-radius { border-radius: 40px; }
.imgwrapper {
  display: inline-block;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}
.imgwrapper img {
  max-width: 100%;
  height: auto;
  position: relative;
  display: block;
}

.has-bg {
  position: relative;
  background-size: cover;
  background-position: 50%;
}

.has-bg:before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.66) 0%, rgba(255, 255, 255, 0.82) 100%);
}

/* Rezepte */

.rezepte-wrapper {
  width: 90%;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 120px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  justify-content: center;
}
.rezept-teaser { text-align: center; }
.rezepte-wrapper .section-img-wrapper {
  width: 100%;
  padding: 0 3%;
}

.rezept .section-content { padding: 4% 0 0 0; }
.rezept .no-divider,
.rezept .section-img-text-wrapper { padding-bottom: 0; }
.rezept .divider-bottom .section-img-text-wrapper { padding-bottom: 120px; }
.rezept .section-img-wrapper { align-self: flex-start; }
.rezepte-wrapper .views-row {
  width: 31%;
  margin-bottom: 40px;
}
.rezept-teaser h2 {
  margin: 0;
  font-size: 30px;
  color: #0370A3;;
}

.rezept-teaser a { text-decoration: none; }
.rezept-teaser .text {}


/* Devider */

.section-divider {
  position: absolute;
  background-size: 100% 100px;
  bottom: 0;
  height: 100px;
  z-index: 1;
  pointer-events: none;
  width: 100%;
  left: 0;
  right: 0;
}

.section-divider.not_invert_white,
.section-divider.invert_white {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik0zMjAgMjhDMTYwIDI4IDgwIDQ5IDAgNzBWMGgxMjgwdjcwYy04MCAyMS0xNjAgNDItMzIwIDQyLTMyMCAwLTMyMC04NC02NDAtODR6Ii8+PC9nPjwvc3ZnPg==');
  transform: scale(1, -1);
}

.section-divider.invert_white { transform: scale(1, 1); }

.section-divider.not_invert_blue,
.section-divider.invert_blue {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiM1QkEzREMiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=');
}
.invert_blue, .invert_white { transform: scale(1, -1); }
.not_invert_blue, .not_invert_white { transform: scale(1, 1); }
.divider-top { top: 0; }
.divider-bottom { bottom: 0; }

/* Lists */

.section-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.section-content ul li {
  padding-left: 35px;
  position: relative;
  margin-bottom: 2px;
}

.section-content ul li:before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: #cf2e2e;
  position: absolute;
  top: 20px;
  left: 0;
  transform: translate(0%, -50%);
}

.section-content ul li:after {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #cf2e2e;
  border-top: 2px solid #cf2e2e;
  position: absolute;
  top: 20px;
  left: 20px;
  transform: translate(calc(-100% - 1px), -50%) rotate(45deg);
}

/* END LISTS */

/* Boxes */

.section-boxes-flex {
  display: flex;
  width: 90%;
  margin: 0 auto;
  justify-content: center;
  flex-wrap: wrap;
}
.box {
  text-align: center;
  width: 250px;
  height: 250px;
  display: flex;
  flex-wrap: wrap;
  padding: 50px 10px;
  font-size: 25px;
  font-weight: bold;
  background-color: #5BA3DC;
  color: #FFF;
  margin: 10px;
  border-radius: 20px;
}
.box div { width: 100%; text-align: center; }
.box img { display: inline-block; width: 60px; height: auto; }

/* Ende Boxes */

/* Reviews */

.section-reviews-flex {
  width: 90%;
  margin: 0 auto;
}

.section-reviews-flex .slick-track { display: flex; }

.review {
  text-align: center;
  width: 28%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  padding: 50px 10px;
  margin: 0 10px;
  border: 1px solid #dedede;
  border-radius: 20px;
}
.review div { width: 100%; text-align: center; }
.review img { display: inline-block; width: 150px; height: auto; border-radius: 100%; }

.testimonial-name { font-weight: bold; }
.testimonial-text { font-style: italic; }

/* Ende Reviews */



/* Jobs */

.section-jobs h2 { margin-bottom: 0; }
.jobs-wrapper {
  width: 90%;
  margin: 0 auto;
  margin-top: 50px;
}
.tab {
  width: 100%;
  overflow: hidden;
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 45px;
  position: relative;
  background-color: #FFF;
  color: #606060;
  border-radius: 20px;
}

.jobs-wrapper input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.tab-label {
  display: block;
  padding: 25px 35px;
  cursor: pointer;
}

.tab-title {
  font-size: 24px;
  line-height: 31px;
  font-weight: 700;
  margin-bottom: 10px;
  padding-right: 60px;
}

.tab-content {
  max-height: 0;
  padding: 0 1em;
  background: white;
  transition: all 0.35s;
}

.jobs-wrapper input:checked ~ .tab-content {
  max-height: 400vh;
  padding: 0 35px 50px 35px;
}

.tab-label .points {
  position: absolute;
  top: 40.5px;
  right: 35px;
  transform: translateY(-50%);
}
.point {
  display: inline-block;
  margin-right: 3px;
  width: 7px;
  height: 7px;
  background-color: #0693e3;
  border-radius: 50%;
  transition: width 0.1s ease;
}

input:checked + .tab-label .point3, input:checked + .tab-label .point1 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 35px;
  translate: -50% -50%;
  border-radius: 2px;
  height: 4px;
  transition: width 0.25s ease;
  opacity: 0.9;
}

input:checked + .tab-label .point1 {
  rotate: 45deg;
}

input:checked + .tab-label .point2 {
  width: 36px;
  background-color: transparent;
}

input:checked + .tab-label .point3 {
  rotate: -45deg;
}

.tetra {
  display: inline-block;
  width: 90px;
  height: 90px;
  background-image: url("../img/TetraPak-Logo.png");
  background-repeat: no-repeat;
  background-size: cover;
}

/* Ende Jobs */

.footer { background-color: #5ba3dc; color: #FFF; padding-top: 50px; }
.footer-flex { display: flex; width: 90%; margin: 0 auto; margin-bottom: 140px; }
.super-footer {
  display: flex;
  justify-content: space-between;
  background-color: rgba(0,0,0,0.32);
  color: #b1c8db; padding: 0 5%;
  padding-top: 15px;
  padding-bottom: 5px;
  font-size: 18px;
  line-height: 30px;
}

.footer-tetra { margin-left: auto; }
.footer-tetra img { height: 250px; width: auto; }

.social-face {
  width: 25px;
  display: inline-block;
  height: 30px;
  background-image: url("data:image/svg+xml,%3csvg id='fi_3128304' enable-background='new 0 0 100 100' height='512' viewBox='0 0 100 100' width='512' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='_x30_1._Facebook'%3e%3cpath id='Icon_11_' d='m40.437 55.166c-.314 0-6.901.002-9.939-.001-1.564-.001-2.122-.563-2.122-2.137-.002-4.043-.003-8.086 0-12.129.001-1.554.591-2.147 2.135-2.148 3.038-.002 9.589-.001 9.926-.001 0-.277-.001-6.114 0-8.802.002-3.974.711-7.778 2.73-11.261 2.067-3.565 5.075-6.007 8.93-7.419 2.469-.905 5.032-1.266 7.652-1.268 3.278-.002 6.556.001 9.835.007 1.409.002 2.034.625 2.037 2.044.006 3.803.006 7.606 0 11.408-.002 1.434-.601 2.01-2.042 2.026-2.687.029-5.376.011-8.06.119-2.711 0-4.137 1.324-4.137 4.13-.065 2.968-.027 5.939-.027 9.015.254 0 7.969-.001 11.575 0 1.638 0 2.198.563 2.198 2.21 0 4.021-.001 8.043-.004 12.064-.001 1.623-.527 2.141-2.175 2.142-3.606.002-11.291.001-11.627.001v32.545c0 1.735-.546 2.288-2.258 2.288-4.174 0-8.349.001-12.523 0-1.513 0-2.103-.588-2.103-2.101-.001-10.599-.001-32.36-.001-32.732z' fill='%235395C9'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.social-insta {
  width: 40px;
  display: inline-block;
  height: 30px;
  background-image: url("data:image/svg+xml,%3csvg height='511pt' viewBox='0 0 511 511.9' width='511pt' xmlns='http://www.w3.org/2000/svg' id='fi_1384031'%3e%3cpath d='m510.949219 150.5c-1.199219-27.199219-5.597657-45.898438-11.898438-62.101562-6.5-17.199219-16.5-32.597657-29.601562-45.398438-12.800781-13-28.300781-23.101562-45.300781-29.5-16.296876-6.300781-34.898438-10.699219-62.097657-11.898438-27.402343-1.300781-36.101562-1.601562-105.601562-1.601562s-78.199219.300781-105.5 1.5c-27.199219 1.199219-45.898438 5.601562-62.097657 11.898438-17.203124 6.5-32.601562 16.5-45.402343 29.601562-13 12.800781-23.097657 28.300781-29.5 45.300781-6.300781 16.300781-10.699219 34.898438-11.898438 62.097657-1.300781 27.402343-1.601562 36.101562-1.601562 105.601562s.300781 78.199219 1.5 105.5c1.199219 27.199219 5.601562 45.898438 11.902343 62.101562 6.5 17.199219 16.597657 32.597657 29.597657 45.398438 12.800781 13 28.300781 23.101562 45.300781 29.5 16.300781 6.300781 34.898438 10.699219 62.101562 11.898438 27.296876 1.203124 36 1.5 105.5 1.5s78.199219-.296876 105.5-1.5c27.199219-1.199219 45.898438-5.597657 62.097657-11.898438 34.402343-13.300781 61.601562-40.5 74.902343-74.898438 6.296876-16.300781 10.699219-34.902343 11.898438-62.101562 1.199219-27.300781 1.5-36 1.5-105.5s-.101562-78.199219-1.300781-105.5zm-46.097657 209c-1.101562 25-5.300781 38.5-8.800781 47.5-8.601562 22.300781-26.300781 40-48.601562 48.601562-9 3.5-22.597657 7.699219-47.5 8.796876-27 1.203124-35.097657 1.5-103.398438 1.5s-76.5-.296876-103.402343-1.5c-25-1.097657-38.5-5.296876-47.5-8.796876-11.097657-4.101562-21.199219-10.601562-29.398438-19.101562-8.5-8.300781-15-18.300781-19.101562-29.398438-3.5-9-7.699219-22.601562-8.796876-47.5-1.203124-27-1.5-35.101562-1.5-103.402343s.296876-76.5 1.5-103.398438c1.097657-25 5.296876-38.5 8.796876-47.5 4.101562-11.101562 10.601562-21.199219 19.203124-29.402343 8.296876-8.5 18.296876-15 29.398438-19.097657 9-3.5 22.601562-7.699219 47.5-8.800781 27-1.199219 35.101562-1.5 103.398438-1.5 68.402343 0 76.5.300781 103.402343 1.5 25 1.101562 38.5 5.300781 47.5 8.800781 11.097657 4.097657 21.199219 10.597657 29.398438 19.097657 8.5 8.300781 15 18.300781 19.101562 29.402343 3.5 9 7.699219 22.597657 8.800781 47.5 1.199219 27 1.5 35.097657 1.5 103.398438s-.300781 76.300781-1.5 103.300781zm0 0' fill='%235395C9'%3e%3c/path%3e%3cpath d='m256.449219 124.5c-72.597657 0-131.5 58.898438-131.5 131.5s58.902343 131.5 131.5 131.5c72.601562 0 131.5-58.898438 131.5-131.5s-58.898438-131.5-131.5-131.5zm0 216.800781c-47.097657 0-85.300781-38.199219-85.300781-85.300781s38.203124-85.300781 85.300781-85.300781c47.101562 0 85.300781 38.199219 85.300781 85.300781s-38.199219 85.300781-85.300781 85.300781zm0 0' fill='%235395C9'%3e%3c/path%3e%3cpath d='m423.851562 119.300781c0 16.953125-13.746093 30.699219-30.703124 30.699219-16.953126 0-30.699219-13.746094-30.699219-30.699219 0-16.957031 13.746093-30.699219 30.699219-30.699219 16.957031 0 30.703124 13.742188 30.703124 30.699219zm0 0' fill='%235395C9'%3e%3c/path%3e%3c/svg%3e");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 5px;
}
.social-tiktok {
  width: 40px;
  display: inline-block;
  height: 30px;
  background-image: url("data:image/svg+xml,%3csvg id='fi_3046120' enable-background='new 0 0 512 512' height='512' viewBox='0 0 512 512' width='512' xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath d='m480.32 128.39c-29.22 0-56.18-9.68-77.83-26.01-24.83-18.72-42.67-46.18-48.97-77.83-1.56-7.82-2.4-15.89-2.48-24.16h-83.47v228.08l-.1 124.93c0 33.4-21.75 61.72-51.9 71.68-8.75 2.89-18.2 4.26-28.04 3.72-12.56-.69-24.33-4.48-34.56-10.6-21.77-13.02-36.53-36.64-36.93-63.66-.63-42.23 33.51-76.66 75.71-76.66 8.33 0 16.33 1.36 23.82 3.83v-62.34-22.41c-7.9-1.17-15.94-1.78-24.07-1.78-46.19 0-89.39 19.2-120.27 53.79-23.34 26.14-37.34 59.49-39.5 94.46-2.83 45.94 13.98 89.61 46.58 121.83 4.79 4.73 9.82 9.12 15.08 13.17 27.95 21.51 62.12 33.17 98.11 33.17 8.13 0 16.17-.6 24.07-1.77 33.62-4.98 64.64-20.37 89.12-44.57 30.08-29.73 46.7-69.2 46.88-111.21l-.43-186.56c14.35 11.07 30.04 20.23 46.88 27.34 26.19 11.05 53.96 16.65 82.54 16.64v-60.61-22.49c.02.02-.22.02-.24.02z' fill='%235395C9'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.social-linked {
  width: 30px;
  display: inline-block;
  height: 30px;
  background-image: url("data:image/svg+xml,%3csvg enable-background='new 0 0 24 24' height='512' viewBox='0 0 24 24' width='512' xmlns='http://www.w3.org/2000/svg' id='fi_2111499'%3e%3cg fill='%235395C9'%3e%3cpath d='m23.994 24v-.001h.006v-8.802c0-4.306-.927-7.623-5.961-7.623-2.42 0-4.044 1.328-4.707 2.587h-.07v-2.185h-4.773v16.023h4.97v-7.934c0-2.089.396-4.109 2.983-4.109 2.549 0 2.587 2.384 2.587 4.243v7.801z'%3e%3c/path%3e%3cpath d='m.396 7.977h4.976v16.023h-4.976z'%3e%3c/path%3e%3cpath d='m2.882 0c-1.591 0-2.882 1.291-2.882 2.882s1.291 2.909 2.882 2.909 2.882-1.318 2.882-2.909c-.001-1.591-1.292-2.882-2.882-2.882z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
  background-size: cover;
  background-position: center center;
  margin-left: 5px;
  background-repeat: no-repeat;
}

.footer-menu { background-color: rgba(255,255,255,0.05); }
.footer-menu ul { margin: 0; padding: 0 5%; padding-top: 15px; padding-bottom: 15px; line-height: 20px; }
.footer-menu ul li {
  display: inline-block;
  list-style: none;
  list-style-image: none;
  padding: 0;
  list-style-type: none;
  padding-right: 20px;
}
.footer a,
.footer-menu ul li a {
  color: #FFF;
  text-decoration: none;
}

.footer-address {
  font-size: 17px;
  line-height: 24px;
  padding-left: 40px;
}

/* Marquee */
.anibox {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  background-color: red;
  height: 30px;
}
.anibox span {
  font-size: 1em;
  display: inline-block;
  text-align: center;
  width: 100%;
  -moz-animation: marquee 10s linear infinite;
  -webkit-animation: marquee 10s linear infinite;
  animation: marquee 10s linear infinite;
}
.anibox span:nth-child(1) {
  position: absolute;
  left: -100%;
  -moz-animation: marquee 10s 2s linear infinite;
  -webkit-animation: marquee 10s 2s linear infinite;
  animation: marquee 10s 2s linear infinite;
}
.anibox .line {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  background-color: var(--color);
}

@keyframes marquee {
  0% {
    left: 0;
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    left: 0;
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

/* Mobile */

@media screen and (max-width: 1200px) {
  .rezepte-wrapper .views-row { width: 50%; }
  .footer-tetra img { height: 185px; }
  .footer-address { font-size: 16px; }
}

@media screen and (max-width: 1000px) {
  body { font-size: 18px; line-height: 28px; }
  h2 { font-size: 40px; }
  
  .section-header-wrapper {
    padding-top: 230px;
    padding-bottom: 140px;
  }
  .section-header-wrapper:after { background-image: linear-gradient(181deg,rgba(255,255,255,0) 0%,#5ba3dc 56%); }
  .section-img-text-flex .section-img-wrapper {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }
  .section-img-text-flex .section-text-wrapper { width: 100%; }
  .img-right .section-img-wrapper { padding-top: 50px; }
  .footer-flex { flex-wrap: wrap; justify-content: space-between; }
  .footer-tetra { width: 100%; text-align: center; padding-top: 10px; }
  .footer-tetra img { height: 250px; }
}

@media screen and (max-width: 900px) {
  .header { max-height: 120px; }
  .page-container { padding-top: 120px; }
  .burgericon { top: 40px; right: 30px; }
  .logo { height: 200px; }
  .header.header-fixed .logo img { height: 100%; }
  .header.header-fixed .logo { height: 160px; }
  
  .section-img-wrapper { width: 100%; }
  .section-text-wrapper { width: 100%; }
  .tab { margin-bottom: 15px; }
  .tab-title {
    font-size: 20px;
    line-height: 25px;
  }
  .page-container.job-page {
    padding-top: 170px;
  }
}

@media screen and (max-width: 768px) {
  h1 .bighead { font-size: 40px; }
  h1 .smallhead { font-size: 24px; }
  .header { max-width: 100%; width: 100%; }
  .page-container { width: 100%; }
  .box {
    width: calc(50% - 20px);
    height: 220px;
    padding: 40px 10px;
    font-size: 20px;
    line-height: 23px;
  }
  .header.header-fixed .logo { margin-left: 10px; }
  .section-fullimg { height: 60vh; }
  .section-divider {
    background-size: 100% 40px;
    height: 40px;
  }
  .rezept-teaser h2 { font-size: 22px; }
}

@media screen and (max-width: 550px) {
  .footer-flex { display: block; text-align: center; margin-bottom: 20px; }
  .footer-address { padding-left: 0; padding-top: 10px; padding-bottom: 10px; }
  .footer-tetra { width: 100%; text-align: center; padding-top: 10px; }
  .footer-tetra img { max-width: 90%; height: auto; }
}

@media screen and (max-width: 450px) {
  .logo { height: 180px; }
  .header { max-height: 90px; width: 100%; }
  .page-container { padding-top: 90px; }
  .burgericon { top: 25px; }
  .header.header-fixed { max-height: 60px; }
  .header.header-fixed .burgericon { top: 13px; }
  
  .header.header-fixed .logo { height: 120px; }
  .section-divider {
    background-size: 100% 30px;
    height: 30px;
  }
}