/* This CSS file is part of the HTML5 / CSS3 tutorial on http://www.lingulo.com */
/* Google Fonts*/
/* open-sans-300 - latin-ext_latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), url("../fonts/open-sans-v18-latin-ext_latin-300.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-ext_latin-300.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), url("../fonts/open-sans-v18-latin-ext_latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-ext_latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin-ext_latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semi-bold"), url("../fonts/open-sans-v18-latin-ext_latin-600.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-ext_latin-600.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin-ext_latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), url("../fonts/open-sans-v18-latin-ext_latin-700.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-ext_latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-regular - latin-ext_latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: local("Source Sans Pro Regular"), url("../fonts/source-sans-pro-v21-latin-regular.woff2") format("woff2"), url("../fonts/source-sans-pro-v21-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-600 - latin-ext_latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  src: local("Source Sans Pro Semi-bold"), url("../fonts/source-sans-pro-v21-latin-600.woff2") format("woff2"), url("../fonts/source-sans-pro-v21-latin-600.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-700 - latin-ext_latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: local("Source Sans Pro Bold"), url("../fonts/source-sans-pro-v21-latin-700.woff2") format("woff2"), url("../fonts/source-sans-pro-v21-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


    @font-face {
       font-family: 'Material Icons';
       font-style: normal;
       font-weight: 400;
       src: local('Material Icons'),
            local('MaterialIcons-Regular'),
            /*url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),*/
            /*url(../fonts/MaterialIcons-Regular.woff) format('woff'),*/
            url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
    }

    .material-icons {
      font-family: 'Material Icons';
      font-weight: normal;
      font-style: normal;
      font-size: 24px;  /* Preferred icon size */
      display: inline-block;
      line-height: 1;
      text-transform: none;
      letter-spacing: normal;
      word-wrap: normal;
      white-space: nowrap;
      direction: ltr;

      /* Support for all WebKit browsers. */
      -webkit-font-smoothing: antialiased;
      /* Support for Safari and Chrome. */
      text-rendering: optimizeLegibility;

      /* Support for Firefox. */
      -moz-osx-font-smoothing: grayscale;

      /* Support for IE. */
      font-feature-settings: 'liga';
    }



/* GLOBAL */
body, html
{
        /*border-top:5px solid #e56038;*/
        background:#FFF;
        font-family: 'Open Sans', sans-serif;
        color:#333333;
		height:100%;		
		margin:0px;
		padding:0px;
}

input
{
        font-family: 'Open Sans', sans-serif;
        font-size:14px;        
        outline: 0;
        border:0;
		color:#333;        
        background: #FFF;
        border-radius:5px;
}

input[type=submit]
{
        width:auto;
        padding: 5px 18px;
        line-height:25px;
        text-shadow:none;
        cursor:pointer;
        box-shadow: none;
        background: #333333;
        color: #fff;
}
select.boxInput
{
		font-family: 'Open Sans', sans-serif;
        font-size:14px;
		height:26px;
		color: #333;
		padding-left:3px;
		border:#E5E5E3 solid 1px;
		border-radius:5px;
}
select.boxInput:focus, input:focus
{
		color:#333;
}
select.boxInput option[selected="selected"] {
  font-style: italic;
  font-weight: bold;
  background-color: red;
  color:#333;
}
.boxInput
{
		font-family: 'Open Sans', sans-serif;
		font-size:12px;       	    
		cursor:default;
		
}
.inputFlexbox		
{
		font-family: 'Open Sans', sans-serif;
		font-size:12px;
  	    width:295px;
		padding:0px 2px 2px 3px;
		border:#E5E5E3 solid 1px;
		border-radius:5px;
		background-color:#fff; 
		-moz-transition: background 0.2s ease-out;
		-webkit-transition: background 0.2s ease-out;
		-o-transition: background 0.2s ease-out;
		transition: background 0.2s ease-out; 
}

.inputFlexboxOver
{
		width:295px;
		padding:0px 2px 2px 3px;
		border:#E5E5E3 solid 1px;
		border-radius:5px;
		background-color:#fff; 
}

.inputFlexboxOver .extension
{
		display:block;
}

.inputFlexboxOver .link
{
	  font-size:10px;
	  font-weight:normal;
	  color:#18185A;
	  padding: 0px 0px 0px 10px;
	  vertical-align:middle;
	  background-repeat:no-repeat;
	  background-position:left center;
	  background-image:url(/images/pfeilKleinRechtsBlau.png);   
}

.inputFlexboxOver .linkOver
{
	  font-size:10px;
	  font-weight:normal;
	  color:#FF0000;
	  padding: 0px 0px 0px 10px;
	  vertical-align:middle;
	  background-repeat:no-repeat;
	  background-position:left center;
	  background-image:url(/rrp/images/pfeilKleinRechtsRot.png);    
	  cursor:pointer;
}

 .buttonSelection table
{
  font-family:;
  font-size:14px;     
  font-weight:bold;
  text-align:center;    
  padding:2px;  
}

.buttonSelectionDisabled  table
{
  font-family:verdana;
  font-size:14px;     
  font-weight:bold;
  text-align:center;    
  padding:2px;
}

.buttonSelectionOver table
{
  font-family:verdana;
  font-size:14px;     
  font-weight:bold;
  text-align:center;
  color:#18185A;
  border-style:solid;
  border-width:1px 1px 1px 2px;
  border-color:#606060 #606060 #606060 #606060;
  background-color:#D4D0C8;
  padding:2px;  
  cursor:pointer;
}
.boxSelection
{  
  border:1px solid #E5E5E3;  
  background-color:#FFFFFF;
  cursor:pointer;
  border-radius:5px;
}

.boxSelection div
{
  width:100%;
}

.boxSelection table
{
		color:#999;
		font-family: 'Open Sans', sans-serif;
		font-size:14px; 
		line-height:25px;
		border-bottom:1px #E5E5E3 solid;
		width:280px;
}

.boxSelection .selected
{
		color:#9999;
		background-color:#FFF;
		line-height:30px;			
}

.selected table
{
		color:#333;		
}
p
{
        margin:5px 0;
        line-height:25px;
}

a
{
        text-decoration:none;
        color:inherit;
        transition: color .5s ease;
}
a.active
{        
        color:#005CA9;        
}
strong
{
        font-weight:600;
}

figcaption strong
{        
        padding-top:0px;
        margin: 0px 0;
        display:block;
}
figcaption img
{		
		padding-right:10px;
		text-align:center;
}

figcaption
{
        line-height: 25px;
        font-size:14px;
        width:275px;		
}

hr
{
        background-color: #D6D0C1;
        border:0;
        height:1px;
        margin:20px 0;
}

/* HEADER */
##secHeader
{
	height:75px;
	position:fixed;
	width:auto;
	max-width:1170px;
	
}

header
{
        position:relative;		
        width:auto;
        max-width:1170px;		
        margin: 10px auto 10px auto;
		background-color:#fff;
		z-index:10px;
		#border-bottom:1px solid #D6D0C1;
}

header h1
{
        margin:0px 0 0 0;		
        font-size:50px;
        color:#e56038;
        font-family: 'Baumans', cursive;
		min-height: 80px;
}
header .sprache
{
		position:absolute;
		top:60px;
		right:0;		
		font-size:25px;
		#height:50px;
}

