/* Cookie Banner */
#cookie-bar {background:rgba(49, 45, 90, 1); height:6vh; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;  z-index: 90;width:100%;font-family: 'Heebo', sans-serif; font-size: 1.2vh; line-height: 1.4; display: flex; align-items: center; justify-content: center;}
#cookie-bar.fixed {position:fixed; bottom:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0.5vw 1vw;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {border: 1px solid; border-radius: 0; padding: 0.5vw 1vw; margin: 2vw 0.5vw; }
#cookie-bar .cb-enable:hover {background: white; color:rgba(57, 80, 0, 0.9); }
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {border: 1px solid; border-radius: 0;padding: 0.5vw 1vw; margin: 2vw 0.5vw; }
#cookie-bar .cb-policy:hover {background: white; color:rgba(57, 80, 0, 0.9);}
/* Disable right click */
img {
  pointer-events: none;
}
/* Preloader */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(49, 45, 90, 1);
  /* change if the mask should have another color then white */
  z-index: 99;
  /* makes sure it stays on top */
  display: flex;
  align-self: center;
  justify-content: center;
}
#status {
  width: 30vh;
  height: 30vh;
  z-index: 99;
  background-image: url(../resources/images/männchen.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  align-self: center;
  justify-content: center;
  animation: blink 0.75s;
  animation-iteration-count: infinite;
}
@keyframes blink {
    0% {opacity: 0;}
    12% {opacity: 0.25;}
    25% {opacity: 0.5;}
    40% {opacity: 0.75;}
    50% {opacity: 1;}
    62% {opacity: 0.75;}
    75% {opacity: 0.5;}
    87% {opacity: 0.25;}
    100% {opacity: 0;}
}
/* Main Stuff*/

