/**
 * @license
 * MyFonts Webfont Build ID 3656486, 2018-10-17T06:48:18-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Manus by JOEBOB graphics
 * URL: https://www.myfonts.com/fonts/joebob/manus/regular/
 * Copyright: © 2014 GEERT
 * Licensed pageviews: 20,000
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3656486
 * 
 * © 2018 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work 
@import url("//hello.myfonts.net/count/37cb26");*/  
@font-face {
	font-family: 'Manus';
	src: url('../fonts/manus/37CB26_0_0.eot');
	src: url('../fonts/manus/37CB26_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/manus/37CB26_0_0.woff2') format('woff2'),url('../fonts/manus/37CB26_0_0.woff') format('woff'),url('../fonts/manus/37CB26_0_0.ttf') format('truetype');
} 


p,
table {
  margin-bottom: 1.5em;
}

.inside {
  padding: 0 150px;
}
.clear{
  clear: right;
}

html {
  position: relative;
  min-height: 100%;
}

body > #container {
  padding: 60px 15px 0;
}
body.layout-4 #container {
	padding-left: 0 !important;
	padding-right: 0 !important;
	position: relative;
}

/*Scrollleiste immer anzeigen, um Springen des Inhalts zu verhindern*/
body{
  overflow-y: scroll;
  font-family: DiariaPro-Bold ,Arial,sans-serif;
  color: #606060;
  min-width: 300px;
  font-size: 16px;
}

p {
  font-family: DiariaPro-Bold ,Arial,sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
}

hr{
 border-color: #dadada !important;
 border-height: 0.25px !important;
}

a, a:active, a:focus {
  color: #a49689;
  word-break: break-word;
}
a:hover{
  color: #3f3f3f;
  text-decoration: none;
}
a.link:before {
  content: "\e080";
  font-family: 'Glyphicons Halflings';
  top: 2px;
  margin-right: 3px;
  position: relative;
}

#container{
  padding: 0 15px;
}