header .sprache .spIcon
{		
		width:30px;
		cursor:pointer;
}

header p
{
        font-family: 'Source Sans Pro', sans-serif;
        font-weight:600;
		font-size:16px;
        color: #4A463B;
        margin-left:132px;
}

nav
{        
		position:absolute;		
        right:0;
        bottom:10px;
		top:10px;
}

nav ul
{
        list-style:none;
}

nav ul li
{
        display:block;
        float:left;
        padding:10px 5px 10px 5px;
		margin-left:10px;
				
}

nav ul li.active
{		
		color:#005CA9;
}

nav ul li.activeRRP
{
		background-color:#005CA9;
		color:#FFF;
		border-radius:3px;
		border:#005CA9 1px solid;
		padding:10px 15px 10px 15px;
		margin-left:20px;
}
nav ul li.activeRRP:hover
{        
	        
		background-color:#005CA9;
		color:#FFF;
		border:#005CA9 1px solid;a
		border-radius:3px;
		
}

nav ul li a
{
        font-family: 'Source Sans Pro', sans-serif;
        font-weight:600;
		font-size:16px;
		color:#333;
        text-transform:uppercase;
        transition: all .25s ease;
}
nav ul li a.active
{
        font-family: 'Source Sans Pro', sans-serif;
        font-weight:600;
		font-size:16px;
		color:#005CA9;
        text-transform:uppercase;
        transition: all .25s ease;
}
nav ul li a:hover
{
        color:#005CA9;		
		
}
nav ul li a.rrp
{
        font-family: 'Source Sans Pro', sans-serif;
        font-weight:600;
		font-size:16px;
		color:#FFF;
        text-transform:uppercase;
        transition: all .25s ease;		
}
nav ul li a.rrp:hover
{
        color:#fff;				
}
hr.header
{
        background-color: #D6D0C1;
        border:0;
        height:1px;
        margin:0px;
}
#mobileMenu
{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        display: none;
}

#mobileMenu ul li
{
        display:block;
        background-color: #E56038;
        color: #fff;
        padding: 12px 0;
        letter-spacing: 0.1em;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 1px solid #CC5836;
}

.toggleMobile
{
        display: none;
}

/* 3 COLUMNS */

#boxcontent
{
        width:auto;
        max-width:900px;
        margin:0 auto;
        padding:70px 0 45px 0;
}

#boxcontent article
{
        float:left;
        width:250px;
        margin-right:45px;
        font-size:14px;
}

#boxcontent article h3
{
        font-family: 'Open Sans', sans-serif;
        font-size:20px;
        margin-bottom:10px;
        margin-left:75px;
}

#boxcontent article img
{
        float:left;
}

#boxcontent article p
{
        line-height:25px;
        font-family: 'Open Sans', sans-serif;
        margin-left:75px;
}

#slider_content1, #slider_content2, #slider_content3
{
        line-height: 25px;
        font-family: 'Source Sans Pro', sans-serif;
		font-weight:400;
        width:550px;
        position:absolute;
        top:30%;
        left:52%;
        display:none;
        z-index:11;
}

#slider_content1 h3, #slider_content2 h3, #slider_content3 h3
{
        color:#005CA9;
        font-size:60px;
		line-height:70px;
        font-weight:600;
        margin-bottom:10px; 
        display:inline-block;
}
#slider_content1
{
        display:block;
}

#slider_content1 p, #slider_content2 p, #slider_content3 p
{
        margin:0 0 35px 0;
        font-size:28px;
		font-weight:400;
		color:#333;        
}

#slider_sprungmarke
{                
        width:550px;
        position:absolute;
        top:80%;
        left:50%;
        display:block;
        z-index:11;
}
/* Schriften für Routenplanung in Tabelle*/
.textBold
{		
		font-family: 'Open Sans', sans-serif;
        font-size:14px;
		font-weight:600;		
		color: #333;
		padding-bottom:10px;
}
.textRouting
{		
		font-family: 'Open Sans', sans-serif;
        font-size:12px;
		font-weight:400;		
		color: #333;		
		padding-left:6px;
}

/* BUTTONS */

.button
{
        padding:10px 24px;
        border: 1px solid #005CA9;
        /*background-image: linear-gradient(bottom, #485721 0%, #6F852D 100%);*/
        /*background-image: linear-gradient(to bottom, #6F852D 0%, #485721 100%);*/
		background-color: #005CA9;
        color: #FFF;
		font-weight:700;
		font-size:17px;
        text-decoration:none;
        border-radius:3px;
        /*box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);*/
}

.button:hover
{
        background:none #005CA9;
        border-color: #005CA9;
        text-shadow:none;
        color: #FFF;
		cursor:pointer;
}

.buttonRRP
{
        font-family: 'Source Sans Pro', sans-serif;
		font-weight:700;
		font-size:17px;
		padding:10px 24px;
        border: 1px solid #005CA9;        
        background-color: #005CA9;
        color: #FFF;
		font-weight:bold;        
        text-decoration:none;
        border-radius:3px;        
		margin:40px 0px;
		
}

.buttonRRP:hover
{
        background:none #005CA9;
        border-color: #005CA9;
        text-shadow:none;
        color: #FFF;
		cursor:pointer;
}
.buttonVIA
{
        padding:3px 3px;
        border: 1px solid #005CA9;        
        background-color: #005CA9;
        color: #FFF;
		font-weight:700;        
        text-decoration:none;
        border-radius:3px;        
		height:15px;
		vertical-align:bottom;		
}

.buttonVIA:hover
{
        background:none #EBE8DE;
        border-color: #005CA9;
        text-shadow:none;
        color: #005CA9;
}
.buttonSuche
{
        padding:5px 10px;
        border: 1px solid #E5E5E3;        
        background-color: #E5E5E3;
        color: #333;
		font-weight:700;        
        text-decoration:none;
        border-radius:3px;        
		margin:20px 0px; 		
}

.buttonSuche:hover
{
        background:none #E5E5E3;        
        text-shadow:none;
        color: #005CA9;
}

/* SPACER */

#spacer
{
        width:auto;
        height:50px;
        background-color:#485721;
        position:relative;
        font-family: 'Open Sans', sans-serif;
        color:#EBE8DE;
        font-size:18px;
}

#spacer p
{
        margin-top:13px;
        width:auto;
        position:absolute;
        left:50%;
        margin-left:-450px;
}

