/* body {margin: 0; font-family: serif; font-size: 22px; background-color:#FAFAFA; color:#363636} */
body {margin: 0; font-family: serif; font-size: 22px; background-color:#FAFAFA; color:#363636}
h3 {font-family: sans-serif; color:#104E8B;}
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;}
.k4 {position:absolute; top:60px; left:0px}
.k4l {margin-left:10px}
.k5, .k6 {display: flex; flex-flow: row wrap;justify-content:center;background-color:White;}
.k6 {background-color:#FAFAFA;}
.k5 > a, .abtn {border:1px solid LightGrey; border-radius: 3px; padding:16px 16px; margin:5px 10px; color:#363636; text-decoration:none;font-family:sans-serif;font-size:12px;}
.k6 > a {border:0px; padding:16px 16px; color:#363636; text-decoration:none;font-family:sans-serif;font-size:12px;}
.lsb {background-color:#F2F6FF; border-radius: 30px;font-weight:bold;}
.lsb::after {content:" 🔗"}
.c1 {display: flex; flex-direction:column;}
.c1 > div, .c1 > a {display: flex; flex-direction: column; justify-content:center; margin:10px;background-color:White; border-right:1px solid LightGray; border-bottom:1px solid LightGray; text-decoration:none; color:#363636}
/* .c1 a {margin:20px;} */
/* .c1 > div, .c1 > a {display: flex; flex-direction: column; justify-content:center; margin:10px;background-color:White; padding:10px 10px 30px 10px; border-right:1px solid LightGray; border-bottom:1px solid LightGray; text-decoration:none; color:#363636} */
.c1 > a:hover {border:none; border-left:1px solid LightGray; border-top:1px solid LightGray;}
/* .c2 {width:100%; max-height:200px; object-fit: cover;} */
.c2 {width:100%; object-fit: scale-down;}
.brottext, .buchung {margin: 25px; font-style: italic; line-height: 150%;}
.buchung {font-family: sans-serif; font-size: 14px;}
.f1 {padding:50px 0;}
.f0 {display: flex; flex-direction: column; align-items: center; background-color:#F0F0F0; color:#828282; padding:100px; font-size: 16px;}
.f0 > * > a {color:#828282;}
.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; }
.cc {column-count: 1; margin:0; column-gap: 5px;}
.cc * {width:100%}
.cc2 {column-count: 2}
.cc > div {overflow: hidden;}
.cc img:hover {transform: scale(1.1); transition: all .3s ease-in;}
.cc img {transition: all 1s ease-out;}
	
@media (min-width: 780px)
{
/* h1,h4 {line-height: 18px;} */
.k2 {height:400px}
.brottext, .buchung {margin: 50px 100px}
.k1 {padding: 10px;}
.k3 {padding: 10px; background-color:White}
.g {margin:50px}
.c1 {flex-direction: row;justify-content:space-between; margin: 30px 50px;}
.c1 > div, .c1 > a {width: 50%;}
.g:after { min-width: 250px;} 
.g > *, .g > * > img { height: 250px;}
.cc {column-count: 2;  margin:50px}
.cc2 {column-count: 3}
}

@media (min-width: 1400px)
{
.k2 {height:500px}
/* .brottext, .buchung {margin: 100px 200px} */
.brottext, .buchung, .c1 {max-width:1024px; margin: 50px auto}
.g {margin:100px}
.g:after { min-width: 300px;} 
.g > *,.g > * > img { height: 300px;}
/* .cc {column-count: 3;  margin:100px} */
.cc {column-count: 3;  margin:50px 200px}
.cc1 {column-count: 2}
.cc2 {column-count: 4}
}