/*
Theme Name: siteorigin-corp Child
Version: 1.0.0
Text Domain: siteorigin-corp
Template: siteorigin-corp
*/
/* besley-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: 'Besley';
  font-style: normal;
  font-weight: 400;
  src: url('../siteorigin-corp-child/fonts/besley-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* besley-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: 'Besley';
  font-style: italic;
  font-weight: 400;
  src: url('../siteorigin-corp-child/fonts/besley-v19-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* besley-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: 'Besley';
  font-style: normal;
  font-weight: 500;
  src: url('../siteorigin-corp-child/fonts/besley-v19-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* besley-500italic - 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: 'Besley';
  font-style: italic;
  font-weight: 500;
  src: url('../siteorigin-corp-child/fonts/besley-v19-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* besley-600 - 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: 'Besley';
  font-style: normal;
  font-weight: 600;
  src: url('../siteorigin-corp-child/fonts/besley-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* besley-600italic - 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: 'Besley';
  font-style: italic;
  font-weight: 600;
  src: url('../siteorigin-corp-child/fonts/besley-v19-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* besley-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: 'Besley';
  font-style: normal;
  font-weight: 700;
  src: url('../siteorigin-corp-child/fonts/besley-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* besley-700italic - 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: 'Besley';
  font-style: italic;
  font-weight: 700;
  src: url('../siteorigin-corp-child/fonts/besley-v19-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* besley-800 - 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: 'Besley';
  font-style: normal;
  font-weight: 800;
  src: url('../siteorigin-corp-child/fonts/besley-v19-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* besley-800italic - 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: 'Besley';
  font-style: italic;
  font-weight: 800;
  src: url('../siteorigin-corp-child/fonts/besley-v19-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* besley-900 - 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: 'Besley';
  font-style: normal;
  font-weight: 900;
  src: url('../siteorigin-corp-child/fonts/besley-v19-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* besley-900italic - 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: 'Besley';
  font-style: italic;
  font-weight: 900;
  src: url('../siteorigin-corp-child/fonts/besley-v19-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body, .main-navigation ul li {
    font-family: Besley, sans-serif!important;  
}
p {
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  font-family: Besley, sans-serif!important;
}

h1, h2, h3, h4, h5, h6 {
 font-family: Besley, sans-serif!important;  
}
.smallerwidth {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.smallwidth {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}


.page-id-27 .headerstartseite {
  min-height: calc(100vh - 87px);
}

.page-id-27 .headerstartseite h1 {
  color: #fff;
  font-size: 180px;
  line-height: 200px;
  font-weight: 900!important;
}
.main-navigation ul li {
  margin: 0 75px -10px 0;
}

.main-navigation ul li a {
  font-weight: 900;
  font-size: 20px;
  
}
.header {
  min-height: 650px;
  position: relative;
  box-shadow: inset 0 0 0 1000px rgba(102, 34, 44,.32);
}

.header h1 {
  color: #fff;
  font-size: 80px;
  line-height: 100px;
  font-weight: 900!important;
  text-transform: uppercase;
}

.imgdivider {
  box-shadow: inset 0 0 0 1000px rgba(102, 34, 44,.32);
  min-height: 650px;
}

.imgdivider h2 {
  color: #fff;
  font-size: 80px;
  line-height: 90px;
  font-weight: 900;
  text-transform: uppercase;
}

/*.header:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #66222C;
  opacity: 0.32;
}*/

.pink {
  color: #DFA79F;
}

.white {
  color: #fff;
}

/*.headerstartseite*/
.header .pink {
  color: #fff; 
  transition: all 1s;
}

.header:hover .pink {
  color: #DFA79F;
}


.headerstartseite .pink {
  color: #fff; 
  transition: all 1s;
}

.headerstartseite:hover .pink {
  color: #DFA79F;
}

header .facebook {
  position: absolute;
  right: 20px;
  top: 32px;
  max-width: 33px;
}

header .facebook .white {
  display: block;
}
header .facebook .red {
  display: none;
}

header .facebook a:hover .white {
  display: none;
}
header .facebook a:hover .red {
  display: block;
}