#spacer .search
{
        margin-top:10px;
        width:auto;
        position:absolute;
        right:50%;
        margin-right:-480px;
}
#space10
{
        width:auto;
        height:10px;        
        position:relative;                
}
#space20
{
        width:auto;
        height:20px;        
        position:relative;                
}
#space30
{
        width:auto;
        height:30px;        
        position:relative;                
}
#text_columns h1
{       
		font-family: 'Open Sans', sans-serif;
        font-size:45px;
		font-weight:300;
		line-height:55px;
        color:#005CA9;
		text-align:center;        	      
}
#four_columns, #text_columns
{
        line-height:35px;
        font-family: 'Source Sans Pro', sans-serif;
		font-weight:400;
        clear:both;
        width:auto;
		max-width:1170px;
        margin:0px auto;				
}
#four_columns h2, #text_columns h3
{
        font-size:20px;        
        margin-bottom: 20px;		
}
#four_columns .img-item-top
{
        float:left;        
		padding:15px 5px 10px 5px;
		border-top:1px solid #FFF;
		background-color:#fff;
		
}
#four_columns .img-item-bottom
{
        float:left;        
		padding:15px 5px 10px 5px;
		border-bottom:1px solid #FFF;
		background-color:#fff;
		
}
#four_columns .img-item-top-hover
{
        float:left;        
		padding:15px 5px 10px 5px;
		border-top:1px solid #E5E5E3;
		background-color:#F9F9F9;			
}
#four_columns .img-item-bottom-hover
{
        float:left;        
		padding:15px 5px 10px 5px;
		border-bottom:1px solid #E5E5E3;
		background-color:#F9F9F9;			
}
#four_columns .img-item
{
        float:left;        
		
}
##four_columns .img-item a
{
        position:relative;
        display:block;
}
#four_columns .RRPlink
{
        color:#155292;
		text-decoration:none;
		margin:0px 0px 10px 0px;
}
#four_columns .spacerline
{
		border-bottom:solid 1px #E5E5E5;
		margin: 10px 0px 20px 0px;		
		
}
#text_columns h2
{
		font-family: 'Open Sans', sans-serif;		
        font-size:45px;
		font-weight:300;
		line-height:55px;        
		text-align:center;
}
#text_columns p
{               		
		font-size:20px;
		line-height:30px;
}
#text_columns p.boldSmall
{        
		font-family: 'Source Sans Pro', sans-serif;		
		font-size:14px;
		font-weight:700;
		line-height:20px;
		
}
#text_columns .W600
{       		
		font-weight:600;
		margin-bottom:10px;
}
#text_columns p.small
{       
        font-size:17px;
}
#text_columns p.smallGrau
{       
        font-size:16px;
		color:#999;
}
#text_columns a
{       
        color:#005AC9;
}
#text_columns a:hover
{       
        text-decoration:underline;
}

#text_columns ul li
{        
		font-size:20px;
		list-style-image: url(/img/PfeilListeH20.png);
		list-style-position: outside;		
		color:#008bd2;
		padding-top:14px;
		line-height:30px;
}

#text_columns ul.listDecimal li.listDecimal
{        
		font-size:20px;
		list-style: decimal;
		list-style-position: inside;				
		color:#333;
		line-height:40px;
}
#text_columns ol.listAlpha li.listAlpha
{        
		font-size:20px;
		list-style: lower-alpha;
		list-style-position: inside;				
		color:#333;
		margin-left:30px;
		line-height:30px;
}
#text_columns ul.listDisc li.listDisc
{        
		font-size:20px;
		list-style: circle;
		list-style-position: outside;				
		color:#333;
		margin-left:20px;		
		line-height:30px;
}
#text_columns
{
		padding-top:120px;
		padding-bottom:120px;		
}

#text_columns_Route
{		
        font-family: 'Source Sans Pro', sans-serif;
		font-weight:400;
        clear:both;
        width:auto;
		max-width:1170px;
        margin:0px auto;	
		#padding-top:40px;
		padding-bottom:20px;
		height:calc(100% - 200px);
}
#text_columns_Route h2
{
		font-family: 'Open Sans', sans-serif;		
        font-size:20px;
		color:#005CA9;
		font-weight:400;		
		text-align:left;
}
#text_columns_Route p
{               		
		font-size:14px;
		line-height:20px;
}
#text_columns_Route p.DnetzText, div.DnetzText
{               		
		font-size:14px;
		line-height:16px;
		margin: 7px 0;
}
#text_columns_Route p.boldSmall
{        
		font-size:14px;
		font-weight:700;
		line-height:20px;		
}
#text_columns_Route .W600
{       
		font-weight:600;
}
#text_columns_Route p.small
{       
        font-size:17px;
}
#text_columns_Route a
{       
        color:#005AC9;
}
#text_columns_Route a:hover
{       
        text-decoration:underline;
}

#text_columns_Route ul li
{
        list-style-image: url(/img/btn-arrow-white-10x16.png);
		list-style-position: outside;		
		color:#008bd2;				
}
#text_columns_Route article.column1{
		position:absolute;
        width:auto;		
		height:calc(100% - 245px);
}
#text_columns_Route article.column1D{
		position:relative;
		float:left;
        width:auto;		
		height:calc(100% - 45px);
		
}
#text_columns_Route div.column1
{        
        font-size:14px;        
        max-width: 310px;
		margin:10px 60px 10px 10px;
		z-index: 100;
		position:relative;
		background-color:#F1F9FC;
		overflow:auto;
		height:100%;
		padding:20px 10px;
		border-radius:3px;				
}
#text_columns_Route div.column1D
{        
        font-size:14px;        
        max-width: 400px;
		margin:10px 5px;
		z-index: 100;
		position:relative;
		background-color:#F1F9FC;
		overflow:auto;
		height:100%;		
		padding:20px 10px;
		border-radius:3px;				
}

#text_columns_Route .column2
{
        font-size:14px;
        #float:left;
        width:auto;
        max-width: 1170px;		
		z-index: 1;
		position:absolute;
		height:calc(100% - 180px);
		margin-top: -38px;
		
}
#text_columns_Route .column2D
{
        font-size:14px;
        float:left;
        width:auto;
        max-width: 740px;		
		z-index: 1;
		position:relative;
		height:calc(100% - 5px);
		margin-top: 10px;
		
}
#text_col_spe
{        
        font-family: 'Source Sans Pro', sans-serif;
		font-weight:400;
        clear:both;
        width:auto;
		max-width:1170px;
        margin:0px auto;		
}
#text_col_spe p.small
{       
        font-size:17px;
}
.containerBlau
{
        width:auto;
        margin: 0 auto;
        position:relative;
		background-color:#F1F9FC;
		height:750px;
}

.containerPartner
{
        width:auto;
        margin: 0 auto;        
		border-bottom:#E5E5E3 1px solid;
		min-height:300px;
		height:auto;
		padding-bottom:30px;
}
.containerAktuelles
{
        width:auto;
        margin: 0 auto;        
		border-bottom:#E5E5E3 1px solid;
		min-height:250px;
		height:auto;
		max-height:400px;
		padding-bottom:100px;
}
.containerBlauIcons
{
        width:auto;
        margin: 0 auto;
        position:relative;
		background: url(/img/img-facts.jpg) left top no-repeat;	
		height:330px;		
}

.containerForm
{    
		width:auto;
        margin: 0 auto;        
		border-bottom:#E5E5E3 1px solid;
		min-height:450px;
		height:auto;
		max-height:650px;
		padding-bottom:100px;
}

.thumb-screen
{
        display:block;
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:230px;
        background: #F7F7F7 url(/img/zoom.png) right bottom no-repeat;		
        z-index:99;
        opacity: 0;
        transition: opacity .5s ease;
}

.thumb-screen:hover
{
        opacity:0.5;
}

.thumb-screen-aktuell
{
        display:block;
        position:absolute;
        #top:0;
        #left:0;
        width:100%;
        height:168px;
        background: #F7F7F7 url(/img/zoom.png) left top no-repeat;
        z-index:99;
        opacity: 0;
        transition: opacity .5s ease;
}

