html{box-sizing:border-box;}*,*:before,*:after{box-sizing:inherit;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;}
body, html{margin:0;padding:0;width:100%;height:100%;color:#000;font-size:12px;background-color:#990000;font-family: "Century Gothic",Verdana, Arial, Helvetica, sans-serif;}
.hg-m{float:left;width:100%;height:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
.hg-m-c{width:100%;height:auto;max-width:100vw;overflow:hidden;position:relative;padding-bottom:50px;}
.hg-m-c-p,.hg-m-c-c{float:left;width:100%;overflow:hidden;z-index:1;}
.hg-m-c-c{float:right;}
.hg-m-c-m-1{width:40%;height:150px;position:absolute;left:35%;top:40%;z-index:2!important;overflow:hidden;transform:rotate(90deg);-webkit-transform: rotate(90deg);transform-origin:center;-webkit-transform-origin: center;}
.hg-m-c-m-1-f{top:45%;}
.hg-m-c-m-1a{width:100%;border-radius:100%;border:10px solid #000;box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.9), inset 0 0 0.5em rgba(0, 0, 0, 0.9);margin-top:50%;position:relative;float:left;}
.hg-m-c-m-1n{float:left;width:100%;height:100%;overflow:hidden;display:block;}
.hg-m-c-m-2{width:100%;height:auto;position:relative;z-index:2!important;margin-top:20px;float:left;}
.hg-m-c-c-c-c-t{height:100%;text-align:center;width:100%!important;position:absolute;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;display : -ms-flexbox;-ms-flex-wrap : wrap;-ms-flex-pack : center;-ms-flex-align : center;}
.hg-m-c-c-c-c-t-c{width:76%;}
.hg-m-nav{top:0;width:100%;height:50px;left:0%;font-size:14px;z-index:10;position:fixed;}
.hg-m-nav ul,.hg-m-nav li{margin:0px;padding:0px;list-style-type:none;}
.hg-m-nav a:link,.hg-m-nav a:visited {line-height:16px;font-weight:bold;text-decoration:none;color:#3A0000;font-size:1.1em;}
.hg-m-nav a:link#current,.hg-m-nav a:visited#current,.hg-m-nav a:hover {line-height:16px;font-weight:bold;color:#fff;font-size:1.1em;}
.hg-nav-bi,.hg-nav-ba{display:block;text-decoration:none;cursor:pointer;z-index:4!important;overflow:hidden;transition: all 0.2s;
background-color:#990000;height:100%;color:#3A0000;font-weight:bold;}
.hg-nav-ul{box-shadow: 0px 0px 4px 2px #000;}
.cmsNav{height:0vh;width:100vw;position:fixed;top:0;left:0;z-index:9;background:#990000; transition:all 0.4s;overflow:hidden;}
.cmsNav1{height:100%!important;}
.cmsNav a{border:0;}
.hg-nav-u-0{width:100%;position:absolute;top:50px;left:0;}
.hg-nav-u-1{width:100%;position:absolute;bottom:30px;left:0;}
.hg-nav-u-0 li,.hg-nav-u-1 li{width:100%;text-align:center;line-height:2.0em;}
.hg-nav-p{position:absolute;left:10%;top:80px;height:80px;transition:all 0.4s;}
.hg-m-c-c-c-1,.hg-m-c-c-c-2{float:left;position:relative;width:calc(100% - 10px);border-radius:100%;border:10px solid #000;box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.9), inset 0 0 0.5em rgba(0, 0, 0, 0.9);background:#FFFFCB;margin-left:5px;margin-top:5px;overflow:hidden;}
.hg-m-c-c-c-1{margin-bottom:10px;background:#000;margin-top:50px!important;}
.hg-m-c-c-c-1:after,.hg-m-c-c-c-2:after,.hg-m-c-m-1a:after {content: "";padding-top: 100%;display:block;}
.hg-m-c-c-c-1-f{margin-top:100px!important;}
.hg-m-c-c-c-2{width:130%;margin-left:-15%;}
.hg-nav-b-t-1{width:100%;text-align:center;font-size:1.2em;padding-top:5px;}
.hg-nav-b-t-2{width:100%;text-align:center;font-size:0.7em;}
#gesamt_links_oben{float:left;width:100%;height:10%;position:absolute;left:0;margin-left:-30px;top:20px;}
.a_fred {position: relative;z-index:0;float:left;width:107px;width:80px;margin-top:45px;margin-left:46px;top:0px; -webkit-animation-name: fred;-webkit-animation-duration: 4s;-webkit-animation-delay: 0s;animation-name: fred;animation-duration: 4s;animation-delay: 0s;}
.a_wolke {float:left;width:calc(100% - 100px);height:auto;margin-left:110px;margin-top:10px;z-index:3;position:absolute;-webkit-animation-name: wolke;-webkit-animation-duration: 2s;-webkit-animation-delay: 0s;animation-name: wolke;animation-duration: 2s;animation-delay: 0s;overflow:hidden;}
.a_wolketext0 {width:75%;height:100%;margin-left:25%;margin-top:-4px;z-index:1;float:left;position:relative;position:absolute;top:0;left:0;}
.a_wolketext1{width:100%;margin-top:0;height:100%;margin-left:0px;overflow:hidden;padding:0px;float:left;overflow:hidden;display:flex;align-items:center;}
.a_wolketext2 {width:100%;max-height:100%;-webkit-animation-name: wolketext;-webkit-animation-duration: 2s;-webkit-animation-delay: 0s;animation-name: wolketext;animation-duration: 2s;animation-delay: 0s;animation-timing-function:steps(1, end);}
.a_wolketext2,.a_wolketext2 div{font-size:1rem!important;}
@-webkit-keyframes wolketext {from { opacity: 0; } to { opacity: 1; }}
@keyframes wolketext {from { opacity: 0; } to { opacity: 1; }}
@-webkit-keyframes wolke {0%{width: 0px;} 50%{width: 0px;} 100%{width:calc(100% - 100px);}}
@keyframes wolke {0%{width: 0px;} 50%{width: 0px;} 100%{width: calc(100% - 100px);}}
@-webkit-keyframes fred {0%{left:100px; top:200px;} 25%{left:0px; top:0px;} 50%{left:0px; top:0px;} 75%{left:0px; top:0px;} 100%{left:0px; top:0px;}}
@keyframes fred {0%   {left:100px; top:200px;} 25%  {left:0px; top:0px;} 50%  {left:0px; top:0px;} 75%  {left:0px; top:0px;} 100% {left:0px; top:0px;}}
#gesamt_rechts_unten{float:left;width:100%;height:10%;position:absolute;left:0;margin-left:-30px;margin-left:0px;bottom:-40px;top:auto;height:115px;}
.a_fred_2 {position: relative;z-index:0;float:left;width:107px;width:100px;margin-top:45px;margin-right:10px;margin-top:5px;top:0px; animation-name: fred_2;animation-duration: 4s;animation-delay: 0s;float:right;}
.a_wolke_2 {width:calc(100% - 105px);height:auto;margin-right:0px;right:100px;margin-top:10px;margin-top:0px;top:0px;z-index:3;position:absolute;animation-name: wolke_2;animation-duration: 2s;animation-delay: 0s;overflow:hidden;}
.a_fred_2 .hg-pic-cont-box{width:100px; height:100px;box-shadow: rgba(0, 0, 0, 1) 0px 0px 10px;border:5px solid #000;}
.a_wolketext0_2 {width:75%;height:100%;margin-left:15%;margin-top:-15px;;margin-top:-10px;z-index:1;position:absolute;top:0;left:0;}
@keyframes wolke_2 {0%{width: 0px;} 50%{width: 0px;} 100%{width: calc(100% - 105px);}}
@keyframes fred_2 {0%   {right:100px; top:200px;} 25%  {right:0px; top:0px;} 50%  {right:0px; top:0px;} 75%  {right:0px; top:0px;} 100% {right:0px; top:0px;}}
.hg-ka-c-t{float:left; width:calc(100% - 5px); max-width:300px; text-align:left;margin-bottom:2px;padding-left:5px;border-bottom: 0px dotted #ccc;padding-bottom:5px;}
.hg-ka-c-l{float:left; width:150px; width:50%;}
.hg-ka-c-r{float:left; width:calc(100% - 150px); width:50%;}
.hg-ka-c-b{width:calc(50% - 5px);}
.w3_cont_ds{text-align:center;width:100%;height:300px;overflow:hidden;overflow-y:auto;}
.hg-ka-c-tf{float:left; width:calc(100% - 5px); text-align:left;margin-bottom:2px;padding-left:5px;border-bottom: 0px dotted #ccc;padding-bottom:5px;}
.hg-ka-c-lf{float:left; width:150px; width:30%;}
.hg-ka-bg-co{float:left;width:100%;padding-bottom:40.27%;position:relative;}
.hg-ka-bg-c-c{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:center;}
.hg-ka-bg-c-c-3{float:left;width:calc((100% - 20.5px) / 3);overflow:hidden;}
.hg-ka-bg-c-c-3m{float:left;width:calc((100% - 20.5px) / 3);margin-left:10px;margin-right:10px;overflow:hidden;}
.hg-ka-bg-c-c-3c{float:left;width:100%;padding-bottom:56.27%;position:relative;cursor:pointer;transition:all 0.4s;overflow:hidden;border-radius:2px;}
.hg-ka-3d{position:absolute;top:0;left:0;width:100%;height:100%;background:#444;opacity:0.5;transition:all 0.4s;border-radius:2px;}
.hg-ka-bg-c-c-3c:hover .hg-ka-3d, .hg-ka-bg-a .hg-ka-3d{opacity:0;}
.hg-pic-cont{float:left;width:100%;}
.hg-pic-cont-box-m{float:left;width:100%;margin-bottom:20px;} 
.hg-pic-cont-box{width:120px;height:120px;margin-left:auto;margin-right:auto;overflow:hidden;border-radius:100%;}
.hg-pic-cont-box-pic{width:100%;}
.hg-pic-cont-box-text{float:left;width:100%;text-align:center;}
.hg-ka-cr{position:absolute;z-index:2;top:50px;width:40%;left:0;transform:rotate(-40deg);-webkit-transform: rotate(-40deg);}
.hg-ka-fo{float:left;width:100%;display:flex;justify-content:center;}
.hg-ka-fo-o{float:left;width:auto;max-width:300px;}
.hg-ka-fo-f{float:left;width:auto;}
.hg-m-fo-f-p-s{color:#000!important;font-size:0.8em;width:99%!important;margin:0;padding:0;text-align:left;}
input,textarea,select{width:100%;padding:10px;border-radius:2px;border:0;border:1px solid #ccc;-webkit-appearance: none;appearance: none;-moz-appearance: none;font-family: "Century Gothic",Verdana, Arial, Helvetica, sans-serif;font-size:0.9rem;}
textarea{height:80px;float:left;font-family: "Century Gothic",Verdana, Arial, Helvetica, sans-serif;}
label{color:#444;text-align:left;}
.hg-frb {display: block;position: relative;padding-left: 40px!important;margin-bottom: 12px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width:70%;float:left;color:#000; text-transform:none;}
.hg-frb input {position: absolute;opacity: 0;cursor: pointer;}
.hg-frbc {position: absolute;top: 0;left: 0;height: 30px;width: 30px;background-color: #ccc;border-radius: 100%;-webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; -ms-transition: all 0.15s linear; transition: all 0.15s linear;}
.hg-frb:hover input ~ .hg-frbc {background-color: #990000;}
.hg-frb input:checked ~ .hg-frbc {background-color: #990000;}
.hg-frbc:after {content: "";position: absolute;display: none;}
.hg-frb input:checked ~ .hg-frbc:after {display: block;}
.hg-frb .hg-frbc:after {top: 8px;left: 8px;width: 14px;height: 14px;border-radius: 100%;background: #fff;}
.hg-frb a{display: inline-block; z-index: 1; position: relative;} 
.hg-m-b{width:100%; margin: 0 auto;}
.hg-m-b a,.hg-m-b span, button{border:0;padding:10px;background:#ccc; text-decoration:none; text-align:center;width:100%;float:left;border-radius:2px;transition:all 0.4s;color:#000!important;font-weight:bold;cursor:pointer;line-height:normal!important;}
.hg-m-b a:hover,.hg-m-b span:hover, button:hover,.hg-m-b-ac span{color:#fff!important;background:#990000;}
h1,.hg-ka-kl{margin:0;font-size:1.6em;}
.hg-ka-kl{transform:rotate(-15deg);color:#990000;font-weight:bold;margin-top:10%;}
.hg-nav-b-t-2-l{width:10px;margin:0 auto;padding-top:1px;padding-bottom:1px;margin-top:1.4px;}
.hg-nav-b-t-2-l hr{background:#3A0000;width:100%;border:none;height:1.3px;margin:0;margin-bottom:2px;}
.hg-ka-s{display:none;position:fixed;bottom:2%;right:2%;width:80px;z-index:3!important;filter: grayscale(1) brightness(0.5) opacity(0.5);-webkit-filter: grayscale(1) brightness(0.5);transition:all 0.4s;}
.hg-ka-s:hover{filter: grayscale(0) brightness(1.5);-webkit-filter: grayscale(0) brightness(1.5);}
@media (min-width:360px){
body, html{font-size:13px;}
.a_wolketext1{width:85%;}
.hg-pic-cont-box{width:150px;height:150px;margin-left:auto;margin-right:auto;overflow:hidden;border-radius:100%;}
h1,.hg-ka-kl{font-size:1.8em;}
.hg-m-nav{font-size:16px;}
.hg-m-nav a:link,.hg-m-nav a:visited {line-height:18px;font-size:1.2em;}
.hg-m-nav a:link#current,.hg-m-nav a:visited#current,.hg-m-nav a:hover {line-height:18px;font-size:1.2em;}
.hg-nav-u-0 li,.hg-nav-u-1 li{width:100%;text-align:center;line-height:2.5em;}
.a_wolketext2a {font-size:1em;}
}
@media (min-width:700px){
.hg-nav-u-0{top:80px;}
h1,.hg-ka-kl{font-size:2.0em;}
.hg-m-c{margin-top:0px;}
.hg-m-c-p{width:70%;}
.hg-m-c-c{width:70%;padding:0px;margin:0;padding-right:10px;padding-bottom:10px;}
.hg-m-c-c-c-2{width:100%;margin-left:0;}
.hg-m-c-c-c-c-t-c{width:80%;}
.hg-m-c-m-1{width:50%;height:20%;left:20%;top:35%;transform:rotate(35deg);-webkit-transform: rotate(35deg);z-index:0;}
.hg-m-c-m-1-f{top:35%;}
.hg-m-c-m-1a{border:25px solid #000;margin-top:35%;z-index:0;}
.a_wolke {float:left;width:45%;margin-left:130px;margin-top:15px;position:absolute;top:0;left:0;}
.a_fred {width:107px;left:15px; top:0px;}
@-webkit-keyframes wolke {0%{width: 0px;} 50%{width: 0px;} 100%{width: 45%;}}
@keyframes wolke {0%{width: 0px;} 50%{width: 0px;} 100%{width: 45%;}}
@-webkit-keyframes fred {0%{left:100px; top:200px;} 25%{left:10px; top:0px;} 50%{left:10px; top:0px;} 75%{left:10px; top:0px;} 100%{left:10px; top:0px;}}
@keyframes fred {0%   {left:100px; top:200px;} 25%  {left:15px; top:0px;} 50%  {left:15px; top:0px;} 75%  {left:15px; top:0px;} 100% {left:15px; top:0px;}}
#gesamt_rechts_unten{float:left;width:100%;height:10%;position:absolute;left:0;margin-left:-30px;margin-left:0px;bottom:40px;top:auto;height:115px;}
.a_fred_2 {right:15px; margin-right:100px; margin-top:70px;}
.a_fred_2 .hg-pic-cont-box{width:110px; height:110px;}
.a_wolke_2 {width:45%;margin-right:130px;margin-top:15px;top:0;left:auto;}
@keyframes wolke_2 {0%{width: 0px;} 50%{width: 0px;} 100%{width: 45%;}}
@keyframes fred_2 {0%   {right:100px; top:200px;} 25%  {right:15px; top:0px;} 50%  {right:15px; top:0px;} 75%  {right:15px; top:0px;} 100% {right:15px; top:0px;}}
.hg-ka-cr{position:absolute;z-index:2;top:55px;width:auto;left:0;transform:rotate(-45deg);-webkit-transform: rotate(-45deg);}
.hg-ka-s{display:block;}
}
@media (min-width:900px){
.hg-ka-cr{position:absolute;z-index:2;top:10%;width:auto;left:0;transform:rotate(-45deg);-webkit-transform: rotate(-45deg);}
}
@media (min-width:1024px){
body, html{font-size:11px!important;}
.hg-m{float:left;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;display : -ms-flexbox;-ms-flex-wrap : wrap;-ms-flex-pack : center;-ms-flex-align : center;}
.hg-m-c{width:100%;height:auto;margin:0;max-width:1000px;overflow:hidden;position:relative;float:left;padding-bottom:0px;}
.hg-m-nav{width:100%;position:absolute;top:0px;bottom:0px;width:10%;height:100%;left:45%;}
.hg-m-c-m-1{width:40%;height:30%;position:absolute;left:35%;top:30%;z-index:0;overflow:hidden;transform:rotate(0deg);-webkit-transform: rotate(0deg);transform-origin:center;-webkit-transform-origin: center;}
.hg-m-c-m-1-f{top:30%;}
.hg-m-c-m-1a{border:30px solid #000;margin-top:20%;z-index:0;}
.hg-m-c-m-2{margin-top:0;}
.hg-m-c-p{float:left;width:46%;overflow:hidden;z-index:1;transform:rotate(0deg);-webkit-transform: rotate(0deg);}
.hg-m-c-c{float:right;width:46%;overflow:hidden;z-index:1;transform:rotate(0deg);-webkit-transform: rotate(0deg);}
.hg-m-c-c-c-1,.hg-m-c-c-c-2{float:left;width:calc(100% - 10px);border:10px solid #000;margin-left:5px;margin-top:100px;overflow:hidden;}
.hg-m-c-c-c-1{margin-top:100px!important;}
.hg-m-c-c-c-2{margin-top:7px;margin-left:7px;}
#gesamt_links_oben{float:left;width:100%;height:10%;position:absolute;left:0;margin-left:-40px;top:40px;}
.cmsNav{height:100%;width:100%;position:absolute;top:0;left:0;z-index:9;background:none; transition:all 0s;overflow:hidden;}
.hg-m-nav a:link,.hg-m-nav a:visited,.hg-m-nav a:link#current,.hg-m-nav a:visited#current,.hg-m-nav a:hover {font-size:1.0em;}
.hg-nav-u-0 li,.hg-nav-u-1 li{width:100%;text-align:left;line-height:1.5em;font-size:1rem!important;transition:all 0s;}
.hg-nav-bi,.hg-nav-ba,.hg-nav-p{display:none;}
.a_wolke {float:left;width:70%;margin-left:130px;margin-top:-25px;position:absolute;top:0;left:0;overflow:hidden;}
.a_fred {width:107px;left:15px; top:-25px;}
@-webkit-keyframes wolke {0%{width: 0px;} 50%{width: 0px;} 100%{width: 70%;}}
@keyframes wolke {0%{width: 0px;} 50%{width: 0px;} 100%{width: 70%;}}
@-webkit-keyframes fred {0%{left:100px; top:200px;} 25%{left:10px; top:0px;} 50%{left:10px; top:0px;} 75%{left:10px; top:0px;} 100%{left:10px; top:0px;}}
@keyframes fred {0%   {left:100px; top:200px;} 25%  {left:15px; top:-25px;} 50%  {left:15px; top:-25px;} 75%  {left:15px; top:-25px;} 100% {left:15px; top:-25px;}}
#gesamt_rechts_unten{width:46%;position:absolute;left:0;right:0;left:auto;margin-left:-40px;top:40px;bottom:0;top:auto;height:150px;}
.a_fred_2 {right:15px; top:-25px;margin-right:30px;margin-top:30px;}
.a_fred_2 .hg-pic-cont-box{width:120px; height:120px;}
.a_wolke_2 {float:left;width:70%;margin-right:130px;margin-top:-25px;top:0;left:0;overflow:hidden;}
@keyframes wolke_2 {0%{width: 0px;} 50%{width: 0px;} 100%{width: 70%;}}
@keyframes fred_2 {0%   {right:100px; top:200px;} 25%  {right:15px; top:-25px;} 50%  {right:15px; top:-25px;} 75%  {right:15px; top:-25px;} 100% {right:15px; top:-25px;}}
.hg-nav-u-0{top:10px;transition:all 0s;}
.hg-nav-u-1{bottom:10px;transition:all 0s;}
h1,.hg-ka-kl{font-size:1.6em;}
}
@media (min-width:1200px){
/*body, html{font-size:15px;}
h1,.hg-ka-kl{font-size:2.0em;}*/
}
@media (min-width:1300px){
body, html{font-size:15px!important;}
h1,.hg-ka-kl{font-size:2.0em;}
.hg-m-c{max-width:1250px;}
.hg-m-c-c-c-1,.hg-m-c-c-c-2{border:14px solid #000;}
.a_wolke {width:65%;margin-left:160px;margin-top:-40px;}
.a_fred {width:107px;left:15px; top:5px;}
@-webkit-keyframes wolke {0%{width: 0px;} 50%{width: 0px;} 100%{width: 65%;}}
@keyframes wolke {0%{width: 0px;} 50%{width: 0px;} 100%{width: 65%;}}
@-webkit-keyframes fred {0%{left:100px; top:200px;} 25%{left:15px; top:5px;} 50%{left:15px; top:5px;} 75%{left:15px; top:5px;} 100%{left:15px; top:5px;}}
@keyframes fred {0%   {left:100px; top:200px;} 25%  {left:15px; top:5px;} 50%  {left:15px; top:5px;} 75%  {left:15px; top:5px;} 100% {left:15px; top:5px;}}
.a_fred_2 {top:-5px;margin-top:20px;}
.a_wolke_2 {width:65%;width: 400px;margin-right:0px;right:150px;left:auto;bottom:20px;top:auto;}
@keyframes wolke_2 {0%{width: 0px;} 50%{width: 0px;} 100%{width: 65%;width: 400px;}}
@keyframes fred_2 {0%   {right:100px; top:200px;} 25%  {right:15px; top:-5px;} 50%  {right:15px; top:-5px;} 75%  {right:15px; top:-5px;} 100% {right:15px; top:-5px;}}
}
@media (min-width:1400px){
.hg-m-c{max-width:1400px;}
}
.hg-b-fl{float:left;position:relative;}
.hg-b-fr{float:right;position:relative;}
.hg-b-tal{text-align:left;}
.hg-b-df{display:flex!important;}
.hg-b-df-jc{justify-content:center!important;}
.hg-b-mla5{margin-left:5px;}
.hg-b-wp100{width:100%;}
.hg-b-wp80{width:80%;}
.hg-b-mb10{margin-bottom:10px;}
.hg-b-mb20{margin-bottom:20px;}
.hg-b-of,.hg-b-oh{position: absolute;top: -9999px;right: -9999px;bottom: -9999px;left: -9999px;margin: auto;min-width: 100%;min-height: 100%;max-width:100%;width:auto;height:auto;z-index:0;display:block;}
a{transition:all 0.4s;}
.link a{color:#990000;text-decoration:none; font-weight:bold; line-height:20px;}
.link a:active,.link a:hover {color:#000;}