@font-face {
    font-family: 'Franchise';
    src: url('../fonts/franchise-bold-webfont.eot');
    src: url('../fonts/franchise-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/franchise-bold-webfont.woff') format('woff'),
         url('../fonts/franchise-bold-webfont.ttf') format('truetype'),
         url('../fonts/franchise-bold-webfont.svg#franchiseregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "rieslingregular";
    src: url(//:) format("no404"),
         url('../fonts/riesling-webfont.woff') format('woff'),
         url('../fonts/riesling-webfont.ttf') format('truetype'),
         url('../fonts/riesling-webfont.svg#rieslingregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Familiar Pro";
    src: url("/fonts/familiar-pro-bold.otf") format("opentype");
}

.Galette-MediumOblique {
	font-family: 'Galette-MediumOblique', Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
}

.Galette-Medium {
	font-family: 'Galette-Medium', Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('../fonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('../fonts/open-sans-v34-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('../fonts/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../fonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local(''),
       url('../fonts/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* oswald-200 - latin */
@font-face {
    font-display: swap; 
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 200;
    src: url('/fonts/oswald-v53-latin-200.woff2') format('woff2'); 
}
/* oswald-300 - latin */
@font-face {
    font-display: swap; 
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/oswald-v53-latin-300.woff2') format('woff2'); 
}
/* oswald-regular - latin */
@font-face {
    font-display: swap; 
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/oswald-v53-latin-regular.woff2') format('woff2'); 
}
/* oswald-500 - latin */
@font-face {
    font-display: swap; 
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/oswald-v53-latin-500.woff2') format('woff2'); 
}
/* oswald-600 - latin */
@font-face {
    font-display: swap; 
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/oswald-v53-latin-600.woff2') format('woff2'); 
}
/* oswald-700 - latin */
@font-face {
    font-display: swap; 
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/oswald-v53-latin-700.woff2') format('woff2'); 
}

/* montserrat-100 - latin */
@font-face {
    font-display: swap; 
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src: url('/fonts/montserrat-v26-latin-100.woff2') format('woff2'); 
}
/* montserrat-200 - latin */
@font-face {
    font-display: swap; 
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200;
    src: url('/fonts/montserrat-v26-latin-200.woff2') format('woff2'); 
}
/* montserrat-300 - latin */
@font-face {
    font-display: swap; 
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/montserrat-v26-latin-300.woff2') format('woff2'); 
}
/* montserrat-regular - latin */
@font-face {
    font-display: swap; 
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/montserrat-v26-latin-regular.woff2') format('woff2'); 
}
/* montserrat-500 - latin */
@font-face {
    font-display: swap; 
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/montserrat-v26-latin-500.woff2') format('woff2'); 
}
/* montserrat-600 - latin */
@font-face {
    font-display: swap; 
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/montserrat-v26-latin-600.woff2') format('woff2'); 
}
/* montserrat-700 - latin */
@font-face {
    font-display: swap; 
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/montserrat-v26-latin-700.woff2') format('woff2'); 
}
/* montserrat-800 - latin */
@font-face {
    font-display: swap; 
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: url('/fonts/montserrat-v26-latin-800.woff2') format('woff2'); 
}
/* montserrat-900 - latin */
@font-face {
    font-display: swap; 
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: url('/fonts/montserrat-v26-latin-900.woff2') format('woff2'); 
}

html,
body {
  height: 100%;
  width: 100%;
  min-width: 320px;
}
body {
  font-family: 'Galette-Medium', Arial, sans-serif;
  min-width: 320px;
}
hr {
  border-color: #94517E;
  border-width: 3px;
  max-width: 50px;
}
hr.light {
  border-color: white;
}
a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  color: #94517E;
}
a:hover,
a:focus {
  color: #bf599b;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Oswald, Franchise, Arial, sans-serif;
}

h2 {
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 48px;
}
p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.bg-primary {
  background-color: #60304e;
}
.bg-dark {
  background-color: #222222;
  color: white;
}
.text-faded {
  color: rgba(255, 255, 255, 0.7);
}

aside {
  padding: 50px 0;
}
.no-padding {
  padding: 0;
}
.navbar-default {
  /* background-color: rgba(34, 34, 34, 0.97); */
  background-color: rgba(96, 48, 78, 0.97);
  font-family: 'Familiar Pro', 'Arial Black', Arial, sans-serif;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  border: none;
  font-size: 18px;
}
.navbar-default i.fa {
  font-size: 16px;
}

.navbar-default .navbar-collapse {
  border: none;
}
.navbar-fixed-top .navbar-collapse {
  max-height: 600px;
}
.navbar-default .navbar-header .navbar-brand {
  display: none;
}
.navbar-default.affix .navbar-header .navbar-brand {
  position: relative;
  display: block;
  animation: fadein 2s forwards;
  color: #CCCCCC;
  font-size: 18px;
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.navbar-default.affix .navbar-header .navbar-brand svg {
    position: absolute;
    top: -11px;
    left: 10px;
    height: 75px;
    width: 75px;
}
.navbar-default.affix .navbar-header .navbar-brand svg #logo-kreis {
    fill: #94517e;
}
.navbar-default.affix .navbar-header .navbar-brand svg #logo-ring {
    stroke: #f9f9f9;
}
.navbar-default.affix .navbar-header .navbar-brand svg #logo-binski,
.navbar-default.affix .navbar-header .navbar-brand svg #logo-lena {
    fill: #f9f9f9;
}

.navbar-default.affix .navbar-header .navbar-brand:hover svg #logo-kreis {
    fill: #81486e;
}
.navbar-default.affix .navbar-header .navbar-brand:hover svg #logo-ring {
    stroke: #ffffff;
}
.navbar-default.affix .navbar-header .navbar-brand:hover svg #logo-binski,
.navbar-default.affix .navbar-header .navbar-brand:hover svg #logo-lena {
    fill: #ffffff;
}


.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {

}

.navbar-default .navbar-header .navbar-toggle {
  color: #CCCCCC;
  background-color: #94517e;
  padding: 5px 10px;
}
.navbar-default .navbar-header .navbar-toggle:hover {
    color: #DDDDDD;
    background-color: #81486e;
    padding: 5px 10px;
}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
  color: #CCCCCC;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
  color: white;
}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
  color: white !important;
  background-color: transparent;
}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
  background-color: transparent;
}

