.autocomplete2 {
position: relative;
display: inline-block;
}
.autocomplete2-items {
position: absolute;
border-bottom: none;
border-top: none;
z-index: 99;
top: 100%;
left: 0px;
right: 0;
}
.autocomplete2-items div {
padding: 5px;
cursor: pointer;
background-color: rgba(255,255,255,0.9);
border-bottom: 1px solid rgba(0,0,0,0.8);
color: #000;
}
.autocomplete2-items div:hover {
background-color: rgba(255,255,255,1);
}
.autocomplete2-active {
background-color: #ffd15e !important;
color: #000;
}



.spalte_b_300_buchbox{
margin: 0px auto;
width: 300px;
color:#333333;
font-family:'roboto',Arial,Geneva,sans-serif;
font-size:13px;
line-height:16px;
margin-bottom:60px;
}
.spalte_b_300_buchbox_cover{
width: 100px;
margin: 0px 15px 2px 0px;
float: left
}
.spalte_b_300_buchbox_headline{
color: #333333;
font-family:'robotobold',Arial,Geneva,sans-serif;
font-size:14px;
line-height:18px;
}
.spalte_b_300_buchbox_abstand{
clear: both;
margin-bottom:30px;
}

/*Auflistung unter Einzelinhalten*/
.bg_trickliste_2 {
	margin:0px 0px 10px 0px;
	padding: 5px 5px 5px 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-color:rgba(255,255,255,1);-webkit-box-shadow:rgba(0,0,0,0.1) 0px 1px 3px 0px;-moz-box-shadow:rgba(0,0,0,0.1) 0px 1px 3px 0px;box-shadow:rgba(0,0,0,0.1) 0px 1px 3px 0px;
	width:calc(100% - 20px); /*Breite 'medien' minus padding*/
}



.spalte_b_300_box{
margin: 0px auto;
margin-top: 10px;
margin-bottom: 40px;
padding: 0px 10px 0px 10px;
width: 280px;
}
.spalte_b_300_box h3{
padding: 0px;
}



.kennzeichner_rechts {
	margin:0px auto;
text-align:right;
width:300px;
padding: 2px 0px 10px 0px;
font-family: 'roboto', Arial, Geneva, sans-serif;
font-size: 10px;
line-height: 10px;
color: #606060;
}
.kennzeichner_mitte {
text-align:right;
max-width: 100%;
/*display: inline-block;*/
padding: 2px 15px 45px 0px;
font-family: 'roboto', Arial, Geneva, sans-serif;
font-size: 10px;
line-height: 10px;
color: #606060;
}
.kennzeichner_mitte_2 { /*erforderlich für Darstellung mitten in Liste der Inhalte*/
padding: 2px 15px 25px 0px;
}

.circle {
position: absolute;
z-index: -1;
top: 15px;
left: 260px;
width: 130px;
height: 130px;
border-radius: 50%;
text-align: center;
background-color:#FF00FF;
opacity: 0.8;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
transform: rotate(-10deg);
-webkit-box-shadow:rgba(0,0,0,0.5) 0px 1px 3px 0px;
-moz-box-shadow:rgba(0,0,0,0.5) 0px 1px 3px 0px;
box-shadow:rgba(0,0,0,0.5) 0px 1px 3px 0px;
}
.circle_play {
position: absolute;
display: inline-block; 
padding: 0px 4px 1px 4px;
font-size: 13px;
color: #FFF;
text-align: center;
font-family: 'robotobold', Arial, Geneva, sans-serif;
}
.circle_play2 {
font-size: 18px;
line-height: 14px;
}

.spalte_a_responsive {
/*background-color: #F6C;*/
max-width: 100%;
/*margin: 40px 10px 50px 10px;*/
margin: 40px 10px 0px 10px;
background-color:rgba(0,0,0,0.08);
/*-webkit-box-shadow:rgba(0,0,0,.5) 0px 1px 3px 0px;
-moz-box-shadow:rgba(0,0,0,.5) 0px 1px 3px 0px;
box-shadow:rgba(0,0,0,.5) 0px 1px 3px 0px;*/
}
.spalte_a_responsive_2 {
/*background-color: #F6C;*/
/*margin-bottom: 30px;*/
clear: both;
}



.hide {
	list-style-type: none;
	padding-left: 22px;
}

.hide2 {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 10px;
}

h5{color:#333333;font-family:'robotobold',Arial,Geneva,sans-serif;font-size:20px;line-height:24px;font-weight:normal;padding:0px 0px 0px 0px;margin:20px 0px 10px 10px}






/*vw editiert: 4vw + 10px - immer mit leerzeichen bei + und - */




/*WICHTIG
NACH KOMPRIMIERUNG Leerzeichen einfügen
font-size:calc(4vw + 10px);line-height:calc(4vw + 6px)*/
/*vw editiert: 4vw + 10px - immer mit leerzeichen bei + und - */

#suche {
visibility: visible;
display: block; /*weil in 'desktop' und 'notebook' = 'none'*/
}
#suchfilter {
visibility: visible;
display: block; /*weil in 'desktop' und 'notebook' = 'none'*/
}


#navigationslayer { /*  Navigationshintergrund (Erscheinungsbild für gesamte Browserbreite = roter Bereich) */
position: absolute;  /*relative*/
top: 0px;
left: 0px;
right: 0px;
margin: 0px auto;
/*min-width: 992px;*/
z-index: 9999; /* Damit alles über Werbung, Locator liegt */
/*background-color: #FF0000; 
opacity: 0.5;*/
min-height: 60px;
}


header { /* Navigationselemente */
margin: 0px auto;
width: 100%; /*1162px*/ /* Padding der Hauptnavigationsbuttons in 'nav#navigation ul li a {' beachten (16px -> 1130+16+16= 1162) */
/*background-color:#a3f;*/ /*TEST*/
}


#logo {
position: relative;
z-index: 3;
width: 160px; /*801px*//* Breite hat Einfluss auf Startposition Suchfeld */
height: 80px; /* Höhe definiert Abstand zu Linie */
float: left;
margin-top: 5px;
padding-left: 9px; /* Korrektur für Startposition */
/*background-color:#555;*/ /*TEST*/
}