body {
  width: 100%;
  min-width: 360px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
.main {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-flow: column;
 width: 90vw;
 min-height: 100%;
}

.animsition {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  width: 80%;
}
/* Global text styles*/
a {
  color:rgba(49, 45, 90, 1);
  text-decoration: none;
  hyphens: manual;
}
a:hover {
  color:rgba(49, 45, 90, 1);
  text-decoration: underline;
}
a:active {
  color:rgba(49, 45, 90, 1);
  text-decoration: underline;
}
body h1 {
  font-family: 'Jura',sans-serif;
  font-size: 5vh;
  line-height: 6.5vh;
  font-weight: 400;
  color:rgba(49, 45, 90, 1);
}
body h2 {
  width: 50vw;
  font-family: 'Jura',sans-serif;
  font-size: 2vh;
  font-weight: 400;
  color:rgba(49, 45, 90, 1);
  padding-bottom: 2vh;
  margin: 0;
  text-decoration: none;
}
.main p, .impressum p, .impressum span, .datenschutz span {
  width: 80%;
  font-family: 'Jura',sans-serif;
  font-size: 4vh;
  font-weight: 400;
  color:rgba(49, 45, 90, 1);
}
/* Navbar */
.navbar {
  width: 100vw;
  height: 8vh;
  padding: 2vh 0;
  position: fixed;
  top:0;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Jura',sans-serif;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 11;
  -webkit-box-shadow: 0 8px 80px -26px rgb(49, 45, 90);
   -moz-box-shadow: 0 8px 80px -26px rgb(49, 45, 90);
        box-shadow: 0 8px 80px -26px rgb(49, 45, 90);
}
.navbar .logo {
  height: 7.5vh;
  background-image: url(../resources/images/logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  flex-grow: 1;
  margin-left: 5vw;
  z-index: 10;
}
.navbar .logo a {
  width: 10vh;
  height: 7.5vh;
  display: block;
}
.navbar .active {
  color:rgba(49, 45, 90, 1);
  text-decoration: underline;
}
.mobile_menu {
  display:none;
}
#menu-right {
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  justify-content: center;
  font-weight: 400;
  font-size: 1.5vh;
  margin-right: 5vw;
}
.navbar_phone {
  padding-bottom: 2vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.navbar_phone span {
  height: 100%;
  display: flex;
  justify-content: center;
  padding-left: 1vh;
}
#menu-right span {
  padding-right: 1vw;
}
#menu-right ul {
  display: flex;
  flex-flow: row;
  width: 100%;
}
#menu-right li {
  padding: 0 1vw;
}
#no2, #no3, #no4 {
  padding-top: 7vh;
}
#no1 {
  width: 100%;
}
.header {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-flow:row;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: wrap;
  top:0;
}
.header_container {
  width: 100%;
  height: 50vh;
  background-color:rgba(49, 45, 90, 0.1);
  margin-top: 12vh;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.header_slideshow {
  width: 70%;
  height: 100%;
  background-color: grey;
}
#auto {
  height: 100%;
}
.slide_one {
  height: 100%;
  background-image: url(../resources/images/1.jpg);
  background-size: cover;
}
.slide_two {
  height: 100%;
  background-image: url(../resources/images/2.jpg);
  background-size: cover;
}
.slide_three {
  height: 100%;
  background-image: url(../resources/images/3.jpg);
  background-size: cover;
}
.big_headlines {
  margin-top: -20vh;
  text-align: left;
  width: 100%;
  z-index: 2;
  hyphens: manual;
}
.big_headlines h2 {
  width: 100%;
}
.scroll_down {
  height: 10vh;
  width: 33%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.scroll_down img {
  height: 2vh;
}
.header_imprint {
  width: 33%;
  height: 10vh;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end;
  font-family: 'Jura',sans-serif;
  font-size: 1.5vh;
  font-weight: 400;
}
.header_imprint span {
  padding-left: 0.5vh;
  color:rgba(49, 45, 90, 1);
}
#no2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.herzlich_willkommen {
  padding-bottom: 7vh;
  width: 50vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mitarbeiter {
  width: 100%;
  height: 40vw;
  background-color:rgba(49, 45, 90, 0.1);
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.mitarbeiter_slideshow {
  width: 70%;
  height: 100%;
  background-color: grey;
}
#mitarbeiter_titel {
  width: 30%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.mitarbeiter_titel_1, .mitarbeiter_titel_2 {
  width: 100%;
}
.mitarbeiter_titel_1 h3 {
  font-family: 'Jura',sans-serif;
  font-size: 2vh;
  font-weight: 400;
  color:rgba(49, 45, 90, 1);
  text-decoration: none;
}
.mitarbeiter_titel_1 h1, .mitarbeiter_titel_1 h2, .mitarbeiter_titel_2 h1, .mitarbeiter_titel_2 h2 {
    margin: 0 2vh 0 2vh;
}
#mitarbeiter_slideshow {
  height: 100%;
  width: 100%;
}
.mitarbeiter1 {
  height: 100%;
  width: 100%;
  background-image: url(../resources/images/4.jpg);
  background-size: cover;
  background-position:center;
}
.mitarbeiter2 {
  height: 100%;
  width: 100%;
  background-image: url(../resources/images/5.jpg);
  background-size: cover;
  background-position:center;
}
#no3 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.unsere_kunden {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.unsere_kunden h2 {
  padding-bottom: 7vh;
}

