@import url('https://fonts.googleapis.com/css2?family=Limelight&family=Overpass:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{
  margin:0;
  padding:0}
*,:after,:before{
  box-sizing:border-box}
html{
  background:#000}
body,html{
  width:100%;
  height:100%;
  overflow:hidden}
body{
  background:url(/img/background.jpg);
  background-size:cover;
  background-repeat:no-repeat;
  font-family: 'Overpass', sans-serif;
  text-shadow:none;
  color:white;
  -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) both;
  animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) both}
h1 {
  font-family: 'Limelight', cursive;
  font-size: 60px;
}
h2,h3{
  font-family: 'Overpass', sans-serif;
  color:#fff;}
h2{
  margin-top:0}
h3 {
  font-size:30px;
}
a{
  color:#c4a181;
  text-decoration:none;
  transition:1s}
a:focus,a:hover{
  color:#fff;
  text-decoration:none;
  transition:1s}
li{
  margin-left:20px}
hr {
    border-top: 1px solid white;
}
label{
  display:inline-block;
  max-width:100%;
  margin-bottom:5px;
  font-weight:100}
.container{
  width:100%;
  height:100%}
.main{
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
  background:0 0;
  text-shadow:none;
  opacity:0;
  -webkit-animation:swing-in-top-fwd 2.5s cubic-bezier(.175,.885,.32,1.275) both;
  animation:swing-in-top-fwd 2.5s cubic-bezier(.175,.885,.32,1.275) both;
  animation-delay:2s}
section{
  position:absolute;
  width:50%;
  height:50%;
  transition:all 1s}
section:nth-child(1){
  background-color: #1a6634;
  /*background:url(/img/angebot.jpg);*/
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  top:0;
  left:0}
section:nth-child(2){
  background-color: #5e2141;
  /*background:url(/img/aktuelles.jpg);*/
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  top:0;
  right:0}
section:nth-child(3){
  background-color: #2d2c70;
  /*background:url(/img/clicks.jpg);*/
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  bottom:0;
  left:0}
section:nth-child(4){
  background-color: #005369;
  /*background:url(/img/contact.jpg);*/
  background-size:cover;
  background-repeat:no-repeat;
  bottom:0;
  right:0}
.cornerleftImg {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30vh;
}
.mirrorIt {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: "FlipH";
	filter: FlipH;  
}
.cornerrightBottomImg {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 30vh;
}
.centerImg {
    height: 30%;
    top: 90px;
    left: 15px;
}
.centerImgRight {
    height: 30%;
    top: 90px;
  	left: unset;
    right: 15px;
}
.centerImgRightBottom {
    height: 30%;
    top: 90px;
  	left: unset;
    right: 5px;
}
.logoIn {
    height: 90px;
    margin-top: 50px;
}
.di1, .di2, .di3, .di4 {
    max-height: 250px;
    margin-top: -30px;
}
.fa{
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  padding-right:10px}
.ct-address i.fa{
  font-size:50px}
.ct-info .col-md-offset-1{
  margin-left:8.33333333%;
  min-height:350px}
.close section:not(.expand){
  transform:scale(.5);
  transition:all .5s;
  opacity:0}
.expand{
  width:100%;
  height:100%;
  opacity:1;
  transition:all .5s;
  z-index:5;
  text-shadow:none;
  background:0 0!important}
.expand .in-box{
  opacity:0}
.in-box{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-shadow:none}
.in-box:hover{
  background:rgba(37,37,37,0.25);
  transition:1s}
.details{
  opacity:0;
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  overflow:auto;
  text-shadow:none;
  padding:20px 5%}
section:nth-child(1) .details{
  background:#1a6634;
}
section:nth-child(2) .details{
  background:#5e2141;
}
section:nth-child(3) .details{
  background:#2d2c70;
}
section:nth-child(4) .details{
  background:#005369;
}
.close:focus,.close:hover{
  color:#fff;
  text-decoration:none;
  opacity:1;
  text-shadow:none}
.btn-white, .btn-white:hover, .btn-white:focus {
    color: black;
    background: white;
    padding: 8px 15px 5px 15px;
    border-radius: 30px;
}
.btnChoose {
    bottom: 90px;
    left: 15px;
}
.btnChooseRight, .btnChooseRightBottom {
    bottom: 90px;
    left: unset;
  	right: 30px;
}
.whenclosed{
  cursor:pointer}
.whenclosed.expand{
  cursor:url('/img/pngelement-3.png'),auto}
.button{
  position: absolute;
    top: 20px;
    right: 20px;
    color: black;
    opacity: 0;
    display: block;
    background: white;
    height: 50px;
    width: 50px;
    text-align: center;
    padding-top: 11px;
    border-radius: 25px;
    font-size: 23px;
    -webkit-animation: heartbeat 2.5s ease-in-out infinite both;
    animation: heartbeat 2.5s ease-in-out infinite both;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: linear;
    transition-delay: 0s;
    transform: scale(1);
    border: none;
    box-shadow: none;}
.Otherbutton:hover,.button:hover{
  cursor:pointer;
  -webkit-transition:all .3s linear;
  -o-transition:all .3s linear;
  transition:all .3s linear;
  transition-property:all;
  transition-duration:.3s;
  transition-timing-function:linear;
  transition-delay:0s;
  transform:scale(1.05);
  animation:none;
  background-color:white;
  border:2px white;
  color:black}
.Otherbutton{
  position:absolute;
  top:20px;
  right:20px;
  opacity:1;
  color:white;
  display:block;
  background:#f7ece2;
  height:50px;
  width:50px;
  text-align:center;
  padding-top:8px;
  border-radius:25px;
  font-size:23px;
  -webkit-animation:heartbeat 2.5s ease-in-out infinite both;
  animation:heartbeat 2.5s ease-in-out infinite both;
  -webkit-transition:all .3s linear;
  -o-transition:all .3s linear;
  transition:all .3s linear;
  transition-property:all;
  transition-duration:.3s;
  transition-timing-function:linear;
  transition-delay:0s;
  transform:scale(1);
  border:2px #c4a181!important;
  box-shadow:none}
.expand .button,.expand .details{
  opacity:1;
  transition:1s}
.close:focus,.close:hover{
  color:#fff;
  text-decoration:none;
  cursor:url('/img/pngelement-3.png'),auto;
  opacity:1}
.navbar-brand{
  width:230px;
  height:auto;
  position:absolute;
  left:0;
  z-index:9999;
  top:2px;
  padding:0;
  margin:0!important}
.navbar-brand>img{
  display:block;
  width:65%;
  overflow:hidden;
  transition:1s}
.navbar-brand>img:hover{
  filter:saturate(.8) brightness(5.5);
  transform:scale(1.02);
  transition:1s}
.navbar-title{
  width:100%;
  height:auto;
  position:absolute;
  right:37px;
  top:0;
  color:#fff;
  font-size:2vh;
  text-align:right}
.navbar-default{
  background:black;
  margin:0;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:105px;
  border:none;
  border-radius:0;
  -webkit-animation:slide-in-blurred-top 2s cubic-bezier(.23,1,.32,1) both;
  animation:slide-in-blurred-top 2s cubic-bezier(.23,1,.32,1) both;
  border-top:none;
  border-left:none;
  border-right:none;
      overflow: hidden;
  z-index:9999}
.rabbit {
    position: absolute;
    right: 15px;
    bottom: -15px;
    width: 100px;
}
.egg {
    position: absolute;
    right: 50%;
    bottom: -15px;
    width: 100px;
    animation: slide-horizontal 150s;
    animation-iteration-count: infinite;  
}
.eggIn {
  bottom: -15px;
  cursor: pointer;
}
.eggIn.slideIn {
  animation: slide-top 2s;
  bottom: -15px;
}
.eggIn.slideOut {
  animation: slide-bottom 2s;
  bottom: -120px;
}
.modal {
    z-index: 9999;
    top: 200px;
}
.modal-content {
    background-color: rgba(0,0,0,0);
}
.modal-header .close {
    background: white;
    color: black !important;
    border-radius: 300px;
    height: 40px;
    width: 40px;
    margin-bottom: 10px;
    font-size: 32px !important;
    padding: 0 !important;
}
#wrapper{
  margin:0;
  position:absolute;
  top:105px;
  left:0;
  height:100%;
  width:100vw;
  overflow:hidden;
  padding:0;
  padding-bottom:135px;
  -webkit-transition:all .2s linear;
  -o-transition:all .2s linear;
  transition:all .2s linear;
  transition-property:all;
  transition-duration:.2s;
  transition-timing-function:linear;
  transition-delay:0s}
