@charset "utf-8";
/* CSS Document */

@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=ba123d7b-be25-4828-b03a-bc110e4cf68c");
    @font-face{
        font-family:"Eurostile LT W01 Demi788242";
        src:url("Fonts/244cc320-7c47-4dde-840a-6845ccd3f1d7.eot?#iefix");
        src:url("Fonts/244cc320-7c47-4dde-840a-6845ccd3f1d7.eot?#iefix") format("eot"),url("Fonts/cbae329f-03bc-47e1-9926-705faf095f2c.woff2") format("woff2"),url("Fonts/9ae65e56-1c19-4809-aeca-85a714dba123.woff") format("woff"),url("Fonts/bf618234-ac48-4307-a221-479efb8abb91.ttf") format("truetype"),url("Fonts/5feaa7be-4241-4568-9ef4-c8dbe36a4364.svg#5feaa7be-4241-4568-9ef4-c8dbe36a4364") format("svg");
    }
    @font-face{
        font-family:"Eurostile LT W01 Bold788224";
        src:url("Fonts/2875a4c5-c0c4-4832-a7fb-a5b061b74e36.eot?#iefix");
        src:url("Fonts/2875a4c5-c0c4-4832-a7fb-a5b061b74e36.eot?#iefix") format("eot"),url("Fonts/c3619879-a6e0-4738-b021-d1d25eb7ff74.woff2") format("woff2"),url("Fonts/789587e7-8c31-4431-9352-a6d402ed168e.woff") format("woff"),url("Fonts/1d4bb752-c44e-4b94-8f59-337c93a3c296.ttf") format("truetype"),url("Fonts/5c7a99f2-1760-495e-9fb8-23d9b962d378.svg#5c7a99f2-1760-495e-9fb8-23d9b962d378") format("svg");
    }

/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/

/*Editierbare Elemente*/
.art_element.no_space
{
	margin-top:0;
}
.center
{
	text-align:center;
}
.hidden
{
	opacity:0;
}
.headtop .logo img
{
	width: 144px;
	height: 172px;
}
.headtop_c.small
{
	background: #8D1317;
	box-shadow: 3px 3px 4px rgba(0,0,0,0.2);	
}
.headtop_c.small .headtop .logo img
{	width: 170px;
    height: 26px;
    margin-top: 14px;
}
.navi ul li a
{
	padding: 20px;
	font: 500 1.125em/110% 'Roboto', Arial, Helvetica, "sans-serif";
	color:#fff;
	text-decoration: none;
	text-transform: uppercase;
}
.headtop_c.small .navi ul li a
{
	font-size:0.95em;
}
.navi ul li a span:before
{
    height: 2px;
    background: #fff;
}
.toplinks a span
{
	font: 400 0.9em/120% 'Roboto', Arial, Helvetica, "sans-serif";
	background: #90191A;
	color: #fff;
}
.footer_c
{
	background: #EEECEA;
}
.footer_c:before
{
	background: url(../img/bgs/blume_footer_2x.png) no-repeat left bottom /  400px auto;
	position: absolute;
	z-index:1;
	left:0;
	bottom:85px;
	height: 475px;
	width: 400px;
	content: '';
}
.footer
{
	text-align: center;
	color: #767066;
	font: 400 1.063em/160% 'Raleway', Arial, Helvetica, "sans-serif";
	padding: 120px 50px 10px 50px;
}
.footer a
{
	text-decoration: none;
	color: #767066;
}

.footer a:hover
{
	color: #7F1813;
}

