@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');


html, body, ul, li, div, a, img, h1, h2, h3, h4, h5, h6, input, p, ul, li, table, tr, td, th {
  margin: 0px;
  padding: 0px;
  font-family: 'PT Sans', sans-serif;
}


h1, h2{
	font-family: 'PT Sans', sans-serif;
	text-transform: none;
	font-weight: bold;
}

body{
	font-size: 15px;	
}

html{
	background: white;
}

.gray-page-width {
    background: #636466;
    height: 0;
}

img.bgmaximage {
  position:fixed !important;
  z-index: -1;
  display: none;
}

div[style="width: 620px;"], img[width="620"], div[style="margin: 0px 10px 10px 0px; float:left; width: px;"]{
		width: 100% !important;
		height: auto;
	}
	
div[style="width: 620px;"].text1x.bildonly{
	margin-left: inherit;	
}

.page-width {
  width: 1183px;
  margin-left: 10px;
  position: relative;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0em;
}

div.news-2.clearfix{
	clear: both;
}

div#mobile_banner_top{
	display: none;	
}

.clearfix {
  /* display: inline-block; */
}

/* TOP */
#top {
  height: 0px;
  position: relative;
  padding-top: 1px;
  margin: 0 auto;
}

#banner_top img{
	max-width: 728px;	
}

#banner_sky img{
	max-width: 200px;	
}

#sponsors img, #partners img{
	max-width: 200px;	
}
.banner-top {
    margin-top: 14px;
    position: absolute;
    z-index: 99;
    right: 0px;
}

.flags-prim{
	display: none;	
}

.flags-prim-new {
    position: absolute;
    margin-left: 1015px;
    top: 127px;
    z-index: 99;
}
.flags-suche-new{
	display: none;
}

li.suche_neu {
    font-size: 1.2em;
    margin-top: -2px;
    margin-right: 10px;
}

li.suche_neu a{
	color: black;	
}

.active_lang li{
	cursor: pointer;	
}

.active_lang li:hover ul{
	display: block;	
}

.active_lang li.active_lang {
    padding: 4px 6px;
    margin: 0;
    margin-top: -6px;
    margin-left: -3px;
    color: black;
    width: 20px;
    height: 20PX;
    DISPLAY: inline-block;
}

.active_lang li.active_lang:hover span.act-flag{
	border-bottom: 5px solid #DDDDDD;	
	border-top: 4px solid #DDDDDD;
	border-left: 4px solid #DDDDDD;	
	margin-left: -4px;
	margin-top: -6px;
}


ul.langswitch-new.clearfix {
  	position: absolute;
  	z-index: 9999;
    top: 23px;
    padding: 0px;
    margin-left: -7px;
    background: #ffed00;
    width: 35px;
    margin-bottom: 0px;
    padding-bottom: 0;
}

ul.langswitch-new.clearfix li a{
	color: black;
}

.active_lang .flag-icon {
    height: 15px;
    width: 20px;
}

.flags-prim-new ul li{
  float: left;
  margin-left: 4px;
  list-style-type: none;
  padding-bottom: 4px
}

.flags-prim-new ul li ul li{
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	display: flex;
}

.flags-prim-new ul li ul li a{
	width: 100%;
	display: block;
	padding: 5px 2px;
}

.langswitch-new{
	display: none;	
}

.top-links li {
  padding-right: 4px;
}

.topline-container .title-splash{
	display: none;	
}
#content .topline-container{
	display: none;	
}

#content h2 {
    line-height: 1.1em;
}

#content .news h2 {
	padding-bottom: 5px;
	margin-left: 10px;
	
}

#content .news .text h2{
	margin-left: 0px;
}

#content .news-big .long_text h2, #content .news .long_text h2{ /* Einrücken im Content */
	margin-left: 0;
}



.block-sponsoren, .block-partner{
	padding: 0;
	
}

h1.topline, h2.topline {
	text-shadow: 3px 2px 5px #5a5a5a5e, 2px 1px 3px rgba(27, 27, 27, 0.39);
    filter: Shadow(Color=#fdcd12, Direction=135, Strength=5);
    height: 61px;
    line-height: 56px;
    position: relative;
    overflow: visible;
}

.top-links li.last {
  padding-right: 0px;
}

.top-links {
  margin-top: 10px;
}

/* HEADER */
#header,
#header .page-width {
  height: 154px;
  z-index: 10;
  margin: 0 auto;
  background: #ffed00;
}

