@charset "UTF-8";
/* CSS Document */

@import "module.css";
@import "form.css";
@import "fonts.css";
@import "font-awesome.css";

body, html {
  height: 100%;
  margin: 0;
  font: 400 15px/1.8 "Lato", sans-serif;
  color: #777;
}
img {
  max-width: 100%;
  height: auto;
}

strong { font-weight:600;}

.blue{color:#01B9AF;}

h1,h2,h3,h4,h5,h6{font:100 16px/120% "Lato", sans-serif;letter-spacing:0.04em;color:#444;padding:10px 0 0;text-transform:uppercase;}

h1{font-size:30px; font-weight:700; margin:25px 0 20px 0;}
.usite h1{font-family:'Lato',Trebuchet MS,Sans-serif;text-align:center;font-weight:500;font-size:36px;letter-spacing:normal;text-transform:none;position:relative;padding-bottom:40px;}
.usite h1.align-center:after{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);text-align:center;}
.usite h1.align-right:after{left:auto;right:0;}

h2{font-size:30px; margin:10px 0 15px 0;}

h3{font-size:26px; font-weight:500;}

h4{font-family:'Lato',sans-serif;font-weight:300;font-size:20px;letter-spacing:normal;text-transform:none;position:relative;padding-bottom:60px;}
h4:after{content:'';display:block;width:60px;height:6px;background:#01B9AF;-webkit-border-radius:3px;border-radius:3px;position:absolute;bottom:20px;left:0;}
h4.align-center:after{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
h4.align-right:after{left:auto;right:0;}H5{font-weight:600;}

h5{font-weight:600; line-height:1.5;text-transform: none!important;}
h5 strong{font-weight:900;}

p{padding:10px 0 5px;}

a{text-decoration:none;color:#ce2026;}
a:hover{text-decoration:none;opacity:0.7;}

hr{background:transparent;border:0 solid #ccc;height:0;padding:0;margin:30px 0;border-bottom:1px solid #ccc;}

.to{column-count: 2;column-gap: 30px;}

.align-center{text-align:center;}

.pictextbody{
	margin-bottom:50px;
}

/* Top Text
 ================================================================== */
.pictext{position:absolute;top:-webkit-calc(55% - 60px);top:-moz-calc(55% - 60px);top:calc(55% - 60px);left:20%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:45%;font-size:22px;line-height:160%;color:#fff;}
.pictext .grossertext{font:100 40px/100% "Lato", sans-serif; font-weight:600; letter-spacing:0.1em;color:#fff;text-transform:uppercase;}
.pictext .button{background:transparent;border:3px solid #fff;margin-top:10px;font-size:16px;-webkit-border-radius:35px;border-radius:35px;}
.pictext .button:hover{background:#fff;color:#444;opacity:1;}
.grossertext{font-size:20px;}

 
.button,INPUT[type=submit]{display:inline-block;background:#01B9AF;color:#fff;font-family:"proxima-nova",Verdana,Sans-serif;font-weight:600;text-transform:uppercase;padding:12px 35px;-webkit-border-radius:26px;border-radius:26px;margin-top:30px;}
.button:hover,INPUT[type=submit]:hover{opacity:1;background:#ce2026;text-decoration:none;}
.button-grau,INPUT[type=submit]{display:inline-block;background:#ccc;color:#fff;font-family:"proxima-nova",Verdana,Sans-serif;font-weight:600;text-transform:uppercase;padding:12px 35px;-webkit-border-radius:26px;border-radius:26px;margin-top:30px;}
@media all and (max-width:980px){
 .pictext{width:70%;left:25%;}
}

@media all and (max-width:760px){
.pictext{position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;width:100%;padding:20px 20px 60px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:18px;background:rgba(17,17,17,.75); font-size:20px;}	
.pictext .grossertext{font-size:20px;}
.to{column-count: 1;column-gap: 0px;}
.logo{ display:none;}
.bgimg-1{max-height:550px!important; margin-top:50px;}
.bgimg-1 {background-image: url("../images/P1000034.jpg");  min-height:0;}
a.down{display:none;}
.scrollLink{display:none;}
h1 {hyphens: auto; font-size:22px;}
}
/* Logo
 ======================================================================= */
.logo{
	margin-top:25px;
}
.usite .logo{
	margin-top:10px!important;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
.logo{ display:none;}	
}
@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px) 
and (orientation : portrait){
.logo{ display: block;}	
}


/* Header Bild
 ======================================================================= */
/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
    .bgimg-1, .bgimg-2, .bgimg-3 {
        background-attachment: scroll;
    }
}
.bgimg-1 {
  background-image: url("../images/P1000027.jpg");
  min-height: 100%;
}
.bgimg-1{
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgimg-1 #down a{
	transform: scale(20);
}

.bgimg-1 #down{
	position:absolute;
	cursor:pointer;
	z-index:10;
	width:50px;
	height:50px;
	-webkit-border-radius:100%;
	border:1px #fff solid;
	-ms-border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
	left:50%;
	bottom:20px;
	margin-left:-25px;
	-webkit-box-shadow:inset 0 0 0 #ffffff;
	-ms-box-shadow:inset 0 0 0 #ffffff;
	-moz-box-shadow:inset 0 0 0 #ffffff;
	-o-box-shadow:inset 0 0 0 #ffffff;
	box-shadow:inset 0 0 0 #ffffff;
	-webkit-animation:ghostHover 1.5s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
	-ms-animation:ghostHover 1.5s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-animation:ghostHover 1.5s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-animation:ghostHover 1.5s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
	animation:ghostHover 1.5s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
}

.bgimg-1 #down:hover{
	-webkit-box-shadow:inset 0 50px 0 #ffffff;
	-ms-box-shadow:inset 0 50px 0 #ffffff;
	-moz-box-shadow:inset 0 50px 0 #ffffff;
	-o-box-shadow:inset 0 50px 0 #ffffff;
	box-shadow:inset 0 50px 0 #ffffff;
	-webkit-animation:none;
	-ms-animation:none;
	-moz-animation:none;
	-o-animation:none;
	animation:none;
}

.bgimg-1 #down:hover:before{
	border-bottom:1px solid #1b8ccd;
	border-right:1px solid #1b8ccd;
}

.bgimg-1 #down:before{
	content:'';
	display:block;
	height:16px;width:16px;
	position:absolute;
	left:16px;
	top:12px;
	border-top:1px solid transparent;
	border-right:1px solid transparent;
	border-bottom:3px solid #ffffff;
	border-right:3px solid #ffffff;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
#bottom{
	margin-top:-90px;
	padding-top:90px;
}

#headerpic {
	position: relative;
	background:#333333 url('../images/hg1.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	padding-top: 110px;/* war 140px */
	padding-bottom: 110px;/* war 140px */
	text-align:center!important;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 1;
}


#headerpic .layer {
	background-color: #333;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.2;
	z-index: 2;
}

#headerpic .text1 {
	font-family: 'Montserrat', sans-serif!important;
	font-size: 65px;
	line-height: 70px;
	font-weight: 600!important;
	color: #ffffff;
	text-shadow: 0px -1px 1px black;
	position: relative;
	text-align:center!important;
	z-index: 3;
	display: inline;
}
#headerpic h6 {
	font-family: 'Montserrat', sans-serif!important;
	font-size: 45px;
	line-height: 55px;
	font-weight: 400!important;
	color: #111111!important;
	text-shadow: 0px -1px 1px black;
	position: relative;
	text-align:center!important;
	z-index: 3;
	display: inline;
}

@media (max-width: 767px) {
#headerpic {
	position: relative;
	background:#ffffff;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: relative;
	background-position: center center;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-top: 70px;
	padding-bottom: 70px;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 1;
}
#headerpic h3{
	font-family: 'Montserrat', sans-serif;
	font-size: 25px;
	line-height: 36px;
	font-weight:600;
}
#headerpic h6 {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	line-height: 25px;
	font-weight:600;  
}}

