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

/*
font-family: 'PT Sans', sans-serif;
font-family: 'Lato', sans-serif;
*/

.hidden {
    opacity: 0;
}body
{
	margin: 0;
	padding: 0;
	background: #fff;
    top: 0 !important;
}
*
{
	outline: none;
}

a img
{
	border: 0px solid;
}
a.art_anchor
{
	position: absolute;
	top: -60px;
	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: 1024px)
{
	.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 #4F4A47;
}

/* 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;
	    z-index: 100;
    position: relative;
}
.as_map ul
{
    list-style: none;
    margin: 0 auto;
    display: table;
}
.as_map ul li
{
    float: left;
    margin: 30px;
}
/* Google Translate Element Dropdown & Hide translate banner on the top */
body > .skiptranslate,
.goog-te-gadget > span {
    display: none !important;
}
.goog-te-gadget {
    font-size: 0 !important;
}
.goog-te-gadget .goog-te-combo {
    width: 100%;
    margin: 0 !important;
    font: 700 0.9375rem/120% "PT Sans", "Trebuchet MS", Verdana, "Lucida Sans", "sans-serif";
}

.h_google_tr
{
    width: 100%;
    font: initial;
    min-width: 150px;
}


/* Head */
.head_c
{
	width: 100%;
	position: relative;
	float:left;
}
.headtop_c
{
	width:100%;
	position: fixed;
	float:left;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	z-index:100;
}
.headtop
{
	max-width:1450px;
	padding: 0 50px;
	margin:0 auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
	box-sizing:border-box;
	width:100%;
}
.logo
{
	position: absolute;
	left:50px;
	top:0;
	width:180px;
	transition: all 0.8s;
}
.logo img
{
	width:100%;
	height:auto;
	padding-top:16px;
}
.navi ul {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0;
    list-style: none;
    padding: 0;
}
.navi ul li {
    position: relative;
    text-align: center;
}
.navi ul li a
{
	float:left;
	padding: 26px 0;
	font: 700 0.938em/120% "PT Sans", "Trebuchet MS", Verdana, "Lucida Sans", "sans-serif";
	color:#65594F;
	text-decoration: none;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: all 0.8s;
	
}
.navi ul li.top_link > a span
{
	padding: 0 17px;
	border-left: 1px solid #CFCDCB;
}
.navi ul li.top_link:first-child a span
{
	border-left:0;
}
.navi ul li.current_link > a,
.navi ul li.current_path > a,
.navi ul li:hover > a
{
	color: #9F8046;
}
.navi ul li .mdown {
    width: 280px;
    opacity: 0;
    position: absolute;
    top: -750px;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    background: url(../img/icons/berg-nav.svg) no-repeat center bottom / 148px 33px #5D5A54;
    transition: opacity 0.7s ease;
	padding: 40px 0 70px 0;
	box-shadow:inset 0px 6px 7px -5px rgba(0,0,0,0.10);
}
.navi ul li:hover .mdown, .navi ul li.show .mdown { opacity:1;  top: 70px;}
.headtop_c.small .navi ul li:hover .mdown, .headtop_c.small .navi ul li.show .mdown {   top: 58px;}
.navi ul li .mdown ul
{
	display:block;
}
.navi ul li .mdown ul li
{
	padding: 0 20px;
	float: left;
    width: 100%;
    box-sizing: border-box;
}
.navi ul li .mdown ul li a
{
	padding: 10px 11px;
	text-transform: none;
	font: 400 1em/120% Lato, Arial, Helvetica, "sans-serif";
	color:#fff;
	letter-spacing: normal;
	text-align: left;
}
.navi ul li .mdown ul li:before
{
	height:1px;
	width:192px;
	background: #7D7B76;
	position: absolute;
	top:0;
	left:30px;
	content:'';
}
.navi ul li .mdown ul li:first-child:before
{
	display:none;
}
.toplinks
{
	position: absolute;
	right:0;
	height:100%;
	display: flex;
	align-items: stretch;
	top:0;
}
.toplinks a.tel
{
	background: #9F8046;
	color:#EEEDEB;
	font: 700 0.875em/120% "PT Sans", "Trebuchet MS", Verdana, "Lucida Sans", "sans-serif";
	padding:16px;
	display: flex;
    align-items: center;
	text-decoration: none;
}
.toplinks a.tel span.fa
{
	display:none;
}
.lang 
{
	position: relative;
	align-items: center;
	display:flex;
	transition: color 0.8s;
	border-left: 1px solid rgba(207,205,203,0.5);
	
}
.langbutton
{
	padding: 25px;
	font: 700 0.938em/120% "PT Sans", "Trebuchet MS", Verdana, "Lucida Sans", "sans-serif";
	color:#8C8781;
	text-decoration: none;
}
.lang .lang_i
{
	height:0;
	overflow:hidden;
	position: absolute;
	right:0;
	top:70px;
	transition: height 0.8s;
	background: #fff;
	width: 174px;
	z-index:10;
}
.lang .lang_i a,
.lang.opened .lang_i a
{
	display: inherit;
	color: #000;
	padding:0;
	border-left:none;
}
.lang.opened .lang_i
{
	height:23px;
}
.lang.opened .lang_i
{
	right:0;
}
.lang .fa-globe
{
	margin-right: 2px;
}
.lang .fa-angle-down
{
	margin-left:2px;
	transition: transform 0.8s;
}
.lang.opened .fa-angle-down
{
	transform:rotate(180deg);
}
.headtop_c.small .navi ul li a
{
	padding: 21px 0;
}
.headtop_c.small .navi ul li .mdown ul li a
{
	padding: 10px 12px;
}
.navi ul li .mdown ul li:hover a,
.navi ul li .mdown ul li.current_link a
{
	color:#bba170;
}
.headtop_c.small .logo
{
	width:160px;
}
.headtop_c.small .navi ul li:hover .mdown, .headtop_c.small .navi ul li.show .mdown {top: 60px;}
.headtop_c.small .lang .lang_i
{
	top: 60px;
}
.header_image_c
{
    width: 100%;
    padding-bottom: 42%;
    position: relative;
    z-index: 1;
	overflow:hidden;
	margin-top:60px;
}
.header_image_c:after
{
	width:148px;
	height:33px;
	position: absolute;
	left: calc(50% - 74px);
	bottom:0;
	background: url(../img/icons/berg-weiss.svg) no-repeat center bottom / 100% auto;
	z-index:50;
	content: '';
	opacity: 0.7;
}
.header_image 
{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    height: 100%;
}
.header_image img
{
    width:100%;
	height: auto;
	position: absolute;
	z-index:1;
	transition: transform 5s;
}
.header_image img.current
{
    z-index: 5;
}
.header_image img.current {
    transform: scale(1.03);
}
.header_image .marrow 
{
	position: absolute;
	top: calc(50% - 30px);
	z-index:10;
	width:30px;
	height:60px;
	cursor: pointer;
}
.header_image .marrow.mra_left
{
	background: url(../img/icons/pfeil-links-weiss.svg) no-repeat center top / 100% auto;
	left:50px;
}
.header_image .marrow.mra_right
{
	background: url(../img/icons/pfeil-rechts-weiss.svg) no-repeat center top / 100% auto;
	right: 50px;
}
.dv_slogan
{
	display:none;
}
.badge_c
{
	position: absolute;
	max-width:1600px;
	padding: 0 50px;
	bottom: -75px;
	left: calc(50% - 800px);
	box-sizing: border-box;
	z-index:20;
	
}
.badge 
{
	position: absolute;
	width: 258px;
	height: 258px;
	border-radius: 100%;
	background: #E8E7E3;
	border: 7px solid #E8E7E3;
	filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.1));
	transform: rotate(-10deg);
	bottom:140px;
}
.badge_i
{
	border: 1px solid #9F8046;
	width: 256px;
	height: 256px;
	border-radius: 100%;
	display: flex;
	align-items:center;
	justify-content: center;
}
.badge_center
{
	font: 400 0.938em/140% "PT Sans", "Trebuchet MS", Verdana, "Lucida Sans", "sans-serif";
	color: #4B463F;
	text-align: center;
	padding: 0 20px;
}
p.b_title
{
	font: 700 1.333em/110% "PT Sans", "Trebuchet MS", Verdana, "Lucida Sans", "sans-serif";
	color:#4B463F;
	float:left;
	padding:20px 0 30px 0;
	text-transform: uppercase;
	position: relative;
}
p.b_title:after
{
	position: absolute;
	height: 2px;
	width:52px;
	background:#9F8046;
	left: calc(50% - 26px);
	bottom: 15px;
	content: '';
}
.badge_center a.b_link
{
	font: 700 1.067em/120% Lato, Arial, Helvetica, "sans-serif";
	color: #8C713E;
	width: 100%;
	text-align: center;
	float:left;
	padding-top: 15px;
}
.badge_center a.b_link:hover
{
	text-decoration:none;
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.jackInTheBox {
  animation-name: jackInTheBox;
	animation-delay: 1.5s;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
}

@media only screen and (max-width: 1600px)
{
	.badge_c
	{
		left:0;
	}
}
@media only screen and (max-width: 1024px)
{
	.header_image .marrow.mra_left
	{
		left:25px;
	}
	.header_image .marrow.mra_right
	{
		right:25px;
	}
}

.easy
{
	position:fixed;
	right:50px;
	bottom:0;
	background:#4B4741;
	color:#DBDAD9;
	transition: all 0.8s;
	box-sizing: border-box;
	width: 310px;
	padding: 13px 20px 0 20px;
	z-index:50;
}
.easy .b_icon
{
	width: 46px;
	height: auto;
	position: absolute;
	top: -7px;
	left:18px;
}
.easy a#open_easy
{
	float:left;
	width: 100%;
	font: 400 1.125em/110% Lato, Arial, Helvetica, "sans-serif";
	text-decoration:none;
	color:#DBDAD9;
	padding-bottom: 10px;
	text-align:center;
}
.easy a#open_easy span
{
	float:right;
	transition: 0.8s;
	line-height: 130%;
}
.easy.opened a#open_easy span
{
	transform: rotate(180deg);
}
.easy_inner
{
	padding: 0;
	float:left;
	width: 100%;
	box-sizing: border-box;
	height: 0;
	overflow:hidden;
	transition: height 0.8s;
}
.easy.opened .easy_inner
{
	height:105px;
}
.easy_inner .line
{
	float:left;
	width: 50%;
	padding-left: 1px;
	box-sizing: border-box;
	padding-bottom: 2px;
}
.easy_inner .line.lleft
{
	padding-left:0;
	padding-right: 1px;
}
.easy_inner .input
{
	width: 100%;
	background: #5D5A54;
	padding: 14px 12px;
	box-sizing: border-box;
	color: rgba(255,255,255,0.5);
	position:relative;
	float:left;
	text-align:left;
}
.easy_inner .input span
{
	position:absolute;
	right: 12px;
	top: 12px;
	z-index:1;
	transition: color 0.5s;
	font-size: 1.1em;
    padding-top: 2px;
}
.easy_inner .input ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.easy_inner .input ::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.easy_inner .input :-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.easy_inner .input :-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.easy_inner input
{
	float:left;
	width:100%;
	background: none;
	border:none;
	position:relative;
	z-index:10;
	cursor: pointer;
	color:#fff;
	font:italic 0.875em/110% "PT Sans", "Trebuchet MS", Verdana, "Lucida Sans", "sans-serif";
	margin:0;
	padding:0;
}
a.af_link
{
	float:left;
	width: 100%;
	padding: 14px 12px;
	font: 400 0.875em/110% Lato, Arial, Helvetica, "sans-serif";
	letter-spacing: 1px;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	box-sizing: border-box;
	text-align:center;
	position:relative;
	vertical-align: middle;
	transition: background 0.7s;
}
a.af_link.af_buchen
{
	background: #9F8046;	
}
a.af_link.af_submit
{
	background: #999286;
}
a.af_link.af_submit:hover
{
	background:#7C7569;
}
a.af_link.af_buchen:hover
{
	background:#755E33;
}
.main_c{
	position: relative;
	float:left;
	width:100%;
	z-index:1;
}
.main_c .anfrage_c
{
    position: absolute;
    left: 50%;
    top: -30px;
    transform: translateX(-50%);
    font: 500 1.125rem/122% Lato, Arial, Helvetica, "sans-serif";
}

.main_c .anfrage_c .anfrage
{
    background: #4A4741;
    color: #FFFFFF;
    box-sizing: border-box;
    padding: 7px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.main_c .anfrage_c .anfrage a
{
    color: #FFF;
    text-decoration:none;
}

.main_c .anfrage_c .anfrage .show_on_mobile
{
    display:none;
}
.main_c .anfrage_c .anfrage  .b_icon
{
    width: 43px;
    height: 45px;
    position: absolute;
    top: 50%;
    left: -21px;
    transform:translateY(-50%);
}
.main_c .anfrage_c .anfrage .atitle span
{
    padding: 0 34px 0 41px;
}
.main_c .anfrage_c .anfrage .anfrage_inner,
.main_c .anfrage_c .anfrage .anfrage_inner form,
.main_c .anfrage_c .anfrage .anfrage_inner form .line_c
{
    display:flex;
    align-items:center;
    justify-content:center;
}
.main_c .anfrage_c .anfrage .anfrage_inner .line
{
    margin:1px;
}

.main_c .anfrage_c .anfrage .anfrage_inner .line .input
{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px 11px;
    background-color:#5D5A54;
    position:relative;
}
.main_c .anfrage_c .anfrage .anfrage_inner .line .input input
{
    background-color: transparent;
    border: none;
    color: #FFF;
    width:110px;
    text-align: left;
    font: 500 0.875rem/121% Lato, Arial, Helvetica, "sans-serif";
    font-style:italic;
    z-index:2;
}
.main_c .anfrage_c .anfrage .anfrage_inner .line .input span
{
    position: absolute;
    top: 50%;
    right: 11px;
    transform: translateY(-50%);
    z-index: 1;
}

.main_c .anfrage_c .anfrage .af_link
{
    letter-spacing:0.06em;
    padding:13px 21px;
    min-width:135px;
}
.main_c .anfrage_c .anfrage .af_link.af_buchen
{
    background-color:#9B8049;
}
.main_c .anfrage_c .anfrage .af_link.af_buchen:hover
{
    background: #755E33;
}
.footer_c
{
	position: relative;
	float:left;
	width:100%;
	background:url(../img/bgs/bg_braun.jpg) repeat center center / auto auto;
	z-index:10;
}
.footer
{
	margin: 0 auto;
	max-width: 1460px;
	position: relative;
	padding: 118px 0 130px;
	width:100%;
}
.footer:before
{
	content: '';
	width:62px;
	height:69px;
	position: absolute;
	left: calc(50% - 31px);
	top: -14px;
	background: url(../img/logos/b-icon-anfrage.svg) no-repeat center center / 100% auto;
}
.footer:after
{
	content: '';
	width:267px;
	height:59px;
	position: absolute;
	left: calc(50% - 133.5px);
	bottom:0;
	background: url(../img/icons/berg-footer.svg) no-repeat center bottom / 100% auto;
	opacity:0.5;
}
.contact
{
	margin: 0 auto;
	max-width: 800px;
	position: relative;
	padding: 0 50px;
	display: flex;
	flex-wrap: wrap;
	align-items:flex-end;
	justify-content: center;
}
.contact_l
{
	text-align:right;
	font: 400 1.063em/170% Lato, Arial, Helvetica, "sans-serif";
	color:#E4E3E2;
	width:50%;
	box-sizing: border-box;
	padding-right:15px;
}
.contact_l p
{
	font-size:1.353em;
}
.contact_l p.telnum a
{
	color:#9F7F46;
	text-decoration: none;
}
.contact_l p.maila a
{
	color: #fff;
	text-decoration: none;
}
.contact_l p.maila
{
	padding-bottom: 28px;
}
.contact_r
{
	width:50%;
	box-sizing: border-box;
	padding-left:15px;
}
.contact_r a
{
	width:175px;
	border: 1px solid #8D877E;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top:8px;
	color:#fff;
	text-decoration: none;
	font: 400 1em/100% Lato, Arial, Helvetica, "sans-serif";
	transition:all 0.5s;
}
.contact_r a:hover
{
	border: 1px solid #fff;
}
.contact_r a span
{
	float:left;
	width:137px;
}
.contact_r a span img
{
	margin-right:9px;
	float:left;
}
.social
{
	padding-top:17px;
	font-size:1.2em;
}
.social a
{
	color:#E4E3E2;
	transition: color 0.5s; 
}
.social a:hover
{
	color:#9F7F46;
}
.social .fa-instagram
{
	padding-left: 11px;
}
.social .fa-facebook
{
	padding-right:15px;
	border-right:1px solid rgba(255,255,255,0.5);
}
.f_tipp_c
{
	position: absolute;
	right:0;
	top:-20px;	
	overflow: hidden;
	width:260px;
}
.f_tipp_c a
{
	text-decoration: none;
	color:#D8D8D7;
}
.f_tipp_c:hover .f_tipp_l_c
{
	animation-name: tada;
	animation-duration: 2s;
}
.f_tipp_l_c
{
	
	width:74px;
	height:74px;
	background:#9E7F45;
	border: 2px solid #9E7F45;
	color:#D8D8D7;
	border-radius:100%;
	transform: rotate(15deg);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right:4px;
	top:4px;
	z-index:20;
}
.f_tipp_l
{
	width:70px;
	height:70px;
	background:#9E7F45;
	border: 1px solid #D8D8D7;
	border-radius:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font: 400 1.250em/120% "PT Sans", "Trebuchet MS", Verdana, "Lucida Sans", "sans-serif";
	text-transform: uppercase;
	letter-spacing: 1px;
}
.f_tipp
{
	
	width:231px;
	height:231px;
	background:#403B34;
	color:#D8D8D7;
	border-radius:100%;
	transform: rotate(15deg);
	display: flex;
	justify-content: center;
	align-items: center;
}
.f_tipp_i
{
	font: 400 1em/120% "PT Sans", "Trebuchet MS", Verdana, "Lucida Sans", "sans-serif";
	padding:20px;
	text-align: center;
}
.f_tipp p.b_title
{
	color:#D8D8D7;
	padding: 0 0 23px 0;
	font: 400 1.5em/110% Lato, Arial, Helvetica, "sans-serif";
	letter-spacing: 1px;
}
.logos_c
{
	width:100%;
	float:left;
	background:#fff;
	position: relative;
	padding:20px 0;
}
.logos
{
	width:100%;
	max-width:950px;
	padding: 0 50px;
	margin: 0 auto;
	box-sizing: border-box;
}
.tvb_logos
{
	float:left;
	display: flex;
	align-items: center;
	flex-wrap:wrap;
}
.tvb_logos a img
{
	margin: 0 25px;
	filter: grayscale(1);
	opacity:0.9;
	transition: all 0.5s;
}
.tvb_logos a img:hover
{
	filter:grayscale(0);
	opacity:1;
}
.impressum
{
	float:right;
	font: 400 0.813em/120% Lato, Arial, Helvetica, "sans-serif";
	color:#3F3A33;
	display: flex;
	align-items: flex-end;
	flex-wrap:wrap;
}
.impressum a
{
	margin: 29px 10px 0 0;
	float:left;
	color:#3F3A33;
	text-decoration: none;
}
.impressum a:hover{text-decoration: underline;}
.impressum a img
{
	margin:0 0 0 2px;
}
@media (max-width: 1540px)
{
	.logos_c
	{
		padding-bottom:40px;
	}
}
@media (max-width: 1320px)
{
	.navi ul li.top_link > a span
	{
		padding: 0 10px;
	}
}
.menu_btn, .menu_slide_c {
    display: none;
}
.menu_btn {
    width: 110px;
    height: 60px;
    float: right;
    padding: 6px 0 0 56px;
    font: 700 1.1em/120% "PT Sans", "Trebuchet MS", Verdana, "Lucida Sans", "sans-serif";
    background: #9F8046;
    color: #EEEDEB;
    text-transform: uppercase;
    line-height: 50px;
    cursor: pointer;
    display: none;
	box-sizing:border-box;
}
.menu_btn .mmbico
{
    width: 32px;
	height: 32px;
    float: left;
    margin: 10px -33px 0 -40px;
    position: relative;
    z-index: 1;
}
.menu_btn.closed .mmbico
{
	margin: 13px -33px 0 -40px;
}
.menu_btn.closed .mmbico > *
{
	 background-color: #EEEDEB;
}
.menu_btn .mmbico > *
{
	width: 28px;
	height: 4px;
	float: left;
	opacity: 1;
	transition-duration: 500ms;
	backface-visibility: hidden;
    background-color: #EEEDEB;
}
.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: 320px;
	float: left;
	position: absolute;
    top: 60px;
	right: 0;
	z-index: 30;
    height:auto;
    pointer-events: auto;
    transform-style: preserve-3d;
    transition: all 0.3s ease 0s;
	display:none;
	background: url(../img/icons/berg-nav.svg) no-repeat center bottom / 148px 33px #5D5A54;
    box-shadow: inset 0px 4px 7px -5px rgba(0,0,0,0.10);
	overflow:hidden;
}
.menu_slide_c.closed
{
   right:-320px;
}

.menusl .menuslbox
{
	width: 100%;
	position: absolute;
	top: 0px;
	left: -100%;
	z-index: 2;
}
.menusl .menuslbox.current
{
	left: 0%;
}
.menusl .menuslbox ul
{
	list-style:none;
	float:left;
	width:100%;
	box-sizing:border-box;
	padding: 30px 40px 60px 40px;
	margin: 0;
}
.menusl .menuslbox ul li
{
	width: 100%;
	float:left;
    margin: 0;
    padding: 13px 0;
    box-sizing: border-box;
    position: relative;
	border-top: 1px solid #7D7B76;
}
.menusl .menuslbox ul li.sub_links a:after
{
	font-family: FontAwesome;
	content: '\f105';
	float:right;
}
.menusl .menuslbox ul li:first-child{
	border:none;
}
.menusl .menuslbox ul li a
{
	color: #fff;
	font: 700 0.938em/120% "PT Sans", "Trebuchet MS", Verdana, "Lucida Sans", "sans-serif";
	text-transform:uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	transition: color 0.8s;
	float: left;
    width: 100%;
}
.menusl .menuslbox ul.submenu li
{
	border:none;
}
.menusl .menuslbox ul.submenu li a
{
	 text-transform: none;
    font: 400 1em/120% Lato, Arial, Helvetica, "sans-serif";
}
.menusl .menuslbox ul li a:hover,
.menusl .menuslbox ul li a:focus,
.menusl .menuslbox ul li.current_link a
{
	color:#bba170;
}
.menusl .menuslbox ul.submenu li.mm_parent a
{
	font: 700 0.938em/120% "PT Sans", "Trebuchet MS", Verdana, "Lucida Sans", "sans-serif";
	text-transform:uppercase;
}
.menusl .menuslbox ul.submenu li.mm_parent
{
	    border-top: 1px solid #7D7B76;
	    padding-top: 30px;
}
.menusl .menuslbox ul.submenu li.back_link a:before
{
	font-family: FontAwesome;
	content: '\f104';
	float:left;
	padding-right:15px;
}

@media (max-width: 1450px)
{
    .navi ul li.top_link > a span
    {
        padding: 0 12px;
    }
    .langbutton
    {
        padding: 25px 15px;
    }
}

@media (max-width: 1350px)
{
	.headtop_c
	{
		position: relative;
	}
	.menu_btn, .menu_slide_c 
	{
		display: block;
	}
	#deskmenu
	{
		display: none;
	}
	.toplinks
	{
		right:110px;
	}
	.toplinks a.tel
	{
		background:none;
		color: #8C8781;
		border-left: 1px solid rgba(207,205,203,0.5);
	}
	.headtop_c.small .logo
	{
		width: 180px;
	}
}
@media (max-width: 1024px)
{
	.badge
	{
		transform: scale(0.8) rotate(-10deg);
	}
	.f_tipp_c
	{
		top: -56px;
    	transform: scale(0.8);
	}
	.tvb_logos
	{
		width: 100%;
    	justify-content: center;
	}
	.impressum
	{
		margin-top: -25px;
	}
	.logos_c 
	{
		padding-bottom: 60px;
	}
	.logo
	{
		left:25px;
		width:161px;
	}
    .main_c .anfrage_c
    {
        font-size: 1rem;
    }
    .main_c .anfrage_c .anfrage  .b_icon
    {
        width: 31px;
        height: 33px;
        left: -15px;
    }
    .main_c .anfrage_c .anfrage .atitle span
    {
        padding: 0 17px 0 20px;
    }
    .main_c .anfrage_c .anfrage .anfrage_inner .line .input
    {
        padding:12px 8px;
    }
    .main_c .anfrage_c .anfrage .anfrage_inner .line .input input
    {
        margin-right:7px;
        width:73px;
        font-size: 0.8125rem;
    }
    .main_c .anfrage_c .anfrage .af_link
    {
        padding:13px 15px;
        min-width:105px;
    }
}
@media (max-width: 650px)
{
	.toplinks a.tel span.fa
	{
		display:block;
		font-size: 1.7em;
	}
	.toplinks a.tel span.nr,
	.toplinks .lang span.de,
	.lang span.fa-angle-down
	{
		display:none;
	}
	.logo
	{
		width: 120px;
		transition: unset;
		left:10px;
	}
	.logo img
	{
		padding-top: 13px;
	}
	.langbutton
	{
		font-size: 1.1em;
		padding: 14px 12px;
	}
	.menu_btn
	{
		height: 48px;
		    width: 98px;
		    padding: 0px 0 0 46px;
	}
	.menu_btn .mmbico
	{
		    margin: 10px -33px 0 -37px;
	}
	.menu_btn.closed .mmbico {
    margin: 13px -10px 0 -37px;
}
	.menu_slide_c
	{
		top: 48px;
	}
	.toplinks
	{
		right: 98px;
	}
	.badge_c
	{
		display: none;
	}
	.header_image_c
	{
		margin-top:48px;
		padding-bottom:58%;
	}
	.header_image .marrow
	{
		width: 18px;
		height: 38px;
		top: calc(50% - 17px);
	}
	.header_image .marrow.mra_left
	{
		left: 5px;
	}
	.header_image .marrow.mra_right
	{
		right:5px;
	}
	.easy
	{
		position: relative;
		width: 100%;
		float:left;
		right:0;
	}
    .main_c .anfrage_c
    {
        font-size: 1.125rem;
        position: relative;
        top:auto;
        left:auto;
        transform:none;
        width:100%;
        padding:0px;

    }
    .main_c .anfrage_c .anfrage
    {
        flex-direction:column;
        padding:13px 20px 5px;
    }
    .main_c .anfrage_c.opened .anfrage
    {
        padding-bottom:7px;
    }
    .main_c .anfrage_c .anfrage .show_on_mobile
    {
        display:inline-block;
        position: absolute;
        top: 14px;
        right: 20px;
        transition:transform 0.8s ease;
        padding:0 !important;
    }
    .main_c .anfrage_c.opened .anfrage .show_on_mobile
    {
        transform: rotate(180deg);
    }
    .main_c .anfrage_c .anfrage .atitle
    {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .main_c .anfrage_c .anfrage .atitle span
    {
        padding: 0 0px 10px;
    }
    .main_c .anfrage_c .anfrage  .b_icon
    {
       /* width: 46px;
        height: auto;*/
        left: 18px;
        top:23px;
    }
    .main_c .anfrage_c .anfrage .anfrage_inner
    {
        height:0;
        overflow:hidden;
        transition: height 0.8s;
        width:100%;
    }
    .main_c .anfrage_c.opened .anfrage .anfrage_inner
    {
        height:105px;
    }
    .main_c .anfrage_c .anfrage .anfrage_inner form
    {
        flex-wrap:wrap;
        width:100%;
    }
    .main_c .anfrage_c .anfrage .anfrage_inner form .line_c
    {
        width:100%;
    }
    .main_c .anfrage_c .anfrage .anfrage_inner .line
    {
        width: 100%;
    }
    .main_c .anfrage_c .anfrage .anfrage_inner .line .input
    {
        padding:12px 8px;
    }
    .main_c .anfrage_c .anfrage .anfrage_inner .line .input input
    {
        margin-right:7px;
        width:73px;
        font-size: 0.8125rem;
    }
    .main_c .anfrage_c .anfrage .af_link
    {
        padding:13px 15px;
        min-width:105px;
    }
	.footer
	{
		padding: 90px 0 75px;
	}
	.contact_l,
	.contact_r
	{
		width:100%;
		padding:0;
		text-align:left;
	}
	.contact_r
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 20px;
	}
	.contact_r a
	{
		margin: 10px;
	}
	.contact{
		padding: 0 20px;
	}
	.f_tipp_c
	{
		display:none;
	}
	.logos
	{
		padding: 0 12px;
	}
	.logos_c 
	{
		padding-bottom: 28px;
	}
	.impressum 
	{
		margin-top: 0px;
	}
	.header_image_c:after
	{
		width:110px;
		left: calc(50% - 55px);
	}
}