/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       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: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       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-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       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 */
}

/* vollkorn-regular - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/vollkorn-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/vollkorn-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v21-latin-regular.svg#Vollkorn') format('svg'); /* Legacy iOS */
}

/* vollkorn-600 - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/vollkorn-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/vollkorn-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v21-latin-600.svg#Vollkorn') format('svg'); /* Legacy iOS */
}

html {
	overflow-x:hidden;
	overflow-y:scroll;
}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
body {
	font: 1em/135% 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	font-weight:400;
	/*line-height: 160%;*/
	color: #000; 
	margin: 0;
	padding: 0;
	background-color:#340507; 
	background-image:url(../images_basic/Berka_Hgr_01.jpg); 
	background-attachment: fixed; 
	background-position:center top; 
	background-size: cover; 
	background-repeat:no-repeat; 
	height:100%; width:auto;
}
img {vertical-align:bottom; /*display:block;*/}

.dark {
	color:#FFF; 
	background:#32000c;
	background-image:url(../images_basic/Berka_Hgr_dark_01.jpg);
	background-attachment: fixed; 
	background-position:center top; 
	background-size: cover; 
	background-repeat:no-repeat; 
}
.bright {
	color:#666; 
	background:#fff;
	background-image:url(../images_basic/Bright_Hgr_01.jpg);
	background-position:center top;
	background-size: 100% 100%;
}

