*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* MEDIA QUERIES STANDARD */
@media screen and (min-width: 61.8em ) {
  .container { width: 980px; position: relative; text-align: left; }
  .flags { width: 980px; position: relative; text-align: right; margin-bottom: -0.1em;  margin-top: 0.2em; padding: 0em; }    
  .fliesstext { margin-top: -1.8em; margin-bottom: -8.8em;}
  .fliesstext_klein { font-size: 12px; margin-top: -0.0em; }    
  .leftColumn { margin-right: 19.1em; padding-bottom; 1.5em; border-bottom: 0.5em solid  #f00001; }
  .leftColumn2 { margin-right: 19.1em; padding-bottom; 1.5em; border-bottom: 0.5em solid  #f00001; }   
  .wideColumn { margin-right: 0em; padding-bottom; 1.5em; padding-top: .48em; }    
	.rightColumn { position: absolute; top: 0; right: 0; width: 18.5em; z-index: 999; }   
  .leftHeader { margin-right: 19.1em; padding-top; -1.0em; }
	.rightHeader { position: absolute; top: 0; right: 0; width: 18.5em; }
  .line { border-bottom: 0px solid  #fff; height: auto; background: #0000aa; margin: 0.5em; }
  .headerContainer { position: relative; margin-left: 0.0em; margin-top: -0.3em; margin-bottom: -0.3em; height: 1.5em; }  
  .logo { position: relative; margin-top: -2.0em; margin-left: -2.0em; margin-left: 2.0em; margin-bottom: -2.0em; padding-top: 0.8em; width: 4.5em; }  
}



/* MOBILE SIZE*/
body { margin: 0; font-size: 14px; font-family: sans-serif; Tahoma, Arial, Helvatica, SunSans-Regular, sans-serif; line-height: 1.4em; background-image: url(../img/background.jpg);  background-color: #f00001; }
.smaller { margin: 0; font-weight: bold; font-size: 14px; font-family: 'Cairo', sans-serif; Tahoma, Arial, Helvatica, SunSans-Regular, sans-serif; line-height: 0.8em;  }
.container { position: relative; text-align: left; padding-bottom: 0.0em;}
.flags { position: relative; text-align: right; margin-top: 0.5em; margin-bottom: 0.0em; padding-right: 0.5em; }
.fliesstext { margin-top: -1.8em; margin-bottom: -8.8em;}
.columnsContainer { position: relative; margin-top: 0.0em; margin-left: 0.0em; margin-right: 0.0em;  min-height: 12em;}
 .footer { position: relative; margin: .5em; text-align: left; } 
 .header { position: relative; height: 5em; margin: .5em; text-align: left; } 
.logo { position: relative; margin-top: -0.9em; margin-left: -0.0em; width: 25.35em; height: auto;} 
.line { border-bottom: 0px solid  #fff; height: auto; background: #f00001; margin: 0.0em; padding-top: 0.25em;padding-bottom: 0.5em; }
.line2 { font-size: .8em; border-bottom: 0px solid  #ccc; height: auto; background: #000000; margin-bottom: 1em; }
.rightColumn, footer, header {  border: 0px solid  #ccc; padding-top: 3em; }
.leftColumn { border: 0px solid  #ccc; padding: 0.5em; background: #d3d5e4; border-bottom: 0.5em solid  #f00001;}
.leftColumn2 { border: 0px solid  #ccc; padding: 0.0em; border-bottom: 0.5em solid  #f00001;}
.rightColumn {  border: 0px solid  #ccc; padding: 0.0em; z-index: 999;  }  
.wideColumn { margin-right: 0em; padding: 0.5em; background: #d3d5e4; border-bottom: 0.5em solid  #f00001;}
.leftHeader { border: 0px solid  #ccc; padding-top: .48em; padding-bottom: 3.5em; }
.rightHeader {  border: 0px solid  #ccc; padding: 0.0em; }
.headerContainer { position: relative; margin-left: 0.0em; margin-top: -0.3em; margin-bottom: -0.3em; height: 0.5em; }







.nav0 { list-style: none; padding-top: 0.25em; padding-bottom: 0.25em; margin-left: 0.5em; margin-bottom: 0; padding-left: 0; font-weight: bold; font-size: 1em; }
.nav0 > li,    
.nav0 > li > a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-decoration: none;
}

.inline-items {
  margin-top: 0;
}

.inline-items li {
  margin-left: 0;
  border-left: 1px solid white;
  padding-left: .025em;
  padding-right: 10px;
}

.inline-items li:first-child {
  margin-left: 0;
  border: none;
  padding-left: 0;                  
  padding-right: 10px;
}

.inline-items li:last-child {
  padding-right: 0;
}

/* STYLE FORMATIERUNG */
.headline_xxl { font-size: 28px; font-weight: bold; color: #c74932; }
h1 { font-size: 20px; font-weight: bold; color: #000000; line-height: 0.85em; }
h2,h3 { font-family: 'Cairo', sans-serif; font-size: 18px; border-bottom: 1px solid #000000; padding-bottom: 5px; font-weight: bold; color: #000000; line-height: 0.75em; margin-top: 0.25em; margin-bottom: 0.15em; }
h4 { font-family: 'Cairo', sans-serif; font-size: 18px; border-bottom: 0px solid #000000; padding-bottom: 0px; font-weight: bold; color: #000000; line-height: 0.85em; margin-top: 0.25em;  }
h5 { font-family: 'Cairo', sans-serif; font-size: 16px; border-bottom: 1px solid #000000; padding-bottom: 5px; font-weight: bold; color: #000000; line-height: 0.75em; margin-top: 0.25em; margin-bottom: 0.15em; }
h6 { font-family: 'Cairo', sans-serif; font-size: 15px; border-bottom: 0px solid #000000; font-weight: normal; color: #ffffff; background: #666666; line-height: 17px; margin-top: 0em; padding: 0.5em; margin-bottom: 0.25em; }
ul {line-height: 18px; margin-top: -20px;}

a:link { color: #000000; text-decoration: underline; }
a:visited { color: #000000; text-decoration: underline; }
a:hover { color: #f00001; text-decoration: none; }
a:active { color: #000000; text-decoration: underline; }

a.nav:link { color: #fff; text-decoration: none; }
a.nav:visited { color: #fff; text-decoration: none; }
a.nav:hover { color: #fff; text-decoration: underline; }
a.nav:active { color: #fff; text-decoration: none; }

.footertext { padding: 0.50em; color: #fff; text-decoration: none; }
a.footertext:link { color: #fff; text-decoration: underline; }
a.footertext:visited { color: #fff; text-decoration: underline; }
a.footertext:hover { color: #fff; text-decoration: none; }
a.footertext:active { color: #fff; text-decoration: underline; }

.border0 { margin-bottom:-1.85em; border-bottom: 0.5em solid  #f00001; }

.border1 {  
font-size: 1.0em;
color: #000000; 
border-bottom: 0.5em solid  #f00001;
background: #e6e6e6; 
padding: 0.50em; margin-bottom: 0.5em; margin-top: -0.5em; 
}

.border2 {  
font-size: 1.0em;
color: #000000; 
border-bottom: 0.5em solid  #f00001;
background: #ffffff; 
padding: 0.50em; margin-bottom: 0.5em; margin-top: -0.5em; 
}




/* CONTENT FORMATIERUNG --- SPEZIAL */

/* Youtube Iframe Video */ 

    .responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
    
    .responsive-video {
    position: relative;
    padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
    padding-top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 9999;
    }
/* Youtube Iframe Video /// ENDE  */  


.button-css {               
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  border: 2px solid #000000;
  border-radius: 18px;
  font: normal 16px/normal Arial, Helvetica, sans-serif;   
  font-family: 'PT Sans', sans-serif;                                                                                                                            
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #0000aa;
  -webkit-transition: background-color 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: background-color 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: background-color 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: background-color 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
a.button-css:link { font-weight: bold; color: #ffffff; border: 2px solid #000000; text-decoration: none; }
a.button-css:visited { font-weight: bold; color: #ffffff; border: 2px solid #000000; text-decoration: none; }
a.button-css:hover {   font-weight: bold; color: #ffffff; background: #f00001; border: 2px solid #f00001; text-decoration: none; }
a.button-css:active { font-weight: bold; text-decoration: none; }

a.button-topnav { width: 100%; font-weight: bold; color: #505050; border: 2px solid #000000; text-decoration: none; }
a.button-topnav:link { width: 100%; font-weight: bold; color: #505050; border: 2px solid #000000; text-decoration: none; }
a.button-topnav:visited { width: 100%; font-weight: bold; color: #505050; border: 2px solid #000000; text-decoration: none; }
a.button-topnav:hover { width: 100%; font-weight: bold; color: #fff; background: #000; border: 2px solid #000; text-decoration: none; }
a.button-topnav:active { width: 100%; font-weight: bold; text-decoration: none; }

/* ------------------------------------------
  ACTIVE STATUS BUTTON
--------------------------------------------- */

.nav-collapse a:active,
.nav-collapse .active a {
  background: #000;
  color: #00f23e;
  border-bottom: 2px solid #959595;
  
}