@font-face {font-family: "Roboto"; src: local("Roboto"), url("roboto.ttf"); }
@font-face {font-family: "RobotoBold"; src: local("Roboto-bold"),url("roboto-bold.ttf"); }
@font-face {font-family: "Roundex"; src: local("roundex"),url("roundex.otf"); }

html {scroll-behavior:smooth;}
body {margin:0;padding:0;background-color:#FFF;color:#585858;font-family: Roboto, sans-serif, Arial, Verdana;font-size:15px;}

a {
text-decoration:none;
color:#fff;
}

a:hover {
text-decoration:none;
color:#fff;
}

.dis {
height:20px;
}

.ybox {
width:100%;
height:70px;
border:0px;
font-family: Roboto-bold, Roboto;
font-size:24px;
background:#FFB90F;
color:#fff;
text-align:center;
vertikal-align:center;
}

.ybox-dis {
padding-top:18px;
}

.gbox {
width:100%;
height:40px;
background:#E3E3E3;
border:0px;
}


/* index.php */

#switch_on { display:block }
#switch_off { display:none }

#fra-container {
position:fixed;top:0px;width:100%;height:110px;background:#fff;z-index:999;}

.fra-dis {
height:90px;
}

iframe {
width:100%;
margin: auto;
border:none; aspect-ratio: 16 / 9;
}

table.container {
width:90%;
border:0px;
}

.logo {
width:164px;
height:auto;
}

a.nav-link{
text-decoration:none;
font-family: Roboto-bold, Roboto;
font-size:18px;
color:#868e96;
border-bottom:3px solid transparent;
padding:15px;
}

a.nav-link:hover{
font-family: Roboto-bold, Roboto;
font-size:18px;
border-bottom:3px solid #f4a102;
color:#868e96;
padding:15px;
}

.button-reg {
background-color:#1874CD;
border:none;
border-radius:5px;
color:#fff;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-family: Roboto-bold, Roboto;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}

.bodylogo {
background:no-repeat center/100% url("/image/bodylogo.jpg");
height:300px;
}

/* Login Link */

a.nav-link-log{
text-decoration:none;
font-family: Roboto-bold, Roboto;
font-size:18px;
color:#868e96;
}

a.nav-link-log:hover{
font-family: Roboto-bold, Roboto;
font-size:18px;
color:#f4a102;
}

a.nav-link-log-in{
text-decoration:none;
font-family: Roboto-bold, Roboto;
font-size:18px;
color:#1874CD;
}

a.nav-link-log-in:hover{
font-family: Roboto-bold, Roboto;
font-size:18px;
color:#f4a102;
}


/* Konto */

.gbox-konto {
width:100%;
height:40px;
background:#E3E3E3;
border:0px;
text-align: center;
padding-top:12px;
font-family: Roboto-bold, Roboto;
font-size:18px;
}

span.text {
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
color:#868e96;
}

span.text-red {
font-family: Roboto-bold, sans-serif, Arial, Verdana;
font-size:15px;
color:#ff0000;
}

span.text-spezial {
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:24px;
color:#868e96;
}

input[name="button"] {
height:38px;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
background-color:#1874CD;
color:#fff;
border:1px solid #868e96;
}

/* Anzeigen */

span.anzeigentitel {
font-family: Roboto-bold, Roboto;
font-size:20px;
color:#FFB90F;
}

span.anzeigentext {
font-family: Roboto, Roboto;
font-size:15px;
color:#868e96;
}

span.anzeigeninfo {
font-family: Roboto-bold, Roboto;
font-size:15px;
color:#868e96;
}

span.hinweis {
font-family: Roboto-bold, Roboto;
font-size:15px;
color:#FF0000;
}






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

#switch_on  { display:none  }
#switch_off { display:block }

#fra-container {
position:fixed; width:100%;height:110px;background:#fff;z-index:999;}

.fra-dis {
height:90px;
}

table.container {
width:90%;
border:0px;
}

.logo {
width:82px;
height:auto;
}

a.nav-link{
text-decoration:none;
font-family: Roboto-bold, Roboto;
font-size:15px;
color:#868e96;
border-bottom:6px solid transparent;
padding:15px;
}

a.nav-link:hover{
font-family: Roboto-bold, Roboto;
font-size:15px;
border-bottom:6px solid #f4a102;
color:#868e96;
padding:15px;
}

a.nav-link-log{
text-decoration:none;
font-family: Roboto-bold, Roboto;
font-size:14px;
color:#868e96;
}

a.nav-link-log:hover{
font-family: Roboto-bold, Roboto;
font-size:14px;
color:#f4a102;
}

a.nav-link-log-in{
text-decoration:none;
font-family: Roboto-bold, Roboto;
font-size:14px;
color:#1874CD;
}

a.nav-link-log-in:hover{
font-family: Roboto-bold, Roboto;
font-size:14px;
color:#f4a102;
}

.button-reg {
display:none;
}

.bodylogo {
background:no-repeat center/100% url("/image/bodylogo.jpg");
height:300px;
margin-top:-50px;
}

.ybox {
width:100%;
height:70px;
background:#FFB90F;
border:0px;
font-family: Roboto-bold, Roboto;
font-size:16px;
background:#FFB90F;
color:#fff;
text-align:center;
vertikal-align:center;
}

.ybox-dis {
padding-top:28px;
}

/* Anzeigen */

span.anzeigentitel {
font-family: Roboto-bold, Roboto;
font-size:15px;
color:#FFB90F;
}

span.anzeigentext {
font-family: Roboto, Roboto;
font-size:12px;
color:#868e96;
}

span.anzeigeninfo {
font-family: Roboto-bold, Roboto;
font-size:12px;
color:#868e96;
}

span.hinweis {
font-family: Roboto-bold, Roboto;
font-size:12px;
color:#FF0000;
}


}