.thumb-screen-aktuell:hover
{
        opacity:0.5;
}

#text_columns div.column1, #text_columns .column2
{        
        font-size:20px;		
        float:left;
        width:auto;
        max-width: 1170px;		
}


/* TWO COLUMNS */

#text_columns article.column3, #text_columns .column4
{        
        font-size:14px;
        float:left;
        width:auto;
        max-width: 570px;
		
}

#text_columns .column4
{
        margin-left: 30px;		
}
#text_columns article.column1S
{       
			
        float:left;
        width:auto;
        max-width: 360px;		
		
}
#text_columns article.column2S
{       
			
        float:left;
        width:auto;
        max-width: 600px;
		margin-left: 40px;
		border:#ff0000 solid 1px;
}
#text_columns article.columnHellB1
{       
			
        float:left;
        width:auto;
        max-width: 700px;		
		
}
#text_columns article.columnHellB2
{       
			
        float:left;
        width:auto;
        max-width: 420px;
		margin-left: 50px;
		#border:#ff0000 solid 1px;
}
#text_columns article.columnHellB2 h4
{       
		font-size:20px;
		font-weight:600;
		color:#005CA9;
		margin-left:-20px;
        
}

#text_columns article.img-item
{
        float:left;
        margin-right:15px;
		width:auto;
        max-width: 400px;
}
#text_columns article.img-item-right
{
        float:right;        
		width:auto;
        max-width: 300px;
}
#text_columns article.img-item a
{
        position:relative;
        display:block;
}

#text_columns  p.weiss40
{       
		font-family: 'Source Sans Pro', sans-serif;
		font-weight:700;
        font-size:40px;
		margin-bottom:20px;
		color:#FFF;
}
#text_columns  p.weiss18
{       
		font-family: 'Source Sans Pro', sans-serif;
		font-weight:400;
        font-size:18px;
		line-height:22px;
		margin-bottom:20px;
		color:#FFF;
}
hr.underline
{
		background-color: #D6D0C1;
        border:0;
        height:1px;
		width:70px;
		/*text-align:center;*/
        margin:60px 0px 60px 0px;
}

hr.underlineWeiss
{
		background-color: #fff;
        border:0;
        height:2px;
		width:70px;
		/*text-align:center;*/
        margin:10px 0px 20px 0px;
}
.row
{
        position:relative;
        margin: 40px 0 0 50px;
        float:right;
        width:350px;
}

.row img
{
        float:left;
}

.row p
{
        margin-left: 100px;
}

.rowPartner
{
        position:relative;        
        float:left;
        width:auto;
		max-width:750px;
		margin-left:20px;
}
.rowPartner img
{
        float:left;		
}

.rowPartner h3
{
        float:left;
		margin:10px 0 0 20px;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight:600;
		font-size:20px;
}

.rowAktuelles
{
        position:relative;        
        float:left;
        width:auto;
		max-width:870px;		
}

.rowAktuelles img
{
        float:left;		
}

.rowAktuelles p.bold
{
        margin:10px 0 10px 0;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight:600;
		font-size:20px;
}

.rowForm
{
        position:relative;                
        width:700px;		
		margin-left: auto;
		margin-right: auto;
}
.rowForm p.bold
{
        margin:10px 0 10px 0;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight:600;
		font-size:20px;
}

.formInput
{
		margin-top:10px;
		margin-bottom:10px;
		margin-left:10px;
		padding: 5px;
		border-radius: 0px;
		outline: none;
		border:none;
		border-bottom:1px solid #D5D5D5;
		width:680px;				
		#content: "\f107";
		font-size: 18px;
		font-family: 'Source Sans Pro', sans-serif;
		color: #555;
	
}

.formInput2
{
		margin-left:10px;
		padding: 0px;		
		outline: none;
		border:none;		
		width:1px;
		height:0.5px;					
}
.checkboxForm
{
		margin-right:20px;
		float:left;
	
}
.checkboxText
{
		width:100%;
		font-size:16px;
	
}
.formText
{
		margin-top:10px;		
		padding-left: 15px;		
		outline: none;
		font-size: 20px;
		color: #555;	
}
.formButton
{
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #FFF;
    text-transform: uppercase;
    transition: all .25s ease;
	
	background-color: #005CA9;    
    border-radius: 3px;
    border: #005CA9 1px solid;
    padding: 10px 15px 10px 15px;
	width:150px;
    margin-top:10px;
	cursor:pointer;	
}
.rocket, .clock
{
        top:0;
        left:0;
        position:absolute;
        height: 80px;
}

.rocket:hover
{
        opacity:0;
        transition: opacity 0.4s ease 0.2s;
        animation-name: stylie-transform-keyframes;
        animation-duration: 700ms;
        animation-delay: 0ms;
        animation-fill-mode: forwards;
        animation-timing-function: linear;
        animation-iteration-count: 1;
        transform-origin: 0 0;
}

.clock:hover
{
        animation-name: stylie-transform2-keyframes;
        animation-duration: 100ms;
        animation-delay: 0ms;
        animation-fill-mode: forwards;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        transform-origin: 0 0;
}



/* FOOTER */

footer
{        	
		position:relative;
        clear:both;
        width:auto;
        height:470px;
        background-color:#F7F7F7;		
}

footer .wrapper
{        
        margin: 0 auto;
        padding:40px 0 40px 0;
        width:auto;
        max-width:1170px;
        font-size:18px;
}

footer .wrapper .column
{
        font-family: 'Source Sans Pro', sans-serif;
		font-weight:400;		
		color:#222;
        line-height:30px;
		float:left;
        width:370px;
        margin-right:20px;
}

footer .wrapper .column ul li
{
        display:block;
        width:auto;		
}

footer .wrapper .column ul li a:hover
{
        color:#005CA9;
		text-decoration:underline;
}
footer .wrapper .column ul li a.mail
{
        color:#005CA9;
}
footer .wrapper .column.rightlist ul li
{
        display:block;
        width:auto;
        margin-bottom:15px;
}

footer .wrapper .column.rightlist ul li a span
{
        margin-left:95px;
        display:block;
		color:#005CA9;
}

footer .wrapper .column.rightlist ul li a img
{
        transition: border .25s ease;
        float:left;
        border:3px solid #444444;
}

footer .wrapper .column.rightlist ul li a img:hover
{
        border-color: #5e5e5e;
}

footer .wrapper .column h4
{
        font-size: 20px;
		font-weight:600;
        color: #222;
        #border-bottom: 1px solid #444444;
        padding: 0 0 10px 0;
        margin-bottom: 10px;
}

#copyright
{
        background-color: #F2F2F3;
        height:70px;
        position:absolute;
        bottom:0;
        left:center;
        width:100%;
		text-align:center;
}
#copyright .wrapper
{
        font-family: 'Source Sans Pro', sans-serif;
        padding:15px 0px 30px 0px;        
        font-size:16px;
		color:#222222;
        position:relative;		
}
#copyright .wrapper .social
{
        position:absolute;
        right:0;
        top:25px;
}
#copyright .wrapper .social a
{
        transition: opacity .25s ease;
        opacity: 0.3;
        margin-left: 12px;
        display:block;
        float:left;
}
#copyright .wrapper .social a:hover
{
        opacity: 0.7;
}
#copyright .wrapper a
{
        color: #999999;
}

