@charset "utf-8";
/* CSS Document */

body {background-color:#ffffff;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;}
	
body a {color:#0066ff;}

header {
	color: #ffffff;
	font-size: xx-large;
	font-style:medium;
	font-weight:bolder;
	padding: 10px;
	text-align:center;
	font-family: 'Source Sans Pro', sans-serif;
	}
	
#title_br{
	display:none;
}
	
	.dsgvo{
	
 
  
}
	
	p {
		font-family:'Comfortaa', cursive;
	}
	
#sprechzeiten_nav{
	display:none;
}	

#impressum{
	padding-left:200px;
}
	
.empty{
	padding-bottom:214px;
	
}
.emptyaktuell{
	margin-bottom:160px;
	margin-top:150px;
	margin-left:180px;
	font-weight: bold;
	font-size:xx-large;
}

.emptyaktuell2{
	margin-bottom:20px;
	margin-top:20px;
	text-align: left;
	font-size:xx-large;
}

.emptyaktuell3{
	margin-bottom:20px;
	margin-top:20px;
	text-align: left;
	margin-left:0px;
	font-size:x-large;
	font-family:'Comfortaa', cursive;
}

#emptymobile{
	display:block;
	
}
	
#emptymobile2{
		display:none;
}
	
.dsgvo a{
	
	
}
.dsgvo a: link {
	color:#ffffff;
}
.dsgvo a {
	color : #ffffff;
}

#taetigkeitenP{
	font-size:large;
	margin-left:200px;
	font-weight:bold;
}

#hilfscontainer {margin:0px auto;
	 max-width:1200px;
	 background-image:url('hintergrund.jpg');}


	#background{
		position:relative;
	background-image:url('hintergrund.jpg');
}
	 
.leistungen1{
	text-align:left;
	margin-left:500px;
	font-family: 'Comfortaa', cursive;
}
.leistungen2{
	text-align:left;
	margin-left:500px;
	font-family: 'Comfortaa', cursive;
}

#urlaub_br{
	display:none;
}

#urlaub {
	
	position:absolute;

	margin-left:750px;
	margin-top:30px;
	margin-right:50px;
	border: 1px solid black;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:5px;
	font-size:22px;
	line-height: 1.2;
	background-image: url('hintergrund5.jpg');
	font-weight:bold;
	
	
	
	
	font-family: 'Comfortaa', cursive;
}
#startseitehilfsdiv{
	border: 1px solid grey;
	
}

#googleMaps {
    padding-left: 23%;
}


#cookie-banner {
    position: fixed;
    bottom: 0; left: 0; right: 0;
    background: #222;
    color: #fff;
    padding: 12px 20px;
    text-align: center;
    font-family: sans-serif;
    font-size: 14px;
    z-index: 9999;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Banner ausblenden */
#cookie-banner.hidden {
    transform: translateY(100%);
    opacity: 0;
}

/* Buttons */
#cookie-banner button {
    margin: 5px 3px;
    padding: 8px 12px;
    cursor: pointer;
    border: none;
    border-radius: 3px;
}

/* Farben für die Buttons */
#accept-btn { background: #4CAF50; color: #fff; }
#decline-btn { background: #f44336; color: #fff; }
#necessary-btn { background: #555; color: #fff; }

/* Mobile Optimierungen */
@media (max-width: 400px) {
    #cookie-banner {
        font-size: 13px;
        padding: 10px 15px;
    }
    #cookie-banner button {
        display: block;
        width: 90%;
        margin: 5px auto;
    }
}
	
	
#startseitebild{
	margin-left:300px;
		width:700px;
		height:420px;
	}
	
.schlangetaetigkeiten{
	color: darkblue;
}
	
#maps{
	width:750px;
	height:450px;
	margin-left:300px;
	padding-bottom:50px;
}
	
#startseitentxt {

	margin-top: 50px;
	margin-right:500px;
	position:absolute;
	margin-left:100px;
	padding-left: 66px;
	padding-right: 66px;
	font-size:x-large;
	text-align:center;
	font-family: 'Comfortaa', cursive;
	border: 1px solid grey;
	background-image: url('hintergrund.jpg');
	color:white;
}
	 

 
.sprechzeiten {
	position:fixed;
	
	margin:0px;
	margin-left:0px;
	margin-top: 0px;
	border: 1px solid black;
	padding-left:25px;
	padding-right:15px;
	padding-top:20px;
	padding-bottom:20px;
	background-image: url('hintergrund.jpg');
	color:white;
	line-height: 0.7;
	font-family: 'Comfortaa', cursive;
	
}

.team1 {
		margin-left:200px;
		padding-top:30px;
	
}
#anfahrt{
	font-size: xx-large;
 	margin-bottom: 10px;
	margin-top: 0px;
	text-align: center;
	margin-left:300px;
	font-family: 'Source Sans Pro', sans-serif;
	font-style: medium;
	}
	
#impress{
	font-size: xx-large;
 	margin-bottom: 10px;
	margin-top: 0px;
	text-align: center;
	margin-left:0px;
	font-family: 'Source Sans Pro', sans-serif;
	font-style: medium;
	}


#nachoben{
	background-image: url('hintergrund.jpg');
	padding:8px;
	padding-left:15px;
	padding-right:15px;
	float:left;
	margin-top:25px;
	margin-bottom:15px;
	color:white;
	font-family: 'Comfortaa', cursive;
}	

	 
figcaption{
	text-align:center;
	padding-top:8px;
	margin-left:200px;
	font-size:x-large;
	font-family: 'Comfortaa', cursive;
}
	 
nav {margin:10px;
	padding-bottom:20px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	text-align:center;}

.leistungen-mobile{
	display:none;
}
	
main {background-color:#ffffff;
	color: #000000;
	float:left;
	width:100%;}
	
main h1 {font-size: xx-large;
 	margin-bottom: 10px;
	margin-top: 0px;
	text-align: center;
	margin-left:200px;
	font-family: 'Source Sans Pro', sans-serif;
	font-style: medium;}	

	#datenschutz{
		margin-left:0px;
		
	}
	
main h2 {font-size: x-large;
 	margin-bottom: 5px;
	margin-top: 13px;
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	font-style: medium;}		

article {border: 0px;
	border-radius:10px;
	margin:20px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	text-align: center;}

footer {
	clear:left;
	color:#ffffff;
	font-size:large;
	font-style:medium;
	font-weight:bolder;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	width: 100%;
	font-family: 'Montserrat', sans-serif;}

img {max-width:100%; height:auto; }

ul {margin:0; 
    padding:0;
    width:100%;
    list-style-type:none;
	font-size:large;
}

ul li a {text-decoration:none;
    color:#ffffff; 
    padding:10.5px 11px;
	margin-bottom:10px;
    background-color:#0003ba;
    display:block;
	border-radius:10px;
}

.topnav2{
	display:none;
}

	.topnav {
  position: relative;
  overflow: hidden;
  background-color: #393d42;
  border: 1px solid black;
}
	
	
	.topnav a:hover {
  background-color: deeppink;
  color: white;
}

.topnav a.active {
  background-color: #0056ba;
  color: white;
}




.topnav a {
  color: white;
  text-align: center;
  padding: 14px 38.2px;
  text-decoration: none;
  font-size: 20px;
  display: inline-block;
  
}