/* ===================================
1. General

Colors:

+ Color1: #4a5665, rbg(74, 86, 101)
+ Color2: #2e3f54, rbg(74, 86, 101)
+ Text : #333
+ Footer Text : #ccc
+ Footer Text-Hover :#fff

==================================== */
@import url('font.css');
@import url('font-awesome.css');
@import url('cookies.css');

body {
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	font-weight:400;
	color:#333;
	/*background:#2f6ea3;*/
	letter-spacing:1px;
	line-height:20px;
	background: url(../images/bg_3.jpg) 50% 50% no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

a, a:active, a:focus, a:hover {	outline:0;}

img{
	max-width:100%;
	height:auto;
}

a:hover{
  text-decoration:none;
  color:#003762;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 20px;
	letter-spacing:1px;
	font-family: 'Sansation', sans-serif; font-weight:700;
}

.row{
	margin:0;
}

.content{
	max-width:1140px;
	margin:0 auto;
	padding: 0 25px;
}

#wrapper{max-width:100%; margin:0 auto;}

header{margin:0 auto;}
header .content{background: #fff; position: relative;}
header #logo{margin:18px 0 10px; text-align: center;}
header #logo .logo{font-size: 0; display: block; width: 152px; height: 181px; margin: 0 auto;
	background-repeat: no-repeat; background-image: url('../logo/logo.png'); background-image: url('../logo/logo.svg'); background-position:0 0; background-size: cover;}
header #logo h1{margin:10px 0 0;}
header .main-top{font-family: 'Myriad Pro', sans-serif; font-size:15px; text-align:right; padding:8px 10px 0 0;}
header .main-top a{color:#b2b9be;}
header .main-top a:hover, header .main-top .box:hover{color:#1d3163;}
header .main-top .box{margin:15px 0 0 30px; position:relative;}
header .main-top .box .label-suche{position:absolute; right:4px; top:6px; color:#666;}
header .main-top .box .search label{display:none;}
header .main-top .box .search input[type="search"]{border: 1px solid #dddddd; padding: 4px 30px 4px 4px; width: 220px; color:#666;}
header .main-top .box div{display:inline-block;}
header .main-top .fa-phone{display: inline-block; font-family: 'FontAwesome'; margin: 0 5px 0 0;}

header{transition: all 0.4s ease;}
header.header2{position: fixed; top: 0; left: 0; width: 100%; z-index: 9}
header .content{background: #fff; transition: all 0.4s ease;}
header.header2 .content {background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);}
header #logo{margin:0 10px 0; transition: all 0.4s ease;}
header.header2 #logo{margin:10px 0 10px;}
header.header2 #logo .logo{position: absolute; left: 25px; top: 10px; width: 62px; height: 54px; background-image: url('../logo/logo_2.png'); /*background-image: url('../logo/logo_2.svg');*/ }

#wrapper header.header2 #navigation{padding: 0 20px 0 92px;}
/* Navigation Bootstrap */
.navbar-nav{float:right; margin:0;}
.navbar-collapse.collapse{margin-top:10px; padding-right:0; overflow:visible;}
.navbar-default{border:none; background:none;}
.navbar-collapse{margin-top:60px;}
.navbar {margin-bottom:0;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background:none; padding:0;}
.nav > li > a{ padding:0}
.nav > li > a:hover, .nav > li > a:focus{background:none;}
.navbar-brand {height:auto; margin:15px -15px 0 0;}
.container-fluid{ display:block; float:right;}
.navbar-default .navbar-toggle{border-color: #4a5665; border-radius:0;}
.navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
.navbar-default .navbar-toggle{background:#4a5665; margin:45px 0 0; }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color:#2e3f54;}

/* MENU */
#wrapper #navigation {position:relative; z-index:2; text-align: center;}
#wrapper #navigation li{ display:inline-block; padding:0; margin:0; position:relative;}
#wrapper #navigation li a{ font-family: 'Sansation', sans-serif; font-weight:bold; font-size:14px; padding:8px 10px 25px; color:#333; text-transform:uppercase;}
#wrapper #navigation li.active a,
#wrapper #navigation li:hover a{background:url(../images/bg-menu.png) no-repeat 50% 100%; color:#2e3f54;}
#wrapper #navigation li ul{position:absolute;  left:50%;  top:100%;  width:100%; min-width:180px; margin:0 0 0 -90px; padding:0;  background:#2e3f54;}
#wrapper #navigation li ul.nav-child { display:none;}
#wrapper #navigation li:hover ul.nav-child { display:block;}
#wrapper #navigation li ul.nav-child li{display:block;}
#wrapper #navigation li ul.nav-child li a{font-size:13px; text-transform:none; padding:10px 18px; text-align:left; display:block; font-weight:normal; background-image:none; color:#fff; text-align: center;}
#wrapper #navigation li ul.nav-child li a:hover{background:rgba(255,255,255,0.5);}

/* Slider */
#wrapper #slider{margin:0 auto; text-align:center; padding:20px 20px 0; background:rgba(255,255,255,0.9); max-width: 1140px;}
#wrapper #slider li{border-bottom:6px solid #122848;}
#wrapper #slider .custom p{margin:0;}

/* Content */
#wrapper #main-cotent{margin:0 auto; padding:0;}
#wrapper #main-cotent .content{padding: 50px  25px 25px; background:rgba(255,255,255,0.9);}
#wrapper #main-cotent h2{color:#2e3f54; margin:0 0 50px; font-size:22px; font-weight: 500;/* border-bottom: 1px solid #dddd;*/ padding-bottom: 17px; text-align: center; background: url('../images/bg_h2.png') no-repeat 50% 100%;}
#wrapper #main-cotent h3{font-size: 20px; font-weight: 400; color: #122848; padding: 0; margin: 40px 0 20px;}
#wrapper #main-cotent h4{font-size: 18px; font-weight: 400; color: #28bcea; padding: 0; margin:20px 0 5px;}
#wrapper #main-cotent .inhalt{margin:0 0 50px; font-size:15px; padding: 0;}
#wrapper #main-cotent ul{font-size:16px; color:#333; list-style: none; padding: 0; margin: 0 0 0 30px;}
#wrapper #main-cotent ul li{line-height: 30px;}
/*#wrapper #main-cotent ul li::before{content: "\f192"; font-family: FontAwesome; display: inline-block; float: left; margin: 0 8px 0 0;}*/
#wrapper #main-cotent div.col-4{width:24.5%; display: inline-block; padding: 15px; margin: 0 0 20px;}
#wrapper #main-cotent div.col-3{width:33%; display: inline-block; padding: 15px; margin: 0 0 20px;}
#wrapper #main-cotent div.col-2{width:49.5%; display: inline-block; padding: 15px; margin: 0 0 20px;}

/* Impressionen */
#wrapper #main-cotent .impression{padding: 10px; text-align: center;}
#wrapper #main-cotent .impression h3{margin: 0; padding: 13px 0 10px; font-size: 18px; color:#333; background: #ddd;}
#wrapper #main-cotent .impression p{margin: 0; background: #efefef; padding: 10px 15px 5px;}
#wrapper #main-cotent .impression .bt-galerie{display: inline-block; padding-bottom: 10px; color: #2f6ea3;}
#wrapper #main-cotent .impression .bt-galerie::before{content: "\f03e"; font-family: 'FontAwesome'; margin: 0 5px 0 0;}
#wrapper #main-cotent .impression .box-galerie{display: none;}
.fancybox-inner{height: auto !important;}
.fancybox-opened{top: 80px !important;}

/* Vorstand */
#wrapper #main-cotent .vorstand{padding: 10px; text-align: center;}
#wrapper #main-cotent .vorstand h3{margin: 0; padding: 13px 0 10px; font-size: 18px; font-family: 'Myriad Pro'; color:#333; background: #ddd;}
#wrapper #main-cotent .vorstand p{margin: 0; background: #efefef; padding: 10px 15px 5px; min-height: 50px;}
#wrapper #main-cotent .vorstand p img{padding: 5px 20px;}
#wrapper #main-cotent .vorstand p.vortand_name{padding-bottom: 10px; font-weight: 600; height: 50px; color: #2f6ea3;}
#wrapper #main-cotent .vorstand p.vortand_fon{padding-bottom: 20px;}
#wrapper #main-cotent .vorstand p.vortand_fon::before{content: "\f095"; font-family: 'FontAwesome'; margin: 0 5px 0 0;}

#wrapper #main-cotent .acc-vorstand .uk-accordion-title{margin: 0 10px 20px; padding: 14px 15px 10px; background:  #2e3f54; color: #fff;}
#wrapper #main-cotent .acc-vorstand .uk-accordion-title::before{content: "\f107"; font-family: 'FontAwesome'; margin: 0 10px 0 0;}
#wrapper #main-cotent .acc-vorstand .uk-accordion-title.uk-active{background:  #2f6ea3;}
#wrapper #main-cotent .acc-vorstand .uk-accordion-title.uk-active::before{content: "\f106"; font-family: 'FontAwesome'; margin: 0 10px 0 0;}
#wrapper #main-cotent .acc-vorstand .uk-accordion-content{padding: 0 0 20px;}


/* Aktuelles */
#wrapper #main-cotent .blog{text-align: center;}
#wrapper #main-cotent .blog_aktuelle h3{font-size: 20px; font-weight: 400; color: #2f6ea3; padding: 0; margin: 0 0 25px;}
#wrapper #main-cotent .blog_aktuelle h3::before{content: "\f073"; font-family: FontAwesome; display: inline-block; margin: 0 5px 0 0;}
#wrapper #main-cotent .blog_aktuelle h4{font-size: 18px; color: #2e3f54; margin: 0 0 15px}
#wrapper #main-cotent .blog_aktuelle h4::before{content: "\f005"; font-family: FontAwesome; display: inline-block; margin: 0 5px 0 0;}
#wrapper #main-cotent .blog_aktuelle p{margin: 0 0 15px;}
#wrapper #main-cotent .blog_aktuelle em{font-size: 12px;}

#wrapper #main-cotent .blog_aktuelle .items-leading,
#wrapper #main-cotent .blog_aktuelle .items-row{border-bottom: 1px solid #ddd; padding-bottom: 25px; margin-bottom: 30px;}
#wrapper #main-cotent .blog_aktuelle .items-row:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
#wrapper #main-cotent .blog_aktuelle .items-row{padding: 0;}
#wrapper #main-cotent .blog_aktuelle .category-desc{margin-bottom: 30px;}

#wrapper #main-cotent .blog_aktuelle a.save-event{display: inline-block; margin: 0 5px 0 0; padding: 5px 20px; background: #2f6ea3; color: #fff; border:2px solid #2f6ea3;}
#wrapper #main-cotent .blog_aktuelle a.save-event:hover{background: #fff; color: #2f6ea3;}
#wrapper #main-cotent .blog_aktuelle a.save-event::before{content: "\f0c7"; font-family: FontAwesome; display: inline-block; margin: 0 5px 0 0;}
#wrapper #main-cotent .blog_aktuelle .contentBlog{width: 100%; float: none;}


/* BLOG Manschaften */
#wrapper #main-cotent .blogManschaft .item-image,
#wrapper #main-cotent .blogManschaft .contentBlog{padding: 0;}
#wrapper #main-cotent .blogManschaft .contentBlog .inhaltBlog{padding: 25px 15px;}


#wrapper #main-cotent .blog .item-image{width:50%;}
#wrapper #main-cotent .blog .contentBlog{padding: 0;}
#wrapper #main-cotent .blog .contentBlog .inhaltBlog{padding: 25px 15px;}

/* Trainer */
#wrapper #main-cotent .uk-modal li::before{display: none;}
#wrapper #main-cotent .uk-modal .uk-cover-background{background-size: contain;}

/* Startseite Boxes */
#wrapper #main-cotent .startseite-box{margin-bottom:50px;}
#wrapper #main-cotent .startseite-box div{text-align:center; padding: 0 15px;}
#wrapper #main-cotent .startseite-box h3{font-size:18px; color:#333; margin:0; padding:10px 0 0; font-family: 'Source Sans Pro', sans-serif; font-weight:500;}
#wrapper #main-cotent .startseite-box p{margin:10px 0 0; font-size:13px;}

/* Partner */
#main-partner .content{background: #fff; padding: 0 40px;}
.partner{margin:0;  padding:25px 20px;}
.partner.uk-slidenav-position .uk-slidenav-previous{left: -45px; display: block; font-size: 38px;}
.partner.uk-slidenav-position .uk-slidenav-next{right: -45px; display: block; font-size: 38px;}


/* Kontakt */
.uk-text-center p{margin: 0; line-height: inherit;}
.uk-text-center .uk-margin{margin: 10px 0 0;}
.right-side{text-align: left; padding-left: 50px; line-height: 25px;}
.right-side h3{font-size: 16px; margin: 0; padding: 36px 0 25px; color: #122848;}
.mainkontakt{text-align: left;}
.kontaktform section{margin:15px 0 10px; }
.kontaktform section label{width:34%; vertical-align:top; font-weight: 100;}
.kontaktform section input[type="text"],
.kontaktform section textarea{float:none; width:65%; background-color:#f6f6f6; border:1px solid #e9e9e9; padding:4px 4px 3px; font-size:12px; font-weight:normal; color:#666}
.kontaktform .bfSubmitButton{background: #122848; border:none; display: inline-block; float: right; margin: 15px 0; padding:9px 20px 8px; color:#fff; border-radius: 4px;}
.kontaktform .bfSubmitButton:hover{background: #28bcea; color:#122848;}
.mapkontakt .uk-margin{margin:8px 0 5px; font-size:12px;}
.kontaktform .bfRequired{color: red;}
.kontaktform .bfErrorMessage{color: red; line-height: 25px; display: inherit; padding: 15px; background: rgba(250,0,0, 0.2); width: 100%;}
.kontaktform .bfCaptcha{ display: inline-flex; flex-direction: column;}
.kontaktform .bfCaptcha img.ff_capimg{margin-bottom: 10px;}

/* Timeline */
/*#wrapper #geschichte{padding:0; margin:0 auto 80px;}
#wrapper #geschichte .geschichte{text-align: center;}
#wrapper #geschichte .geschichte h2{color:#7d6c60; margin:0 0 50px; font-size:24px; font-weight: 700; text-transform:uppercase; background: url(../images/bg-headline.png) no-repeat 50% 0; padding: 20px 0 0;}
#wrapper #geschichte .timeline h2 strong{font-weight: 700; color: #b9a396;}

#wrapper .geschichte .uk-subnav{margin:80px 0 30px 30px !important;}
#wrapper .geschichte .uk-subnav li{margin:0; padding:0;}
#wrapper .geschichte .uk-subnav li a{font-size:21px; display: inline-block; font-weight:400; color:#ddd; padding:50px 15px 20px; background:url(../images/bg_li_timeline.png) no-repeat 50% 0; border:none; outline:none;}
#wrapper .geschichte .uk-subnav li a:hover{box-shadow:none;}
#wrapper .geschichte .uk-subnav li.uk-active a{background:url(../images/bg_li_timeline_active.png) no-repeat 50% 0; color:#2f6ea3;}

#wrapper .geschichte .uk-subnav li:first-child a{background:url(../images/bg_li_timeline_first.png) no-repeat 50% 0; padding-left:0;}
#wrapper .geschichte .uk-subnav li.uk-active:first-child a{background:url(../images/bg_li_timeline_first_active.png) no-repeat 50% 0;}
#wrapper .geschichte .uk-subnav li:last-child a{background:url(../images/bg_li_timeline_last.png) no-repeat 50% 0; padding-right:0;}
#wrapper .geschichte .uk-subnav li.uk-active:last-child a{background:url(../images/bg_li_timeline_last_active.png) no-repeat 50% 0;}

#wrapper .geschichte .uk-switcher .uk-panel{padding:0 25px; text-align: left; font-size: 18px; min-height: 115px; line-height: 35px;}
#wrapper .geschichte .uk-switcher .uk-panel ul{font-size:16px; color:#333; list-style: none; padding: 0; margin: 0 0 0 30px;}
#wrapper .geschichte .uk-switcher .uk-panel ul li::before{content: "\f192"; font-family: FontAwesome; display: inline-block; float: left; margin: 0 8px 0 0;}*/

/* Hisorie Module */
.historie{
	position: relative;
	padding: 15px;
}

#wrapper #main-cotent .historie ul.uk-subnav-pill{
	background: url('../images/bg_ul.png') repeat-x 0 40px;
	margin: 0;
	padding: 0 40px !important;
	position: relative;
	border: none;
}

#wrapper #main-cotent .historie ul.uk-subnav-pill li{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

#wrapper #main-cotent .historie ul.uk-subnav-pill li *{
	transition: all 0.1s linear;
}

#wrapper #main-cotent .historie ul.uk-subnav-pill li a{
	display: inline-block;
	width: 55px;
	height: 55px;
	text-align: center;
	color: #a6de7f;
	background: #2e3f54;
	border:2px solid #2f6ea3;
	box-shadow:none;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

#wrapper #main-cotent .historie ul.uk-subnav-pill li a:hover{
	background: #a6de7f;
	color: #000e3c;
	box-shadow:none;
	border:2px solid #2f6ea3;
}

#wrapper #main-cotent .historie ul.uk-subnav-pill li.uk-active{
	background: url('../images/li_active_historie.png');
	background-size: cover;
	width: 75px;
	height: 78px;
	border: none;
	transform: translateY(-3px) rotate(-15deg);
}

#wrapper #main-cotent .historie ul.uk-subnav-pill li.uk-active a,
#wrapper #main-cotent .historie ul.uk-subnav-pill li.uk-active a:hover{
	background: none;
	color: #000e3c;
	width: 75px;
	height: 75px;
	border: none;
	font-family: '28 Days Later';
	font-size: 26px;
	opacity: 0.5;
	transform: translateY(3px) rotate(15deg);
}

#wrapper #main-cotent .historie ul.uk-switcher{
	margin: 0 50px;
	color: #000e3c;
}

#wrapper #main-cotent .historie ul.uk-switcher ul{
	margin: 0;
}

#wrapper #main-cotent .historie ul.uk-switcher ul li::before{
	content: "\f192"; font-family: 'FontAwesome'; display: inline-block; margin: 0 8px 0 0;
}


/* Wetter */
#wetter{background: #fefefe; border-radius: 10px 0 0 10px; color: #2f6ea3; height: 160px; margin-top: -100px;  padding: 10px; position: fixed; right: 0; text-align: center; top: 50%; width: 100px; display:none;}
#wetter .weather_k1_c{display: block;}
#wetter p.weather_k1_city{font-size: 14px; font-weight: 500;}
#wetter p.kw_current_temp{font-size: 18px;}
#wetter .kw_logo{display: none;}
/* Footer */
footer{width:100%; min-height:60px; padding:0; color:#ccc;}
footer .content{background:#bbdd8c; padding:15px 15px 0; color:#333;}
footer p{margin:15px 0;}
footer a{color:#333;}
footer a:hover{color:#122848;}
footer a .fa{margin-right:8px;}
footer .links{text-align:center;}
footer .links ul{padding:0;; list-style:none;}
footer .links ul li{display:inline-block;  margin:0 2px 0 14px}
footer .adresse{text-align:center;}
footer .adresse p{margin-top:5px;}
footer .social{text-align:right; font-size:35px;}
footer .social .fa{margin:0;}
footer .footer{font-size:12px; padding:0 15px; border-top:1px solid #ccc; margin-top:0;}
footer .footer p{margin:10px 0;}
footer .footer div{padding:0;}

/* Galerie */
#wrapper #main-cotent .uk-subnav{padding: 0; display: flex; margin: 0 !important; border-bottom: 2px solid #2e3f54;}
#wrapper #main-cotent .uk-subnav li::before{display: none;}
#wrapper #main-cotent .uk-subnav li{float:none; display: inline-block; margin: 0 3px 0 0; padding: 0;}
#wrapper #main-cotent .uk-subnav li a{border-radius: 0; padding: 5px 10px; background: #2e3f54; color: #fff;}
#wrapper #main-cotent .uk-subnav li.uk-active a{color: #2e3f54; background: #a6de7f;}

@media (max-width: 991px) {
	.startseite-box{margin-bottom:0;}
	.startseite-box div:nth-child(1) p:last-child,
	.startseite-box div:nth-child(2) p:last-child{margin:20px 0 30px; padding-bottom:25px; border-bottom:1px solid #ddd;}
}


@media (max-width: 968px) {
	#wrapper #navigation li{margin:0;}
	#wrapper #navigation li a{font-size:13px; padding:7px 10px 25px;}
}

@media (max-width: 768px) {
	
	.startseite-box div:nth-child(3) p:last-child{margin:20px 0 30px; padding-bottom:25px; border-bottom:1px solid #ddd;}
	header #logo{text-align:center; margin:10px 0;}
	header .main-top{text-align:right; position:absolute; right:0; top:-5px; z-index:9;}
	#wrapper #main-cotent{margin:0; padding:0;}
	#wrapper #main-cotent .content{padding:25px 15px 10px; background:#fff;}
	.navbar{text-align:center;}
    .navbar-header {float: none;}
    .navbar-left,.navbar-right {float: none !important; }
    .navbar-toggle {display: block; }
    .navbar-collapse {border-top:none;  box-shadow: none; padding-left:0; padding-right:0;}
    .navbar-fixed-top {top: 0;border-width: 0;}
    .navbar-collapse.collapse { display: none!important; }
    .navbar-nav { float: none!important;margin-top:18px 0;}
	.navbar-nav>li {float: none;}
    .navbar-nav>li>a {padding-top: 0;padding-bottom: 0; }
    .collapse.in{display:block !important;}
	.navbar-collapse{margin-top:30px;}
	.container-fluid{float:none; margin-bottom:25px;}
	.navbar-default .navbar-toggle{margin:15px 0 0; float:left;}
	footer .social, footer .copyright{text-align:center;}
}

@media (max-width: 420px) {
	.container-fluid{margin-bottom:25px;}
	#wrapper #navigation li{display:block;}
	#wrapper #navigation li a{padding: 7px 5px 8px; border-bottom:1px solid #2e3f54;}
	#wrapper #navigation li.active a, #wrapper #navigation li a:hover,  #wrapper #navigation li:hover a{ background:#2e3f54; color:#fff; }
	#wrapper #navigation li ul{position:relative;}
	#wrapper #navigation li ul.nav-child li a{font-size:12px; border-bottom:none; background:none; color:#4a5665;}
	#wrapper #navigation li ul.nav-child li a:hover,
	#wrapper #navigation li ul.nav-child li.active a{background: #4a5665; color:#fff}
	footer .links{text-align:left; border-bottom: 1px solid #cccccc; margin: 0 0 10px; padding: 0;}
	footer .links ul li{width:44%;}
	footer .social{border-bottom: 1px solid #ccc;}
	
}