#copyright .wrapper a:hover
{
        color: #005CA9;
}


/* SKIPLINK */
.go-top
{
        position: fixed;
        bottom: 2em;
        right: 2em;
        text-decoration: none;
        color: white;
        background-color: rgba(0, 0, 0, 0.3);
        font-size: 12px;
        padding: 1em;
        display: none;
}

.go-top:hover
{
        background-color: rgba(0, 0, 0, 0.6);
}


/* SLIDESHOW */
/* Prevent the slideshow from flashing on load */
.slidesjs-container
{
        border-top: 1px #d6d0c1 solid;
}
#slides
{
        display: none
}

/* Center the slideshow */
.container
{
        width:auto;
		max-width:1170px;
        margin: 0 auto;
        position:relative;		
}

/* Show active item in the pagination */
.slidesjs-pagination .active
{
        color:red;
}

#slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p  .responsive_button
{
        display:none;
        color:#000;
}

/* MISC */
.clear
{
        clear:both;
}
.hidden
{
        position:absolute;
        clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
          clip: rect(1px, 1px, 1px, 1px);
}


/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */

@media (max-width: 1215px)
{
        #slider_content1, #slider_content2, #slider_content3
        {
                width:auto;
                margin-right:50px;
        }
        #slider_content1 h2, #slider_content2 h2, #slider_content3 h2
        {
                font-size:18px;
        }
        #slider_content1 p, #slider_content2 p, #slider_content3 p
        {
                font-size:14px;
        }
        #slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p  .responsive_button
        {
                display:inline;
        }
        .container .button
        {
                display:none;
        }
}

@media (max-width: 915px)
{
        #boxcontent article
        {
                float: none;
                margin: 30px auto 0 auto;
                width: 60%;
        }
        #spacer
        {
                font-size:15px;
        }
        #spacer .search
        {
                margin-top:19px;
                margin-right:-385px;
        }
        #spacer p
        {
                margin-left:-370px;
        }
        input
        {
                padding:4px;
                font-size:14px;
        }
        input[type="submit"]
        {
                padding: 1px 14px;
        }
        #four_columns
        {
                width: 500px;
        }
        #four_columns .img-item:nth-of-type(3), #four_columns .img-item:nth-of-type(4)
        {
                margin-top: 25px;
        }
        #text_columns article.column1, #text_columns .column2
        {
                float:none;
                max-width: 500px;
                margin: 50px 30px 0 30px;
        }
        .column2 .row
        {
                float:none;
                margin:0 0 40px 50px;
        }
        footer .wrapper .column
        {
                font-size: 12px;
                width: 230px;
        }
}

@media (max-width: 765px)
{
        .container
        {
                height:1px;
                top: -1500px;
        }
        header
        {
                height:120px;				
        }
        header nav
        {
                right: auto;
                bottom: auto;
                left: 50%;
                top:100px;
                margin-left: -184px;
        }
        #spacer
        {
                height:100px;
        }
        #spacer p
        {
                text-align:center;
                position:static;
                margin: 0 auto;
                padding:15px 0 7px 0;
        }
        #spacer .search
        {
                text-align:center;
                position:static;
                margin: 0 auto;
        }
        footer
        {
                padding-bottom:70px;
                height: auto;
        }
        footer .wrapper
        {
                width: 350px;
                margin: 0 auto;
        }
        footer .wrapper .column
        {
                margin-top:30px;
                float:none;
                font-size: 14px;
                width: auto;
        }
        footer .wrapper .social
        {
                display:none;
        }
}

@media (max-width: 500px)
{
        header
        {
            margin-top: 80px;
            text-align: center;
        }        
        #spacer
        {
                height:auto;
                padding-bottom:15px;
        }
        #four_columns
        {
                width:auto;
        }
        #four_columns .img-item
        {
                width: 200px;
                float:none;
                margin: 25px auto 0 auto;
        }
        #four_columns h2
        {
                margin: 0 30px;
        }
        .column2 .row
        {
                margin: 0 0 40px 10px;
                width:auto;
        }
        footer .wrapper
        {
                width:auto;
        }
        footer .wrapper .column
        {
                margin: 0 auto 15px auto;
                max-width:300px;
        }
        input
        {
                width:auto;
        }
        #mobileMenu
        {
                display: block;
                z-index: 99;
        }
        .toggleMobile
        {
                position: fixed;
                top: 10px;
                left: 10px;
                display: block;
                width: 40px;
                height: 36px;
                cursor: pointer;
                z-index: 999;
        }
        .toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
        {
                display: block;
                position: absolute;
                width: 50px;
                height: 8px;
                left: 0;
                background: #EDA28C;
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile span.menu1
        {
                top: 0;
        }
        .toggleMobile span.menu2
        {
                top: 14px;
        }
        .toggleMobile span.menu3
        {
                top: 28px;
        }
        .toggleMobile.active span.menu1
        {
                top: 14px;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu2
        {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu3
        {
                opacity: 0;
                -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        header nav
        {
                display:none;
        }
        header h1
        {
                font-size:20px;
        }
        header p
        {
                margin-left: 60px;
                font-size:14px;
        }
}

/* KEYFRAMES */

@keyframes stylie-transform-keyframes {
  0% {transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%);}
}

@keyframes stylie-transform2-keyframes {
  0% {transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%);}
}

/* karte*/

.info {
		padding: 6px 8px;
		font: 14px/16px Arial, Helvetica, sans-serif;
		background: white;
		background: rgba(255, 255, 255, 0.8);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
		border-radius: 5px;
		width: 240px;
	}

	.info h4 {
		margin: 0 0 5px;
		color: #777;
	}

	.legend {
		text-align: left;
		line-height: 18px;
		color: #555;
		width: 240px;
	}

	.legend i {
		position:absolute;
		width: 18px;
		height: 18px;
		float: left;
		margin-right: 8px;
		opacity: 0.7;
	}


	.leaflet-marker-icon, .leaflet-marker-shadow {
		-webkit-transition: margin 0.2s;
		-moz-transition: margin 0.2s;
		-o-transition: margin 0.2s;
		transition: margin 0.2s;
	}


			#DIVFilterEinAus {			
				background: rgba(255,255,255,0.8);				
				/*box-shadow: 0px -4px 4px #EFEFEF, 0px 0px 4px #EFEFEF, 0px 4px 4px #EFEFEF, -3px 0px 4px #EFEFEF;			
				-webkit-box-shadow: 0px -4px 4px #EFEFEF, 0px 0px 4px #EFEFEF, 0px 4px 4px #EFEFEF, -3px 0px 4px #EFEFEF;			
				-moz-box-shadow: 0px -4px 4px #EFEFEF, 0px 0px 4px #EFEFEF, 0px 4px 4px #EFEFEF, -3px 0px 4px #EFEFEF;			*/
				/*box-shadow: 0 0 15px rgba(0,0,0,0.2);
				-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2); 
				-moz-box-shadow: 0 0 15px rgba(0,0,0,0.2); */
				border:1px solid #e1e1e1;
				border-radius:5px;
				width:38px;
				z-index:150;
	z-index: 1000;			
			}

#height-profile-panel {
    /*
  img-hprofil-kurve.jpg
  */
    /*position: absolute;*/
    left: 15px;
    right: 15px;
    bottom: 0px;
    height: 264px;
	margin-left:330px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 0.1875rem 0.1875rem 0 0;
    overflow: hidden;
    display: none;
    width: 100%;
    z-index: 610;
	margin-bottom: 1.0rem;
}

