body {margin: 0; font-family: serif; font-size: 18px; background-color:#FEFEFC; color:#363636}
h1,h2,h4,h5 {font-family: sans-serif; line-height: 120%;}
h3 {font-family: sans-serif; color:#fc5f05}
hr {margin: 20px 0; border:0; border-top: 1px solid #ddd;}
.k1 {border-bottom:1px solid #BEBEBE;}
.k2 {width:100%; height:200px; object-fit: cover; background: #fc5f05;
background: -moz-linear-gradient(-45deg, #fc5f05 0%, #ff7c00 63%, #ffa73d 95%, #ffb76b 100%);
background: -webkit-linear-gradient(-45deg, #fc5f05 0%,#ff7c00 63%,#ffa73d 95%,#ffb76b 100%);
background: linear-gradient(135deg, #fc5f05 0%,#ff7c00 63%,#ffa73d 95%,#ffb76b 100%);}
.k4 {position:absolute; top:30px; left:10px}
.k4l {margin-left:10px}
.k5 {display: flex; flex-flow: row wrap;justify-content:center;background-color:White;}
.k5 > a {border:1px solid LightGrey; border-radius: 3px; padding:6px 10px; margin:5px 10px; color:#363636; text-decoration:none;font-family: sans-serif;font-size: 12px;}
.c1 {display: flex; flex-direction:column; flex-wrap:wrap}
.c1 > div {display: flex; flex-direction: column; justify-content:center; text-decoration:none;}
a {color:#fc5f05;text-decoration:none;padding:11px 0}
a:hover {text-decoration:underline;}
a:before {content:"› "}
.c3 > a {display:block}
.c2 {margin-right:20px}
.bu {font-size: 14px; color:#999999}
.brottext, .buchung {padding: 25px; line-height: 150%; color:#333333}
.buchung {font-family: sans-serif; font-size: 14px;}
.f0 {display: flex; flex-direction: column; align-items: center; background-color:#F3F3F0; color:#999999; padding:100px; font-size: 16px;}
.f0 > * > a {color:#999999;}
.f0 > div {padding:11px 0}
.g { display: flex; overflow: hidden; flex-wrap: wrap; }
.g:after { content: ''; flex-grow: 999999999; min-width: 100px; height: 0; }
.g > * { position: relative; display: block; height: 100px; margin: 2.5px; flex-grow: 1; }
.g > * > img { height: 100px; object-fit: cover; max-width: 100%; min-width: 100%; vertical-align: bottom; }
.g > *, .g > * > img { height: 150px; }
.l1 {background-color:#F3F3F0;}
.t1 {width: 100%;}
.t1 td {padding: 8px;text-align: left;border-bottom: 1px solid #ddd;}
.l2 li {border-bottom: 1px solid #ddd; margin-bottom:10px}
.logo1{position: relative;top: 70px; left: 10px; width: 90px; height: 30px; background: white}
.logo2{position: relative;top: 10px; left: 40px; width: 30px; height:90px;  background: white}

@media (min-width: 780px)
{
.k2 {height:300px}
.brottext, .buchung {padding: 50px 100px}
.k1 {padding: 10px;}
.k3 {padding: 10px; background-color:White}
a {padding:0}
.c21 {float:left}
.g {margin:50px}
.c1 {flex-direction: row;justify-content:space-between; align-items: flex-start}
.c1 > div, .c1 > a {width: 30%;}
.f0 > div {padding:0}
.g:after { min-width: 250px;} 
.g > *, .g > * > img { height: 250px;}
}

@media (min-width: 1400px)
{
.k2 {height:300px}
.brottext, .buchung {max-width:1000px; margin: 0px auto}
.g {margin:100px}
.g:after { min-width: 300px;} 
.g > *,.g > * > img { height: 300px;}
}