@media all {
* {margin:0; padding:0; border: 0; box-sizing: border-box;}
img {border:0; width:100%; height:auto;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, main 
{font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, address, aside, details, main, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}

html, body {width: 100%; height:100%; hyphens:auto;}

body {background:#e29212; font:normal 1.0em/1.5em 'Open Sans', sans-serif, Arial, Verdana, Helvetic; font-weight:300; color:#000;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Allgemein ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h1 {font-size:250%; line-height:1.1em; text-transform:uppercase; letter-spacing:0.1em; margin:0 0 7px 0; color:#f49800; text-align:center;}
h2 {font-size:160%; line-height:1.4em; margin:7px 0; }
h3 {font-size:120%; line-height:1.6em; margin:7px 0;color:#4b4b4b; }
h4 {font-size:100%; line-height:1.1em; margin:15px 0 7px 0; font-weight:600;}
p {margin-block-start:0; margin-block-end:0;}
.bodydiv h1 {text-align:left;}

h1:first-child {margin:30px 0;}

body.route1 h1, #menu ul li ul li.route1 a {color:#00b1eb;}
body.route2 h1 {color:#fabc48;}
body.route3 h1 {color:#78b832;}
body.route4 h1 {color:#e85221;}
body.route5 h1 {color:#007091;}
body.route6 h1 {color:#c46aa6;}

/* ~~~ "Links" ~~~*/
a, a:link, a:visited {text-decoration:none; color:#ec7204; }
a:hover, a:focus, a:active {text-decoration:underline;  }

/* ~~~ Zusammengefasste allgemeine Definitionen   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* ~~~ Schrift Oswald  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1, h2, h3, #footer-menu, #menu ul li a, #icon-wrapper {font-family: 'Oswald', Arial, Verdana, sans-serif; letter-spacing:0.05em; }
/* ~~~ Schrift Open Sans  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#menu ul li ul li a, .box h2 {font-family:'Open Sans', sans-serif, Arial, Verdana, Helvetic;}

strong, b {font-weight:600;}
em {font-style:italic;}

.blocksatz {text-align:justify;}
.zentriert {text-align:center; }

/* ~~~ Zusammengefasste allgemeine Definitionen   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* ~~~ FLEX-Boxen  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~ row nowrap ~~~ */
#header-oben, #radlhit-titel, #menu ul, #menu-smart #but-cont, #pfeil-nach-oben, #testwrapper {display:flex; flex-flow:row nowrap;}
/* ~~~ row wrap ~~~ */
#footer-menu ul, #header-unten, .listen-cont {display:flex; flex-flow:row wrap; }
/* ~~~ column ~~~ */
#xxx {display:flex; flex-flow:column; }
/* ~~~ justify-content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~ flex-start ~~~ */
#logo-illu {justify-content:flex-start; }
/* ~~~ flex-end ~~~ */
#xxx {justify-content:flex-end; }
/* ~~~ center ~~~ */
#header-oben, #header-unten, #menu-smart #but-cont, #radlhit-titel, #menu ul, #footer-menu ul, #pfeil-nach-oben, #testwrapper {justify-content:center; }
/* ~~~ space-between ~~~ */
.listen-cont {justify-content:space-between; }
/* ~~~ space-evenly ~~~ */
#xxx {justify-content:space-evenly; }
/* ~~~ align-items  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~ flex-start ~~~ */
#xxx {align-items:flex-start; }
/* ~~~ flex-end ~~~ */
#xxx {align-items:flex-end; }
/* ~~~ flex-center ~~~ */
#menu-cont, #menu-smart #but-cont, #pfeil-nach-oben {align-items:center; }
/* ~~~ strech ~~~ */
.xxx {align-items:stretch; }

/* ~~~ Breite + Position + Eigenschaften ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~ Breite max 1240px ~~~*/
#menu-cont, #content-wrapper {max-width:1240px; margin:0 auto;}
/* ~~~ Breite 100% ~~~*/
header, #header-oben, #desktop-navi-back, main, #kartenwrapper, #content-wrapper, #content, .bannerbild, footer, #pfeil-nach-oben, .beitrag-standard .bild.ganze-breite, hr, form-field table, .flex-control-nav, .buorg, .teilnahme-beitrag {width:100%;} 
/* ~~~ Position "relative" ~~~*/
#header-unten, #radlhit-titel, #menu-smart #but-cont, #menu, #menu ul, #menu ul li, #menu ul li ul li ul, #kartenwrapper, #home-map, #routenauswahl, .box, .beitrag-standard, .box figure, .beitrag-standard .bild, .beitrag-standard .bild figure, .alsListe, .beitrag-standard figcaption p,  input[type='checkbox'] + label,input[type='radio'] + label, input, select, textarea, .teilnahme-balken {position:relative;}
/* ~~~ Position "absolute" ~~~*/
#logo-illu, #search-wrapper, #search-toggle a, #search-toggle a:link, #search-field, #menu-smart, #menu-smart .but, #menu-smart .but span.menu1, #menu-smart .but span.menu2, #menu-smart .but span.menu3, p.mehrlink a, p.mehrlink a:link, #menu ul li ul, #desktop-navi-back, .routenkreis1, .routenkreis2, .routenkreis3, .routenkreis4, .routenkreis5, .routenkreis6, .figure-copyright {position:absolute;}
/* ~~~ "overflow:hidden" ~~~*/
#menu-smart #but-cont, #radlhit-titel, #radlhit-titel figure, #routenauswahl, #home-map, main, .box, .box figure, #close-wrapper, .alsListe {overflow:hidden;}
/* ~~~ "display:block" ~~~*/
#menu ul li ul li a, #menu-smart, #menu-smart .but span.menu1, #menu-smart .but span.menu2, #menu-smart .but span.menu3, #close-wrapper a, #close-wrapper a:link, #logo-illu figure a, #logo-illu figure a:link {display:block;}
/* ~~~ "text-decoration:none" ~~~*/
#menu ul li a:hover, #menu ul li.akt a:hover, #menu ul li ul li a:hover, #menu ul li a:focus, #menu ul li.akt a:focus, #menu ul li a:active, #menu ul li.akt a:active, #menu ul li ul li a:hover,  #menu ul li ul li a:hover, #menu ul li.akt ul li a:hover, #menu ul li ul li ul li a:hover, #menu ul li.akt ul li.akt ul li a:hover, #menu ul li.akt ul li.akt ul li a:focus {text-decoration:none; }
/* ~~~ "text-transform:none" ~~~*/
#xxx {text-transform:none;}
/* ~~~ "transition:all 0.5s ease" ~~~*/
#search-toggle a, #search-toggle a:link, #search-toggle a:focus, #search-toggle a:hover, #pfeil-nach-oben a, #pfeil-nach-oben a:link, #pfeil-nach-oben a:hover, #pfeil-nach-oben a:focus, #menu-smart #but-cont  {transition:all 0.5s ease;}
/* ~~~ "white-space:nowrap" ~~~*/
.umbruch, #menu ul li a, #menu ul li a:link {white-space:nowrap;}
/* ~~~ "cursor:pointer" ~~~*/
.searchbut, #search-toggle, #radlhit-titel figure a, #logo-illu figure a, #menu ul li a:hover, #menu ul li a:focus, #menu ul li.akt a, #mobilp-menu ul li.akt a:hover, #menu ul li.akt a:focus, #menu ul li ul li a, #menu ul li ul li a:link, #menu ul li.akt ul li a, #menu ul li.akt ul li a:link, #menu ul li.akt ul li a, #menu ul li.akt ul li a:link {cursor:pointer;}
/* ~~~ "Hintergrund WEISS" ~~~*/
header, #header-oben, main, #kartenwrapper {background:#fff;}
/* ~~~ "Schriftfarbe ROT" ~~~*/
#xxx {color:#d81012; }
/* ~~~ "Schriftfarbe Orange" ~~~*/
.submit:hover, #menu-smart #but-cont a:hover, #menu-smart #but-cont a:focus {background:#ec691f;}
/* ~~~ "Hintergrund SCHWARZ" ~~~*/
#menu-smart #but-cont a, #menu-smart #but-cont a:link {background:#000;}
/* ~~~ "border-zu Testzwecken ~~~*/
#xxx {border:1px solid #000;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* ~~~~~~~~~~~~ Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#header-oben {max-height:80px;}
	.header-logo img {max-height:80px; margin:0;width:auto;}
#header-unten {background-image: linear-gradient(#f8ae26, #fcc835 50%, #ffe08c); z-index:1000; padding-bottom:10px; height:140px; }
body.home #header-unten, body.route1.karte #header-unten, body.route2.karte #header-unten, body.route3.karte #header-unten, body.route4.karte #header-unten, body.route5.karte #header-unten, body.route6.karte #header-unten {box-shadow:rgba(0,0,0,0.3) 0px 7px 10px 3px;}
body.home h1, body.route1.karte h1, body.route2.karte h1, body.route3.karte h1, body.route4.karte h1, body.route5.karte h1, body.route6.karte h1 {margin:0 0 15px 0;}
	/* ~~~ Logo-ILLU ~~~~~~~~~~~~~~~~~ */
	#logo-illu {width:25%; left:0; bottom:-6px;}
		#logo-illu figure {max-width:500px; vertical-align:bottom;}
		#logo-illu figure a {width:100%; height:auto; display:block;}
	/* ~~~ Titel ~~~~~~~~~~~~~~~~~ */
	#radlhit-titel {width:580px; margin:15px 0;}
		#radlhit-titel figure {width:100%; height:auto;}
		#radlhit-titel figure a, #radlhit-titel figure a:link {width:100%; display:block;}	
	#logo-illu figure a, #logo-illu figure a:link, #logo-illu figure a:hover, #logo-illu figure a, #logo-illu figure a:link, #logo-illu figure a:hover {background:none;}	
/* ~~~ Lupe~~~ */
#search-wrapper {top:25px; right:3%; width:50px; height:50px; z-index:2000;}
		
/* ~~~ Button-Suche-Einblender~~~ */	
#search-toggle {width:50px; height:50px; right:0; top:5px; }
	#search-toggle a, #search-toggle a:link {width:40px; height:40px; background:url(../images/lupe.svg) 0 0 no-repeat; background-size:cover;}
	#search-toggle a:focus, #search-toggle a:hover {background:url(../images/lupea.svg) 0 0 no-repeat; background-size:cover;}
	.searchbut {height:auto; vertical-align:middle;}
	/* ~~~ eingeblendetes Suchefeld~~~ */
	#search-field {display:none; right:0px; top:115px; z-index:2000; width:320px; height:auto; padding:30px 10px 30px 30px; border:5px solid #fbe08e; border-top:none; background:#fff; box-shadow:rgba(0,0,0,0.4) 0px 7px 7px 3px;}
		#suchediv {width:320px;}
		#suchstr, #volltextsuche {display:inline-block; width:200px; height:35px; color:#000; font-size:90%; padding:0 5px; vertical-align:middle; border: 1px solid #fff; }
		#gobutton, #suchbutton {width:40px; margin-left:10px; padding:0; border:none; box-shadow:none; vertical-align:top; background:none;}
		#suchbutton {margin-top:10px;}	
		#volltextsuche {margin:10px 0 0 7px; font-size:100%;}
	
/* ~~~~~~~~~~~~ MENU ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#main-menu {width:100%; font-size:125%; line-height:100%; margin:10px 0;}
/* ~~~ Menu Container ~~~~~~ */
#menu-cont {height:auto; margin:0 auto; }
/* ~~~ Hamburger ~~~ */
#menu-smart {display:none;}

/* ~~~ Menu Container ~~~ */
#menu {width:100%; }
/* ~~~ Menu Container Mobil 
#menu {background:rgba(255,255,255,0.95); box-shadow:rgba(0,0,0,0.7) 0px 0px 30px 7px; z-index:5000; padding:93px 10px 40px 10px;} ~~~ */

/* ~~~ Menu 1. Ebene ~~~ */
#menu ul {padding:0;}
#menu ul li a, #menu ul li a:link {padding:0.6em 15px 0.6em 0px; text-align:left; font-size:130%; color:#000;}
#menu ul li a:hover, #menu ul li.akt a, #menu ul li.akt a:hover, #menu ul li a:focus, #menu ul li.akt a, #menu ul li.akt a:focus {color:#cb6c00; background:none;}
	
	/* ~~~ Menu 1. Ebene: Pfeile ~~~ */
	#menu ul li a.menu-but::after {background:transparent url("../images/pfeil-menu-auf.svg") 0 0 no-repeat; background-size:contain; }	
	#menu ul li a.menu-pfeil::after {background:transparent url("../images/pfeil-menu-zu.svg") 0 0 no-repeat; background-size:contain; }
	/* ~~~ Menu 1. + 2. Ebene: Pfeile ~~~ */
	#menu ul li a.menu-pfeil::after, #menu ul li a.menu-but::after {content:""; position:relative; display:inline-block; width:13px; height:13px; margin-left:4px; margin-bottom:2px;}
	#menu ul li ul li a.menu-pfeil-sub::after, #menu ul li ul li a.menu-but-sub::after {content:""; position:relative; display:inline-block; width:13px; height:13px; margin-left:7px; margin-bottom:0px;}

/* ~~~ Menu 2. Ebene ~~~ */
#menu ul li ul {display:none; top:38px; left:-73px; background:#fff; border:5px solid #fbe08e; border-top:none; padding:20px 60px 40px 60px; box-shadow:rgba(0,0,0,0.4) 0px 7px 7px 3px;}
#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li.akt ul li a, #menu ul li.akt ul li a:link {padding:10px; white-space:no-wrap; color:#000; font-weight:300; font-size:100%; }
#menu ul li ul li a:hover, #menu ul li.akt ul li a:hover, #menu ul li ul li a:focus, #menu ul li.akt ul li a:focus, #menu ul li.akt ul li.akt a, #menu ul li.akt ul li.akt a:link, #menu ul li.akt ul li.akt a, #menu ul li.akt ul li.akt a:link {color:#ea5b0c; background:none;}
	/* ~~~ Menu 2. Ebene: Pfeile ~~~ */
	#menu ul li ul li a.menu-but-sub::after {background:transparent url("../images/pfeil-menu-zu-sub.svg") 0 0 no-repeat; background-size:contain; }
	#menu ul li ul li a.menu-pfeil-sub::after {background:transparent url("../images/pfeil-menu-auf-sub.svg") 0 0 no-repeat; background-size:contain; }
	
#menu ul li ul li.route1 a, #menu ul li.akt ul li.route1 a, #menu ul li.akt ul li.akt.route1 a, #menu ul li.akt ul li.akt.route1 a {color:#40b1ea; font-weight:600;}
#menu ul li ul li.route2 a, #menu ul li.akt ul li.route2 a, #menu ul li.akt ul li.akt.route2 a, #menu ul li.akt ul li.akt.route2 a {color:#f6c31b; font-weight:600;}
#menu ul li ul li.route3 a, #menu ul li.akt ul li.route3 a, #menu ul li.akt ul li.akt.route3 a, #menu ul li.akt ul li.akt.route3 a {color:#7fb734; font-weight:600;}
#menu ul li ul li.route4 a, #menu ul li.akt ul li.route4 a, #menu ul li.akt ul li.akt.route4 a, #menu ul li.akt ul li.akt.route4 a {color:#e85221; font-weight:600;}
#menu ul li ul li.route5 a, #menu ul li.akt ul li.route5 a, #menu ul li.akt ul li.akt.route5 a, #menu ul li.akt ul li.akt.route5 a {color:#007091; font-weight:600;}
#menu ul li ul li.route6 a, #menu ul li.akt ul li.route6 a, #menu ul li.akt ul li.akt.route6 a, #menu ul li.akt ul li.akt.route6 a {color:#c46aa6; font-weight:600;}  

#menu ul li ul li.route1 a:hover, #menu ul li ul li.route1 a:focus, #menu ul li.akt ul li.route1 a:hover, #menu ul li.akt ul li.route1 a:focus,
#menu ul li ul li.route2 a:hover, #menu ul li ul li.route2 a:focus, #menu ul li.akt ul li.route2 a:hover, #menu ul li.akt ul li.route2 a:focus, 
#menu ul li ul li.route3 a:hover, #menu ul li ul li.route3 a:focus, #menu ul li.akt ul li.route3 a:hover, #menu ul li.akt ul li.route3 a:focus,
#menu ul li ul li.route4 a:hover, #menu ul li ul li.route4 a:focus, #menu ul li.akt ul li.route4 a:hover, #menu ul li.akt ul li.route4 a:focus,
#menu ul li ul li.route5 a:hover, #menu ul li ul li.route5 a:focus, #menu ul li.akt ul li.route5 a:hover, #menu ul li.akt ul li.route5 a:focus,
#menu ul li ul li.route6 a:hover, #menu ul li ul li.route6 a:focus, #menu ul li.akt ul li.route6 a:hover, #menu ul li.akt ul li.route6 a:focus {color:#000; }
	
/* ~~~ Menu 3. Ebene ~~~ */
#menu ul li ul li ul, #menu ul li.akt ul li ul {display:none; top:5px; left:0; border:none; border-top:1px solid #cecece; border-bottom:1px solid #cecece; box-shadow:none; padding:7px 0;}
#menu ul li.akt ul li ul {display:none;}
#menu ul li.akt ul li.akt ul {display:block;}
#menu ul li ul li ul li a, #menu ul li ul li ul li a:link, #menu ul li.akt ul li.akt ul li a, #menu ul li.akt ul li.akt ul li a:link {font-weight:normal; padding:7px 0em 7px 25px; color:#af750d;}
#menu ul li.akt ul li.akt ul li a::before {content: "";}
#menu ul li ul li ul li a:hover, #menu ul li.akt ul li.akt ul li a:hover, #menu ul li.akt ul li.akt ul li a:focus, #menu ul li.akt ul li.akt ul li.akt a,#menu ul li.akt ul li.akt ul li.akt a:link {color:#ea5b0c; background:none; }

#menu ul li ul li.route1 ul li a, #menu ul li ul li.route1 ul li a:link, #menu ul li.akt ul li.akt.route1 ul li a, #menu ul li.akt ul li.akt.route1 ul li a:link {color:#009ad0; font-weight:normal; padding:7px 0em 7px 25px;}
#menu ul li ul li.route2 ul li a, #menu ul li ul li.route2 ul li a:link, #menu ul li.akt ul li.akt.route2 ul li a, #menu ul li.akt ul li.akt.route2 ul li a:link{color:#e6a500; font-weight:normal; padding:7px 0em 7px 25px;}
#menu ul li ul li.route3 ul li a, #menu ul li ul li.route3 ul li a:link, #menu ul li.akt ul li.akt.route3 ul li a, #menu ul li.akt ul li.akt.route3 ul li a:link {color:#57a52f; font-weight:normal; padding:7px 0em 7px 25px;}
#menu ul li ul li.route4 ul li a, #menu ul li ul li.route4 ul li a:link, #menu ul li.akt ul li.akt.route4 ul li a, #menu ul li.akt ul li.akt.route4 ul li a:link {color:#e85221; font-weight:normal; padding:7px 0em 7px 25px;}
#menu ul li ul li.route5 ul li a, #menu ul li ul li.route5 ul li a:link, #menu ul li.akt ul li.akt.route5 ul li a, #menu ul li.akt ul li.akt.route5 ul li a:link {color:#007091; font-weight:normal; padding:7px 0em 7px 25px;}
#menu ul li ul li.route6 ul li a, #menu ul li ul li.route6 ul li a:link, #menu ul li.akt ul li.akt.route6 ul li a, #menu ul li.akt ul li.akt.route6 ul li a:link {color:#c46aa6; font-weight:normal; padding:7px 0em 7px 25px;} 

#menu ul li.akt ul li.route1.akt ul li a:hover, #menu ul li.akt ul li.route1.akt ul li a:focus, #menu ul li.akt ul li.route1.akt ul li a:active, #menu ul li.akt ul li.route1.akt ul li.akt a, #menu ul li.akt ul li.route1.akt ul li.akt a:link,
#menu ul li.akt ul li.route2.akt ul li a:hover, #menu ul li.akt ul li.route2.akt ul li a:focus, #menu ul li.akt ul li.route2.akt ul li a:active, #menu ul li.akt ul li.route2.akt ul li.akt a, #menu ul li.akt ul li.route1.akt ul li.akt a:link,
#menu ul li.akt ul li.route3.akt ul li a:hover, #menu ul li.akt ul li.route3.akt ul li a:focus, #menu ul li.akt ul li.route3.akt ul li a:active, #menu ul li.akt ul li.route3.akt ul li.akt a, #menu ul li.akt ul li.route1.akt ul li.akt a:link,
#menu ul li.akt ul li.route4.akt ul li a:hover, #menu ul li.akt ul li.route4.akt ul li a:focus, #menu ul li.akt ul li.route4.akt ul li a:active, #menu ul li.akt ul li.route4.akt ul li.akt a, #menu ul li.akt ul li.route4.akt ul li.akt a:link,
#menu ul li.akt ul li.route5.akt ul li a:hover, #menu ul li.akt ul li.route5.akt ul li a:focus, #menu ul li.akt ul li.route5.akt ul li a:active, #menu ul li.akt ul li.route5.akt ul li.akt a, #menu ul li.akt ul li.route5.akt ul li.akt a:link,
#menu ul li.akt ul li.route6.akt ul li a:hover, #menu ul li.akt ul li.route6.akt ul li a:focus, #menu ul li.akt ul li.route6.akt ul li a:active, #menu ul li.akt ul li.route6.akt ul li.akt a, #menu ul li.akt ul li.route6.akt ul li.akt a:link {color:#000;} 
	
/* ~~~ Abdeckung  ~~~ */
#abdeckung {display:none; position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background: rgba(255,255,255,0.0);} 
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
/* ~~~ Bereich "main" >  Beiträge  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
main {z-index:1;}

/* ~~~ Rahmen für Karten  + Radfahrer unten links~~~*/
#kartenwrapper {height:700px; z-index:1; border-top:2px solid #e29212; border-bottom:3px solid #e29212; }
	body.route1 #kartenwrapper {border-bottom:3px solid #00b1eb;}
	body.route2 #kartenwrapper {border-bottom:3px solid #fabc48;}
	body.route3 #kartenwrapper {border-bottom:3px solid #78b832;}
	body.route4 #kartenwrapper {border-bottom:3px solid #e85221;}
	body.route5 #kartenwrapper {border-bottom:3px solid #007091;}
	body.route6 #kartenwrapper {border-bottom:3px solid #c46aa6;}
	/* ~~~ Rahmen für Googlekarte~~~*/
	#map {height:100%; width:100%;}
	/* ~~~ Rahmen für Landkarte Home~~~*/
body.home #kartenwrapper {height:400px; z-index:10; }
	#home-map {display:table; width:100%; height:400px; background:url(../images/home-map.svg) center center no-repeat; background-size:cover; z-index:7; }	
		#routenauswahl {height:400px; width:473px; padding-left:0; margin:0 auto; z-index:8;}
	#home-map, #map {box-shadow:rgba(0,0,0,0.3) 0px -5px 10px 3px inset;}
		.routenkreis1, .routenkreis2, .routenkreis3, .routenkreis4, .routenkreis5, .routenkreis6 {display:none;}
		.routenkreis1 {background:url(../images/home-r1.svg) 0 0 no-repeat; background-size:cover;}
		.routenkreis2 {background:url(../images/home-r2.svg) 0 0 no-repeat; background-size:cover;}
		.routenkreis3 {background:url(../images/home-r3.svg) 0 0 no-repeat; background-size:cover;}
		.routenkreis4 {background:url(../images/home-r4.svg) 0 0 no-repeat; background-size:cover;}
		.routenkreis5 {background:url(../images/home-r5.svg) 0 0 no-repeat; background-size:cover;}
		.routenkreis6 {background:url(../images/home-r6.svg) 0 0 no-repeat; background-size:cover;}
	
	/* ~~~ Radfahrer unten links~~~*/
	#radlfahrer {position:absolute; left:2%; bottom:-43px; z-index:10; width:279px; height:214px; background:transparent url("../images/radlfahrer-r.svg") 0 0 no-repeat; background-size:contain; }
	body.route1 #radlfahrer {background:transparent url("../images/radlfahrer-r1.svg") 0 0 no-repeat; background-size:contain;}
	body.route2 #radlfahrer {background:transparent url("../images/radlfahrer-r2.svg") 0 0 no-repeat; background-size:contain;}
	body.route3 #radlfahrer {background:transparent url("../images/radlfahrer-r3.svg") 0 0 no-repeat; background-size:contain;}
	body.route4 #radlfahrer {background:transparent url("../images/radlfahrer-r4.svg") 0 0 no-repeat; background-size:contain;}
	body.route5 #radlfahrer {background:transparent url("../images/radlfahrer-r5.svg") 0 0 no-repeat; background-size:contain;}
	body.route6 #radlfahrer {background:transparent url("../images/radlfahrer-r6.svg") 0 0 no-repeat; background-size:contain;}

/* ~~~ Popup für Highlight, Bonus etc~~~*/	
#popupwindow {display:none; position:absolute; top:170px; left:30%; z-index:10000; width:40%; min-height:300px; margin-bottom:30px; background-color:#fff; box-shadow:rgba(0,0,0,0.4) 0px 7px 7px 7px;}
	#popupwindow-innen {width:100%; height:100; position:relative; padding:40px 20px 20px 20px; }
		#icon-wrapper {position:absolute; top:10px; left:10px; width:40px; height:40px;}
			#popupwindow-innen #icon-wrapper {height:40px;}
			#popupwindow-innen #icon-wrapper::after {content:" "; display:inline-block; position:relative; width:100px; height:20px; margin:7px 0 0 45px; font-size:18px;}
			/* ~~~ Popup Highlight~~~*/
			#popupwindow-innen.highlight #icon-wrapper {height:40px; background:transparent url("../images/icon-highlight.svg") 0 0 no-repeat; background-size:contain;}
			#popupwindow-innen.highlight #icon-wrapper::after {content:"Highlight"; color:#0065a8;}
			/* ~~~ Popup Bonus~~~*/
			#popupwindow-innen.bonus #icon-wrapper {background:transparent url("../images/icon-bonus.svg") 0 0 no-repeat; background-size:contain;}
			#popupwindow-innen.bonus #icon-wrapper::after {content:"Bonusfrage"; color:#009645;}
			/* ~~~ Popup Bonus~~~*/
			#popupwindow-innen.risiko #icon-wrapper {background:transparent url("../images/icon-risiko.svg") 0 0 no-repeat; background-size:contain;}
			#popupwindow-innen.risiko #icon-wrapper::after {content:"Risikofrage"; color:#e31d24;}
			/* ~~~ Popup Bonus~~~*/
			#popupwindow-innen.zufall #icon-wrapper {background:transparent url("../images/icon-zufall.svg") 0 0 no-repeat; background-size:contain;}
			#popupwindow-innen.zufall #icon-wrapper::after {content:"Zufallsfrage"; color:#000;}
		
		#close-wrapper {position:absolute; top:10px; right:10px; width:40px; height:40px; color:#ec7204; border-radius:50%;}
		#close-wrapper a, #close-wrapper a:link  {width:100%; height:100%; background:#000; transition: all 0.5s ease;}
		#close-wrapper a:hover, #close-wrapper a:focus {background:#ec7204; transition: all 0.5s ease;}
		
		/* ~~~ Nur für den Entwurf !!!!!!~~~*/
		#testwrapper {width:100%}
			.testbutton {width:25px; height:25px; margin-bottom:10px;}
			
/* ~~~ teilnehmende Schulklassen mit Fortschritsbalken ~~~*/	
#teilnahme-wrapper {padding:10px 10% 20px 10%;}
	.teilnahme-beitrag {margin-bottom:20px;}
		.teilnahme-beitrag p {margin:3px 0 0 5px; font-style:italic;}
			.teilnahme-beitrag p a, .teilnahme-beitrag p a:link {font-weight:600; font-style:normal;}
		.teilnahme-rahmen {width:100%; padding:1px; border:1px solid #dadada;}
			.teilnahme-balken {width:0.2%; height:20px;}
		/* ~~~ Normalwert Farbe ~~~*/
			body.route1 .teilnahme-balken {background:#99e0f7;}
			body.route2 .teilnahme-balken {background:#fde4b6;}
			body.route3 .teilnahme-balken {background:#c9e3ad;}
			body.route4 .teilnahme-balken {background:#f6baa6;}
			body.route5 .teilnahme-balken {background:#99c6d3;}
			body.route6 .teilnahme-balken {background:#e7c3db;}
		/* ~~~ Endwert 100% = angekommen im Ziel ~~~*/
			body.route1 .teilnahme-balken.angekommen {background:#00b1eb;}
			body.route2 .teilnahme-balken.angekommen {background:#fabc48;}
			body.route3 .teilnahme-balken.angekommen {background:#78b832;}
			body.route4 .teilnahme-balken.angekommen {background:#e85221;}
			body.route5 .teilnahme-balken.angekommen {background:#007091;}
			body.route6 .teilnahme-balken.angekommen {background:#c46aa6;}
		/* ~~~ Kleiner Radfahrer über Balken ~~~*/
		.teilnahme-balken::after {content:" "; position:absolute; bottom:22px; right:-10px; z-index:100; width:20px; height:20px;}
		.teilnahme-balken.angekommen::after {right:0px;}
			body.route1 .teilnahme-balken::after {background:transparent url("../images/rad-balken-r1.svg") 0 0 no-repeat; background-size:contain;}
			body.route2 .teilnahme-balken::after {background:transparent url("../images/rad-balken-r2.svg") 0 0 no-repeat; background-size:contain;}
			body.route3 .teilnahme-balken::after {background:transparent url("../images/rad-balken-r3.svg") 0 0 no-repeat; background-size:contain;}
			body.route4 .teilnahme-balken::after {background:transparent url("../images/rad-balken-r4.svg") 0 0 no-repeat; background-size:contain;}
			body.route5 .teilnahme-balken::after {background:transparent url("../images/rad-balken-r5.svg") 0 0 no-repeat; background-size:contain;}
			body.route6 .teilnahme-balken::after {background:transparent url("../images/rad-balken-r6.svg") 0 0 no-repeat; background-size:contain;}
			
/* ~~~ "conten-wrapper" = Rahmen für "content"  + "Container für Beiträge" > Definition siehe oben Zeile 71 + 73 ~~~~~~~~~~~~~~~~~~~~*/
	
/* ~~~ Beitrag Standard allgemein~~~*/
.beitrag-standard li {margin:0 0 7px 0; }
.beitrag-standard li {line-height:120%; }
/* ~~~ Bilder ~~~*/
.beitrag-standard .bild {width:48%; margin:0  0 7px 0;}
.beitrag-standard .bild.ganze-breite {width:100%; margin:0 0 7px 0;}
.beitrag-standard .bild.links {float:left; margin-right:15px;}
.beitrag-standard .bild.hochformat {width:30%;}
.beitrag-standard .bild.rechts {float:right; margin-left:15px;}
.beitrag-standard figcaption p {margin:0 0 10px 0; font-size:90%; line-height:120%; }

/* ~~~ Table ~~~*/
.beitrag-standard table {margin:15px 0; padding:15px 0; }
.beitrag-standard td, .beitrag-standard th {width:auto;  padding: 0.25em; text-align: left; vertical-align:top;}
	.beitrag-standard th {margin:7px 0 7px 0; padding:10px 7px 10px 7px; border:none; } 

hr {border:0; border-bottom:2px dotted #f49800; margin:15px 0 10px 0; }
sup {vertical-align: 20%; font-size:80%}

/* ~~~ beitrag Detailansicht ~~~*/
.alsDetail {padding:10px 10% 20px 10%;}	

.alsDetail ul, .alsDetail ol {margin:5px 0 10px 0;}
.alsDetail ul li {background:transparent url('../images/bullet.svg') 0px 8px no-repeat; text-indent:0; padding-left:1em; margin-bottom:0.3em; line-height:1.5em;}
.alsDetail ol li {background:none; text-indent:-1.1em; padding-left:1.1em; margin-bottom:0.3em; list-style:inside decimal; line-height:1.5em;}
/* ~~~.alsDetail {border-top:3px dotted #cb2123;}~~~*/
.alsDetail:first-child {border-top:none;}

/* ~~~ Einleitung zentriert ~~~*/
.intro, .bodydiv {margin-bottom:10px; display:block; float:none; clear:both;}
	
.alsDetail ul.linkliste {list-style:none;}
.alsDetail ul.linkliste li:first-child {border-top:2px dotted #c1c1c1;}
.alsDetail ul.linkliste li {background:none; padding-left:0; margin:0; padding:10px 0 10px 22px; list-style:none; }
.alsDetail ul.linkliste li {background:transparent url("../images/pfeil-linkliste.svg") 0 12px no-repeat; background-size: 15px;}

.einleitung {text-align:center;}

/* ~~~ Listen Beiträge ~~~~~~~~~~~~~~~*/
.alsListe {text-align:left; padding:20px 10% 20px 10%; border-top:1px dotted #9A9A9A;}
.alsListe:first-child {margin-top:20px; border-top:none;}
.alsListe a {text-decoration:none; }
.alsListe a:hover {text-decoration:none;}
.alsListe h1, .alsListe h2 {font-size:140%; line-height:1.3em; text-align:left; padding:0; margin:0;}
.alsListe p {margin:0;}
.alsListe figure {position:relative; }
.alsListe .bild {width:35%; float:left; overflow:hidden; margin:0; padding:0; border:1px solid #dadada;}
.alsListe .bild.hochformat {width:25%; float:left; overflow:hidden; margin-left:10%; padding:0;}
.alsListe .listentext {margin-left:37%; width:63%; padding:7px 5px 10px 0; }
.alsListe.ohneBild .listentext {margin-left:0; }
		
/* ~~~ Boxen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.listen-cont  {margin-top:35px; }

/* ~~~ Bild-Boxen mehrlink~~~*/
p.mehrlink a, p.mehrlink a:link {width:200%; height:100%; background:rgba(253,210,89,0.0); top:0; right:0; z-index:700; text-align:left; line-height:0; transition: all 0.5s ease;}
p.mehrlink a:hover, p.mehrlink a:focus {background:rgba(253,210,89,0.35); transition: all 0.5s ease;}

.bannerbild p.mehrlink::after, .box p.mehrlink::after {position:absolute; height:25px; width:17px; bottom:30px; right:30px; background:transparent url("../images/pfeil-menu-zu.svg") 0 0 no-repeat; background-size:17px; content:"";}
.box p.mehrlink::after {position:absolute; bottom:5px; right:5px;}

/* ~~~ Copyright bei Bildern~~~*/
.figure-copyright {z-index:500; left:0; bottom:0; font-size:85%; padding:4px 5px 3px 0; color:#000; transition: all 0.2s ease-in-out; line-height:120%; }
.figure-copyright-content {opacity:0; transition: all 0.2s ease-in-out;}
.figure-copyright:hover {background:rgba(255,255,255,0.8); color:#000;}
.figure-copyright:hover .figure-copyright-content {opacity:1;}
.figure-copyright::before {content:'© '; background:rgba(255,255,255,0.5); padding:3px 5px;}
.figure-copyright:hover::before {background:rgba(255,255,255,0.0);}
.article-mod-calendar .section-events .event .figure .figure-copyright {bottom:5px; }
.beitrag-standard .bild figure .figure-copyright {bottom:-1px; }
.alsListe figure.bild .figure-copyright {bottom:5px; }	

/* ~~~ Slider Bannerbild ~~~~~~~~~~~~~~~*/		
.bannerbild {margin-top:10px; }
	.bannerbild .teaser {position:absolute; bottom:20px; right:20px; max-width:40%; padding:15px 40px 15px 15px; background:rgba(255,255,255,0.8); font-weight:700;}
	.bannerbild .teaser h2 {padding:0 0 3px 0; margin:0; font-size:130%; }
	.bannerbild:hover .teaser h2, .bannerbild:focus .teaser h2 {color:#000;}
	
/* ~~~ Bild-Boxen hover-Effekt ~~~~~~*/	
.box figure, .alsListe figure, .quickbut figure {line-height:0;}
/* ~~~.box figure img, .alsListe figure img {transition:transform 2s cubic-bezier(.19, 1, .22, 1)0ms; }
.box:hover figure img, .box:focus figure img, .alsListe:hover figure img, .alsListe:focus figure img { -webkit-transform:scale(1.075, 1.075); transform:scale(1.075, 1.075);}~~~~~~*/

/* ~~~ Bild-Boxen ~~~~~~~~~~~~~~~*/		
.box {width:31.1%; margin:0 0 30px 0; border:1px solid #cdcdcd;}
.box h2 {font-size:110%; text-align:left; margin:0; padding:7px 30px 7px 7px;}
.box:hover h2, .box:focus h2 {color:#000; }

/* ~~~ Animation des Pfeiles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	.pfeildown {-webkit-transition: -webkit-transform .0s ease; transition: transform .0s ease; -webkit-transform: rotate(0); transform: rotate(0);}
	.pfeilup {-webkit-transition: -webkit-transform .0s ease; transition: transform .0s ease; -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}
	
/* ~~~ Video ~~~ */
.videorahmen {max-width:100%; height:auto; margin-bottom:20px; padding:10px 15%; background:#1f1f1d; }
.videobox {width:100%; height:auto; margin:0; padding:0;}
.responsive-video {position:relative; padding-bottom:55%; padding-top:5px; height:0; overflow:hidden; }
.responsive-video iframe, .responsive-video object, .responsive-video embed, .responsive-video video {position:absolute; top:0; left:0; width:100%; height:100%;}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/		

/* ~~~ Footer ~~~*/
footer {width:100%; height:200px;}
	#footer-illu {display:table; width:100%; height:100%; max-height:171px; background:url(../images/footer-back.jpg) bottom right 0 no-repeat; background-size:cover;}

	/* ~~~ Footer Mnü~~~ */
	#footer-menu {padding-bottom:10px; }
		#footer-menu li a, #footer-menu li a:link, #footer-menu li a:visited {color:#fff; padding:5px 12px 10px 7px; text-decoration:none; display:block; font-size:125%;}
		#footer-menu li a:active, #footer-menu li a:focus, #footer-menu li a:hover, #footer-menu li.akt a {color:#000;}
	
	#pfeil-nach-oben {height:30px;}	
		#pfeil-nach-oben a, #pfeil-nach-oben a:link {width:30px; height:20px; background:transparent url("../images/pfeil-nach-oben-white.svg") 0 0 no-repeat; background-size:contain; transition: all 0.5s ease;}
		#pfeil-nach-oben a:hover, #pfeil-nach-oben a:focus {width:30px; height:20px; background:transparent url("../images/pfeil-nach-oben-black.svg") 0 0 no-repeat; background-size: contain; transition: all 0.5s ease;}
		
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Formularelemente ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
form { max-width: 100%; margin:0;}
fieldset { padding:0.5em 1em; border-bottom:2px solid #fff; margin:0.5em 0;}
fieldset:last-child {border-bottom:none; margin:0.5em 0 0 0;}
fieldset.auswahl {padding-left:26%;}
legend { font-size:1.2em; font-weight:400; margin:0 0.75em 10px 0.75em;}
.form-field {background:#fef5da; padding:10px; }
/* Labels */
label {display:inline-block;}
label {margin:5px 0 5px 10px;}
#myname {display:none;}
/* remove standard-styles */
input, select, textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; border-radius: 0; font-size:1em; width:85%; position:relative;} 
input.kalendertisch, input.uhrzeit, select.klein {width:50%; position:relative;}
input.postleitzahl {width:15%; margin-right:0.7%;}
input.ortschaft {width:68%;}
/* .Zebra_DatePicker_Icon_Wrapper {width:60%} */
.Zebra_DatePicker_Icon_Wrapper {position:relative; width:60%;}
.Zebra_DatePicker_Icon, .Zebra_DatePicker_Icon_Inside_Right {position:absolute; right:5px; top:7px;}
/* Input & Textarea */
input, textarea {background:#fff; border: 1px solid #949494; border-radius:5px; padding:.75em 1em .5em 1em; box-shadow:inset 0 2px 1px 0 rgba(0,0,0,0.2);}
input, select, textarea {font: normal 0.85em/1.4em 'Open Sans', sans-serif, Arial, Verdana, Helvetic; font-weight:300; color:#231f1f; }
textarea {resize:vertical;}
input:hover, input:active, input:hover, input:focus, textarea:hover, textarea:active, textarea:focus {border:1px solid #f49800; box-shadow:inset 0 2px 1px 0 rgba(0,0,0,0.0);transition: all 0.4s ease-out;}
/* speziell für hlw19 Zeitablauffeld für login */
#login-box input.ablauf {width:33%; text-align:center;}
/* Select */
select {width:50%; border: 1px solid #bbb; padding:.75em 1em .5em .5em; box-shadow:0 3px 3px 0 rgba(0,0,0,0.25); border-radius:5px; background: #fff url('../images/pfeil-menu-zu.svg') 95% 47% no-repeat; background-size: auto 15px;}
select:hover, select:focus { box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); background: #fff url('../images/pfeil-menu-auf.svg') 95% 47% no-repeat; background-size: auto 15px; border:1px solid #df0713; transition: all 0.4s ease-out; cursor:pointer;}
select .opt-abstand {padding-left:20px; }
/* Hide browser-styling in IE10 */
select::-ms-expand {display:none;}
/* Hide custom-icons in lower versions of Internet Explorer (< IE10). */
.lt-ie10 select {  background-image: none; }
/* graceful degradation for ie8 */
input[type='checkbox'], input[type='radio'] { width:auto; float:left; margin-right:0.75em; background:transparent; border:none;}
/* better styling only for modern browsers. To identify them, check for pseudoclass (:checked, :not(:checked)) */
/* hide standard inputs */
input[type='checkbox']:checked, input[type='checkbox']:not(:checked), input[type='radio']:checked, input[type='radio']:not(:checked) {background: transparent; position: relative; visibility: hidden; margin:0; padding:0; }
input[type='checkbox'] + label,input[type='radio'] + label {cursor: pointer; position:relative;}
/* add custom inputs with ::before */
input[type='checkbox']:checked + label::before, input[type='checkbox']:not(:checked) + label::before, 
input[type='radio']:checked + label::before, input[type='radio']:not(:checked) + label::before {content:' '; display:inline-block; width:20px;  height:20px;  position: relative; top:4px;  border:1px solid #949494; background:#fff; margin-right:5px; border-radius:3px; overflow:hidden;}
input[type='checkbox'] + label::after, input[type='radio'] + label::after {position:absolute; display:none; content:''; }
input[type=radio]:checked + label::before, input[type=radio]:not(:checked) + label::before {border-radius: 50%;}
input[type='checkbox']:hover  + label::before, input[type='checkbox']:focus  + label::before, input[type='radio']:hover  + label::before, input[type='radio']:focus  + label::before  {background:#ffde86; border:1px solid #ec7204; transition: all 0.4s ease-out; }
input[type='checkbox']:checked  + label::before, input[type='radio']:checked  + label::before {background:#f49800; border:1px solid #ec7204; overflow:hidden;}
input[type='checkbox']:checked  + label::after {display:block; top: 7px; left: 7px; width:5px; height:11px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border:2px solid #fff; border-top:0; border-left:0; transition: all 0.4s ease-out; }
input[type='radio']:checked + label::after {display:block; top: 13px; left:9px; width:4px; height:4px; background:#fff; border-radius:50%; transition: all 0.4s ease-out; }

/* Tabelle */
.form-field table {margin-top:0.5em;}
.form-field td, .form-field td:first-child .col2, th {width:100%; padding: 0.2em; margin-bottom:5px; text-align: left; vertical-align:top;}
.form-field th {margin:7px 0 7px 0; padding:10px 7px 10px 7px; border:none; width:100%;} 
.form-field td:first-child {text-align:right; width:30%; border:none; padding-top:9px;}
.form-field td.col2:first-child, th {text-align:left; padding-left:30px;}
.form-field td.col2:first-child, th {text-align:left; padding-left:30px;}
#hinweis {padding-bottom:15px; border-bottom:2px solid #fff;}
.mini {font-size:0.8em; font-style:italic; margin-left:1em;}

/* Buttons */
.submit {max-width:200px; margin:0.75em 0 0.75em 0; padding:0.5em 1.5em; cursor:pointer; box-shadow:0px 2px 2px 0px rgba(0,0,0,0.45); border-radius:5px; text-align:center; font-size:1em; overflow:hidden; background:#000; color:#fff; transition: all 0.5s ease-out; border:none;}
.submit:hover {color: #000; box-shadow:1px 1px 2px 0px rgba(0,0,0,0.45); transition: all 0.5s ease-out; border:none; background:#f3b835;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FANCYBOX~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
.fancybox-button, .fancybox-infobar__body {background:rgba(253,195,0,0.7);}
.fancybox-caption {padding:30px 0; font-size:1em; line-height: 20px; text-align: center; font-weight:400;}
.fancybox-infobar__body { display:inline-block; width:70px; line-height:44px; font-size: 1em; }
.fancybox-button {width:60px; height:60px; line-height:60px;} 
.fancybox-placeholder {box-sizing:content-box; }
.fancybox-button--play::before, .fancybox-button--fullscreen::before {top:23px; left:25px; }
.fancybox-button--thumbs::before {top:27px; left:27px; }
.fancybox-placeholder::before {content: ''; background:white; position:absolute; top:-10px; left:-10px; right:-10px; bottom:-10px;}
.fancybox-controls {position:static; }
.fancybox-button--left, .fancybox-button--right {position:absolute; top:50%; transform:translateY(-50%); height:88px; width:88px; line-height:88px;}
.fancybox-button--left::after, .fancybox-button--right::after {width:18px; height:18px; margin:18px;}
.fancybox-button--left {left:0;}
.fancybox-button--right {right:0;}
.fancybox-infobar__body {position: absolute; top: 0;}
.fancybox-infobar__body, .fancybox-button--left, .fancybox-button--right, .fancybox-buttons {z-index:99994;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FLEX SLIDER~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin:0; padding:0; list-style: none;} 
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin:0; padding:0;}
.flexslider .slides > li {display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; margin:0; padding:0; display: block;}
.flex-pauseplay {display:none;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear:both; visibility:hidden; line-height:0;height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: none;}
.flexslider {margin:0; padding:0; border:0; position:relative; zoom: 1;}
.flex-viewport {max-height:500px; transition: all 0.5s ease; }
.loading .flex-viewport {max-height: 500px;}
.flexslider .slides {zoom:1;}
.carousel li {margin-right:0;}
/* Direction Nav */
.flex-direction-nav {height:0; display:none;}
.flex-direction-nav a {width: 35px; height:82px; margin:-35px 0 0; display:block; background:url(../images/bg_direction_nav.png) no-repeat 0 0; position:absolute; top:49%; z-index:1600; cursor:pointer; text-indent:-9999px; opacity:0.0; transition:all .3s ease;}
.flex-direction-nav .flex-next {background-position:100% 0; right:0px; }
.flex-direction-nav .flex-prev {left:0px;}
.flexslider:hover .flex-next {opacity:0.4; right:5px;}
.flexslider:hover .flex-prev {opacity:0.4; left:5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity:0.7; cursor:pointer;}
.flex-direction-nav .flex-disabled {opacity:0.7; cursor: default;}
/* Control Nav */
.flex-control-nav {position:absolute; bottom:5px; left:48%; z-index:1600; text-align:left; font-size:0px; }
.flex-control-nav li {margin:0 7px; display: inline-block; zoom:1; }
.flex-control-paging li a {width:14px; height:14px; display:block; background:rgba(255,255,266,0.3); cursor:pointer; text-indent:-9999px; border-radius:14px; border:1px solid #fff;}
.flex-control-paging li a:hover {background:rgba(255,255,255,1.0); }
.flex-control-paging li a.flex-active {background:rgba(255,255,255,0.8);}
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Browser UPDATE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.buorg {position:absolute; top:0px; left:0px; border-bottom:1px solid #A29330; background:#FDF2AB no-repeat 1em 0.55em url(http://browser-update.org/img/dialog-warning.gif); text-align:left; cursor:pointer; font-family: Arial,Helvetica,sans-serif; color:#000; font-size: 16px;}
.buorg div {padding:5px 36px 5px 40px;}
.buorg a {color:#E25600;}
#buorgclose {position: absolute; right: .5em; top:.2em; height: 20px; width: 12px; font-weight: bold; font-size:14px; padding:0;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.archivmeldung {
	background: rgba(203,33,35,0.2);
	padding:0.5em;
}
.bodydiv p {margin-bottom:7px;}

/*~~~~~~~~~~~~~~~~~ styles2.css  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.social-share iframe:first-child {
		margin-top:-6px;
	}

	dl.specs {
		float:left;
		width:100%;
	}
	.event-specs dt {
		clear:both;
		float:left;
		width:25%;
	}
	.event-specs dd {
		float:left;
		width:75%;
	}

	.section-hotline {
		margin-top:2em;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#cmsleiste {
	background-color:#FFF;
}


}
@media screen and (min-width: 2001px)  {
#kartenwrapper {height:800px;}
body.home #kartenwrapper {height:655px; }
#home-map, .rahmen {height:650px; }	
#routenauswahl {height:650px; width:768px;}
.routenkreis1, .routenkreis2, .routenkreis3, .routenkreis4, .routenkreis5, .routenkreis6 {height:90px; width:90px; bottom:42.6%; right:49.6%;}
.alsDetail, #teilnahme-wrapper {padding:10px 10%}
#popupwindow {left:27.5%; width:45%;}
}
@media screen and (max-width: 2000px)  {
#kartenwrapper {height:700px;}
body.home #kartenwrapper {height:456px;}
#home-map {height:450px;}
#routenauswahl {height:450px; width:532px;}
.routenkreis1, .routenkreis2, .routenkreis3, .routenkreis4, .routenkreis5, .routenkreis6 {height:70px; width:70px; bottom:41.6%; right:48.6%; }
#footer-illu {max-height:123px;}
#radlfahrer {bottom:-39px; width:250px; height:192px; } 
#popupwindow {left:22.5%; width:55%;}
}
@media screen and (max-width: 1700px)  {
body.home #kartenwrapper {height:405px;}
#home-map {height:400px;}
#routenauswahl {height:400px; width:473px;}
.routenkreis1, .routenkreis2, .routenkreis3, .routenkreis4, .routenkreis5, .routenkreis6 {height:65px; width:65px; }
#footer-illu {max-height:123px;}
#radlfahrer {bottom:-39px; width:250px; height:192px; } 
#popupwindow {left:17.5%; width:65%;}
}
@media screen and (max-width: 1500px)  {
#popupwindow {left:12.5%; width:75%;}
}
@media screen and (max-width: 1400px)  {
#kartenwrapper {height:600px;}
#radlfahrer {bottom:-35px; width:220px; height:169px; } 
}
@media screen and (max-width: 1300px)  {
#popupwindow {left:7.5%; width:85%;}
}
@media screen and (max-width: 1240px)  {
#kartenwrapper {height:550px;}
body.home #kartenwrapper {height:356px;}
#home-map {height:350px; }
#routenauswahl {height:350px; width:414px;}
.routenkreis1, .routenkreis2, .routenkreis3, .routenkreis4, .routenkreis5, .routenkreis6 {height:60px; width:60px;}
#content-wrapper {width:100%;}
#content {width:98%; margin-left:1%; }
.listen-cont {margin-top:20px;}
.bannerbild h2 {bottom:15px; padding:5px 7px; font-size:95%;}
}
@media screen and (max-width: 1040px)  {
#header-unten {height:120px; padding-bottom:0;}
#radlhit-titel {width:40%; margin:3px 0;}
#logo-illu {width:35%;}
#search-wrapper {right:25px;}
#search-toggle {margin:5px 0 0 25px; }
#search-field {top:95px;}

#menu-smart {display:block; width:auto; top:25px; right:70px; z-index:20000; } 
#menu-smart #but-cont a, #menu-smart #but-cont a.link {display:block; z-index:25000; width:50px; height:50px; background:#000; border-radius:50%;}

#menu-smart .but {width:30px; height:30px;margin:0; cursor:pointer; z-index:30000; top:13px; left:10px;}
#menu-smart .but span.menu1, #menu-smart .but span.menu2, #menu-smart .but span.menu3 {z-index:50000; width:25px; height:2px; left:3px; background:#fff; transition: all 0.30s cubic-bezier(0.75, 0.25, 0.10, 0.95); }
#menu-smart .but span.menu1 {top: 4px;}
#menu-smart .but span.menu2 {top: 12px;}
#menu-smart .but span.menu3 {top: 20px;}
#menu-smart .but.move span.menu1 { top: 11px; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.20s cubic-bezier(0.75, 0.25, 0.10, 0.95); }
#menu-smart .but.move span.menu2 {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: all 0.20s cubic-bezier(0.75, 0.25, 0.10, 0.95); }
#menu-smart .but.move span.menu3 { opacity: 0; transition: opacity 0.20s cubic-bezier(0.75, 0.25, 0.10, 0.95); }	
 
#menu {max-width:400px; box-shadow:rgba(0,0,0,0.4) 0px 7px 7px 3px;}	
#menu {display:none; position:absolute; top:122px; left:0; padding:0; max-width:400px; width:100%; background:#fff;}
#menu ul {width:100%; padding:0; -webkit-flex-flow:column; flex-flow:column; border-right:5px solid #fbe08e; border-bottom:5px solid #fbe08e; }
#menu ul li a.menu-pfeil::after, #menu ul li a.menu-but::after, #menu ul li ul li a.menu-pfeil-sub::after, #menu ul li ul li a.menu-but-sub::after {position:absolute; margin:0; top:18px; right:7px; display:inline-block; width:13px; height:13px; content:"";}
#menu ul li ul li a.menu-pfeil-sub::after, #menu ul li ul li a.menu-but-sub::after {right:22px; top:7px;}
/* ~~~ Menu 1. Ebene ~~~ */
	#menu ul li {width:100% }
	#menu ul li a, #menu ul li a:link {display:block; padding:10px; border-bottom:1px solid #cecece;}

	#menu ul li a.menu-but::after {background:transparent url("../images/pfeil-menu-auf.svg") 0 0 no-repeat; background-size:contain; }
	#menu ul li a.menu-pfeil::after {background:transparent url("../images/pfeil-menu-zu.svg") 0 0 no-repeat; background-size:contain; }

	/* ~~~ Menu 2. Ebene ~~~ */
	#menu ul li ul {display:none; position:relative; top:0; left:0; border:none; border-bottom:1px solid #cecece; padding:10px 0; box-shadow:none;}
	#menu ul li ul li {padding-right:0;}
	#menu ul li ul li a:hover, #menu ul li.akt ul li a:hover, #menu ul li.akt ul li.akt a, #menu ul li.akt ul li.akt a:link, #menu ul li.akt ul li.akt a, #menu ul li.akt ul li.akt a:link {color:#d15e1a;}
	#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li.akt ul li a, #menu ul li.akt ul li a:link {padding:7px 15px 7px 25px; line-height:1.5em; border-bottom:none;}
	#menu ul li ul li a.menu-but-sub::after {background:transparent url("../images/pfeil-menu-auf-sub.svg") 0 0 no-repeat; background-size:contain;  }
	#menu ul li ul li a.menu-pfeil-sub::after {background:transparent url("../images/pfeil-menu-zu-sub.svg") 0 0 no-repeat; background-size:contain;  }
	#menu ul li ul li:first-child a:link {display:block;}	
	/* ~~~ Menu 3. Ebene ~~~ */
	#menu ul li ul li ul, #menu ul li.akt ul li ul {display:none; border-top:1px solid #cecece; padding:10px 0 10px 25px; margin-bottom:7px;}
	#menu ul li ul li ul li a, #menu ul li ul li ul li a:link, #menu ul li.akt ul li.akt ul li a, #menu ul li.akt ul li.akt ul li a:link {border-top:none; padding:7px 0em 7px 45px; font-size:100%;}
	#menu ul li.akt ul li.akt ul li a::before {content: "";}

	#abdeckung {background:none;}

#kartenwrapper {height:500px;}

#radlfahrer {bottom:-30px; width:180px; height:138px; } 

.beitrag-standard figure.ganze-breite {margin:5px 0;}
.fancybox-button--close::after, .fancybox-button--close::before {height: 4px; width: 30px; top: calc(50% - 6px); left: calc(50% - 12px);}

#footer-illu {max-height:100px;} 

#popupwindow {top:135px;}
}
@media screen and (max-width: 900px)  {
.fancybox-button--left, .fancybox-button--right {width:74px; }
.fancybox-placeholder::before {top:-10px; left:-10px; right:-10px; bottom:-10px;}
.fancybox-placeholder {width:96%; margin:0 auto;}
}
@media screen and (max-width: 800px)  {
#header-unten {height:110px;}
#logo-illu {width:40%;}
#radlhit-titel {width:50%; margin:3px 0;}
#menu {top:110px;}
#search-field {top:85px;}
#kartenwrapper {height:450px;}
#radlfahrer {left:4%; bottom:-26px; width:150px; height:115px; } 
h1 {text-align:left;}
body.home h1, body.route1 h1, body.route2 h1, body.route3 h1, body.route4 h1, body.route5 h1, body.route1 h1 {text-align:center;}

.bannerbild .teaser {bottom:10px; right:2%; max-width:96%; padding:5px 40px 10px 10px; }
.bannerbild p.mehrlink::after {bottom:20px; right:20px;}
.listen-cont {-webkit-justify-content:space-between; justify-content:space-between;}
.box {width:48.5%; margin:0 0 20px 0;}
.box:nth-child(3n) {margin:0 0 20px 0;}
.alsDetail, .alsListe, #teilnahme-wrapper {padding:20px 7% 30px 7%;}

.fancybox-placeholder::before {background:none; position:absolute; top:0; left:0; right:0; bottom:0;}
.flex-direction-nav, .flex-control-paging li a {display:none; }
}
@media screen and (max-width: 700px)  {
#menu {max-width:400px;}
}
@media screen and (max-width: 600px)  {
body {font-size:105%;}
#header-unten {justify-content:flex-start; padding-left:7px; }
#logo-illu, #radlhit-titel {width:55%;}
#search-wrapper {top:32px; right:30px;}
#search-field {top:78px; right:-15px;}
#menu-smart {top:35px; right:60px; }

#search-wrapper, #search-toggle, #search-toggle a, #search-toggle a:link, #menu-smart #but-cont {width:40px; height:40px; }
#menu-smart #but-cont {border-radius:50%;}
#menu-smart .but {top:7px; left:5px;}
#menu-smart .but span.menu1, #menu-smart .but span.menu2, #menu-smart .but span.menu3 {width:20px; height:2px; left:5px;}
#menu-smart .but span.menu1 {top:4px;}
#menu-smart .but span.menu2 {top:12px;}
#menu-smart .but span.menu3 {top:20px;}
#menu {min-width:320px; padding-top:0; }

body.home #kartenwrapper, #kartenwrapper {margin-bottom:20px; }
#kartenwrapper {height:400px;}
#radlfahrer {left:2%; bottom:-21px; width:120px; height:92px; }
h1:first-child {margin:15px 0;} 
input.ortschaft {width:82%;}
#footer-illu {max-height:70px;} 

.bannerbild {margin-top:10px;}
.bannerbild .teaser {position:relative; bottom:0; right:0; margin-bottom:10px; max-width:100%; padding:5px 40px 10px 0; background:none; border-bottom:3px dotted #cb2123;}
.bannerbild p.mehrlink::after {bottom:20px; right:0; }
.bannerbild .figure-copyright {top:0; bottom:90%;}

#content {padding:0 15px;}
.alsDetail, .alsListe, #teilnahme-wrapper {padding:0 0 20px 0; }

h1 {font-size:160%; margin:10px 0;}
h2 {font-size:140%; margin:7px 0;}
.form-field {padding:10px; }
.beitrag-standard table, .beitrag-standard thead, .beitrag-standard tbody, .beitrag-standard th, .beitrag-standard td, .beitrag-standard tr, #angaben-cont table, #angaben-cont tbody, #angaben-cont tr, #angaben-cont td, #angaben-cont th {display:block; width: 100%;}
.beitrag-standard th {padding:3px 5px 3px 5px; }
.beitrag-standard thead tr {position: absolute; top: -9999px; left: -9999px; padding-bottom:10px;}
.beitrag-standard td {position:relative; padding:5px 0 0 0; }
.beitrag-standard td:first-child { width:95%; text-align:left; padding:0; margin-bottom:0.0em;}
.submit, input, select, textarea {width:100%;}

#popupwindow {left:3%; width:94%; top:10px;}
#popupwindow-innen {padding:60px 10px 10px 10px; }
}
@media screen and (max-width: 550px)  {
#logo-illu, #radlhit-titel {width:60%;}	

.box, .beitrag-standard .bild, .beitrag-standard bild.hochformat {width:100%; float:none; clear:both;}
.alsListe .bild, .alsListe .bild.hochformat {width:100%; float:none; margin:0;}
.alsListe .listentext {margin-left:0; width:100%; }

/*~~~~~~~~~~~~~~~~~ styles2.css  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	dl.specs {
		float:none;
	}
	.event-specs dt, .event-specs dd {
		width:100%;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
}
@media screen and (max-width: 500px)  {
#logo-illu, #radlhit-titel {width:65%;}
#menu-cont {-webkit-align-items:flex-end; align-items:flex-end;}
.beitrag-standard .bild.hochformat, .beitrag-standard .bild.links, .beitrag-standard .bild.rechts, .js-faq-content figure {width:100%; float:none; margin:0 0 7px 0;}
#footer-menu li a, #footer-menu li a:link, #footer-menu li a:visited {padding:7px 5px 7px 5px; font-size:110%;}
}
@media screen and (max-width: 480px)  {
#header-unten {height:100px;}
#menu {max-width:100%; top:103px;}
#menu ul {border-right:none;}
#search-field {top:68px;}
#kartenwrapper {height:370px;}
#radlfahrer {left:0%; bottom:-21px; width:120px; height:92px; } 
}
@media screen and (max-width: 430px)  {
input.ortschaft {width:81%;}
}
@media screen and (max-width: 400px)  {
#header-unten {height:90px;}
#menu {top:93px;}	
#search-field {width:300px; top:58px;}
#radlhit-titel {width:75%;}
body.home #kartenwrapper, #kartenwrapper {height:325px;}
#home-map {height:320px;}
#routenauswahl {height:320px; width:378px;}
}
@media screen and (max-width: 360px)  {
#header-unten {height:80px;}
#menu {top:83px;}
body.home #kartenwrapper {height:306px;}
#kartenwrapper {height:300px;}
#home-map {height:300px;}
#routenauswahl {height:300px; width:355px;}
}
@media print {
body {background:#fff;color:#000; font: normal 0.85em/1.4em Arial, Verdana, Helvetica; }
h1, h2, h3 {font-family: Arial, Verdana, sans-serif; font-weight:600;}
h1 {font-size:170%;}
h2 {font-size:130%;}
h3 {font-size:110%;}
#search-wrapper, #search-field, #menu-cont, #menu-smart, #menu, .mehrlink, .tandler, #pfeil-nach-oben-cont, .flex-control-nav, #footer-menu, #pfeil-nach-oben {display:none;}
#header-oben, .header-logo img {height:50px;}
#header-unten {height:100px; overflow:hidden;}
#radlhit-titel {width:230px; margin:10px 0;}
#logo-illu {width:280px; }
#radlfahrer {width:139px; height:107px;}
p.mehrlink a {background:none;}
#kartenwrapper {height:400px;}
#content-wrapper {margin-top:15px}
nav, header, main, #content-wrapper, #content, .beitrag-standard {width:100%; padding:0; margin:0;}
.listen-cont, #quickbut-cont {-webkit-justify-content:space-between; justify-content:space-between; padding-bottom:20px;}
.beitrag-standard.box {max-width:31%; margin:0 0 20px 0;}
.beitrag-standard.alsDetail .videobox {width:50%; margin:0 auto;}
.beitrag-standard.alsListe {padding-top:20px; padding-bottom:20px;}
.figure-copyright {background:rgba(255,255,255,0.75); color:#000; bottom:-4px;}
.figure-copyright-content {opacity:1;}
#footer-text {color:#000;}
#footer-illu {height:55px;}
}

.btn-success {background-color:#5CB85C;}
.btn-danger {background-color:#D9534F;}

figure.schulfoto {
	float:right;
	width:45%;
}
figure.schulfoto img {
	width:100%;
}
.liste {
	margin: 8px 0 8px 0;
}
.liste p {
	margin:0;
}
.input.zahl {
	width:100px;
	margin-left:30px;
}
.amziel {
	font-size:1.5em;
	font-weight:bold;
	color:#f49800;
}
.alsDetail ul li.given-answer {
	background:none;
}
.alsDetail ul li.given-answer:before {
	content: '\2610\A0\A0';
}
.alsDetail ul li.given-answer.given:before {
	content: '\2611\A0\A0';
}
.right-answer {
	color:#080;
}