/*#seitentitel {
color: #FFFFFF;
font-family: 'robotobold', Verdana, Geneva, sans-serif;
font-size: 33px;
line-height: 33px;
text-shadow: 2px 2px 0px rgba(0,0,0,0.7);*/
/* h-shadow v-shadow blur-radius*/
/*font: 35px/35px 'core_sans_d_55_boldregular', Arial, sans-serif;*/
/*}
#seitentitel a:link, #seitentitel a:visited {
color: #FFFFFF;
text-decoration: none;
}	
#seitentitel a:hover, #seitentitel a:active, #seitentitel a:focus {
color: #FFFFFF;
text-decoration: none;
}*/
/*#domain {
font-family: 'robotobold', Verdana, Geneva, sans-serif;
color: #FFFFFF;
font-size: 14px;
line-height: 14px;*/
/*text-shadow: 2px 2px 0px rgba(0,0,0,0.7), 0px 0px 10px rgba(0,0,0,0.7);*/
/*text-shadow: 2px 2px 0px rgba(0,0,0,0.7);
padding-left: 2px;*/ /* Korrektur für Startposition */
/*padding-top: 2px;
}
#domain a:link, #domain a:visited {
color: #FFFFFF;
text-decoration: none;
}	
#domain a:hover, #domain a:active, #domain a:focus {
color: #FFFFFF;
text-decoration: none;
}*/






#websitesuche {
/*damit es über nav liegt*/
position: relative;
z-index: 10;

float: left;
visibility: hidden;
display: none;
padding-left: 10px;
padding-bottom: 4px;
margin-top: 8px;
/*background-color: #FC0;*/ /*TEST*/
}

/* Suchfeld in Navigation */
.suchfeld {
/*background: rgba(0,0,0,0.6);*/ /*schwarz*/
background: rgba(255,255,255,1);
padding: 6px 4px 6px 4px;
margin: 2px 0px 2px 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-top-right-radius: 0px;
-moz-border-top-right-radius: 0px;
border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
border-width: 0px;
-webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 2px, inset rgba(0,0,0,0.1) 1px 0px 1px, inset rgba(0,0,0,0.1) 0px -1px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 2px, inset rgba(0,0,0,0.1) 1px 0px 1px, inset rgba(0,0,0,0.1) 0px -1px 1px;
box-shadow: inset rgba(0,0,0,0.2) 0px 1px 2px, inset rgba(0,0,0,0.1) 1px 0px 1px, inset rgba(0,0,0,0.1) 0px -1px 1px;
color: #000000;
font-family: 'roboto', Arial, Geneva, sans-serif;
font-size: 14px;
text-decoration: none;
vertical-align: middle
}

/*Suchbutton in Navigation*/
.suche {
background: rgba(50,50,50,0.9);
color: #FFFFFF;
padding: 4px 14px 4px 10px;
margin: 2px 10px 2px 0px;

transition: background 0.3s ease-out;
-webkit-transition: background 0.3s ease-out;
-moz-transition: background 0.3 ease-out;
-o-transition: background 0.3 ease-out;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-top-left-radius: 0px;
-moz-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
border-width: 0px;
-webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 2px 0px;
-moz-box-shadow: rgba(0,0,0,.3) 0px 0px 2px 0px;
box-shadow: rgba(0,0,0,.3) 0px 0px 2px 0px;
font-family: 'robotobold', Arial, Geneva, sans-serif;
font-size: 15px;
line-height: 21px;
min-height: 30px;
text-decoration: none;
vertical-align: middle
}
.suche:link, .suche:visited {
color: #FFFFFF;
text-decoration: none
}
.suche:hover, .suche:active .suche:focus {
background: rgba(0,0,0,0.9);
-webkit-box-shadow: rgba(0,0,0,0.3) 0px 0px 1px 0px;
-moz-box-shadow: rgba(0,0,0,0.3) 0px 0px 1px 0px;
box-shadow: rgba(0,0,0,0.3) 0px 0px 1px 0px;
color: #FFFFFF;

transition: background 0.3s ease-out;
-webkit-transition: background 0.3s ease-out;
-moz-transition: background 0.3 ease-out;
-o-transition: background 0.3 ease-out;
}
.suche::-moz-focus-inner {
border: 0; 
padding: 0
}







div#wrapper {
visibility: hidden;
display: none;
}

nav#navigation {
position: absolute;
top: 90px; /*70*/
width: 100%; /*auto*/
height: auto;


/*background-color: #f00;*/
/*font-family: Arial, Verdana, Geneva, sans-serif;*/
font-family: 'robotobold', Arial, Verdana, sans-serif;
}
nav#navigation ul {
    padding: 0px;
    margin: 0px;

    /*-moz-box-shadow: 2px 2px 2px #000;
    -webkit-box-shadow: 2px 2px 2px #000;
    box-shadow: 2px 2px 2px #000;*/
	
	/*box-shadow: rgba(0,0,0,.3) 0px 0px 2px 2px;
-moz-box-shadow: rgba(0,0,0,.3) 0px 0px 2px 2px ;
-webkit-box-shadow: rgba(0,0,0,.4) 0px 0px 2px 2px;*/
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px 0px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px 0px;
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px 0px;

    border-right: 1px solid rgba(0,0,0,0.2);; /*rechter Rand der gesamten Navigation*//*#DFDFDF*/
    /*border-bottom: 1px solid #222;*/ /*unterer Rand der gesamten Navigation*//*#DFDFDF*/
}
nav#navigation ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
nav#navigation ul,nav#navigation ul li{
   /* background-color: #FAFAFA;*/
	/*background-color: #333;*/ /*Farbe Normalzustand mouseout*/
	/*background-color: rgba(0,0,0,0.6);*/
	background-color: rgba(50,50,50,0.9);/*51=#33 Hintergrundfarbe alle Buttons out*/

}
nav#navigation ul li {
    list-style: none;
    border-top: 1px solid rgba(255,255,255,0.2);; /*545454oberer Rand jedes Haupbuttons*//*#DFDFDF*/
	/*border-bottom: 1px solid #303030;*/ /*333unterer Rand jedes Haupbuttons*//*#DFDFDF*/
}
nav#navigation ul li a {
    text-decoration: none;
    display: block;
    color: #FFFFFF; /*Textfarbe der nicht ausgewählten Punkte der Hauptnavigation*//*#333*/
    padding: 5px 5px 5px 12px; /*Einrückung Hauptpunkte*/
	
	/*softes einblenden der unterpunktt-buttons*/