.logo {
  position: absolute;
  left: 0px;
  top: 29px;
  width: 315px;
}

.slogan {
  position: absolute;
  left:  6px;
  top: 38px;
  display: none;
}

.nav li {
  float: left;
  padding: 0px 7px;
  text-transform: none;
  font-size: 1.05em;
}

.block-splash, .block-splash-1{
	display: none;
}

.nav {
  position: absolute;
  bottom: 10px;
  left: 0px;
}

/* Banner Right */
#banner-right {
    margin-top: 31px;
}

/* Main */
#main {
  min-height:650px;
  height:auto !important;
  height:650px;
  margin: 0 auto;
}

/* Content */
#content {
  width: 966px;
  float: left;
  margin-top: 15px;
}

.content-inner {

  height:auto !important;
  height:850px;
  overflow-x: hidden;
}

/* Right */
#right {
  width: 200px;
  float: left;
  margin-left: 16px;
}

#right h2 {
    color: black;
    text-shadow: none;
	font-size: 1.6em;
}

h2.topline{
	height: 44px;	
}

.block {
  margin-bottom: 10px;
  width: 200px;
}

/* News */
.news {
  position: relative;
  margin: 0;
}

.news-3 .news,
.news-2 .news,
.news-1000 .news{
	border-top: 0;	
}

.news .news-image {
    position: relative;
    min-height: 10px;
}

.news .news-image img {
    display: block;
    width: 966px;
}

.news .news-image-title {

    width: 100%;
    background: none;
}

.actionlinks li{
	background: none;
	padding-left: 0;
}

.actionlinks li:before {
  content: "\f0a9"; /* FontAwesome Unicode */
  color: #ffed00;
  font-family: FontAwesome;
  display: inline-block;

  width: 1.3em; /* same as padding-left set on li */
}


#content .news-big h2 {
    margin: 5px 0px 5px 9px;
}



.news-0 .news {
	width: 309px;
	float: left;
	margin-right: 20px;
	min-height: 455px;
}
.news-inner.bg{
	padding-bottom: 10px;

}

#content .news-0 h2 {
    padding: 8px;
    margin: 0;
    line-height: 1.3em;
}
.news-0 .action{
	margin: 8px;	
}

.news-0.clearfix > div:nth-child(3n+2) {
	margin-right: 0;	
}

.news-2 {
    width: 638px;
}
.news-2 .news, .news-3 .news, .news-1000 .news  {
    float: left;
    width: 312px;
}

.news-1000 .news{
;	
}

.news-1000 .anchorlink{
	width: 1px;
	height: 1px;
	visibility: hidden;
}

.news-1000.clearfix {
    width: 966px;
    margin-right: -20px;
    display: grid;
	grid-template-columns: 312px 312px 312px;
	grid-gap: 15px 15px;
	margin-top: 15px;
    margin-bottom: 15px;
}

.news-2 .news-2-2, .news-3 .news-3-2 {
    margin-left: 20px;
}

.news-1000 .news img{
	width: 100% !important;	
}

.news-3 .news-3-3 {
    margin-left: 20px;
}


.news .action{
	padding-bottom: 1px;	
}

/* Footer */
.footer-inner div.col {
    float: left;
    margin-right: 16px;
    width: 180px;
}

#footer {
  padding-bottom: 10px;
  padding-top: 15px;
}

#footer .page-width {
  position: static;
}

#footer .footer-container {
  position: relative;
}

.footer-inner {
  width: 800px;
  margin-bottom: 10px;
}

.footer-links {
    /* position: absolute; */
    /* right: 0px; */
    /* top: 0px; */
    text-align: center;
}

.footer-links .top-links li {
  float: left;
}

.footer-links .top-links li.last {
  border-right: none;
}

.footer-links .top-links {
  margin-top: 3px;
  display: inline-block;
}

ul.sociallinks {
    bottom: 4px;
    position: absolute;
    right: 15px;
    clear: both;
    display: none;
}

