body{
	
	background-color:#eae9e9 ;
	
}

/* Layout */

div.route_wrap{
	
	width:100% ;
	max-width:80em ;
	
	margin:0 auto ;
	
}

div.route_fotos{
	
	width:25% ;
	float:left ;
	
}

div.route_text{
	
	width:75% ;
	float:left ;
	
}

div.route_info_wrap{
	
	width:99%;
	
	margin:1% ;
	margin-top: 10px ;
	box-sizing:border-box ;
	
	background:white ;
	border-radius: 15px / 15px;
	
	padding:10px ;
	box-sizing:border-box ;
	box-shadow: 3px 3px 3px grey;
	
}

div.route_foto_wrap{
	
	width:90%;
	
	margin:5% ;
	margin-top:10px ;
	box-sizing:border-box ;
	
	background:white ;
	border-radius: 15px / 15px;
	
	padding:10px ;
	box-sizing:border-box ;
	box-shadow: 3px 3px 3px grey;
	
}

div.route_text_wrap{
	
	position:relative ;
		
	width:99%;
	
	margin:1% ;
	margin-top: 10px ;
	box-sizing:border-box ;
	
	background:white ;
	border-radius: 15px / 15px;
	
	padding:10px ;
	box-sizing:border-box ;
	box-shadow: 3px 3px 3px grey;
	
}

/* Zurück zur Startseite */

div.link_back {
	
	background:#2d327d ;
	
	padding:10px;
	box-sizing:border-box ;
	border-radius:10px ;
	
	color:white ;
	text-decoration:none ;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:600 ;
	
}

a.link_back {
	text-decoration:none ;
}

/* Datumsflagge */

div.date_flag {
	
	position:absolute ;
	top:0 ;
	left:20px ;
	
	padding:2px ;
	padding-top:0px ;
	
	border: solid 3px ;
	border-color:#eb0000 ;
	
	border-top:0px ;
	
	background-color:white ;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	
	box-shadow: 2px 2px 5px 1.5px black;
	
}

div.date_flag_inner {
	
	width:100% ;
	
	padding:2px ;
	padding-top:5px ;
	padding-left:5px ;
	padding-right:5px ;
	box-sizing:border-box ;
	
	background-color:#eb0000 ;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	
	color:white ;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold ;
	font-size:2em ;
	
}

/* Story Formate */

p.story_titel{
	
	margin:10px ;
	margin-bottom:30px ;
	
	text-align:right ;
	font-size:3em ;
	color:#2d327d ;
	font-weight:bold ;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	
}

p.storytext{

	margin:10px ;
	margin-top:10px ;
	
	text-align:justify ;
	
	color:#2d327d ;
	font-size:1.2em ;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Route Info */

img.rit_img {

	width:100% ;
		
}

table.infotable {
	
	width:100% ;
		
	background:#2d327d ;
	
	border-collapse:collapse ;
	
	color:white ;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	
}

td.rit_logo {
	
	width:45px ;
	
}

td.rit_titel_unten, td.rit_text_unten {
	
	border-bottom:1px ;
	border-bottom-style:solid ;
	border-bottom-color:white ;
}

a.rit_link {
		
	color:white ;
	border-color: white ;
	text-decoration:none ;
		
}

img.route_picto {
	
	
	width:35px ;
	
}

/* Text weiterschalten */

div.pict_textablauf_outer, div.pict_textablauf_outer_fade {
	
	position:relative ;
	float:left ;
	
	width:32.333% ;
	
	margin:0.5% ;
	box-sizing:border-box ;
	
	padding-top:6% ;
	
	border:5px ;
	border-style:solid ;
	border-color:#2d327d ;
	
	border-radius: 15px / 15px;
	
}

div.pict_textablauf_outer_fade {

	background-color:#4147a5 ;
	
}

div.pict_textablauf_inner {
	
	position:absolute ;
	top:0 ;
	left:0 ;
	
	width:calc(100% - 4px) ;
	height:calc(100% - 4px) ;
	
	margin:2px ;
	
	background-color:#2d327d ;
	
	border-radius: 10px / 10px;
	
}

table.pict_textablauf {
	
	width:100% ;
	height:100% ;
	
	text-align:center ;
	vertical-align:middle ;
	
	color:white ;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:2vw ;
	
}

table.pict_textablauf_fade {
	
	width:100% ;
	height:100% ;
	
	text-align:center ;
	vertical-align:middle ;
	
	color:#4147a5 ;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:2vw ;
	
}

span.minitext {

	font-size:1px ;
	margin:0 ;
	padding:0 ;
	
}

/* Bildschirm Flex */

@media all and (min-width: 50em) {
	
	div.route_fotos{
	
	width:20% ;
	
}

div.route_text{
	
	width:80% ;
	
}
	
}