/*	transition: background 0.3s ease-out;
-webkit-transition: background 0.3s ease-out;
-moz-transition: background 0.3 ease-out;
-o-transition: background 0.3 ease-out;*/

}
/*für mobil entfernt, kein hover*/
/*nav ul li:hover a {
   background-color: #404040;
 
}*/

/*nav ul li#home:target a, nav ul li#home:target > ul li a{
    background-color: #444;
}
nav ul li#bike:target a, nav ul li#bike:target > ul li a{
    background-color: #444;
}
nav ul li#ausruestung:target a, nav ul li#ausruestung:target > ul li a{
    background-color: #444;
}
nav ul li#fahrtechnik:target a, nav ul li#fahrtechnik:target > ul li a{
    background-color: #444;
}
nav ul li#adressen:target a, nav ul li#adressen:target > ul li a{
    background-color: #444;
}*/

/*nav ul li:target > a {
    color: #FFFFFF;*/ /*Farbe des aktiven Hauptnavigationspunktes, wenn unterpunkte ausgeklappt sind*//*FAFAFA*/
	/*cursor:default;*/ /*setzt den Mauszeiger auf 'nicht anklickbar'*/
/*}*/
/*nav ul li:target > ul {
    max-height: 300px;*/ /*maximale Höhe der Ausklappmenüs*/
/*}*/
nav#navigation ul li ul{
    display: block;
    position: relative;
    padding: 0px;
    border: none;
    box-shadow: none;
    max-height: 900px;
    overflow: hidden;
}
nav#navigation ul li ul li{
	float: none;
    display: block;
    border: none;
}
nav#navigation ul li ul li a {
    padding-left: 44px; /*Einrückung unterpunkte*/
    color: #BBB;/*schriftfarbe der unter-navigationspunkte*//*FAFAFA*/
	border-top: 1px solid #404040; /*unterer Rand jedes Haupbuttons*//*#DFDFDF*/
	font-size: 14px;
	background-color: #393939 /*Farbe der Unternav-Punkte*/
}





#navigation-on-off {
visibility: visible;
width: 50px;
/*height: 55px;*/
height: 80px;
/*background-color: #444;*/
float: left;
font-size: 30px;
padding: 0px;
margin-top: 9px;
}

#suche-on-off {
visibility: visible;
width: 50px;
/*height: 55px;*/
height: 80px;
/*background-color: #888;*/
float: left;
font-size: 30px;
padding: 0px;
margin-top: 9px;
}











#inhalt {
margin: auto;
margin-bottom: 0px;

/*NEU*/
position: relative;
z-index: 3;

margin-top: 30px;
top: -100px;



}





#spalte_a {
position: relative; /* 'relative' erforderlich wegen Positionierung der Paging-Navigation unten */
margin: auto;
width: 100%;
overflow: hidden; /* verhindert zu breite Navigationspfeile */

/* NEU */
/*padding-left: 5px;
width: calc(100% - 5px);*/

}



#spalte_b {
margin: 0px auto;
width: 100%;
/*background-color: #666;*/
/*padding-bottom: 15px;
padding-top: 1px;*/
padding: 60px 0px 0px 0px;
}


.spalte_b_300{
	margin:0px auto;
	/*margin-bottom:15px;*/
	margin-bottom:0px;
	width:300px;background-color:rgba(0,0,0,0.08);
/*-webkit-box-shadow:rgba(0,0,0,0.5) 0px 1px 3px 0px;-moz-box-shadow:rgba(0,0,0,0.5) 0px 1px 3px 0px;box-shadow:rgba(0,0,0,0.5) 0px 1px 3px 0px*/
}



.locator {
/*padding: 10px;*/
/*background-color:#22aa00;*/


padding: 0px 10px 0px 10px;
/*padding: 0px 10px 10px 10px;*/
/*border: 1px solid #EEE;*/
/*margin-top: 5px;*/
margin: 0px;
/*float: left;*/
color: #333333; /*555*/
font-family: 'robotobold', Arial, Geneva, sans-serif;
font-size: 12px;
line-height: 12px;
/*font-weight: bold;*/
letter-spacing: 0px;
text-decoration: none;

/*text-shadow: 2px 2px 2px rgba(0,0,0,0.7), 0px 0px 5px rgba(0,0,0,0.7);*/

display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
-webkit-flex-direction: row;
flex-direction: row;
justify-content: left;
/*align-items: center;*/

}
.locator a:link, .locator a:visited {
color: #333333;
text-decoration: none;
}	
.locator a:hover, .locator a:active, .locator a:focus {
color: #333333;
text-decoration: underline;
}




h1 { /*Standard-Headline*/
color: #333333;
font-family: 'robotobold', Arial, Geneva, sans-serif;
letter-spacing: -0.4px;
font-size: 35px; /*Größe so einstellen, dass die Headline bei kleinster Browserbreite nicht umbricht*/
line-height: 35px;
font-weight: normal; /*erforderlich bei h-Tags*/
/*text-shadow: 2px 2px 2px rgba(0,0,0,0.7);*/
padding: 0px 0px 0px 10px;
margin: 20px 0px 10px 0px; /*Abstand zum Locator*/

/*neu deaktiviert*/
/*margin: 30px auto;
margin-bottom: 0px;
width: 450px;*/
}

h2 { /*Zwischen-Headline*/
color: #333333;
font-family: 'robotobold', Arial, Geneva, sans-serif;
font-size: 30px;
line-height: 30px;
font-weight: normal; /*erforderlich bei h-Tags*/
padding: 0px 0px 0px 0px;
margin: 20px 0px 10px 0px;

/*neu deaktiviert*/
/*margin: 0px auto;
margin-top: 8px;
margin-bottom: -10px;
width: 450px;*/
}


