@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600&display=swap');
.clear{ clear:both; border:0; opacity:0; height:0; font-size:0; visibility: hidden; }

/* =====================  kalibrierung  ===================== */
*{margin: 0; padding: 0; cursor: none;}



p{font-family: 'Roboto Condensed', sans-serif; line-height: 28px; margin-bottom: 15px;}
h1{font-family: 'Roboto Condensed', sans-serif margin-top: 0; margin-bottom: 25px; font-size: 40px; color: #1F8BC7;}
h2{font-family: 'Roboto Condensed', sans-serif margin-top: 25px; margin-bottom: 10px; font-size: 28px; color: rgb(80,80,80);}

body{background: url(../Images/bd-bg.jpg);}
#head{position: fixed; top: 0; width: 94%; z-index: 999; padding: 0 3%; background: url(../Images/logo.svg) no-repeat 4% center rgba(255,255,255,0.75); background-size: auto 80%; height: 10%; border-bottom: 5px solid #008bcb;
-webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,0.2); box-shadow: 0 0 5px 3px rgba(0,0,0,0.2);}
#head img{margin-left: 25px;}

#curve{    position: fixed;     bottom: 0;    right: 0;    width: 100%;    height: 100%;    z-index: -999;     opacity: 0.15;}
#curve img{width: auto; height: 100%; right: 0; bottom: 0; position: absolute;}

#content{position: absolute; width: 70%; height: 90%; right: 0; top: 10%;}
#content.sub{width: 58%; margin: 3%; height: auto; padding: 3%; overflow-y: auto; background: rgba(255,255,255,0.75);}

.clock{ position: absolute; right: 3%; bottom: 15px; font-family: 'Roboto Condensed', sans-serif; font-size: 26px;}
#Date{display: inline-block; margin-right: 10px; color: black!important;}
.clock ul{min-width: 65px;}
.clock ul, .clock ul li{display: inline-block; list-style:none;}
#hours, #min, #sec{color: #1F8BC7;}

#nav{position: fixed; left: 0; top: 10%; padding: 3%; list-style: none; width: 24%; height: 34%;}
#nav li{padding: 0; margin-bottom: 10px;}
#nav li a{text-decoration: none; border: 1px solid rgba(255,255,255,0.75); font-family: 'Roboto Condensed', sans-serif; font-size: 36px; padding: 8px 25px; background: rgba(255,255,255,0.75); display: block; text-transform: uppercase; color: #1F8BC7;
-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
#nav li a:hover, #nav li a.act, #nav li a.act_parent{border: 1px solid #1F8BC7; background: rgb(250,250,255);}

#pub{width: 24%; height: 45%; margin: 3%; position: absolute; left: 0; bottom: 8%;}

#back{position: fixed; text-decoration: none; bottom: 0; left: 0; margin: 3%; border: 1px solid rgba(255,255,255,0.75); font-family: 'Roboto Condensed', sans-serif; font-size: 24px; padding: 12px 25px 12px 60px; background: url(../Images/arrow.svg) no-repeat 15px center rgba(255,255,255,0.75); background-size: 30px; border-radius: 30px 0px 0px 30px; display: block; text-transform: uppercase; color: #1F8BC7; font-weight: bold;
  -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
#back:hover{border: 1px solid #1F8BC7; background-color: rgb(250,250,255);}

#hdimg{height: 300px; background-size: cover; background-position: center center;}

.fancybox-container .fancybox-thumbs {background: rgba(0,0,0);}
.fancybox-container .fancybox-thumbs__list a:before{border: 3px solid white;}

.gallery{padding: 0.5%;}
.gallery .imwrap{width: 24.5%; padding: 0.25%; display: inline-block;}
.gallery .imwrap img{width: 100%; height: auto;}

