/*!
Theme Name: braendle
Theme URI: https://www.braendle-ag.ch
Author: Creafactory
Author URI: https://www.creafactory.ch
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: braendle
*/
@font-face {
  font-family: EuclidCircularReg;
  src: url(fonts/EuclidCircularB-Regular.otf);
}
@font-face {
  font-family: EuclidCircularMed;
  src: url(fonts/EuclidCircularB-Medium.otf);
}
@media (max-width: 575px) and (orientation:portrait) {
  html {
    font-size: 38%;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (max-width: 767px) and (orientation:landscape) {
  html {
    font-size: 43%;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
  html {
    font-size: 48%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-width: 992px) and (max-width: 1199px) and (orientation:landscape) {
  html {
    font-size: 55%;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  html {
    font-size: 62.5%;
  }
}
@media (min-width: 1600px) and (max-width: 1999px) {
  html {
    font-size: 67%;
  }
}
@media (min-width: 2000px) {
  html {
    font-size: 75%;
  }
}

html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #000;
}

body {
  font-size: 2.2rem;
  font-family: EuclidCircularReg;
  font-weight: 400;
  position: relative;
  line-height: 1.4;
  background-color: transparent;
  left: 0%;
  top: 0%;
  display: grid;
  grid-template-rows: auto 1fr auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
@media (max-width: 575px) and (orientation:portrait) {
  body {
    font-size: 2.6rem;
  }
}

footer {
  grid-row-start: 3;
  grid-row-end: 4;
  padding: 8rem 0 2rem;
}

h1 {
  font-size: 5.25rem;
  color: #e63712;
  margin-bottom: 10rem;
}

h2 {
  font-size: 3rem;
  color: #e63712;
}
@media (max-width: 575px) and (orientation:portrait) {
  h2 {
    font-size: 3.4rem;
  }
}

h3 {
  font-size: 2.6rem;
  color: #e63712;
}
@media (max-width: 575px) and (orientation:portrait) {
  h3 {
    font-size: 3rem;
  }
}

p, p + ul {
  margin-bottom: 2rem;
}
p a, p a:focus, p a:active, p a:visited, p + ul a, p + ul a:focus, p + ul a:active, p + ul a:visited {
  color: #e63712;
}
p a:hover, p + ul a:hover {
  color: #f0836f;
  text-decoration: none;
}

p + h3 {
  margin-top: 4rem;
}

figcaption a, figcaption a:focus, figcaption a:active, figcaption a:visited {
  color: #e63712;
}
figcaption a:hover {
  color: #f0836f;
  text-decoration: none;
}

@media (min-width: 2000px) {
  p.has-small-font-size {
    font-size: 1.8rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-width: 992px) and (max-width: 1199px) and (orientation:landscape), (min-width: 1200px) and (max-width: 1599px), (min-width: 1600px) and (max-width: 1999px) {
  p.has-small-font-size {
    font-size: 1.8rem !important;
  }
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (orientation:landscape) {
  p.has-small-font-size {
    font-size: 2rem !important;
  }
}

footer {
  text-align: center;
}
footer p {
  font-size: 1.3rem;
}
@media (max-width: 575px) and (orientation:portrait) {
  footer p {
    font-size: 1.6rem;
  }
}

header {
  position: absolute;
  width: 100%;
  height: 10.5rem;
  z-index: 1;
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
  header {
    z-index: 1500;
    height: 12rem;
    border-bottom: 1px solid #FFF;
  }
}

.navbar {
  position: absolute;
  min-height: 100vh;
  background-color: #e63712;
  top: 0;
  display: block;
  padding: 2.6rem 5rem;
  display: none;
  z-index: 2000;
}
@media (max-width: 767px) and (orientation:landscape), (min-width: 992px) and (max-width: 1199px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-width: 992px) and (max-width: 1199px) and (orientation:landscape), (min-width: 1200px) and (max-width: 1599px), (min-width: 1600px) and (max-width: 1999px), (min-width: 2000px) {
  .navbar {
    width: 50%;
    border-right: 1px solid #FFF;
  }
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .navbar {
    width: 100%;
  }
}

.navbar-toggler {
  padding: 0.25rem 3.2rem 0.25rem 0.75rem;
  margin-right: 3.4rem;
  font-size: 2.8rem;
  color: #FFF;
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .navbar-toggler {
    padding: 0.25rem 0 0.25rem 0.75rem;
    float: right;
    margin-right: 0;
  }
}
.navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon:focus, .navbar-toggler .navbar-toggler-icon:active, .navbar-toggler .navbar-toggler-icon:visited {
  color: #FFF;
}
.navbar-toggler .navbar-toggler-icon:hover {
  color: #f0836f;
}
.navbar-toggler img {
  width: 5rem;
  height: auto;
}

.navbar-toggler-icon {
  width: 8rem;
}

.navbar-open-toggler {
  margin: 2rem 2.1rem 2rem 3rem;
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .navbar-open-toggler {
    margin: 2rem 4.25rem 2rem 2rem;
  }
}

.site-branding img {
  width: 15rem;
  height: auto;
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .site-branding img {
    width: 18rem;
  }
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .site-branding img {
    margin-top: 0.4rem;
  }
}

.socialbuttons {
  display: inline-block;
  margin-top: 2rem;
  vertical-align: top;
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .socialbuttons {
    float: right;
  }
}
.socialbuttons img {
  float: left;
  width: 4rem;
  height: 4rem;
}
.socialbuttons img:first-child {
  margin-right: 1rem;
}

.languages {
  position: absolute;
  right: 4rem;
  top: 2rem;
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .languages {
    right: 15rem;
  }
}
.languages li {
  display: inline-block;
}
.languages li:last-child {
  margin-left: 1rem;
}

@media (max-width: 767px) and (orientation:landscape), (min-width: 992px) and (max-width: 1199px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-width: 992px) and (max-width: 1199px) and (orientation:landscape), (min-width: 1200px) and (max-width: 1599px), (min-width: 1600px) and (max-width: 1999px), (min-width: 2000px) {
  .brand-device img {
    margin: 3rem 0.8rem;
  }
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .brand-device img {
    margin: 3rem 5rem;
  }
}

@media (min-width: 2000px) {
  .navbar-collapse {
    margin-top: 3.6rem;
  }
}
@media (max-width: 767px) and (orientation:landscape), (min-width: 992px) and (max-width: 1199px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-width: 992px) and (max-width: 1199px) and (orientation:landscape), (min-width: 1200px) and (max-width: 1599px), (min-width: 1600px) and (max-width: 1999px) {
  .navbar-collapse {
    margin-top: 3.1rem;
  }
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .navbar-collapse {
    margin-top: 3.7rem;
  }
}
.navbar-collapse ul {
  list-style-type: none;
  display: block;
}
@media (min-width: 2000px) {
  .navbar-collapse .menu-item-object-page {
    font-size: 5.2rem;
    margin-top: 3.2rem;
    margin-bottom: 0rem;
  }
}
@media (max-width: 767px) and (orientation:landscape), (min-width: 992px) and (max-width: 1199px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-width: 992px) and (max-width: 1199px) and (orientation:landscape), (min-width: 1200px) and (max-width: 1599px), (min-width: 1600px) and (max-width: 1999px) {
  .navbar-collapse .menu-item-object-page {
    font-size: 4.7rem;
    margin-top: 2.1rem;
    margin-bottom: 0rem;
  }
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .navbar-collapse .menu-item-object-page {
    font-size: 4.7rem;
    margin-top: 2rem;
    margin-bottom: 0rem;
  }
}
.navbar-collapse .small-menu li {
  display: inline-table;
  margin-right: 3rem;
}
.navbar-collapse .small-menu li:after, .navbar-collapse .small-menu li:before, .navbar-collapse .small-menu .menu-item-object-page:last-of-type::after {
  content: none;
}
.navbar-collapse .small-menu li:last-of-type {
  margin-right: 0;
}
@media (min-width: 2000px) {
  .navbar-collapse .small-menu .menu-item-object-page {
    font-size: 1.8rem;
    margin-bottom: 0rem;
    margin-top: 3.2rem;
  }
}
@media (max-width: 767px) and (orientation:landscape), (min-width: 992px) and (max-width: 1199px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-width: 992px) and (max-width: 1199px) and (orientation:landscape), (min-width: 1200px) and (max-width: 1599px), (min-width: 1600px) and (max-width: 1999px) {
  .navbar-collapse .small-menu .menu-item-object-page {
    font-size: 1.8rem;
    margin-bottom: 0rem;
    margin-top: 3.5rem;
  }
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .navbar-collapse .small-menu .menu-item-object-page {
    font-size: 2rem;
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
.navbar-collapse .menu-item-has-children {
  margin-bottom: 0;
}
.navbar-collapse .sub-menu, .navbar-collapse .languages {
  padding: 0;
}
@media (min-width: 2000px) {
  .navbar-collapse .sub-menu li, .navbar-collapse .languages li {
    font-size: 3.3rem;
  }
}
@media (min-width: 1200px) and (max-width: 1599px), (min-width: 1600px) and (max-width: 1999px) {
  .navbar-collapse .sub-menu li, .navbar-collapse .languages li {
    font-size: 2.8rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-width: 992px) and (max-width: 1199px) and (orientation:landscape) {
  .navbar-collapse .sub-menu li, .navbar-collapse .languages li {
    font-size: 2.5rem;
  }
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (orientation:landscape) {
  .navbar-collapse .sub-menu li, .navbar-collapse .languages li {
    font-size: 2.8rem;
  }
}
@media (max-width: 575px) and (orientation:portrait) {
  .navbar-collapse .sub-menu li, .navbar-collapse .languages li {
    font-size: 3rem;
  }
}
.navbar-collapse li a, .navbar-collapse li a:focus, .navbar-collapse li a:visited, .navbar-collapse li a:active {
  color: #FFF;
  text-decoration: none;
}
.navbar-collapse li a:hover {
  color: #f0836f;
}
.navbar-collapse .current-lang a, .navbar-collapse .current-lang a:focus, .navbar-collapse .current-lang a:visited, .navbar-collapse .current-lang a:active, .navbar-collapse .current-lang a:hover {
  color: #f0836f;
  pointer-events: none;
}
.navbar-collapse li.current_page_item a, .navbar-collapse li.current_page_item a:focus, .navbar-collapse li.current_page_item a:visited, .navbar-collapse li.current_page_item a:active {
  color: #f0836f;
}
.navbar-collapse li.current_page_item .sub-menu a, .navbar-collapse li.current_page_item .sub-menu a:focus, .navbar-collapse li.current_page_item .sub-menu a:visited, .navbar-collapse li.current_page_item .sub-menu a:active {
  color: #FFF;
}
.navbar-collapse li.current_page_item .sub-menu a:hover {
  color: #f0836f;
}
.navbar-collapse .menu-item-object-page:before {
  content: "";
  position: absolute;
  border-top: 1px solid #FFF;
  width: 100%;
  left: 0;
}
@media (min-width: 2000px) {
  .navbar-collapse .menu-item-object-page:before {
    margin-top: -1.5rem;
  }
}
@media (max-width: 767px) and (orientation:landscape), (min-width: 992px) and (max-width: 1199px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-width: 992px) and (max-width: 1199px) and (orientation:landscape), (min-width: 1200px) and (max-width: 1599px), (min-width: 1600px) and (max-width: 1999px) {
  .navbar-collapse .menu-item-object-page:before {
    margin-top: -1rem;
  }
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .navbar-collapse .menu-item-object-page:before {
    margin-top: -1rem;
  }
}
.navbar-collapse .menu-item-object-page:last-of-type::after {
  content: "";
  position: absolute;
  border-bottom: 1px solid #FFF;
  width: 100%;
  left: 0;
  margin-top: 9rem;
}
@media (min-width: 2000px) {
  .navbar-collapse .menu-item-object-page:last-of-type::after {
    margin-top: 9rem;
  }
}
@media (max-width: 767px) and (orientation:landscape), (min-width: 992px) and (max-width: 1199px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-width: 992px) and (max-width: 1199px) and (orientation:landscape), (min-width: 1200px) and (max-width: 1599px), (min-width: 1600px) and (max-width: 1999px) {
  .navbar-collapse .menu-item-object-page:last-of-type::after {
    margin-top: 8rem;
  }
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .navbar-collapse .menu-item-object-page:last-of-type::after {
    margin-top: 8rem;
  }
}

.page-header {
  position: fixed;
  z-index: 2;
  border-bottom: 1px solid #e63712;
  background-color: rgba(255, 255, 255, 0.75);
}
@media (max-width: 767px) and (orientation:landscape), (min-width: 992px) and (max-width: 1199px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-width: 992px) and (max-width: 1199px) and (orientation:landscape), (min-width: 1200px) and (max-width: 1599px), (min-width: 1600px) and (max-width: 1999px), (min-width: 2000px) {
  .page-header .navbar-toggler {
    float: left;
  }
}
.page-header .navbar-toggler-icon {
  color: #e63712;
}

@media (max-width: 767px) and (orientation:landscape), (min-width: 992px) and (max-width: 1199px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-width: 992px) and (max-width: 1199px) and (orientation:landscape), (min-width: 1200px) and (max-width: 1599px), (min-width: 1600px) and (max-width: 1999px), (min-width: 2000px) {
  .brand-device {
    display: none;
  }
}

.brand-pages {
  display: inline-block;
}

@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .slider, .slick-slide {
    height: -webkit-calc(100vh - 12rem);
    height: -moz-calc(100vh - 12rem);
    height: calc(100vh - 12rem);
  }
}
@media (max-width: 767px) and (orientation:landscape), (min-width: 992px) and (max-width: 1199px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-width: 992px) and (max-width: 1199px) and (orientation:landscape), (min-width: 1200px) and (max-width: 1599px), (min-width: 1600px) and (max-width: 1999px), (min-width: 2000px) {
  .slider, .slick-slide {
    height: 100vh;
  }
}

.slick-arrow {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  position: absolute;
  top: -webkit-calc(50% - 3.75rem);
  top: -moz-calc(50% - 3.75rem);
  top: calc(50% - 3.75rem);
  outline: none;
  z-index: 1029;
}
@media (max-width: 575px) and (orientation:portrait) {
  .slick-arrow {
    top: -webkit-calc(50% - 10rem);
    top: -moz-calc(50% - 10rem);
    top: calc(50% - 10rem);
  }
}

.slick-arrow:focus, .navbar-toggler:focus {
  outline: none;
}

.slick-prev {
  left: 2rem;
}

.slick-prev:after {
  content: "";
  background-image: url(img/arrow-left.svg);
  background-repeat: no-repeat;
  height: 7.5rem;
  width: 7.5rem;
  position: absolute;
}

.slick-next {
  right: 9rem;
}

.slick-next:after {
  content: "";
  background-image: url(img/arrow-right.svg);
  background-repeat: no-repeat;
  height: 7.5rem;
  width: 7.5rem;
  position: absolute;
}

section#home {
  background-color: #e63712;
  position: fixed;
  width: 100%;
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
  section#home .col-lg-6:first-of-type {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
  section#home .col-lg-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) and (orientation:landscape) {
  section#home .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
section#home .brand-wrapper {
  padding-left: 5rem;
  padding-right: 5rem;
}
@media (max-width: 767px) and (orientation:landscape) {
  section#home .brand-wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
section#home .brand-wrapper .brand {
  width: 100%;
  height: auto;
}
section#home .brand-wrapper .start {
  cursor: pointer;
  background-color: transparent;
  border: none;
  margin-top: 4rem;
  outline: none;
}
section#home .brand-wrapper .start img {
  width: 7.5rem;
  height: auto;
}
section#home .slider-wrapper {
  padding: 0;
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
  section#home .slider-wrapper {
    top: 12rem;
  }
}

section.fixed, #primary.fixed {
  position: fixed;
  width: 100%;
}

section .row {
  padding-top: 10rem;
  margin-bottom: -10rem;
}

#mitarbeiter {
  margin-bottom: 0;
}

section .row:first-of-type {
  padding-top: 0;
}

section .row:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 992px) and (max-width: 1199px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-width: 992px) and (max-width: 1199px) and (orientation:landscape), (min-width: 1200px) and (max-width: 1599px), (min-width: 1600px) and (max-width: 1999px), (min-width: 2000px) {
  .container {
    max-width: 82rem;
  }
}
@media (max-width: 575px) and (orientation:portrait) {
  .container {
    padding-right: 5rem;
    padding-left: 5rem;
  }
}

.content-push {
  height: 13rem;
}

.parent-content {
  padding-bottom: 10rem;
}

.child-content {
  padding-bottom: 0.5rem;
}
.child-content h2 {
  padding-top: 4.5rem;
  margin-bottom: 1.8rem;
}
.child-content h2:before {
  content: "";
  border-top: 1px solid #e63712;
  position: absolute;
  width: calc(100% - 30px);
  left: 15px;
  margin-top: -4.5rem;
}

@media (max-width: 575px) and (orientation:portrait) {
  .wp-block-gallery {
    margin-bottom: 3rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2), (min-width: 992px) and (max-width: 1199px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-width: 992px) and (max-width: 1199px) and (orientation:landscape), (min-width: 1200px) and (max-width: 1599px), (min-width: 1600px) and (max-width: 1999px), (min-width: 2000px) {
  .wp-block-gallery {
    margin-bottom: 4rem;
  }
}
.wp-block-gallery figcaption {
  font-size: 1.3rem;
  margin-top: 0.4rem;
}
@media (max-width: 575px) and (orientation:portrait) {
  .wp-block-gallery figcaption {
    font-size: 2rem;
  }
}

.staff {
  margin-bottom: 4rem;
}
.staff h3 {
  margin-bottom: 0.25rem;
}
.staff p {
  font-size: 1.5rem;
  color: #e63712;
}
@media (max-width: 575px) and (orientation:portrait) {
  .staff p {
    font-size: 1.9rem;
  }
}

.staff-image {
  margin-bottom: 1rem;
}

#mitarbeiter .child-content {
  padding-bottom: 0;
  margin-bottom: -1rem;
}

.gallery-content {
  display: none;
}

.gallery {
  display: none;
  position: fixed;
  background-color: #e63712;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 2000;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
}
.gallery .portrait {
  height: 53rem;
  text-align: center;
}
.gallery .portrait img {
  width: auto;
  max-height: 100%;
}

body.overlay {
  overflow: hidden;
  height: auto;
}

.gallery-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  direction: ltr;
  overflow: visible;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 99994;
}

.gallery-body {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 0;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}
.gallery-body video {
  width: 100%;
}
.gallery-body .col:first-child {
  margin-top: 10rem;
}
.gallery-body .col {
  margin-bottom: 5rem;
}
.gallery-body .col:last-child {
  margin-bottom: 13rem;
}
.gallery-body h2 {
  margin-bottom: 0;
  color: #FFF;
}

.gallery-toggle, .gallery-close {
  background-color: transparent;
  border: none;
  padding: 0;
}

.gallery-close {
  position: fixed;
  top: 2.6rem;
  z-index: 99995;
}
@media (max-width: 767px) and (orientation:landscape), (min-width: 992px) and (max-width: 1199px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-width: 992px) and (max-width: 1199px) and (orientation:landscape), (min-width: 1200px) and (max-width: 1599px), (min-width: 1600px) and (max-width: 1999px), (min-width: 2000px) {
  .gallery-close {
    left: 5rem;
  }
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .gallery-close {
    right: 5rem;
  }
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .gallery-close img {
    width: 5rem;
    height: 5rem;
  }
}

button:focus {
  outline: none;
}

.gallery.show {
  display: block;
}

.landscape figcaption {
  position: relative;
  font-size: 1.3rem;
  margin-top: 0.8rem;
  left: 70%;
  width: 30%;
}

.portrait figcaption {
  position: relative;
  font-size: 1.3rem;
  margin-top: 0.8rem;
  left: 70%;
  width: 30%;
  text-align: left;
}

#cookie-notice {
  border-top: 1px solid #FFF;
  line-height: 1.3;
}
#cookie-notice .cookie-notice-container {
  padding: 1.8rem;
}
#cookie-notice a, #cookie-notice a:focus, #cookie-notice a:active, #cookie-notice a:visited {
  color: #FFF;
  text-decoration: underline;
}
#cookie-notice a:hover {
  color: #FFF;
  text-decoration: none;
}
@media (min-width: 992px) and (max-width: 1199px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-width: 992px) and (max-width: 1199px) and (orientation:landscape), (min-width: 1200px) and (max-width: 1599px), (min-width: 1600px) and (max-width: 1999px), (min-width: 2000px) {
  #cookie-notice #cn-notice-text {
    font-size: 1.3rem;
  }
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (orientation:landscape) {
  #cookie-notice #cn-notice-text {
    font-size: 1.5rem;
  }
}
#cookie-notice #cn-accept-cookie {
  text-shadow: none;
  font-family: inherit;
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  box-shadow: none;
  border: 1px solid #FFF;
  border-radius: 2rem;
  padding: 0.3rem 2.2rem;
  margin-left: 1.5rem;
}
@media (min-width: 992px) and (max-width: 1199px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1), (min-width: 992px) and (max-width: 1199px) and (orientation:landscape), (min-width: 1200px) and (max-width: 1599px), (min-width: 1600px) and (max-width: 1999px), (min-width: 2000px) {
  #cookie-notice #cn-accept-cookie {
    font-size: 1.3rem;
  }
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (orientation:landscape) {
  #cookie-notice #cn-accept-cookie {
    font-size: 1.5rem;
  }
}
#cookie-notice #cn-accept-cookie:hover {
  background-color: #f0836f;
}

.socialfooterbuttons {
  display: inline-block;
  margin-top: -0.5rem;
  vertical-align: top;
}
@media (max-width: 575px) and (orientation:portrait), (min-width: 576px) and (max-width: 767px) and (orientation:portrait), (min-width: 768px) and (max-width: 991px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .socialfooterbuttons {
    float: right;
  }
}
.socialfooterbuttons img {
  float: left;
  width: 2.5rem;
  height: 2.5rem;
}
.socialfooterbuttons img:first-child {
  margin-right: 1rem;
}

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