/*
  Überschriften
*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: DiariaPro-Bold;
	color: #606060;
}
h1{
  font-size: 46px;
  font-weight: bold;
  margin: 0 0 .6em;
}

h2{
  font-size: 46px;
  font-weight: bold;
  margin: 0 0 .6em;
}

h3{
  font-size: 36px;
  font-weight: bold;
  margin: 0 0 .8em;
}

h4{
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 1em;
}



@media (min-width: 768px){
  #container {
    padding: 0 35px;
  }  
}

@media (min-width:1400px){
  #container{
      padding: 0 150px;
  }  
}

.btn, .download {
  font-family: DiariaPro-Bold;
  color: #fff;
  font-size: 19px;
  background-color: #000;
  border:none;
  border-radius: 0;
  margin-bottom: 20px;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  padding: 7px 20px 7px 3px;
  position: relative;
  text-transform: uppercase;
}
.btn:hover {
  text-decoration: none;
  color: #fff;
  background: #3F3F3E;
}
.btn:not(.bgcolor)::before {
  position: relative;
  content: "\e094";
  font-family: 'Glyphicons Halflings';
  padding: 0px 10px;
  left: 0;
  top: 3px;
}
.btn:not(.bgcolor)::before {
  content: "\e080";
}

  
@font-face {font-family: 'DiariaPro-Italic';src: url("../fonts/diariapro/2E53E0_3_0.eot");src: url("../fonts/diariapro/2E53E0_3_0.eot?#iefix") format('embedded-opentype'),url("../fonts/diariapro/2E53E0_3_0.woff2") format('woff2'),url("../fonts/diariapro/2E53E0_3_0.woff") format('woff'),url("../fonts/diariapro/2E53E0_3_0.ttf") format('truetype');}
@font-face {font-family: 'DiariaPro-Bold';src: url("../fonts/diariapro/2E53E0_4_0.eot");src: url("../fonts/diariapro/2E53E0_4_0.eot?#iefix") format('embedded-opentype'),url("../fonts/diariapro/2E53E0_4_0.woff2") format('woff2'),url("../fonts/diariapro/2E53E0_4_0.woff") format('woff'),url("../fonts/diariapro/2E53E0_4_0.ttf") format('truetype');}
@font-face {font-family: 'DiariaPro-Medium';src: url("../fonts/diariapro/2E53E0_5_0.eot");src: url("../fonts/diariapro/2E53E0_5_0.eot?#iefix") format('embedded-opentype'),url("../fonts/diariapro/2E53E0_5_0.woff2") format('woff2'),url("../fonts/diariapro/2E53E0_5_0.woff") format('woff'),url("../fonts/diariapro/2E53E0_5_0.ttf") format('truetype');}
@font-face {font-family: 'DiariaPro-Regular';src: url("../fonts/diariapro/2E53E0_6_0.eot");src: url("../fonts/diariapro/2E53E0_6_0.eot?#iefix") format('embedded-opentype'),url("../fonts/diariapro/2E53E0_6_0.woff2") format('woff2'),url("../fonts/diariapro/2E53E0_6_0.woff") format('woff'),url("../fonts/diariapro/2E53E0_6_0.ttf") format('truetype');}
.DiariaPro-Italic { 
  font-family: DiariaPro-Italic;
  font-weight: normal;
  font-style: normal;
}
.DiariaPro-Bold { 
  font-family: DiariaPro-Bold;
  font-weight: bold;
  font-style: normal;
  font-size: 21px;
}
.DiariaPro-Medium { 
  font-family: DiariaPro-Medium;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
}
.DiariaPro-Regular { 
  font-family: DiariaPro-Regular;
  font-weight: normal;
  font-style: normal;
  font-size: 21px;
}
.DiariaPro-Light { 
  font-family: DiariaPro-Regular;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  color: #a49689;
}

/* margin */
.margin-t-5  { margin-top: 5px;  }
.margin-t-10 { margin-top: 10px; }
.margin-t-15 { margin-top: 15px; }
.margin-t-20 { margin-top: 20px; }
.margin-t-30 { margin-top: 30px; }
.margin-t-40 { margin-top: 40px; }
.margin-t-50 { margin-top: 50px; }
.margin-t-60 { margin-top: 60px; }
.margin-t-70 { margin-top: 70px; }
.margin-t-80 { margin-top: 80px; }
.margin-t-90 { margin-top: 90px; }
.margin-t-100{ margin-top: 100px;}
.margin-t-110{ margin-top: 110px;}
.margin-t-120{ margin-top: 120px;}
.margin-t-130{ margin-top: 130px;}
.margin-t-140{ margin-top: 140px;}
.margin-t-150{ margin-top: 150px;}
.margin-t-200{ margin-top: 200px;}
.margin-t--10{ margin-top: -10px;}
.margin-t--20{ margin-top: -20px;}
.margin-t--30{ margin-top: -30px;}
.margin-t--40{ margin-top: -40px;}
.margin-t--50{ margin-top: -50px;}
.margin-t--100{ margin-top: -100px;}
.margin-t--150{ margin-top: -150px;}
.margin-t--200{ margin-top: -200px;}
.margin-b-5  { margin-bottom: 5px;  }
.margin-b-10 { margin-bottom: 10px; }
.margin-b-15 { margin-bottom: 15px; }
.margin-b-20 { margin-bottom: 20px; }
.margin-b-30,
.frame-margin-bottom,
.frame-layout-margin-bottom,
.frame-margin-bottomcontainer { margin-bottom: 30px; overflow: hidden;}
.margin-b-40 { margin-bottom: 40px; }
.margin-b-50 { margin-bottom: 50px; }
.margin-b-60 { margin-bottom: 60px; }
.margin-b-70 { margin-bottom: 70px; }
.margin-b-80 { margin-bottom: 80px; }
.margin-b-90 { margin-bottom: 90px; }
.margin-b-100{ margin-bottom: 100px;}
.margin-b-110{ margin-bottom: 110px;}
.margin-b-120{ margin-bottom: 120px;}
.margin-b-130{ margin-bottom: 130px;}
.margin-b-140{ margin-bottom: 140px;}
.margin-b-150{ margin-bottom: 150px;}
.margin-b-200{ margin-bottom: 200px;}
.margin-l-5  { margin-left: 5px;  }
.margin-l-10 { margin-left: 10px; }
.margin-l-15 { margin-left: 15px; }
.margin-l-20 { margin-left: 20px; }
.margin-l-30 { margin-left: 30px; }
.margin-l-40 { margin-left: 40px; }
.margin-l-50 { margin-left: 50px; }
.margin-l-60 { margin-left: 60px; }
.margin-l-70 { margin-left: 70px; }
.margin-l-80 { margin-left: 80px; }
.margin-l-90 { margin-left: 90px; }
.margin-l-100{ margin-left: 100px;}
.margin-l-110{ margin-left: 110px;}
.margin-l-120{ margin-left: 120px;}
.margin-l-130{ margin-left: 130px;}
.margin-l-140{ margin-left: 140px;}
.margin-l-150{ margin-left: 150px;}
.margin-l-200{ margin-left: 200px;}
.margin-r-5  { margin-right: 5px;  }
.margin-r-10 { margin-right: 10px; }
.margin-r-15 { margin-right: 15px; }
.margin-r-20 { margin-right: 20px; }
.margin-r-30 { margin-right: 30px; }
.margin-r-40 { margin-right: 40px; }
.margin-r-50 { margin-right: 50px; }
.margin-r-60 { margin-right: 60px; }
.margin-r-70 { margin-right: 70px; }
.margin-r-80 { margin-right: 80px; }
.margin-r-90 { margin-right: 90px; }
.margin-r-100{ margin-right: 100px;}
.margin-r-110{ margin-right: 110px;}
.margin-r-120{ margin-right: 120px;}
.margin-r-130{ margin-right: 130px;}
.margin-r-140{ margin-right: 140px;}
.margin-r-150{ margin-right: 150px;}
.margin-r-200{ margin-right: 200px;}
.margin-0 { margin: 0 !important; }