.box{
  background:rgba(255,255,255,.53);
  border-bottom:4px solid #c4a181}
.subtitle{
  font-size:18px}
.imgNews{
  max-height:175px;
  float:left;
  width:200px;
  margin-right:25px}
.ct-address{
  background:#000;
  top:25px;
  border-bottom:4px solid #c4a181;
  float:right;
  right:15px}
.ct-info{
  background:#000;
  border-bottom:4px solid #c4a181;
  margin-bottom:25px;
  padding:0;
  margin-left:15px;
  margin-right:15px;
  top:25px}
#main-form{
  width:60%}
/* hacks */
.bg-transparent {
  background: rgba(0,0,0,0)
}
.close {
    float: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    text-shadow: inherit !important;
    opacity: inherit !important;
}
.thin {
  font-weight:200;
}
/*animations*/
.slide-top {
	-webkit-animation: slide-top 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-top {
  0% {
    -webkit-bottom: -120px;
            bottom: -120px;
  }
  100% {
    -webkit-bottom: -15px;
            bottom: -15px;
  }
}
@keyframes slide-top {
  0% {
    -webkit-bottom: -120px;
            bottom: -120px;
  }
  100% {
    -webkit-bottom: -15px;
            bottom: -15px;
  }
}
.slide-bottom {
	-webkit-animation: slide-bottom 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-bottom 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-bottom {
  0% {
    -webkit-bottom: -15px;
            bottom: -15px;
  }
  100% {
    -webkit-bottom: -120px;
            bottom: -120px;    
  }
}
@keyframes slide-bottom {
  0% {
    -webkit-bottom: -15px;
            bottom: -15px;
  }
  100% {
    -webkit-bottom: -120px;
            bottom: -120px;    
  }
}
.slide-horizontal {
	-webkit-animation: slide-horizontal 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-horizontal 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-horizontal {
  0% {
    -webkit-left: 0;
            left: 0;
    -webkit-margin-left: 0;
            margin-left: 0;     
  }
  50% {
    -webkit-left: 0;
            left: 0;   
    -webkit-margin-left: 100vw;
            margin-left: 100vw;    
  }
  100% {
    -webkit-left: 0;
            left: 0;
    -webkit-margin-left: 0;
            margin-left: 0;     
  }  
}
@keyframes slide-horizontal {
  0% {
    -webkit-left: 0;
            left: 0;
    -webkit-margin-left: 0;
            margin-left: 0;     
  }
  50% {
    -webkit-left: 0;
            left: 0;   
    -webkit-margin-left: 100vw;
            margin-left: 100vw;    
  }
  100% {
    -webkit-left: 0;
            left: 0;
    -webkit-margin-left: 0;
            margin-left: 0;     
  }  
}
@media (min-width:1500px){
.cornerrightBottomImg, .cornerleftImg, cornerrightImg {
    height: 35vh;
}
}
@media (max-width:1200px){
  #main-form{
    width:100%}
.cornerleftImg, .cornerrightImg, .cornerrightBottomImg {
    height: 25vh;
}  
.centerImg {
    height: 20%;
    top: 105px;
    left: 0px;
}
  .centerImgRight {
    height: 20%;
    top: 105px;    
    left: unset;
    right: 15px;
}
  .centerImgRightBottom {
    height: 20%;
    top: 105px;    
    left: unset;
    right: 10px;
}  
.btnChoose {
    bottom: 105px;
    left: 0px;
}
    .btnChooseRight, .btnChooseRightBottom {
    bottom: 105px;
    left: unset;
  	right: 30px;
}
h3 {
  font-size:25px;
}
}

@media (max-width:992px){
.centerImg, .centerImgRight, .centerImgRightBottom {  
    margin-top: 30px;
}
.centerImg {
    height: 20%;
    top: 90px;
    left: 0px;
}
    .centerImgRight {
    height: 20%;
    top: 90px;      
    left: unset;
    right: 15px;
}
.centerImgRightBottom {
    height: 20%;
    top: 90px;      
    left: unset;
    right: 10px;
}
.btnChoose {
    bottom: 90px;
    left: 0px;
}
  .btnChooseRight, .btnChooseRightBottom {
    bottom: 90px;
    left: unset;
  	right: 30px;
}
  h3 {
  font-size:20px;
}
}
@media (min-width:992px){
  .col-md-6{
    width:45%}
  section:nth-child(2){
    float:right}
}
.cc_container a,.cc_container a:visited{
  text-decoration:none;
  color:#c4a181;
  transition:.2s color}
#map{
  border-bottom:4px solid #c4a181;
  height:550px;
  margin-top:109px;
  position:relative;
  overflow:hidden}
.success-message-main{
  padding:15px;
  margin-top:30px;
  width:100%;
  background:#89ffc9;
  display:none}
.form-control{
  display:block;
  width:100%;
  height:34px;
  padding:6px 12px;
  font-size:14px;
  line-height:1.42857143;
  color:#fff;
  background-color:#fff;
  background-image:none;
  border-bottom:4px solid #c4a181;
  border-top:0;
  border-left:0;
  border-right:0;
  border-radius:0;
  -webkit-box-shadow:none;
  box-shadow:none;
  -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control:focus{
  border-color:#ff8ebf;
  outline:0;
  -webkit-box-shadow:none;
  box-shadow:none}
::-webkit-scrollbar{
  width:10px}
::-webkit-scrollbar-track{
  background:0 0;
  border:solid 1px #fff}
::-webkit-scrollbar-thumb{
  background:#fff;
  border:solid 1px #fff}
::-webkit-scrollbar-thumb:hover{
  background:#fff}
.footer {
    position: fixed;
    bottom: 0;
    right: -25px;
    left: -25px;
    width: 118%;
    height: 30px;
    background: black;
    -webkit-animation: slide-in-blurred-bottom 2s cubic-bezier(.23,1,.32,1) both;
    animation: slide-in-blurred-bottom 2s cubic-bezier(.23,1,.32,1) both;
    border-top: none;
    padding-left: 25px;
    padding-right: 15px;
    color: white;
}
.footer a{
  color:white}
.imppoltext{
  padding:5%;
  background:rgb(255 255 255 / 75%);
  color:white;
  overflow:auto;
  min-height:100vh}
.cc_banner-wrapper{
  z-index:90010000;
  position:absolute;
  bottom:0;
  width:100vw}
.cc_container{
  background:rgba(0,0,0,.75)!important;
  color:#fff!important;
  font-family:Monserrat,sans-serif!important;
  font-size:1.5rem!important;
  border-bottom:4px solid #c4a181!important;
  border-top:0!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  bottom:0;
  right:0}

@media (max-width:767px){
.centerImg {
    height: 40%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
    .centerImgRight {
    height: 40%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
    .centerImgRightBottom {
    height: 40%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}  
  .btnChoose, .btnChooseRight, .btnChooseRightBottom {
    position: absolute;
    bottom: 15px;
    left: unset;
    right: 15px;
}
.cornerrightImg + .btnChoose, .cornerrightBottomImg + .btnChoose, .cornerrightImg + .btnChooseRight, .cornerrightBottomImg + .btnChooseRight, .cornerrightImg + .btnChooseRightBottom, .cornerrightBottomImg + .btnChooseRightBottom {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: unset;
}
h1 {
    font-size: 45px;
}  
  }
@media screen and (max-width:575px){
.btnChoose {
    position: absolute;
    bottom: 15px;
    left: 30px;
    right: 30px;
    height: 40px;
  	text-align: center;
}
}
@media screen and (max-width:500px){
.centerImg {
    height: 30%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
  .centerImgRight {
    height: 30%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
  .centerImgRightBottom {
    height: 30%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}  
  .cornerleftImg, .cornerrightImg, .cornerrightBottomImg {
    height: 20vh;
}
  .rabbit {
    width: 65px;
}
    .egg {
    width: 65px;
}
}
@media screen and (min-width:500px){
  .cc_container .cc_message{
    border-radius:0!important;
    bottom:0!important;
    right:0!important}
}
@media screen and (max-width:336px){
.centerImg {
    height: 20%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
  .btnChoose {
    left: 15px;
    right: 15px;
}
.centerImgRight {
    height: 20%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}  
.centerImgRightBottom {
    height: 20%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}  
h1 {
    font-size: 40px;
}  
}
.cc_container .cc_btn{
  background-color:#c4a181!important;
  color:#fff!important;
  border-radius:0!important}
.heartbeat{
  -webkit-animation:heartbeat 1.5s ease-in-out infinite both;
  animation:heartbeat 1.5s ease-in-out infinite both}
.swing-in-top-fwd{
  -webkit-animation:swing-in-top-fwd 2.5s cubic-bezier(.175,.885,.32,1.275) both;
  animation:swing-in-top-fwd 2.5s cubic-bezier(.175,.885,.32,1.275) both}
.fade-in{
  -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) both;
  animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) both}
.slide-in-blurred-top{
  -webkit-animation:slide-in-blurred-top 2s cubic-bezier(.23,1,.32,1) both;
  animation:slide-in-blurred-top 2s cubic-bezier(.23,1,.32,1) both}
.slide-in-blurred-bottom{
  -webkit-animation:slide-in-blurred-bottom 2s cubic-bezier(.23,1,.32,1) both;
  animation:slide-in-blurred-bottom 2s cubic-bezier(.23,1,.32,1) both}
@-webkit-keyframes swing-in-top-fwd{
  0%{
    -webkit-transform:rotateX(-100deg);
    transform:rotateX(-100deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:0}
  100%{
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:1}
}
@keyframes swing-in-top-fwd{
  0%{
    -webkit-transform:rotateX(-100deg);
    transform:rotateX(-100deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:0}
  100%{
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:1}
}
@-webkit-keyframes heartbeat{
  0%{
    -webkit-transform:scale(1);
    transform:scale(1)}
  50%{
    -webkit-transform:scale(.9);
    transform:scale(.9)}
  100%{
    -webkit-transform:scale(1);
    transform:scale(1)}
}
@keyframes heartbeat{
  0%{
    -webkit-transform:scale(1);
    transform:scale(1)}
  50%{
    -webkit-transform:scale(.9);
    transform:scale(.9)}
  100%{
    -webkit-transform:scale(1);
    transform:scale(1)}
}
@-webkit-keyframes fade-in{
  0%{
    opacity:0}
  100%{
    opacity:1}
}
@keyframes fade-in{
  0%{
    opacity:0}
  100%{
    opacity:1}
}
@-webkit-keyframes slide-in-blurred-top{
  0%{
    -webkit-transform:translateY(-1000px) scaleY(2.5) scaleX(1);
    transform:translateY(-1000px) scaleY(2.5) scaleX(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0}
  100%{
    -webkit-transform:translateY(0) scaleY(1) scaleX(1);
    transform:translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1}
}
@keyframes slide-in-blurred-top{
  0%{
    -webkit-transform:translateY(-1000px) scaleY(2.5) scaleX(1);
    transform:translateY(-1000px) scaleY(2.5) scaleX(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0}
  100%{
    -webkit-transform:translateY(0) scaleY(1) scaleX(1);
    transform:translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1}
}
@-webkit-keyframes slide-in-blurred-bottom{
  0%{
    -webkit-transform:translateY(1000px) scaleY(2.5) scaleX(.2);
    transform:translateY(1000px) scaleY(2.5) scaleX(.2);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0}
  100%{
    -webkit-transform:translateY(0) scaleY(1) scaleX(1);
    transform:translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1}
}
@keyframes slide-in-blurred-bottom{
  0%{
    -webkit-transform:translateY(1000px) scaleY(2.5) scaleX(.2);
    transform:translateY(1000px) scaleY(2.5) scaleX(.2);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0}
  100%{
    -webkit-transform:translateY(0) scaleY(1) scaleX(1);
    transform:translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1}
}
@media only screen and (max-width:992px){
  .ct-address{
    background:#000;
    top:25px;
    border-bottom:4px solid #c4a181;
    float:left;
    left:0;
    margin-left:15px;
    margin-right:15px;
    right:16px;
    width:88vw!important}
}
@media screen and (min-width:768px){
  .cc_btn,.cc_container .cc_message{
    font-size:15px!important}
}
@media only screen and (max-width:750px){
  .details{
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    overflow:auto;
    text-shadow:none}
  .desktop{
    display:none}
  .navbar-title{
    width:50%;
    height:auto;
    position:absolute;
    right:25px;
    top:-25px;
    color:#fff;
    font-size:2vh;
    text-align:right}
}
@media only screen and (max-width:600px){
  .details{
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    overflow:auto;
    text-shadow:none}
  .desktop{
    display:none}
  .navbar-title{
    width:50%;
    height:auto;
    position:absolute;
    right:25px;
    top:-25px;
    color:#fff;
    font-size:2vh;
    text-align:right}
  .ct-address{
    width:100%}
}
@media only screen and (max-width:575px){
  .imgNews{
    max-height:inherit;
    width:inherit}
}
@media only screen and (max-width:499px){
  .cc_container{
    position:absolute;
    bottom:87px!important;
    width:100vw}
  .navbar-title{
    width:50%;
    height:auto;
    position:absolute;
    right:25px;
    top:12px;
    color:#fff;
    font-size:2vh;
    text-align:right;
    margin-top:auto;
    margin-bottom:auto}
  .footer .text-muted,.impressum,.policy{
    font-size:1.5rem!important}
  .impressum,.policy{
    top:3px!important}
  .impressum{
    left:168px!important}
  .policy{
    left:250px!important}
  .in-box h2{
    font-size:4vh}
  section:nth-child(2),section:nth-child(3){
    background-position:left}
  section:nth-child(4){
    background-position:center}
}
@media only screen and (max-width:299px){
  .in-box h2{
    font-size:4vh}
}