/* normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
hr { box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
legend { border: 0;  padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0;}
td, th { padding: 0; }
::-moz-selection {background: #b7e6f8; text-shadow: none; }
::selection {background: #b7e6f8; text-shadow: none; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.hidden, .invisible { display: none !important; }
.clearfix:before, .clearfix:after { content: " ";  display: table; }
.clearfix:after, .clear { clear: both; }
/* nur safari */
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}
svg:not(:root) { overflow: hidden; }

/* allgemein */
* { margin:0; padding:0; border:0; }
*, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html,body { height:100%; width:100%; }
html { font-size:100%; }
a {text-decoration:none; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; display:inline-block; color:#008000;}
a:hover {color:#cc3333;}
*:focus  { outline: 0; }
ul, ol { margin: 0; padding: 0 ; }
nav ul, ul { list-style: none; list-style-image: none; }
body { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; color:#222; font-size:18px; line-height:24px; background:#fffdf1;}

/* fonts */
@font-face { font-family: 'icomoon'; src:  url('fonts/icomoon.eot?ms2ghp'); src:  url('fonts/icomoon.eot?ms2ghp#iefix') format('embedded-opentype'),    url('fonts/icomoon.ttf?ms2ghp') format('truetype'),  url('fonts/icomoon.woff?ms2ghp') format('woff'),  url('fonts/icomoon.svg?ms2ghp#icomoon') format('svg');  font-weight: normal; font-style: normal;}
[class^="icon-"], [class*=" icon-"], .icon { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal;  text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon-right-3:before { content: "\e900";}
.icon-right-2:before { content: "\e903";}
.icon-up-2:before { content: "\e904";}
.icon-up-1:before { content: "\e905";}
.icon-right-1:before { content: "\e906";}
.icon-left:before { content: "\e901";}
.icon-right:before { content: "\e902";}
@font-face { font-family: 'amatic_scbold'; src: url('fonts/script-webfont.woff2') format('woff2'), url('fonts/script-webfont.woff') format('woff'); font-weight: normal;    font-style: normal;}

h1, h2, h3, h4, h5 {font-family:'amatic_scbold', sans-serif; font-weight:normal;}
h1 {font-size:72px; line-height:72px; color:#008000;letter-spacing:1px; text-align:center; margin-bottom:50px;}
h2 {font-size:48px; line-height:48px; color:#008000;letter-spacing:1px; margin-bottom:30px;}
h3 {font-size:35px; line-height:35px; color:#008000;letter-spacing:1px; margin-bottom:10px;}
.center {max-width:1240px; margin:0 auto; position:relative; padding:0 20px;}
.wrap {opacity:0;}
.loading {position:fixed; top:50%; left:50%; margin:-41px 0 0 -41px;}
.no-js .wrap {opacity:1;}
.no-js .loading {display:none;}

/* header */
header {position:fixed; z-index:1000; width:100%; background:#fffdf1; min-height:175px;}
header .logo {position:relative; left:0; top:10px; float:left; width:210px; height:148px; background:url(../images/logo-full.png) no-repeat; text-indent:-5000px; margin-right:20px;}
header.scroll {min-height:80px;}
header.scroll .logo {top:5px; width:79px; height:70px; background:url(../images/logo.png) no-repeat; }
.menu_icon { position:absolute; top:0; right:20px; cursor:pointer; background:none; width:35px;  padding:25px 35px 15px 0; display:none;}
.menu_icon span { background: #008000 none repeat scroll 0 0; display: block; height: 4px; width: 35px; margin-bottom: 6px; overflow: hidden; position: relative; text-indent: 100%; -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.3s linear 0s; -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.3s linear 0s; -ms-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.3s linear 0s; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.3s linear 0s; }
.menu_icon:hover .icon_bar_1 { -webkit-transform: translate3d(0px, -2px, 0px); -moz-transform: translate3d(0px, -2px, 0px); -ms-transform: translate3d(0px, -2px, 0px); transform: translate3d(0px, -2px, 0px); }
.menu_icon:hover .icon_bar_3 { -webkit-transform: translate3d(0px, 2px, 0px); -moz-transform: translate3d(0px, 2px, 0px); -ms-transform: translate3d(0px, 2px, 0px); transform: translate3d(0px, 2px, 0px); }

.navigation {position:relative; font-family:'amatic_scbold', sans-serif; font-size:36px; line-height:80px; padding-top:50px;}
header.scroll .navigation {padding-top:0;}
.main_nav ul.level_1 li {float:left; }
.main_nav ul.level_1 li a { padding:0 25px;}
.main_nav ul.level_1 li:last-child a { padding:0 0 0 25px;}
.main_nav ul.level_1 li .active {color:#cc3333; padding:0 25px;}
.main_nav ul.level_1 li:last-child .active {padding:0 0 0 25px;}

.spacer-top {position:relative; width:100%; height:175px;}

@media (max-width: 1240px) { 
	header .logo {margin-right:0;}
	.navigation {font-size:30px;}
	.main_nav ul.level_1 li a { padding:0 20px;}
	.main_nav ul.level_1 li:last-child a { padding:0 0 0 20px;}
	.main_nav ul.level_1 li:last-child .active {padding:0 0 0 20px;}
}
@media (max-width: 1050px) { 
	header .logo {margin-right:0;}
	.navigation {font-size:24px;}
}
@media (max-width: 920px) { 
	header {min-height:80px;}
	header .logo {top:5px; width:79px; height:70px; background:url(../images/logo.png) no-repeat; }
	.navigation {padding-top:0;}
	.spacer-top {height:80px;}
	body { font-size:16px; line-height:22px; }
}
@media (max-width: 800px) { 
	header .logo {float:none;}
	.navigation {display:none; margin-bottom:10px; line-height:40px; text-align:right;}
	.main_nav ul.level_1 li {float:none; }
	.main_nav ul.level_1 li a, .main_nav ul.level_1 li:last-child a, .main_nav ul.level_1 li .active { padding:0; display:block;}
	.menu_icon {display:block;}
	body { font-size:16px; line-height:22px; }
	h1 {font-size:50px; line-height:50px; margin-bottom:30px;}
}
@media (max-width: 768px) { 
	h2 {text-align:center; display:block;}
}
@media (max-width: 600px) { 
	body { font-size:14px; line-height:20px; }
	h1 {font-size:30px; line-height:30px; margin-bottom:20px;}
	h2 {font-size:30px; line-height:30px; margin-bottom:20px; }
	h3 {font-size:20px; line-height:20px;  }
}

/* main */

main {position:relative; background:#fffdf1; z-index:100; }
.arrow {position: absolute; top:0; height:40px; width:100%;}
.arrow_right {width:50%;position: absolute;right:0;}
.arrow_left {width:50%;position: absolute;left:0;}
.arrow_right:before {border-style: solid; border-width: 0 0 40px 40px; content: " "; display: block; height: 0; left: 0; position: absolute;top: -40px; transform: scale(0.9999); width: 0;border-color: transparent transparent #fffdf1;}
.arrow_right:after { content: " ";  display: block; height: 40px; left: 40px; position: absolute; right: 0; top: -40px;background-color: #fffdf1;}
.arrow_left:after { border-style: solid; border-width: 0 40px 40px 0; content: " "; display: block; height: 0; right: 0; position: absolute; top: -40px;  transform: scale(0.9999); width: 0;border-color: transparent transparent #fffdf1;}
.arrow_left:before { content: " "; display: block; height: 40px; right: 40px; position: absolute; left: 0; top: -40px;background-color: #fffdf1;}

.content_1, .content_4 {position:relative;z-index:180;background:#fffdf1; padding:70px 0;}
.content_4 {z-index:160;}
.home .content_1 {padding:70px 0 0;}
.home .content_1 a {position:relative;}
.home .content_1 a .icon {font-size:30px; position:relative; top:7px;}
.content_2 {position:relative;z-index:170;background:#f3f1e4; padding:70px 0; }
.content_1:after, .content_4:after {content: " "; display:block; position:absolute; left:50%; margin-left:-40px; bottom:-40px; width:0; height:0; border-left:40px solid transparent; border-right:40px solid transparent;  border-top:40px solid #fffdf1;}
.content_2:after {content: " "; display:block; position:absolute; left:50%; margin-left:-40px; bottom:-40px; width:0; height:0; border-left:40px solid transparent; border-right:40px solid transparent;  border-top:40px solid #f3f1e4;}
.content_3 {z-index:160;}

.top_image {position:relative;}
.top_image img {width:100%; height:auto;}
.top_image h1, .top_image h2 {color:#fff; font-size:100px; line-height:100px; position:absolute; width:100%; text-align:center; top:45%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top:20px; opacity:0;}
.no-js .top_image h1, .no-js .top_image h2 {margin-top:0; opacity:1;}


.left {float:left; width:50%;}
.right {float:right; width:50%;}
.left p, .left h3 {padding-right:20px;}
.right p, .right h2, .right h3 {padding-left:20px;}
.left h2, .right h2 {margin-top:10px;}

::-webkit-input-placeholder {color:#808080;}
::-moz-placeholder {color:#808080;}
:-ms-input-placeholder {color:#808080;font-size:12px;}
.onscroll { opacity: 1; -webkit-transition: opacity .7s ease-in, margin-top .7s ease-out; transition: opacity .7s ease-in, margin-top .7s ease-out; }
.onscroll-hidden { opacity: 0; margin-top:0; }
main ul li{ padding-left:20px; text-indent: -20px; margin-bottom:10px; }
main ul li:before {font-family: 'cam-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e909"; font-size:14px; color:#00A3E0; position:relative; left:-2px; margin-right:5px;}

/* footer */
footer {position:relative; background:#9a4212 url(../images/footer_back.png) no-repeat center bottom; z-index:80; padding:50px 0 50px; color:#fff; font-size:14px; line-height:22px; text-align:center;}
footer h5 {font-size:36px; line-height:36px; margin:20px 0 10px;}
footer a {color:#fff;}
footer a:hover, .active {color:#fab103;}
.footer_nav ul {display:inline-block;margin:40px 0;}
.footer_nav li {float:left; text-transform:uppercase;border-right:1px solid #fff;}
.footer_nav li:last-child {border-right:none;}
.footer_nav li a, .footer_nav li .active {padding:0 15px;}
.up2 {position:absolute; right:20px; top:30px; font-size:70px;}
footer .facebook {}
/* start */
.car_box {position:relative; margin-top:30px; width:100%; overflow:hidden;}
.car {position:relative; left:-100px; opacity:0;}
.home .content_2 {position:relative;z-index:170;background:#e4deb7; padding:70px 0; }
.home .content_2:after {content: " "; display:block; position:absolute; left:50%; margin-left:-40px; bottom:-40px; width:0; height:0; border-left:40px solid transparent; border-right:40px solid transparent;  border-top:40px solid #e4deb7;}
.boxen {padding:0 20px;}
.box {position:relative;width:33.3333%; float:left;}
.box:last-child { display:none;}
.box img {width:100%; height:auto;}
.box .desc {position:absolute; top:12.5%; left:9%; width:82%;}
.box .desc .trans {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.box .desc .inner {position:absolute; top:0; left:0;width:100%; text-align:center; color:#fff; top:65%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.box .desc .inner h4 { font-size:50px; line-height:50px; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.box .desc .inner .icon { font-size:70px; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.box .desc:hover .inner h4, .box .desc:hover .trans {opacity:0;}
.box .desc:hover .inner .icon { font-size:90px; }


/* form */
label {display:none;}
input {width:100%; background:#fff; margin-bottom:10px; line-height:40px; height:40px; padding-left:2%;}
textarea {width:100%; height:100px; background:#fff;margin-bottom:10px;padding:2%;}
input.submit {color:#fff; background:#cc3333;text-transform:uppercase; width:100%; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; letter-spacing:0.5px;}
input.submit:hover {background:#008000;}
input.captcha {width:210px; margin-right:10px;}
.captcha_text {line-height:40px; font-size:14px;}

img.full {width:100%; height:auto;}
/* videos */
.full_video, video {width:100%;height:auto;}
.wein {padding-left:20px;}
.bauer .full_video {position:absolute; top:50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

.text_center {text-align:center; font-size:20px; line-height:30px; padding:0 100px;}
.padding_100 {padding:0 100px;}

/* zentrierter slider */
.middle {text-align:center; padding:0 15%;}

/* only IE */
_:-ms-lang(x),
_:-webkit-full-screen,
.navigation { } 
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .navigation {} 
}

/* responsive schnickschnack */
@media (max-width: 1240px) { 
	.bauer .full_video {top:0%;-webkit-transform:none; -ms-transform:none; transform:none;}
}
@media (max-width: 1024px) { 
	.box .desc .inner h4 { font-size:40px; line-height:40px;}
	.top_image h1, .top_image h2 {font-size:80px; line-height:80px; }
	.text_center {padding:0 50px; }
}
@media (max-width: 800px) { 
	.footer_nav ul {text-align:center;}
	.footer_nav li {float:none;border-right:none;}
	.footer_nav li a, .footer_nav li .active {padding:0 0;}
	.padding_100 {padding:0 0;}
}
@media (max-width: 768px) { 
	.left {float:none; width:100%;}
	.right {float:none; width:100%; margin-top:20px;}
	.luigi-ueber-luigi .content_2 .right {margin-top:40px;}
	.wein {padding-left:0;}
	.left p {padding-right:0;}
	.right p, .right h2, .right h3 {padding-left:0;}
	.box {width:50%; }
	.box:last-child { display:block;}
	.top_image h1, .top_image h2 {font-size:60px; line-height:60px; }
	.content_1 {padding:40px 0 70px;}
	.home .content_1 {padding:40px 0 0;}
	.content_3 {padding:70px 0;}
	.text_center {padding:0 0; font-size:18px; line-height:25px;}
	.middle {text-align:center; padding:0 0;}
}
@media (max-width: 600px) { 
	.top_image h1, .top_image h2 {font-size:40px; line-height:40px; }
}
@media (max-width: 500px) { 
	.box {width:100%; margin-top:10px;}
	.box:last-child { display:block;}
	footer h5 {font-size:20px; line-height:20px;}
	.up2 {right:0;}
	.top_image h1, .top_image h2 {font-size:30px; line-height:30px; top:40%; }
}
/* print */
@media print {
    *, *:before, *:after, *:first-letter, *:first-line { background: transparent !important;color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
    a,a:visited { text-decoration: underline;}
    a[href]:after {content: " (" attr(href) ")"; }
    abbr[title]:after {content: " (" attr(title) ")";}
	a[href^="#"]:after, a[href^="javascript:"]:after {  content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group;}
    tr,img {page-break-inside: avoid;}
    img {max-width: 100% !important; }
    p,h2,h3 {orphans: 3;widows: 3;}
    h2, h3 {page-break-after: avoid;}
}