.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
  background: none;
  color: white;
}

.navbar-default .nav > li.dropdown {

}
.navbar-default .nav > li.dropdown.open {
  background: none;
  color: white;
}
#ddTermine,
#ddProjekte {
  background-color: rgba(34, 34, 34, 0.97);
  left: -6px;
  font-family: 'Open Sans', Arial, sans-serif;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  border: none;
  font-size: 15px;
  min-width: 300px;
}
#ddTermine > li > a,
#ddProjekte > li > a {
  background: none;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .7);
  font-weight: bold;
}
#ddProjekte > li > a:hover,
#ddTermine > li > a:hover {
  background: none;
  text-transform: uppercase;
  color: #FFF;
}

@media (max-width: 767px) {
  ul.nav.navbar-nav {
    padding-bottom: 50px;
  }
  #ddTermine,
  #ddProjekte {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    position: static;
    float: none;
    display: block;
  }
}

@media (min-width: 768px) {
  .navbar-default {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.3);
  }
  .navbar-default .navbar-header .navbar-brand {
    color: rgba(255, 255, 255, 0.7);
  }
  .navbar-default .navbar-header .navbar-brand:hover,
  .navbar-default .navbar-header .navbar-brand:focus {
    color: white;
  }

  .navbar-default .nav > li > a,
  .navbar-default .nav > li > a:focus {
    color: rgba(255, 255, 255, 0.7);
  }
  .navbar-default .nav > li > a:hover,
  .navbar-default .nav > li > a:focus:hover {
    color: white;
  }
  .navbar-default.affix {
    background-color: rgba(34, 34, 34, 0.5);
    border-color: rgba(34, 34, 34, 0.05);
  }

  .navbar-default.affix .navbar-header .navbar-brand {
  }
  .navbar-default.affix .navbar-header .navbar-brand:hover,
  .navbar-default.affix .navbar-header .navbar-brand:focus {
  }
  .navbar-default.affix .nav > li > a,
  .navbar-default.affix .nav > li > a:focus {
    /*color: #222222;*/
  }
  .navbar-default.affix .nav > li > a:hover,
  .navbar-default.affix .nav > li > a:focus:hover {
    /*color: #94517E;*/
  }
  #ddTermine,
  #ddProjekte {
    background-color: rgba(34, 34, 34, 0.5);
    border-color: rgba(34, 34, 34, 0.05);
  }
  .affix-top #ddTermine,
  .affix-top #ddProjekte {
    /*background: none;*/
  }
}