.footer a.mail
{
	text-decoration: underline;
	color: #7F1813;
}
.footer a.mail:hover
{
	text-decoration: none;
}
.footer h3
{
	font: 400 1.933em/180% "Eurostile LT W01 Bold788224", Arial, Helvetica, "sans-serif";
	text-align: center;
	margin: 0 0 10px 0;
	letter-spacing:1px;
	color: #7F1813;
}
.footer h3:before
{
	background:url(../img/logos/rittis-alpin-chalet.svg) no-repeat center top / 100% auto;
	width: 53px;
	height: 63px;
	position: absolute;
	top: 56px;
	left: calc(50% - 26px);
	content: '';
}
.footer .social a
{
	width: 37px;
	height: 37px;
	margin: 0 4px;
	border-radius: 100%;
	border: 1px solid rgba(255,255,255,0.4);
	color: rgba(255,255,255,0.4);
	text-align: center;
	transition: all 0.4s;
}
.footer .social a img
{
	opacity:0.4;
	transition: all 0.4s;
}
.footer .social a:hover
{
	opacity:1;
	color: #fff;
	border: 1px solid #fff;
}
.footer .social a:hover img
{
	opacity:1;
	color: #fff;
}
.footer_c .impressum a
{
	color: #7F1813;
	text-decoration: none;
	font: 400 0.813em/160% 'Roboto', Arial, Helvetica, "sans-serif";
	margin-left: 15px;
}

.footer_c .impressum a:hover
{
	text-decoration: underline;
}

/*Editierbare Elemente Ende*/
body
{
	margin: 0;
	padding: 0;
	background: #fff;
}
*
{
	outline: none;
}

