/*=== = R E S E T = ==================================================*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video 
{margin: 0;   padding: 0;   border: 0;   outline: 0;   font-size: 100%;   vertical-align: baseline;   background: transparent;}

table {border-collapse: collapse;   border-spacing: 0;}

/*=== = B A S I S = ===============================================*/
.stopFloat, .clear {	clear: both;	display: block;	float: none;	margin: 0;	padding: 0;	border: 0;	width: 0;	height: 0;	font-size: 0;}
.clearRight{	clear: right;	display: block;	float: none;	margin: 0;	padding: 0;	border: 0;	width: 0;	height: 0;	font-size: 0;}

.breite{max-width:1100px; margin:0px auto;}

p, table, #content ul {margin-bottom: 1.3em; margin-top:0em; line-height:1.4em;}

a{text-decoration:none; color: #009cda; }
body{background:#ffffff; font-family: 'Open Sans', sans-serif;}

#cookieform{position:fixed; bottom:0; right:0; left:0; background: #2c2d31;}
#cookieform .accept{color:#3692d5; border:#3692d5 1px solid;}
#anfahrtbg [class*='wk-zustimmung'].dialog{margin:0.5em;}

/*=== = T Y P O = ===================================================*/

.italic{font-style:italic; text-shadow: 1px 1px 0px #000;}
.small{font-size:70%;}.big{font-size:140%;}

.opencond{font-family: 'Open Sans Condensed', sans-serif;}
.cover{font-family: 'Covered By Your Grace', cursive;}

/*=== = Ü B E R S C H R I F T E N = =================================*/
h1, h2, h3, h4, h5, h6  {margin-bottom: 0.7em;  font-family: 'Open Sans Condensed', sans-serif;}

h1 {font-size: 2.2em; font-weight:600; color:#009cda; text-transform:uppercase; line-height: 1em;}
.h1{color:#5c5c5c; font-size: 0.8em; display:block;}
h2 {font-size: 1.3em; margin-top:0em; color: #009cda; text-transform: uppercase; font-weight:600; line-height: 1.4em;}
h3 {font-size: 1.2em; font-weight: normal; color: #009cda;}
h4 {font-size: 1.05em; font-weight: normal; color:#5c5c5c; font-style:italic;}
h5 {font-size: 1em;}
h6 {font-size: 0.9em; letter-spacing: 0.5px;	margin-top: 0;}

/*=== = T E M P L A T E = ===========================================*/
#header{border-bottom:5px solid #3692d5;}
#header.fixed{position:fixed; width:100%; z-index:999; background:#ffffff;}
#head{padding:1em 0 0;}
.mail{background:url(../img/mail.jpg) left center no-repeat; margin-bottom:0; padding:0 1em 0 2em;}

#navibg{margin:1.5em 0 0 0;}
#navi{}
#navi ul{list-style: none; float:right; margin:2.5em 0 0 0;}
#navi ul > li{float:left; }
#navi ul > li > a{display:block; padding: 0em 0.8em 2.3em; color:#8d979a; font-size:1.2em; letter-spacing:0.03em; font-weight:600; text-transform:uppercase;}
#navi ul li:hover > a, #navi ul li > a:hover, #navi ul li.active > a{color:#009cda; background:url(../img/navibg2.png) center bottom no-repeat;}

#navi ul > li > ul{display:none; position:absolute; background:#3692d5; z-index:9999; margin:0em 0 0 0; width: 15em; padding:0.5em 0;}
#navi ul > li:hover > ul{display:block;}
#navi ul > li > ul > li{float:none;}
#navi ul > li > ul > li > a{display:block; padding: 0.5em 0.8em 0.5em 2em; color:#ffffff; font-size:1.4em; letter-spacing:0.03em; font-weight:600; text-transform:uppercase;}
#navi ul > li > ul > li > a:hover,#navi ul > li > ul > li.active > a{color:#ffffff; background:url(../img/pfeil.png) 1em center no-repeat; }

#sliderbg{position:relative;}
.dreieck{position:absolute; background:url(../img/dreieck.png) center bottom no-repeat; width:992px; height:53px; bottom:0; right: 9em; z-index:999; display:none;}
.page-108 .dreieck{display:block;}

#wrapper{position:relative; background:url(../img/line.png) center top no-repeat; z-index: 99; }
.page-108 #wrapper{top:-1em;}
.page-107 #wrapper{min-height:700px;}
#contentwrapper{padding:4em 0 2em 0; }

.abstand{padding: 0em 0em 0em;}
#content{color:#0b0200;font-size:0.95em; }
#content ul{margin-left:2em;}
#content a:hover{color:#5c5c5c;}

#teaserbg{background:url(../img/teaserbg.jpg) center top no-repeat;  height:500px;}
.teaser{margin-bottom: 0; font-size: 4.5em; color: #ffffff; font-weight: 400; padding : 4.5em 0 0 2em;}
.dreieck2{background:url(../img/dreieck2.png) center bottom no-repeat; width:100%; height:66px; position:relative; margin:-2.5em 0 0 0;}

#footer{background:url(../img/footerbg.jpg) center bottom no-repeat; padding:3em 0em 7em;}
#anschrift{margin:0 0 0 28em;}
.foottitel{color:#009cda; font-size:1.6em; font-weight:600; margin-bottom: 0.5em;}
#kontakt table{margin-bottom:2em;}
#kontakt td{padding: 0 0.4em 0.25em 0;}
.fb{background:url(../img/fb.jpg) left center no-repeat; padding:0.5em 0 0.5em 3em; font-size:1.1em;}
#kontakt a:hover{text-decoration:underline;}

#subfooter{background:#3692d5;} 
#copy{color:#ffffff; font-size:0.8em;padding:1.5em 0em; font-weight:700;}
#wk{font-size:0.8em;padding:1.5em 0em; font-weight:700; text-align:right;}
#wk a{color:#ffffff;}
#wk a:hover{text-decoration:underline;}

#footernavi{margin:1em 0 0 0;}
#footernavi ul{list-style: none;}
#footernavi ul > li{float:left; }
#footernavi ul > li > a{display:block; padding: 0.2em 0.8em; color:#ffffff; font-size:1em; letter-spacing:0.03em; font-weight:600; text-transform:uppercase;}
#footernavi ul > li > a:hover,#footernavi ul > li.active > a{color:#009cda; background:#ffffff;}

/*=== = C M S = =======================================*/

/* Bild */
.bild{border:1px solid #8d979a;}
.mleft{margin-left:2em;}
.mright{margin-right:2em;}
.mright2{margin-right:8em;}
.mbottom{margin-bottom:1.3em;}

/*+++++++++++++++++++++++++++++++
	STARTSEITE
+++++++++++++++++++++++++++++++*/
.zeiten{border-left:5px solid #c7c7c7; padding: 0.3em 0 0.3em 1.5em;}
.zeiten p{margin-bottom:0;}
.zeittitel{color:#009cda; background:url(../img/zeiten.jpg) left top no-repeat; font-size:1.3em; font-weight:600; padding:0.4em 0 1em 3em;}
.zeit{font-size:1em; font-weight:700; padding-bottom:0.3em;}
.zeitabstand{padding-left:2em;}

.leistungen{margin:3em 0 3.5em 0;}
.snow{background:url(../img/snow.jpg) left top no-repeat; height:240px; cursor:pointer;}
.snow:hover{background:url(../img/snow_hover.jpg) left top no-repeat;}
.snow:hover .leisttitel{text-align: left; padding:0.5em 0em 0 0.5em;}
.snow:hover .mehr, .snow:hover .leisttext{display:block;}
.skate{background:url(../img/skate.jpg) left top no-repeat; height:240px; cursor:pointer;}
.skate:hover{background:url(../img/skate_hover.jpg) left top no-repeat;}
.skate:hover .leisttitel{text-align: left; padding:0.5em 0em 0 0.5em;}
.skate:hover .mehr, .skate:hover .leisttext{display:block;}
.bike{background:url(../img/bike.jpg) left top no-repeat; height:240px; cursor:pointer;}
.bike:hover{background:url(../img/bike_hover.jpg) left top no-repeat;}
.bike:hover .leisttitel{text-align: left; padding:0.5em 0em 0 0.5em;}
.bike:hover .mehr, .bike:hover .leisttext{display:block;}
.leisttitel{font-family: 'Open Sans Condensed', sans-serif; font-size: 2em; text-transform: uppercase; color: #ffffff; margin-bottom: 0; font-weight: 600; text-shadow: 2px 2px 1px #000; text-align: right; padding:6em 0.5em 0 0;}
.leisttext{display:none; color: #ffffff; padding:0.5em 1.2em 0 1.2em; font-weight:600;}
.mehr{display:none; padding:0.5em 0em 0 1.2em;}
.mehr a{color: #ffffff; border:1px solid #ffffff; padding:0.3em 0.8em; text-transform:uppercase;}
#content .mehr a:hover{background:#247cbc; color: #ffffff;}

/*+++++++++++++++++++++++++++++++
	Blog
+++++++++++++++++++++++++++++++*/
.endlessblog h1{}
.endlessblog .cols-4 .item{float:left;}
.endlessblog .cols-4 .item:hover{background:#f1efef;}
.blogabstand{padding:0.5em 0.5em;}
.endlessblog .items-more, .endlessblog .nav-tabs, .endlessblog dt.article-info-term{display:none;}

.endlessblog .pagination{clear:both; display:block; text-align:center;}
#content .endlessblog .pagination ul{list-style-type:none; display:inline-block; margin:2em 0 0;}
.endlessblog .pagination ul li{float:left; padding:0 0.5em;}
body div.tooltip.fade.top { display: none !important; }

.item-image img{border:1px solid #8d979a; margin:0 0 0.5em 0; max-width: 99%;}
p.readmore{font-size:1em;}
.endlessblog .create{font-size:0.9em; color:#8d979a;}

.btn_zk{display:none;}
.endlessblog .btn_zk{display:block; margin:1em 0 0 0;}
.page-113 .btn_zk, .page-114 .btn_zk{display:block; margin:1em 0 0 0;}

.presse{background:#f1efef; padding: 1em 1em 0; margin-bottom: 1.3em; width:71.4%;}
.galerie{margin-bottom: 1.3em;}
.rider td{padding:0.3em 1em 0.3em 0;}

/*+++++++++++++++++++++++++++++++
	Marken
+++++++++++++++++++++++++++++++*/
.storelogo{margin-top:2em;}
.storelogo p{background: #f1efef; padding: 1em 0.2em; margin-bottom:2em; border:1px solid #f1efef; text-align: center;}
.storelogo a{background: #f1efef; padding: 1em 0.2em; margin-bottom:2em; border:1px solid #f1efef; text-align: center; display:block;}
.storelogo p:hover{border:1px solid #009cda;}
.storelogo a:hover{border:1px solid #009cda;}
.storelogo p img{margin-bottom:0.5em;}
.storelogo a img{margin-bottom:0.5em;}
.storelogo a{font-size: 0.85em;}
.storelogo .storetitel{font-size: 1em; color:#0b0200; line-height: 2.7em;}

/*+++++++++++++++++++++++++++++++
	ANFAHRT
+++++++++++++++++++++++++++++++*/
.gm-style-iw{color:#0b0200; padding:0.6em; font-size:0.9em;}	
input#saddr{margin:1em 0 0 0;}			
.gm-style-iw .button{background:#3692d5; color:#fff;cursor:pointer; display:inline-block; padding:0.3em 1em; margin:0.9em 0 0 7.3em!important; border:0; border:none; }
.gm-style-iw .button:hover{background:#5c5c5c; cursor:pointer;}
 
/*+++++++++++++++++++++++++++++++
	KONTAKT
+++++++++++++++++++++++++++++++*/
p.button input.submit{background:#3692d5; padding:0.3em 1em; color:#fff; font-size:14px; border:none; font-weight:normal; border-radius:3px;}
p.button input.submit:hover{background:#5c5c5c; cursor:pointer;}

/* === = M E D I A  Q U E R I E S = ===============================*/
@media only screen and (max-width:640px) 
{
	.breite{width:100%;}
	.cols-3 .item, .cols-4 .item, .cols-2 .item, .cols-5 .item{width:100%;}
	.cols3_2{width:100%;}
	
	#header.fixed{position:static;}
	#logo{text-align:center; margin-top:2em;}
	#logo img{max-width:90%;}
	.mail{margin-bottom:1.5em;}
	
	.page-108 .dreieck{background-size:80% auto; right:0;}
	
	.abstand{padding:0 4%;}
	#contentwrapper {padding: 3em 0 2em;}
	h1{font-size:1.8em;}
	.leistungen {margin: 2em 0 2.5em;}
	.leisttitel{padding:0.5em 0.5em 0 0em;}
	.snow{ margin-bottom:1.5em; }
	.skate{margin-bottom:1.5em; }
	.bike{}
	.rider td{font-size:0.9em;}
	#content .endlessblog .pagination ul{font-size:0.8em;}
	.zeiten p.zeit{font-size:0.9em}
	.zeitabstand {padding-left: 0.4em;}
	
	#teaserbg{background-size:100% auto; height:auto;}
	.teaser{padding: 1.5em 0 1em 2em; font-size: 1.5em; }
	.dreieck2{background-size:100% auto;  margin: -4em 0 0;}
	.map{height:250px!important;}
	
	#footer{background-size:100% auto;  padding: 1em 4% 3em;}
	#anschrift{margin: 0 0 0 0;}
	#copy{text-align:center;}
	#wk{text-align:center; padding: 1em 0;}
	#footernavi{width:100%; text-align:center; margin: 0em 0 0;}
	#footernavi ul{display:inline-block;}
	
	.item-image img{width: 100%;}
	.bild{margin-bottom:1em; max-width:100%;}
	.page-107 #content img{float:none!important; display:block;}
	.presse{width:90%;}
	.mleft{margin-left:0;}
	.page-109 #content img{float:none!important; display:block; margin-bottom:0.5em;}
	
	.form1 label.fieldlabel{width: 30%!important;}
	.form1 .feld{width: 60%!important;}
	.form1 .feld select{width: 106%!important;}
	.form1 .code, .form1 .button{margin-left:0!important;}
}
@media only screen and (min-width: 760px) and (max-width: 800px) 
{
	.breite{width:100%;}
	.cols-4 .leistungen .item{width:48%;}
	.blog .cols-4 .item{width:100%;}
	#footer .cols-3 .item{width:48%;}
	#subfooter .cols-3 .item{width:100%;}
	.cols3_2{width:100%;}
	#content .cols-3 .item {width:100%;}
	.cols-5 .item{width:31%; margin-right: 2%;}
	.storelogo .last{margin-right: 2%!important;}
	.storelogo .stopFloat{clear:none;}
	
	#header.fixed{position:static;}
	#logo img{margin-left:2em;}
    .mail{margin-top:-4.5em;}
	
	.page-108 .dreieck{background-size:90% auto; right:0; bottom:-0.2em;}
	
	.abstand{padding:0 4%;}
	#contentwrapper {padding: 3em 0 2em;}
	.leistungen {margin: 2em 0 2.5em;}
	.snow{background-size:100% auto; margin-bottom:1.5em;}
	.skate{background-size:100% auto; margin-bottom:1.5em; background-position:bottom left;}
	.surf{background-size:100% auto; background-position:bottom left;}
	.bike{background-size:100% auto;}
	
	.presse{width:95.5%;}
	.page-110 #content img{max-width:100%;}
	
	#teaserbg{background-size:100% auto; height:auto;}
	.teaser{padding: 1.5em 0 0.5em 1em;font-size: 3.5em; }
	.dreieck2{background-size:100% auto;  margin: -4em 0 0;}
	.map{height:250px!important;}
	
	#footer{background-size:100% auto;  padding: 1.5em 4% 3em;}
	#anschrift {margin: 0 0 0 0em;}
	#copy{text-align:center;}
	#wk{text-align:center; padding: 1em 0;}
	#footernavi{width:100%; text-align:center; margin: 0em 0 0;}
	#footernavi ul{display:inline-block;}
	
	.form1 label.fieldlabel{width: 30%!important;}
	.form1 .feld{width: 60%!important;}
	.form1 .feld select{width: 103%!important;}
	.form1 .code, .form1 .button{margin-left:0!important;}
}