html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, thdiv.textbox, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}

.clear
{
    clear:both;
}

html, body
{
    height: 100%;
}

body
{
    position:relative;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #58585A;
    text-align: left;
}

.noJS body
{
	background: #49321D;
}

a
{
    color: #96ac00;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6
{
    font-family: "Times New Roman", "Times", serif;
    color: #96ac00;
    font-weight: 200;
    padding: 8px 0;
	//padding-left:20px;
	//padding-top:8px;
	//padding-bottom:8px;
}

h1
{
    font-size: 22px;
    line-height: 26px;
    padding: 8px 0;
}

h2
{
    //background-image: url(http://www.hannahelia.com/files/verlauf.png);
    //background-size: cover;
    //background-repeat: no-repeat;
	//margin-bottom:10px;
}

p
{
    letter-spacing: 0.03em;
    padding: 4px 0;
	//width:600px;
}

strong
{
    font-weight: inherit;
    color: #96ac00;
}

#overlay
{
    background: #49321D;
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 956px;
    height: 100%;
    min-height: 580px;
    overflow: hidden;
}

#overlay a
{
	display: none;
}

.noJS #overlay a
{
	display: block;
}

#logo
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 201px;
    margin-left: -200px;
    margin-top: -100px;	
}

#bg_img
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-height: 580px;
    width: 100%;
    min-width: 956px;
    z-index: 2;
    overflow: hidden;
    background: #FFFFFF;
    display: block;
}

#bg_img img
{
    -ms-interpolation-mode: nearest-neighbor;
    width: 100%;
}

#bg_img div
{
	display: none;
}

#tooltip
{
    position: absolute;
    z-index: 2000;
    display: none;
}

#page
{
    min-width: 956px;
    min-height:100%;
    height:auto !important;
    height:100%;
    position: relative;
    z-index: 1000;
    overflow: hidden;
    display: block;
    background: url(../img/blank.gif);
}

#nav
{
    position: absolute;
    bottom: 0;
    left: 70px;
    line-height: 0;
    font-size: 0;
}

#nav div.main_nav
{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 3px 0 0;
    width: 175px;
    display: none;
}

#nav div.sub_nav
{
    position: absolute;
    bottom: 0;
    left: 178px;
    margin: 0 3px 0 0;
    width: 175px;
    display: none;
}

#nav div.movie_nav
{
    position: absolute;
    bottom: 0;
    left: 356px;
    width: 100px;
    display:none;
}

#nav ul
{
    list-style-type: none;
    overflow: hidden;
    background: #49321d;
}

#nav li
{
    display: block;
    padding: 0 15px 0 20px;
    overflow: hidden;
}

#nav li.active
{
    display: block;
    overflow: visible;
}

#nav li.logo
{
    padding: 24px 15px 10px 15px;
    height: 55px;
    width: 145px;
    overflow: hidden;
    display: block;
}

#nav li.spacer
{
    display: block;
    height: 15px;
    line-height: 15px;
}

#nav li a
{
    color: #ded5ca;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    padding: 3px 0;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.05em;
}

#nav li a:hover,
#nav li.active a,
#nav li.active a:hover,
#nav li.active li.active a
{
    color: #B1C800;
}

#nav li.active li a
{
    color: #ded5ca;
}
/*
#nav div.pics_nav_title
{
	background: #49321d;
	color: #B1C800;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 13px;
	text-transform: uppercase;
	padding: 10px 0 4px 0;
}

#nav div.pics_nav_control
{
    line-height: 9px;
    text-align: center;
    height: 40px;
    position: relative;
    padding: 3px 0 10px 0;
}
*/
#nav li.active.center
{	
	text-align:center;
	padding:0;
}
#slide_navi div.pics_nav_control span.pause
{
    display: inline-block;
    vertical-align: top;
    height: 28px;
    width: 19px;
    margin: 0 3px;
    background: url(../img/bild_play.png) no-repeat 0 0;
    cursor: pointer;
}

#slide_navi div.pics_nav_control span.prev
{
    display: inline-block;
    vertical-align: top;
    height: 28px;
    width: 33px;
    margin: 0 3px;
    background: url(../img/bild_links.png) no-repeat;
    cursor: pointer;
}

#slide_navi div.pics_nav_control span.next
{
    display: inline-block;
    vertical-align: top;
    right: 5px;
    height: 28px;
    width: 33px;
    margin: 0 3px;
    background: url(../img/bild_rechts.png) no-repeat;
    cursor: pointer;
}

#mwst
{
    position: absolute;
    right: 10px;
    top: 10px;
}