header .insta {
  position: absolute;
  right: 65px;
  top: 32px;
  max-width: 33px;
}

header .insta .white {
  display: block;
}
header .insta .red {
  display: none;
}

header .insta a:hover .white {
  display: none;
}
header .insta a:hover .red {
  display: block;
}

.footerfixedlogo {
  position: sticky;
  bottom: 0px;
  left: 50%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  z-index: 1;
  margin-bottom: -1px;
}

.page-id-260 .footerfixedlogo {
  margin-top: -46px;
}

h2 {
  font-size: 40px;
  line-height: 50px;
  color: #050505;
  font-weight: 900;
}

.kundenstimmen h2 {
  color: #DFA79F;
  font-size: 80px; 
  line-height: 90px;
  text-transform: uppercase;
}

.kundenstimmen h4 {
  display: none;
}

.kundenstimmen .slick-dots {
  margin-bottom: 60px!important;
}


.vorgeschmack {
  position: relative;
  color: #fff;
  text-align: center;
  margin-bottom: -8px;
}

.vorgeschmack .buchstabe {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translate(0px, -50%);
  font-size: 250px;
  transition: 1s all;
}

.vorgeschmack .buchstabe p {
  font-size: 200px;
}

.vorgeschmack:hover .buchstabe {
  opacity: 0;
}

.vorgeschmack .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
  transition: 1s all;
}
.vorgeschmack .overlay .overlayinnertext {
  top: 50%;
  position: relative;
  transform: translate(0, -50%);
  padding: 0 100px;
}

.vorgeschmack .overlay .overlayinnertext h2 {
  color: #fff;
  text-transform: uppercase;
}

.vorgeschmack .overlay .overlayinnertext p {
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    margin-bottom: 65px!important;
}

.vorgeschmack .overlay .overlayinnertext a {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    border: 4px solid #fff;
    color: #ffffff !important;
    font-size: 1em;
    padding: 1em;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    padding-inline: 2em;
    text-transform: uppercase;
    background:transparent;
    font-weight: bold;
    width: fit-content;
    margin: 0 auto;
}
.vorgeschmack .overlay .overlayinnertext a:hover {
    background: #935961;
    border-color: #935961;
    color: #ffffff !important;
}

.vorgeschmack:hover .overlay {
  opacity: 1;
  box-shadow: inset 0 0 0 1000px rgba(102, 34, 44, .85);
}


.laden {
  background-color: #66222C;
  text-align: center;
  position: relative;
  min-height: 375px;
}

.laden .logo {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}


.laden .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
  transition: 1s all;
  background: #DFA79F;
}
.laden .overlay .overlayinnertext {
  top: 50%;
  position: relative;
  transform: translate(0, -50%);
  padding: 0 15px;
}

.laden .overlay .overlayinnertext img {
  padding: 0 ;
}
.laden .overlay .overlayinnertext p {
  color: #fff;
  font-weight: 400;
}

.laden:hover .overlay {
  opacity: 1;
}

.offenfooter {
  width: 100%;
  max-width: 100%;
  float: left;
}