h3 { /*Sub-Headline*/
color: #333333;
font-family: 'robotobold', Arial, Geneva, sans-serif;
font-size: 20px;
line-height: 20px;
font-weight: normal; /*erforderlich bei h-Tags*/
padding: 0px 0px 0px 10px;
margin: 20px 0px 10px 0px;

/*neu deaktiviert*/
/*margin: 0px auto;
margin-top: 8px;
margin-bottom: -10px;
width: 450px;*/
}





h4 { /*Subsub-Headline*/
color: #333333;
font-family: 'robotobold', Arial, Geneva, sans-serif;
font-size: 20px;
line-height: 24px;
font-weight: normal; /*erforderlich bei h-Tags*/
padding: 0px 0px 0px 0px;
margin: 20px 0px 10px 0px;

/*neu deaktiviert*/
/*margin: 0px auto;
width: 450px;
margin-top: 0px;
margin-bottom: 2px;*/
}





p { /*Standard-Text*/
color: #333333; /*#ABA9A9*/
font-family: 'roboto', Arial, Geneva, sans-serif;
font-size: 16px;
line-height: 22px;
padding: 15px 100px 20px 0px;


/*margin: 0px auto;*/
/*width: 450px;*/
margin-left: 10px; /*außerhalb von containern*/
}


/*Standard-Text*/
.text {
color: #333333;
font-family: 'roboto', Arial, Geneva, sans-serif;
font-size: 16px;
line-height: 22px;
/*letter-spacing: -1px;*/
/*padding: 20px 130px 30px 100px;*/
}




/*.bu {*/ /*Bildunterschrift*/
/*text-align: left;
color: #ABA9A9;
font-family: Arial, Geneva, sans-serif;
font-size: 12px;
line-height: 15px;*/
/*letter-spacing: -1px;*/
/*padding: 0px 15px 0px 150px;*/
/*padding: 5px 0px 0px 0px;
margin: 0px auto;
width: 450px;
}*/


/*Ausgabe von Einzelinhalten*/
.medien {
/*width: calc(100% -20px);*/ /*635px*/
width: calc(100% - 20px); /*31.12.2018*/
overflow: hidden;

/*background-color: rgba(0,0,0,0.05);*/
background-color: rgba(255,255,255,1);


/*background-color: #2C2C2C;*/
/*margin: 25px 0px 25px 0px;*/
margin: 25px 10px 25px 10px;

padding-bottom: 20px;

-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px 0px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px 0px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 3px 0px;
color: #333333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.medien h1 {
	padding: 0px 50px 0px 40px;
	text-shadow: none;
}

.medien h2 {
	padding: 0px 100px 0px 40px;
	margin-bottom: -10px;
	font-family: 'robotobold', Arial, Geneva, sans-serif;
	color: #333333;
	font-size: 22px;
	line-height: 26px;
}
.medien p {
	padding: 20px 100px 30px 40px;
	color: #333333;
	/*font-size: 15px;*/
	margin-left: 0px;
}
.credit_info {
	/*color: #606060 !important;*/
	font-size: 12px !important;
	margin-top: -20px; /*Abstand zwischen CREDITs und TAGs*/
	margin-bottom: 20px; /*Abstand zwischen CREDITs und TAGs*/
}
/*Bildunterschrift*/
.medien p.bu {
color: #333333;
font-family: 'roboto', Arial, Geneva, sans-serif;
font-size: 13px;
line-height: 16px;
margin: 0px;
padding: 8px 100px 0px 40px;
}

.slideshow {
position: relative;
/*display: block;*/ /*wegen Verlinkung des kompletten DIVs*/
/*neu für Zentrierung*/
display: flex;
justify-content: center;
align-items: center;

/*width: calc(100% -20px);*/
width: calc(100% - 20px); /*31.12.2018*/
overflow: hidden;
}

.slideshow_play {
position: absolute;

/*neu für Zentrierung*/
/*top: calc(50% - 10px);
left: calc(50% - 60px);*/
display: inline-block;

background-color: rgba(0,0,0,0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 10px 10px 10px 10px;
font-size: 14px;
color: #CCCCCC;
text-align: center;
font-family: 'robotobold', Arial, Geneva, sans-serif;
}

.video_container_play {
position: absolute;

/*neu für Zentrierung*/
/*top: calc(50% - 10px);
left: calc(50% - 150px);*/
display: inline-block;

background-color: rgba(0,0,0,0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 10px 10px 10px 10px;
font-size: 14px;
color: #CCCCCC;
text-align: center;
font-family: 'robotobold', Arial, Geneva, sans-serif;
}
.video_container_play a:link, .video_container_play a:visited {
color: #FFFFFF;
text-decoration: none;
}	
.video_container_play a:hover, .video_container_play a:active, .video_container_play a:focus {
color: #FFFFFF;
text-decoration: underline;
}



/*Ausgabe von Verzeichnissen*/
.verzeichnis {
/*width: 100%;*//*635px*/
/*width: calc(100% -20px);*/  /*31.12.2018*/
width: calc(100% - 20px);
overflow: hidden;
/*background-color: rgba(0,0,0,0.05);
background-image: url(/images/verlauf200x200_2.png);
background-repeat: repeat-x;*/
background-color: rgba(255,255,255,1);
/*margin: 0px 0px 25px 0px;*/
margin: 25px 10px 25px 10px;
/*margin: 25px 0px 25px 0px;*/
padding-bottom: 20px;
/*-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px 0px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px 0px;
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px 0px;*/
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px 0px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px 0px;
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px 0px;
color: #333333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
/*-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;*/
}
.verzeichnis p {
	/*padding: 0px 100px 40px 40px;*/ /*Abstand unter der Erklärung*/
	/*padding: 0px 0px 40px 0px;
	color: #ABA9A9;*/
	/*margin: 0px auto;*/
	/*width: 450px;
	margin-left: 0px;*/
	
	padding: 0px 100px 20px 40px;
color: #333333;
	/*font-size: 15px;*/
	margin-left: 0px;
}
.verzeichnis h1 {
	/*padding: 10px 50px 0px 40px;*/
	/*padding: 10px 50px 0px 0px;*/
	/*padding: 20px 0px 40px 40px;
	text-shadow: none;*/
	padding: 0px 50px 0px 40px;
	text-shadow: none;
	
	/*margin: 0px auto;
	width: 450px;*/
}
.verzeichnis h2 {
	padding: 10px 100px 0px 40px;
	text-shadow: none;
}
.verzeichnis h4 {
	padding: 0px 100px 0px 40px;
	/*color: #ABA9A9;*/
	/*color: #606060;*/
}


.verzeichnis .trick_kennzeichner {
	white-space: normal;
	display: inline;
	box-decoration-break: clone; /*sorgt bei Umbruch für Abstand rechts/links bei Hinterlegung*/
  -webkit-box-decoration-break: clone;
	
	
}




/*Tabelle für Profisuche*/
div.table { 
display: table; 
border-collapse: collapse;
margin-right: 40px;
}
div.tr { 
display: table-row; 
border-bottom: thin solid rgba(0,0,0,0.1);
}
div.tr:last-child { /*kein Rand an unterster Zeile*/
display: table-row;
}
div.td { 
display: table-cell;
padding: 5px 10px 5px 10px;
background-color: rgba(0,0,0,0.05);
color: #777777;
font-family: 'roboto', Arial, Geneva, sans-serif;
font-size: 16px;
line-height: 22px;
}

#profisuche {
margin: -20px 0px 30px 40px;
}



.teilen {
	margin-left: 40px;
	border: none;
	vertical-align: bottom;
	max-width: 100%;
	min-height: 350px;
}





.scrollbox_tablet {
/*width: 595px;*/
/*width: calc(100% -40px);*/ /*Padding abziehen*/
width: calc(100% - 60px); /*31.12.2018*/
min-height: 250px;
overflow: hidden;
margin: 0px 10px 15px 10px;
background-color: #FFFFFF;
/*background-color: #f93;*/
padding: 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px 0px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px 0px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 3px 0px;
}

/*Scrollbox scrollender Bereich*/
.myautoscroll {
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
padding: 4px 0px 4px 10px;
box-shadow: 3px 3px 3px rgba(0,0,0,0.05) inset;
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.05) inset;
-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.05) inset;
position: relative;
z-index: 4;
/*width: 585px;*/
/*width: calc(100%-40px);*/
width: calc(100% - 10px); /*31.12.2018*/
height: 250px;
background-color: #FAFAFA;
/*background-color: #f00;*/
}


