h3 { font-size:20px !important;} 


@media (min-width: 980px) and (max-width: 1199px) {

h2 { font-size:22px !important;}  
h3 { font-size:20px !important;}  
h4 { font-size:18px !important;} 
}  

@media (min-width: 768px) and (max-width: 979px) {
body {font-size: 16px!important;}

h2 { font-size:22px !important;}  
h3 { font-size:20px !important;}  
h4 { font-size:18px !important;}   
}

@media (max-width: 767px) {
body {font-size: 14px!important;}
 
h2 { font-size:20px !important;}  
h3 { font-size:18px !important;}  
h4 { font-size:16px !important;}  
#buchung input[type="text"], #buchung textarea, #buchung select {
    font-size: 14px;
    width: 200px!important;
}  
}

@media (max-width: 480px) {
body {font-size: 14px!important;}

h2 { font-size:18px !important;}  
h3 { font-size:16px !important;}  
h4 { font-size:15px !important;}
#buchung input[type="text"], #buchung textarea, #buchung select {
    font-size: 14px;
    width: 200px!important;
}
}


 iframe, object, embed {
    max-width: 100%;
}

#sp-logo img {
    display: inline-block;
    width:400px;
    display: table;
}
.wow {visibility: hidden; 
	 animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.wow1 {
	animation-duration: 300ms; 
	animation-delay: 300ms; 
   
}

.wow2 { 
	animation-duration: 400ms; 
	animation-delay: 400ms; 

}

.wow3 { 
	animation-duration: 500ms; 
	animation-delay: 500ms; 

}

.wow4 { 
	animation-duration: 600ms; 
	animation-delay: 600ms; 

}


h3.info {
    color: #ffffff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
	background: #597787 none repeat scroll 0 0;
    padding: 10px 0px 10px 10px;
    margin-top: 0;
    text-transform: uppercase;
}
td, th {
    padding: 5px;
}



#sp-slider{margin-top:-47px}

#preise table { 
width:60%
}
#preise table th {
background-color:#CCCCCC
}

.map {
	margin-top:50px;
	border: 1px solid #CCCCCC;
	padding: 4px; height:100%; float:none; clear:both
}

.cleardiv {
float:none; clear:both
}

#sbox-window{box-sizing:content-box }

#sbox-window iframe { height:570px !important; padding:10px;border: 1px solid #CCCCCC;}

#sbox-window iframe article.item {
    margin: 0px !important;
}
.offcanvas-menu .menu .nav-child.small {
    padding-left: 15px;
}

.camera_wrap{height:400px}

#sp-bottom1{padding-bottom:50px}

.sp-simpleportfolio{padding-bottom:50px!important; min-height:800px}


.zbe{ font-size:0.9em}

.com-spsimpleportfolio{z-index:9999}

.sp-simpleportfolio-filter{font-size:12px}


.mod_sef{font-size:14px}
.mod_sef_td span{font-size:12px; font-weight:normal} 

h2, h3 {color:#5AADDD;}

.btn:hover {
    color: #333;
    text-decoration: none;
    background-color: #d9d9d9;
    background-position: 0 -32px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}