.offenfooter .days {
  width: 50%;
  float: left;
      text-align: left;
    padding-left: 66px;

}
.offenfooter .time {
  width: 50%;
  float: left;
}
.split-background {
background: rgb(102,34,44);
background: -moz-linear-gradient(90deg, rgba(102,34,44,1) 50%, rgba(223,167,159,1) 50%);
background: -webkit-linear-gradient(90deg, rgba(102,34,44,1) 50%, rgba(223,167,159,1) 50%);
background: linear-gradient(90deg, rgba(102,34,44,1) 50%, rgba(223,167,159,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#66222c",endColorstr="#dfa79f",GradientType=1);
}

.split-background h2 strong {
  font-weight: 900;
}

.split-background h2 {
  font-size: 30px;
  line-height: 40px;
}


.coloumnpadding {
  padding: 55px 50px;
}

.img-above-footer {
  display: flex;
  margin-bottom: -131px;
}
    
.img-above-footer img {
  max-width: 40%;
}

footer {
  text-align: center;
}

footer h2 {
  font-size: 15px!important;
  font-weight: 900!important;
  text-transform: uppercase!important;
  letter-spacing: 1.5px!important;
}


footer p, footer .days, footer .time {
  font-size: 15px;
  font-weight: 600;
  line-height: 30px;

}

footer .offenfooter {
      margin-bottom: 50px;
}

footer  .pink {
  color: #DFA79F!important;
}

.width-50-container {
  width: 50%;

}
.width-25-container {
  width: 25%; 
}

.wpforms-container .wpforms-field-label, .wpforms-container .wpforms-required-label {
  color: #66222C!important;
  font-size: 25px!important;
  line-height: 30px!important;
}
.wpforms-container input {
  background-color: #fcf6f5!important;
  border: none!important;
  border-radius: 0!important;
  color: #66222C!important;
}

#wpforms-15-field_14 {
  display: none;
}


.wpforms-field-checkbox  {
  margin-bottom: 80px!important;
}

.wpforms-field-checkbox legend {
  border-bottom: 2px solid #66222C!important;
  width: 100% !important;
}

.wpforms-container .wpforms-field-label-inline, .wpforms-container .wpforms-field-label-inline a {
  font-size: 17px!important;
  line-height: 20px!important;
  color: #050505;
}

.wpforms-container .wpforms-submit {
  float: right!important;
  background-color: #66222C!important;
  text-transform: uppercase;
  border-radius: 0px!important;
  font-weight: bold!important;
}

.ow-button-base a {
  border-radius: 0px!important;
   text-transform: uppercase;
   font-weight: 900;
}
.wpforms-container .wpforms-submit:hover, div.wpforms-container-full button[type=submit]:hover {
  background: #935961!important;
  border-color: #935961!important;
  color: #ffffff !important;
}

.wpforms-container .wpforms-form .wpforms-field-label {
      font-family: Besley, sans-serif !important;
}


div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full input[type=submit]:active, div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full button[type=submit]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active, .wp-core-ui div.wpforms-container-full input[type=submit]:hover, .wp-core-ui div.wpforms-container-full input[type=submit]:active, .wp-core-ui div.wpforms-container-full button[type=submit]:hover, .wp-core-ui div.wpforms-container-full button[type=submit]:active, .wp-core-ui div.wpforms-container-full .wpforms-page-button:hover, .wp-core-ui div.wpforms-container-full .wpforms-page-button:active {
  background: #935961!important;
  border-color: #935961!important;
  color: #ffffff !important;
}

#wpforms-submit-15:hover, #wpforms-submit-15:active, #wpforms-submit-15:focus {
  background: #935961!important;
  border-color: #935961!important;
  color: #ffffff !important;
  border: none!important;
  outline: none!important;
}

.wpforms-one-fourth {
  padding-right: 30px!important;
}

#wpforms-15-field_20-container {
  margin-bottom: 50px;
}



.page-id-260 .header {
  margin-bottom: -85px;
  box-shadow: inset 0 0 0 1000px rgba(223, 167, 159, .81);
}

.page-id-260 .img-above-footer {
  display: none;
}

.sow-accordion-panel-header {
  border: none!important;
  border-bottom: 2px solid #66222c!important;
  padding: 0px!important;
}

.sow-accordion-panel-header .sow-accordion-title {
  font-size: 25px!important;
  line-height: 35px!important;
  font-weight: bold!important;
}

.site-header {
  border-bottom: none!important; 
}

.sow-accordion-panel-content .sow-accordion-panel-border {
  padding: 30px 0px 0px 0px!important;  
}
.wpforms-field-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.form-full-width {
  width: 100%!important;
}

.firsttime {
  width: 50px;
  display: inline-block;
}

.timedivider {
  width: 15px;
  display: inline-block;
}

.secondtime {
  width: 100px;
  display: inline-block;
}

.timeplace {
  display: inline-block;
}

.hoverscale img {
  transition: all 1s;
}

.hoverscale img:hover {
  transform: scale(1.1);
  
}

.dekstopimg {
  display: block;
}

.mobilimg {
  display: none;
}

.page-id-409 h1 , .page-id-3 h1 {
  font-size: 40px;
  font-weight: 900;
}