@media (min-width: 768px) and (max-width: 1200px) {
    .navbar-default.affix .navbar-header .navbar-brand svg {
        top: -11px;
        left: 20px;
        height: 75px;
        width: 75px;
    }
}
@media (min-width: 1200px) and (max-width: 1549px) {
    .navbar-default.affix .navbar-header .navbar-brand svg {
        top: -14px;
        left: 30px;
        height: 90px;
        width: 90px;
    }
}
@media (min-width: 1550px) {
    .navbar-default.affix .navbar-header .navbar-brand svg {
        top: -15px;
        left: 40px;
        height: 125px;
        width: 125px;
    }
}

.nav > li > a {
    padding-left: 12px;
    padding-right: 12px;
}

/* ---------------- */

header,
section {
  position: relative;
  width: 100%;
  min-height: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-position: center;
  color: white;
}

header {
    background-image: url('/img/Lena-Binski-Portrait.jpg');
}

header .header-content,
section .section-content {
  position: relative;
  text-align: left;
  padding: 50px 0 50px;
  width: 100%;
}
header .header-content {

}

header .header-content .header-content-inner,
section .section-content .section-content-inner {
  padding: 0 15px;
}

header .header-content .header-content-inner h1 {
  margin-top: 250px;
  margin-bottom: 0;
  font-family: 'RieslingRegular', Georgia, 'Times New Roman', Times, serif;
  font-size: 105px;
  line-height: 130px;
  font-weight: normal;
}
header .header-content .header-content-inner hr {
  margin: 30px auto;
}
header .header-content .header-content-inner p {
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  line-height: 24px;
  margin: -10px 0 50px 0;
  font-family: 'Familiar Pro', 'Arial Black', Arial, sans-serif;
}

@media (min-width: 360px) {

}

@media (min-width: 768px) {
  header,
  section {
    min-height: 100%;
  }
  header.restricted-min-height {
    min-height: 850px;
  }
  section.restricted-min-height {
    min-height: 650px;
  }

  header .header-content,
  section .section-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 50px;
  }

  header .header-content .header-content-inner,
  section .section-content .section-content-inner {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  header .header-content .header-content-inner h1 {
    font-size: 120px;
    line-height: 130px;
  }
  header.restricted-min-height .header-content .header-content-inner h1 {
    margin-top: 0;
    margin-bottom: 0;
  }
  header .header-content .header-content-inner h1 span {
    font-size: 60px;
    line-height: 130px;
  }
  header .header-content .header-content-inner p {
    font-size: 17px;
    line-height: 24px;
    max-width: 80%;
  }
}
.section-heading {
  margin-top: 0;
}
.service-box {
  max-width: 400px;
  margin: 50px auto 0;
  padding: 10px;
}
.service-box.anklickbar {
  cursor:pointer;
}
.service-box.anklickbar:hover {
  outline: 1px dotted #888888;
}
@media (min-width: 992px) {
  .service-box {
    margin: 20px auto 0;
  }
  header .header-content .header-content-inner h1 {
    margin-top: 400px;
    font-size: 180px;
    line-height: 180px;
  }
  header .header-content .header-content-inner p {
    font-size: 22px;
    line-height: 30px;
    max-width: 80%;
  }
}

@media (min-width: 1320px) {
  header .header-content .header-content-inner h1 {
    margin: 400px -100px 0 -100px;
  }
  header .header-content .header-content-inner p {
    margin-left: -100px;
  }
}

.xs-titelbild {
    position: relative;
}
.xs-titelbild img {
  padding: 20px 0 20px 0;
  width: 100%;
}
@media (min-width: 768px) {
  .xs-titelbild {
    display:none;
  }
}

/* ---------------- */

