/*RESERVIERUNG */

.satreservierung {
	width:570px; 
	color: var(--vier); 
position:relative;
	border: 5px solid var(--eins);
}

.satreservierungheadline {
font-family: 'Archivo Black', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
           border-bottom: 4px solid var(--eins);
    width: 550px;
    height: 30px;
    margin: 10px;
    margin-top: 34px;
    color: var(--eins);
}

.satreservierungnamen {
	text-align:left;
}

.satreservierungsmallheadline {
	font-family: 'Archivo Black', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
	 color: var(--vier);
  text-align: center;
}

.satreservierungtextfeld {
background: var(--drei);
 margin:10px;  

	min-height: 128px;
    box-sizing: border-box;
    padding: 10px; 
 text-align: justify;
	
}


/* REGULÄRER CODE */ 

.satregular {
width:580px; 
color: var(--vier); 
position:relative;
	border:5px solid var(--eins);
}

.satregular b {
color:var(--vier);}

.satregular a {
color:var(--vier);}

.satregularheadline {
font-family: 'Archivo Black', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
       border-bottom: 4px solid var(--eins);
    width: 515px;
    height: 30px;
    margin: 34px 10px 30px 10px;
	  
		float:left;
color: var(--eins);}
		
		
	.satregularbox {       width: 40px;
    height: 120px;
    background: var(--eins);
    position: absolute;
    left: 525px;
	margin-top:14px;}
	
.satregularheadline2 {
    font-family: 'Archivo Black', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 4px solid var(--eins);
    /* box-shadow: 0px 4px 0px var(--vier); */
    width: 514px;
    height: 30px;
 margin: 34px 10px 30px -10px;
    /* float: right; */
    color: var(--eins);}

.satregularbox2 {      
    width: 40px;
    height: 120px;
    background: var(--eins);
    position: absolute;
    left: 5px;
    margin: 10px;
	margin-top: -69px;}

.satregularbox3 {
    width: 40px;
    height: 120px;
    background: var(--eins);
    position: absolute;
    left: 525px;
    margin-top: 5px;
}

.satregulartextfeld {
background: var(--drei);
 margin:10px;  
  width: 560px;
	min-height: 128px;
    box-sizing: border-box;
    padding: 10px;
	padding-right:55px;   
 text-align: justify;
}
	
	.satregulartextfeld2 
{background: var(--drei);
 margin:10px;   
 width: 560px;
    box-sizing: border-box;
    padding: 10px;
	padding-left:55px;   
 text-align: justify;
}



/* STORYLINE */


.satstory {
width:500px; 
border: 10px solid #34a899; 
background: #303030; 
color: #ddddd; 
position:relative;}

.satstory b {
color:#875094;}

.satstory a {
color:#875094;}

.satstoryheadline {
font-family: 'Archivo Black', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 4px solid #34a899;
    width: 435px;
    height: 30px;
    margin: 10px;
    margin-top: 10px;
    float: left;
    color: #34a899;
    background: #252525;}
		
		
	.satstorybox { width: 45px;
    height: 120px;
    background: #34a899;
    position: absolute;
left: 445px;
    margin-top: 10px;}

#satstorytextfeld {
background: #252525;
 margin:10px; 
    margin-top: 0px; 
  width: 480px;
    box-sizing: border-box;
    padding: 10px;
	padding-right:45px;   
 text-align: justify;
	height:500px;
	overflow:auto;
	color:#dddddd;
}

/* GESUCHE */

.satgesuche {
width:500px; 
border: 10px solid var(--eins); 
background: var(--drei); 
color: #333; 
position:relative;
}

.satgesuche b {
color:#875094;}

.satgesuche a {
color:#875094;}

.satgesucheheadline {

    background: var(--drei);
    font-family: 'Archivo Black', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 4px solid var(--eins);
    width: 480px;
        padding-top: 5px;
    box-sizing: border-box;
    margin-top: 10px;
    color: var(--eins);}
		
		
	.satgesuchebox {       width: 40px;
    height: 120px;
    background: var(--eins);
    position: absolute;
    left: 445px;
	margin-top:14px;}
	
.satgesucheheadline2 {
    font-family: 'Archivo Black', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 4px solid var(--eins);
    width: 434px;
    height: 30px;
    margin: 15px;
    color: var(--eins);}

.satgesuchebox2 {      
    width: 40px;
    height: 120px;
    background: var(--eins);
    position: absolute;
    left: 5px;
    margin: 10px;
	margin-top: -69px;}

.satgesuchebox3 {
    width: 40px;
    height: 120px;
    background: var(--eins);
    position: absolute;
    left: 435px;
    margin-top: 5px;
}

#satgesuchetextfeld {
background: var(--drei);
 margin:10px;  
  width: 480px;
	height:300px;
	overflow:auto;
    box-sizing: border-box;
    padding: 10px; 
 text-align: justify;
	color: #333; 
}
	

.satgesuchebild1 {
	float:right;
	    height: 150px;
    width: 150px;
    margin-left: 10px;
	border: 4px solid var(--eins);
}

.satgesuchebild2 {
	float:left;
	    height: 150px;
    width: 150px;
    margin-right: 10px;
	border: 4px solid var(--eins);
}

.satgesuchefakten {
width: 480px;
    background: var(--drei);
    text-align: center;
    font-family: 'Archivo Black', sans-serif;
    text-transform: uppercase;
	    box-sizing: border-box;
    padding: 5px;
	color: #333; 
}

.satgesuchefakten2 {
	height:30px;
	width:350px;
  font-family: 'Archivo Black', sans-serif;
	text-transform: uppercase;
	    height: 30px;
    width: 300px;
    text-align: center;
   
}