/* Back to Top
 ========================================================================== */
#back-top {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 80px;
	right: 150px;
	overflow: hidden;
	border: none;
	color: #014C8F;
	font-size: 38px;
	line-height: 40px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family: "FontAwesome";
	content: "\f0aa";  
	z-index: 9999;
}
#back-top:hover {
	/*outline: none;*/
	color: #000000;
}
@media only screen and (max-width: 1199px) {
#back-top {
	display: none !important;
}} 
/* Wrapper
 ================================================================== */
.wrapper{
	background:#F2FFFF;
	min-height:400px;
	height: auto;	
	width:100%!important;
	padding:30px 0 0px 0;
}
.wrapp-inner{
	margin:0px 0 0px 0;	
}
.wrapp-inner h1{
	font-size:45px; 
	font-weight:500; 
	margin:25px 0 0 0; 
	text-align:left; 
	text-transform:uppercase;
}

.wrapper1{
	background: url("../images/wrap_blue.jpg") repeat-x;
	height: auto;	
	width:100%!important;
	padding:0px 0 0px 0;
}

.wrapper2{
	background:#F6F6F6;
	height: auto;	
	width:100%;
	padding:30px 0 50px 0!important;
} 
.b-text{
	font-size:16px;
	line-height:3;
	font-weight:600;	
}
.wrapper{
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
} 
#karten{
	background: url("../images/anfahrt.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:400px;
	margin-top:-100px;
}
#kart{
	background: url("../images/anfahrt.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:400px;
	margin-top:-130px;
}
#karte{
	height: auto;	
	width:100%!important;
	padding:30px 0 50px 0;
	position: relative;
	background-position: right 15% bottom;
	background-repeat: no-repeat;
}
.biger{
	font-size:18px;
	font-weight:500;
}
.bigerer{
	font-size:22px;
	font-weight:600;
}

/* Footer
 ================================================================= */
footer{
	border-top: 1px solid #e5e7e9;
} 
.footer_inner{
	padding:30px 0 30px 0;
	color:#444;
	background:#F0F0F0;
} 
.footer_inner h5{
	color:#01B9AF!important;
	padding:0px 0 5px 0;
	margin: 15px 0 10px 0;
	border-bottom:1px solid #01B9AF;
}
.footer_inner a{
	color:#444;
}
.list-marked-variant-2 > li > a {
	position: relative;
	display: inline-block;
	padding-left: 20px;
}

.list-marked-variant-2 > li > a:before {
	content: '\f105';
	position: absolute;
	left: 0;
	top: 0;
	font: 400 18px/24px 'FontAwesome';
	color: #01B9AF;
	transition: .33s all ease;
}

.list-marked-variant-2 > li > a:hover:before {
	left: 4px;
}

.list-marked-variant-2 > li + li {
	margin-top: 10px;
}

.copyfooter{
	padding:15px 0 15px 0;
	background:#d2d2d2;
}
.copyfooter a{
	color:#01B9AF;
}
#copybottom {
 font-size: 10px;
 color:#747474;
 text-align:right;
 letter-spacing: 0.03em;
 margin-top:10px;
 padding-bottom:0px;
 float:right;
}
#copybottom a{
 color:#747474; 
 text-decoration:none;
}
#copybottom a:hover{
 color:#747474; 
 text-decoration:underline;
}