.service-box p {
  margin-bottom: 0;
}

/* ---------------- */


section#whynotthebear {
    background-color: #433d32;
}
section#whynotthebear h2 {
    font-family: Franchise, Arial, sans-serif;
    margin-top: 50px;
    color: #947926;
}
section#whynotthebear p {
    font-size: 16px;
    line-height: 21px;
    font-weight: normal;

}
section#whynotthebear p span {
    background-color: #433d32;
    border: 2px solid #433d32;
}

@media (min-width: 768px) {
    section#whynotthebear {
        background-image: url('/img/Why-not-the-Bear-750x500.jpg');
    }
    section#whynotthebear h2 {
        margin-top: 150px;
    }
}

/* ---------------- */

section#ontheroad {
    background-color: #0f4d91;
}
section#ontheroad h2 {
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: bold;
    margin-top: 50px;
}
section#ontheroad p {
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
}

@media (min-width: 768px) {
    section#ontheroad {
        background-image: url('/img/Lena-Binski-onTheRoad-Bg-1920x1200.jpg');
    }
    section#ontheroad h2 {
        margin-top: 220px;
    }
}
@media (min-width: 1280px) {
    section#ontheroad h2 {
        margin-top: 350px;
    }
}

/* --- */


section#siebenleben h2,
section#show h2 {
  font-family: Franchise, Arial, sans-serif;
  margin-top: 50px;
}
section#siebenleben p,
section#show p {
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
}

@media (min-width: 768px) {
  section#siebenleben,
  section#show {
    background-image: url('/img/Lena-Binski-Pistole-750x500.jpg');
  }
  section#siebenleben h2,
  section#show h2 {
    margin-top: 200px;
  }
}

/* ---------------- */

section#warteraum {
  background-color: black;
}
section#warteraum h2 {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: bold;
}
section#warteraum p {
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
}
section#warteraum .col-lg-4,
section#warteraum .col-lg-5,
section#warteraum .col-lg-6,
section#warteraum .col-lg-7,
section#warteraum .col-lg-8 {
  top: 0;
  left: 0;
}

@media (min-width: 768px) {
  section#warteraum {
    background-image: url('/img/Lena-Binski-Warteraum-Bg-1920x1200.jpg');
  }
  section#warteraum .col-lg-4,
  section#warteraum .col-lg-5,
  section#warteraum .col-lg-6,
  section#warteraum .col-lg-7,
  section#warteraum .col-lg-8 {
    top: -50px;
    left: 0;
  }
}
@media (min-width: 1186px) {
  section#warteraum .col-lg-4,
  section#warteraum .col-lg-5,
  section#warteraum .col-lg-6,
  section#warteraum .col-lg-7,
  section#warteraum .col-lg-8 {
    top: -100px;
    left: -100px;
  }
}

/* ---------------- */


section#pechstraehne {
  background-color: #621212;
}
section#pechstraehne h2 {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: bold;
  margin-top: 50px;
}
section#pechstraehne p {
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
}

@media (min-width: 768px) {
  section#pechstraehne {
    background-image: url('/img/Lena-Binski-Die-Pechstraehne-Bg-1920x1200.jpg');
  }
  section#pechstraehne h2 {
    margin-top: 270px;
  }
}
@media (min-width: 1280px) {
  section#pechstraehne h2 {
    margin-top: 450px;
  }
}

/* ---------------- */

.ctaOnImg {
    position: absolute;
    top: -70px;
    left: 10px;
}
.ctaOnImg a {
    border: 5px solid white;
    color: white;
}