.scrollbox {
color: #2E2C2C;
font-family: 'robotobold', Arial, Geneva, sans-serif;
font-size: 16px;
line-height: 15px;
text-decoration: none;
padding: 3px 20px 3px 20px;
}
.scrollbox a:link, .scrollbox a:visited {
color: #2E2C2C;
text-decoration: none;
}	
.scrollbox a:hover, .scrollbox a:active, .scrollbox a:focus {
color: #000000;
/*text-decoration: underline;*/
text-decoration: none;
}


/*Scrollboxzeile mit Status mouseover*/
.scrollbox_nohover {
background-color: #FAFAFA;
/*width: 567px;*/
width: 95%;
transition: background 0.3s ease-out;
-webkit-transition: background 0.3s ease-out;
-moz-transition: background 0.3 ease-out;
-o-transition: background 0.3 ease-out;
cursor: default;
}

/*Scrollboxzeile mit Status mouseout*/
.scrollbox_hover {
background-color: #BBBBBB;
/*width: 567px;*/
width: 95%;
transition: background 0.3s ease-out;
-webkit-transition: background 0.3s ease-out;
-moz-transition: background 0.3 ease-out;
-o-transition: background 0.3 ease-out;
cursor: pointer;
color: #FFFFFF;
}

/*Trennlinie in Scrollbox*/
.scrollboxlinie {
border: none;
/*border-top: 1px solid #cf0909;*/
/*border-top: 1px solid #dbb82d;*/
height: 1px;
/*background-color: #f00a0a;*/
background-color: #EEEEEE;
margin: 0px 0px 0px 0px; /* Korrektur der Linienlänge analog zu Padding der Hauptnavigationsbuttons in 'nav#navigation ul li a {' */
/*width: 567px;*/
width: 95%;
}








/*Eigenschaft der Kategorie-Teaser*/
.teaser_kat_wrapper_1 {
position: relative;
display:block; /*wegen Verlinkung des kompletten DIVs*/
float: left;
/*width: 305px;*/
width: calc(50% - 18px);
/*height: 400px;*/
/*height: calc(400px * 1090vw);*/
padding-bottom: 5%; /*sorgt für proportionales Skalieren*/
min-height: 320px; /*damit beim schmalster Browserbreite die Box eine Mindesthöhe behält*/
/*height: 310px;*/ /*damit beim schmalster Browserbreite die Box eine Mindesthöhe behält*/

overflow: hidden;
margin: 0px 5px 30px 10px;
background-color: #FFFFFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px 0px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px 0px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 3px 0px;
}
/*geänderte Eigenschaft des Kategorie-Teaser für Kategorie-Seite*/
.teaser_kat_wrapper_1_kategorie {
/*height: 440px;*/
min-height: 350px
}

/*Wrapper für Bildschatten in Kategorie-Teasern*/
.teaser_kat_wrapper_2 {
position: relative;
z-index: 4
}

/*für Textpositionierung in Kategorie-Teasern*/
.teaser_kat_wrapper_3 {
position: absolute;
z-index: 5;
/*top: 255px;*/
top: 58%;
}

/*Titel der Kategorie-Teaser*/
.teaser_kat_titel {
color: #333333;
font-family: 'robotobold', Arial, Geneva, sans-serif;
font-size: 38px;
line-height: 32px;
text-decoration: none;
padding: 10px 10px 14px 20px;
}
.teaser_kat_titel a:link, .teaser_kat_titel a:visited {
color: #333333;
text-decoration: none;
}	
.teaser_kat_titel a:hover, .teaser_kat_titel a:active, .teaser_kat_titel a:focus {
color: #333333;
text-decoration: none;
}
/* Verwendung des h2 Tags ins Teasern*/
.teaser_kat_titel h2 {
color: #333333;
font-family: 'robotobold', Arial, Geneva, sans-serif;
font-size: 38px;
line-height: 32px;
text-decoration: none;
font-weight: normal;
padding: 0px;
margin: 0px;
}