.page-id-409 h2 , .page-id-3 h2 {
  font-size: 30px;
}

footer .trenner {
  width: 45px;
  height: 2px;
  background-color: #DFA79F;
  margin: 20px auto;
}
.desktop-break {
    display: block;
  }

@media only screen and (max-width: 1600px) {
   .page-id-27 .headerstartseite h1 {
      font-size: 125px;
      line-height: 160px;
   }
}

@media only screen and (max-width: 1200px) {
  .page-id-27 .headerstartseite h1 {
    font-size: 100px;
    line-height: 130px;
 }
  .wpforms-one-fourth {
    width: calc(33% - 20px)!important;
  }

}

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

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

@media only screen and (max-width: 992px) {
   .page-id-27 .headerstartseite h1 {
      font-size: 65px;
      line-height: 90px;
    }
    .wpforms-container .wpforms-one-fourth {
      width: calc(50% - 20px)!important;
    }
    .kundenstimmen h2 {
      font-size: 60px;
      line-height: 80px;
    }
    .imgdivider {
      min-height: 300px;
    }
    .imgdivider h2 {
      font-size: 50px;
      line-height: 70px;
    }
    .page-id-27 .headerstartseite {
      min-height: calc(40vh - 87px);
    }

    .header {
      min-height: calc(40vh - 87px);
    }
    .kontakt-early-break {
        flex-direction: column;
    }
    .kontakt-early-break #pgc-65-6-0, .kontakt-early-break #pgc-65-6-1,
    .kontakt-early-break #pgc-65-7-0, .kontakt-early-break #pgc-65-7-1,
    .kontakt-early-break #pgc-65-8-0, .kontakt-early-break #pgc-65-8-1 {
      width: 100%;
    }
    .kontakt-early-break #pgc-65-6-0 {
      margin-bottom: 30px;
    }
    #pg-65-6, #pg-65-7 {
      margin-bottom: 0px;
    }
}

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

  p {
    font-size: 15px;
    line-height: 25px;
  }

  .page-id-27 .headerstartseite h1 {
    font-size: 50px;
    line-height: 70px;
  }
  #pg-27-0.panel-has-style > .panel-row-style, #pg-27-0.panel-no-style {
    flex-direction: row;
  }
  h2 {
    font-size: 25px;
    line-height: 30px;
  }
  .kundenstimmen h2 {
    font-size: 25px;
    line-height: 30px; 
    padding-top: 50px;   
  }


  .vorgeschmack .buchstabe p {
    font-size: 200px;
  }
  .vorgeschmack .overlay .overlayinnertext {
    padding: 0 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .vorgeschmack .overlay .overlayinnertext p {
    font-size: 15px;
      line-height: 25px;
  }

  
  .so-widget-sow-anything-carousel .sow-carousel-container .sow-carousel-wrapper {
    padding-top: 60px;
  }
  .so-widget-sow-anything-carousel-base-ceb15c7a3846-27 .sow-carousel-container .sow-carousel-wrapper .sow-carousel-items .sow-carousel-item {
    margin: 20px 25px!important;
  }
  #pg-27-3 .panel-row-style-for-27-3 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .vorgeschmack .overlay {
    opacity: 1;
    box-shadow: inset 0 0 0 1000px rgba(102, 34, 44, .85);
  }
  .vorgeschmack .buchstabe {
    opacity: 0;
  }