table.contenttable {width: 100%; margin: 15px 0; background: #1F8BC7; color: rgba(255,255,255,0.75);}
table.contenttable tr{}
table.contenttable tr td{padding: 5px 15px;}
table.contenttable tr:first-child td{padding-top: 20px;}
table.contenttable tr.tr-last td{padding-bottom: 20px;}

::-webkit-scrollbar { height: 10px; width: 10px; background-color: #999999; }
html > ::-webkit-scrollbar { width: 0px; }
::-webkit-scrollbar-thumb { background: #999999;}
::-webkit-scrollbar-track-piece { background-color: #797979;}

#virtualKeyboard{position: fixed; bottom: 0; left: 0; background: rgba(255,255,255,0.75);; font-family: 'Open Sans', sans-serif; display: none;}

.acccont ol{list-style: none; padding: 0;}
.acccont ol li{padding: 7px 0 15px 0; background: url(../Images/Tiger.png) no-repeat 0px 1px; background-size: 40px auto; padding-left: 55px;}
.acccont ol li:nth-child(5n+1){background-image: url(../Images/Zebra.png);}
.acccont ol li:nth-child(5n+2){background-image: url(../Images/Elefant.png);}
.acccont ol li:nth-child(5n+3){background-image: url(../Images/Katta.png);}
.acccont ol li:nth-child(5n+4){background-image: url(../Images/Tukan.png);}

div.textblock ul{list-style: none; padding: 0;}
div.textblock ul li{padding: 7px 0 15px 0; background: url(../Images/Tiger.png) no-repeat 0px 1px; background-size: 40px auto; padding-left: 55px;}
div.textblock ul li:nth-child(5n+1){background-image: url(../Images/Zebra.png);}
div.textblock ul li:nth-child(5n+2){background-image: url(../Images/Elefant.png);}
div.textblock ul li:nth-child(5n+3){background-image: url(../Images/Katta.png);}
div.textblock ul li:nth-child(5n+4){background-image: url(../Images/Tukan.png);}

.tx-powermail{margin-top: 50px; background: #60BFD8; padding: 30px; width: 100%; margin-left: -30px; margin-bottom: -30px; color: white}
.tx-powermail h3{margin: 0; padding: 10px 2%; cursor: pointer; position: relative;}
.tx-powermail h3 .plus{position: absolute; right: 0; top: 0; font-size: 60px; display: block; line-height: 40px;
-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.powermail_fieldset{border: 0; padding: 0; margin: 0; display: inline-block; width: 45%; margin-right: 2%; margin-left: 2%; vertical-align: top;}
.tx-powermail .formwrap{display: none; margin-top: 20px;}
.tx-powermail.open h3 .plus{-moz-transform: rotate(315deg); -webkit-transform: rotate(315deg); -o-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg);}
.powermail_fieldset legend{display: none;}
.powermail_fieldset label{display: block;}
.powermail_fieldset label .mandatory{color: #F49A2F;}
.powermail_fieldset input{display: block; padding: 10px 3%; width: 94%; margin-bottom: 10px; border: 0; background: rgba(255,255,255,0.4); color: rgb(50,50,50);
  -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.powermail_fieldset input.parsley-error{background: #F49A2F ;}
.powermail_fieldset input.parsley-success{background: #B5CE47;}
.powermail_fieldset input:hover, .powermail_fieldset input:focus{background: rgba(255,255,255,0.75);}
.powermail_fieldset select{display: block; padding: 10px 3%; width: 100%; margin-bottom: 10px; border: 0; background: rgba(255,255,255,0.4); color: rgb(50,50,50);}
.powermail_fieldset select:hover, .powermail_fieldset select:focus{background: rgba(255,255,255,0.75);}
.powermail_fieldset textarea{display: block; padding: 10px 3%; width: 94%; margin-bottom: 10px; border: 0; background: rgba(255,255,255,0.4); color: rgb(50,50,50);}
.powermail_fieldset textarea:hover, .powermail_fieldset textarea:focus{background: rgba(255,255,255,0.75);}
.powermail_fieldset input[type="submit"]{width: 100%; background: rgba(244,147,54,0.85); color: white; font-weight: bold;
-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.powermail_fieldset input[type="submit"]:hover{background: rgba(244,147,54,1.0);}
.parsley-errors-list{list-style: none; padding: 0; margin: 0; margin-bottom: 10px; margin-top: -5px; font-size: 12px;}

.powermail_fieldwrap_radio fieldset{padding: 2%; border: 0; margin: 0; margin-bottom: 15px; background: rgba(255,255,255,0.4);}
.powermail_fieldwrap_radio fieldset .powermail_radio_inner:first-child label{margin-top: 0;}
.powermail_fieldwrap_radio fieldset input{position: absolute; opacity: 0;}
.powermail_fieldwrap_radio fieldset label{  display: block;  padding: 10px 20px;  padding-left: 40px;  margin-top: 10px; color: white; z-index: 1; cursor: pointer; background: url(../Images/no.png) no-repeat 10px center rgba(244,147,54,0.65);
-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.powermail_fieldwrap_radio fieldset label:hover, .powermail_radio_inner input:checked+label{background: url(../Images/yes.png) no-repeat 10px center rgba(244,147,54,1);}