ul.sociallinks .fa {
    font-size: 1.3em;
    color: white;
}	


input.registerbutton {
    background: #ffed00;
    box-shadow: 1px 3px 4px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    border: 0;
    padding: 5px;
    width: 160px;
    color: black;
    font-weight: bold;
    margin: 10px;
    -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

input.registerbutton:hover {
    box-shadow: 1px 3px 4px 0 rgba(0,0,0,0.4), 0 6px 20px 0 rgba(0,0,0,0.4);
    -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  color: #666666;
}



.social_top i.fa.fa-youtube-square:hover{
	color: #ff0000;
}

.social_top i.fa.fa-whatsapp:hover{
	color: #25d366;
}

.social_top  i.fa.fa-facebook-square:hover{
	color: #4065b4;
}

.social_top i.fa.fa-instagram:hover{

  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}

.social_top  img.stravaimg{
	margin-left: 7px;
	display: inline-block;
	height: 15px;
}



.social_top a{
	color: black;	
}

.social_top {
    color: #646567;
    right: 5px;
    position: absolute;
    bottom: 10px;
    font-size: 1.2em;
}

.social_top i {
    margin-left: 7px;
}

.social_top.bottom{
	display: none;
	top: auto;	
	left: auto;
	position: inherit;
	color: white;
	text-align: center;
	margin-bottom: 10px;
}
.social_top.bottom a{
	color: white;
}

.news-big .fa{
	margin: 0;	
	margin-right: -7px;
}

ul.sociallinks li {
    float: left;
}
.action {
  min-height:30px;
  height:auto !important;
  height:30px;
}

.block-navigation {
    margin-top: 8px;
    width: 966px;
    background: #636466;
}

div#submenu_content {
    margin-top: -8px;
}

#right h2 {
    color: black;
    background: none;
}

ul.subnavtable {
    display: inline-block;
}

.subnavtable li.right{
	width: auto;
	float: left;
	border: 0;	
	line-height: 170%;
	padding-right: 10px;
	list-style: none;
}


.subnavtable li.right i{
	margin-right: 5px;
}

.subnavtable li.right.active i

.subnavtable li.right.active a, .subnavtable li.right.active i, .block-navigation-inner .active a{
	color: #ffed00;
}

.block-navigation-inner table td a {
    padding-left: 10px;
    padding-right: 10px;
}

.block-navigation-inner.bgh, .bgh
{
	background: none;	
}

.block-navigation h2 {
  margin-bottom: 3px;
  padding: 15px 8px 5px 8px;
  font-size: 1.8em;
  line-height: 1em;
}

.element-1, .element-5, .element-7, .element-14, .element-4, .element-18, .element-21  {
  padding-left: 9px;
  padding-right: 9px;
}


.element-11{

}

span.text_mobile{
	display: none;	
}

.mobileonly{
	display: none !important;	
}

div#sponsorencontainer1,
div#sponsorencontainer {
   height: 75px;
    text-align: center;
    width: 200px;
}

div#sponsorenouter1,
div#sponsorenouter {
  padding-left: 0px;
  padding-right: 0px;
    background-color: white;
}

div#sponsorencontainer img, div#sponsorenouter1 img{
	max-width: 200px;
}	

div.last-element {
  height: 20px;
  background: url(../images/design/gray.png) left top repeat;
}

div.include-link-element {
    padding: 9px;
}

/* BLOG */
.blog-item .alignleft {
  float: left;
}

.blog-item img.alignleft {
    display: inline;
    margin: 5px 10px 5px 0;
}

.blog-item .alignright {
  float: right;
}

.blog-item img.alignright {
    display: inline;
    margin: 5px 0px 5px 10px;
}

.blog-item p {
  padding-bottom: 10px;
}

.blog-item td {
    padding: 5px;
}

.blog-item .wp-caption {
    margin: 10px;
    padding-top: 4px;
    text-align: center;
}

.news .text{
	display: none;	
}

.news .text.mobile_text{
	display: block;	
}

.news.news-big .text.mobile_text, .news.news-big a.weiterlesen, .news.news-big a.einklappen{
	display: none;	
}

.news.news-big .text{
	display: block;	
}


