/* CSS by studio-frey.com */

/* Reset Styles
***********************/
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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
img {border: 0px; vertical-align: bottom;} img title {visibility:hidden !important;}

/* start general styles */
html { overflow-y: scroll; }
.mobile {display:none !important;}
.onlyphone {display:none !important;}
.onlyphone-portrait {display:none !important;}
.delayContent {display:none;}
body { 
	-webkit-font-smoothing: antialiased; 
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust:none;
	height: auto;
	color:#000;
	font-family:'messina_sansregular',Arial,sans-serif; font-weight: normal; font-style: normal;
	font-variant-ligatures: none;
	-webkit-font-variant-ligatures: no-common-ligatures; 
	}

/* start sitebuild styles */	
html,body {
    height:100%;
}

p {font-size:17px; line-height:24px; margin-top:18px; color:#000; font-variant-ligatures: none;}
p strong {font-family:'messina_sansbold',Arial,sans-serif; font-weight: normal; font-style: normal;}
strong {font-family:'messina_sansbold',Arial,sans-serif; font-weight: normal; font-style: normal;}
h1 {font-family:'messina_serifregular',Times,serif; font-weight: normal; font-style: normal; color:#000; font-size:40px; line-height:48px; letter-spacing:0px;}
h2 {font-family:'messina_serifregular',Times,serif; font-weight: normal; font-style: normal; color:#000; font-size:26px; line-height:34px; letter-spacing:0px;}
h3 {font-family:'messina_serifregular',Times,serif; font-weight: normal; font-style: normal; color:#000; font-size:19px; line-height:24px; letter-spacing:0px;}

.trans {-webkit-transition:all 03s ease 0s; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s;}
.trans:hover {-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s;}
/* end general styles */

/* start link styles */
a:link, a:visited {
	font-style:normal;
	text-decoration:none;
	color:#000;
	-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;
	}
a:hover {
	text-decoration:underline; color:#000;
	-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;
	}
/* end link styles */

/* COLORS*/
.color1 {background:#F4F1EC;}
.color2 {background:#E3DAD0;}
.color3 {background:#E3DAD0;}
.color4 {background:#E3DAD0;}
.color5 {background:#E2D5CD;}
.color6 {background:#A1998D;}
.color7 {background:#E3DAD0;}
.color8 {background:#F3E2CF;}
.color9 {background:#D7CDC5;}

.loading-window {position:fixed; width:100%; left:0; right:0; top:0; bottom:0; z-index:79;}

.headermobile {position:fixed; width:100%; height:65px; background:rgba(244,241,236,1); z-index:79;}
.header-bg-white {position:fixed; width:100%; height:75px; background:rgba(244,241,236,1); z-index:79; display:none;}
.header {position:fixed; width:100%; box-sizing:border-box; padding:0px; height:75px; z-index:80; background:none;} .header img {max-width:180px; padding:10px; margin:18px 0 0 30px;}

.header.shadow {
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}

/* navigation desktop start */
#navigationdesk {position:absolute; right:140px; top:30px; box-sizing:border-box; padding:0px; z-index:6;}
#navigationdesk ul li {margin:0 0 0 30px; display:block; list-style:none; position:relative; float:left;}
#navigationdesk ul li a {color:#000; font-size:15px; line-height:15px; padding:0 0 1px; text-decoration:none; font-family:'messina_sansregular',Arial,sans-serif; font-weight: normal; font-style: normal;}
#navigationdesk ul li a:hover {color:#000; text-decoration:none; cursor:pointer; border-bottom:1px solid #000;}
#navigationdesk ul li a.active {color:#000; text-decoration:none; border-bottom:1px solid #000;}

#header-langnavi {position:absolute; right:40px; top:30px; box-sizing:border-box; padding:0px; z-index:6;}
#header-langnavi ul li {margin:0 0 0 8px; display:block; list-style:none; position:relative; float:left;}
#header-langnavi ul li a {color:#000; font-size:15px; line-height:15px; padding:0 0 1px; text-decoration:none; font-family:'messina_sansregular',Arial,sans-serif; font-weight: normal; font-style: normal;}
#header-langnavi ul li a:hover {color:#000; text-decoration:none; cursor:pointer; border-bottom:1px solid #000;}
#header-langnavi ul li a.active {color:#000; text-decoration:none; border-bottom:1px solid #000;}

/* navigation mobile */
#navigationwrapper {position:fixed; width:100%; top:65px; background:rgba(244,241,236,1); z-index:99; box-sizing:border-box; padding:0px 40px 15px 40px; display:none;}
#navigation {position:relative; box-sizing:border-box; padding:0; z-index:6;}
#navigation ul li {margin:12px 0px; display:block; list-style:none; position:relative; float:none; text-align:right;}
#navigation ul li a {color:#000; font-size:13px; line-height:13px;  padding:0px; text-decoration:none; font-family:'messina_sansregular',Arial,sans-serif; font-weight: normal; font-style: normal;}
#navigation ul li a:hover {color:#000; text-decoration:none; cursor:pointer; border-bottom:1px solid #000;}
#navigation ul li a.active {color:#000; text-decoration:none; border-bottom:1px solid #000;}

#navigationwrapper.shadow {
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}

/* HOME BOX */
.homebox {position:relative; width:100%; height:300px; background-size:cover; overflow:hidden;}

.homebox-animation {position:absolute; width:100%; top:47%; text-align:center; display:none;}
.homebox-animation-bottom {position:absolute; bottom:3%; left:40%; width:20%; text-align:center; display:none;} .homebox-animation-bottom img {width:11px; padding:0 0 10px;}
.homebox-animation-bottom p {font-size:11px; line-height:11px; letter-spacing:0.1px; margin:0; padding:0;} .homebox-animation-bottom a:hover {text-decoration:none;}
.homebox-animation-bottom:hover img {padding:5px 0 5px;} .homebox-animation-bottom a {display:block;} 

.headerimagebox {position:relative;} .headerimagebox img {width:100%;}
.headerimagebox-animation {position:absolute; top:44%; width:100%; text-align:center; display:none;}
.headerimagebox-animation-about {top: 27%;}

.homeboxmobile {position:relative;} .homeboxmobile img {width:100%;}

#contentcontainer {position:relative; z-index:5; padding:0px 0 0; overflow:hidden; min-height:500px;}
.contentlimiter1 {max-width:1200px; margin:auto; padding:0 0px; position:relative; z-index:6;}
.contentlimiter2 {max-width:920px; margin:auto; padding:0 0px; position:relative; z-index:6;}
.contentlimiterText {max-width:720px; margin:auto; padding:0 35px; position:relative; z-index:6;}

.block404 {font-size:30px; line-height:40px; padding:100px 0;}

a.morelink {display:inline-block; font-size:15px; line-height:15px; padding:10px 0px 8px 40px; margin:1px 0 10px; background:url(../data/files/icon-arrow-right-black.png) left center no-repeat; background-size:28px 10px;}
a.morelink:hover {text-decoration:none; margin-left:10px; padding:10px 0px 8px 35px;}

a.morebutton {display:block; border:1px solid #000; font-size:13px; line-height:13px; padding:12px 0px 10px; width:240px; margin:50px auto 0; text-align:center;}
a.morebutton:hover {text-decoration:none; background:#000; color:#FFF;}

.morebuttonwrapper {position:relative; width:100%; text-align:center;}
a.morebutton2 {display:inline-block; border:1px solid #000; font-size:13px; line-height:13px; padding:12px 0px 10px; width:240px; margin:50px 30px 0; text-align:center;}
a.morebutton2:hover {text-decoration:none; background:#000; color:#FFF;}

.buttonpage1 {border:1px solid #8B7F70 !important; background:#8B7F70; color:#F4F1EC !important;} .buttonpage1:hover {background:#F4F1EC !important; color:#8B7F70 !important;}
.buttonpage2 {border:1px solid #8B7F70 !important; background:#8B7F70; color:#F4F1EC !important;} .buttonpage2:hover {background:none !important; color:#8B7F70 !important;}
.buttonpage3 {border:1px solid #8B7F70 !important; background:#8B7F70; color:#F4F1EC !important;} .buttonpage3:hover {background:#F4F1EC !important; color:#8B7F70 !important;}
.buttonpage4 {border:1px solid #8B7F70 !important; background:#8B7F70; color:#F4F1EC !important;} .buttonpage4:hover {background:#E3DAD0 !important; color:#8B7F70 !important;}
.buttonpage5 {border:1px solid #8B7F70 !important; background:#8B7F70; color:#F4F1EC !important;} .buttonpage5:hover {background:#F4F1EC !important; color:#8B7F70 !important;}

.noheader {margin-top:0 !important; top:0 !important; padding:0 !important;}
.colorbg {position:relative; box-sizing:border-box; padding:0 100px; margin:0; width:100%; overflow:auto;}

.block1 {box-sizing:border-box; margin:100px auto 0; padding:70px 0; z-index:20; position:relative;} .block1b {margin:100px auto 100px; padding:80px 0 60px} .block1box {padding:40px 0;} .block1box2 {padding:0px 0 50px;;}
.block1-list-box {margin:-30px 0 80px;} 
.block1-list-box-left {float:left; width:15%; text-transform:uppercase; font-size:11px; line-height:11px; letter-spacing:3px; padding:25px 0 0;} 
.block1-list-box-right {float:left; width:85%;}

.block2 {box-sizing:border-box; margin:100px auto 100px; padding:0px 0; z-index:20; position:relative;} .block2b {margin:100px auto 200px;} .block2c {margin:-40px auto 0px;}
.block2-list-box {margin:-30px 0 80px;} 
.block2-list-box-left {float:left; width:15%; text-transform:uppercase; font-size:11px; line-height:11px; letter-spacing:3px; padding:12px 0 0;} 
.block2-list-box-right {float:left; width:85%;} .block2-list-box-right h2 {font-family:'messina_sansbold',Arial,sans-serif; font-weight: normal; font-style: normal; font-size:18px;}
.block2 hr {margin:50px 0 50px;}
.block2d h2 {padding:40px 0 40px;}
.block2d h1 {font-size:26px; line-height:34px; letter-spacing:0px; padding:40px 0 40px;}
.block2d strong {font-family:'messina_serifregular',Times,serif; font-weight: normal; font-style: normal; font-size:22px; line-height:28px; margin:40px 0 -15px; display:block;}

.block3 {box-sizing:border-box; margin:-140px auto 0px; padding:0px 0; z-index:20; position:relative;}
.block3-slider-box {box-sizing:border-box; position:relative; z-index:21; padding:80px 80px 80px 150px;} .block3-slider-box h2 {font-family:'messina_sansbold',Arial,sans-serif; font-weight: normal; font-style: normal;}
.block3b-slider-box {box-sizing:border-box; position:relative; z-index:21; padding:80px 120px 80px 120px; text-align:center; min-height:320px;} 
.block3b-slider-box h3 {font-size:20px; line-height:26px; font-family:'messina_sansregular',Arial,sans-serif; font-weight: normal; font-style: normal;}
.block3b-slider-box h3 strong {font-family:'messina_sansbold',Arial,sans-serif; font-weight: normal; font-style: normal;}

.block4 {box-sizing:border-box; margin:-30px auto -30px; padding:0; z-index:20; position:relative;}
.block4left {width:49%; float:left; box-sizing:border-box; padding:54px 0 0 130px;}
.block4right {width:51%; float:left; box-sizing:border-box; border-left:30px solid #F4F1EC;} .block4right img {width:100%;}

.block5 {box-sizing:border-box; margin:40px auto; padding:50px 0 40px; z-index:20; position:relative;}
.block5left {width:30%; float:left; box-sizing:border-box; padding:15px 0 0;}
.block5right {width:70%; float:left; box-sizing:border-box;}

.vgl-box {}
.vgl-box2 {display:none;}
.vgl-table {width:100%;}
.vgl-table tr {border-bottom:1px solid #000;}
.vgl-table td {width:50%; padding:24px 20px 24px 2px; font-size:17px; line-height:24px; color:#000;}

.vgl-box-arrow {position:relative; margin:20px auto 0; width:40%; text-align:center;} .vgl-box-arrow img {width:11px; padding:0 0 10px;}
.vgl-box-arrow p {font-size:11px; line-height:11px; letter-spacing:0.1px; margin:0; padding:0;} .vgl-box-arrow a:hover {text-decoration:none;}
.vgl-box-arrow:hover img {padding:5px 0 5px;} .vgl-box-arrow a {display:block;} 
.vgl-arrow-hover {transform: rotate(180deg); padding:10px 0 0px !important;}

.team-overview-wrapper{margin:60px 0 0; border-bottom:1px solid #000;}
.team-overview-box {width:100%; margin:0; padding:30px 0; border-top:1px solid #000; position:relative;} .team-overview-box:hover {cursor:pointer;}
.team-overview-box h1 {font-size:24px; line-height:24px; display:inline-block;}
.team-overview-box:hover h1 {padding:0 0 0 6px;} .team-overview-title-hover {padding:0 0 0 6px;}
.team-overview-function {text-transform:uppercase; font-size:11px; line-height:11px; letter-spacing:3px; padding:0 0 0 10px;}
.team-overview-arrow {position:absolute; right:0; padding:4px 0 2px; width:36px;} .team-overview-arrow img {width:100%;}
.team-overview-arrow-hover {transform: rotate(90deg);}
.team-overview-box-text {padding:10px 60px 0 6px; box-sizing:border-box; display:none;} .team-overview-box-text img {width:100%; padding:20px 0 10px;}

.faq-overview-wrapper{margin:40px 0 40px; border-bottom:1px solid #000;}
.faq-overview-box {width:100%; margin:0; padding:30px 0 26px; border-top:1px solid #000; position:relative;} .faq-overview-box:hover {cursor:pointer;}
.faq-overview-box h1 {font-size:20px; line-height:26px; display:inline-block; padding:0 50px 0 0;}
.faq-overview-box:hover h1 {padding:0 44px 0 6px;} .faq-overview-title-hover {padding:0 44px 0 6px !important;}
.faq-overview-function {text-transform:uppercase; font-size:11px; line-height:11px; letter-spacing:3px; padding:0 0 0 10px;}
.faq-overview-arrow {position:absolute; right:0; padding:2px 0 2px; width:36px;} .faq-overview-arrow img {width:100%;}
.faq-overview-arrow-hover {transform: rotate(90deg);}
.faq-overview-box-text {padding:10px 60px 20px 6px; box-sizing:border-box; display:none;}

.footer {margin:0; padding:60px 0 70px; background:#89897F; color:#FFF; font-size:13px; line-height:20px;} 
.footer p {color:#FFF; font-size:13px; line-height:20px; margin:0;} .footer p a {color:#FFF;}
.footer h3 {color:#FFF;}
.footerbox {float:left;}
.footer1 {width:20%;}
.footer2 {width:18%; padding-top:43px;} .footer2 table {margin-top:0px;} .footer2-td1 {width:32px;} .footer2-td2 a {color:#FFF;}
.footer3 {width:25%;} .footer3 table {margin-top:18px;} .footer3-td1 {width:90px;}
.footer4 {width:37%; padding-top:43px; text-align:right;}

.copyfooter {padding:60px 0 0px; font-size:13px; color:#fff; margin:0px 0 0;}

/* Text Form */
.formwrapper {margin:0px auto 40px; overflow:hidden;}
.formbox {width:48%; float:left;} .formboxleft {margin:0 2% 0 0;} .formboxright {margin:0 0 0 2%;}
fieldset {margin-top:30px; text-align:left;}
fieldset label {display:block; padding:0 10px 0; font-size:11px; line-height:11px; letter-spacing:3px; color:#8B7F70;}
fieldset input {border:none; background:#F4F1EC; width:100%; margin:7px 0 20px; padding:14px 10px 12px; box-sizing:border-box; font-size:15px; font-family:'messina_sansregular',Arial,sans-serif; font-weight: normal; font-style: normal; color:#000;}
fieldset input:hover {border:none; background:#F4F1EC;}
textarea {border:none; background:#F4F1EC; width:100%; margin:7px 0 20px; padding:11px 10px 10px; box-sizing:border-box; resize: none; font-size:15px; font-family:'messina_sansregular',Arial,sans-serif; font-weight: normal; font-style: normal; color:#000; min-height:150px;}
textarea:hover {border:none; background:#F4F1EC;}
.btn2 {border:none; cursor:pointer; color:#F4F1EC; background:#8B7F70; border:1px solid #8B7F70; font-size:13px; line-height:13px; padding:12px 0px 10px; width:240px; margin:20px 0 0; text-align:center; font-family:'messina_sansregular',Arial,sans-serif; font-weight: normal; font-style: normal;}
.btn2:hover {background:#E3DAD0; border:1px solid #8B7F70; color:#8B7F70;}
.btn-disabled {cursor:default; background:#afa397; border:1px solid #afa397; color:#F4F1EC;}
.btn-disabled:hover {cursor:default; background:#afa397; border:1px solid #afa397; color:#F4F1EC;}
#response {display:block; color:#900; font-size:18px; margin-top:20px;}
.infobox {padding:10px 0 0; text-align:center;}
.form-required {font-size:11px; line-height:11px; letter-spacing:3px; color:#8B7F70; padding:0 0 0 10px; margin:-2px 0 0;}
.intern2 {visibility:hidden; height:0;}

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="email"],
input[type="tel"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}

/* The container */
input[type="checkbox"] {width:auto;}


.container {
    display: block;
    position: relative; width:410px;
    padding-left: 34px; padding-top:5px;
    margin-bottom: 18px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Hide the browser's default checkbox */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background:#F4F1EC;
}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #fff;
}
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #8B7F70;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none; 
}
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.contact-sent-infobox {border:1px solid #000; padding:30px; margin:20px 0 0; font-size:17px; line-height:24px;}
.contact-sent-message {padding:30px; color:#999; font-size:17px; line-height:24px; font-variant-ligatures: none;}

/* Ende Text Form */

/* --Mobile */
#mobile {display:none;}

/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.clear {clear:both;}

/* Media Queries
***********************/
@media screen and (max-width: 1700px) {
	.header img {max-width:160px; padding:10px; margin:20px 0 0 30px;}
	
	#navigationdesk {right:140px; top:28px;}
	#navigationdesk ul li {margin:0 0 0 30px;}
	#navigationdesk ul li a {font-size:13px; line-height:13px; padding:0 0 1px;}
	
	#header-langnavi {right:40px; top:28px;}
	#header-langnavi ul li {margin:0 0 0 8px;}
	#header-langnavi ul li a {font-size:13px; line-height:13px; padding:0 0 1px;}
}

@media screen and (max-width: 1250px) {
	
	p {font-size:17px; line-height:24px; margin-top:18px;}
	h1 {font-size:32px; line-height:39px; letter-spacing:0px;}
	h2 {font-size:24px; line-height:30px; letter-spacing:0px;}
	h3 {font-size:18px; line-height:24px; letter-spacing:0px;}
	
	.header {padding:0px; height:65px;} .header img {max-width:150px; margin:17px 0 0 30px;}
	.header-bg-white {height:65px;}
	
	/* navigation desktop start */
	#navigationdesk {right:140px; top:23px;}
	#navigationdesk ul li {margin:0 0 0 30px;}
	#navigationdesk ul li a {font-size:13px; line-height:13px; padding:0 0 1px;}
	
	#header-langnavi {right:40px; top:23px;}
	#header-langnavi ul li {margin:0 0 0 8px;}
	#header-langnavi ul li a {font-size:13px; line-height:13px; padding:0 0 1px;}
	
	/* HOME BOX */
	.homebox {position:relative; width:100%; height:300px; background-size:cover; overflow:hidden;}
	
	.homebox-animation {position:absolute; width:100%; top:47%; text-align:center; display:none;}
	.homebox-animation-bottom {position:absolute; bottom:3%; left:40%; width:20%; text-align:center; display:none;} .homebox-animation-bottom img {width:11px; padding:0 0 10px;}
	.homebox-animation-bottom p {font-size:11px; line-height:11px; letter-spacing:0.1px; margin:0; padding:0;} .homebox-animation-bottom a:hover {text-decoration:none;}
	.homebox-animation-bottom:hover img {padding:5px 0 5px;} .homebox-animation-bottom a {display:block;} 
	
	.headerimagebox {position:relative;} .headerimagebox img {width:100%;}
	.headerimagebox-animation {position:absolute; top:44%; width:100%; text-align:center; display:none;}
	.headerimagebox-animation-about {top: 27%;}
	
	#contentcontainer {position:relative; z-index:5; padding:0px 0 0; overflow:hidden; min-height:500px;}
	.contentlimiter1 {max-width:1200px; margin:auto; padding:0 0px; position:relative; z-index:6;}
	.contentlimiter2 {max-width:920px; margin:auto; padding:0 0px; position:relative; z-index:6;}
	.contentlimiterText {max-width:620px; margin:auto; padding:0 35px; position:relative; z-index:6;}
	
	.block404 {font-size:20px; line-height:30px; padding:100px 0;}
	
	a.morelink {display:inline-block; font-size:15px; line-height:15px; padding:10px 0px 8px 40px; margin:1px 0 10px; background:url(../data/files/icon-arrow-right-black.png) left no-repeat; background-size:28px 10px;}
	a.morelink:hover {text-decoration:none; margin-left:10px; padding:1px 0px 1px 35px;}
	
	a.morebutton {display:block; border:1px solid #000; font-size:13px; line-height:13px; padding:12px 0px 10px; width:240px; margin:40px auto 0; text-align:center;}
	a.morebutton:hover {text-decoration:none; background:#000; color:#FFF;}
	
	.morebuttonwrapper {position:relative; width:100%; text-align:center;}
	a.morebutton2 {display:inline-block; border:1px solid #000; font-size:13px; line-height:13px; padding:12px 0px 10px; width:240px; margin:40px 30px 0; text-align:center;}
	a.morebutton2:hover {text-decoration:none; background:#000; color:#FFF;}
	
	.colorbg {position:relative; box-sizing:border-box; padding:0 100px; margin:0; width:100%; overflow:auto;}
	
	.block1 {margin:80px auto 0; padding:40px 0;} .block1b {margin:80px auto 70px; padding:80px 0 40px} .block1box {padding:20px 0;} .block1box2 {padding:0px 0 50px;;}
	.block1-list-box {margin:-30px 0 80px;} 
	.block1-list-box-left {float:left; width:15%; font-size:11px; line-height:11px; letter-spacing:3px; padding:25px 0 0;} 
	.block1-list-box-right {float:left; width:85%;}
	
	.block2 {box-sizing:border-box; margin:80px auto 80px; padding:0px 0; z-index:20; position:relative;} .block2b {margin:70px auto 200px;} .block2c {margin:-40px auto 0px;}
	.block2-list-box {margin:-30px 0 80px;} 
	.block2-list-box-left {float:left; width:15%; text-transform:uppercase; font-size:11px; line-height:11px; letter-spacing:3px; padding:12px 0 0;} 
	.block2-list-box-right {float:left; width:85%;} .block2-list-box-right h2 {font-family:'messina_sansbold',Arial,sans-serif; font-weight: normal; font-style: normal; font-size:18px;}
	
	.block2 hr {margin:50px 0 50px;}
	.block2d h1 {padding:40px 0 40px; font-size:24px; line-height:30px; letter-spacing:0px;}
	.block2d strong {font-family:'messina_serifregular',Times,serif; font-weight: normal; font-style: normal; font-size:22px; line-height:28px; margin:40px 0 -15px; display:block;}
		
	.block3 {box-sizing:border-box; margin:-140px auto 0px; padding:0px 40px; z-index:20; position:relative;}
	.block3-slider-box {box-sizing:border-box; position:relative; z-index:21; padding:80px 80px 80px 150px;} .block3-slider-box h2 {}
	.block3b-slider-box {box-sizing:border-box; position:relative; z-index:21; padding:80px 120px 80px 120px; text-align:center;} .block3b-slider-box h3 {font-size:20px; line-height:26px; }
	
	.block4 {box-sizing:border-box; margin:-30px auto -30px; padding:0; z-index:20; position:relative;}
	.block4left {width:49%; float:left; box-sizing:border-box; padding:5% 0 0 14%;}
	.block4right {width:51%; float:left; box-sizing:border-box; border-left:30px solid #F4F1EC;} .block4right img {width:100%;}
	
	.block5 {margin:40px auto; padding:50px 0 40px; z-index:20;}
	.block5left {width:30%; float:left; padding:15px 0 0;}
	.block5right {width:70%; float:left;}
	
	.vgl-box {padding:0 50px;}
	.vgl-box2 {display:none; padding:0 50px;}
	.vgl-table {width:100%;}
	.vgl-table tr {border-bottom:1px solid #000;}
	.vgl-table td {width:50%; padding:20px 20px 20px 2px; font-size:17px; line-height:24px; color:#000;}
	
	.vgl-box-arrow {position:relative; margin:20px auto 0; width:40%; text-align:center;} .vgl-box-arrow img {width:11px; padding:0 0 10px;}
	.vgl-box-arrow p {font-size:11px; line-height:11px; letter-spacing:0.1px; margin:0; padding:0;} .vgl-box-arrow a:hover {text-decoration:none;}
	.vgl-box-arrow:hover img {padding:5px 0 5px;} .vgl-box-arrow a {display:block;} 
	.vgl-arrow-hover {transform: rotate(180deg); padding:10px 0 0px !important;}
	
	.team-overview-wrapper{margin:60px 0 0; border-bottom:1px solid #000;}
	.team-overview-box {width:100%; margin:0; padding:30px 0; border-top:1px solid #000; position:relative;} .team-overview-box:hover {cursor:pointer;}
	.team-overview-box h1 {font-size:22px; line-height:22px; display:inline-block;}
	.team-overview-box:hover h1 {padding:0 0 0 6px;} .team-overview-title-hover {padding:0 0 0 6px;}
	.team-overview-function {text-transform:uppercase; font-size:11px; line-height:11px; letter-spacing:3px; padding:0 0 0 10px;}
	.team-overview-arrow {position:absolute; right:0; padding:4px 0 2px; width:36px;} .team-overview-arrow img {width:100%;}
	.team-overview-arrow-hover {transform: rotate(90deg);}
	.team-overview-box-text {padding:10px 60px 0 6px; box-sizing:border-box; display:none;} .team-overview-box-text img {width:100%; padding:20px 0 10px;}
	
	.faq-overview-wrapper{margin:40px 0 40px; border-bottom:1px solid #000;}
	.faq-overview-box {width:100%; margin:0; padding:20px 0; border-top:1px solid #000; position:relative;} .faq-overview-box:hover {cursor:pointer;}
	.faq-overview-box h1 {font-size:22px; line-height:28px; display:inline-block; padding:0 50px 0 0;}
	.faq-overview-box:hover h1 {padding:0 44px 0 6px;} .faq-overview-title-hover {padding:0 0 0 6px;}
	.faq-overview-function {text-transform:uppercase; font-size:11px; line-height:11px; letter-spacing:3px; padding:0 0 0 10px;}
	.faq-overview-arrow {position:absolute; right:0; padding:6px 0 2px; width:36px;} .faq-overview-arrow img {width:100%;}
	.faq-overview-arrow-hover {transform: rotate(90deg);}
	.faq-overview-box-text {padding:10px 60px 20px 6px; box-sizing:border-box; display:none;}
	
	.footer {margin:0; padding:50px 40px 60px; background:#89897F; color:#FFF; font-size:13px; line-height:20px;} 
	.footer p {color:#FFF; font-size:13px; line-height:20px; margin:0;} .footer p a {color:#FFF;}
	.footer h3 {color:#FFF;}
	.footerbox {float:left;}
	.footer1 {width:20%;}
	.footer2 {width:18%; padding-top:43px;}
	.footer3 {width:35%;} .footer3 table {margin-top:18px;} .footer3-td1 {width:90px;}
	.footer4 {width:27%; padding-top:43px; text-align:right;}
	
	.copyfooter {padding:60px 0 0px; font-size:13px; color:#fff; margin:0px 0 0;}
	
	/* Text Form */
	.formwrapper {margin:0px auto 40px;}
	.formbox {width:48%; float:left;} .formboxleft {margin:0 2% 0 0;} .formboxright {margin:0 0 0 2%;}
	fieldset {margin-top:30px; text-align:left;}
	fieldset label {display:block; padding:0 10px 0; font-size:11px; line-height:11px; letter-spacing:3px; color:#8B7F70;}
	fieldset input {border:none; background:#F4F1EC; width:100%; margin:7px 0 20px; padding:14px 10px 12px; font-size:15px; font-family:'messina_sansregular',Arial,sans-serif; font-weight: normal; font-style: normal; color:#000;}
	textarea {border:none; background:#F4F1EC; width:100%; margin:7px 0 20px; padding:11px 10px 10px; font-size:15px; font-family:'messina_sansregular',Arial,sans-serif; font-weight: normal; font-style: normal; color:#000; min-height:150px;}
	.btn2 {font-size:13px; line-height:13px; padding:12px 0px 10px; width:240px; margin:20px 0 0;}

	#response {display:block; color:#900; font-size:18px; margin-top:20px;}
	.infobox {color:#F00; padding:10px 0 0; line-height:20px;}
	
	/* The container */
	.container {
		display: block;
		position: relative;
		padding-left: 34px; padding-top:5px;
		margin-bottom: 18px;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	/* Hide the browser's default checkbox */
	.container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}
	/* Create a custom checkbox */
	.checkmark {
		position: absolute; 
		top: 0;
		left: 0;
		height: 20px;
		width: 20px;
		background:#F4F1EC;
	}
	/* On mouse-over, add a grey background color */
	.container:hover input ~ .checkmark {
		background-color: #ccc;
	}
	/* When the checkbox is checked, add a blue background */
	.container input:checked ~ .checkmark {
		background-color: #4f5b64;
	}
	/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	/* Show the checkmark when checked */
	.container input:checked ~ .checkmark:after {
		display: block;
	}
	/* Style the checkmark/indicator */
	.container .checkmark:after {
		left: 7px;
		top: 3px;
		width: 5px;
		height: 10px;
		border: solid white;
		border-width: 0 2px 2px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	/* Ende Text Form */
}

@media screen and (max-width: 980px) {
	.desktop {display:none !important;}
	.mobile {display:inherit !important;}

	p {font-size:16px; line-height:22px; margin-top:15px;}
	h1 {font-size:29px; line-height:35px; letter-spacing:0px;}
	h2 {font-size:21px; line-height:27px; letter-spacing:0px;}
	h3 {font-size:18px; line-height:24px; letter-spacing:0px;}
	
	.headermobile {position:fixed; width:100%; height:65px; z-index:79;}
	.header {padding:0px; height:65px;} .header img {max-width:150px; margin:17px 0 0 30px;}
	
	#header-langnavi {right:100px; top:23px;}
	#header-langnavi ul li {margin:0 0 0 8px;}
	#header-langnavi ul li a {font-size:13px; line-height:13px; padding:0 0 1px;}
	
	/* HOME BOX */
	.homebox-animation {position:absolute; width:100%; top:47%; text-align:center; display:none;}
	
	.headerimagebox {position:relative;} .headerimagebox img {width:100%;}
	.headerimagebox-animation {position:absolute; top:40%; width:100%; text-align:center; display:none;}
	.headerimagebox-animation-about {top: 23%;}
	
	#contentcontainer {position:relative; z-index:5; padding:65px 0 0; overflow:hidden; min-height:500px;}
	.contentlimiter1 {max-width:1200px; margin:auto; padding:0 0px; position:relative; z-index:6;}
	.contentlimiter2 {max-width:920px; margin:auto; padding:0 0px; position:relative; z-index:6;}
	.contentlimiterText {max-width:620px; margin:auto; padding:0 35px; position:relative; z-index:6;}
	
	.block404 {font-size:20px; line-height:30px; padding:100px 0;}
	
	a.morelink {display:inline-block; font-size:13px; line-height:13px; padding:1px 0px 1px 40px; margin:20px 0; background:url(../data/files/icon-arrow-right-black.png) left no-repeat; background-size:28px 10px;}
	a.morelink:hover {text-decoration:none; margin-left:10px; padding:1px 0px 1px 35px;}
	
	a.morebutton {display:block; border:1px solid #000; font-size:13px; line-height:13px; padding:12px 0px 10px; width:240px; margin:40px auto 0; text-align:center;}
	a.morebutton:hover {text-decoration:none; background:#000; color:#FFF;}
	
	.morebuttonwrapper {position:relative; width:100%; text-align:center;}
	a.morebutton2 {display:inline-block; border:1px solid #000; font-size:13px; line-height:13px; padding:12px 0px 10px; width:220px; margin:40px 20px 0; text-align:center;}
	a.morebutton2:hover {text-decoration:none; background:#000; color:#FFF;}
	
	.colorbg {position:relative; box-sizing:border-box; padding:0 50px; margin:0; width:100%; overflow:auto;}
	
	.block1 {margin:50px auto 0; padding:20px 0 40px;} .block1b {margin:50px auto 70px; padding:40px 0 40px} .block1box {padding:20px 0 0;} .block1box2 {padding:0px 0 30px;}
	.block1-list-box {margin:-20px 0 50px;} 
	.block1-list-box-left {float:left; width:18%; font-size:11px; line-height:11px; letter-spacing:3px; padding:22px 0 0;} 
	.block1-list-box-right {float:left; width:82%;}
	
	.block2 {box-sizing:border-box; margin:50px auto 50px; padding:0px 0; z-index:20; position:relative;} .block2b {margin:50px auto 200px;} .block2c {margin:-30px auto 0px;}
	.block2-list-box {margin:0px 0 40px;} 
	.block2-list-box-left {float:left; width:15%; text-transform:uppercase; font-size:11px; line-height:11px; letter-spacing:3px; padding:8px 0 0;} 
	.block2-list-box-right {float:left; width:85%;} .block2-list-box-right h2 {font-family:'messina_sansbold',Arial,sans-serif; font-weight: normal; font-style: normal; font-size:17px;}
	
	.block2 hr {margin:50px 0 50px;}
	.block2d h1 {padding:40px 0 40px; font-size:21px; line-height:27px; letter-spacing:0px;}
	.block2d strong {font-family:'messina_serifregular',Times,serif; font-weight: normal; font-style: normal; font-size:20px; line-height:25px; margin:40px 0 -15px; display:block;}
		
	.block3 {box-sizing:border-box; margin:-140px auto 0px; padding:0px 40px; z-index:20; position:relative;}
	.block3-slider-box {box-sizing:border-box; position:relative; z-index:21; padding:80px 80px 80px 150px;} .block3-slider-box h2 {}
	.block3b-slider-box {box-sizing:border-box; position:relative; z-index:21; padding:80px 120px 80px 120px; text-align:center;} .block3b-slider-box h3 {font-size:20px; line-height:26px;}
	
	.block4 {box-sizing:border-box; margin:-10px auto -10px; padding:0; z-index:20; position:relative; max-width:400px;}
	.block4left {width:100%; float:left; box-sizing:border-box; padding:40px 0 50px 26%;}
	.block4right {width:100%; float:left; box-sizing:border-box; border-left:none;} .block4right img {width:100%;}
	
	.block5 {margin:30px auto; padding:30px 0 20px; z-index:20;}
	.block5left {width:30%; float:left; padding:15px 0 0;}
	.block5right {width:70%; float:left;}
	
	.vgl-box {padding:0 35px;}
	.vgl-box2 {display:none; padding:0 35px;}
	.vgl-table {width:100%;}
	.vgl-table tr {border-bottom:1px solid #000;}
	.vgl-table td {width:50%; padding:15px 20px 15px 2px; font-size:16px; line-height:22px; color:#000;}
	
	.vgl-box-arrow {position:relative; margin:20px auto 0; width:40%; text-align:center;} .vgl-box-arrow img {width:11px; padding:0 0 10px;}
	.vgl-box-arrow p {font-size:11px; line-height:11px; letter-spacing:0.1px; margin:0; padding:0;} .vgl-box-arrow a:hover {text-decoration:none;}
	.vgl-box-arrow:hover img {padding:5px 0 5px;} .vgl-box-arrow a {display:block;} 
	.vgl-arrow-hover {transform: rotate(180deg); padding:10px 0 0px !important;}
	
	.team-overview-wrapper{margin:60px 0 0; border-bottom:1px solid #000;}
	.team-overview-box {width:100%; margin:0; padding:20px 0; border-top:1px solid #000; position:relative;} .team-overview-box:hover {cursor:pointer;}
	.team-overview-box h1 {font-size:20px; line-height:20px; display:inline-block;}
	.team-overview-box:hover h1 {padding:0 0 0 6px;} .team-overview-title-hover {padding:0 0 0 6px;}
	.team-overview-function {text-transform:uppercase; font-size:11px; line-height:11px; letter-spacing:3px; padding:0 0 0 10px;}
	.team-overview-arrow {position:absolute; right:0; padding:0px 0 2px; width:32px;} .team-overview-arrow img {width:100%;}
	.team-overview-arrow-hover {transform: rotate(90deg);}
	.team-overview-box-text {padding:10px 60px 0 6px; box-sizing:border-box; display:none;} .team-overview-box-text img {width:100%; padding:10px 0 6px;}
	
	.faq-overview-wrapper{margin:40px 0 40px; border-bottom:1px solid #000;}
	.faq-overview-box {width:100%; margin:0; padding:20px 0; border-top:1px solid #000; position:relative;} .faq-overview-box:hover {cursor:pointer;}
	.faq-overview-box h1 {font-size:20px; line-height:26px; display:inline-block; padding:0 50px 0 0;}
	.faq-overview-box:hover h1 {padding:0 44px 0 6px;} .faq-overview-title-hover {padding:0 0 0 6px;}
	.faq-overview-function {text-transform:uppercase; font-size:11px; line-height:11px; letter-spacing:3px; padding:0 0 0 10px;}
	.faq-overview-arrow {position:absolute; right:0; padding:3px 0 2px; width:32px;} .faq-overview-arrow img {width:100%;}
	.faq-overview-arrow-hover {transform: rotate(90deg);}
	.faq-overview-box-text {padding:10px 60px 20px 6px; box-sizing:border-box; display:none;}
	
	.footer {margin:0; padding:40px 40px 40px; background:#89897F; color:#FFF; font-size:13px; line-height:20px;} 
	.footer p {color:#FFF; font-size:15px; line-height:20px; margin:0;} .footer p a {color:#FFF;}
	.footer h3 {color:#FFF;}
	.footerbox {float:left;}
	.footer1 {width:35%;}
	.footer2 {width:65%; padding-top:43px;} .footer2 table {font-size:14px; line-height:20px;}
	.footer3 {width:68%; padding-top:30px;} .footer3 table {margin-top:18px; font-size:14px; line-height:20px;} .footer3-td1 {width:90px;}
	.footer4 {width:32%; padding-top:73px; text-align:right;}
	
	.copyfooter {padding:60px 0 0px; font-size:13px; color:#fff; margin:0px 0 0;}
	
	/* Text Form */
	.formwrapper {margin:0px auto 40px -20px; box-sizing:border-box; padding:0 20px;}
	.formbox {width:48%; float:left;} .formboxleft {margin:0 2% 0 0;} .formboxright {margin:0 0 0 2%;}
	fieldset {margin-top:30px; text-align:left;}
	fieldset label {display:block; padding:0 10px 0; font-size:11px; line-height:11px; letter-spacing:3px; color:#8B7F70;}
	fieldset input {border:none; background:#F4F1EC; width:100%; margin:7px 0 20px; padding:14px 10px 12px; font-size:15px; font-family:'messina_sansregular',Arial,sans-serif; font-weight: normal; font-style: normal; color:#000;}
	textarea {border:none; background:#F4F1EC; width:100%; margin:7px 0 20px; padding:11px 10px 10px; font-size:15px; font-family:'messina_sansregular',Arial,sans-serif; font-weight: normal; font-style: normal; color:#000; min-height:150px;}
	.btn2 {font-size:13px; line-height:13px; padding:12px 0px 10px; width:240px; margin:20px 0 0;}
	#response {display:block; color:#900; font-size:18px; margin-top:20px;}
	.infobox {color:#F00; padding:10px 0 0; line-height:20px;}
	.form-required {font-size:11px; line-height:11px; letter-spacing:3px; color:#8B7F70; padding:0 0 0 10px; margin:-2px 0 0;}
	
	/* The container */
	.container {
		display: block;
		position: relative;
		padding-left: 34px; padding-top:5px;
		margin-bottom: 18px;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	/* Hide the browser's default checkbox */
	.container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}
	/* Create a custom checkbox */
	.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 20px;
		width: 20px;
		background:#F4F1EC;
	}
	/* On mouse-over, add a grey background color */
	.container:hover input ~ .checkmark {
		background-color: #ccc;
	}
	/* When the checkbox is checked, add a blue background */
	.container input:checked ~ .checkmark {
		background-color: #4f5b64;
	}
	/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	/* Show the checkmark when checked */
	.container input:checked ~ .checkmark:after {
		display: block;
	}
	/* Style the checkmark/indicator */
	.container .checkmark:after {
		left: 7px;
		top: 3px;
		width: 5px;
		height: 10px;
		border: solid white;
		border-width: 0 2px 2px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	.contact-sent-infobox {border:1px solid #000; padding:30px; margin:20px 0 0; font-size:16px; line-height:22px;}
	.contact-sent-message {padding:20px; color:#999; font-size:16px; line-height:22px; font-variant-ligatures: none;}
	/* Ende Text Form */
}

@media screen and (max-width: 650px) {
	.nophone {display:none !important;}
	.onlyphone {display:inherit !important;}
	
	p {font-size:15px; line-height:21px; margin-top:10px; word-wrap:break-word !important;}
	h1 {font-size:19px; line-height:24px; letter-spacing:0px;}
	h2 {font-size:18px; line-height:23px; letter-spacing:0px;}
	h3 {font-size:18px; line-height:24px; letter-spacing:0.4px;}
	
	.headermobile {position:fixed; width:100%; height:45px; z-index:79;}
	.header {padding:0px; height:45px;} .header img {max-width:120px; margin:8px 0 0 5px;}
	
	#header-langnavi {right:60px; top:14px;}
	#header-langnavi ul li {margin:0 0 0 6px;}
	#header-langnavi ul li a {font-size:11px; line-height:11px; padding:0 0 1px;}
	
	/* navigation mobile */
	#navigationwrapper {top:45px; padding:12px 22px 17px 14px;}
	#navigation ul li {margin:8px 0px; display:block; list-style:none; position:relative; float:none; text-align:right;}
	#navigation ul li a {color:#000; font-size:13px; line-height:13px;  padding:0px; text-decoration:none; font-family:'messina_sansregular',Arial,sans-serif; font-weight: normal; font-style: normal;}
	#navigation ul li a:hover {color:#000; text-decoration:underline; cursor:pointer; border-bottom:0px solid #000;}
	#navigation ul li a.active {color:#000; text-decoration:underline; border-bottom:0px solid #000;}
	
	/* HOME BOX */
	.homeboxmobile {position:relative;} .homeboxmobile img {width:100%;}
		
	.homebox-animation {position:absolute; width:100%; top:30%; text-align:center; display:none;}
	
	.headerimagebox {position:relative;} .headerimagebox img {width:120%; margin-left:-10%;}
	.headerimagebox-animation {position:absolute; top:34%; width:100%; text-align:center; display:none;}
	.headerimagebox-animation-special {top:18%;}
	.headerimagebox-animation-about {top: 18%;}
	
	#contentcontainer {position:relative; z-index:5; padding:45px 0 0; overflow:hidden; min-height:300px;}
	.contentlimiter1 {max-width:1200px; margin:auto; padding:0 0px; position:relative; z-index:6;}
	.contentlimiter2 {max-width:920px; margin:auto; padding:0 0px; position:relative; z-index:6;}
	.contentlimiterText {max-width:620px; margin:auto; padding:0 20px; position:relative; z-index:6;}
	
	.block404 {font-size:20px; line-height:30px; padding:100px 0;}
	
	a.morelink {display:inline-block; font-size:12px; line-height:14px; padding:1px 0px 1px 36px; margin:8px 0; background:url(../data/files/icon-arrow-right-black.png) left no-repeat; background-size:28px 10px;}
	a.morelink:hover {text-decoration:none; margin-left:10px; padding:1px 0px 1px 35px;}
	
	a.morebutton {display:block; border:1px solid #000; font-size:12px; line-height:12px; padding:12px 0px 10px; width:200px; margin:30px auto 0; text-align:center;}
	a.morebutton:hover {text-decoration:none; background:#000; color:#FFF;}
	
	.morebuttonwrapper {position:relative; width:100%; text-align:center; margin:0 0 10px;}
	a.morebutton2 {display:inline-block; border:1px solid #000; font-size:12px; line-height:12px; padding:12px 0px 10px; width:180px; margin:20px 6px -10px; text-align:center;}
	a.morebutton2:hover {text-decoration:none; background:#000; color:#FFF;}
	
	.colorbg {position:relative; box-sizing:border-box; padding:0 15px; margin:0; width:100%; overflow:auto;}
	
	.block1 {margin:14px auto 0; padding:0px 0 30px;} .block1b {margin:20px auto 30px; padding:30px 0 20px} .block1box {padding:30px 0 0;} .block1box2 {padding:0px 0 30px;}
	.block1-list-box {margin:-20px 0 30px;} 
	.block1-list-box-left {float:left; width:100%; font-size:11px; line-height:11px; letter-spacing:3px; padding:20px 0 0;} 
	.block1-list-box-right {float:left; width:100%;}
	
	.block2 {box-sizing:border-box; margin:30px auto 30px; padding:0px 0; z-index:20; position:relative;} .block2b {margin:40px auto 140px;} .block2c {margin:-10px auto 40px;}
	.block2-list-box {margin:0px 0 30px;} 
	.block2-list-box-left {float:left; width:100%; text-transform:uppercase; font-size:11px; line-height:11px; letter-spacing:3px; padding:0px 0 6px;} 
	.block2-list-box-right {float:left; width:100%;} .block2-list-box-right h2 {font-family:'messina_sansbold',Arial,sans-serif; font-weight: normal; font-style: normal; font-size:16px; line-height:20px;}
	
	.block2 hr {margin:30px 0 30px;}
	.block2d h1 {padding:30px 0 30px; font-size:18px; line-height:23px; letter-spacing:0px;}
	.block2d strong {font-family:'messina_serifregular',Times,serif; font-weight: normal; font-style: normal; font-size:17px; line-height:20px; margin:30px 0 -15px; display:block;}
		
	.block3 {box-sizing:border-box; margin:-120px auto 0px; padding:0px 15px; z-index:20; position:relative;}
	.block3-slider-box {box-sizing:border-box; position:relative; z-index:21; padding:40px 30px 20px 30px; min-height:180px; text-align:center;} .block3-slider-box h2 {font-size:14px; line-height:18px;}
	.block3-slider-box p {font-size:12px; line-height:17px;}
	.block3b-slider-box {box-sizing:border-box; position:relative; z-index:21; padding:20px 30px 50px 30px; text-align:center; min-height:276px;} .block3b-slider-box h3 {font-size:15px; line-height:20px;}
	.block3b-slider-box p {font-size:11px; line-height:15px;}
	
	.block4 {box-sizing:border-box; margin:0px auto 0px; padding:0; z-index:20; position:relative; max-width:250px;}
	.block4left {width:100%; float:left; box-sizing:border-box; padding:20px 0 24px 12%;}
	.block4right {width:100%; float:left; box-sizing:border-box; border-left:none;} .block4right img {width:100%;}
	
	.block5 {margin:15px auto; padding:25px 0 10px; z-index:20;}
	.block5left {width:100%; float:left; padding:0px 0 10px;}
	.block5right {width:100%; float:left;}
	
	.vgl-box {padding:10px 10px 0;}
	.vgl-box2 {display:none; padding:0 10px;}
	.vgl-table {width:100%;}
	.vgl-table tr {border-bottom:1px solid #000; border-color: rgba(0,0,0,0.2);}
	.vgl-table td {width:50%; padding:10px 10px 10px 2px; font-size:11px; line-height:15px; color:#000;}
	.vgl-table h2 {font-size:13px; line-height:15px;}
	
	.vgl-box-arrow {position:relative; margin:20px auto 0; width:40%; text-align:center;} .vgl-box-arrow img {width:11px; padding:0 0 10px;}
	.vgl-box-arrow p {font-size:11px; line-height:11px; letter-spacing:0.1px; margin:0; padding:0;} .vgl-box-arrow a:hover {text-decoration:none;}
	.vgl-box-arrow:hover img {padding:5px 0 5px;} .vgl-box-arrow a {display:block;} 
	.vgl-arrow-hover {transform: rotate(180deg); padding:10px 0 0px !important;}
	
	.team-overview-wrapper{margin:30px 0 0; border-bottom:1px solid #000;}
	.team-overview-box {width:100%; margin:0; padding:16px 0; border-top:1px solid #000; position:relative;} .team-overview-box:hover {cursor:pointer;}
	.team-overview-box h1 {font-size:18px; line-height:20px; display:inline-block;}
	.team-overview-box:hover h1 {padding:0 0 0 0px;} .team-overview-title-hover {padding:0 0 0 0px;}
	.team-overview-function {text-transform:uppercase; font-size:10px; line-height:13px; letter-spacing:2px; padding:4px 30px 0 0px; display:block;}
	.team-overview-arrow {position:absolute; right:0; padding:8px 0 2px; width:28px;} .team-overview-arrow img {width:100%;}
	.team-overview-arrow-hover {transform: rotate(90deg); padding:8px 0 10px;}
	.team-overview-box-text {padding:10px 0px 0 0px; box-sizing:border-box; display:none;} .team-overview-box-text img {width:100%; padding:6px 0 4px;}
	
	.faq-overview-wrapper{margin:0px 0 0px; padding:26px 0 0; border-bottom:1px solid #000;}
	.faq-overview-box {width:100%; margin:0; padding:16px 0; border-top:1px solid #000; position:relative;} .faq-overview-box:hover {cursor:pointer;}
	.faq-overview-box h1 {font-size:16px; line-height:20px; display:inline-block; padding:0 40px 0 0;}
	.faq-overview-box:hover h1 {padding:0 40px 0 0px;} .faq-overview-title-hover {padding:0 40px 0 0px !important;}
	.faq-overview-arrow {position:absolute; right:0; padding:8px 0 2px; width:28px;} .faq-overview-arrow img {width:100%;}
	.faq-overview-arrow-hover {transform: rotate(90deg); padding:8px 0 10px;}
	.faq-overview-box-text {padding:10px 20px 0px 0px; box-sizing:border-box; display:none;}
	
	.footer {margin:0; padding:20px 15px 20px; background:#89897F; color:#FFF; font-size:13px; line-height:20px;} 
	.footer p {color:#FFF; font-size:15px; line-height:20px; margin:0;} .footer p a {color:#FFF;}
	.footer h3 {color:#FFF;}
	.footerbox {float:left;}
	.footer1 {width:100%;}
	.footer2 {width:100%; padding-top:18px; text-align:left;} .footer2 table {margin-top:0px; margin-bottom:-20px; font-size:15px; line-height:20px;} .footer2-td1 {width:32px;} .footer2-td2 {text-align:left;}
	.footer3 {width:100%; padding-top:30px;} .footer3 table {margin-top:14px; font-size:14px; line-height:20px;} .footer3-td1 {width:40px;}
	.footer4 {width:100%; padding-top:23px; text-align:left; font-size:12px;}
	
	/* Text Form */
	.formwrapper {margin:0px 0 10px 0px; box-sizing:border-box; padding:0 0px;}
	.formbox {width:100%; float:left;} .formboxleft {margin:0 0% 0 0;} .formboxright {margin:0 0 0 0%;}
	fieldset {margin-top:0px; text-align:left;}
	fieldset label {display:block; padding:0 10px 0; font-size:10px; line-height:11px; letter-spacing:2px; color:#8B7F70;}
	fieldset input {border:none; background:#F4F1EC; width:100%; margin:3px 0 12px; padding:10px 5px 8px; font-size:12px; font-family:'messina_sansregular',Arial,sans-serif; font-weight: normal; font-style: normal; color:#000;}
	textarea {border:none; background:#F4F1EC; width:100%; margin:3px 0 10px; padding:11px 5px 10px; font-size:12px; font-family:'messina_sansregular',Arial,sans-serif; font-weight: normal; font-style: normal; color:#000; min-height:100px;}
	.btn2 {font-size:13px; line-height:13px; padding:12px 0px 10px; width:180px; margin:10px 0 0;}
	#response {display:block; color:#900; font-size:18px; margin-top:20px;}
	.infobox {color:#F00; padding:10px 0 0; line-height:20px;}
	.form-required {font-size:10px; line-height:10px; letter-spacing:2px; color:#8B7F70; padding:0 0 0 15px; margin:-6px 0 10px;}
	
	/* The container */
	.container {
		display: block;
		position: relative; width:230px;
		padding-left: 26px; padding-top:4px; padding-right:0; line-height:13px;
		margin-bottom: 18px;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	/* Hide the browser's default checkbox */
	.container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}
	/* Create a custom checkbox */
	.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 20px;
		width: 20px;
		background:#F4F1EC;
	}
	/* On mouse-over, add a grey background color */
	.container:hover input ~ .checkmark {
		background-color: #ccc;
	}
	/* When the checkbox is checked, add a blue background */
	.container input:checked ~ .checkmark {
		background-color: #4f5b64;
	}
	/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	/* Show the checkmark when checked */
	.container input:checked ~ .checkmark:after {
		display: block;
	}
	/* Style the checkmark/indicator */
	.container .checkmark:after {
		left: 7px;
		top: 3px;
		width: 5px;
		height: 10px;
		border: solid white;
		border-width: 0 2px 2px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	.contact-sent-infobox {border:1px solid #000; padding:15px; margin:30px 0 0; font-size:15px; line-height:21px;}
	.contact-sent-message {padding:20px 4px; color:#999; font-size:15px; line-height:21px; font-variant-ligatures: none;}
	/* Ende Text Form */
	
}

@media screen and (max-width: 500px) { 
	.nophone-portrait {display:none !important;}
	.onlyphone-portrait {display:inherit !important;}
	
	.teaser-phone {text-align:center; padding:25px 20px; box-sizing:border-box; background:#E3DAD2;}
	
	.block3 {box-sizing:border-box; margin:-120px auto 0px; padding:0px 15px; z-index:20; position:relative;}
	.block3-slider-box {box-sizing:border-box; position:relative; z-index:21; padding:20px 30px 20px 30px; min-height:180px; text-align:left;} .block3-slider-box h2 {font-size:14px; line-height:18px;}
	.block3-slider-box p {font-size:11px; line-height:15px;}
	.block3b-slider-box {box-sizing:border-box; position:relative; z-index:21; padding:20px 30px 50px 30px; text-align:center; min-height:276px;} .block3b-slider-box h3 {font-size:15px; line-height:20px;}
	.block3b-slider-box p {font-size:11px; line-height:15px;}
	
}


/* FLEXSLIDER */
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin:0 0 0 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 0px; background:#fff; position:relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }

/* DOTS DOTS DOTS
*********************************/
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 16px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 8px;
  height: 8px;
  display: block;
  background: none;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border:1px solid #FFF;
}
.flex-control-paging li a:hover {
  background: none;
}
.flex-control-paging li a.flex-active {
  background: rgba(255,255,255, 0.9);
  cursor: default;
}
/* END DOTS DOTS DOTS
*********************************/

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width:50%; height:100px; margin:13% 0 0; display: block; position: absolute; top:0; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.8; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background: url(../data/files/icon-arrow-right-white.png) no-repeat; background-size:50px 18px; background-position:right center; right:40px; opacity:1;} 
.flex-direction-nav .flex-prev {background: url(../data/files/icon-arrow-left-white.png) no-repeat; background-size:50px 18px; background-position:left center; left:40px; opacity:1;}
.flexslider:hover .flex-next:hover {opacity: 1; right:30px;}
.flexslider:hover .flex-prev:hover {opacity: 1; left:30px;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

.flexslider .slides li {
    position:relative;
}

@media screen and (max-width: 980px) {
	.flex-direction-nav .flex-next {background-size:50px 18px; background-position:right center; right:20px;} 
	.flex-direction-nav .flex-prev {background-size:50px 18px; background-position:left center; left:20px;}
	.flexslider:hover .flex-next:hover {right:14px;}
	.flexslider:hover .flex-prev:hover {left:14px;}
}

@media screen and (max-width: 650px) {
	.flex-direction-nav a {width:10%; height:100%; top:0; margin:0px 0 0;}
	.flex-direction-nav .flex-next {background: url(../data/files/icon-arrow-right-mobile.png) no-repeat; background-size:10px 18px; background-position:right center; right:8px;} 
	.flex-direction-nav .flex-prev {background: url(../data/files/icon-arrow-left-mobile.png) no-repeat; background-size:10px 18px; background-position:left center; left:8px;}
	.flexslider:hover .flex-next:hover {right:4px;}
	.flexslider:hover .flex-prev:hover {left:4px;}
	
	.flex-control-nav {
	  width: 100%;
	  position: absolute;
	  bottom: 6px;
	  text-align: center;
	}
	.flex-control-nav li {
	  margin: 0 3px;
	  display: inline-block;
	  zoom: 1;
	  *display: inline;
	}
	.flex-control-paging li a {
	  width: 4px;
	  height: 4px;
	  display: block;
	  background: none;
	  cursor: pointer;
	  text-indent: -9999px;
	  -webkit-border-radius: 20px;
	  -moz-border-radius: 20px;
	  border-radius: 20px;
	  border:1px solid #FFF;
	}
}




/* HAMBURGERS */ 
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
	position:absolute; right:35px; top:20px;
  padding: 0px 0px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.25s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.9; }

.hamburger-box {
  width: 35px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 35px;
    height: 2px;
    background-color: #000;
    border-radius: 3px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.25s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -8px; }
  .hamburger-inner::after {
    bottom: -8px; }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

@media screen and (max-width: 650px) {
	.hamburger {right:10px; top:13px;}
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 25px; height: 2px; border-radius: 2px;}
  	.hamburger-inner::before {top: -6px; }
    .hamburger-inner::after {bottom: -6px; }
}