@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,300,600);
@import url(https://fonts.googleapis.com/css?family=Archivo+Narrow:400,700);
/* für testseite*/
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */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 {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body { line-height: 1;} 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;}
a{text-decoration:none}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}


body{background: #FFF; margin: 0px;
font-size: 90%;
color: #333;
line-height: 1.3em;
font-family: Arial, Helvetica, sans-serif}

h1, h2, h3, h4, h5, h6 {
    margin: 0px 0px 10px;
    padding: 0px;
    line-height: 1em;
    font-weight: 600;
	font-family:Arial, Helvetica, sans-serif;
    color: #484848;}
h3 {font-size: 1.75em; line-height: 1.07143em;	}
h4 {font-size: 1.3em;  line-height: 1.07143em; margin:0.7em 0}	
.h6henker{margin: 10px 0 10px 0; font: 400 1.5em "Source Sans Pro";}
.h6top10{margin-top:10px; font-size:1.4em}
.morelinks{color: #666}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #484848;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: none;color: #800;}
.white h1, h2, h3, h4, h5, h6{font-family:"Source Sans Pro";}
a {cursor: pointer;
text-decoration: none;
color: #0072BC;	}
strong{font-weight:bold}
img {border: 0;}
td{font-size: 1em; padding-right:10px}
ul, li{list-style:none}
article, figure, section{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing: border-box;}
	
hr {-moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;}
	
hr {background: none repeat scroll 0px center transparent;
    border-right: 0px none;
    border-width: 1px 0px 0px;
    border-style: solid none none;
    border-color: #D7D7D5 -moz-use-text-color -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    outline: 0px none;
    margin: 1.5em 0px 1em;
    height: 1px;}

hr:before, hr:after {
    content: " ";
    display: table;}
hr:after {
    clear: both;
}
	
nav{display:block}

.limit{max-width: 1050px;
	margin: 0 auto;
 	padding:0 2%}
.limitkontakt{max-width:980px; margin:0 auto; padding:0; width:96% }
.logo {
    position: absolute;
    display: block;    
	max-width: 250px;
	top:15px;}

.grey {padding: 15px 0 10px; background-color:#CCC; width:100%; margin:0}
.grey h1{font-size: 1.5em; margin:0; font-weight: 300; font-family: "Source Sans Pro" }


.white{padding: 30px 0 10px}
.hide {display: none;}

.item {padding:10px 0;
    margin-bottom: 2em;
    border-bottom: 1px solid #d7d7d5; clear: both}
.white .item:last-child{border:none; padding-bottom:10px}
.grid {min-height: 1px;}

.grid:before, .grid:after {
    content: " ";
    display: table;
}
.grid:after {
    clear: both;} 

.grid>.col {
    float: none;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
	
.tourinfos {margin-bottom:30px}
.top10infos{margin-bottom:30px}
.top10infos{margin-top: -20px}
.header {
    position: relative;
    margin: 0;
    width: 100%;
    background-color: #006;
    /*background-image: url(pix/map_bg_30.png);*/
    border-bottom: 3px solid #005892;}
	
.header .limit {position: relative; height: 50px;}
.header .limitkontakt{position:relative; height: 50px; }
.logo img {
    display: block;
    width: 100%}
	
.lang{float:right; }
header .lang ul li{display:inline-block; }
header .lang ul li a{color:#fff; font-family: "Source Sans Pro"; font-size:1em; font-weight:200;border-top:4px solid transparent;display:block;height:25px; padding:5px 0 0;margin:0 3px;}

header .lang ul li a:hover{color: #999}
.lang ul li.selected a{border-color: #fff}

.subnav{height:40px;background:#06C}
.subnav ul:before,
.subnav ul:after{content:" ";display:table}
.subnav ul:after{clear:both}
.subnav ul li{float:left}
.subnav ul li:before{display:none}
.subnav ul li a{display:block; padding-bottom:10px; margin:10px 10px 0px 0px;color:#fff; font-weight:300; font-size:0.9em;text-shadow: 2px 2px 2px #333; border-bottom: 3px solid transparent }
.subnav ul li:first-child a{margin-left:0;}
.subnav ul li:last-child a{padding-right:0}
.subnav ul li.selected a,
.subnav ul li a:hover{color:#D1FBFE; -webkit-opacity:0.9;-khtml-opacity:0.9;-moz-opacity:0.9;opacity:0.9;filter:alpha(opacity=90);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); }
.subnav ul li.selected a{border-color: #fff}
.subnav ul li a:hover{border-color:#009}

/*  index banner    ---------------*/
.indexbanner{
	height: 150px;
    padding: 20px 0px;
	position:relative;
    background-repeat: no-repeat;
    background-size: cover;
	font-size:0.8em;
    background-position: 50% 70%}
.indexitem{position: relative; height:100%}
.indexbanner .text{ 
	display: block;
    position: absolute;
    bottom: 1px;
    padding: 5px 10px;
    max-width: 300px; 
	background: transparent linear-gradient(to bottom, rgba(20,20,30, 0.7) 0%, rgba(20, 20, 20, 0.9) 100%) repeat scroll 0% 0%;
	background:-moz-linear-gradient(top,rgba(20,20,30,0.7) 0%,rgba(20,20,20,0.8) 100%);
	background:-webkit-linear-gradient(top,rgba(20,20,30,0.7) 0%,rgba(20,20,20,0.8) 100%);
	background:-o-linear-gradient(top,rgba(20,20,30,0.7) 0%,rgba(20,20,20,0.8) 100%);
	background:-ms-linear-gradient(top,rgba(20,20,30,0.7) 0%,rgba(20,20,20,0.8) 100%);
	background:linear-gradient(to bottom,rgba(20,20,30,0.7) 0%,rgba(20,20,20,0.8) 100%);
color: #fff;}
.indextitel {
	font-family:"Source Sans Pro";
    font-size: 1.3em;
    margin-bottom: 0.5em;
    color: #fff; text-shadow: 1px 1px 1px #000
}
p.indexsubtitel1{display:none}
p.indexsubtitel2{font-family:"Source Sans Pro";font-size: 1em; line-height: 1.5em; font-weight:300;}

/* ende index banner ------------------*/
.topbanner {
    position: relative;
	height:150px;
	background-image:url(pix/2016_banner02.JPG);
    padding: 20px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.topbanner .text {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 10px 0px 5px;
	background: #666;
	background:rgba(40,40,40,0.8);
	
	background:-moz-linear-gradient(top,rgba(48,48,48,0.7) 0%,rgba(38,38,38,0.8) 100%);
	background:-webkit-linear-gradient(top,rgba(48,48,48,0.7) 0%,rgba(38,38,38,0.8) 100%);
	background:-o-linear-gradient(top,rgba(48,48,48,0.7) 0%,rgba(38,38,38,0.8) 100%);
	background:-ms-linear-gradient(top,rgba(48,48,48,0.7) 0%,rgba(38,38,38,0.8) 100%);
	background:linear-gradient(to bottom,rgba(48,48,48,0.7) 0%,rgba(38,38,38,0.8) 100%);
    color: #FFF;}

.topbanner .text .topbannerlimit {
    left: 0px;
    right: 0px;max-width: 1050px;
	margin: 0 auto;
 	padding:0 2%}

.bannerh1{color:#fff; font-size:1.2em; font-family:"Source Sans Pro"; font-weight:300}

p.intro{ font-family:"Source Sans Pro";font-size: 1.1em; line-height: 1.2em; margin-bottom: 1.1em; font-weight:300}


.figure {
    position: relative;
    margin-bottom: 1.5em;}
.figure img {
    width: 100%;
    display: block;
    margin-bottom: 0;}
.figure.klein{display:none}

.figure a {
    display: block;
    color: #fff;}
	
.figure.float-right {
    margin: 0 0 20px 20px;
    max-width: 45%}
.figure.float-left {
    margin: 0 20px 20px 0;
    max-width: 45%}
.figcaption {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.875em;
    width: 100%;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 300;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    background-color: #1e1e1e;}
	
.figcaption.top {
    font-size: 1.375em;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: auto;
    padding: 16px 20px;
    color: #fff;
    background-color: #1e1e1e;
    background-color: rgba(30, 30, 30, 0.7);}

.figure .figcaption.no-link {
    padding: 10px 20px;}
	
.figure .figcaption.link {
    background-color: #0072bc;
    text-align: center;}
	
.figure .figcaption.link a {
    padding: 10px 20px;
    text-decoration: none;}
	
.figure .figcaption.link a:hover {
    background: #1e84c6;}
	
.article:before, .article:after {
    content: " ";
    display: table;}
	
.article:after {
    clear: both;}
.clear:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;}

aside{
    padding: 20px 0 20px 0;
    color: #fff;
	background-color: transparent;
	background-image: url(pix/2015asideDSC07307d.jpg);
	background-position: right;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: cover;
	text-shadow: 1px 1px 1px #000}
aside h3{font-size: 1.4em;color: #fff; font-weight:400}
aside .item{border:none; margin-bottom: 0; }
aside .grid .t1v4{width:25%; float:right}
aside .grid .t3v4{width:70%; float:left}
.top10 a {display: block;
	background: transparent linear-gradient(to bottom, rgba(20,20,30, 0.5) 0%, rgba(20, 20, 20, 0.9) 100%) repeat scroll 0% 0%;
	background:-moz-linear-gradient(top,rgba(20,20,30,0.7) 0%,rgba(20,20,20,0.8) 100%);
	background:-webkit-linear-gradient(top,rgba(20,20,30,0.7) 0%,rgba(20,20,20,0.8) 100%);
	background:-o-linear-gradient(top,rgba(20,20,30,0.7) 0%,rgba(20,20,20,0.8) 100%);
	background:-ms-linear-gradient(top,rgba(20,20,30,0.7) 0%,rgba(20,20,20,0.8) 100%);
	background:linear-gradient(to bottom,rgba(20,20,30,0.7) 0%,rgba(20,20,20,0.8) 100%);
color: #fff; margin: 5px 0; padding: 3px 10px; color: #fff;}
.top10 a:hover{color:#2D97DD }
.footer {
    background: #212121;
    /*background-image: url(pix/footer-map-bg.png);*/
    background-position: 0 50%; }
.footer .limit {
    padding: 10px 2% 0px;}

.footer .limitkontakt{padding:10px 0}

.footer h6, .footer p, .footer a, .footer li {
    color: #c1c1c1;}
	
.footer .footer-nav {
    box-sizing: border-box;
    color: #c1c1c1;border-bottom: solid 1px #999;}
	
.footer .footer-nav p {
    margin-bottom: 50px;
    font-size: 16px;
    max-width: 700px;}
	
.footer .footer-nav h1,
.footer .footer-nav h2,
.footer .footer-nav h3,
.footer .footer-nav h4,
.footer .footer-nav h5,
.footer .footer-nav h6, {
    margin-bottom: 20px;
    color: #c1c1c1;
    text-shadow: rgba(0, 0, 0, 0.5) 0 1px 1px;}
	
.footer .t1v4{margin-bottom: 1em}
.footer li:before {display: none;}
.footer a {font-weight: 300;}
.footer a:hover {color: #fff;text-decoration: none;}
.footer h6 {font-size:120%; margin-bottom: 0.5em;}
.footer h6 a {font-weight: bold;}
.footer ul {
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;}
	
.footerlogo{
display: block;
margin-top: 5px;
width: 250px;
max-width: 100%;}

.footer .aboutus li{
	display: block;
	text-align:left}
.footer .aboutus img{max-width:100%}	

.footer .aboutus {
    padding: 10px 0px 10px;
    margin: 0px;
    text-align: right;}	

.footer hr {
    margin: 0px 0px 10px;
    border-color: #393939;}
	
.breadnav {border-bottom: 1px solid #999; margin:0 0 20px 0}
.breadcrumb {padding: 0 0 10px; color: #6b6b6b;  font-weight: 300;}
.breadcrumb ul {margin: 0;}
.breadcrumb li, .breadcrumb p {padding-right: 10px; margin: 0; color: #6b6b6b;}
.breadcrumb li:after {content: '>'}
.breadcrumb li:last-child:after {display: none;}
.breadcrumb a {
    display: inline-block;
    padding: 0 0.5em 0;
    color: #c1c1c1;}
.breadcrumb li:last-child a{color: #2D97DD}/*#6b6b6b*/
.breadcrumb li:last-child a:hover{color: #2081C1}
.breadcrumb a:hover {color: #fff;}

form {
	margin: 0;
	padding: 0;
}
.kontakttabelle{margin-top:20px; width:99%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.kontakttabelle .td1{ vertical-align:top}
.kontakttabelle .td2{padding-top:10px}

input:hover{    -moz-box-shadow:1px 5px 5px #666666;  
    -webkit-box-shadow:1px 5px 5px #666666;  
box-shadow:1px 5px 5px #666666;  }				

textarea{resize:none;}
input[type=text],
input[type=email],
textarea {
	width: 99%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
input[type=text],
input[type=email]{  width:90%;}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {  outline: 0;  border-color: #4697e4;}
textarea:hover{	-moz-box-shadow:1px 5px 5px #666666;  
    			-webkit-box-shadow:1px 5px 5px #666666;  
				box-shadow:1px 5px 5px #666666;  }
.danke{padding-bottom: 100px; font-size:1.5em; line-height:2em}

@media screen and (min-width:325px){.subnav ul li a{margin:10px 10px; font-size:1.0em}}
@media screen and (min-width:400px){p.intro{font-size: 1.2em; line-height: 1.3em; margin-bottom: 1.3em} .grey {background-image:url(pix/2016_seekarte3.png); background-position: right;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: cover;
 	padding: 25px 0 25px} 
.grey h1{font-size:1.6em}}
@media screen and (min-width:450px){.topbanner {height:190px}}
@media screen and (min-width:470px){.subnav{height:40px}.subnav ul li a{margin:10px 15px; font-size:1.2em}}
@media screen and (min-width:500px){
.indexbanner{height: 300px; padding: 20px 0px;}
.indexbanner .text{ 
	display: block;
    position: absolute;
    bottom: 20px;
    padding: 15px 15px;
    max-width: 320px; 
	background: transparent linear-gradient(to bottom, rgba(20,20,30, 0.7) 0%, rgba(20, 20, 20, 0.9) 100%) repeat scroll 0% 0%;
	background:-moz-linear-gradient(top,rgba(20,20,30,0.7) 0%,rgba(20,20,20,0.8) 100%);
	background:-webkit-linear-gradient(top,rgba(20,20,30,0.7) 0%,rgba(20,20,20,0.8) 100%);
	background:-o-linear-gradient(top,rgba(20,20,30,0.7) 0%,rgba(20,20,20,0.8) 100%);
	background:-ms-linear-gradient(top,rgba(20,20,30,0.7) 0%,rgba(20,20,20,0.8) 100%);
	background:linear-gradient(to bottom,rgba(20,20,30,0.7) 0%,rgba(20,20,20,0.8) 100%);
color: #fff;
}
.indextitel {
	font-family:"Source Sans Pro";
    font-size: 1.6em;
    margin-bottom: 0.5em;
    color: #fff; text-shadow: 1px 1px 1px #000
}
.topbanner .text{padding: 15px 0px 10px}
p.indexsubtitel2{font-family:"Source Sans Pro";font-size: 1.3em; line-height: 1.5em; font-weight:300; }	
.header {background-image:url(pix/2016_bg_subnav5.png);
    background-position: 35% 40%;}
.topbanner{padding:40px 0; height: 230px}	
.bannerh1{color:#fff; font-size:2em; font-family:"Source Sans Pro"; font-weight:300}
.breadcrumb{padding-bottom:30px}
.breadcrumb li, .breadcrumb p{float:left}
.footer .t2v4 {width:50%; float:left}
}	
@media screen and (min-width:550px){body{
font-size: 100%;
line-height: 1.5em;
font-family:Arial, Helvetica, sans-serif}
header .lang ul li a{font-size:1.3em; padding: 10px 0 0; margin: 0 6px}
.subnav{height:47px}
.subnav ul li a{margin:10px 20px; font-size:1.1em}
.topbanner {height:310px}
.figure.klein{display:inline}
.figure.klein img{max-width:48%; float:right; margin: 20px 0}
.figure.klein img:first-child{float:left}
}
@media screen and (min-width:650px){
.footer .aboutus li {
    display: inline-block;
	margin-left:50px
}
.footerlogo {
    display: inline;
	float:left;
    margin-top: 10px;
    max-width: 100%;}
}
@media screen and (min-width:720px){
	
h1, h2, h3, h4, h5, h6 {margin-bottom:20px}
.h6top10{margin: 20px 0 8px}
	.grid>.col {
    float: left;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.grid .col.t1v1{width: 100%}
.grid .col.t1v2{width: 50%; }
.grid .col.t1v3{width: 33.3333333334%; }
.grid .col.t1v4{width: 25%}
.grid .col.t2v3{width: 66.6666666667%; }
.grid .col.t3v4{width: 75%}

.grid.gutter {
    margin-left: -15px;
    margin-right: -15px;
}
.grid.gutter>.col {
    padding-left: 15px;
    padding-right: 15px;
}

.grid.reverse>.col {
    float: right;
}
.logo{max-width:420px; top:30px}
.header {background-image:url(pix/2016_bg_subnav5.png);
    background-position: 30% 40%;}
.header .limit{height: 100px}
.header .limitkontakt{height:100px}
.subnav ul li a{margin: 10px 35px;font-size: 1.4em}
.indexbanner{background-position:50% 50%}
.topbanner {height:400px}
.topbanner .text{padding: 30px 0px 20px}
.grey h1{font-size: 2.2em}; 
.grey .limit{position:relative;height:100px}
.grey .limitkontakt{position:relative; height:100px}
.tourinfos {margin-bottom: 20px}
aside .grid>.col{ float: right;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.top10 .grid>.col{float:left}	
aside .grid .col.t1v3{width: 33.3333333334%; }
aside .grid .col.t2v3{width: 66.6666666667%; }
aside h3 {font-size: 1.75em;line-height: 1.07143em;	}
aside .item{padding-bottom:0}
aside .button{margin-top:50px}
.footer .col.t1v4{width:50%}
}
@media screen and (min-width:800px){
	
p.intro{font-size: 1.4em; line-height: 1.4em; margin-bottom: 1.3em}	
.indexbanner{font-size: 0.9em;height:450px} .indexbanner .text{ max-width:400px; padding:20px 30px; bottom:80px}
.indextitel{ font-size:1.7em} p.indexsubtitel1{font-family:"Source Sans Pro";font-size: 1.1em; line-height: 1.2em; font-weight:300; display:inline }
.topbanner{height: 400px}
p.indexsubtitel2{display:none}
.footer .col.t1v4 {width:50%; float:left;} }
@media screen and (min-width:950px){.topbanner{background-image:url(pix/2016_banner05.JPG)}}

@media screen and (min-width:1100px){.indexbanner{height:600px}.indexbanner .text{max-width:500px} .indextitel{font-size:2.2em} p.indexsubtitel1{font-family:"Source Sans Pro";font-size: 1.4em; line-height: 1.3em; font-weight:300; display:inline }}
@media screen and (min-width:1300px){.topbanner {height:530px}}
/*--- Button -------*/
.button{  
   max-width:150px;
   margin:1.5em 0;
   display:block;
   padding:0.5em 1.3em;
   background: #1e5799;
   border: 1px solid #2B5CBF;
   background: -moz-linear-gradient(to bottom, #2493fb 0px, #0273de 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2493fb), color-stop(100%,#0273de));
   background: -webkit-linear-gradient(to bottom, #2493fb 0px, #0273de 100%);
   background: -o-linear-gradient(to bottom, #2493fb 0px, #0273de 100%);
   background: -ms-linear-gradient(to bottom, #2493fb 0px, #0273de 100%);
   background: linear-gradient(to bottom, #2493fb 0px, #0273de 100%) repeat scroll 0% 0% transparent;
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2493fb', endColorstr='#0273de',GradientType=0 );
   color:#fff;
   text-align:center;
   text-shadow: 1px 1px 1px #000;
   -moz-border-radius:3px; 
   -webkit-border-radius:3px;
   border-radius:3px;
   -moz-box-shadow:inset 0px 1px 1px -1px rgba(255,255,255,1);
   -webkit-box-shadow:inset 0px 1px 1px -1px rgba(255,255,255,1);
   box-shadow:inset 0px 1px 1px -1px rgba(255,255,255,1);
   cursor:pointer;
}
.button:hover{   background: -moz-linear-gradient(to bottom, #2493fb 0px, #0273de 30%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2493fb), color-stop(30%,#0273de));
   background: -webkit-linear-gradient(to bottom, #2493fb 0px, #0273de 30%);
   background: -o-linear-gradient(to bottom, #2493fb 0px, #0273de 30%);
   background: -ms-linear-gradient(to bottom, #2493fb 0px, #0273de 30%);
   background: linear-gradient(to bottom, #2493fb 0px, #0273de 30%) repeat scroll 0% 0% transparent;
}
/*----------- Links umranden für mobile navigation -------------*/
a.mlink {
    display: inline-block;
    font-size: 1em;
    line-height: 3em;
    height: 3em;
    margin: -0.5em 0 -0.5em -0.5em;
    padding: 0 0.5em;
    border-radius: 3px;
}

a.mlink:hover {
    background: #fdd;text-shadow: 1px 1px 1px #fff
}
a.mlink:active {
    color: #fff;
    background: #0053bc;
	
}
/*---- normale links ------*/
a.link:hover{text-decoration:underline
	}
/* ----------- Linie ----------------*/







.background-dark hr {
    border-color: #272727;
}
.dsgvo p{font-size: 0.8em}
@media screen and (min-width:630px){.dsgvo p{font-size:1.5em}}
@media screen and (min-width:920px){.dsgvo p{font-size:1.2em}}
.dsgvo h4, .dsgvo h5{margin:0}
.dsgvo h4{font-size:1.25em; color:blue; margin-top:20px; padding-top:10px}
.dsgvo h5{font-size: 1.25em;color: blue;margin-top: 20px}
.dsgvo h4:first-child{margin-top:0}
.dsgvo span{color:blue}
.dsgvo li{margin-bottom:1em}
.ebene2{margin-left:40px}
.ebene3{margin-left:40px; margin-top:10px}
.ebene4{margin-left:50px}

.ebene1 p{margin-left:1.2em; margin-top:0.75em}
.ebene2 p{margin-left:2.1em}
.ebene3 p{margin-left:3em}

.ebene4 li:first-child{margin-top:10px}

.red{color:red}