#height-profile-panel .statistics,
#height-profile-panel .height-profile ,
#height-profile-panel .gps-tracks {

    display: block;
	bottom:-280px;
    vertical-align: top;
    #background-color: #f9f9f9;
	width: 100%;
	z-index:611;
}

#height-profile-panel .statistics {
    width: 231px;
    border-right: 1px solid #dcdcdc;
}

#height-profile-panel .height-profile .graph-wrapper {
    position: relative;
    left: 30px;
    top: 0px;
    height: 285px;
    width: calc(100% - 3rem);
    overflow: hidden;
}

#height-profile-panel .height-profile .graph-wrapper .graph {
    position: absolute;
}

#height-profile-panel .height-profile .graph-info {
    position: absolute;
    right: 20px;
    bottom: 10px;
}

#height-profile-panel .height-profile .stats-switcher {
    left: -11px;
    top: -230px;
    position: relative;
    width: 22px;
    height: 22px;
    border: 1px solid #dcdcdc;
    border-radius: 50%;
    background-color: #fff;
}

#height-profile-panel .height-profile .stats-switcher.off {
    left: 15px;
}

#height-profile-panel .height-profile .stats-switcher .open,
#height-profile-panel .height-profile .stats-switcher .close {
    display: inline-block;
    width: 22px;
    height: 22px;
    visibility: visible;
    margin-left: -2px;
    margin-top: -2px;
}

#height-profile-panel .height-profile .stats-switcher .open.hidden,
#height-profile-panel .height-profile .stats-switcher .close.hidden {
    display: none;
}

#height-profile-button {
    /*
  img-btn-hprofil-cose-hover.png
  img-btn-hprofil-cose.png
  img-btn-hprofil-open-hover.png
  img-btn-hprofil-open.png
  */
    width: 115px;
    height: 24px;
    display: block;
    position: absolute;
    left: 355px;
    bottom: 0px;
    z-index: 610;
    overflow: hidden;

}

#height-profile-button .open,
#height-profile-button .close ,
#height-profile-button .text{
    display: inline-block;
    width: 115px;
    height: 24px;
    visibility: visible;
    background-image: url("../images/img-btn-hprofil-cose.png");
		opacity:1.0;
}

#height-profile-button .open.hidden,
#height-profile-button .close.hidden ,
#height-profile-button .text.hidden{
    display: none;
}

#height-profile-button .close:hover {
    background-image: url("../images/img-btn-hprofil-cose-hover.png");
}

#height-profile-button .open {
    background-image: url("../images/img-btn-hprofil-open.png");
}

#height-profile-button .open:hover {
    background-image: url("../images/img-btn-hprofil-open-hover.png");
}

#height-profile-button .text {
    background-image: url("../images/img-btn-hprofil.png");
}

#height-profile-button .text:hover {
    background-image: url("../images/img-btn-hprofil-hover.png");
}

#height-profile-button .open-en,
#height-profile-button .close-en,
#height-profile-button .text-en{
    display: inline-block;
    width: 115px;
    height: 24px;
    visibility: visible;
    background-image: url("../images/img-btn-hprofil-e-cose.png");
		opacity:1.0;
}

#height-profile-button .open-en.hidden,
#height-profile-button .close-en.hidden ,
#height-profile-button .text-en.hidden{
    display: none;
}

#height-profile-button .close-en:hover {
    background-image: url("../images/img-btn-hprofil-e-cose-hover.png");
}

#height-profile-button .open-en {
    background-image: url("../images/img-btn-hprofil-e-open.png");
}

#height-profile-button .open-en:hover {
    background-image: url("../images/img-btn-hprofil-e-open-hover.png");
}

#height-profile-button .text-en {
    background-image: url("../images/img-btn-hprofil-e.png");
}

#height-profile-button .text-en:hover {
    background-image: url("../images/img-btn-hprofil-e-hover.png");
}

#gps-tracks-button {
    /*
  img-btn-hprofil-cose-hover.png
  img-btn-hprofil-cose.png
  img-btn-hprofil-open-hover.png
  img-btn-hprofil-open.png
  */
    width: 115px;
    height: 24px;
    display: block;
    position: absolute;
    left: 470px;
    bottom: 0px;
    z-index: 610;
    overflow: hidden;

}

#gps-tracks-button .open,
#gps-tracks-button .close ,
#gps-tracks-button .text{
    display: inline-block;
    width: 115px;
    height: 24px;
    visibility: visible;
    background-image: url("../images/img-btn-gps-cose.png");
		opacity:1.0;
}

#gps-tracks-button .open.hidden,
#gps-tracks-button .close.hidden,
#gps-tracks-button .text.hidden  {
    display: none;
}

#gps-tracks-button .close:hover {
    background-image: url("../images/img-btn-gps-cose-hover.png");
}

#gps-tracks-button .open {
    background-image: url("../images/img-btn-gps-open.png");
}

#gps-tracks-button .open:hover {
    background-image: url("../images/img-btn-gps-open-hover.png");
}

#gps-tracks-button .text {
    background-image: url("../images/img-btn-gps.png");
}

#gps-tracks-button .text:hover {
    background-image: url("../images/img-btn-gps-hover.png");
}


.routeProfil,.tracks{
	 width: calc(100%-15px);
	 left: 15px;
	 font-size: 0.875rem;
	 position:relative;
}

.routeProfil .headline {
	font-weight: 600;
	color: #555;
	    height: 1.8rem;
    display: table-cell;
    vertical-align: middle;
}

.tracks .headline {
	font-weight: 600;
	color: #555;
	    height: 2.4rem;
    display: table-cell;
    vertical-align: middle;
}

.tracks .content {
	width:100%;
}

.tracks .content .line{
	display:inline-block;
	width:50%;
	height:26px;
}

.tracks .content .line .color-rectangle {
    display: block;
    left: 0px;
    top: 10px;
    width: 10px;
    height: 10px;
	margin-top:8px;
    float: left;
    background-color: #0099cc;
    margin-right: 8px;
}

.tracks .content .line .text{
	display:flex;
	align-items : center;
	float:left;
	padding-top:6px;
}

.tracks .content .line .icon{
	float:right;
	top:3px;
	position:relative;
	color:#555;
}

.tracks .content .line .icon:hover{
	float:right;
	color:#005CA9;
	cursor:pointer;
}


.routeProfil .headlineClose{
	position:absolute;
	color: #555;
	right:15px;
	top:10px;
	 cursor: pointer;
}

.routeProfil .details{
	width:15.25rem;
	padding-right:0.35rem;
	margin-right:0.4rem;
	font-size: 0.75rem;
	border-right: 1px solid #999999;
}

.routeProfil .left{
	display:inline-block;
	position:relative;
	width:100%;
	text-align:right;
	right:-0.5rem;
	height:0.5rem;
	padding-right:0.0rem;
	margin-right:0rem;
}

