@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
	padding:0;
}
body {
   background-color: #f7f8ee;
	font-family: "Source Sans Pro";
	text-decoration: none;/*background-size: 100%;*/
}

top {
	width:100%;
	margin:auto;
	background-color: white;
	border-bottom: solid thin #6F1017;
	z-index:3;
	height: 70px;
	position:fixed;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.35);
}
.topnav {
 float: left;
 margin-left:29%;
 background-color: #FFFFFF;
 padding-top: 15px;
}
.topfoto {
 width:100%;
 heigth:auto;    
}
.topfoto img {
margin: auto;
 width:100%;
 heigth:auto; 
}
.topfoto2 {
display: none;
 width:100%;
 heigth:auto;    
}
.topfoto2 img {
margin: auto;
 width:100%;
 heigth:auto; 
}
.map {
	max-width: 1250px;
	height:auto;
	margin: auto;	
}	
table {text-color: #FFF;}
ul {
	list-style:square;
	line-height:1.6em;
}
#cardbox {
    z-index: 2302;
    width: 250px;
    height: auto;
    overflow: visible;;
  position: absolute;
  margin-top: -100px; 
    
}
#telbox {
    background-color:#6F1018;  
        z-index: 2302;
    width: 70px;
    height: 80px;
    overflow: visible;;
  position: absolute;
  
    right:50px;
     margin-top: -40px; 
    border-radius: 8px;
    text-align: center;
    margin-top: -80px; 
   
}
#telbox:hover {
    background-color:hsla(100,52%,32%,0.90);  
}
#cam {
    background-color:#6F1018;  
        z-index: 2302;
    width: 70px;
    height: 80px;
    overflow: visible;;
   position: absolute;
    right:130px;
     margin-top: -40px; 
    border-radius: 8px;
    text-align: center;
    margin-top: -80px; 
    display:flex;
        justify-content: center;
        align-items: center;
     
}
#cam:hover {
    background-color:hsla(100,52%,32%,0.90);       
}
#cam img {
    width:60px;
    height: auto;    
}
#telbox img {
    margin: 2px;
width: 40px;
    height: 70px;
}
#telbox a {
  text-decoration: none;
font-weight: 500;
    color:#fff;    
}
#cardbox img {
    width: 100%;
    height: auto;
}

#anfrage {
	float: right;
	margin-top: 17px;
	background-color:#6F1017;
    border-radius: 3px;
	margin-right:5px;
	padding-top:9px;
	width:90px;
	height:30px;
	transition: 0.5s;
}
#anfrage:hover {
	background-color:#FFF;
	margin-right:5px;
	padding-top:9px;
    border-radius: 3px;
	width:90px;
	height:30px;
	border: #6F1017 solid thin;
	transition: 0.5s;
}
#anfrage_b {
	background-color:#6F1017;
	padding-top:6px;
    border-radius: 3px;
	width:90px;
	height:30px;
	transition: 0.5s;
}
#anfrage_b:hover {
	background-color:#FFF;
     border-radius: 3px;
	border: #6F1017 solid thin;
	transition: 0.5s;
}
.section {
	width:100%;
	margin:auto;
	height:auto;
	position:relative;
	z-index:2;
}

.line {
	width:100%;
	height:40px;
    padding-bottom: 30px;
    padding-top: 30px;
	}
.line img{
    width:70%;
	margin:auto;
	}