/* padding */
.padding-t-5  { padding-top: 5px;  }
.padding-t-10 { padding-top: 10px; }
.padding-t-15 { padding-top: 15px; }
.padding-t-20 { padding-top: 20px; }
.padding-t-30 { padding-top: 30px; }
.padding-t-40 { padding-top: 40px; }
.padding-t-50 { padding-top: 50px; }
.padding-t-60 { padding-top: 60px; }
.padding-t-70 { padding-top: 70px; }
.padding-t-80 { padding-top: 80px; }
.padding-t-90 { padding-top: 90px; }
.padding-t-100{ padding-top: 100px;}
.padding-t-110{ padding-top: 110px;}
.padding-t-120{ padding-top: 120px;}
.padding-t-130{ padding-top: 130px;}
.padding-t-140{ padding-top: 140px;}
.padding-t-150{ padding-top: 150px;}
.padding-t-200{ padding-top: 200px;}
.padding-t-250{ padding-top: 250px;}
.padding-r-5  { padding-right: 5px;  }
.padding-r-10 { padding-right: 10px; }
.padding-r-15 { padding-right: 15px; }
.padding-r-20 { padding-right: 20px; }
.padding-r-30 { padding-right: 30px; }
.padding-r-40 { padding-right: 40px; }
.padding-r-50 { padding-right: 50px; }
.padding-r-60 { padding-right: 60px; }
.padding-r-70 { padding-right: 70px; }
.padding-r-80 { padding-right: 80px; }
.padding-r-90 { padding-right: 90px; }
.padding-r-100{ padding-right: 100px;}
.padding-r-110{ padding-right: 110px;}
.padding-r-120{ padding-right: 120px;}
.padding-r-130{ padding-right: 130px;}
.padding-r-140{ padding-right: 140px;}
.padding-r-150{ padding-right: 150px;}
.padding-r-200{ padding-right: 200px;}
.padding-b-5  { padding-bottom: 5px;  }
.padding-b-10 { padding-bottom: 10px; }
.padding-b-15 { padding-bottom: 15px; }
.padding-b-20 { padding-bottom: 20px; }
.padding-b-30 { padding-bottom: 30px; }
.padding-b-40 { padding-bottom: 40px; }
.padding-b-50 { padding-bottom: 50px; }
.padding-b-60 { padding-bottom: 60px; }
.padding-b-70 { padding-bottom: 70px; }
.padding-b-80 { padding-bottom: 80px; }
.padding-b-90 { padding-bottom: 90px; }
.padding-b-100{ padding-bottom: 100px;}
.padding-b-110{ padding-bottom: 110px;}
.padding-b-120{ padding-bottom: 120px;}
.padding-b-130{ padding-bottom: 130px;}
.padding-b-140{ padding-bottom: 140px;}
.padding-b-150{ padding-bottom: 150px;}
.padding-b-200{ padding-bottom: 200px;}
.padding-b-250{ padding-bottom: 250px;}
.padding-l-5  { padding-left: 5px;  }
.padding-l-10 { padding-left: 10px; }
.padding-l-15 { padding-left: 15px; }
.padding-l-20 { padding-left: 20px; }
.padding-l-30 { padding-left: 30px; }
.padding-l-40 { padding-left: 40px; }
.padding-l-50 { padding-left: 50px; }
.padding-l-60 { padding-left: 60px; }
.padding-l-70 { padding-left: 70px; }
.padding-l-80 { padding-left: 80px; }
.padding-l-90 { padding-left: 90px; }
.padding-l-100{ padding-left: 100px;}
.padding-l-110{ padding-left: 110px;}
.padding-l-120{ padding-left: 120px;}
.padding-l-130{ padding-left: 130px;}
.padding-l-140{ padding-left: 140px;}
.padding-l-150{ padding-left: 150px;}
.padding-l-200{ padding-left: 200px;}
.padding-0 { padding: 0 !important; }

