@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(http://www.angelteiche.at/css/OpenSans-Light.ttf) format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(http://www.angelteiche.at/css/OpenSans-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(http://www.angelteiche.at/css/OpenSans-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(http://www.angelteiche.at/css/OpenSans-ExtraBold.ttf) format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(http://www.angelteiche.at/css/OpenSans-SemiBoldItalic.ttf) format('truetype');
}

body{font-size:16px;}

h3 {color:#FFDE13;font-size:30px;font-weight:600;}

.google-maps{
pointer-events: none;
position:relative;
padding-bottom: 25%;
height: 0;
overflow: hidden;
}

@media(max-width:991px){
.google-maps{

padding-bottom: 45%;

}

}

.google-maps iframe{
position: absolute;
top:0;
left: 0;
width: 100% !important;
height: 100% !important;
}

.formular iframe{
height: 495px;
}

@media (max-width: 1199px) {
  .formular iframe{
    height:350px;
  }
}

.video{
position:relative;
z-index:1;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}

.video iframe{
position: absolute;
top:0;
left: 0;
width: 100% !important;
height: 100% !important;
z-index:1;
}

#fancybox-wrap * {
    max-width: 100% !important;
}

#fancybox-wrap,
#fancybox-wrap * {
 -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
     -ms-box-sizing: content-box;
      -o-box-sizing: content-box;
         box-sizing: content-box;
}

#pruefung{
display:none;
}


.carousel.fade {
  opacity: 1;
}
.carousel.fade .item {
  -moz-transition: opacity ease-in-out 2.5s;
  -o-transition: opacity ease-in-out 2.5s;
  -webkit-transition: opacity ease-in-out 2.5s;
  transition: opacity ease-in-out 2.5s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.fade .item:first-child {
  top:auto;
  position:relative;
}
.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out 2.5s;
  -o-transition: opacity ease-in-out 2.5s;
  -webkit-transition: opacity ease-in-out 2.5s;
  transition: opacity ease-in-out 2.5s;
  z-index:2.5;
}

.banner{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    max-width: 1170px;
    margin: auto;
	background-image:none;
}


.brand{
float: left;
line-height: 40px;
font-weight: 800;
color: #fff;
text-transform: uppercase;
font-size: 22px;
}

.brand:hover{
color:#fff;
}

.img-col{
padding:0;
display:table-cell;
float:none;
}

.text-col{
background-color:#FEE85C;
color:#388CCC;

}

.text-col h1{
font-size: 46px;
color: #388CCC;
margin-top: 100px;
font-weight: 800;
margin-bottom: 35px;
text-transform:uppercase;
}

.text-col h2{color:#fff;}

.fill{
background-size:cover;
background-position:center center;

}

.single-fill{
background-size:cover;
background-position:center center;
}


.clear{
clear:both;
display:table-row;
width:100%;
}

@media(max-width:1400px){
.banner button{margin-bottom:70px;}
.banner h1{font-size:45px;}
.banner h3{font-size:22px;}
.banner img{margin:25px;}
}

@media(max-width:1300px){
.banner{max-width:850px}
.banner-container{max-width:850px;}
}

@media(max-width:1100px){
.banner{max-width:800px}
.banner-container{max-width:800px;}
}


@media(max-width:1182px){
body{padding-top:100px;}
}


@media(max-width:991px){
.clear{display:block;background-color: #fee85c;}
.img-col{display:block;}
.text-col{display:block;padding-top:70px;}
.text-col h1{margin-top:0px;font-size:30px;margin-bottom:20px;}
.text-col h2{font-size:22px;}
.about h2{font-size:30px;}
h3{font-size:22px;}
.portfolio-details{display:block;}
.single-fill{
    height: 300px;
    background-position: center center;
    background-size: cover;
	margin-top: -10px;
}
.fill{height:500px !important;}
}

@media(max-width:767px){
.brand{
font-size: 14px;
line-height: 16px;
margin-top: 10px;
}
body {
  padding-top:40px;}
}

.nivo-lightbox-overlay.nivo-lightbox-open{
background-color:rgba(0,0,0,0.2);
}

.nivo-lightbox-close{
color:#333;
top:10%;
right:10%;
}


.carousel-inner>.item>img{
max-width:auto;
width:100%;

}


.modal-backdrop{
z-index:10;
}

.modal-dialog{
z-index:100;
}

.modal.fade.in {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}


.angel-box{
	width:100%;
	float:left;
	background-size:cover;
	background-position:center center;
	-webkit-box-shadow: inset -1px 0px 77px 8px rgba(0,0,0,0.2);
	-moz-box-shadow: inset -1px 0px 77px 8px rgba(0,0,0,0.2);
	box-shadow: inset -1px 0px 77px 8px rgba(0,0,0,0.2);
	    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.angel-box:hover{
	-webkit-box-shadow: inset -1px 0px 77px 8px rgba(0,0,0,0);
	-moz-box-shadow: inset -1px 0px 77px 8px rgba(0,0,0,0);
	box-shadow: inset -1px 0px 77px 8px rgba(0,0,0,0);
}

.angel-box1{
    min-height: 375px;
	background-image: url(/img/forelle_neu.jpg);
}
.angel-box2{
	min-height:533px;
	background-image: url(/img/Bichlacher-Angelteiche-Plan.jpg);
}

.no-pad{
	padding-left: 0px;
    padding-right: 0px;

}

@media (max-width: 1325px){
		.angel-box1{
	min-height:510px;
	background-image: url(/img/forelle_neu.jpg);
}

}



@media (max-width: 1200px)
{
.angel-box1{
	    min-height: 470px;
	background-image: url(/img/forelle_neu.jpg);
}
.angel-box2{
	min-height: 425px;
}}

@media (max-width: 1050px)
{
.angel-box1{
	    min-height: 470px;
	background-image: url(/img/forelle_neu.jpg);
}
.angel-box2{
	min-height: 690px;
}}

}
.no-ul {
  list-style-type: none;
}

.row {margin:0px;}
.cboxIframe {
    background: #fff;
    padding-top: 55px;
}
@media (max-width: 710px){
.angel-box {
    min-height: 580px;
}
}
@media (max-width: 670px){
.angel-box {
    min-height: 500px;
}
}
@media (max-width: 585px){
.angel-box {
    min-height: 425px;
}
}
@media (max-width: 400px){
.angel-box {
    min-height: 315px;
}
}


#cboxOverlay {
    background: transparent!important;;
}

#cboxClose {
    position: absolute;
    bottom: 0;
    right: 2px!important;
    width: 30px!important;
    height: 26px!important;
    transform: scale(1.5)!important;
    top: 7px!important;
    text-indent: -9999px;
}

#cboxLoadedContent {
   margin-bottom: 0px!important;
}
#colorbox {
display:block!important;
margin-left: auto!important;
margin-right: auto!important;
z-index: 9999999!important;


}
@media(max-width:767px){
  #colorbox {
    transform: scale(0.8)!important;
display:block!important;
margin-left: auto!important;
margin-right: auto!important;

  }

}
.popup.popup__cookie {
  z-index:99999999999!important;
}
