/* Für den IE */
@font-face {
font-family:latol;
src:url(lato-light-webfont.eot);
}
@font-face {
font-family:gilda;
src:url(gildadisplay-regular-webfont.eot);
}
@font-face {
font-family:noto;
src:url(NotoSerif-Regular.eot);
}


/* Für alle anderen Browser */
@font-face {
font-family:latol;
src:url(lato-light-webfont.ttf);
}
@font-face {
font-family:gilda;
src:url(gildadisplay-regular-webfont.ttf);
}
@font-face {
font-family:noto;
src:url(NotoSerif-Regular.ttf);
}

#container {
margin-top: -16px;
margin-bottom: -1px;
width:100%;
height:100%;
display:-webkit-flex;
display:flex;
-webkit-flex-direction: column;
flex-direction: column;
}

#content{
position:relative;
margin-left: 80pt;
margin-right:20pt;
height:auto !important; /* normale Browser */
    height:100%; /* IE6: setzt dies wie min-height um*/
    min-height:101%; /* normale Browser */
}

#box1 {
top:-1px;
	background:white;
	height:auto;
	max-width: 480px;
	min-width: 270px;
	border-radius: 0px 0px 15px 15px;
padding: 0 15px 1px 15px;
}
#box1 ul{
padding-left: 0;				
}


#box2, #box2 a{
	background:transparent;
	-webkit-flex: 3;
	flex: 3;
	height:22px;
	max-width: 490px;
	padding-right:1px;
	padding-top: 3px;
	text-align:right;
	color:#bc4562;
	text-decoration:none;
	font-family:'latol', Georgia, serif; 
font-size: 14px;
letter-spacing:1.19px;
margin-top:3px;

}
#box2 a:hover { 
color: #bb4562; 
text-decoration: overline; 
border-top-color: #484a50; 
font-family:'latol', Georgia, serif; 
font-size: 14px;
letter-spacing:1.19px;
}

#box3 
{position:absolute;
border-radius: 15px 15px 0px 0px;
	background:white;
	-webkit-flex: 1;
	flex: 1;
	position:relative;
	max-width: 480px;
	/*height: 80%;*/
	z-index:2;
padding: 0 15px 25px 15px;
 /*neue Schrift 05.03.2026*/
 font-family: 'system-ui', system-ui;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
}

#box3 strong {
  font-weight: bold;
}
#box3 h2{
font-family:latol; 
font-size:28px;
line-height:33px;
color:#bb4562;				
}
#box3 h6{
font-family:latol; 
font-size:14px;
line-height:18px;
color:#000;	
padding-top: 10px;
margin-top:0;
}

#box3 a{
font-family:latol; 
font-size:14px;
line-height:18px;
color:#bb4562;
text-decoration: none;}

#box3 a:hover { color: #bb4562; text-decoration: overline; border-top-color: #bb4562; }	


#box4 {
position:fixed;
bottom: 0px;
	background:white;
	height:40%;
	width: 480px;
	min-width: 270px;
border-radius: 15px 15px 0px 0px;
padding: 0 15px 25px 15px;
}

table {
	 font-family: 'system-ui', system-ui;
    font-weight: 300;
	font-size: 14px;
	line-height:20px;
}

tr:hover td {
background:url(../images/menu-bg-act1.jpg)
			}


.style1 img{
				text-align: center;
				height:auto;
width:94%;
padding: 15px;
}

.smarthg{
display:none;			
}

@media only screen and (max-width: 660px) {
#content{
margin-left: 5pt;
margin-right: 5pt;
height: 101%;
}
.style1 img{
				text-align: center;
				height:auto;
width:90%;
padding: 5px;
}
hr {width:90%;
border:dashed #B9B9B9 0.03em;
}
.smarthg{
display:inline;
	height:auto;			
}
#box4
{ display:none;}

}

#footer { font-size: 10px; position: fixed; bottom: 0px; width: 100%; }

/* test menü mobile geräte */
#box3 ul, #box3 p {
 padding:0; /* Reset auf 0 im IE */
 margin:0;  /* Reset auf 0 im FF, Opera */
}

#box3 ul li
{
 padding-left: 5px; /* Damit werden die Listenpunkte um 5px nach LINKS verschoben, im IE */
 margin-left: 5px; /* Damit werden die Listenpunkte um 5px nach LINKS verschoben, im FF, Opera */
 list-style-position:inside;
}

.style1 img, .style1 svg{
display: block;
    margin-left: auto;
    margin-right: auto
}