#modal {
  left: 50%;
  margin: 0 0 0 -45%;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 90%;
  box-shadow: 0 3px 7px rgba(0,0,0,.25);
  box-sizing: border-box;
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  font-size: initial;
}
#modal:target {
  opacity: 1;
  filter: alpha(opacity=100);
  top: 0;
  visibility: visible
}
.modal-content {
  position: relative;
  z-index: 20;
}
.modal-content .impressum{
  padding: 0;
  margin: 0;
  text-align: left;
  color: #41464B;
}
.modal-content .info-titel{
margin: 2.5vw;
}
.modal-content .close{
display: block;
text-align: center;
}
#modal .overlay {
  background-color: #41464B;
  background: rgba(0,0,0,.7);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10
}

.filmdiv, .hide	{
	display: none !important;
}

.filmdiv2 {
text-align: center
}

.titel-below, .kontakt	{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;

	background: transparent;
	font-size: 175%;
}
.kontakt	{
	min-height: 70vh;
}
.kontakt-icons	{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;
}
.ad-buchen, .kontakt-icons	{
	padding: 2.5vw;
	text-align: center;
	font-family: 'Exo 2 Condensed';
	font-weight: 300;
	letter-spacing: .01em;
	word-spacing: .1em;
}
.centered-icon	{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;

	width: 2em;
	height: 2em;
	border-radius: 100%;
 background: rgba(242, 238, 234, 0.40);
}
.hvr-icon-rotate, .hvr-icon-close	{
	display: inline-block;
	vertical-align: middle;
	webkit-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	        transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	webkit-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	moz-osx-font-smoothing: grayscale;
	position: relative;
	padding-right: 2.2em;
	webkit-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	        transition-duration: 0.3s;
}
.hvr-icon-rotate:after	{
	content: "\ea42";
	position: absolute;
	margin: 2.5vw 0 2.5vw 2.5vw;
	right: 5vw;
	font-family: icomoon;
	webkit-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	        transform: translateZ(0);
	webkit-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	        transition-duration: 0.3s;
	webkit-transition-property: -webkit-transform;
	-webkit-transition-property: -webkit-transform;
	        transition-property: -webkit-transform;
	transition-property: transform;
	-webkit-transition-property: -webkit-transform, -webkit-transform;
	        transition-property: transform, -webkit-transform;
	webkit-transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	        transition-timing-function: ease-out;
	font-size: 150%;
}
.hvr-icon-close:after	{
	content: "\ea0d";
	position: absolute;
	margin: 2.5vw 0 2.5vw 2.5vw;
	font-family: icomoon;
	webkit-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	        transform: translateZ(0);
	webkit-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	        transition-duration: 0.3s;
	webkit-transition-property: -webkit-transform;
	-webkit-transition-property: -webkit-transform;
	        transition-property: -webkit-transform;
	transition-property: transform;
	-webkit-transition-property: -webkit-transform, -webkit-transform;
	        transition-property: transform, -webkit-transform;
	webkit-transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	        transition-timing-function: ease-out;
	font-size: 150%;
}
.hvr-icon-rotate:hover:after, .hvr-icon-rotate:active:after,
.hvr-icon-close:hover:after, .hvr-icon-close:active:after	{
	webkit-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}
.st-accordion ul li.st-open > .hvr-icon-rotate:after,
.st-accordion ul li.st-open > .hvr-icon-rotate:focus:after,
.st-accordion ul li.st-open > .hvr-icon-rotate:active:after	{
	content: "\ea0d";
	font-family: icomoon;
	color: #f2eeea;
	webkit-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	        transform: rotate(0deg);
}
.st-accordion ul li.st-open > .hvr-icon-rotate:hover:after,
.st-accordion ul li.st-open > .hvr-icon-rotate:active:after	{
	color: #41464B;
}
header	{
	color: #fff;
	height: 95vh;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: stretch;
    align-items: center;
    }

section .inbetween {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
    }


header .container	{
	color: #fff;
}
.titel	{
	display: inline;
	text-align: center;
}
.adlogo	{
	max-height: 25vh;
}
footer	{
	padding: 2.5vw;
	color: #fff;
	text-align: center;
	font-size: small;
}
section	{
	padding: 2.5vw;
	margin: 5vh 0;
}
section.inbetween	{
	color: #fff;
	background: transparent;
}
.inbetween ul	{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
	padding: 2.5vw;
	text-align: center;
	font-family: 'Exo 2 Condensed';
	font-size: 150%;
	font-weight: 300;
	letter-spacing: .01em;
	word-spacing: .1em;
	background: rgba(242, 238, 234, 0.40);
	border-radius: 5px;
}
.inbetween li	{
    -webkit-order: 0;
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
            flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	line-height: 1;
	margin: 2.5vw;

  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
}
.inbetween li:hover, .inbetween li:focus, .inbetween li:active {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
      transform: scale(1.3);
    display: block;
    max-with:50vw;
    font-weight: 500;
}
.info	{
	background: #fff;
	border-radius: 5px;
	padding: 5vw 0;
}
.play	{
	font-size: 150%;
}