.element-21 {
  padding-bottom: 10px;
}

#resp_menu{
	display: none;
}

#jsddm li {
	height: 20px;	
}

#jsddm li i {
	display: none;
    float: left;
    font-size: 1.5em;
    margin-right: 10px;
    color: #6c6a6280;
    margin-top: 6px;
    margin-left: 6px;
}

#jsddm li.active i {

}


#jsddm li ul{
	margin: 16px 6px 0;
	padding: 0px;
	margin-top: 10px;
}
#jsddm li ul li{
	margin: 0;
	padding: 0;	
	height: auto;
}

#jsddm li ul li.last a{
	border: 0;
	margin: 0;
}

#jsddm li ul li a{
	margin: 0;
	padding: 5px 10px;	
}




#jsddm li:hover ul{
	visibility: visible;
	
}



#sitemap_footer{
	display: none;	
	margin-top: 20px;
}

.news-1000 .actionlinks{
	margin-left: 0;	
}

.news-1000 ul.sociallinks{
	right: 0;	
}

#cookie-bar {font-size: 1.2em; background:#111111; height:auto; line-height:24px; color:#dddddd; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#C1121C;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}	

div#sponsorencontainer1, div#sponsorencontainer{
	width: 200px;	
	height: 100px;
}

.parterlink1 {
	text-align: center;
    padding: 10px 0px 0px 4px;
    color: #666666;
}

.parterlink1 a{
	color: #666666;
}

a.weiterlesen, a.einklappen{
	display: block;
	margin-top: 14px;
	cursor: pointer;
}

.weiterlesen i.fa, .einklappen i.fa {
    margin-right: 2px;
    font-size: 1.1em;
}

.block-newsletter span {
    color: #ffed00;
    font-size: 0.9em;
}
.block-inner.block-newsletter.bgwhite {
	color: #ffed00;
    background: black;
}



ul.bilder1, ul.bilder1 img {
    width: 966px;
}


ul.bilder2, ul.bilder3, ul.bilder4, ul.bilder5, ul.bilder6 {
    width: 100%;
    display: grid;
    grid-template-columns: 49.5% 49.5%;
    grid-gap: 1.01%;
    list-style: none;
}

ul.bilder2 li, ul.bilder3 li, ul.bilder4 li, ul.bilder5 li, ul.bilder6 li{
	padding-bottom: 10px;	
}

ul.bilder3{
	grid-template-columns: 32.66666666% 32.66666666% 32.66666666%;
}
ul.bilder4{
	grid-template-columns: 24.25% 24.25% 24.25% 24.25%;
}
ul.bilder5{
	grid-template-columns: 19.2% 19.2% 19.2% 19.2% 19.2%;
}
ul.bilder6{
	grid-template-columns: 15.833333333% 15.833333333% 15.833333333% 15.833333333% 15.833333333% 15.833333333%;
}

ul.bilder2 img, ul.bilder3 img, ul.bilder4 img, ul.bilder5 img, ul.bilder6 img{
    width: 100%;
    margin: 0;
    padding: 0;
}

.news-big .youtube-news-frame {
	width: 966px;	
}
.news-big .youtube-news-frame {
	padding-top: 56%;
}
.youtube-news-frame {
    width: 312px;
    position: relative;
    padding-top: 67%;
}

@media only screen and (min-width: 987px){
	.news-1000 .news .youtube-news-frame{
		width: 312px;
		margin-bottom: 43px;
		padding-top: 56%;
	}
	
	.news-1000 .news .youtube-news-frame iframe.youtube-news{
		margin-top: 25px;
	}
	
	.news-1000 .news .news-inner.bg{
		min-height: 283px;
	}
}

iframe.youtube-news {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.backlink a{
	margin-left: 15px;
}

.backlink a:before {
    font-family: 'FontAwesome';
    content: '\f0d9';
    margin: 0 5px 0 -15px;
    color: #ffed00;
}

table.altersklassen{
	border-spacing: 0px;
	border-collapse: collapse;
}

table.altersklassen td{
	border: 1px solid #444444;
	padding: 5px 20px;
}

table.altersklassen th{
	border: 1px solid black;
	padding: 3px 10px;
}