html, body { overflow: auto; }
* { box-sizing: border-box; }
body { font-family:Verdana,Helvetica,Arial,sans-serif; color:#333; background-color:#dcdcdc; margin:0; padding:0; font-size:0.9em; }
body { width: 100vw; height: 100vh; background-image: url(/bgimage/kale-525121_l_480.jpg); background-repeat:  no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; }
@media (orientation: portrait), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { body { background-image: url(/bgimage/kale-525121_l_480.jpg); } }
@media (min-width: 640px) and (orientation: landscape) { body { background-image: url(/bgimage/kale-525121_l_800.jpg); } }
@media (min-width: 640px) and (orientation: portrait) { body { background-image: url(/bgimage/kale-525121_l_1024.jpg); } }
@media (min-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 640px) and (min-resolution: 144dpi) { body { background-image: url(/bgimage/kale-525121_l_1024.jpg); } }
@media (min-width: 1280px) and (orientation: landscape) { body { background-image: url(/bgimage/kale-525121_l_1280.jpg); } }
@media (min-width: 1280px) and (orientation: portrait) { body { background-image: url(/bgimage/kale-525121_l_1280.jpg); } }
@media (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1280px) and (min-resolution: 144dpi) { body { background-image: url(/bgimage/kale-525121_l_1280.jpg); } }
article { box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px; background-color: rgba(255, 255, 255, 0.75); margin:10% auto 1em auto; padding:15px; text-align:center;}
.dsgvo { box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px; background-color: rgba(255, 255, 255, 0.75); margin:10% auto 1em auto; padding:15px; text-align:center;}
.datenschutz { text-align: left; }
form { text-align:left; }
.input100 { width: 100%;}
textarea { width: 100%;}
h1 { border-bottom: 1px solid #d1d5d8; }
a, a:visited, a:active, a:hover { color: #039; font-weight: normal; text-decoration: none; }
a:hover { color: #009; border-bottom: 1px solid #009; display: inline }
a.domainnamelink, a.domainnamelink:visited, a.domainnamelink:active, a.domainnamelink:hover { color: #fff; font-weight: bold; text-decoration: none; }
a.domainnamelink:hover { color: #00f; border-bottom: 1px solid #fff; display: inline }
#hirschiscloud { line-height: 25px; color: #000000; overflow: hidden; padding: 10px; margin: 0; text-align: center; list-style: none; align: center; }
.dc0 a{color:#954567;font-size:100%;}
.dc1 a{color:#0180B5;font-size:100%;font-weight:bold}
.dc2 a{color:#4E1339;font-size:120%;}
.dc3 a{color:#8A9747;font-size:120%;font-weight:bold}
.dc4 a{color:#21405F;font-size:140%;}
.dc5 a{color:#E6062D;font-size:140%;font-weight:bold}
.dc6 a{color:#66D6AE;font-size:160%;}
.dc7 a{color:#02B58A;font-size:160%;font-weight:bold}
.dc8 a{color:#5F8755;font-size:180%;}
.dc9 a{color:#EA3E70;font-size:180%;font-weight:bold}
.dc10 a{color:#C62C3A;font-size:200%;}
.dc11 a{color:#F3858B;font-size:200%;font-weight:bold}
.row::after { content: ""; clear: both; display: block; }
[class*="col-"] {float: left; padding: 1px;}
table { align: center; margin-left:auto; margin-right:auto; }
td { text-align: left; }
.header { background-color: rgba(96, 96, 96, 0.75); color: #ffffff; padding: 15px; }
.footer { text-align:center; color:#888; font-size:0.8em; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.right_side { text-align: center; padding: 30px;}
/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
/* For mobile phones: */
@media only screen and (max-width: 768px) { [class*="col-"] { width: 100%; }
}