h1 {
margin-top: 1em;
}

h1, h3	{
	font-family: 'Exo 2 Condensed';
	font-weight: 500;
	line-height: 1;
	margin-bottom: .25em;
	font-size: 150%;
}
article .h3sub, article p, article li	{
	margin-bottom: .5em;
}
.paket	{
	background: #fff;
	border-radius: 5px;
}
.filmart, .info-titel, .intro-titel, .filmart2, .anna	{
	font-size: 150%;
}
.filmart, .info-titel, .intro-titel	{
	background: #41464B;
	color: #fff;
	display: inline-block;
	padding: .1em 2.5vw .25em;
	border-radius: 5px;
	margin: 0 0 2.5vw 0;
	font-weight: 800;
	font-style: italic;
	letter-spacing: .08em;
	text-transform: lowercase;
}
.intro-titel	{
	background: #f2eeea;
	color: #41464B;
}
.filmart2	{
	display: inline-block;
	padding: 2.5vw 0 2.5vw 2.5vw;
	color: #41464B;
	font-weight: 500;
	font-style: italic;
	letter-spacing: .04em;
	text-transform: lowercase;
}
article	{
    -webkit-order: 0;
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
    -webkit-flex: 1 0 30%;
    -ms-flex: 1 0 30%;
    -webkit-box-flex: 1;
            flex: 1 0 30%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
	background: #fff;
}
article, .inbetween ul	{
	padding: 5vh 5vw;
	margin-top: .25vw;
}
.info article	{
	padding: 2.5vh 5vw;
	margin-top: .25vw;
}
.image article, .werbung article	{
	text-align: center;
}
a:link,
a:visited,
a.play:link,
a.play:visited,
a.close:link,
a.close:visited	{
	color: #cd201f;
}
a:hover,
a:active,
a.play:hover,
a.play:active,
a.close:link,
a.close:visited	{
	color: #41464B;
}
a.centered-icon:hover	{
	color: #fff;
	  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
      transform: scale(1.3);
}
.ism-slider	{
	height: 45vw;
}
.ism-slider h3	{
	margin-bottom: 0;
}
[class*="ism-caption-"]	{
	text-align: left;
}
[class*="ism-caption-"] p	{
	line-height: 1.3;
	margin-bottom: 0;
}
.ism-caption .nowrap, .time .nowrap	{
	background: #f2eeea;
	background: rgba(242, 238, 234, 0.80);
	color: #41464B;
	padding: .25em .5em .3em;
	border-radius: 5px;
	font-size: 75%;
	margin-right: .3em;
	display: inline-block;
}
.ism-caption .nowrap	{
	font-size: 100%;
}
.nowrap [class*="icon-"], .award [class*="icon-"]	{
	margin-right: .3em;
}
#ad-slider-doku .ism-caption-0 p, .doku-info .time	{
	font-weight: 500;
}
.ism-caption-1{
	font-size: 110%;
}
.st-content	{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;

	margin-bottom: 2.5vw;
}
.inbetween ul, .ad-buchen, .kontakt-icons	{
	font-size: 150%;
	}

.ac-small:hover, .ac-small:focus {
background: rgba(242, 238, 234, 0.80);
}



@media screen and (min-width: 420px)	{
	.filmart, .info-titel, .intro-titel, .anna {
	font-size: 175%;
}
.ism-caption-1 {
		font-size: 175%;
	}
}
@media screen and (min-width: 600px)	{
	section	{
		padding: 5vw;
	}
	.modal-content .info-titel {
    margin: 2.5vw 5vw;
}
.inbetween ul, .ad-buchen	{
	font-size: 200%;
	}
.werbung .st-content, .image .st-content	{
	ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
}
	.filmdiv2	{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
	}
	.filmtitle	{
    -webkit-order: 0;
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    -webkit-box-flex: 1;
            flex: 1 1 50%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	}
	.time	{
    -webkit-order: 0;
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
            flex: 1 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	}
	.doku .time	{
		text-align: right;
	}
	article, .info article	{
		padding: 5vw 7.5vw;
	}
	.info article	{
		padding: 2.5vw 7.5vw;
	}
	.info article:first-child	{
		padding-top: 5vw;
	}
	.info article:last-child	{
		padding-bottom: 5vw;
	}
}
@media screen and (min-width: 768px)	{

.doku .st-content	{
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
}
.doku .time {
    text-align: center;
}
	.filmtitle	{
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    -webkit-box-flex: 1;
            flex: 1 1 100%;
	}
	footer	{
		font-size: initial;
	}
	header, footer	{
		padding: 2.5vw 5vw;
	}
	section	{
		padding: 2.5vw 5vw;
	}
.inbetween li	{
	margin: 1.25vw 2.5vw;
}
	.ism-slider	{
		height: 40vw;
	}
	.ism-caption-1 {
		font-size: 200%;
	}
}
@media screen and (min-width: 1024px)	{
	body {
	font-size: 125%;
}
.inbetween ul	{
	font-size: 150%;
	}
}