#pgc-27-3-1 .vorgeschmack .overlay {
    opacity: 1;
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.65);
  }
  #pgc-27-3-0 {
    margin-bottom: 0px;
  }

  #pg-63-1, #pg-63-2, #pg-65-1 {
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
  }

  #pg-63-1> .panel-row-style, #pg-63-2 {
    padding: 0px;
  }

  #pg-63-1> .panel-row-style .textwidget , #pg-63-2 .textwidget {
    padding: 15px;
  }

  .header{
    flex-direction: row!important;
    margin-bottom: 0px;
  }

  .header h1 {
    font-size: 40px;
    line-height: 40px;
  }      
  #pg-63-1> .panel-row-style, #pg-65-1> .panel-row-style {
    margin-top: 0px;
  }
  .imgdivider {
    min-height: 150px;
  }
  .imgdivider h2 {
    font-size: 25px;
    line-height: 30px;
  }
  .split-background {
    background: #66222C;
  }
  #pgc-65-1-1 {
    background-color: #fff;
  }
  #pg-27-1> .panel-row-style {
    padding: 50px 20px 200px 20px!important;
  }
  #pg-27-4 {
    margin-bottom: 50px;
  }
  #pl-27 #panel-27-2-0-1 {
    margin: 65px 0px 0px 0px;
  }
  .offenfooter .days {
    padding-left: 85px;

  }
  .offenfooter .time {
      padding-right: 85px;
  }
  .wpforms-container .wpforms-one-half {
        width: calc(100% - 10px)!important;
  }
  #mobile-navigation {
    top: 100%;
  }
  #mobile-navigation ul li {
    font-family: Besley, sans-serif; 
    font-size: 15px;
    font-weight: bold;
  }
  #primary-menu {
    min-height: calc(40vh - 87px);
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
  }
  #mobile-navigation ul li a {
    border:none;
    padding: 10px 45px;
  }
  #mobile-menu-button {
    right: -17px;
    padding: 0px;
  }
  #mobile-menu-button svg {
    height: 29px;
    width: 33px;
  }
  header .facebook {
    position: absolute;
    right: 20px;
    top: 29px;
  }
  .kundenstimmencarousel {
    background-size: 35%;
    background-position: center 32%!important;
  }

  .dekstopimg {
    display: none;
  }

  .mobilimg {
    display: block;
  }

  .wpforms-container .wpforms-field.wpforms-five-sixths, .wpforms-container .wpforms-field.wpforms-four-sixths, .wpforms-container .wpforms-field.wpforms-four-fifths, .wpforms-container .wpforms-field.wpforms-one-fifth, .wpforms-container .wpforms-field.wpforms-one-fourth, .wpforms-container .wpforms-field.wpforms-one-half, .wpforms-container .wpforms-field.wpforms-one-sixth, .wpforms-container .wpforms-field.wpforms-one-third, .wpforms-container .wpforms-field.wpforms-three-fourths, .wpforms-container .wpforms-field.wpforms-three-fifths, .wpforms-container .wpforms-field.wpforms-three-sixths, .wpforms-container .wpforms-field.wpforms-two-fourths, .wpforms-container .wpforms-field.wpforms-two-fifths, .wpforms-container .wpforms-field.wpforms-two-sixths, .wpforms-container .wpforms-field.wpforms-two-thirds {
    margin-left: 0px!important;
  }

  .wpforms-container .wpforms-one-fourth {
        width: calc(100% - 20px) !important;
    }
    .kundenstimmen {
      background-color: #dfa79f!important;
      color: #000;
      position: relative;
    }
    .kundenstimmen #panel-27-4-0-0> .panel-widget-style {
      background-color: #dfa79f!important;
      color: #000;
    }
    .kundenstimmen h2 {
      color: #000;
    }
    .mobil-break {
      display: block;
    }
    .desktop-break {
      display: none;
    }
    .secondtime {
      width: 81px;
      display: inline-block;
    }
    .split-background h2 {
      font-size: 25px;
      line-height: 30px;
    }
}

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

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

@media only screen and (max-width: 576px) {
    
  .page-id-27 .headerstartseite h1 {
    font-size: 40px;
    line-height: 40px;
  }
  .footerfixedlogo .fixedlogo {
    max-width: 170px;
  }
  .img-above-footer {
    margin-bottom: -84px;
  }

  .img-above-footer img {
    max-width: 100%;
  }
  h2 {
    font-size: 20px;
    line-height: 30px;
  }

  .offenfooter .days {
        padding-left: 20px;
    }
  .offenfooter .time {
      padding-right: 20px;
  }
  .page-id-260 .footerfixedlogo {
      margin-top: 0px;
  }

    .split-background h2 {
      font-size: 20px;
      line-height: 25px;
    }

}


@media only screen and (max-width: 400px) {
    
  .page-id-27 .headerstartseite h1 {
    font-size: 30px;
    line-height: 40px;
  }
}