@charset "utf-8";
@font-face {
 font-family: 'Bitter-Bold';
	src: url('../fonts/Bitter-Bold.eot');
	src: local('☺'), url('../fonts/Bitter-Bold.ttf') format('truetype');
	/*############## Convertier mit http://www.font2web.com/ #############*/
}
@font-face {
 font-family: 'RobotoSlab-Light';
	src: url('../fonts/RobotoSlab-Light.eot');
	src: local('☺'), url('../fonts/RobotoSlab-Light.ttf') format('truetype');
	/*############## Convertier mit http://www.font2web.com/ #############*/
}


@font-face {
 font-family: 'Poppins-Medium';
	src: url('../fonts/Poppins-Medium.eot');
        src: local('☺'), url('../fonts/Poppins-Medium.ttf') format('truetype');
}


@font-face {
 font-family: 'Fira Sans Condensed';
	src: url('../fonts/FiraSansCondensed-Regular.eot');
        src: local('☺'), url('../fonts/FiraSansCondensed-Regular.ttf') format('truetype');
}




html{
	position:relative;
	height:100%;
}

body{
        background-image:url(../imgs/herbert.png);
	background-attachment:scroll;
	background-position:center;
	color:#fff;
	height:100%;
        font-family: 'Poppins-Medium', sans-serif;
	/*:"RobotoSlab-Light", Courier, monospace;*/
        /*font-family: 'Fira Sans Condensed', sans-serif;*/
        font-size:16px;
	letter-spacing:0.07em;
	line-height:1.2;
        
}




.container_14{
	background-color: transparent;
 	background-color: rgba(255, 255, 255, 0.11);
	height:100%;
}

.banner{
	background-image:url(../imgs/banner2.png);
	min-height:100%;
	height:auto !important;
	width:60px;	
	position:absolute;
	z-index:0;
}

.banner_right{
	margin-left:934px;
}

#logo{
	margin-left:-93px;
	z-index:5;
	pointer-events:none;
}

.go_home{
	z-index:5;
	width:500px;
	height:400px;
	position:relative;
	top:-430px;
	left:-80px;
	display:block;
}

.border{
	border:thin;
	border-color:#0f0;
	border-style:solid;
}

.content_wrapper{
	position:absolute;
	top:0;
	width:100%;
}

#leiste_wrapper{
	width:100%;
	position:absolute;
	top:0px;
	z-index:2; 
}

#leiste{
	width:994px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../imgs/Leiste_oben.png); 
	height:49px; 
	background:rgba(0,0,0,0);
}


#leiste_text{
	text-align:right;	
	padding-top:3px;
	color:#999;
}

#leiste_text a{
	position:relative;
	z-index:25;
}

#header{
	padding-top:23px;
	text-align:right;
	z-index:0;	
}

#nav{
    font-family: 'Poppins-Medium', sans-serif;
	/*font-family:"Bitter-Bold", "Arial Black", Gadget, sans-serif;*/
	font-size:22px;
	line-height:1;
	position: relative;
    padding-top: 3px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    z-index: 50;
}

#header_social{
	text-align:right;
	padding-right:81px;
        display: block;
}

#header_social a{
	position:relative;
	z-index:10;
        display: inline-block;
        bottom:13px;
        
}   

#socialbuttons{
	float:right;
	margin-left: 30px;
}

a.nav:hover, a.nav:active {
    color: red;
}


#header_social img{
	padding:0;
	margin-left:3px;
	margin-top:-40px;
        bottom:10px;
}

.nav_active{
	color:#fff;
}


.nav_item{
	font-size: 18px;
}


.nav_buttons{
	background-color:#ff9200;
         font-family: 'Poppins-Medium', sans-serif;
	/*font-family:"Bitter-Bold", "Arial Black", Gadget, sans-serif;*/
	text-align:center;
	height:30px;
	font-size:25px;
	padding-top:3px;
	padding-bottom:3px;
    border-radius: 20px;
}

.nav_buttons:hover {
    background-color: #FFB454;
}


.spacer1{
	height:35px;
}

.spacer2{
	height:3px;
}

.home_teaser, .video_teaser{
	background-color: transparent; 	
 	background-color: rgba(255, 255, 255, 0.2); 
	position:static;
	margin-bottom:30px;
	border-radius: 20px 20px 20px 20px;
}

.home_teaser_heading, .video_teaser_heading{
    
        font-family: 'Poppins-Medium', sans-serif;
 	/*font-family:"Bitter-Bold", "Arial Black", Gadget, sans-serif;*/
	font-size:25px;
	letter-spacing:1px;
	background-color:#000;
	height:40px;
	padding-left:15px;
	margin-right:-15px;
	padding-top:10px;
	width: 533px !important;
	border-radius: 20px 20px 0px 0px;
}

.home_teaser_text{
	padding-top:3px;
	/*text-align: justify;*/
}