.section-footer {
	background-image:url(images/grey_wash_wall.png);
	width:100%;
	margin:auto;
	min-height:100px;
	position:relative;
	z-index:5;
}
.section-title { 
	width:45%;
	margin:auto;
	margin-top:-60px;
	padding-top:15px;
	background-color:hsla(0, 0%, 100%, 0.8);
	z-index:2 ;
	overflow:hidden;
	position:relative;
	height: 44px;
	border-top:#6F1018 solid thin;
	border-right:#6F1018 solid thin;
	border-left:#6F1018 solid thin;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}
#topspace {
	width:100%;
	height:70px;
}
#topcontent {
	max-width:1250px;
	margin: auto;
    background: rgba(0,0,0,0);
}
#logobox {
	position: fixed;
	float:left;
	margin-left:10px;
	margin-top: 8px;
}
#logobox2 {
	position: fixed;
	display:none;
	float:left;
	margin-left:18px;
	margin-top: 6px;	
}
#logobox2 img{
	width: 180px;
	height: auto;
}
#logobox img {
	width:220px;
	height:auto;
}
top.smaller #logobox {
	display:none;	
	}
top.smaller #logobox2 {
	display:block;
	}
.content {
	margin:auto;
	max-width:1250px;
	height:auto;
	padding-right:5px;
	padding-left:5px;
	overflow:auto;
}

.miniaturen {
    width: 80px;
    height: 80px;
}
#haftung {
       text-align: center;
	float:left;
	width:100%;
	overflow:auto;
}
#haftung a{
   text-decoration: none;
    color:brown;
}
.container-13 {
    width: 100%;
    height: auto;
    display: flex; 
    justify-content: center; 
    align-items:top;
}
#mehr {    
    z-index: 3;
    position: absolute;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align:center;
    background: hsla(0,0%,100%,0.8);
    overflow:hidden;
}
#mehr:hover {
    background-color: hsla(0,0%,100%,1.0);   
}
#mehr a {
    color:#427B28;
    text-decoration: none;
}
#mehr a:hover {
    color:#6F1018;
    text-decoration: none;
}
.bild-info {
    z-index: 2;
    position: absolute;
    padding: 5px;
    border-radius: 8px;
    background-color:hsla(0,0%,0%,0.20);
    margin: auto;
    text-align:center;
    overflow:hidden;  
    font:300;
    top:50%;
}
.bild-info a {
    text-decoration: none;
    color:#fff;
}
.col-13-text {
    text-align: center;
    padding: 5px;
	width:32%;
    height: auto;
}
.col-13-text img {
	width:100%;
    height: auto;
   margin: auto;
}
.col-13-text img:hover {
   opacity: 0.6;
}
.col-13-text a {
  text-decoration: none;
color: #6F1017;
    font-weight: 400;
}
.col-13-text a:hover {
  color:#427B28;
}
.col-14 {
    position: relative;
	width:22%;
    height: auto;
    text-align: center;
    padding:5px;
    display:flex; 
    justify-content: center;
    align-content: center;
}

.col-14 img:hover {
  -webkit-box-shadow: 9px 6px 15px -4px rgba(0,0,0,0.41); 
box-shadow: 9px 6px 15px -4px rgba(0,0,0,0.41);
   opacity: 0.6;  
	-webkit-transform: scale(1.01);
-moz-transform: scale(1.01);
-ms-transform: scale(1.01);
-o-transform: scale(1.01);
transform: scale(1.01);
transition-duration:0.8s;    
}
.col-14 img {   
	width:100%;
    height: auto;
    margin: auto;
}  
.col-14 a {
	text-decoration: none;
    color: #FFF;
    font-weight: 300;
}

.col-13 {
    position: relative;
	width:32%;
    height: auto;
    text-align: center;
    padding:5px;
    display:flex; 
    justify-content: center;
    align-content: center;
}

.col-13 img:hover {
  -webkit-box-shadow: 9px 6px 15px -4px rgba(0,0,0,0.41); 
box-shadow: 9px 6px 15px -4px rgba(0,0,0,0.41);
   opacity: 0.6;  
	-webkit-transform: scale(1.01);
-moz-transform: scale(1.01);
-ms-transform: scale(1.01);
-o-transform: scale(1.01);
transform: scale(1.01);
transition-duration:0.8s;    
}
.col-13 img {   
	width:100%;
    height: auto;
    margin: auto;
}  
.col-13 a {
	text-decoration: none;
    color: #FFF;
    font-weight: 300;
}
.col-12 {
    position: relative;
	width:48%;
    height: auto;
    text-align: center;
    padding:5px;
    display:flex; 
    justify-content: center;
    align-content: center;
}

