@charset "utf-8";
/* CSS Document */
html {
    font-size: 13px;
	transition: all 0.3s ease-in-out 0s;
}

*{padding: 0;margin: 0;}

.clearer{
	clear:both;
	height: 0px;
	line-height:0;
	margin: 0;
	padding: 0;
}
.clear_fix {
	clear: both;
}

a{
	color: #333;
	text-decoration:none;
}

#logo a img{border:none;} 

a:hover{
	color: #bc1521;
}

#content p{
	line-height: 155%;
	margin-bottom: 1em;
}

h2,h3{	display: block;font-size:16px;padding:0;font-weight:bold;}

h1 span {
	position: absolute;
	left: -9999px;
}

input{background:#fff;}

span.important,strong,b{font-weight: bold;}

body {
	font-family: Myriad Pro, Arial, sans-serif;
	font-size: 1rem;
	height:100%;
	color:#000;
}
#bgStretch{display:none;}
#wrapper{width:1028px;margin:0 auto; padding: 0 100px;background:#fff;position:relative;}
header{height:130px;position:relative;margin-bottom:53px;}
header #logo{display:inline-block;}
header #zoom{display:inline-block;width:218px;text-align:center;background:#1682a9;position:fixed;margin-left:213px;top:0;color:#fff;height:130px;font-size:14px;vertical-align:text-top;padding-top:36px;z-index:99;}
header #zoom .fa{font-size:29px;display:inline-block;position:relative;top:5px;cursor:pointer;}
header #zoom .bigA{font-size:32px;display:inline-block;}
header #zoom .smallA{font-size:24px;display:inline-block;position: relative;padding-left: 3px;margin-top:-1px;}
header #zoom .procent100{padding:10px;display:inline-block;cursor:pointer;}


#menu{font-size:10px;}
#menu ul.menu{display: flex;justify-content: space-between;}
#menu ul.menu > li{display:inline-block;margin-right:44px;}
#menu ul.menu > li:last-child{margin-right:0;}
#menu ul.menu > li a{display:inline-block;width:174px;font-size:20px;font-style:italic;padding:11px 0;border-top:13px solid #e10808;padding-bottom:24px;}
#menu ul.menu > li:first-child a{border-top: 13px solid #1782a9;}
#menu ul.menu > li:nth-child(3n+3) a{margin-right:0;border-top:13px solid #ef9e05;}
#menu ul.menu > li:last-child a{margin-right:0;border-top:13px solid #839057;}

#menu ul.menu > li.active:first-child a,#menu ul.menu > li.current:first-child a,#menu ul.menu > li:first-child a:hover{border-top:0;border-bottom: 13px solid #1782a9;padding-bottom:11px;padding-top:24px;}
#menu ul > li.current:nth-child(3n+3) a,#menu ul > li.active:nth-child(3n+3) a,#menu ul > li:nth-child(3n+3) a:hover{border-top:0;border-bottom: 13px solid #ef9e05;padding-bottom:11px;padding-top:24px;}
#menu ul > li.current:last-child a,#menu ul > li.active:last-child a,#menu ul > li:last-child a:hover{border-top:0;border-bottom: 13px solid #839057;padding-bottom:11px;padding-top:24px;}
#menu ul > li.current a,#menu ul > li.active a,#menu ul > li a:hover{border-top:0;border-bottom: 13px solid #e10808;padding-bottom:11px;padding-top:24px;}
#menu ul > li a:hover{color:#000;text-decoration:none;}
#menu ul li.parent.active{margin-bottom:65px}


#subMenu{font-size:10px;}
#menu ul.nav-child{display: flex;justify-content: space-between;position:absolute;left:0;padding: 0 100px;width:100%;}
#menu ul.nav-child li{display:inline-block;font-size:22px;font-style:italic;padding:12px 0;border:none;margin-right:0;margin-bottom:0;}
#menu ul.nav-child li a{border:none !important;padding:0;width:100%;}
#menu ul.nav-child a:hover{color:#000;}
#menu ul.nav-child li.active a{font-weight:600;}

#mobileMenuIcon{display:none;}
#mobileMenu{top:-51%;opacity:0;position:fixed;}

#content{padding:30px 0;font-size:1.55rem;}
#content figure{margin-bottom:30px;position:relative;font-size:1.3rem;}
#content figure img{width:100%;height:auto;}
#content figcaption {background: #1782a9;bottom: 0;color: #fff; font-style: italic;font-weight: 300; padding: 5px 20px 3px;position: absolute;}

#content ul{margin-left:20px;}

.bluBG > div{background:#1682a9;color:#fff;position:relative;height:126px;}

.bluBG{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
  margin:0;
  margin-bottom:20px;
}
.bluBG > [class*='col-'] {
  display: flex;
  flex-direction: column;
  padding-top:8px;
  padding-bottom:8px;
}

.bluBG > div:first-child{border-right:20px solid #fff;}
.bluBG.noBorder > div:first-child{border-right:0;}
.bluBG a{color:#fff;}
#content .bluBG > div div h2{margin-bottom:0;padding-top:22px;}
#content .bluBG > div div h2 i {margin-top:-3px;font-size: 1.55rem;font-style: italic;font-weight: normal;margin-bottom: 1rem;}

.infoIcon {
    left: -60px;
    position: absolute;
    top: 0;
}

#content .bluBG p {
    font-size: 2.1rem;
    padding-left: 75px;
	line-height:120%;
	padding-top:22px;
}

.bluBG p br{margin:0;padding:0;height:10px;}

#content h2{font-size:2.1rem;font-weight:normal;font-style:italic;margin-bottom:1rem;}
#content h3{font-size:1.55rem;font-weight:normal;font-style:italic;margin-bottom:1rem;}
#content h4{font-size:1.55rem;font-weight:normal;font-style:italic;margin-bottom:0.4rem;}
#content .blogreiseberichte > div{margin-bottom:40px;padding:30px;
background: #b8d5e5; /* Old browsers */
background: -moz-linear-gradient(top,  #b8d5e5 0%, #ffffff 50%, #b8d5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b8d5e5 0%,#ffffff 50%,#b8d5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b8d5e5 0%,#ffffff 50%,#b8d5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8d5e5', endColorstr='#b8d5e5',GradientType=0 ); /* IE6-9 */}
#content .blogreiseberichte > div p:last-child{margin-bottom:0;}
#content #button17{margin-left:160px;}
#logoFooter{margin:0 auto; text-align:center;padding-bottom:36px;}
#logoFooter img{padding-right:32px;}


footer{background:#1682a9;left: 0;position: absolute;width: 100%;color:#fff;padding:26px 100px;height:250px;font-size:16px;}
footer br{line-height:8px;}
footer .middleCol{border-left:1px solid #fff; border-right:1px solid #fff;}
footer ul{list-style:none;}
footer ul li{padding-bottom:10px;}
footer ul li a{color: #fff;}
footer ul li a:hover{color:#fff;}
footer a{color: #fff;}
footer a:hover{color:#fff;}

footer .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
footer .row > [class*='col-'] {
  display: flex;
  flex-direction: column;
  padding-top:8px;
  padding-bottom:8px;
}

.portraitNote{display:none;}

#mobilePortrait{background:#000;opacity: .9;width:100%;height:100%;position:fixed;z-index: 999999;display:none;}
.screenRotate {margin: 40px;}
.screenRotate img{max-width:100%;}

#toTop {
    bottom: 20px;
    display: none;
    font-size: 35px;
    position: fixed;
    right: 20px;
    cursor: pointer;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    z-index: 999;
  color:#1682a9;
}

.textCenter > div{text-align:center;}