a img
{
	border: 0px solid;
}
a.art_anchor
{
	position: absolute;
	top: 0;
	left: 0;
	opacity:0;
}
p
{
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
.content p
{
	float: none;
}
body .ui-widget { font-size: 11px; }
.sc_only { width: 0px; height: 0px; overflow: hidden; }

.page_c
{
	width: 100%;
	min-width: 850px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
@media only screen and (max-width: 1000px)
{
	.page_c
	{
		min-width: 320px;
	}
	body .ui-widget { font-size: 14px; }
}
@media only screen and (max-width: 650px)
{
	body .ui-widget { font-size: 16px; }
}

.offscreen
{
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
*:focus
{
    outline: 2px dotted #CB1D36;
}

/* Access map */
.as_map_c
{
    width: 100%;
    position: relative;
    z-index: 30;
}
.as_map
{
    width: 100%;
    height: 0;
    overflow: hidden;
    background-color: #FFFFFF;
    font: 400 1.125em/180% 'PT Sans', Arial, Helvetica, sans-serif;
    color: #001C36;
    text-transform: uppercase;
}
.as_map a
{
    color: #001C36;
    text-decoration: none;
}
.as_map *:focus
{
    outline: 2px dashed #CB1D36;
}
.as_map.opened
{
    height: auto;
}
.as_map ul
{
    list-style: none;
    margin: 0 auto;
    display: table;
}
.as_map ul li
{
    float: left;
    margin: 30px;
}
/* Head */
.head_c
{
	width: 100%;
}
.toplinks
{
	position: absolute;
	right:0;
	top: calc(50vh + 47px);
	z-index:10;
	display: flex;
    flex-direction: column;
}
.toplinks a 
{
	height:47px;
	background:#90191A;
	position: relative;
	padding-bottom:1px;
}
.toplinks a img
{
	width:19px;
	height:auto;
	float:right;
	position: relative;
	z-index: 10;
	padding: 16px;
}
.toplinks a:before
{
	content: '';
	position: absolute;
	bottom:0px;
	left: 13px;
	width: 25px;
	height: 1px;
	background: #AC5959;
}
.toplinks a:last-child:before
{
	display:none;
}
.toplinks a.anf span,
.toplinks a.tel span,
.toplinks a.map span
{
	position: absolute;
	right:-200px;
	width:140px;
	transition: all 0.5s;
	z-index:-1;
	height:100%;
	display: flex;
    align-items: center;
	padding: 0 10px;
	text-decoration: underline;
    justify-content: flex-end;
}
.lang
{
	height: 47px;
	width:51px;
	background: #90191A;
	position: absolute;
    z-index: 20;
    right: 0;
	top: 50vh;
	align-items: center;
    justify-content: center;
	display:flex;
}
.lang_i
{
	position: absolute;
	right:0;
	width:0;
	transition: all 0.5s;
	z-index:-1;
	height:100%;
	display: flex;
    align-items: center;
	padding: 0 10px;
	text-decoration: underline;
    justify-content: flex-end;
	background: #90191A;
	top:0;
	overflow:hidden;
}
.lang_i span
{
	position: static;
	right:auto;
	width:auto;
	z-index: inherit;
	height: auto;
	display: inherit;
	padding: inherit;
}
.lang_i a
{
	height:auto;
	background:none;
	padding:0;
}
.lang a.langbutton
{
	position: relative;
	z-index:10;
}
.lang a.langbutton img
{
	width:20px;
	height:auto;
	background: #90191A;
    padding: 11px 15px;
}
.lang a.langbutton:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 13px;
    width: 25px;
    height: 1px;
    background: #AC5959;
}
.lang_i a span
{
	background:none;
	color:rgb(118, 118, 118);
}
.lang_i a img {
    width: auto;
    height: auto;
    float: none;
    padding: 0;
}
.toplinks a.langbutton
{
	float:right;
}
.toplinks a:hover span,
.toplinks a:focus span
{
	right:50px;
}
.lang.opened .lang_i 
{
	right:50px;
	width:178px;
}
.headtop_c
{
	position: absolute;
	width:100%;
	left:0;
	top:0;
	z-index:30;
	padding: 42px 0;
}
.headtop_c.small
{
	z-index:20;
	position: fixed;
	padding:0;
	opacity: 0;
	transition: opacity 0.4s;
}
.headtop_c.small.visible
{
	opacity:1;
}
.headtop
{
	max-width:1700px;
	box-sizing:border-box;
	padding: 0 50px;
	margin: 0 auto;
	position: relative;
}
.headtop .logo
{
	position: relative;
	float:left;
}

.headtop .navi
{
	position: relative;
	float:right;
}
.navi ul 
{
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0;
    list-style: none;
    padding: 0;
}
.navi ul li
{
    position: static;
    text-align: center;
}
.navi ul li a
{
	float:left;
}
.navi ul li a span
{
	position: relative;
	float:left;
}
.navi ul li a span:before
{
	content: "";
    position: absolute;
    width: 100%;
    bottom: -7px;
    left: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out 0s;
}
.navi ul li a:hover span:before,
.navi ul li:hover a span:before,
.navi ul li.current_link a span:before 
{
    visibility: visible;
    transform: scaleX(1);
}
/*Mobile Menu*/
.menu_btn
{
    width: 60px;
    height: 37px;
    float: right;
    padding: 0 43px 0 0;
    font: 800 1.1em/110% 'Roboto', Arial, Helvetica, "sans-serif";
    text-transform: uppercase;
    color:#fff;
    line-height: 50px;
    cursor: pointer;
	display:none;
}
.menu_btn.closed
{
	color: #fff;
}
.menu_btn span 
{ 
	float: left;
    margin-top: -4px;
}
.menu_btn .mmbico
{
    width: 32px;
	height: 32px;
    float: right;
    margin: 6px -33px 0 -40px;
    position: relative;
    z-index: 1;
}
.menu_btn.closed .mmbico
{
	margin-top: 10px;
}
.menu_btn.closed .mmbico > *
{
	 background-color: #fff;
}
.menu_btn .mmbico > *
{
	width: 28px;
	height: 4px;
	float: left;
	opacity: 1;
	transition-duration: 500ms;
	backface-visibility: hidden;
    background-color: #fff;
}
.menu_btn .one
{
    margin: 0 0 0 3px;
	transform: rotate(45deg) translate(7px, 10px);
}
.menu_btn .two { opacity: 0; }
.menu_btn .three {
	margin: 0 0 0 3px;
	transform: rotate(-45deg) translate(-5px, 1px);
}
.menu_btn.closed .mmbico > * { height: 3px; margin: 0; }
.menu_btn.closed .mmbico > div
{
	margin: 3px 0 0 0;
    transform: rotate(0deg) translate(0,0); 
    opacity: 1;
}

.menu_slide_c
{
	width: 260px;
	float: left;
	position: absolute;
    top: 40px;
	right: 0;
	z-index: 1;
    height:auto;
    pointer-events: auto;
    transform-style: preserve-3d;
    transition: all 0.3s ease 0s;
	display:none;
	background:#8D1317;
	color: #fff;
	font: 400 0.938em/110% 'Roboto', Arial, Helvetica, "sans-serif";
	text-align: center;
}
.menu_slide_c.closed
{
   right:-320px;
}
.menusl .menuslbox.current {
    left: 0%;
}
.menusl
{
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding-bottom: 60px;
	box-shadow: -2px 2px 4px rgba(0,0,0,0.2);
}
.menusl ul
{
	margin:0;
	padding:50px 0 0 0;
	list-style: none;
}
.menusl ul li a
{
	text-decoration: none;
	width:100%;
	color:#fff;
	line-height:220%;
}
/*Head Image*/
.header_image_c
{
    width: 100%;
    padding-bottom: 100vh;
    position: relative;
    z-index: 1;
	overflow:hidden;
	background: url(../img/bgs/highlight_bg.jpg) repeat;
}
body.tcontent .header_image_c
{
	padding:0;
}
.header_image 
{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    height: 100%;
}
body.tcontent .header_image
{
	position: relative;
	height:auto;
}
.header_image:before
{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 15;
    height: 50%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.25+0,0+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	content:'';
}
body.tcontent .header_image:before
{
	height:350px;
}
.header_image img
{
    /*min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
    */
	width:100%;
	z-index: 1;
}
body.tcontent .header_image img
{
	min-height: inherit;
	min-width: inherit;
	width:100%;
	position: relative;
	top:0;
	bottom:auto;
	left:0;
	right: auto;
	float:left;
}
.header_image img.current
{
    z-index: 5;
}
.header_image_dots
{
	width:100%;
	position: absolute;
	display:flex;
	max-width: 1700px;
	padding: 0 50px;
	box-sizing:border-box;
	justify-content: flex-end;
	left: calc(50% - 850px);
	z-index:20;
	bottom: calc(10vh - 12px);
}
.header_image_dots .dot
{
	width:12px;
	height: 12px;
	background: rgba(205,201,201,0.7);
	margin-left: 4px;
	transition: 0.4s all;
}
.header_image_dots .dot.current
{
	background: #fff;
}
.header_claim_c
{
	width:100%;
	position: absolute;
	display:flex;
	max-width: 1700px;
	padding: 0 50px;
	box-sizing:border-box;
	justify-content: flex-start;
	left: calc(50% - 850px);
	z-index:20;
	bottom: 0;
	height: 203px;
}
.header_claim
{
	width:296px;
}
.c_anfrage .anfrage
{
	height: 0;
	overflow: hidden;
	background: #D8D4CE;
	float: left;
    width: 100%;
	transition: height 0.5s;
	box-sizing:border-box;
	position: relative;
}
.c_anfrage.opened .anfrage
{
	height: 128px;
}
a.anf_button
{
	background:#D8D4CE;
	height:75px;
	width:100%;
	box-sizing:border-box;
	float:left;
	padding: 24px 28px;
	font: 400 1.375em/140% 'Roboto', Arial, Helvetica, "sans-serif";
	text-decoration: none;
	color:#574C46;
}
a.anf_button span
{
	font: 400 1.005em/140% 'Roboto', Arial, Helvetica, "sans-serif";
	text-transform: uppercase;
	width:100%;
	float:left;
	position: relative;
	color:#574C46;
	letter-spacing: 0.5px;
}
a.anf_button span:after
{
	font-family: FontAwesome;
	content:'\f107';
	position: absolute;
    right: 0;
	font-weight: 400;
	top: 0px;
	transition: all 0.4s;
}
.c_anfrage.opened a.anf_button span:after
{
	transform: rotate(180deg);
}
.anfrage form
{
	width:100%;
	padding:22px 10px;
	box-sizing:border-box;
	float:left;
}
.anfrage .input
{
	width:50%;
	float:left;
	box-sizing: border-box;
	padding:10px;
	position: relative;
	border-left:1px solid #D8D4CE;
	border-top:none;
	border-right:1px solid #D8D4CE;
	border-bottom: none;
	background: #fff;
}
.anfrage .input input
{
	float:left;
	width:100%;
	color:#574C46;
	position: relative;
	background:none;
	z-index:10;
	font: 400 0.750em/140% 'Roboto', Arial, Helvetica, "sans-serif";
	box-sizing: border-box;
	border:none;
}
.anfrage .input span
{
	position: absolute;
	color: #574C46;
	right: 16px;
	bottom: 10px;
	z-index: 1;
}
.anfrage  a.af_link
{
	width:100%;
	float:left;
	font: 400 0.875em/140% 'Roboto', Arial, Helvetica, "sans-serif";
	box-sizing: border-box;
	padding: 13px 18px;
	color: #fff;
	background:#801814;
	text-decoration: none;
	border-left:1px solid #D8D4CE;
	border-top:none;
	border-right:1px solid #D8D4CE;
	border-bottom: none;
	margin-top:3px;
	text-transform: uppercase;
	text-align: center;
}
@keyframes bounce-right {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  60% {
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
}
.anfrage  a.af_link:hover:after {
    animation: bounce-right 3s;
}
@media (max-width: 1200px)
{
	.navi ul li a 
	{
    	padding: 20px 10px;
	}
}
@media (max-width: 1700px)
{
	.header_image_dots 
	{
    	width: auto;
    	right: 50px;
	}	
	.header_claim_c
	{
		width: auto;
    	left: 0;
	}
}
@media(max-width:2020px)
{
    .header_image img
    {
        
    }
}

/* Main */
.main_c
{
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.main
{
	width: 100%;
	min-height: 500px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

/* Footer */
.footer_c
{
	width: 100%;
	position: relative;
	z-index:10;
}
#map
{
	width:100%;
	height: 400px;
	position: relative;
	z-index:20;
}

.mapbutton
{
	width: 100%;
    position: relative;
    z-index: 20;
    text-align: center;
    color: #fff;
    margin-top: -26px;
}
.mapbutton a
{
	color: #fff;
    background: #801814;
    padding: 7px 20px;
	font: 400 1em/120% 'Roboto', Arial, Helvetica, "sans-serif";
	text-decoration: none;
}
.footer
{
	margin: 0 auto;
	max-width:1200px;
	width:100%;
	box-sizing: border-box;
	position: relative;
	z-index:20;
}
.footer .social
{
	width:100%;
	display:flex;
	justify-content:center;
	margin-top: 30px;
	flex-wrap: wrap;
}
.footer .social a
{
	display: flex;
	justify-content:center;
	align-items: center;
	flex-wrap: wrap;
}
.footer_c .impressum
{
	width:100%;
	padding: 30px 50px 50px 50px;
	box-sizing: border-box;
	text-align:right;
	position: relative;
	z-index: 10;
}
.footer_c .impressum img#algo{
	width: 46px;
	height: 14px;
	margin-left:3px;
}
.footer_c .logos
{
	width:100%;
	position: relative;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items:center;
	min-height: 94px;
	flex-wrap: wrap;
	box-sizing:border-box;
	padding:0 10px;
	background:#fff;
	z-index: 2;
}
.footer_c .logos a img
{
	padding:7px 14px;
}
.na_o
{
	width: 50px;
	right: 5px;
	overflow: hidden;
	position: fixed;
	bottom:5px;
	z-index: 100;
	text-align:center;
	display:none;
}
.na_o #na_o
{
	
	cursor: pointer;
	font: 800 0.813em/110% 'Roboto', Arial, Helvetica, "sans-serif";
	text-transform:uppercase;
	color: #ccc;
	text-align: center;
	transition: all 1s ease;
	width:50px;
	float:left;
	margin-left: calc(50% - 25px);
	padding-top: 20px;
	position:relative;
	
}
.na_o #na_o:before
{
	font-family: 'FontAwesome';
	content:"\f077";
	font-size: 1em;
	position:absolute;
	top:0;
	width:100%;
	left:0;
	text-align:center;
}
.na_o #na_o.invisible
{
	opacity:0;
}
@media(max-width:1024px)
{
	.na_o
	{
		display:block;
	}
	.headtop_c
	{
		padding: 66px 0 0 0;
	}
    .as_map_c,
	.headtop_c.small.visible,
	.headtop .navi
    {
        display: none !important;
    }
	.headtop
	{
		padding: 0 0 0 50px;
	}
	.menu_btn
	{
		padding: 4px 42px 6px 13px;
		position: absolute;
		top: -66px;
		right: 0;
		background: #6A1C1A;
		font-size:1em;
	}
	.menu_slide_c{
		    top: -19px;
	}
	.menu_btn,
	.menu_slide_c
	{
		display:block;
	}
	.header_claim h1
	{
		font-size: 1.625em;
	}
	.header_claim h2
	{
		font-size: 1em;
	}
    .headtop .logo img 
	{
		width: 184px;
		height: 49px;
	}
	.toplinks
	{
		flex-direction: inherit;
		top:0;
		z-index:40;
		background: #8D1317;
		display: flex;
		justify-content: flex-start;
		padding-left: 51px;
    	box-sizing: border-box;
		width: calc(100% - 114px);
		left:0;
	}
	.toplinks a
	{
		background:none;
		padding: 0 14px;
		display: flex;
    	align-items: center;
		text-decoration: none;
	}
	.toplinks a:after 
	{
    content: '';
    position: absolute;
    bottom: 11px;
    left: 0;
    width: 1px;
    height: 25px;
    background: #AC5959;
	}
	
	.toplinks a:before
	{
		display:none;
	}
	.toplinks a span
	{
		position: relative;
		right: auto;
		width: auto;
		background: none;
		padding: 0 0 0 5px;
		order:2;
		
	}
	.toplinks a.anf span, .toplinks a.map span
	{
		display:none;
	}
	.toplinks a.tel span
	{
		position: relative;
		right: 0;
		width:auto;
		padding-right:0;
		font-family: 'Roboto', Arial, Helvetica, "sans-serif";
		text-decoration: none;
	}
	.toplinks a img
	{
		padding:0;
		order:1;
	}
	.toplinks a.ref span,
	.toplinks a.map span
	{
		display:none;
	}
	.lang
	{
		z-index:50;
		left:0;
		right:auto;
		background:#8D1317;
		top:0;
	}
	.lang_i
	{
		top: 46px;
		right:auto;
		left:0;
		max-height:0;
		overflow:hidden;
		width:178px;
	}
	 .lang.opened .lang_i
	{
		max-height:51px;
		right:0;
		background: #8D1317;
	}
	.lang a.langbutton:before
	{
		display:none;
	}
	.lang a.langbutton img 
	{
		height: auto;
		background: none;
		 padding: 13px 10px 8px;
	}
}
@media(max-width:650px)
{
	.lang_i
	{
		top: 46px;
		right:auto;
		left:0;
	}
	.lang
	{
		left:0;
		right:auto;
		background:none;
	}
	.lang a.langbutton img
	{
		    padding: 13px 10px 8px;
	}
	.toplinks
	{
		justify-content: flex-start;
		padding-left: 50px;
    	box-sizing: border-box;
		width: calc(100% - 114px);
		left:0;
	}
	.toplinks a
	{
		padding: 0 14px;
	}
	.toplinks a:after {
    content: '';
    position: absolute;
    bottom: 11px;
    left: 0;
    width: 1px;
    height: 25px;
    background: #AC5959;
}
	.toplinks a.anf span,
	.toplinks a.tel span
	{
		display:none;
	}
	.headtop_c 
	{
		padding: 56px 0 0 0;
		
	}
	.headtop
	{
		padding: 0 12px;
	}
	.headtop .logo img 
	{
		width: 162px;
		height: 41px;
	}
	.menu_btn
	{
		padding: 4px 42px 6px 13px;
		position: absolute;
		top: -56px;
		right: 0;
		background: #6A1C1A;
		font-size:1em;
	}
	.menu_slide_c{
		    top: -9px;
	}
	.header_image_c
	{
		padding-bottom:0;
		    margin-top: 47px;
	}
	.header_image
	{
		top:0;
		position: relative !important;
	}
	.header_image img
	{
		width:100% !important;
		height: auto !important;
		top:0 !important;
		left:0 !important;
		position: relative !important;
		float:left;
	}
	.header_claim_c
	{
		width:100%;
		padding:0;
		height:auto;
		position: relative;
	}
	.header_claim
	{
		width:100%;
	}
	.header_image_dots
	{
		padding:0;
		bottom:10%;
	}
	
	.footer_c .impressum
	{
		padding:30px 15px 50px 15px;
		    text-align: center;
	}
	.footer_c .impressum a
	{
		margin: 0 7px;
	}
	.footer h3
	{
		font-size:1.7em;
	}
	.footer_c:before
	{
		background-size: 220px auto;
		bottom:116px;
	}
}