.routeProfil .iconleft{
	position:absolute;
	right:0rem;
	color:#555555;
}
.routeProfil .iconleft:hover{
	position:absolute;
	right:0rem;
	color:#0099cc;
	cursor:pointer;  
}

.routeProfil .right{
	display:inline-block;
	position:absolute;
	width:1.5rem;
	z-Index:100;
	left:-0.75rem;
	height:1.5rem;
	padding-right:0.0rem;
	margin-right:0rem;
}

.routeProfil .iconright{
	position:absolute:
	left:-0.5rem;
	color:#555555;
}
.routeProfil .iconright:hover{

	color:#0099cc;
	cursor:pointer;  
}
.tooltipLink
{
	cursor:pointer;	
}
.tooltipLink:hover
{
	color:#0099cc;	
}


.routeProfil .backgr {
	width: calc(100% - 4.4375rem);
	position:absolute;
	margin-left:2.5rem;
	margin-right:0.9375rem;	
	background-color:#FFFFFF;

}
.routeProfil .backgrFull {
	width: calc(100% - 4.4375rem);
	position:absolute;
	margin-left:2.5rem;
	margin-right:0.9375rem;	
	background-color:#FFFFFF;

}

.routeProfil .poly {
	position:absolute;
	margin-left:0rem;
	margin-right:0rem;
	top:0px;
	width:100%;
}

.routeProfil .line {
	font-size:0.625rem;
	border-bottom: 1px solid #999999;
}

.routeProfil .lineOb {
	font-size:0.625rem;
}

.routeProfil .text{
 display: table-cell;
  vertical-align: bottom;
  

}

.routeProfil .city{
top:-3rem;
#left:-0.5rem;
position:absolute;
font-size:0.75rem;
}

.routeProfil .vias{

height:1rem;
position:absolute;
}
.routeProfil .via{
cursor:default;
position:absolute;
top:-0.8rem;
}

.routeProfil .lines {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:200px;
}
.overlay {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.3);
  z-index: 2000;
  cursor: pointer;
}

.overlay .content{
   position: absolute;
  top: 50%;
  left: 50%;
  color: #555; 
  padding: 30px;
  background-color: #FFF;
   transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%); 
	width:400px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;	
}
.overlay .headline{
	width:100%;
	font-weight: bold;
	padding-bottom: 10px;
}

.overlay .line{
	display:inline-block;
	width:100%;
	height:26px;
}


.overlay .line .color-rectangle {
    display: block;
    left: 0px;
    top: 10px;
    width: 10px;
    height: 10px;
	margin-top:8px;
    float: left;
    background-color: #0099cc;
    margin-right: 8px;
}

.overlay .line .text{
	display:flex;
	align-items : center;
	float:left;
	padding-top:6px;
}

.overlay .line .text:hover{
	display:flex;
	align-items : center;
	float:left;
	padding-top:6px;
	color:#005CA9;
	cursor:pointer;
}


.overlay .line .icon{
	float:right;
	top:3px;
	position:relative;
	color:#555;
}

.overlay .line .icon:hover{
	float:right;
	color:#005CA9;
	cursor:pointer;
}
/*#div_warten {
  position: absolute;
  left: 40%;
  top: 40%;
  margin-top:100px;
	z-Index:-1;
	color:#005CA9;
	padding:15px;
  background-color: rgba(255,255,255,0.8);
}*/

.div_warten_zIndex{
	 position: absolute;
  left: 40%;
  top: 40%;
  margin-top:100px;
	z-Index:1000;
	color:#005CA9;
	padding:15px;
  background-color: rgba(255,255,255,0.8);
}

.cycle1:after 
{
	animation-fill-mode: both ;
	animation-iteration-count: infinite ;
	animation-name: cycle1 ;
	animation-duration: 2s ;
	animation-timing-function: linear ;

	/*
				This has to be here otherwise animation won't run in Chrome. Plus, the
				animation won't run at all in Safari (classic Safari), so this provides a
				back-up rendering for non-modern browsers.
			*/
	content: "++ Fahrradtasche wird gepackt. ++" ;
	display: inline-block ;
}

@keyframes cycle1 {
  0% {
    content: "++ Fahrradtasche wird gepackt. ++";
  }
  25% {
    content: "++ Erste-Hilfe-Set wird gepackt. ++";
  }
  50% {
    content: "++ Akku vom E-Bike wird gecheckt. ++";
  }
  75% {
    content: "++ Reifen werden aufgepumpt. ++";
  }
  100% {
    content: "++ Fahrradhelm wird aufgesetzt. ++";
  }
}

.cycle2:after 
{
	animation-fill-mode: both ;
	animation-iteration-count: infinite ;
	animation-name: cycle2 ;
	animation-duration: 2s ;
	animation-timing-function: linear ;

	/*
				This has to be here otherwise animation won't run in Chrome. Plus, the
				animation won't run at all in Safari (classic Safari), so this provides a
				back-up rendering for non-modern browsers.
			*/
	content: "++ Erste-Hilfe-Set wird gepackt ++" ;
	display: inline-block ;
}

@keyframes cycle2 {
   0% {
    content: "++ Erste-Hilfe-Set wird gepackt. ++";
  }
  25% {
    content: "++ Akku vom E-Bike wird gecheckt. ++";
  }
  50% {
    content: "++ Reifen werden aufgepumpt. ++";
  }
  75% {
    content: "++ Fahrradhelm wird aufgesetzt. ++";
  }
   100% {
    content: "++ Fahrradtasche wird gepackt. ++";
  }
}

.cycle3:after 
{
	animation-fill-mode: both ;
	animation-iteration-count: infinite ;
	animation-name: cycle3 ;
	animation-duration: 2s ;
	animation-timing-function: linear ;

	/*
				This has to be here otherwise animation won't run in Chrome. Plus, the
				animation won't run at all in Safari (classic Safari), so this provides a
				back-up rendering for non-modern browsers.
			*/
	content: "++ Akku vom E-Bike wird gecheckt. ++" ;
	display: inline-block ;
}

@keyframes cycle3 {
  0% {
    content: "++ Akku vom E-Bike wird gecheckt. ++";
  }
  25% {
    content: "++ Fahrradhelm wird aufgesetzt. ++";
  }
  50% {
    content: "++ Reifen werden aufgepumpt. ++";
  }
  75% {
    content: "++ Fahrradtasche wird gepackt. ++";
  }
  100% {
    content: "++ Erste-Hilfe-Set wird gepackt. ++";
  }
}

.cycle4:after 
{
	animation-fill-mode: both ;
	animation-iteration-count: infinite ;
	animation-name: cycle4 ;
	animation-duration: 2s ;
	animation-timing-function: linear ;

	/*
				This has to be here otherwise animation won't run in Chrome. Plus, the
				animation won't run at all in Safari (classic Safari), so this provides a
				back-up rendering for non-modern browsers.
			*/
	content: "++ Reifen werden aufgepumpt. ++" ;
	display: inline-block ;
}