/*Text der Kategorie-Teaser*/
.teaser_kat_text {
color: #333333;
font-family: 'roboto', Arial, Geneva, sans-serif;
font-size: 14px;
line-height: 16px;
padding: 0px 20px 10px 20px;
}
.teaser_kat_text a:link, .teaser_kat_text a:visited {
color: #333333;
text-decoration: none;
}	
.teaser_kat_text a:hover, .teaser_kat_text a:active, .teaser_kat_text a:focus {
color: #333333;
text-decoration: none;
}
.teaser_kat_text p {
color: #333333;
font-family: 'roboto', Arial, Geneva, sans-serif;
font-size: 14px;
line-height: 16px;
padding: 0px;
margin: 0px;
}

/*Kennzeichner der Kategorie-Teaser*/
.teaser_kat_kennzeichner {
color: #777777;
font-family: 'robotobold', Arial, Geneva, sans-serif;
font-size: 12px;
line-height: 12px;
text-decoration: none;
padding: 0px 20px 0px 20px;
}
.teaser_kat_kennzeichner a:link, .teaser_kat_kennzeichner a:visited {
color: #777777;
text-decoration: none;
}	
.teaser_kat_kennzeichner a:hover, .teaser_kat_kennzeichner a:active, .teaser_kat_kennzeichner a:focus {
color: #777777;
text-decoration: none;
}

/*Bildschatten in Kategorie-Teaser*/
.teaser_kat_verlauf {
position: absolute;
bottom: 0px;
left: 0px;
height: 170px;
/*width: 305px;*/
width: 100%;
z-index: 5;
/* Verlauf von unten nach transparent */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF',endColorstr='#FFFFFF',GradientType=0);
}

.teaser_kat_stats {
position: absolute;
z-index: 6;
bottom: 15px;
left: 15px;
background-color: rgba(0,0,0,0.05);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 0px;
padding: 2px 6px;
color: #ABA9A9;
font-family: 'roboto', Arial, Geneva, sans-serif;
font-size: 10px;
height: 14px;
vertical-align: middle;
white-space: nowrap;
}