h1,h2,h3,h4,h5 {
	font-style: normal;
	font-weight:600;
}
.bright h1, .bright h2, .bright h3 {color:#700002;}
.bright h4, .bright h5 {color:#700002;}
.dark h1, .dark h2, .dark h3 {color:#747d8f;}
.dark h4, .dark h5 {color:#747d8f;}
h1 {
	font-family: 'Vollkorn', serif;
	font-size: 240%;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	line-height:120%;
	margin-bottom:10px;
	color:#a20000;
}
h2 {
	font-family: 'Vollkorn', serif;
	font-size: 220%;
	line-height:120%;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	margin-bottom:8px;
	color:#a20000;
}
h3 {
	font-size: 150%;
	line-height:120%;
	font-weight:300;
	letter-spacing:0.2em;
	text-transform: uppercase;
	margin-bottom:6px;
	color:#a20000;
}
h4 {
	font-size: 135%;
	font-weight:400;
	line-height:120%;
	letter-spacing:0.05em;
	text-transform: uppercase;
	margin-bottom:4px;
}	
h5 {
	font-size: 120%;
	line-height:120%;
	margin-bottom:4px;
}	

hr {
	clear:both;
	width:100%;
	height:1px;
	border:none;
	border-bottom:1px solid #a20000;
	margin:10px 0 10px 0;
}

/* Basics ________________________________________________________________________________________________________ */

.clear {clear:both;}

ol, ul {
	margin:0 0 0 -1em; padding:0 0 0 3em;
}

a:link, a:visited {color:#a30003; text-decoration:none;}
a:hover, a:active {color:#a30003;}

.dark a:link, .dark a:visited {color:#7b6767; text-decoration:none;}
.dark a:hover, .dark a:active {color:#a89999;}

.pdf-link {
	font-size: 115%;
	font-weight:400;
	line-height:120%;
	letter-spacing:0.05em;
	text-transform: uppercase;
	margin-bottom:4px;}
.pdf-link a:link, .pdf-link a:visited {color:#a30003; text-decoration:none;}
.pdf-link a:hover, .pdf-link a:active {color:#a30003;}

.img_100 {width:100%; height:auto;}
.img_65L {float:left; width:60%; height:auto; padding:0 5% 10px 0;}
.img_50L {float:left; width:45%; max-width:320px; height:auto; padding:0 5% 10px 0;}
.img_35L {float:left; width:30%; height:auto; padding:0 5% 10px 0;}
.img_65R {float:right; width:60%; height:auto; padding:0 0 10px 5%;}
.img_50R {float:right; width:45%; max-width:420px; height:auto; padding:0 0 10px 5%;}
.img_35R {float:right; width:30%; height:auto; padding:0 0 10px 5%;}
.img_65M {float:center; width:60%; height:auto; padding:0 0 10px 0;}
.img_50M {float:center; width:45%; max-width:320px; height:auto; padding:0 0 10px 0;}
.img_35M {float:center; width:30%; height:auto; padding:0 0 10px 0;}

/* Container _____________________________________________________________________________________________________*/

.content_full_width {width:100%; text-align:center;}
.content_inner {width:100%; max-width:1200px; margin:0 auto; padding:20px 0; text-align:left;}
#Header .content_inner {padding:0 0 0 0;}

.anchor_spacer{padding-top:120px;}

.content_60R {float:right; width:60%; text-align:left;}

.flexbox {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 80%;
	line-height:135%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;}
.flex_container_collection_01 {width: 22%; margin-bottom: 2em; border-bottom:1px solid rgba(255,255,255,0.3);}
.flex_container_collection_01 h4 {font-size:135%;}

.flexbox_container {
	width: 31%;
	/*margin-bottom: 2em;*/
}
.flexgroup_3er_basic {width:100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.flex_container_3er_1-1-1 {width: 30%; height:auto; margin-bottom: 1.2em;}
.flex_container_3er_2-1-1 {width: 65%; height:auto; margin-bottom: 1.2em;}
.flex_container_3er_2-2-1 {width: 65%; height:auto; margin-bottom: 1.2em;}

#Header {height:150px; padding:10px 0; z-index:99; position:fixed; background-color:rgba(50,0,12,0);
	background-image:url(../images_basic/Menu_Hgr_01.png); background-position:center top; background-repeat:repeat-x; background-size: 100% 150px;
}
#simple-menu {display:none;}
#Logo_Text {display:inline; letter-spacing:0.2em; float:left; padding:10px 20px 10px 0;}
.logo_text_03 {padding-left:1em; color:#a20000;}
#Logo img {height:72px; width:auto;}
#Servicemenu {font-size:85%; letter-spacing:0.2em; float:right; position:relative; top:10px; text-align:right;}
#Servicemenu a {color:#928485; font-size:100%; margin-left:12px; font-weight:300; padding-right:16px; border-right:1px solid #a20000;}
#Servicemenu a:last-child {padding-right:0px; border-right:0px solid #a20000;}
.flags {float:right; margin:2px 0 0 20px;}
.flags a img {opacity:0.6; border:1px solid #ddd;}
.flags a:hover img {opacity:1.0;}
.flag img {width:auto; height:1.0em; margin:10px 0 0 20px; }
.cont-menu {float:left; position:relative; top:10px; text-align:left;}
#Menu {letter-spacing:0.2em; font-size:130%; }
#Menu a, #Menu a:visited {color:#928485; margin-right:20px; font-weight:300; padding-right:20px; border-right:1px solid #a20000;}
#Menu a:hover, #Menu a:active, #Menu a:focus {color:#cb5659;}
#Menu a:last-child {margin-right:0;padding-right:0px; border-right:0px solid #a20000;}
/*.cont-menu a {padding-right:20px; border:0px solid #e2007a; border-width:0 2px 0 0;}
.cont-menu a:last-child {border-width:0; padding-right:0; margin-right:0;}*/

#Stage_A {
	z-index:-99;
	/*background-color:#0d345e; background-image:url(../images_basic/Stage_A_Hgr.jpg); background-attachment: fixed; background-position:center top; background-size: cover; background-repeat:no-repeat; height:100%; width:auto;*/
}
.cont-block_a {padding:140px 0 40px 0; margin: 0 auto;}
.cont-block_a h3 {color:#b4d4f2; color:rgba(255,255,255,0.6);}
.cont-block_a img {width:100%; height:auto; max-width:799px;}
.cont-block_a_copy {color:#FFF; display:inline;}

#Stage_B {padding:0 0 20px;}
#Stage_B .content_inner {
	background-image:url(../images_content/Stage_B_Left_01.png); 
	background-position:left top; 
	background-size: auto; 
	background-repeat:no-repeat;}
.stage_b_content {width:100%; padding:20px 20px 20px 280px; margin:0 auto; text-align:left;}
.stage_b_text {float:left; width:65%; }
.stage_b_image_01 {float:right; width:25%; padding: 0 0 0px 20px;}
.stage_b_image_01 img {width:100%; height:auto;}
.stage_b_content_02 {width:100%; padding:20px 20px 20px 0; margin:0 auto; text-align:left;}
.stage_b_content_03 {width:100%; padding:0px 0 0px 0; margin:0 auto; text-align:left;}

#Footer {font-size:90%; background-color:#32000c;}
.content_footer_01, .content_footer_02, .content_footer_03 {text-align:left; float:left; width:30%; padding:0 3% 20px 0;}
#audio {display:inline;}

/* Specials _____________________________________________________________________________________________________ */

.shadow {
	-webkit-box-shadow: 0px 20px 10px -15px rgba(0,0,0,1);
	-moz-box-shadow: 0px 20px 10px -15px rgba(0,0,0,1);
	box-shadow: 0px 20px 10px -15px rgba(0,0,0,1);
}

.elke_logo {width:50%; max-width:380px; min-width:300px; height:auto;}
.link_logo {float:right; width:20%; max-width:200px; min-width:120px; height:auto; padding: 0 0 0 20px;}

.responsive_map {
	height: 0;
	overflow: hidden;
	padding-bottom: 56%;
	position: relative;
}

.kontakt_div01 {float:left; width:48%; text-align:left; padding:30px 0;}
.kontakt_div02 {float:left; width:48%; padding:30px 0;}
.responsive_map iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}


/* Breakpoit 1240 _____________________________________________________________________________________________________ */

/* For small desktop */
@media (min-width: 801px) and (max-width: 1240px) {
	.content_inner {padding:20px 3%;}
	#Header .content_inner {padding:0 3%;}
	.flex_container_collection_01 {width: 31%;}
	.stage_b_content {padding:20px 20px 20px 280px;}
}

/* Breakpoit 800 _____________________________________________________________________________________________________ */

/* For tablets & smart phones */
@media (min-width: 0px) and (max-width: 1000px) {
	body {
		font-size: 0.9em;
		line-height:140%;
		background-size:1200px 810px;}
	.content_inner {padding:20px 5%;}
	#Header .content_inner {padding:0 3%;}

	.anchor_spacer{padding-top:53px;}
	.flex_container_collection_01 {width: 47%;}
	.flex_container_3er_1-1-1 {width: 48%;}
	.flex_container_3er_2-1-1 {width: 48%;}
	.flex_container_3er_2-2-1 {width: 65.5%;}

	/*#Header {height:74px; background-position: center -20px;}*/
	#Header {height:60px; padding: 0px 0 0 40px; background-size: 100% 60px;}
	.header {padding:0;}
	#Logo_Text {display:inline;}
	#simple-menu {display:inline;}
	.cont-servicemenu {display:none;}
	#Servicemenu {display:none;}
	#Menu {display:none; font-size:100%; letter-spacing:0.0em;}
	.cont-block_a {padding:40px 0 20px 0;}
	.cont-block_a h1 {font-size:200%;}
	.stage_b_text {width:100%; }
	.stage_b_image_01 {width:100%; height:120px; overflow:hidden; padding:0 0 20px 0; margin-top:20px; text-align: center;}
	.stage_b_image_01 img {width:100%; margin-top:-70%;}
	
	#audio {display:none;}
	
}
/* Breakpoit 600 _____________________________________________________________________________________________________ */

/* For smart phones */
@media (min-width: 0px) and (max-width: 600px) {
	body {
		font-size: 0.9em;
		line-height:120%;
		background-size:800px 540px;}

	.anchor_spacer{padding-top:54px;}
	.flex_container_collection_01 {width: 46%;}
	.flex_container_collection_01 h4 {font-size:90%;}

	#Header {height:100px; background-size: 100% 100px;}
	/*.header {padding:0;}*/
	.logo_text_03 {font-size:140%; line-height:150%; padding-left:0em; display:block;}
	#simple-menu {display:inline;}
	#Servicemenu {display:none;}
	.flag img {height:0.9em; margin:14px 0 0 10px; }
	.cont-block_a {padding:40px 0 50px 0; width:100%;}
	.cont-block_a h3 {font-size:100%; color:rgba(255,255,255,0.6);}
	.cont-block_a_copy p {display:none; border:1px solid red;}
	#Stage_B .content_inner {background-image:none; padding:20px 5%;}
	.stage_b_content {width:100%; padding:10px 0 20px 0;}
	.stage_b_text {width:100%; }
	.stage_b_image_01 {width:100%; max-width:100%; height:auto; overflow:auto; padding:10px 0 20px 0; text-align: center;}
	.stage_b_image_01 img {width:100%; max-width:300px; margin-top:0%;}
	.kontakt_div02 {width:100%; padding:20px 0;}
	.content_footer_01 {width:100%; padding:0;}
	.content_footer_02 {width:100%; padding:0;}
	.content_footer_03 {width:100%; padding:30px 0 0 0;}
	.img_35R {float:center; width:100%; height:auto; padding:0 0 10px 0;}
	
	#audio {display:none;}
}