/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/touchTouch.css";
@import "../css/form.css";
@import "../css/camera.css";
@import "../css/jquery.fancybox.css";
@import "../css/subscribe-form.css";


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



#bottom {
  background: url(../images/footer_bg_pattern2.png);
  text-align: center
}
#cookieChoiceInfo {
  color: #ffffff;
  background-color:#00519e;
  font-size: 13.5px;
  font-style: italic;
  line-height: 20px;
  padding-top: 9px;
  padding-bottom: 9px;
}
#cookieChoiceInfo span {
  padding-right: 4px;
}
#cookieChoiceInfo a {
  display: inline-block;
  background: #ffffff;
  color: #00519e;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  padding-left: 9px;
  padding-right: 9px;
  font-size: 13px;
  padding-top: 1px;
  margin-left: 8px;
}
#cookieChoiceInfo a:hover {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  background: #ffffff;
  color: #00519e;
}
html, body { }

a[href^="tel:"] {
  color: inherit;
  text-decoration:none;
}
* {
  -webkit-text-size-adjust: none;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.fleft {float:left;}
.fright {float:right;}
.clear {clear:both; width:100%; font-size:0; line-height:0;}
.wrapper, .wrapper-extra, .extra-wrap{
  position: relative;
  overflow:hidden;
  width: 100%; 
}
.wrap {
  position: relative;
  text-align: center;
}
.wrapper-after:after{
  display:block;
  visibility:hidden;
  clear:both;
  height:0;
  content:".";
}
.dis-block{display: block;}
.dis-inblock{display: inline-block;}
.upp{text-transform: uppercase;}
.ital{font-style: italic;}

.txt_left{text-align: left;}
.txt_right{text-align: right;}
.txt_cntr{text-align: center;}
.txt_ital{font-style: italic;}
.txt_line_through{text-decoration: line-through;}


.marg-left-0{margin-left:0 !important;}  
.marg-right-0{margin-right:0 !important;}
.marg-left-right-0{ margin-right:0 !important;margin-left:0 !important;}
.last-mbot{margin-bottom:0 !important;}  
.last-pbot{padding-bottom: 0 !important;}
.last-mpbot{margin-bottom:0 !important;padding-bottom:0 !important;}

.marRight1{margin-right: 33px;}
.marRight2{margin-right: 55px;}

.padTop1{padding-top: 20px;}

.padBot1{padding-bottom: 60px;}
.padBot2{padding-bottom: 41px;}

.mar1{margin: -1px 10px 0; display: inline-block !important; color: #808080 !important;}
.mar2{margin: 0 10px;}

.marTop1{margin-top: 100px;}
.marTop2{margin-top: 19px;}
.marTop3{margin-top: 9px;}
.marTop4{margin-top: 22px;}
.marTop5{margin-top: 14px;}
.marTop6{margin-top: 22px;}
.marTop7{margin-top: 19px;}
.marTop8{margin-top: 79px;}
.marTop9{margin-top: 24px;}



.marBot1{margin-bottom: -8px;}
.marBot2{margin-bottom: -16px;}


.quote_1{
  text-align: center;
  max-width: 660px;
  display: inline-block;
  margin-top: 34px;
}
.hline2{
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 3px solid #c0c0c0;
}

#page4 p{margin-bottom: 9px;}

.box, .box2, .box3{overflow: hidden;}
.bold{font-weight: bold;}

.color1{color: #82935e;}


/* Global properties ======================================================== */
html, body { margin:0; padding:0; height:100%;}

body {
  min-width:300px;
  background: #110f06;
  color:#333333;
  font:14px/22px Arial, Helvetica, sans-serif ;
  position: relative;
}
.fs_12{font-size: 12px;}
.fs_13{font-size: 13px;}
.fs_14{font-size: 14px;}
#back-top {
  position: fixed;
  bottom: 40px;
  left: 51%;
  z-index: 1000;
  display: none;
  margin-left: 500px;
  width: 40px;
  height: 30px;
  background: url("../images/up-arrow.png") 50% center no-repeat;
  cursor: pointer;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  transition:all 0.3s ease;

}
#back-top:hover {
  background: url("../images/up-arrow.png") 50% center no-repeat #ccc;
}
.main{
  padding:0 0 0 0;
  width:100%;
  height: auto; 
  /* background: #fafafa; */
}
.div-content{
  margin:0 auto;
  padding-top: 0px;
  padding-bottom: 53px;
  width:100%;
  background: #fff;
  
}
.txt_col1{
  position: relative;
  display: inline-block;
  width: 64px;
}
/***********************************************************************/
/*===============================>H-logo-properties=========================*/
#top {
  position: absolute;
  top: 0;
  float: left;
  width: 100%;
  background: url(../images/bg_top.png);
  background-repeat: repeat-x;
}
#heute {
  margin-top: 9px;
  float: left;
  width: 27%;
  text-transform: uppercase;
}
#heute_i {
  width: 100%;
  float: left;
  height: 76px;
}
#heute_is {
  width: 27%;
  float: left;
  height: 76px;
  position: absolute;
  top: -200px;
}
#heute_img {
  float: left;
  width: 76px;
  margin-right: 15px;
}
#heute a {
  text-decoration: none;
}
.heute_head {
  float: left;
  color: #8e5e30;
  font-size: 18px;
  font-size: 24px;
  line-height: 28px;
  padding-top: 12px;
}
.heute_sub {
  color: #fff;
  font-size: 18px;
  float: left;
}
#logo{
  margin-top: 15px;
  float: left;
  width: 46%;
  text-align: center;
}
#sprache {
  margin-top: 19px;
  float: right;
  width: 27%;
  text-align: right;
}
#sprache a img {
  opacity: 0.5;
}
#sprache a, #sprache a:link, #sprache a:visited {
  margin-left: 15px;
  background: #fff;
}
#sprache .active a img, #sprache a:hover img {
  opacity: 1;
}
#logo img{max-width: 100%;}
#logo.h1_content{top: 19px;}
#left_first {
  padding-top: 29px;
}
#left_second {
  padding-top: 17px;
}
#left_third {
  padding-top: 29px;
  padding-bottom: 50px;
}
#left_third a {
  opacity: 0.5;
}
#left_third a:hover {
  opacity: 1;
}
.event_left {
  float: left;
  width: 75px;
}
.event_right {
  float: left;
  width: 205px;
}
.event_head {
  color: #333333;  
  margin-top: 10px;
}
.padsome .event_head {
  margin-top: 20px;
}
.event_gallery_o {
  padding-top: 30px;
}
.event_gallery {
  float: left;
  width: auto;
  margin-top: 7px;
}
.event_gallery img {
  padding: 2px;
  border: 1px solid #d8d8d8;
  width: 127px;
  height: 127px;
}
.wrapper div.csc-textpic-border div.csc-textpic-imagewrap img {
  padding: 2px;
  border: 1px solid #d8d8d8;
}
.banner2_txt {
  min-height: 160px;
}
.banner2_more a.more_btn_arr, .wrapmore_btn_arr a {
  text-decoration: none;
}
h1 {
  margin: 0;
  padding: 0;
  font:30px/40px 'Roboto', Arial, sans-serif;
  color:#3f3f3f; 
  margin-top: 65px;
}
#main h1 {
  font:300 30px/30px 'Roboto', Arial, sans-serif;
  color:#3f3f3f; 
  margin-top: 44px;
  text-transform: none;
}
#main .firstwrapper {
  padding-top: 19px;
}
h2 {
  font:300 30px/30px 'Roboto', Arial, sans-serif;
  color:#3f3f3f; 
  margin-top: 44px;
  text-transform: none;
}
h3 {
  font: 20px/20px 'Roboto', Arial, sans-serif;
  color:#666666; 
  margin-top: 41px;
  text-transform: uppercase;
  margin-bottom: -9px;
}
#main h3 {
  font: 18px/20px 'Roboto', Arial, sans-serif;
  color:#cd1719; 
  margin-top: 31px;
  text-transform: none;
  margin-bottom: -9px;
}
h4{ 
  margin-bottom: 13px;
  color:#06b0cf;
  font:20px/24px 'Roboto', Arial, sans-serif;
}
h5{ 
  margin-top: 10px;
  margin-bottom: 0;
  color:#333333;
  text-transform: uppercase;
  font:14px/22px 'Roboto', Arial, sans-serif;
}
h6 {
  font:20px/28px 'Roboto', Arial, sans-serif;
  font-style: italic;
  color:#aaaaaa; 
  margin-top: 21px;
}
img a, a img, img {
  border: 0;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-center, .contenttable td.align-center {
  text-align: center;
}
.align-justify {
  text-align: justify;
}
.box p, .banner1 p {
  font-size: 12px;
  color: #7e7e7e;
}
.banner2 p {
  margin: 0;
  padding: 0;
}
.txt3 {
  font:bold 22px/25px 'Roboto', Arial, sans-serif;
  color:#e93f51;
  margin-top: 9px;
  text-transform: uppercase;
}
.txt4, .box .txt4, .banner1 .txt4, .banner2 .txt4 {
  font:300 26px/28px 'Roboto', Arial, sans-serif;
  color:#616161;
  margin-top: 0px;
  text-transform: uppercase;
  padding-bottom: 5px;
}
.banner1 .txt4 {
  padding-bottom: 0px;
}
.padsome .txt4 {
  padding-bottom: 15px;
}
.banner2 a {
  color: #cd1719;
  text-decoration: underline;
}
.banner2 a:hover {
  color: #616161;
}

.txt5 {
  font:14px/20px 'Roboto', Arial, sans-serif;
  color:#474747;
  margin-top: 21px;
  text-transform: uppercase;
}
.pos_rel{position: relative;}

.num1{
  font:300 100px/100px 'Roboto', Arial, sans-serif;
  color:#b4b4b4; 
  margin-top: 19px;
  position: relative;
  margin-bottom: 6px;
}
.num2{
  font:300 32px/32px 'Roboto', Arial, sans-serif;
  color:#b4b4b4; 
  margin-top: 0px;
  position: relative;
  margin-bottom: 17px;
  text-transform: uppercase;
}
.num1:before {
  position: absolute;
  display: inline-block;
  content: '';
  width: 100%;
  height: 6px;
  left: 0;
  top: 47%;
  background: #fff;
}
.pad10 {
  padding-left: 14px;
  padding-right: 14px;
}





.year_section{
  font:15px/20px 'Roboto', Arial, sans-serif;
  color:#ffd64f; 
  margin-top: 19px;
  float: left;
  width: 54px;
}




.figure_video{ display: block;margin-top: 75px;}
.figure_video a{display: block;}
.b_right{
  -webkit-box-sizing: border-box; /* Safari */
  -moz-box-sizing: border-box; /*Firefox 1-3*/
  box-sizing: border-box;
  border-right: 1px solid #c0c0c0;
}


.lightbox-video{
  position:relative;
  display:inline-block;
}
  .lightbox-video span {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    display:block;
    width:100%;
    height:100%;
    background: url(../images/magnify-video.png) no-repeat 50% 50%;
    }


.white_bg{
  position: relative;
  margin-top: 40px;
  margin-bottom: 1px;
  padding: 29px 0 13px;
  width: 100%;
  border: none;
  background: #fff;
}

.date_section{ 
  position: relative;
  display: block;
  float: left;
  -webkit-box-sizing: border-box; /* Safari */
  -moz-box-sizing: border-box; /*Firefox 1-3*/
  box-sizing: border-box;
  margin-right: 18px;
  padding-top: 9px;
  width: 60px;
  height: 51px;
  background: #3c4346;
  color:#fff;
  text-align: center;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}


.day{
  display: block;
  font: 18px/19px Arial, sans-serif;
}
.month{
  display: block;
  text-transform: uppercase;
  font: 10px/14px Arial, sans-serif;
}
.comment_link{
  margin-top: 31px;
  margin-right: 31px;
}
.main_date_section:hover .date_section{background: #e74c3c;}

p{margin-top: 15px;}
img{ margin-bottom: 0px;max-width:100%; height:auto;}

.img1, .wrapimg1 img {margin-top: 54px;}
.img2, .wrapimg2 img{margin-top: 51px;}
.img22, .wrapimg22 img {margin-top: 27px; margin-bottom: 5px;}
.img3, .wrapimg3 img{
  float: left;
  margin-right: 20px;
}
.img4, .wrapimg4 img{
  float: left;
  margin-right: 20px;
  margin-top: 25px;
}
.img5, .wrapimg5 img{margin-top: 14px;}
.img6, .wrapimg6 img{margin-top: 24px;}
.img7, .wrapimg7 img {margin-top: 24px;}

a, a:visited { 
  color: #cc0000;
  text-decoration: underline; 
  cursor:pointer;
}

a.link1{color: #110f06;}
a.link1:hover{color: #ffd955;}

a.link2{color: #82935e; text-transform: uppercase; /*display: inline;*/ /*margin-bottom: 6px;*/}
a.link2:hover{color: #000;}

.indent1{
  display:block;
  width: 100%;
  height: 6px;
}

a.link3{color: #82935e; text-transform: uppercase; margin-top: 10px; font:12px/18px 'Roboto', Arial, sans-serif; margin-top: 27px; display: inline-block;margin-bottom: -7px;}
a.link3:hover{color: #000;}

a.link4{color: #5e6a44; text-transform: uppercase; margin-top: 10px; font:14px/18px 'Roboto', Arial, sans-serif; margin-top: 8px; text-decoration: underline; display: inline-block;}
a.link4:hover{color: #000;}

a.link5{color: #e93f51; text-decoration: underline;}
a.link5:hover{color: #000;}

time{
  font:bold 48px/48px 'Roboto', Arial, sans-serif;
  color: #b4b4b4;
  margin-top: 24px;
  display:block;
}

.banner1, .banner2{
  -webkit-box-sizing: border-box; /* Safari */
  -moz-box-sizing: border-box; /*Firefox 1-3*/
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
  padding-top: 20px;
  padding-right: 32px;
  padding-left: 25px;
  padding-bottom: 10px;
  margin-top: 51px;
  min-height: 240px;
}
.banner2 {
  margin-top: 27px;
  color: #7e7e7e;
  font-size: 13px;
  line-height: 18px;
  padding-top: 15px;
  padding-right: 15px;
  padding-left: 15px;
  min-height: 250px;
  margin-bottom: 5px;
}
.banner1 .banner_txt1 {
  font:40px/36px 'Roboto', Arial, sans-serif;
  color:#242424; 
  margin-top: 28px;
  text-transform: uppercase;
}
.banner1 .more_btn_arr,
.banner2 .more_btn_arr,
.box .more_btn_arr,
.wrapmore_btn_arr a {
  font:12px/20px 'Roboto', Arial, sans-serif;
  color:#474747; 
  margin-top: 9px;
  float: right;
  padding-right: 12px;
  background: url(../images/arrow2.png) right 8px no-repeat;
  text-transform: uppercase;
}
.banner1 .more_btn_arr:hover,
.banner2 .more_btn_arr:hover,
.box .more_btn_arr:hover,
.wrapmore_btn_arr a:hover {color: #999;}


a:hover{
  color: #333333;
  text-decoration:none;
}
a{
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  transition:all 0.3s ease;
}

.date_txt{text-transform: uppercase; font-size: 12px; color: #6f6f6f;}

.comment_icon2{
  position: relative;
  display: inline-block;
  margin: -17px -2px 0 19px;
  width: 63px;
  height: 55px;
  background: url(../images/comment_icon_big.png) 0 0 no-repeat;
}
.section_year{
  float: left;
  width: 40px;
  color: #6f6f6f;
}


.num_section{
  position: relative;
  width: 64px;
  height: 64px;
  background-color: #b7bdc2;
  float: left;
  margin-right: 15px;
  font:600 36px/64px 'Roboto', Arial, sans-serif;
  color:#fff; 
  text-align: center;
  -webkit-box-sizing: border-box; /* Safari */
  -moz-box-sizing: border-box; /*Firefox 1-3*/
  box-sizing: border-box;
  text-align: center;
  margin-top: 23px;
  border-radius: 500px;
}



/************Header************/
header{
  position: relative;
  z-index: 1000;
  background: url(../images/menu_pattern.png) #00519e;
  text-align: center;
}
header.content_header{
  margin-bottom: 78px;
}
.header_pic{
  background: url(../images/header_big_pic1.jpg) 50% 0 no-repeat;
  width: 100%;
  height: 279px;
}

.bot_line{
  display: inline-block;
  margin-top: 2px;  
  margin-bottom: 42px;
  width: 100%;
  height: 1px;
  background: #f2f2f2;  
}
  
/************Content***********/
.box_1{
  position: relative;
  width: 100%;
  background: #1d190a;
  box-sizing: border-box;
  -moz-box-sizing: border-box; /*Firefox 1-3*/
  -webkit-box-sizing: border-box; /* Safari */
  margin-top: 37px;
  color: #232323;
}
.box_1_pad{padding: 18px 17px 39px 25px;}

/* ============================= lists ====================== */
.listWithMarker {
  margin: 0;
  margin-top: 103px;
  /* margin-left: 23px; */
}
.listWithMarker.v2{margin-top: 25px;}
.listWithMarker.v3{margin-top: 17px;}

.listWithMarker li {
  display: block;
  padding-bottom: 14px;
  margin-bottom: 15px;
  background: url(../images/list_marker.png) 98% 4px no-repeat;
  border-bottom: 1px solid #eaeaea;
}
.listWithMarker li.last{padding-bottom: 19px;}
.listWithMarker li a {
  color: #474747;
  text-decoration: none;
  font:300 19px/22px 'Roboto', Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0px;
}
.listWithMarker li a:hover {
  color: #cf041b;
}


.listWithMarker.v3 li {
  padding-bottom: 6px;
  margin-bottom: 7px;
  background: url(../images/list_marker.png) 98% 2px no-repeat;
}
.listWithMarker.v3 li a {
  color: #474747;
  font:14px/18px Arial, sans-serif;
  text-transform: none;
  text-transform: uppercase;
  padding-right: 20px;
}
.listWithMarker.v3 li a:hover, .listWithMarker.v3 li a.active {
  color: #cf041b;
}
/*Ebene 2*/
.listWithMarker.v3 li ul li {
  padding-bottom: 0px;
  margin-bottom: 0px;
  background: none;
  border-bottom: 0px solid #eaeaea;
}
.listWithMarker.v3 li ul li a {
  color: #474747;
  font:14px/16px Arial, sans-serif;
  text-transform: none;
  text-transform: uppercase;
  padding-right: 0px;
  color: #999999;
}
.listWithMarker.v3 li ul li a:hover, .listWithMarker.v3 li ul li a.active {
  color: #cf041b;
}
/* ============================= end lists ====================== */
.comments_btn{
  padding-left: 19px;
  background: url(../images/comment_icon.png) 0 2px no-repeat;
  color: #6b6b6b;
}

.more_btn_circle_container{
  width: 100%;
  position: relative;
}
.more_btn_circle_container:before{
  position: absolute;
  display: inline-block;
  content: '';
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0px;
  background: #dedede;
}
.more_btn_circle_container span {
  display: inline-block;
  margin-top: 29px;
  background: #fff;
  color: #4b4b4b;
  text-decoration:none; 
  text-transform: uppercase;
  font: 12px/57px 'Roboto', Arial, sans-serif;
  text-align: center;
  width: 72px;
  height: 36px;
  border: 1px solid #dedede;
  border-bottom: none;
  border-radius: 500px 500px 0 0;
  position: relative;
}
.homemehr:hover span{
  background: #dedede;
  color: #000;
  font: 12px/42px 'Roboto', Arial, sans-serif;
}
.grid_4 h3, .grid_4 .num1, .grid_4 .num2  {
  text-decoration:none; 
  border: 0;
    display: inline-block;
    width: 100%;
}

.link_arrow {
  margin-top: 3px;
  margin-left: 2px;
  display: inline-block;
  background: url(../images/link_arrow.png) 50% 50% no-repeat;
  width: 13px;
  height: 17px;
}
.link_arrow:hover{background: url(../images/link_arrow.png) 50% 50% no-repeat #555;}


.more_btn{
  display: inline-block;
  margin-top: 19px;
  color: #474747;
  text-decoration:none; 
  text-transform: uppercase;
  font:14px/20px 'Roboto', Arial, sans-serif;
  background: url(../images/more_btn_arrow.png) right 7px no-repeat;
  padding-right: 20px;
}
.more_btn.title_v1{
  background: none;
  padding-right: 0;
  margin-top: 8px;
  margin-bottom: 0px;
  font-size: 13px;
  color: #666666;
  width: 100%;
  text-align: center;
}
.more_btn:hover{color: #cf041b;}


.icon-arrow-right{
  position: relative;
  top: -1px;
  left: 0;
  margin-left: 10px;
  font-weight: normal;
  font-size: 14px;
  font-family: 'FontAwesome';
  line-height: 1em;
}


.more_btn2 {
  display: inline-block;
  color: #f9129b;
  text-decoration:none;
  text-transform: uppercase;
  font:12px/18px "Open Sans", Arial, sans-serif;
}
.more_btn2:hover{color: #000;}

.more_btn3{
  display: inline-block;
  margin-top: 14px;
  padding: 7px 18px 8px 23px;
  /* padding-right: 22px; */
  background: #fff;
  color: #0bc0d3;
  text-decoration:none;
  text-transform: uppercase;
  font:600 14px/20px "Open Sans", Arial, sans-serif;
}
.more_btn3:hover{
  background: #f9129b;
  color: #000;
}


.more_btn4, #main .more_btn4 {
  display: inline-block;
  margin-top: 19px;
  color: #fff;
  text-decoration:none; 
  text-transform: uppercase;
  font:14px/20px 'Roboto', Arial, sans-serif;
  background: #7b868f;
  padding: 8px 47px;
  cursor: pointer;
}
.more_btn4:hover, #main .more_btn4:hover{background: #ffffff; color: #7b868f;}



figure{display: block; margin-top: 30px;}
figure.img_inner {
  display: block;
  overflow: hidden;
  margin-top: 25px;
  height: auto;
  line-height: 0;

  margin-bottom: 24px;
}
figure iframe {
  width: 100%;
  height: 374px;
}
address{
  display: block;
  margin-top: 8px;
  font-style: normal;
}
address dl dt{
  margin-bottom: 10px;
  text-transform: uppercase;
  /* color: #47d4f9; */
  font:14px/22px 'Roboto', Arial, sans-serif;
  color:#474747;
}
address dd span{
  position: relative;
  display: inline-block;
  width: 75px;
}
address a, a.link7{
  color: #9c9c9c;
  text-decoration: none;
}
address a:hover, a.link7:hover{color: #ffd64f;}


a.link7{
  color: #ffd64f;
  text-decoration: none;
}
a.link7:hover{color: #000;}




/*********************************start magnifier2*************************************/
.magnifier2 {
    position:relative;
    /* display:block; */
    display: inline-block;
}
.magnifier2 img{
}
.zoom{
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box; /* Safari */
  -moz-box-sizing: border-box; /*Firefox 1-3*/

    box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 10px solid #ddd; 
  -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
a.magnifier2:hover .zoom{
  opacity: 1;
}
a.magnifier2 .zoom{
  opacity: 0;
}
/*********************************end magnifier2*************************************/
/************Footer************/
footer{ 
  display: block; 
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  background: #110f06;
  background: url(../images/footer_bg_pattern2.png);
  margin-top: 0px;
}

.footer_section_up{
  background: url(../images/footer_bg_pattern1.png);
  padding: 54px 0 53px;
  text-align: center;
}



.footer_priv{
  padding-top: 10px;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 25px;
}
p.txt_priv{
  color:#e6e8e8;
  font:12px/20px "Open Sans", Arial, sans-serif;
  margin-top: 13px;
  text-transform: uppercase;
  text-align: center;
}

p a{color: #cc0000;}
.footer_priv a{color: #e6e8e8; padding-left: 14px; padding-right: 14px; text-decoration: none;}
.footer_priv a:hover, .footer_priv a.active {color: #fff;}
.footer_priv a.last {
  padding-right: 0;
}
p a:hover{color: #333333;}

/*----------- start social icons ----------------*/

.list_1{
  position: relative;
  list-style: none;
  display: inline-block;
}
.list_1 li{
  position: relative;
  float: left;
  width: 79px;
  text-align: center;
}

.list_1 li a{
  color: #fff;
}
.list_1 li a p{margin-left: 6px;}
.list_1 li:after {
  position: absolute;
  display: block;
  width: 1px;
  height: 12px;
  background: #a1a6ab;
  bottom: 5px;
  right: -6px;
  pointer-events: none;
  content: "";
}
.list_1 li + li:after {
  bottom: 5px;
  right: 0px;
}
.list_1 li + li + li:after{
  display: none;
}
.icon_container{
  display: inline-block;
  border-radius: 500px;
  width: 44px;
  height: 44px;
  background: #e4e7e9;
  font: normal normal 18px/47px 'FontAwesome';
  color: #7b868c;
  margin-bottom: 8px;
  margin-left: 5px;
}

.list_1 li a:hover{
  color: #9eadb6;
}
.list_1 li a:hover .icon_container{
  background: #9eadb6;
}



.soc_icons {
  float: right;
  position: relative;
  display: inline-block;
  margin-top: 2px;
  white-space: nowrap;
  margin-top: 26px;
  margin-left: -12px;
}
.soc_icons > li {
  position: relative;
  display: inline-block;
  margin-left: 2px;
}
.soc_icons > li > a {
  position: relative;
  color: #ced0d1;
  line-height: 1em;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;

  color: #fff;
  width: 32px;
  height: 32px;
  display: inline-block;
  background: #342b29;
  text-align: center;
  
  font: normal normal 16px/32px 'FontAwesome';
  border-radius: 500px;
}
.soc_icons > li > a:hover {
  color: #110f06;
  text-decoration: none;
  background: #ffd853;
}


#book_form{margin-top: 24px;}

#book_form .wrapper{margin-bottom: 20px;}

#book_form input{
  width: 100%;
  float: left;
  color: #7e7e7e;
  font: 14px/37px Arial, Helvetica, sans-serif;
  height: 37px;
  -webkit-box-sizing: border-box; /* Safari */
  -moz-box-sizing: border-box; /*Firefox 1-3*/
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  background: #fcfcfc;
  /*padding: 0px 5px 0px 17px;*/
  padding: 0;

  box-shadow: none;
  /*-webkit-appearance: none;*/
  resize: none;
  outline: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  float: left;

  -moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.1);
  -webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.1);
  box-shadow:inset 0 0 10px rgba(0,0,0,0.1);
  text-align: center;

}

.p_input{width: 80px; float: left;margin-top: 8px;}
#book_form .inp1{width: 49px; margin-right: 5px;}
#book_form .inp2{width: 106px;}
#book_form .inp3{width: 40px;}

/*----------- end social icons ----------------*/


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1339px) {
  .div-content{width:100%;}
  #logo{top: 19px;}
}
@media only screen and (min-width: 768px) and (max-width: 995px) {
  .banner2 {
    font-size: 11px;
    line-height: 14px;
    height: 197px;
  }
  .banner2 .txt4 {
    font-size: 16px;
    margin: 0;
    padding: 0;
  }
  .event_left {
    float: left;
    width: 55px;
  }
  .event_right {
    float: left;
    width: 165px;
  }
  .event_head {
    color: #333333;  
    margin-top: 2px;
  }
  .event_gallery {

  }
  .event_gallery img {
    padding: 2px;
    border: 1px solid #d8d8d8;
    width: 100px;
    height: 100px;
  }
  
}

@media only screen and (max-width: 995px) {
  #heute_is {
    width: 40%;
  }
  .heute_head {
    font-size: 16px;
  }
  .heute_sub {
    color: #fff;
    font-size: 16px;
  }
  
  .address figure iframe {
    max-width:100%;
    width: 100%;
  }
  
  address dd span{width: 74px;}
  .slider_wrapper {height: auto !important;}


  figure iframe {width: 100%;}

  
  .magnifier2 {width: 100%;}
  figure iframe {width: 100%;}
  h1{}

  .banner1 {padding: 0px 29px 20px 25px; margin-top: 51px; height: 191px;}
  .banner1 .more_btn_arr {margin-top: 10px;}

  .txt3 {margin-top: 0;}
  .txt4 {font: bold 19px/32px 'Roboto', Arial, sans-serif;padding-bottom: 0px;}

  #book_form .inp1, #book_form .inp3 {width: 39px;}
  #book_form .inp2 {width: 96px;}
  
  /* flexible Medien*/
img, embed, object, video {
 max-width: 100%;
 max-height: 100%;
 height: auto;
 width: auto;
}


.csc-default {clear: both;}
.csc-textpic-text { width: 100%;
}
#main .csc-textpic-intext-right-nowrap .csc-textpic-text
{
  margin-right: 0px;
  width: 100%;
}
#main .csc-textpic-intext-right-nowrap .csc-textpic-text
{
  margin-right: 0px;
}
/* Zeile 543 */
#main .csc-textpic-intext-right-nowrap-352 .csc-textpic-text
{
  margin-right: 0px;
}

}
@media only screen and (max-width: 800px) {
  #heute_is {
    width: 75%;
  }
}

@media only screen and (max-width: 767px) {
  #heute {
    margin-top: 9px;
    width: 67%;
  }
  #logo{
    margin-top: 125px;
    width: 100%;
  }
  #logo img {
    width: auto;
  }
  #sprache {
    float: right;
    width: 33%;
  }
  #sprache a img {
    width: auto;
  }
  #left_third img {
    width: auto;
  }
  .event_left {
    float: left;
    width: 25%;
  }
  .event_right {
    float: left;
    width: 75%;
  }


  .footermenu {
    clear: both;
    width: 80%;
    display: block;
  }
  img{width: 100%;}
  #bottom img {width: auto;}
  img.no_resize, h1 img{width: auto;}
  .box{overflow: visible;}

  .mobile_txt_cntr{text-align: center;}

  header{text-align: center; padding-bottom: 10px; padding-top: 10px;}

  h1, h1 a, h1 img{max-width: 100%;}
  h1{}
  .banner1{height:auto !important;}
  .img3, .img4{margin-bottom: 10px; margin-right: 0;}
  .box{overflow: visible;}
  .footermenu a {
    clear: both;
    width: 100%;
    display: block;
  }
  .txt_priv {
    clear: both;
    width: 100%;
    display: block;
    text-align: center;
  }


}


@media only screen and (max-width: 479px) {
  h1{}
  .banner1 .banner_txt1 {font:30px/30px 'Roboto', Arial, sans-serif;}

  .footermenu a {
    clear: both;
    width: 100%;
    display: block;
  }
  DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
  DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
  DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
    float: none;
  }
}
@media only screen and (max-width: 320px) {

}
#main ul {
  margin: 0;
  padding: 0;
  margin-left: 0px;
  padding-bottom: 15px;
  padding-top: 5px;
  list-style: inside;
}

#main li {
  margin: 0;
  padding: 0;
  padding-left: 15px;
}
.error div {
  display: inline;
}