/*höhe geänder von height:305px auf 315*/
.teaser_trick_wrapper_1{
position:relative;
display:block;
float:left;
width:calc(50% - 18px);
padding-bottom:12%;
height:315px;
overflow:hidden;
margin:0px 5px 30px 10px;
background-color: #FFFFFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px 0px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px 0px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 3px 0px;}

/*Wrapper für Bildschatten in Trick-Teasern*/
.teaser_trick_wrapper_2 {
position: relative;
z-index: 4;
/*Neu für Zentrierung der Embed Kennzeichner*/
display: flex;
justify-content: center;
align-items: center;
}



/*Titel der Trick-Teaser*/
.teaser_trick_titel {
color: #333333;
font-family: 'robotobold', Arial, Geneva, sans-serif;
font-size: 38px;
line-height: 32px;
text-decoration: none;
padding: 10px 10px 12px 20px;
}
.teaser_trick_titel a:link, .teaser_trick_titel a:visited {
color: #333333;
text-decoration: none;
}	
.teaser_trick_titel a:hover, .teaser_trick_titel a:active, .teaser_trick_titel a:focus {
color: #333333;
text-decoration: none;
}
/* Verwendung des h2 Tags ins Teasern*/
.teaser_trick_titel h2 {
color: #333333;
font-family: 'robotobold', Arial, Geneva, sans-serif;
font-size: 38px; /*new font fallback*/
line-height: 32px; /*new font fallback*/
font-size: calc(4vw + 10px); /*new font new*/
line-height: calc(4vw + 6px);  /*new font new*/
text-decoration: none;
font-weight: normal;
padding: 0px;
margin: 0px;
}

/*Headline der Trick-Teaser*/
.teaser_trick_headline {
color: #333333;
font-family: 'robotobold', Arial, Geneva, sans-serif;
font-size: 17px;
line-height: 18px;
padding: 0px 20px 4px 20px;
}
.teaser_trick_headline a:link, .teaser_trick_headline a:visited {
color: #333333;
text-decoration: none;
}	
.teaser_trick_headline a:hover, .teaser_trick_headline a:active, .teaser_trick_headline a:focus {
color: #333333;
text-decoration: none;
}
/* Verwendung des h3 Tags ins Teasern*/
.teaser_trick_headline h3 {
color: #333333;
font-family: 'robotobold', Arial, Geneva, sans-serif;
font-size: 17px;
line-height: 18px;
text-decoration: none;
font-weight: normal;
padding: 0px;
margin: 0px;
}

/*Text der Trick-Teaser*/
.teaser_trick_text {
color: #333333;
font-family: 'roboto', Arial, Geneva, sans-serif;
font-size: 14px;
line-height: 16px;
padding: 0px 20px 10px 20px;
}
.teaser_trick_text a:link, .teaser_trick_text a:visited {
color: #333333;
text-decoration: none;
}	
.teaser_trick_text a:hover, .teaser_trick_text a:active, .teaser_trick_text a:focus {
color: #333333;
text-decoration: none;
}
/* Verwendung des p Tags ins Teasern*/
.teaser_trick_text p {
color: #333333;
font-family: 'roboto', Arial, Geneva, sans-serif;
font-size: 14px;
line-height: 16px;
padding: 0px;
margin: 0px;
}

/*Kennzeichner der Trick-Teaser*/
.teaser_trick_kennzeichner {
color: #777777;
font-family: 'robotobold', Arial, Geneva, sans-serif;
font-size: 12px;
line-height: 12px;
text-decoration: none;
/*padding: 0px 20px 0px 20px;*/
padding: 10px 20px 0px 20px;
}
.teaser_trick_kennzeichner a:link, .teaser_trick_kennzeichner a:visited {
color: #777777;
text-decoration: none;
}	
.teaser_trick_kennzeichner a:hover, .teaser_trick_kennzeichner a:active, .teaser_trick_kennzeichner a:focus {
color: #777777;
text-decoration: none;
}

/*unten bei Trick-Teasern zum Ausfaden für zu langen Text*/
.teaser_trick_schatten { 
position: absolute;
bottom: 0px;
left: 0px;
height: 50px;
width: 305px;
z-index: 5;
box-shadow: 0px -20px 10px rgba(255,255,255,1) inset;
-webkit-box-shadow: 0px -20px 10px rgba(255,255,255,1) inset;
-moz-box-shadow: 0px -20px 10px rgba(255,255,255,1) inset;
}

/*Bildschatten in Trick-Teaser*/
.teaser_trick_verlauf {
/*position: absolute;
bottom: 0px;
left: 0px;
height: 100px;*/
/*width: 305px;*/
/*width: 100%;
z-index: 5;*/
/* Verlauf von unten nach transparent */
/*background: -moz-linear-gradient(top, rgba(44,44,44,0) 0%, rgba(44,44,44,1) 100%);
background: -webkit-linear-gradient(top, rgba(44,44,44,0) 0%,rgba(44,44,44,1) 100%);
background: linear-gradient(to bottom, rgba(44,44,44,0) 0%,rgba(44,44,44,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002C2C2C',endColorstr='#2C2C2C',GradientType=0);
*/}





/*Embed-Hinweis in Teasern*/
.teaser_trick_embed {
position: absolute;
/*entfernt für neue Zentrierung*/
/*top: 60px;
left: 60px;*/
display: inline-block; /*neu für Zentrierung*/
z-index: 6;
background-color: rgba(0,0,0,0.6);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 2px 6px 4px 6px;
font-size: 11px;
color: #CCCCCC;
text-align: center;
font-family: 'robotobold', Arial, Geneva, sans-serif;
}


/*Copyright in Teasern*/
.teaser_trick_copyright {
position: absolute;
bottom: 5px;
right: 5px;
width: 200px;
max-height: 20px;
overflow: hidden;
padding: 0px;
z-index: 6;
font-size: 10px;
/*color: #1c1c1c;*/
color: #FFFFFF;
text-shadow: 0px 0px 2px #000000;
text-align:right;
font-family: 'roboto', Arial, Geneva, sans-serif;
}


/*2- oder 3-zeiliger Teaser, gesteuert über @media*/
/*.teaser3b_wrapper { display: none;}*/



/*2- oder 3-zeiliger Teaser, gesteuert über @media*/
#teaser3a { display: none;}



.trick_kennzeichner {
background-color: rgba(0,0,0,0.05);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 0px;
padding: 2px 4px;
margin-right: 1px;
color: #888888;
font-family: 'roboto', Arial, Geneva, sans-serif;
font-size: 10px;
height: 10px;
vertical-align: middle;
white-space: nowrap;
}

/*Kennzeichner der Kategorie + Trick*/
.kat_trick_kennzeichner {
color: #777777;
font-family: 'robotobold', Arial, Geneva, sans-serif;
font-size: 12px;
line-height: 12px;
text-decoration: none;
padding: 0px 20px 0px 40px;
}





/*Design der TAGs (Startseite)*/
.tag_button {
background: rgba(255,255,255,1);
margin: 0px 2px 20px 0px;
padding: 4px 8px 4px 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

-webkit-box-shadow: rgba(0,0,0,.1) 0px 1px 3px 0px;
-moz-box-shadow: rgba(0,0,0,.1) 0px 1px 3px 0px;
box-shadow: rgba(0,0,0,.1) 0px 1px 3px 0px;

font-family: 'robotobold', Arial, Geneva, sans-serif;
font-size: 12px;
line-height: 30px;
color: #999999;
white-space: nowrap;

/*#a2a2a2*/
/*margin: 2px 4px 2px 0px;*/
/*-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-width: 0px;
-webkit-box-shadow: rgba(0,0,0,.2) 0 1px 1px 0px;
-moz-box-shadow: rgba(0,0,0,.2) 0 1px 1px 0px;
box-shadow: rgba(0,0,0,.2) 0 1px 1px 0px;*/
/*color: #444;
font-family: Arial, Verdana, sans-serif;
font-size: 13px;
line-height: 30px;*/
/*letter-spacing: -1px;*/
/*font-weight: bold;
text-decoration: none;
vertical-align: middle*/
}
.tag_button:link, .tag_button:visited {
color: #999999;
/*color: #444;
text-decoration: none*/
}
.tag_button:hover, .tag_button:active .tag_button:focus {
/*background: #3E81C6;
background: -webkit-gradient(linear, left top, left bottom, from(#499AEB), to(#3E81C6));
background: -webkit-linear-gradient(top, #499AEB, #3E81C6);
background: -moz-linear-gradient(top, #499AEB, #3E81C6);
background: -ms-linear-gradient(top, #499AEB, #3E81C6);
background: -o-linear-gradient(top, #499AEB, #3E81C6);*/
/*-webkit-box-shadow: rgba(0,0,0,.2) 0px 1px 0px 0px;
-moz-box-shadow: rgba(0,0,0,.2) 0px 1px 0px 0px;
box-shadow: rgba(0,0,0,.2) 0px 1px 0px 0px;*/
/*color: #FFF*/
color: #999999;
-webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 2px 0px;
-moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 2px 0px;
box-shadow: rgba(0,0,0,0.3) 0px 1px 2px 0px;
}


/*DIV um Tags auf Startseite*/
.tags {
margin: 0px 10px 0px 10px;
}
















/*Videoabspielbutton - verwendet????*/
/*.play {
width: 50px;
height: 50px;
background: rgba(0,0,0,.4);
border: none;
border-radius: 100%;
margin: auto;
cursor: pointer;
}
.play::after {
content: '';
display: inline-block;
position: relative;
top: 1px;
left: 3px;
border-style: solid;
border-width: 10px 0 10px 20px;
border-color: transparent transparent transparent white;
}*/




/*Zwischen-Headline*/
/*.h2 {
color: #282828;
font-family: Arial, Geneva, sans-serif;
font-size: 30px;
line-height: 30px;
font-weight: bold;
letter-spacing: -1px;
padding: 8px 0px 8px 0px;
display: block;
}*/


 /*Text*/
/*.h4text {
color: #282828;
font-family: Arial, Geneva, sans-serif;
font-size: 14px;
line-height: 17px;
padding: 0px 150px 0px 100px;
margin: 0px;
}*/








/* Verwendung: </p><ul><li></li></ul><p> */
article ul { /* ungeordnete Listen */
color: #333333; /*#ABA9A9*/
font-family: 'roboto', Arial, Geneva, sans-serif;
font-size: 16px;
line-height: 22px;



/*padding: 0px 0px 0px 20px;
margin: 0px auto;
width: 430px;
margin-top: -30px;*/


padding: 0px 0px 0px 40px;
margin: -10px 0px 50px 20px; /* Abstand unten und Einrückung des Punktes */


list-style-type: disc; /*circle, square, disc*/
}

article li { /* ungeordnete Listen */
padding: 3px 0px 0px 0px;
}


/* Verwendung: <span class="ul"></span> */
.ul {
display: list-item;
margin: 0px 0px 0px 20px; /* Einrückung des Punktes */
padding: 10px 10px 10px 0px; /* Abstand um text */
}





.suchpaging {
margin: 0px 0px 20px 10px;
font-family: 'robotobold', Arial, Geneva, sans-serif;
color: #333333;
font-size: 16px;
line-height: 30px;
white-space: nowrap;
vertical-align: middle;
}














.websitesuche2
{
padding: 0px 0px 0px 10px;
/*margin: 0px auto;
width: 450px;*/
margin-bottom: 140px;
}


/* Anzeigenkennzeichner Spalte A */
/*.kennzeichner {
text-align: right;
color: #CCCCCC;
font-family: Arial, Geneva, sans-serif;
font-size: 10px;
line-height: 10px;
padding: 0px 14px 2px 0px;
margin: 0px;
width: 100%
}*/
/* Anzeigenkennzeichner Spalte B */
/*.kennzeichner2 { 
text-align: right;
color: #888;
font-family: Arial, Geneva, sans-serif;
font-size: 10px;
line-height: 10px;
padding: 6px 3px 2px 0px;
margin: 0px auto;
width: 300px;
}*/
/* Anzeigenkennzeichner Infobox */
/*.kennzeichner3 { 
position: absolute;
top: 2px;
right: 3px;
display: inline-block;
padding: 2px 5px 3px 5px;
font-family: Arial, Geneva, sans-serif;
font-size: 10px;
line-height: 10px;
color: #777;

}*/
 /* Anzeigenkennzeichner Adressen */
/*.kennzeichner4 {
position: absolute;
top: 15px;
right: 12px; 
display: inline-block;
padding: 2px 7px 3px 7px;
font-family: Arial, Geneva, sans-serif;
font-size: 10px;
line-height: 10px;
color: #CCCCCC;
border: 1px solid #E6E6E5;
}*/





#paging_next {
position: relative;
left: 10px;
background-color:#FFFFFF;
padding: 9px 5px 2px 9px;
display: inline-block;
min-height: 19px;
border-width: 0px;
-webkit-border-top-left-radius:3px;
	-moz-border-top-left-radius:3px;
	border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
	border-left:1px solid #FFF;
	-webkit-box-shadow:rgba(0,0,0,0.2) 0px 1px 3px 0px;
	-moz-box-shadow:rgba(0,0,0,0.2) 0px 1px 3px 0px;
	box-shadow:rgba(0,0,0,0.2) 0px 1px 3px 0px;
	margin-bottom: 3px; /*Schatten wird sonst abgeschnitten, wenn letztes Element auf Seite (Tricks A-Z)*/
}