@media (min-width: 768px) {
  .ctaOnImg {
      top: -75px;
      left: 0;
  }

  section#artist h2,
  section#lol h2,
  section#workshops h2,
  section#termine h2 {
      margin-top: 50px;
      padding-top: 50px;
      padding-bottom: 380px;
  }

  section#artist .xs-titelbild,
  section#lol .xs-titelbild,
  section#workshops .xs-titelbild,
  section#termine .xs-titelbild {
      display: block;
      position: absolute;
      top: 200px;
      left: 15px;
      right: 0;
      width: 100%;
      overflow: hidden;
      height: 300px;
      background-position: center center;
      background-repeat: no-repeat;
  }

  section#workshops .xs-titelbild {
    background-image: url('/img/Lena-Binski-Workshops-1200x437.jpg');
  }
  section#termine .xs-titelbild {
    /*background-image: url('/img/Lena-Binski-Theaterbuehne-2024-c.jpg');*/
      background-image: url('/img/Lena-Binski-Workshops-2017-c.jpg');
  }
  section#artist .xs-titelbild {
    background-image: url('/img/Lena-Binski-About-the-Artist-1200x437.jpg');
  }
  section#lol .xs-titelbild {
    background-image: url('/img/Lena-Binski-LoL-Clown-Open-Stage-1200x437.jpg');
    background-position: center 80%;
  }

  section#artist .xs-titelbild img,
  section#lol .xs-titelbild img,
  section#workshops .xs-titelbild img,
  section#termine .xs-titelbild img {
      display: none;
  }
  section#artist,
  section#lol,
  section#workshops,
  section#termine {
      padding-bottom: 100px;
  }
}

section#artist {
    background-color: #fffde8;
}
section#artist p {
    color: #1c3b52;
}
section#lol {
    background-color: #FC5000;
}
section#lol p {
    color: white;
}
section#termine,
section#workshops {
  background-color: #283b23;
  color: white;
  height: auto;
}

section#artist .section-content,
section#lol .section-content,
section#workshops .section-content,
section#termine .section-content {
  position: relative;
  top: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  height: auto;
}

section#artist h2 {
  font-family: Franchise, Arial, sans-serif;
  color: #024071;
}
section#lol h2 {
    color: white;
    position: relative;
}
section#lol h2 b {
    display: block;
    font-size: 20px;
    line-height: 30px;
}
@media (min-width: 768px) {
    section#lol h2 b {
        display: block;
        position: absolute;
        left: 0;
        top: 100px;
        font-size: 20px;
        line-height: 30px;
    }
}
section#workshops h2,
section#termine h2 {
  padding-top: 50px;
}


section#workshops .row.former h2,
section#termine .row.former h2 {
    color: #a3a3a3;
    font-size: 38px;
    margin: 0 0 15px 0 !important;
    padding-bottom: 0;
}
section#workshops .row.former h4,
section#termine .row.former h4 {
    color: #777777;
    margin: 30px 0 5px 0;
}
section#workshops .row.former h3,
section#termine .row.former h3 {
    color: #507850;
    margin: 0 0 5px 0;
}
section#workshops .row.former p,
section#workshops .row.former,
section#termine .row.former p,
section#termine .row.former {
    color: #667566;
}

/* - - - */

section#workshops .toggleButton,
section#termine .toggleButton {
    display: inline-block;
    padding: 1.0rem 1.25rem .75rem 1.25rem;
    border-radius: 10rem;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.3rem;
    line-height: 1.3rem;
    letter-spacing: .2rem;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    min-width: 265px;
}


section#workshops .toggleButton.prev,
section#termine .toggleButton.prev {
    border-radius: 10rem 0 0 10rem;
    font-weight: bold;
}
section#workshops .toggleButton.next,
section#termine .toggleButton.next {
    border-radius: 0 10rem 10rem 0;
    font-weight: bold;
}
section#workshops .toggleButton:after,
section#termine .toggleButton:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0cf;
    z-index: -2;
}
section#workshops .toggleButton:before,
section#termine .toggleButton:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #008fb3;
    transition: all .3s;
    z-index: -1;
}
section#workshops .toggleButton:hover,
section#termine .toggleButton:hover {
    color: #fff;
}
section#workshops .toggleButton:hover:before,
section#termine .toggleButton:hover:before {
    width: 100%;
}


section#termine .drawer,
section#workshops .drawer {
    display: none;
    width: 100%;
    margin: 20px 0;
    padding: 30px 10px 20px 10px;
    border-radius: 20px;
    background-color: rgba(0,0,0,.15);
}

section#termine .drawer.rendered,
section#workshops .drawer.rendered {
    max-width: 489px;
}

section#termine .chevron-up span,
section#workshops .chevron-up span {
    display: inline-block;
}