.kunden_logos_container {
  width: 90vw;
  padding: 4vh 0;
  background-color:rgba(49, 45, 90, 0.1);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  -webkit-transition: height 2s; /* Safari */
  transition: height 2s;
}
.kunde1 {
  min-width: 20%;
  min-height: 9vh;
  background-image: url(../resources/images/Kunde1.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 2vh 2vh;
}
.kunde2 {
  min-width: 20%;
  min-height: 9vh;
  background-image: url(../resources/images/Kunde2.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 2vh 2vh;
}
.kunde3 {
  min-width: 20%;
  min-height: 9vh;
  background-image: url(../resources/images/Kunde3.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 2vh 2vh;
}
.kunde4 {
  min-width: 20%;
  min-height: 9vh;
  background-image: url(../resources/images/Kunde4.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 2vh 2vh;
}
.kunde5 {
  min-width: 20%;
  min-height: 9vh;
  background-image: url(../resources/images/Kunde5.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 2vh 2vh;
}
.kunde6 {
  min-width: 20%;
  min-height: 9vh;
  background-image: url(../resources/images/Kunde6.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 2vh 2vh;
}
.kunde7 {
  min-width: 20%;
  min-height: 9vh;
  background-image: url(../resources/images/Kunde7.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 2vh 2vh;
}
.kunde8 {
  min-width: 20%;
  min-height: 9vh;
  background-image: url(../resources/images/Kunde8.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 2vh 2vh;
}
.kunde9 {
  min-width: 20%;
  min-height: 9vh;
  background-image: url(../resources/images/Kunde9.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 2vh 2vh;
  opacity: 0;
  -webkit-transition: opacity 2s ease-in 2s; /* Safari */
  transition: opacity 2s ease-in;
}
.kunde10 {
  min-width: 20%;
  min-height: 9vh;
  background-image: url(../resources/images/Kunde10.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 2vh 2vh;
  opacity: 0;
  -webkit-transition: opacity 2s ease-in 2s; /* Safari */
  transition: opacity 2s ease-in;
}
.kunde11 {
  min-width: 20%;
  min-height: 9vh;
  background-image: url(../resources/images/Kunde11.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 2vh 2vh;
  opacity: 0;
  -webkit-transition: opacity 2s ease-in 2s; /* Safari */
  transition: opacity 2s ease-in;
}
.kunde12 {
  min-width: 20%;
  min-height: 9vh;
  background-image: url(../resources/images/Kunde12.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 2vh 2vh;
  opacity: 0;
  -webkit-transition: opacity 2s ease-in 2s; /* Safari */
  transition: opacity 2s ease-in;
}
/* Mehr button*/
#mehr_button {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2vh 0;
}
#button {
  width: 10vh;
  height: 10vh;
  background-color: white;
  color: black;
  font-size: 5vh;
  border-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
#button:hover {
  background-color: rgba(49, 45, 90, 1);
  color: white;
}
#button:focus {
  outline: none;
}
.mehr_kunden {
  width: 100%;
  height: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  -webkit-transition: height 1s; /* Safari */
  transition: height 1s;
  overflow: hidden;
}
.mehr_kunden-active .kunde9, .mehr_kunden-active .kunde10, .mehr_kunden-active .kunde11, .mehr_kunden-active .kunde12{
  opacity: 1;
  -webkit-transition: opacity 2s ease-in 2s; /* Safari */
  transition: opacity 2s ease-in;
}
.mehr_kunden-active {
  width: 100%;
  height: 22vh;
  -webkit-transition: height 1s; /* Safari */
  transition: height 1s;
}
#no4 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.kontakt, .adresse_text {
  width: 50vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 7vh;
}
#map {
  width: 90vw;
  height: 40vh;
  background-color:rgba(49, 45, 90, 0.1);
  margin-bottom: 7vh;
}
.adresse {
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer {
  background-color:rgba(49, 45, 90, 0.1);
  width: 100%;
}
.footer_imprint {
  bottom: 0;
  position: absolute;
  width: 100%;
}
footer p, footer a {
  font-family: 'Jura',sans-serif;
  font-size: 1.5vh;
  font-weight: 400;
  color:rgba(49, 45, 90, 1);
  line-height: 150%;
}
.footer_content {
  padding: 3vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.footer_links {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.footer_links span {
  padding: 0 1vh;
}
.impressum {
  padding-top: 19vh;
  width: 50vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.impressum span, .datenschutz span {
  padding-top: 7vh;
}
.datenschutz {
  margin-top: 12vh;
    padding-bottom: 7vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.datenschutz h2 {
  width: 100%;
  margin-top: 7vh;
}
.datenschutz p{
  font-size: 3vh;
}
#info {
  margin-top: 12vh;
  height:88vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.info_container {
  width: 100%;
  height: 70vh;
  background-color:rgba(49, 45, 90, 0.1);
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.info_bild_glasreinigung {
  min-width: 70%;
  height: 100%;
  background-image: url(../resources/images/Glasreinigung.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.info_bild_winterdienst {
  min-width: 70%;
  height: 100%;
  background-image: url(../resources/images/Winterdienst.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.info_bild_unterhaltsreinigung {
  min-width: 70%;
  height: 100%;
  background-image: url(../resources/images/Unterhaltsreinigung.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.info_bild_treppenhausreinigung {
  min-width: 70%;
  height: 100%;
  background-image: url(../resources/images/Treppenhausreinigung.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.info_bild_grundreinigung {
  min-width: 70%;
  height: 100%;
  background-image: url(../resources/images/Grundreinigung.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.info_bild_gehwegreinigung {
  min-width: 70%;
  height: 100%;
  background-image: url(../resources/images/Gehwegreinigung.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.info_bild_gartenpflege {
  min-width: 70%;
  height: 100%;
  background-image: url(../resources/images/Gartenpflege.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.info_beschreibung {
  overflow: scroll;
  height: 100%;
}
.info_beschreibung h2 {
  width: auto;
  padding: 2vh 0 0 2vh;
}
.info_beschreibung p {
  width: auto;
  padding: 2vh;
  font-size: 3vh;
}
#info span {
  width: 100%;
  font-family: 'Jura',sans-serif;
  font-size: 4vh;
  font-weight: 400;
  color:rgba(49, 45, 90, 1);
  padding-top: 3vh;
}
/* Mobile view portrait */

@media only screen
  and (min-width: 320px)
  and (max-width: 960px),
{
/* Cookie Banner */
  #cookie-bar {background:rgba(49, 45, 90, 1); height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:1vw 0;  z-index: 90;width:100%;font-family: 'Heebo', sans-serif; font-size: 18px; line-height: 1.4; display: flex; flex-flow: row; flex-wrap: wrap; align-items: center; justify-content: center;}
  #cookie-bar.fixed {position:fixed; bottom:0; left:0; width:100%;}
  #cookie-bar.fixed.bottom {bottom:0; top:auto;}
  #cookie-bar p {margin:0; padding:2vw 3vw; width: 100%;}
  #cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding: 0 6px; margin-left:0px;}
  #cookie-bar .cb-enable {border: 1px solid; border-radius: 0; padding: 1vw 2vw; margin: 0 2vw; margin-top: 2vw;}
  #cookie-bar .cb-enable:hover {background: white; color:rgba(49, 45, 90, 1); }
  #cookie-bar .cb-disable {background:#990000;}
  #cookie-bar .cb-disable:hover {background:#bb0000;}
  #cookie-bar .cb-policy {border: 1px solid; border-radius: 0;padding: 1vw 2vw; margin: 0 2vw; margin-top: 2vw;}
  #cookie-bar .cb-policy:hover {background: white; color:rgba(49, 45, 90, 1);}

p {
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}
.navbar {
  display:none;
}
.mobile_menu {
  height: 12vh;
  width: 100vw;
  top:0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: fixed;
  overflow: hidden;
  z-index: 12;
  -webkit-transition: width 1s, height 1s; /* Safari */
  transition: width 1s, height 1s;
  background-color: rgba(255, 255, 255, 0.97);
  -webkit-box-shadow: 0 8px 80px -26px rgb(49, 45, 90);
   -moz-box-shadow: 0 8px 80px -26px rgb(49, 45, 90);
        box-shadow: 0 8px 80px -26px rgb(49, 45, 90);
}
.mobile_menu .logo {
  height: 6vh;
  background-image: url(../resources/images/logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  flex-grow: 1;
  margin: 3vh 0 3vh 5vw;
}
.mobile_menu .logo a {
  width: 100%;
  height: 6vh;
  display: block;
}
.mobile_menu ul li{
  height: 0;
  width: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: opacity 2s; /* Safari */
  transition: opacity 2s;
}
.nav-active {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: fixed;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  position: fixed;
  top:0;
}
.nav-active ul {
  min-width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nav-active ul li{
  width:100%;
  height: auto;
  opacity: 1;
  padding-left: 5vh;
  font-family: 'Jura',sans-serif;
  font-size: 5vh;
  line-height: 6.5vh;
  font-weight: 400;
  color:rgba(49, 45, 90, 1);
  -webkit-transition: opacity 2s; /* Safari */
  transition: opacity 2s;
}
.nav-active ul li:active{
  text-decoration: underline;
}
.toggle-button {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  height: 12vh;
}
#toggle {
  padding-right: 5vw;
}
#toggle ".toggle-button toggle-active"{
  position: relative;
  top:0;
}
.nav-active li {
  font-family: 'Jura',sans-serif;
  font-size: 5vh;
  font-weight: 400;
  color:rgba(49, 45, 90, 1);
  padding-bottom: 2vh;
  margin: 0;
  text-decoration: none;
}
.header_imprint {
  height: 0;
  width: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: opacity 2s; /* Safari */
  transition: opacity 2s;
}
.nav-active .header_imprint {
  width:100%;
  height: auto;
  opacity: 1;
  font-size: 2vh;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding-left: 3vh;
  padding-bottom: 5vh;
}
.header_container {
  height: 80vh;
  width: 100vw;
  margin: 0;
  padding: 0;
  opacity: 0.3;
}
.header_slideshow {
  width: 100%;
}
.slide_one {
  background-position: 80% 0%;
}
.slide_two {
  background-position: 80% 0%;
}
.slide_three {
  background-position: 80% 0%;
}
.big_headlines {
  margin-top: -45vh;
}
.scroll_down {
  display: none;
}
.herzlich_willkommen, .herzlich_willkommen h2, .unsere_kunden h2, .kontakt, .kontakt h2, .adresse_text, .adresse_text h2, .mitarbeiter_slideshow, #mitarbeiter_titel, .impressum, .impressum h2, .datenschutz, .datenschutz h2 {
  width: 100%;
}
.mitarbeiter {
  flex-direction: column;
  height: 50vh;
}
.mitarbeiter_slideshow {
  min-height: 40%;
  max-height: 50%;
  width:100%;
}
#mitarbeiter_titel {
  height: 100%;
}
#mitarbeiter_titel h1, #mitarbeiter_titel h2 {
  height: 100%;
}
.kunden_logos_container {
  padding: 0;
}
.kunde1, .kunde2, .kunde3, .kunde4, .kunde5, .kunde6, .kunde7, .kunde8, .kunde9, .kunde10, .kunde11, .kunde12 {
  margin: 2vh 0 2vh 0;
  min-width: 21%;
}
.mehr_kunden-active {
  height: 13vh;
}
footer, .footer_datenschutz {
  bottom: auto;
  position: relative;
}
.impressum {
  height: 80vh;
}
#info {
  height: auto;
  min-height: 88vh;
}
.info_container {
  flex-direction: column;
  height: auto;
  min-height: 70vh;
}
.info_bild_winterdienst, .info_bild_unterhaltsreinigung, .info_bild_treppenhausreinigung, .info_bild_grundreinigung, .info_bild_glasreinigung, .info_bild_gehwegreinigung, .info_bild_gartenpflege {
  width: 100%;
  min-height: 30vh;
}
.info_beschreibung {
  overflow: scroll;
  height: 100%;
}
}
@media only screen
  and (min-width: 961px)
  and (max-width: 1300px),
{
}
/* Mobile view landscape */

@media
  only screen
  and (min-device-width: 320px)
  and (max-device-width: 960px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1),
{
/* Cookie Banner */
    #cookie-bar {background:rgba(49, 45, 90, 1); height:auto; line-height:1; color:#eeeeee; text-align:center; padding:1vw 0;  z-index: 90;width:100%;font-family: 'Heebo', sans-serif; font-size: 2.3vw; line-height: 1.4; display: flex; flex-flow: row; flex-wrap: wrap; align-items: center; justify-content: center;}
    #cookie-bar.fixed {position:fixed; bottom:0; left:0; width:100%;}
    #cookie-bar.fixed.bottom {bottom:0; top:auto;}
    #cookie-bar p {margin:0; padding:2vw 3vw; width: 100%;}
    #cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding: 0 6px; margin-left:0px;}
    #cookie-bar .cb-enable {border: 1px solid; border-radius: 0; padding: 1vw 2vw; margin: 0 2vw; margin-top: 2vw;}
    #cookie-bar .cb-enable:hover {background: white; color:rgba(49, 45, 90, 1); }
    #cookie-bar .cb-disable {background:#990000;}
    #cookie-bar .cb-disable:hover {background:#bb0000;}
    #cookie-bar .cb-policy {border: 1px solid; border-radius: 0;padding: 1vw 2vw; margin: 0 2vw; margin-top: 2vw;}
    #cookie-bar .cb-policy:hover {background: white; color:rgba(49, 45, 90, 1);}
}