body{
		background-repeat:no-repeat;
	    background-attachment: fixed;
	}
	#overlay{
    	position: fixed;
   	 	display: none;
    	width: 100%;
   	 	height: 100%;
    	top: 0;
    	left: 0;
    	right: 0;
    	bottom: 0;
    	background-color: rgba(0,0,0,0.5);
    	z-index: 2;
	}
	#text .closebtn {	/* Position vom Close-Button oben rechts */
    	position: absolute;
    	top: 5px;
    	right: 15px;
    	font-size: 40px;
    	font-weight:bold;
	}
	#overlay .closebtn:hover {
		text-decoration:none;	
	}
	#text{
		position: absolute;
    	top: 50%;
    	left: 50%;
    	background-color:rgba(251, 245, 195, 1.0);
    	color: #001952;
    	transform: translate(-50%,-50%);
    	-ms-transform: translate(-50%,-50%);
    	padding:50px;
    	width:50%;
	}
	#text form{
		font-size:1.5em;	
	}
	form input{
		width: 100%;
    	padding: 12px 20px;
    	margin: 8px 0;
    	display: inline-block;
    	border: 1px solid #ccc;
    	border-radius: 4px;
    	box-sizing: border-box;
    	font-size:1.25em;	
	}
	form input[type=submit]{
		font-weight:bold;
		border:3px #001952 solid;
		border-radius: 4px;
		cursor: pointer;
		background-color:rgba(251, 245, 195, 1.0);
		transition:0.3s;
	}
	form input[type=submit]:hover{
		border-color:black;
		background-color:#001952;
		color:rgba(251, 245, 195, 1.0);
	}	
		/* DIV's */

	div.bigbox{
		/*border:5px black solid;*/
		margin:50px 10%; 						/* 50 Pixel oben wie unten frei; 10% des Browsers Links wie Rechts frei */
		background: rgba(251, 245, 195, 0.9);	/* RGB Farbcode + 70% Farbintesität */
		padding-bottom:20px;					/* Abstand von unterem Rand der BigBox zum letzten Inhalt darüber */
	}
	div.legend{
		/*border-bottom:1px #001952 solid;*/
		margin:10px 10px 0px;
		height:50px; 					/* Höhe des Div Objekt */
		background-color:transparent; 	/* Macht den Hintergrund des DIV transparent */
  	}
  	/* Legend ist das Menüband */
  	
	div.logo {
		/*border:2px black solid;*/
		padding-top:15px;
		margin:0px 10px;
		background-color:transparent;
		position:relative;
	}
	#logo{
		margin:auto;
	}
	#Loginbtn {
		position:absolute;
		right:20px;
		top:20px;
		background-color:transparent;
		border:none;
		font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
		font-size:30px;		
		cursor:pointer;
		color:#001952;
      	align-items: center;
        display: inline-flex;
      	flex-direction: column;
	}
	#Loginbtn img#etg-image {
      height: 50px;
      width: fit-content;
	}

	#Loginbtn:hover {
      text-decoration: underline;
	}

	div.main{
		/*border:2px black solid;*/
		margin:0px 10px 10px;
		background-color:transparent;
	}
	/* beschreibt die Eigenschaften des Div Objektes in dem der Hauptinhalt jeder Seite gelagert ist */
	
	
	
		/* Schrift und Links */
	
	a {
			text-decoration:none;
			color:#001952;
		}
		/* Link Styling */
				
		a:hover {
			text-decoration:underline;
			cursor:pointer;				/* Beschreibt aussehen des Cursors */
		}
		/* gehoverter Link */
	
	.active{
		text-decoration:underline;
		font-weight: bold;			/* Schrifttyp Fett */
	}
	/* Aktiver Link */
	
	h1{
		color:#001952;
		font-family:Verdana, Geneva, Tahoma, sans-serif;	/* Schriftart */
		text-align:center;
	}
	/* Überschrift Stil 1 */
	
	h2{
		color:#001952;
		font-family:Verdana, Geneva, Tahoma, sans-serif;
		margin-left:50px;
	}
	/* Überschrift Stil 2 */
	
	p{
		color:#001952;
		font-family:Verdana, Geneva, Tahoma, sans-serif;
		font-size:1.25em;									/* Schriftgröße */
		margin:20px 50px 10px 50px;
	}
	/* Normaler Text */
	
	
	
	
	/* Rest */
	
	td.dropdown {
	    display: inline-block;
	}
	.droplinkaktiv {
		text-decoration:underline;
		font-weight: bold;	
	}
	
	.dropdown-content {
	    display: none;									/* Versteckt das Dropdownmenü bis ''Mieten'' gehovert wird */
	    position: absolute;								/*  */
	    background-color: rgba(251, 245, 195, 1);		
	    min-width: 130px;								/* mindest Länge des Dropdown fensters */
	    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.7);	/* Schatteneffekt für ein Objekt */
	    z-index: 1;
	}
	/* Beschreibt den Zustand des Inhaltes der Dropdownauswahl */
	
	.dropdown-content a {
		font-size:0.75em;			/* Größe der Dropdown-Schrift */
	    padding: 2px 8px;		/* Abstand des Textes in vom Rand innerhalb des Objektes */
	    text-decoration: none;	/* entfernt jegliche Textzusätze wie unterstreichungen */
	    display: block;			/* Anordnung der Links als Block (Untereinander) */
	    text-align: left;		/* Textausrichtung */ 			
	}
	/* Alle Links innerhalb des Dropdowns */
	
	.dropdown-content a:hover {
		background-color: rgba(0,25,82,0.3);
		text-decoration:underline;
	}
	/* Styling für gehoverter Links innerhalb des Dropdowns */
	.dropdown:hover .dropdown-content {
	    display: block;    
	}
	/* Sobald der Dropdownauslösende Link Gehovert wird erscheind das Dropdown */
	
	.dropdown:hover .droplink {
		text-decoration:underline;
	}
	/* Styling wenn der Dropdownauslösende link gehovert wird */	
	
	.dropdown:hover .dropdown {
		width:20%;
	}

		table {
			margin:auto;		/* Positionierung des Textes in der Mitte */
			color:#001952;		/* Farbe der schrift in der Tabelle */
			font-size:30px;
			width:100%;
			text-align:center;
		}
		/* Tabellen Styling */
		
		td.percent {
			width:20%;
		}
		/* Teilt die Tabelle in 5 gleichgroße Teilstücke */
		
		
		
		
	.fixed{
		position:fixed;		/* fester Platz innerhalb einer seite */
		bottom:20px;		/* Abstand zum Boden der Seite */
		right:20px;			/* Abstand zum Rechten Rand der Seite */
		width:200px;		
		text-align:right;	/* Positionierung des Textes nach Rechts */
	}
	/* Styling für den Impressumslink */
		
	
	
	ul{
		color:#001952;
		font-family:Verdana, Geneva, Tahoma, sans-serif;
		font-size:1em;
		margin-left:70px;
	}
	/* Liste ohne Aufzählung */
		
	table.contacts{
		color:#001952;
		font-family:Verdana, Geneva, Tahoma, sans-serif;
		font-size:1em;
		margin-left:70px;
		text-align:left;
		display:inline;
	}
	/* Tabelle für Kontaktdaten */
	
		td.contacts{
			width:100px;	/* Setzt erste Spalte der Tabelle auf eine Länge von 100 Pixel */
		}
		
		td.fakten{
			width:200px;	
		}
	
	div.datenundmap{
		overflow:auto; 
		margin:0px 70px;	
	}
	div#mapangebot{
		width:400px; 
		height:300px; 
		float:right;
	}
	
	table.impressum{
		color:#001952;
		font-family:Verdana, Geneva, Tahoma, sans-serif;
		text-align:left;
		margin-left:20px;
		margin-right:20px;
		vertical-align:top;
		font-size:1.25em;
		width: auto;
	}		
	
	td.impressum{
		width:250px;	
		
	}
	
	table.impressum td{
		vertical-align:top;
		padding-bottom:35px;
		padding-left:20px;	
	}	
	a.mieten{
		margin:50px 50px;
		display:block;
	}
	
	a.mieten:hover{
		box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.7);
		transition:0.25s;					/* Transitionsdauer (von keinem Schatten zu Schatten) */
	}
		
	img.panorama{
		margin:auto;	
	}	
	.tooltip {
	    position: relative;
	    display: inline-block;
	}
	/* Tooltip Div */
	
	.tooltip .tooltiptext {
	    visibility: hidden;								/* Sichtbarkeit vorerst unsichtbar */
	    width: 250px;
	    background-color: rgba(251, 245, 195, 1);
	    color:#001952;
	    text-align: center;
	    border-radius: 6px;								/* ecken des Tooltips abrunden */
	    padding: 10px ;
	    position: absolute;
	    z-index: 1;
	    opacity: 0;										/* Sichtbarkeit in Prozenten */
    	transition: opacity 2s;							/* Übergang von unsichtbar zu Sichtbar in 2 Sekunden */
    	transition-delay:1s;							/* Transition wird erst nach einer Sekunde Abgespielt */
    	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	}
	/* Styling für den Text im Tooltip */
	
	.tooltip:hover .tooltiptext {
	    visibility: visible;
	    opacity:1;
	}
	/* Sobald das Tooltipauslösende Wort gehovert wird die Transition ausgelöst */
	
	.angebot {
		/*border:3px black solid;*/
		position:relative;
		padding-bottom:25px;
	}
			
	.angebot:hover {
		box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.7);
		transition:0.25s;
	}
	
		
	img.objektbild {
		width:200px;
		height:150px;
		margin-left:5%;
		margin-top:5%;	
	}

	img.galleryframe{
		/*border:3px black solid;*/
		margin:25px 0px 0px 25px;
	}
	
	img.miniatur{
		width:100px;
		height:56px;
		margin:5px;	
	}
	img.miniatur:hover{
		cursor:pointer;
	}
	
	iframe img{
		max-width:100%;
		height:auto;
	}