#contact
{
    position: absolute;
    top: 5px;
    right: 30px;
    color: #B1C800;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

#contact a
{
    color: #B1C800;
}

#right_bottom
{
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
    line-height: 19px;
    height: 19px;
    overflow: hidden;
    background: #49321D;
    padding: 10px;
}

#right_bottom a
{
    color: #a7a9ac;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 11px;
    height: 19px;
    display: inline-block;
}

#right_bottom a:hover
{
    color: #B1C800;
}

#nav_right
{
    list-style-type: none;
    padding: 0;
}

#nav_right li
{
    float: left;
    position: relative;
    padding: 0 4px;
}

#nav_right li.lang
{
    padding: 0 8px;
}

#nav_right li.sound
{
	overflow: hidden;
}

#content_min
{
    //width: 956px;
    height: 580px;
    overflow: hidden;
}

#content_wrapper
{
    position: relative;
    width: 600px;
    height: 410px;
    margin: 50px 286px 150px 70px;
    //margin: 50px 0px 150px 70px;
    overflow: hidden;
}

#content
{
    position: absolute;
    left: 0;
    bottom: 0;
    //background-image: url(http://www.hannahelia.com/files/verlauf-weiß.png);
    //background-size: cover;
    //background-repeat: no-repeat;
    //background: rgba(255,255,255,0.4);
	//width: 100%;
}

#google_map
{
    width: 600px;
    height: 380px;
}

div.text
{
    margin: 0 0 50px 0;
    position: relative;
    width: 600px;
    height: 235px;
	//width: 100%;
}
div.text.home > *{
	display:none;
}

div.textbox
{
    position: relative;
    height: 235px;
    //width: 600px;
    overflow: hidden;
}

div.textbox ul
{
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
	//width:100%;
}

div.textbox li
{
    overflow: hidden;
    width: 600px;
    height: 235px;
	//width:100%;
}

a.more
{
    position: absolute;
    bottom: -25px;
    right: 0px;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    padding: 3px 5px;
	//left:535px;
}

a.back
{
    position: absolute;
    bottom: -25px;
	//right:0;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    padding: 3px 5px;
}

a.more:hover,
a.back:hover
{
    background: #96AC00;
    color: #FFFFFF;
}

ul.links
{
    padding: 20px 0 0 0;
    list-style-type: none;
	//margin-left:15px;
}

ul.links a
{
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    padding: 3px 5px;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.05em;
}

ul.links a:hover
{
    color: #FFFFFF;
    background: #96AC00;
}

div.person
{
    display: inline-block;
    vertical-align: top;
    width: 300px;
    height: 54px;
    padding: 5px 0;
    overflow: hidden;
}

div.person p
{
	padding: 0;
}

div.person a
{
    color: #000000;
    text-decoration: underline;
}

div.xform :focus
{
    outline: none;
}

div.xform p
{
    position:relative;
    padding: 3px 0;
    line-height: 22px;
}

div.xform label
{
    position:absolute;
    top:4px;
    left:5px;
    line-height: 20px;
    vertical-align: middle;
    font-size: 13px;
    background: #FFFFFF;
    cursor: text;
}

div.xform input.text
{
    height: 20px;
    width: 256px;
    border: 0;
    background: url(../img/label_bg.gif) no-repeat;
    padding: 1px 5px;
}

div.xform p.formsubmit
{
    width: 128px;
    float: left;
}

div.xform p.formlabel-reset
{
    text-align: right;
}

div.xform input.submit
{
    height: 22px;
    padding: 3px 5px;
    border: 0;
    width: 108px;
    background: url(../img/submit_bg.gif) no-repeat;
    overflow: hidden;
    text-align: left;
    color: #58585a;
}

div.xform input.loading
{
    background: url(../img/submit_loading_bg.gif) no-repeat;
}

div.xform input.reset
{
    height: 22px;
    padding: 3px 5px;
    border: 0;
    width: 118px;
    background: url(../img/reset_bg.gif) no-repeat;
    overflow: hidden;
    text-align: left;
    color: #58585a;
}

div.xform textarea
{
    height: 67px;
    width: 256px;
    border: 0;
    background: url(../img/textarea_bg.gif) no-repeat;
    padding: 1px 5px;
    overflow: auto;
}

div.xform p.formdata
{
    color: #96ac00;
    padding: 12px 0 0 0;
    overflow: hidden;
}

div.xform p.formdata span.left
{
    float: left
}

div.xform p.formdata span.right
{
    float: right;
}

div.formleft
{
    float: left;
    width: 256px;
    padding: 0 44px 0 0;
}

div.formright
{
    float: left;
    width: 256px;
}

ul.form_warning
{
    display: none;
}

p.answertext
{
    color: #B1C800;
    padding: 30px 0;
}

.noJS div.QOverlay
{
    display: none;
}

.noJS #nav li
{
    display: none;
}

.noJS #nav li.active,
.noJS #nav li.logo,
.noJS #nav li.spacer,
.noJS #nav div.main_nav,
.noJS #nav li.active div.sub_nav,
.noJS #nav div.main_nav:hover > ul > li,
.noJS #nav div.sub_nav:hover > ul > li
{
    display: block;
}

.noJS #nav div.main_nav:hover > ul > li.arrow,
.noJS #nav div.sub_nav:hover > ul > li.arrow
{
    display: none;
}

.noJS div.textbox
{
    overflow: auto;
}

.noJS div.textbox ul
{
    width: 570px;
}

.noJS div.textbox li
{
    width: 570px;
}

.noJS a.more
{
    display: none;
}

.noJS div.xform label
{
    left: auto;
    right: 5px;
}
#slide_navi
{   
    top:50%;
    height: 28px;
    line-height: 19px;
    overflow: hidden;
    position: absolute;
    right: 20px;
    text-align: right;
	display:none;
	width:103px;
}
#film_box
{
	display:block;
	display:none;
	position:absolute;
	top:50%;
	height:80px;
	width:224px;
	line-height:80px;
	margin:-40px 0 0 -117px;
	background:#49321D;
	/* url("../img/bild_play.png") no-repeat scroll 0 0 transparent;*/
	color:#DED5CA;
	font-size:25px;
	padding:0 0 0 20px;
	left:50%;
}
#film_box span.film_box_play
{
	display: inline-block;
    vertical-align: top;
	margin:27px 0 0 10px;
    height: 36px;
    width: 19px;
    background: url(../img/bild_play.png) no-repeat 0 0;
    cursor: pointer;
}

p
{
    //padding-left:20px;
}

table
{
    margin-left:15px;
}



p#xform-formular-privacy {
    height: 50px;
}
p#xform-formular-privacy label.checkbox {
    left: 23px;
    border-radius: 5px;
    padding: 2px 5px;
} 