.home_teaser_contenttype{
	position:absolute;
	bottom:0px;
	right:-10px;
}

.home_teaser_contenttype img{
	visibility:hidden;
	/*padding-left:3px;*/
}

.home_teaser_text{
	line-height:1.2;
	position:relative;
	height:297px;
}


.home_teaser_image img{
	border-radius: 0px 0px 0px 20px;
	height:300px;
}

.home_teaser_link{
	background-color:rgba(0, 255, 0, 0);
	z-index:10;
	position:relative;
	height:50px;
	width:548px;
	display:block;
	top:-40px;
	left:-15px;
}

.hidden{
	visibility:hidden;
}

.news{
	background-color: transparent;
 	/* Alte Farbe: ersetzt Sepp 20230807
 	background-color: rgba(243, 214, 87, 0.1); 
 	*/ 	
 	background-color: rgba(255, 255, 255, 0.2); 
	margin-bottom:20px;
	position:relative;
	z-index:10;
        border-radius: 20px;
}

/*############## Nicht mehr benötigt
.newsAnmeld{
	background-color: transparent;
 	background-color:rgba(255, 146, 0, 0.2);
	margin-bottom:20px;
	position:relative;
	z-index:10;
        border-radius: 20px;
}
##############  */



.news_heading{
	background-color: transparent;
 	background-color: rgba(0, 0, 0, 1); 
        font-family: 'Poppins-Medium', sans-serif;
 	/*font-family:"Bitter-Bold", "Arial Black", Gadget, sans-serif;*/
	font-size:16px;	
	letter-spacing:1.3px;
	padding-top:10px;
	padding-left:15px;
	width:249px;
	position:relative;
	top:-160px;
        border-radius: 20px 20px 0px 0px;
}

/*############## Nicht mehr benötigt
.news_heading_sponsoren{
	background-color: transparent;
 	background-color: rgba(0, 0, 0, 0.8); 
 	font-family: 'Poppins-Medium', sans-serif;
 	/*font-family:"Bitter-Bold", "Arial Black", Gadget, sans-serif;*/
 	/*
	font-size:16px;	
	letter-spacing:1.3px;
	padding:5px;
	padding-left:7px;
	width:252px;
	position:relative;
	top:-20px;
}
##############  */

 .news_text{
 	position:relative;
	top:-20px;
	padding-left:6px;
	padding-right:6px;
	margin-bottom:-10px;
	line-height:1.2;
	font-size:smaller;
 }
 
 
/*############## Nicht mehr benötigt
  .news_text_sponsoren{
 	position:relative;
	top:-20px;
	padding-left:0px;
	padding-right:0px;
	margin-bottom:-20px;
	line-height:1.2;
	font-size:smaller;
 }
##############  */
 
 
.detail_heading{
 	font-family: 'Poppins-Medium', sans-serif;
 	/*font-family:"Bitter-Bold", "Arial Black", Gadget, sans-serif;*/
	font-size:25px;
	letter-spacing:1px;
	background-color:#000;
	height:40px;
	padding-left:15px;
	margin-right:-15px;
	padding-top:10px;
	width: 533px !important;
	border-radius: 20px 20px 0px 0px;
}

.detail_subheading{
	font-size:larger;
	padding-bottom:10px;
	padding-top:5px;
	line-height:1.1;
}

.detail_content{
	padding:10px;
	padding-top:0px;
}

h1{
	font-size:22px;
}

h2{
	font-size:20px;
}

h3{
	font-size:18px;
}

h1, h2, h3{
	padding-top:30px;
	padding-bottom:10px;
	font-family: 'Poppins-Medium', sans-serif;
 	/*font-family:"Bitter-Bold", "Arial Black", Gadget, sans-serif;*/
	letter-spacing:1px;
}

img{
	max-width:100%;
}

.detail_img{
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	font-size:smaller;
	width:528px;
}
.detail_img img{
	padding-bottom:3px;	
}

.half{
	width:264px;
}

.anmeldung{
	width:200px;
}

.sidebar{
	margin-top: 12px;
}
	
	
iframe{
	padding-bottom:10px;
}


span.nav_item:hover {
  color: black ;
  background-color: grey;
 
} 

a, a:focus, a:hover, a:active {
	color:#ff9200;
	text-decoration:none;
	border:none;	
}

.white, .white a, .white a:focus, .white a:hover, .white a:active, a:hover {
	color:#fff !important;
}

.video_teaser_subtitle{
	font-size:smaller;
	padding:5px;
}

.video_play_symbol{
	background-image:url(../imgs/play.png);
	background-repeat:no-repeat;
	background-position:center;
	width:548px;
	height:308px;
	position:relative;
	top:-308px;
	margin-bottom:-308px;
}

#impressum{
	font-size:smaller;
}

#impressum a, #impressum a:focus, #impressum a:hover, #impressum a:active {
	color:#777777;
	text-decoration:none;
	border:none;	
}