#paging_back {
position:relative;
left: 25px;
background-color:#FFFFFF;
padding: 9px 9px 2px 5px;
display: inline-block;
min-height: 19px;
border-width: 0px;
-webkit-border-top-right-radius:3px;
		-moz-border-top-right-radius:3px;
		border-top-right-radius:3px;
		-webkit-border-bottom-right-radius:3px;
		-moz-border-bottom-right-radius:3px;
		border-bottom-right-radius:3px;
		-webkit-box-shadow:rgba(0,0,0,.2) 0px 1px 3px 0px;
		-moz-box-shadow:rgba(0,0,0,.2) 0px 1px 3px 0px;
		box-shadow:rgba(0,0,0,.2) 0px 1px 3px 0px;
		margin-bottom: 3px; /*Schatten wird sonst abgeschnitten, wenn letztes Element auf Seite (Tricks A-Z)*/
}

/*Schaltet den Link-Button für die Desktop Vesion ein/aus*/
#desktop_version
{
visibility: visible;
}
#mobil_version
{
visibility: hidden;
}

#footerlayer { /* gesamte Browserbreite */
margin: 0px auto;
background-color: rgba(0,0,0,0.06);
/* kein Schatten nach innen (gelöscht) + Schatten nach außen (für Seite mit geringer Höhe) */
-webkit-box-shadow: inset rgba(0,0,0,0.2) 0 1px 2px, rgba(0,0,0,0.3) 0px 1px 2px;/* Schatten nach innen + Schatten nach außen (für Seite mit geringer Höhe) */
-moz-box-shadow: inset rgba(0,0,0,0.2) 0 1px 2px, rgba(0,0,0,0.3) 0px 1px 2px;
box-shadow: inset rgba(0,0,0,0.2) 0 1px 2px, rgba(0,0,0,0.3) 0px 1px 2px;
}

footer { /* Infos im Footer */
margin: 0px auto;
padding: 30px 10px 40px 10px;
width: 460px;
font-family: 'roboto', Arial, Geneva, sans-serif;
font-size: 12px;
line-height: 16px;
color: #666666;
}
footer a:link, footer a:visited {
color: #999999;
text-decoration: none;
}	
footer a:hover, footer a:active, footer a:focus {
color: #999999;
text-decoration: underline;
}

.footerlink {
background: rgba(255,255,255,0.2);
padding: 4px 8px 4px 8px;
margin: 0px 2px 0px 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px 0px;
-moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px 0px;
box-shadow: rgba(0,0,0,0.15) 0px 1px 2px 0px;
font-family: 'robotobold', Arial, Geneva, sans-serif;
font-size: 12px;
line-height: 30px;
white-space: nowrap;
}
.footerlink:link, .footerlink:visited {
/*-*/
}
.footerlink:hover, .footerlink:active .footerlink:focus {
-webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 2px 0px;
-moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 2px 0px;
box-shadow: rgba(0,0,0,0.3) 0px 1px 2px 0px;
}