p.text-left, .align-left {text-align: left;}
p.text-center, .align-center {text-align: center;}
.text-center {text-align: center;}
p.text-right, .align-right {text-align: right;}

.quote {
	font-family: Manus;
	font-size: 20px;
	color: #b4aca2;
}

.circle,
.circle-dark {
	display: flex;
	justify-content: center;
  align-items: center;
	background-color: #b1181e;
	color: #fff;
	font-family: 'DiariaPro-Bold';
	font-weight: 700;
	font-size: 22px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
}
.text-center .circle,
.text-center .circle-dark {
	margin: 0 auto;
}

.circle-dark {
	background-color: #3c3c3b;
}

.frame-layout-responsive-iframe {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.frame-layout-responsive-iframe iframe,
.frame-layout-responsive-iframe video {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}


img { 
  max-width: 100%;
  height: auto;
}
.row .image img {
	width: 100% !important;
}
.nooverflow {
	overflow: hidden;
}


figcaption {
  margin-top: 10px;
}

@media screen and (max-width: 1024px) {
  h4 { font-size: 24px; }
}

.col-md-6 .col-md-6 h4 { font-size: 18px; }	


@media screen and (max-width: 767px) {
  h1,
  h2 { font-size: 32px; }
  h3 { font-size: 26px; }
  h4 { font-size: 20px; }
  
  .padding-t-200 {
		padding-top: 100px;
	}
	.margin-t-150 {
		margin-top: 50px;
	}
	.margin-t--150 {
		margin-top: -100px;
	}
}


@media screen and (max-width: 600px) {
  .col-md-6 .ce-intext .ce-gallery[data-ce-images="1"] {
    float: none;
  }
}

@media screen and (max-width: 480px) {  
  .btn, .download {
    white-space: normal;
  }
}

.lead {
	font-size: 20px;
	font-weight: 500;
	font-family: 'DiariaPro-Bold';
}


/* Colors */
.text-white *,
.text-white header.title-subheader > * {color: #fff;}
.text-white .btn,
.text-white .btn:hover {border-color: #fff; color: #fff;}

.text-black *,
.text-black header.title-subheader > * {color: #000;}
.text-black .btn,
.text-black .btn:hover {border-color: #000; color: #000;}

.text-grey *,
.text-grey header.title-subheader > * {color: #606060;}
.text-grey .btn,
.text-grey .btn:hover {border-color: #606060; color: #606060;}

.text-blue *,
.text-blue header.title-subheader > * {color: #0000ff;}
.text-blue .btn,
.text-blue .btn:hover {border-color: #0000ff; color: #0000ff;}

.text-dark *,
.text-dark header.title-subheader > * {color: #3f3f3f;}
.text-dark .btn,
.text-dark .btn:hover {border-color: #3f3f3f; color: #3f3f3f;}

.text-brown *,
.text-brown header.title-subheader > * {color: #b2a499;}
.text-brown .btn,
.text-brown .btn:hover {border-color: #b2a499; color: #b2a499;}

.text-light *,
.text-light header.title-subheader > * {color: #e1d9d6;}
.text-light .btn,
.text-light .btn:hover {border-color: #e1d9d6; color: #e1d9d6;}




/* Video Container */
#videoWrap {
	position: relative;
}
#videoWrap .video-container {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	background: #000;
}
#videoWrap .video-container video {
	width: 80%;
	margin: 0 auto;
	display: block;
}
#videoWrap .control-container {
	position: absolute;
	left: 200px;
	bottom: -100px;
	z-index: 51;
	text-align: center;
	width: 250px;
}
.headline-info {
	text-align: center;
	font-size: 40px;
	color: #fff;
	font-family: Manus;
	display: block;
	line-height: 40px;
	margin-bottom: 30px;
	padding-bottom: 20px;
	position: relative;
}
.headline-info span {
	position: absolute;
	left: 50%;
	bottom: 10px;
	margin-left: -24px;
	font-size: 80px;
}
#headline-step {
	position: absolute;
	left: 100%;
	bottom: 104px;
	z-index: 10;
	width: 100%;
	text-align: left;
	font-size: 22px;
	line-height: 30px;
	color: #fff;
	font-family: DiariaPro-Bold;
	display: block;	
}
#stepup {
	left: 113px;
	top: 373px;
}
#stepdown {
	left: 114px;
	top: 430px;
}
#outside {
	left: 114px;
	top: 465px;
}
#nextp {
	left: 141px;
	top: 401px;
}
#prevp {
	left: 86px;
	top: 402px;
}
@keyframes shadow-pulse
{
  0% {
    box-shadow: 0 0 0 0px rgba(177, 24, 30, 0.9);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}

@keyframes shadow-pulse-big
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}
.pulse-button {
	position: absolute;
	z-index: 51;
  width: 21px;
  height: 21px;
  text-transform: uppercase;
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  background: rgba(177, 24, 30, 0.6);
  border-radius: 50%;
  animation: shadow-pulse 1s infinite;
  cursor: pointer;
}
.pulse-button:hover {
  -webkit-animation: none;
  animation: none;
}
.programselector {
	display:none;
}
/* video screen cover */
.loading, #init{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../../images/loading.gif) no-repeat 50% 50%;
	z-index:2;
	display:none;
}
#init{
	background:url(../../images/bigplay.png) no-repeat 50% 50% !important;
	cursor:pointer;
}



@media (max-width: 1140px) {
	#videoWrap .control-container {
		left: 2px;
		bottom: -50px;
		width: 200px;
	}
	#videoWrap .control-container .headline-info {
		font-size: 30px;
		line-height: 28px;
		padding-bottom: 5px;
	}
	#videoWrap .control-container img {
		width: 100px;
		height: auto;
	}
	#videoWrap .control-container #headline-step {
		bottom: 54px;
		font-size: 16px;
	}
	#videoWrap .control-container .pulse-button {
		width: 17px;
		height: 17px;
	}
	#stepup {
		left: 91px;
		top: 254px;
	}
	#stepdown {
		left: 91px;
		top: 292px;
	}
	#outside {
		left: 92px;
		top: 315px;
	}
	#nextp {
		left: 110px;
		top: 272px;
	}
	#prevp {
		left: 73px;
		top: 273px;
	}	
}

@media (max-width:767px) {	
	#videoWrap {
		margin-bottom: 150px;
	}
	#videoWrap .control-container {
		left: 0;
		bottom: auto;
		top: 90%;
		width: 100%;
	}
	#videoWrap .control-container .headline-info {
		display: none;
	}
	#videoWrap .control-container #headline-step {
		bottom: 255px;
		left: 0;
		font-size: 15px;
		padding-left: 10px;
	}
	#videoWrap .control-container .pulse-button {
		left: 50%;
		margin-left: -9px;
	}
	#stepup {
		top: 134px;
	}
	#stepdown {
		top: 172px;
	}
	#outside {
		top: 196px;
		margin-left: -8px !important;
	}
	#nextp {
		top: 153px;
		margin-left: 10px !important;
	}
	#prevp {
		top: 153px;
		margin-left: -27px !important;
	}
	
	
}