.col-12 img:hover {
  -webkit-box-shadow: 9px 6px 15px -4px rgba(0,0,0,0.41); 
box-shadow: 9px 6px 15px -4px rgba(0,0,0,0.41);
   opacity: 0.6;  
	-webkit-transform: scale(1.01);
-moz-transform: scale(1.01);
-ms-transform: scale(1.01);
-o-transform: scale(1.01);
transform: scale(1.01);
transition-duration:0.8s;    
}
.col-12 img {   
	width:100%;
    height: auto;
    margin: auto;
}  
.col-12 a {
	text-decoration: none;
    color: #FFF;
    font-weight: 300;
}
.col-full {
    text-align: center;
	width:100%;
}
.col-full a{ 
    text-decoration: none;
    color:hsla(56,94%,50%,1.00);
}
.col-full a:hover { 
    text-decoration: none;
    color:#7DD877;
}
.col_1{	
    position: relative;
	width: 48%;
    min-height:100%;
    text-align: center;
}

.col_1 img { 
    width:100%;
}
.col_2 img { 
    width:96%;
}

.video-box {
    width:50%;
	height: auto;
    margin: auto;
}
.video-box img {
width: 100%;
    height:auto;
}

#footer {
	padding:15px 0px 20px 0px;
	margin: auto;
	background-color:#FFF;
	bottom:0;
	width: 100%;
}
#footer img {
	padding-left:20px;
	height:auto;
	margin-right:15px;
}
 @media screen and (max-width:1255px) {
 #logobox {
 float:left;
 padding-left:5px;
}
 #logobox2 {
 float:left;
 padding-left:5px;
}
}

 @media screen and (max-width:920px) {
h8 {
	font-size: 2.5em;
}  	
     #cardbox {
    width: 150px;
      
  margin-top: 440px; 
}
#telbox {
   margin-top: 428px; 
    width: 40px;
    height: 73px;
    right:20px;
}     
     
    #cam {
   margin-top: 428px; 
    width: 60px;
    height: 73px;
    right:80px;
} 
.topfoto2 {
     margin:auto; 
     width:100%;
     display:block;  
     }    
.topfoto2 img {
object-fit: cover;
 width:100%;
height:500px;
     }
     .topfoto {
    margin:auto; 
     width:100%
     }
.topfoto img {
object-fit: cover;
 width:100%;
height:500px;
     }
.col-full img{
	width:30%;
}
.col_1 {
	width:98%;
}
.video-box 
     {
width: 99%;              
     }
.line img{
    width:100%;
	}
.col-12{     
    width: 98%;
    margin-bottom: 15px;
     }
.col-12r {     
         width: 98%;
    margin-bottom: 15px;
     }
.col-13{     
         width: 98%;
     }
.col-14{     
         width: 48.5%;
         display: inline-block;       
     }
     .col-13-text {     
         width: 98%;
     }
     .col-13-sommer {
        width: 98%;
     }
     .container-13 {
    display:block;          
     }
.col-23 {
    width:95%;
}
.line {
	width:100%;
	height:20px;
    padding-bottom: 20px;
	}

h6 {
 font-size: 1.2em;
}
 .iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: auto;
}
 #logobox {
 display: none;
}	 
 #logobox2 {
display: block;
}	 
}
@media screen and (max-width:776px) {
    .col-14{     
         width: 48%;
    }
}
@media screen and (max-width:520px) {
    .col-14{     
         width: 46.5%;
    }

h3 {
	
	font-size: 1.2em;	
}
h2 {
	font-size: 1.3em;
	font-weight: lighter;
}
h6 {
 font-size: 1.2em;
}
h5 {
	font-size: 2em;	
}
}