@keyframes cycle4 {
  0% {
    content: "++ Reifen werden aufgepumpt. ++";
  }
  25% {
    content: "++ Fahrradtasche wird gepackt. ++";
  }
  50% {
    content: "++ Fahrradhelm wird aufgesetzt. ++";
  }
  75% {
    content: "++ Erste-Hilfe-Set wird gepackt. ++";
  }
  1000% {
    content: "++ Akku vom E-Bike wird gecheckt. ++";
  }
 
}

.cycle5:after 
{
	animation-fill-mode: both ;
	animation-iteration-count: infinite ;
	animation-name: cycle5 ;
	animation-duration: 2s ;
	animation-timing-function: linear ;

	/*
				This has to be here otherwise animation won't run in Chrome. Plus, the
				animation won't run at all in Safari (classic Safari), so this provides a
				back-up rendering for non-modern browsers.
			*/
	content: "++ Fahrradhelm wird aufgesetzt. ++" ;
	display: inline-block ;
}

@keyframes cycle5 {
  0% {
    content: "++ Fahrradhelm wird aufgesetzt. ++";
  }
  25% {
    content: "++ Akku vom E-Bike wird gecheckt. ++";
  }
   50% {
    content: "++ Fahrradtasche wird gepackt. ++";
  }
  75% {
    content: "++ Erste-Hilfe-Set wird gepackt. ++";
  }
  100% {
    content: "++ Reifen werden aufgepumpt. ++";
  }
  
}

.cycle1_en:after 
{
	animation-fill-mode: both ;
	animation-iteration-count: infinite ;
	animation-name: cycle1_en ;
	animation-duration: 2s ;
	animation-timing-function: linear ;

	/*
				This has to be here otherwise animation won't run in Chrome. Plus, the
				animation won't run at all in Safari (classic Safari), so this provides a
				back-up rendering for non-modern browsers.
			*/
	content: "++ Bicycle bag is packed. ++" ;
	display: inline-block ;
}

@keyframes cycle1_en {
  0% {
    content: "++ Bicycle bag is packed. ++";
  }
  25% {
    content: "++ First aid kit is packed. ++";
  }
  50% {
    content: "++ The battery of the e-bike is checked. ++";
  }
  75% {
    content: "++ Tires are pumped up. ++";
  }
  100% {
    content: "++ Bicycle helmet is put on. ++";
  }
}

.cycle2_en:after 
{
	animation-fill-mode: both ;
	animation-iteration-count: infinite ;
	animation-name: cycle2_en ;
	animation-duration: 2s ;
	animation-timing-function: linear ;

	/*
				This has to be here otherwise animation won't run in Chrome. Plus, the
				animation won't run at all in Safari (classic Safari), so this provides a
				back-up rendering for non-modern browsers.
			*/
	content: "++ First aid kit is packed. ++" ;
	display: inline-block ;
}

@keyframes cycle2_en {
   0% {
    content: "++ First aid kit is packed. ++";
  }
  25% {
    content: "++ The battery of the e-bike is checked. ++";
  }
  50% {
    content: "++ Tires are pumped up. ++";
  }
  75% {
    content: "++ Bicycle helmet is put on. ++";
  }
   100% {
    content: "++ Bicycle bag is packed. ++";
  }
}


.cycle3_en:after 
{
	animation-fill-mode: both ;
	animation-iteration-count: infinite ;
	animation-name: cycle3_en ;
	animation-duration: 2s ;
	animation-timing-function: linear ;

	/*
				This has to be here otherwise animation won't run in Chrome. Plus, the
				animation won't run at all in Safari (classic Safari), so this provides a
				back-up rendering for non-modern browsers.
			*/
	content: "++ The battery of the e-bike is checked. ++" ;
	display: inline-block ;
}

@keyframes cycle3_en {
  0% {
    content: "++ The battery of the e-bike is checked. ++";
  }
  25% {
    content: "++ Bicycle helmet is put on. ++";
  }
  50% {
    content: "++ Tires are pumped up. ++";
  }
  75% {
    content: "++ Bicycle bag is packed. ++";
  }
  100% {
    content: "++ First aid kit is packed. ++";
  }
}

.cycle4_en:after 
{
	animation-fill-mode: both ;
	animation-iteration-count: infinite ;
	animation-name: cycle4_en ;
	animation-duration: 2s ;
	animation-timing-function: linear ;

	/*
				This has to be here otherwise animation won't run in Chrome. Plus, the
				animation won't run at all in Safari (classic Safari), so this provides a
				back-up rendering for non-modern browsers.
			*/
	content: "++ Tires are pumped up. ++" ;
	display: inline-block ;
}

@keyframes cycle4_en {
  0% {
    content: "++ Tires are pumped up. ++";
  }
  25% {
    content: "++ Bicycle bag is packed. ++";
  }
  50% {
    content: "++ Bicycle helmet is put on. ++";
  }
  75% {
    content: "++ First aid kit is packed. ++";
  }
  1000% {
    content: "++ The battery of the e-bike is checked. ++";
  }
 
}


.cycle5_en:after 
{
	animation-fill-mode: both ;
	animation-iteration-count: infinite ;
	animation-name: cycle5_en ;
	animation-duration: 2s ;
	animation-timing-function: linear ;

	/*
				This has to be here otherwise animation won't run in Chrome. Plus, the
				animation won't run at all in Safari (classic Safari), so this provides a
				back-up rendering for non-modern browsers.
			*/
	content: "++ Bicycle helmet is put on. ++" ;
	display: inline-block ;
}

@keyframes cycle5_en {
  0% {
    content: "++ Bicycle helmet is put on. ++";
  }
  25% {
    content: "++ The battery of the e-bike is checked. ++";
  }
   50% {
    content: "++ Bicycle bag is packed. ++";
  }
  75% {
    content: "++ First aid kit is packed. ++";
  }
  100% {
    content: "++ Tires are pumped up. ++";
  }
  
}
.borderTop {
    border-top: 0.0625rem solid #dcdcdc;
}
.collapsibleDnetz{
    color: #333;
    cursor: pointer;
    padding: 0.625rem;
    width: 100%;
    border: 0;	
    text-align: left;
	font-weight:400;
    outline: none;
    padding-left: 0;    
    font-size: 18px;
}

.collapsibleDnetz:hover
 {
    color: #005ac9;
}

.collapsibleDnetz.active
 {
    color: #005ac9;
}
.collapsibleDnetz-content {
    max-height: 0;
	height:auto;
    overflow: hidden;
    transition: max-height 0.2s ease-out;    
	
}

#RRPcookie {
	position: fixed; 
	bottom: 0; left: 0; right: 0; 
	background: #F1F9FC; 
	padding: 20px; 
	font-size: 16px; 
	font-family: Open Sans, sans serif; 
	z-index:800;
}
#RRPcookie a{
	color:#005AC9;
	
}
#RRPcookie a:hover{
	text-decoration:underline;
}

#RRPcookie a.button {
	cursor: pointer; 
	background: #005ca9; 
	padding: 8px 20px; 
	margin-left: 10px; 
	border-radius: 3px;
	color:#FFF;
	font-weight: bold; 
	float: right;
}
#RRPcookie a.button:hover {
	
	background-color: #005ca9;
	text-decoration:none;
}
#RRPcookie p.cookiemessage {
	display: block; 
	padding: 8px 0; 
	margin: 0;	
}