section#termine .chevron-down span::before,
section#workshops .chevron-down span::before {
    left: 20px;
    top: 10px;
    position: absolute;
    z-index: 5;
    text-transform: uppercase;
    font-size: 1.3rem;
    line-height: 1.3rem;
    letter-spacing: .2rem;
}
section#termine .chevron-up span::before,
section#workshops .chevron-up span::before {
    content: 'Doch später vielleicht ◼';
    letter-spacing: .17rem;
}
section#termine .chevron-down span::before,
section#workshops .chevron-down span::before {
    content: 'Jetzt online anmelden ▶';
}

section#workshops .accordion .card .card-header {
    text-align: left;
    margin-top: 10px;
}
section#workshops .accordion .card .card-header button {
    border: none;
    background: none;
    background-color: rgba(255, 255, 255, .05);
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, .1);
    border-right: 1px solid rgba(255, 255, 255, .1);
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 10px 20px;
    width: 100%;
}
section#workshops .accordion .card .card-header button.collapsed {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
section#workshops .accordion .card .card-header button:focus {
    outline: none;
}

section#workshops .accordion .card .card-body {
    text-align: left;
    background-color: transparent;
    border-left: 1px solid rgba(255, 255, 255, .1);
    border-right: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px 20px;
    margin-bottom: 10px;
}



section#ontheroad .cta,
section#lol .cta,
section#workshops .cta,
section#termine .cta {
    display: inline-block;
    padding: 1.0rem 1.25rem .75rem 1.25rem;
    border-radius: 10rem;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.3rem;
    line-height: 1.3rem;
    letter-spacing: .2rem;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
}


section#ontheroad .cta.prev,
section#lol .cta.prev,
section#workshops .cta.prev,
section#termine .cta.prev {
    border-radius: 10rem 0 0 10rem;
    font-weight: bold;
}
section#ontheroad .cta.next,
section#lol .cta.next,
section#workshops .cta.next,
section#termine .cta.next {
    border-radius: 0 10rem 10rem 0;
    font-weight: bold;
}
section#ontheroad .cta:after,
section#lol .cta:after,
section#workshops .cta:after,
section#termine .cta:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0cf;
    z-index: -2;
}
section#ontheroad .cta:before,
section#lol .cta:before,
section#workshops .cta:before,
section#termine .cta:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #008fb3;
    transition: all .3s;
    z-index: -1;
}
section#ontheroad .cta:hover,
section#lol .cta:hover,
section#workshops .cta:hover,
section#termine .cta:hover {
    color: #fff;
    text-decoration: none;
}
section#ontheroad .cta:hover:before,
section#lol .cta:hover:before,
section#workshops .cta:hover:before,
section#termine .cta:hover:before {
    width: 100%;
}

section#ontheroad .ctaFootnote,
section#workshops .ctaFootnote,
section#termine .ctaFootnote,
section#lol .ctaFootnote {
    color: #008fb3;
    font-size: 11px;
    margin: 0;
    padding: 0 0 0 10px;
}

/* --- */

section#workshops ul li,
section#termine ul li {
    font-family: inherit;
    font-size: 16px;
    line-height: 1.5;
}

section#workshops h3,
section#termine h3 {
    padding-top: 10px;
}

section#workshops p,
section#termine p {
    color: white;
}

section#workshops p span,
section#termine p span {
    background-color: rgba(191, 255, 191);
    border: 2px solid rgba(191, 255, 191);
}



/* ---------------- */
@media (min-width: 768px) {
    section#regie {
        background-image: url('/img/Lena-Binski-Regie-2017-m.jpg');
    }
    section#regie h2 {
        padding-top: 50px;
    }
}

section#regie ul li {
    font-family: inherit;
    font-size: 16px;
    line-height: 1.5;
}

section#regie h3 {
    padding-top: 10px;
}

/* ---------------- */

section#clownerie {
    background-image: url('/img/Lena-Binski-Clownerie.jpg');
}

section#clownerie h2 {
    margin-top: 300px;
    color: #A61D1E;
    font-family: Verdana, serif;
    font-weight: bold;
    font-size: 90px;
    line-height: 95px;
}

section#clownerie p {
    line-height: 45px;
    font-family:Franchise, Arial, sans-serif;
    font-size: 38px;
    position: relative;
    left: 30px;
}

