/* ---------- BASIS ---------- */

body{
font-family: Arial, Helvetica, sans-serif;
color:#4f4f4f;
margin:0;
padding:20px;
line-height:1.5;
}


/* ---------- LINKS ---------- */

a:link{
color:#4f4f4f;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
line-height:16px;
text-decoration:none;
}

a:visited{
color:#4f4f4f;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
line-height:16px;
text-decoration:none;
}

a:hover{
color:#a41527;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:16px;
text-decoration:none;
}

a:active{
color:#a41527;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
line-height:16px;
text-decoration:none;
}


/* ---------- TEXT ---------- */

.unterschrift{
font-size:11px;
line-height:16px;
}

.logo{
font-size:12px;
}

.visited{
font-size:12px;
font-weight:bold;
}


/* ---------- BILDER ---------- */

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

.image img{
max-width:100%;
max-height:90vh;
width:auto;
height:auto;
object-fit:contain;
}


/* ---------- MOBILE OPTIMIERUNG ---------- */

@media screen and (max-width:800px){

body{
padding:15px;
font-size:14px;
}

/* Text besser lesbar */

.unterschrift{
font-size:14px !important;
line-height:1.6 !important;
}

/* alte feste Layoutbreiten aufheben */

div[style*="width:757px"],
div[style*="width:888px"],
div[style*="width:900px"]{
width:100% !important;
height:auto !important;
}

/* absolute Layouts mobil entschärfen */

div[style*="position:absolute"]{
position:relative !important;
left:auto !important;
top:auto !important;
width:100% !important;
margin-bottom:20px;
}

/* verhindert horizontales Scrollen */

body{
overflow-x:hidden;
}

}