@font-face { 
	font-family: 'Avenier'; src: url(../fonts/Avenier/Avenir-Book.ttf) format('truetype'),
								url(../fonts/Avenier/Avenir-Book.woff2) format('woff2'),
								url(../fonts/Avenier/Avenir-Book.woff) format('woff'); }

@font-face { 
	font-family: 'Avenier-Bold'; src: url(../fonts/Avenier/Avenir-Black.ttf) format('truetype'),
								url(../fonts/Avenier/Avenir-Black.woff2) format('woff2'),
								url(../fonts/Avenier/Avenir-Black.woff) format('woff');
}


html, body {
	font-family: 'Avenier', Arial, sans-serif !important;
	font-size:11px !important;
	padding:0;
	margin:0;
	font-style:normal;
	font-weight:normal;
}


h1 {font-family: 'Avenier-Bold', Arial, sans-serif !important;
font-size:20px !important;
}

h2 {font-family: 'Avenier-Bold', Arial, sans-serif !important;
	margin-top:10px !important;
	font-size:12px !important;
	color:#000 !important;
}

h3 {
font-size:14px !important;margin:0px;
}

ul {
	margin:0px;
	padding:0px;
}

li {
	margin-left:16px;
	color:#444c4f;
		
}

p {
	text-align:justify;
	font-size:14px;
	
	
}

.no_margin {
		margin:0 !important;
}


.blocks_wrapper {
	height:100%;
	width:100%;
	
}


.header_wrapper {
	padding:0;
	margin:0;
	width:100%;
	height:40px;
	border-bottom:1px solid #555;
	position:fixed;
	z-index:100;
	background-color:#FFF;
	top:0px;
	left:0px;
}

.header {
	position:relative;
	width:100%;
	height:40px;
	margin:0 auto;
		padding:0;
	/*background-image: url(../imgs/logo.jpg);
	background-repeat:no-repeat;
	background-position:340px 0;*/
}


.header_gradient {
	padding:0;
	margin:0;
	width:100%;
	height:65px;
	position:fixed;
	z-index:99;
	top:0px;
	left:0px;
	background-image:url(../imgs/gradient.png);
	background-repeat:repeat-x;
	background-position:0 25px;
	
}


/*.header_image_wrapper {
	padding:0;
	margin:0;
	float:right;
	
}

.header_image {
	padding:0;
	margin:-1px 0 0 0;
	background-image:url(../imgs/logo.jpg);
	background-size:120px 120px;
	background-repeat:no-repeat;
	width:120px;
	height:120px;
	
}*/


.menu {
	margin-left:2%;
}


.content {
	display:block;
	position:relative;
	/*margin-top:37%;*/
	margin-left:auto;
	margin-right:auto;
	width:100%;
	margin-bottom:4%;
	
	
}
.content_wrapper {
    margin:1% 100% 0% 100%;
	border-bottom:1px solid #555;
	
}

.noborder {
	border-bottom:0px;
	
}


.blocks_wrapper {
	margin:0;
	padding:0;
    	
}

.blocks_image {
	display:block;
	position:relative;
	width:100;
	height:auto;
	float:left;
	background-color:#BD2F32;
	}

.blocks_col {
	display:block;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	
}

.blocks_image img {
	visibility:hidden;
}


.fader {
	display:block;
	position:relative;
	width:100vw;
	height:52.5vw;
	background-color:#fff;
	margin:0px !important;
	padding:0px !important;	
}

.headerimage_oldbrowser {
	width:100vw;
	height:52.5vw;
	position:absolute;
	background-image:url(../fader/04.jpg);
	background-size:cover;
	z-index:90;
	margin:0px;
	padding:0px;
}

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


.leerraum {
	display:block;
	position:relative;
	width:100%;
	height:40px;
}




.list {margin:0px 0px 0px 16px;}

.site_content {
	margin-bottom:10%;
	
}

.logo {
	width:23vw;
	height:23vw;
	border-radius:50%;
	border: 5px solid white;
	position:absolute;
	background-image: url(../imgs/logo.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:-1px 0px;
	background-color:white;
	z-index:90;
	margin:0px;
	padding:0px;
	right:0%;
	top:-1%;
	color:black;
}

/*.insert {
	width:260px;
	height:180px;
	position:absolute;
	background-color:white;
	opacity:0.7;
	z-index:90;
	margin:0px;
	padding:70Px 0;
	right:0px;
	top:40%;
	color:black;
	visibility:hidden;
}*/


.spacer_mobile {
	margin:4% 0;
}

.spacer_gastgeber {
	margin:2% 0;
}

.text_gastgeber {
	text-align:left !important;	
}

.border_gastgeber {
	border-top:1px solid #555;
	border-left:none;	
}

.language_links {
  	margin:9px 0px;
	float:right;
}
.language_links img, .language_links a {
	margin-right:5px;
}


.light_opac img {
	opacity:0.6;	
}


/* DROPDOWN MENU */

/* Dropdown Button */
.dropbtn {
    background-image:url(../imgs/menue_icon_sm.png);
	background-repeat:no-repeat;
	width:104px;
	height:20px;
    color: white;
    border: none;
    cursor: pointer;
	background-color:#fff;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	
    position: relative;
    display: inline-block;
	float:left;
	margin:8px 0px;

}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:100;
}