@media (max-width: 810px) {
    section#clownerie h2 {
        font-size: 60px;
        line-height: 70px;
    }
    section#clownerie p {
        left: 10px;
        font-size: 28px;
        line-height: 33px;
    }
}

@media (max-width: 500px) {
    section#clownerie {
        background-size: 600px;
        background-repeat: no-repeat;
        background-color: black;
    }
    section#clownerie h2 {
        font-size: 50px;
        line-height: 60px;
    }
}

/* ---------------- */

section#feedback {
    /* background-image: url('../img/Lena-Binski-Theaterbuehne.jpg'); */
    height: auto;
}
section#feedback .section-content {
    position: relative;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding: 0;
}
section#feedback .section-content-inner {
    background-color: #3B2327;
    padding-top: 50px;
    padding-bottom: 50px;
}
section#feedback .section-content-inner h2 {

}
#feedbackFormular {
    display: none;
}

section#feedback input,
section#feedback textarea {
    width: 60%;
    color: black;
    margin-bottom: 10px;
}

section#feedback .submitButton {
    color: white;
    width: 200px;
}

section#feedback .author {
    padding: 20px 0 0 0;
    color: lightgrey;
}
section#feedback .author a {
    color: lightgrey;
}
section#feedback .author a:hover {
    color: white;
    text-decoration: underline;
}

section#feedback .feedback {
    padding: 0 0 20px 20px;
}

/* ---------------- */

/* ---------------- */

section#video {
    background-color: #222222;
    height: auto;
    min-height: 950px;
}
section#video .section-content {
    position: relative;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    height: auto;
}

section#video h2 {
    font-size: 32px;
    color: #94517E;
    margin-top: 0;
    padding-top: 70px;
}

/* ---------------- */

section#vita {
    height: auto;
    min-height: auto;
}

section#vita .section-content {
    position: relative;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    height: auto;
}
section#vita h2 {
    color: #94517E;
}
/* ---------------- */

section#footer {
    height: auto;
    min-height: auto;
}

section#footer .section-content {
    position: relative;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}
section#footer h2 {
    color: #94517E;
}


/* ---------------- */

section#kontakt {
    height: auto;
    min-height: auto;
}
section#kontakt .section-content {
    position: relative;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
section#kontakt h2 {
    padding-top: 50px;
    color: #94517E;
}
/* ---------------- */

section#pressebilder {
    background-color: white;
    color: black;
    text-align: center;
}

/* ---------------- */

.portfolio-box {
    position: relative;
    display: block;
    max-width: 650px;
    margin: 0 auto;
}
.portfolio-box .portfolio-box-caption {
    color: white;
    opacity: 0;
    display: block;
    background: rgba(204, 121, 180, 0.9);
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    padding: 0 15px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 18px;
}
.portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
}
.portfolio-box:focus {
    outline: none;
}
@media (min-width: 768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 16px;
    }
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 22px;
    }
}
.call-to-action h2 {
    margin: 0 auto 20px;
}
.text-primary {
    color: #94517E;
}
.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}
.btn-default {
    color: #222222;
    background-color: white;
    border-color: white;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #222222;
    background-color: #f2f2f2;
    border-color: #ededed;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: white;
    border-color: white;
}
.btn-default .badge {
    color: white;
    background-color: #222222;
}
.btn-primary {
    color: white;
    background-color: #94517E;
    border-color: white;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: white;
    background-color: #cc79b4;
    border-color:  white;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #94517E;
    border-color: #94517E;
}
.btn-primary .badge {
    color: #94517E;
    background-color: white;
}
.btn {
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    border: none;
    border-radius: 300px;
    font-weight: 700;
    text-transform: uppercase;
}
.btn-xl {
    padding: 15px 30px;
}
::-moz-selection {
    color: white;
    text-shadow: none;
    background: #222222;
}
::selection {
    color: white;
    text-shadow: none;
    background: #222222;
}
img::selection {
    color: white;
    background: transparent;
}
img::-moz-selection {
    color: white;
    background: transparent;
}
body {
    webkit-tap-highlight-color: #222222;
}

/* ----- */


/* Buzz */
@-webkit-keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}
@keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}
.hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}
@keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}
.hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