#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content {
    max-width: 98vw !important;
    background-color: #fff !important;
    color: #000 !important;
    font-size: 14px !important;
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content button {
    width: auto !important;
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content button:hover,
#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content button:focus {
    outline: none !important;
    border-color: transparent !important;
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-opt-group-custom .iubenda-cs-customize-btn {
    /* background-color: #6c757d !important;
    color: #000 !important; */
    background-color: #ced4da !important;
    color: #212529 !important;
}


#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-opt-group-consent .iubenda-cs-reject-btn {
    background-color: #96ac04 !important;
    color: #fff !important;
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-opt-group-consent .iubenda-cs-accept-btn {
    background-color: #96ac04 !important;
    color: #fff !important;
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-close-btn {
    display: none !important;
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .cookieBannerLanguageSwitch {
    position: absolute;
    top: 24px;
    right: 24px;
    text-align: center;
    line-height: 100%;
    font-size: 14px;
    color: #6c757d;
    z-index: 1;
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .cookieBannerLanguageSwitch .cookieBannerLanguageToggler {
    width: 20px;
    height: 20px;
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .cookieBannerLanguageSwitch .cookieBannerLanguageToggler:hover {
    cursor: pointer;
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .cookieBannerLanguageSwitch .cookieBannerLanguageMenu {
    position: absolute;
    top: 100%;
    right: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0px 2px 7px #6c757d;
    transform: translateY(10px);
    text-transform: uppercase;
    color: #6c757d;
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .cookieBannerLanguageSwitch .cookieBannerLanguageMenu &>* {
    padding: 7px 10px;
    text-align: center;
    display: block;
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .cookieBannerLanguageSwitch .cookieBannerLanguageMenu span {
    background: #6c757d;
    color: #fff;
    display: block; 
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .cookieBannerLanguageSwitch .cookieBannerLanguageMenu a {
    text-decoration: none;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
    color: #6c757d;
    background: #fff;
    display: block; 
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .cookieBannerLanguageSwitch .cookieBannerLanguageMenu a:hover {
    background: #6c757d;
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .cookieBannerLanguageSwitch.menu-open .cookieBannerLanguageMenu {
    max-height: initial;
    overflow: visible;
    opacity: 1;
}

#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom).iubenda-cs-visible .iubenda-cs-container {
    width: 930px !important;
    min-width: 35vw !important;

    /* @include breakpoint(xlarge) {
        width: 930px !important;
    } */
}

#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom).iubenda-cs-visible .iubenda-cs-container .iubenda-banner-content {
    padding: 24px !important;
}

#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom).iubenda-cs-visible .iubenda-cs-container .iubenda-banner-content #iubenda-cs-title {
    margin-top: 0 !important;
    font-size: 16px !important;
}

#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom).iubenda-cs-visible .iubenda-cs-container .iubenda-banner-content #iubenda-cs-paragraph .iub-p {
    display: inline !important;
}
#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom).iubenda-cs-visible .iubenda-cs-container .iubenda-cs-opt-group {
    margin: 24px !important;
    margin-top: 0 !important;
    flex-direction: row-reverse!important;
    justify-content: space-between!important;
}
#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom).iubenda-cs-visible .iubenda-cs-container .iubenda-cs-opt-group  button {
    width: auto !important;
}

/* body.articleId-144 div#content_min {
    overflow-y: scroll !important;
} */
body.articleId-144 div#content_min div#content_wrapper {
    overflow-y: scroll;
}
body.articleId-144 div#content_min div#content_wrapper #content{
    position: relative !important;
}

.show-error label.checkbox.form_warning {
    color: red;
    font-weight: bold;
}
p.formcheckbox.formlabel-privacy.show-error label.checkbox.form_warning {
    color: red;
    font-weight: bold;
}