html, body{height: 100%; width: 100%; margin: 0px; padding: 0px;}



body {

	background-image:url(../images/bg1.jpg); 

	background-attachment: fixed;

	background-position: center; 

	background-repeat:no-repeat;

	background-size: 141% 100%;

	margin: 0px; 

	padding: 0px; 

}



body {

  min-height: 100%;

  min-width: fit-content;

}



#backtolb {display: none; background: white;}

.site {margin: 0px; text-align: center;}

.padding_top {padding-top: 5vh;}

.img1 {display: block; width: 200px; height: 151px;}

.img2 {border:1px solid blue;}

.img1:hover {transition: 1s; -webkit-box-shadow: 1px 0px 50px 3px rgba(255,255,255,1); -moz-box-shadow: 1px 0px 50px 3px rgba(255,255,255,1); box-shadow: 1px 0px 50px 3px rgba(255,255,255,1);}

.img2:hover {-webkit-box-shadow: 1px 0px 50px 3px rgba(255,255,255,1); -moz-box-shadow: 1px 0px 50px 3px rgba(255,255,255,1); box-shadow: 1px 0px 50px 3px rgba(255,255,255,1);}

.aura{-webkit-box-shadow: 0px 0px 27px 6px rgba(255, 255, 255, 0.66); -moz-box-shadow: 0px 0px 27px 6px rgba(255, 255, 255, 0.66); box-shadow: 0px 0px 27px 6px rgba(255, 255, 255, 0.66); width: 20%;}

.arrow:hover {border-radius: 15px; -webkit-box-shadow: 1px 0px 50px 3px rgba(255,255,255,1);	-moz-box-shadow: 1px 0px 50px 3px rgba(255,255,255,1);	box-shadow: 1px 0px 50px 3px rgba(255,255,255,1);}

.top {margin: 50px 0px;}

.left {margin: 0px 50px;}

.tooltip {display: inline-block; opacity: 0;}



.white-shady {text-shadow: 0px 0px 4px rgba(255,255,255,1);}



.tooltip .tooltiphidddentext {

    transition: 0.5s;

    width: 150px;

    height: 110px;

    min-height: 110px;

    background-color: white;

    color: #000;

    text-align: center;

    border-radius: 6px;

    border-style: solid;

    border-color: red;

    padding: 6px 0;

    position: relative;

    z-index: 1;

    margin-bottom: 1%;

    display: inline-block;

    visibility: hidden;

    display: none;

}



.tooltip .tooltiphidddentext1 {

    visibility: hidden;

    width: 15vw;

    background-color: white;

    color: #000;

    text-align: center;

    border-radius: 6px;

	border-style: solid;

	border-color: red;

    padding: 6px 0;

    position: absolute;

    z-index: 1;

    bottom: 11vh;

    left: 9.5vw;

    margin-left: -5vw;

	font-size: 1.2vw;

}

.tooltip .tooltiphidddentext2 {

    visibility: hidden;

    width: 15vw;

    background-color: white;

    color: #000;

    border-radius: 6px;

	border-style: solid;

	border-color: red;

    padding: 6px 0;

    position: absolute;

    left: 42vw;

    bottom: -10%;

	font-size: 1.2vw;

}

.tooltip .tooltiphidddentext::after {

    content: "";

    position: absolute;

    top: 100%;

    left: 50%;

    margin-left: -5px;

    border-width: 5px;

    border-style: solid;

    border-color: white transparent transparent transparent;

}

.tooltip .tooltiphidddentext1::after {

    content: "";

    position: absolute;

    top: 100%;

    left: 50%;

    margin-left: -5px;

    border-width: 5px;

    border-style: solid;

    border-color: white transparent transparent transparent;

}

.tooltip .tooltiphidddentext2::after {

    content: "";

    position: absolute;

    top: 100%;

    left: 50%;

    margin-left: -5px;

    border-width: 5px;

    border-style: solid;

    border-color: white transparent transparent transparent;

}



.tooltip:hover .tooltiphidddentext1 {

	-webkit-animation: fadein 0.8s; 

       -moz-animation: fadein 0.8s; 

        -ms-animation: fadein 0.8s; 

         -o-animation: fadein 0.8s;

            animation: fadein 0.8s;

    visibility: visible;

}

.tooltip:hover .tooltiphidddentext2 {

	-webkit-animation: fadein 0.8s; 

       -moz-animation: fadein 0.8s; 

        -ms-animation: fadein 0.8s; 

         -o-animation: fadein 0.8s;

            animation: fadein 0.8s;

    visibility: visible;

}

.address {

	display: block;

	padding: 1%;

	font-style: italic;

	color: #ff0000;

	font-family: Calibri, Arial;

	text-align: center;

	white-space: nowrap;

	font-size: 142%;

}



.blurry{

  -webkit-filter: blur(4px);

  -moz-filter: blur(4px);

  -o-filter: blur(4px);

  -ms-filter: blur(4px);

  filter: blur(4px);

  visibility: hidden;

}

.blurrylogo{

  -webkit-filter: blur(4px);

  -moz-filter: blur(4px);

  -o-filter: blur(4px);

  -ms-filter: blur(4px);

  filter: blur(4px);

}



.circle{display: none;}



.side{

	padding-right: 3%;

	padding-left: 3%;

	display: inline;

}

.logolas{

	display:block;

	background: white;

	background: rgba(255,255,255,0.5);

	border-radius: 0px;

	padding: 1%;

}

@keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}

.w3-border {cursor: pointer; border: 1px solid red !important; font-family: calibri; color: red; background: rgb(0, 34, 155); padding: 12px 24px; font-size: 150%;}



.animatedArrow {position: relative; -webkit-animation: mymove 1s infinite; animation: mymove 1s infinite; border-radius: 15px; -webkit-box-shadow: 1px 0px 50px 3px rgba(0,34,155,1); -moz-box-shadow: 1px 0px 50px 3px rgba(0,34,155,1);	box-shadow: 1px 0px 50px 3px rgba(0,34,155,1);}

@-webkit-keyframes mymove {

    0%   {top: 0vh;}

    50% {top: 4vh;}

    100% {top: 0vh;}

}



@keyframes mymove {

    0%   {top: 0vh;}

    50% {top: 4vh;}

    100% {top: 0vh;}

}



@media screen and (max-width: 992px) {

  .tooltip {width: 50%; margin-top: 5px; display: flex; flex-wrap: wrap; justify-content: center;}

  .tooltip .tooltiphidddentext {display: none;}

  .img1 {width: 40vw; height: unset;}

  .logo {width: 86vw!important;}

  #himg {width: 100%;}

  .leitbild.img1 {width: 40vw!important;}

}