span.aUmlaut {
    display:inline-block;
    position:relative;
}
span.aUmlaut span {
    position: absolute;
    top: -35%;
    left: 17%;
    font-size: 70%;
}
span.aUmlaut.fs32 span {
    position: absolute;
    top: -35%;
    left: 17%;
    font-size: 70%;
}
span.aUmlaut.term span {
    position: absolute;
    top: -50%;
    left: 17%;
    font-size: 70%;
}

span.aUmlaut.bigU span {
    position: absolute;
    top: -52%;
    left: 15%;
    font-size: 80%;
}

#datenschutz,
#impressum {
    display: none;
}

#datenschutz h2,
#impressum h2 {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 32px;
    font-weight: bold;
}

/* --- */

.ausgebucht {
    position: absolute;
    bottom: 0;
    left: 20px;
    rotate: -10deg;
    padding: 5px 10px;
    text-align: center;
    background-color: #c2840d !important;
    color: white !important;
    border-radius: 5px;
    border: 1px dotted white !important;
    font-family: Franchise, Arial, sans-serif;
    font-weight: bold;
}

/* --- PayPal --- */

section#workshops p span#total,
section#termine p span#total {
    background-color: transparent !important;
    border: none !important;
}

section#workshops .drawer .medium p.item-header,
section#termine .drawer .medium p.item-header {
    display: block !important;
}

section#workshops h3#price-text,
section#termine h3#price-text{
    color: #008fb3 !important;
    font-family: 'Galette-Medium', Arial, sans-serif !important;
    font-weight: normal !important;
    font-size: 18px !important;
}

section#workshops select#quantity,
section#workshops select#quantity option,
section#workshops select#selector,
section#workshops select#selector option ,
section#termine select#quantity,
section#termine select#quantity option,
section#termine select#selector,
section#termine select#selector option {
    background-color: white !important;
    color: black !important;
}

section#termine select#quantity,
section#workshops select#quantity {
    max-width: 60px;
}

section#termine label[for="quantity"],
section#workshops label[for="quantity"] {
    font-size: 12px !important;
    font-weight: normal;
    margin-top: 0;
}

section#termine div.input-label,
section#workshops div.input-label {
    font-size: 12px;
}

section#workshops select option,
section#workshops select,
section#termine select option,
section#termine select {
    color: #0b0b0b;
}

section#workshops label[for=quantity] + .selectContainer,
section#termine label[for=quantity] + .selectContainer {
    width: 60px;
}

.bildnachweis {
    font-size: 10px;
    color: grey;
    right: 10px;
    bottom: 30px;
    transform-origin: bottom right;
    -webkit-transform: rotate(-90deg) translateX(100%);
    transform: rotate(-90deg) translateX(100%);
    white-space: nowrap;
    position: absolute;
}

.kategorie {
    font-size: 22px;
    font-weight: bold;
    background-color: rgba(0, 0, 0, .3);
    color: white;
    padding: 7px 20px 0 20px;
    transform-origin: top right;
    -webkit-transform: rotate(-90deg) translateX(-30px);
    transform: rotate(-90deg) translateX(-30px);
    white-space: nowrap;
    border-radius: 10px 10px 0 0;
    position: absolute;
    right: 80%;
}
.kategorie.workshop {
    background-color: rgba(148, 81, 126, .7);
}
.kategorie.networking,
.kategorie.messe {
    background-color: rgba(81, 97, 148, 0.7);
}
.kategorie .ort {
    font-weight: normal;
    font-size: 15px;
    position: relative;
    top: -4px;
}
@media (max-width: 768px) {
    .kategorie {
        transform-origin: top right;
        -webkit-transform: rotate(0deg) translateX(0px);
        transform: rotate(0deg) translateX(0px);
        right: 0;
        padding: 15px 20px 10px 20px;
        position: relative;
    }
}

.terminBild {
    width: 100%;
    padding: 30px 0 0 0;
}
@media (max-width: 768px) {
    .terminBild {
        padding: 0 0 0 0;
        object-fit: cover;
        margin: -12% 0;
    }
    .tbWrapper {
        overflow: hidden;
    }
}

.fa-spinner {
    font-size: 28px;
    margin-left: 47%;
}