/* Links inside the dropdown */
.dropdown-content a {
	
    color: #a9a9a9;
    padding: 8px 12px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
	
    color: #333;
    text-decoration: none;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #fff}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #fff;
}

/* HOVER INFOTEXT*/

.whitebar {
	position:absolute;
	width:100%;
	height:5px;
	padding:0;
	margin:0;
	background-color:white;
	z-index:105;
	

}

.nopadding {
	padding:0 !important;
	margin:0 !important;
	
}

.padding1 {
	margin:0 !important;
	padding:5px 0 5px 5px !important;
}

.padding2 {
	margin:0 !important;
	padding:0px !important;
}

.padding3 {
	margin:0 !important;
	padding:0px 0 5px 5px !important;
}

.padding4 {
	padding:0px !important;
	
}

.row {
	margin-top:-5px !important;	
}

.hover_indent {
	text-indent:2em;
}


.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.hovereffect .overlay {
    width: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 4.75em;
	background: white;
	color: black;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

.hovereffect img {
    display: block;
    position: relative;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

.hovereffect:hover img {
-webkit-transform: translate3d(0,-10%,0);
	transform: translate3d(0,-10%,0);
}

.hovereffect h3 {
    text-transform: uppercase;
    color: black;
    text-align: center;
    position: relative;
    font-size: 14px;
    padding:10px 10px 5px 10px;
    background: rgba(0, 0, 0, 0);
	float: left;
	margin:0 0 0 0;
	display: inline-block;
}

.hovereffect a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    text-transform: uppercase;
	color: #fff;
	border: 1px solid #fff;
	margin: 50px 0 0 0;
	background-color: transparent;
}
.hovereffect a.info:hover {
    box-shadow: 0 0 5px #fff;
}


.hovereffect p.icon-links a {
	float: right;
	color: #3c4a50;
	font-size: 1.4em;
}

.hovereffect:hover p.icon-links a:hover,
.hovereffect:hover p.icon-links a:focus {
	color: #252d31;
}

.hovereffect h3,
.hovereffect p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

.hovereffect p.icon-links a span:before {
	display: inline-block;
	padding: 8px 10px;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.hovereffect:hover .overlay,
.hovereffect:hover h3,
.hovereffect:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.hovereffect:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.hovereffect:hover p.icon-links a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.hovereffect:hover p.icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.hovereffect:hover p.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}


/* FADER TEXT */

ul.txt-slider li{
	font-family: 'Avenier-Bold', Arial, sans-serif !important;
	color:white;
	font-size:48px;
		 
	 }

/* TABLET */
@media (min-width : 768px)

{
	body {
	font-family: 'Avenier', sans-serif;
	font-size:12px !important;	
}

h1 {
font-size:36px !important;
}

h2 {
	margin-top:10px !important;
	font-size:16px !important;
}

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


.header {
	width:70%;
}

/*.header_image {
	padding:0;
	margin:-1px 0 0 0;
	background-image:url(../imgs/logo.jpg);
	background-size:120px 120px;
	background-repeat:no-repeat;
	width:120px;
	height:120px;
	
}*/

.fader {
	height:27vw;	
}


.headerimage_oldbrowser {
	
	height:27vw;
	
}
.menu {
	margin-left:1%;
}

.content {
	width:70%;
		
}

.dropbtn {
    background-image:url(../imgs/menue_icon.png);
}

.dropdown {
	margin:7px 0px;

}

/*.insert {
	visibility:visible;
}*/


.logo {
	width:14vw;
	height:14vw;
	right:10%;
	top:-10px;
	background-position:-3px 0px;
}
.spacer_mobile {
	margin:0;
}

.text_gastgeber {
	text-align:right !important;	
}

.border_gastgeber {
	border-top:none;
	border-left:1px solid #555;	
}


}
/* PC */
@media (min-width : 1200px)
{
body {
	font-family: 'Avenier', sans-serif;
	font-size:14px !important;
}

h1 {font-size:48px !important;}

h2 {	margin-top:10px !important;
	font-size:18px !important;}	

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



}