@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('template/fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('template/fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('template/fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('template/fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('template/fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('template/fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('template/fonts/roboto-slab-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('template/fonts/roboto-slab-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('template/fonts/roboto-slab-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('template/fonts/roboto-slab-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('template/fonts/roboto-slab-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('template/fonts/roboto-slab-v24-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-500 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 500;
  src: url('template/fonts/roboto-slab-v24-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('template/fonts/roboto-slab-v24-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('template/fonts/roboto-slab-v24-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('template/fonts/roboto-slab-v24-latin-500.woff') format('woff'), /* Modern Browsers */
       url('template/fonts/roboto-slab-v24-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('template/fonts/roboto-slab-v24-latin-500.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-600 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  src: url('template/fonts/roboto-slab-v24-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('template/fonts/roboto-slab-v24-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('template/fonts/roboto-slab-v24-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('template/fonts/roboto-slab-v24-latin-600.woff') format('woff'), /* Modern Browsers */
       url('template/fonts/roboto-slab-v24-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('template/fonts/roboto-slab-v24-latin-600.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-800 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 800;
  src: url('template/fonts/roboto-slab-v24-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('template/fonts/roboto-slab-v24-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('template/fonts/roboto-slab-v24-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('template/fonts/roboto-slab-v24-latin-800.woff') format('woff'), /* Modern Browsers */
       url('template/fonts/roboto-slab-v24-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('template/fonts/roboto-slab-v24-latin-800.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

html,body{font-family: 'Open Sans', sans-serif;}


#handy-top{position:absolute;top:-100px;left:-100px;width:0px;height:0px;visibility:hidden;}
@media (max-width: 550px) {
#handy-top{position:relative;top:0px;left:0px;width:100%;height:auto;text-align:center;visibility:visible;background-image:url(../img/hg-navigation-oben.jpg.jpg);overflow:hidden;}
}
#header-1{min-height:42px;}
#header-1-container{position:relative;}

#header-1-logo{position:absolute;top:10px;left:0px;height:115px;width:260px;background-image:url(../img/styx-logo.png);z-index:1000;}
#header-1-logo .logo {display:block;height:115px;width:260px;text-decoration:none !important;border:0px;}

#navigation-oben{width:100%;min-height:42px;background-image:url(../img/hg-navigation-oben.jpg);background-size: 100% 100%;}
#navigation-oben a.kontakt{display:block;height:42px;width:43px;background-image:url(../img/navigation-oben-kontakt-2.jpg);
padding-left:0px;padding-top:8px;color:#ffffff;font-size:16px;float:right;margin-right:2px;text-align:left;}
#navigation-oben a.kontakt:hover{text-decoration:none;color:#000000;}
#navigation-oben a.englisch{display:block;height:42px;width:43px;background-image:url(../img/navigation-oben-englisch.jpg);float:right;margin-right:2px;}
#navigation-oben a.deutsch{display:block;height:42px;width:43px;background-image:url(../img/navigation-oben-deutsch.jpg);float:right;margin-right:2px;}
#navigation-oben a.facebook{display:block;height:42px;width:43px;background-image:url(../img/navigation-oben-facebook.jpg);float:right;margin-right:2px;}
#navigation-oben a.instagram{display:block;height:42px;width:43px;background-image:url(../img/navigation-oben-instagram.jpg);float:right;margin-right:2px;}
#navigation-oben a.pinterest{display:block;height:42px;width:43px;background-image:url(../img/navigation-oben-pinterest.jpg);float:right;margin-right:2px;}
#navigation-oben a.youtube{display:block;height:42px;width:43px;background-image:url(../img/navigation-oben-youtube.jpg);float:right;margin-right:2px;}
#navigation-oben-suche{height:42px;width:253px;float:right;overflow:hidden;background-image:url(../img/navigation-oben-suche.jpg);}
#navigation-oben .input-suche-navigation-oben{color:#000000;background-color:#ffffff;width:200px;border:0px;height:20px;font-size:12px;padding:2px 0px 0px 5px;position:relative;top:11px;margin-right:11px;}
#navigation-oben a.suche{visibility:hidden:width:0px;height:0px;}
#navigation-oben a.login{display:block;background-color:#64a932;color:#ffffff;min-width:100px;padding:5px 10px 5px 10px;margin-top:5px;margin-right:5px;float:right;}
#navigation-oben a.login:hover{text-decoration:none;color:#000000;}

#container-vor-navi{position:absolute;top:-2px;width:100%;}
#navigation {position:absolute;top:0px;right:0px;padding-right:0px !important;}

#header-2{min-height:66px;border:0px !important;position:relative;top:0px;left:0px;}

#handy-login{visibility:hidden;height:0px;}
#handy-login{width:100%;text-align:center;}
#handy-login a.login{display:block;background-color:#64a932;color:#ffffff;min-width:115px;padding:5px 10px 5px 10px;}
#handy-login a.login:hover{text-decoration:none;color:#000000;}


@media (max-width: 1199px) {
	#navigation-oben-suche{width:199px;}
#navigation-oben .input-suche-navigation-oben{width:136px;}
}

@media (max-width: 992px) {
#handy-login{visibility:visible;height:auto;padding-bottom:5px;}
#desktop-login{visibility:hidden;}
#navigation {position:relative;top:0px;padding-right:0px !important;padding-top:40px;width:100%;}
#navigation-oben a.kontakt{width:43px !important;font-size:0px;background-image:url(../img/navigation-oben-kontakt-2.jpg);padding-left:0px;}
#navigation-oben-suche{width:190px;}
#navigation-oben .input-suche-navigation-oben{width:127px;}
.navbar-toggle{position:relative;top:12px;}
#container-vor-navi{position:absolute;top:40px;width:100%;background-color:#ffffff;}
#container-vor-navi2{overflow:hidden;}
}

@media (max-width: 750px) {
#navigation-oben-suche{visibility:hidden:height:0px;width:0px;position:absolute;top:-100px;left:-100px;}
#navigation-oben a.suche{display:block;height:42px;width:43px;background-image:url(../img/navigation-oben-suche-2.jpg);float:right;}
}

@media (max-width: 600px) {
#header-1-logo{height:88px;width:200px;background-image:url(../img/styx-logo.png);background-size:100% 100%;}
#header-1-logo .logo {height:88px;width:200px;text-decoration:none !important;border:0px;}
}

@media (max-width: 550px) {
#header-1-logo{top:0px;left:0px;}
#navigation-oben{text-align:center;width:auto;background-size:auto;}
#header-1-rechts{position:absolute;top:-100px;left:-100px;width:0px;height:0px;visibility:hidden;}
#navigation{padding-top:45px !important;}
}

@media (max-width: 370px) {
	#handy-top img{width:37px;height:auto;margin-top:6px;}
}

#handy-shop{visibility:hidden;position:absolute;top:-100px;right:-100px;}
a.button-handy-shop{background-color:#1a1a1a !important;color:#ffffff !important;font-size:17px !important;height:32px;display:block;width:92px;text-decoration:none;padding-top:3px;padding-left:5px;}
a.button-handy-shop:hover{background-color:#64a932 !important;color:#000000;text-decoration:none;}
			
@media (max-width: 992px) {
	#handy-shop{visibility:visible;position:absolute;top:20px;right:60px;}
}
@media (max-width: 375px) {
	#handy-shop{visibility:visible;position:absolute;top:-20px;right:15px;}
}


.menu1{text-transform:none !important;padding-right:10px !important;padding-left:10px !important;}
.menu2{text-transform:none !important;}

.menu1 {color:#4a4a49 !important;font-size:17px !important;height:66px;padding-top:25px !important;}
.menu1:hover{background-color:#64a932 !important;}
.menu1::after {position: absolute !important; top:25px !important;}

.menu12 {font-size:15px !important;border-bottom:0px;border-bottom-color: #ffffff !important;}

.menu2 {background-color:#1a1a1a !important;color:#ffffff !important;font-size:19px !important;height:66px;padding-top:25px !important;}
.menu2:hover{background-color:#64a932 !important;color:#000000;}
.menu2::after {position: absolute !important; top:25px !important;}

@media (max-width: 1200px) {
.menu1{padding-left:21px !important;padding-right:21px !important;}
.menu1::after {right:8px !important;}
.menu2{padding-left:21px !important;padding-right:21px !important;}
.menu2::after {right:8px !important;}
}

@media (max-width: 992px) {

.menu1{font-size:14px !important;height:46px !important;padding:13px 0px 10px 15px !important;}
.menu1::after {top:15px !important;}
.menu2{font-size:14px !important;height:46px !important;padding:13px 0px 10px 15px !important;}
.menu2::after {top:15px !important;}
}

#layerslider{}
#layerslider h1{serif;color:#1a1a1a;}
#layerslider h2{serif;color:#1a1a1a;}
#layerslider p{font-size:16px;color:#1a1a1a;}


#content1 {background-image:url(../img/hg-floral.jpg);box-shadow: inset 0 3px 4px -3px rgba(0,0,0,0.7);margin-top:24px;border-top:1px solid #fafafa;width:100%;overflow:hidden;font-size:16px;color:#1a1a1a;}
#content1 h1{color:#1a1a1a;font-size:30px;}
#content1 h2{color:#1a1a1a;}
#content1 p{font-size:16px;color:#1a1a1a;}
#content1 li{font-size:16px;color:#1a1a1a;}
#content1 a{text-decoration:underline;}
#content1 a:hover{text-decoration:none;}
#content1 .item{position:relative;}
#startseite-news a{text-decoration:none !important;}
#item-text{position:absolute;left:0px;bottom:0px;width:100%;background:rgba(255,255,255,0.8);padding:20px;color:#000000;font-size:18px;}

#item-text h2{color:#000000;font-size:18px;}
#item-text2{font-size:12px !important;color:#000000;width:100%;text-align:center;}

#content2 {overflow:hidden;width:100%;font-size:16px;color:#1a1a1a;}
#content2 h1{color:#1a1a1a;font-size:30px;}
#content2 p{font-size:16px;color:#1a1a1a;}
#content2 h2{color:#1a1a1a;}
#content2 li{font-size:16px;color:#1a1a1a;}
#content2 a{text-decoration:underline;}
#content2 a:hover{text-decoration:none;}

#content3 {background-image:url(../img/hg-floral.jpg);box-shadow: inset 0 3px 4px -3px rgba(0,0,0,0.7);margin-top:24px;border-top:1px solid #fafafa;width:100%;overflow:hidden;font-size:16px;color:#1a1a1a;}
#content3 p{font-size:16px;color:#1a1a1a;}
#content3 h1{color:#1a1a1a;font-size:30px;}
#content3 h2{color:#1a1a1a;}
#content3 li{font-size:16px;color:#1a1a1a;}
#content3 a{text-decoration:underline;}
#content3 a:hover{text-decoration:none;}

#content4 {overflow:hidden;width:100%;}
#content4 h1{color:#1a1a1a;font-size:30px;}
#content4 h2{color:#1a1a1a;}
#content4 p{font-size:16px;color:#1a1a1a;}
#content4 li{font-size:16px;color:#1a1a1a;}
#content4 a{text-decoration:underline;}
#content4 a:hover{text-decoration:none;}

#newsletter {background-image:url(../img/hg-floral.jpg);box-shadow: inset 0 3px 4px -3px rgba(0,0,0,0.7);margin-top:24px;border-top:1px solid #fafafa;width:100%;overflow:hidden;font-size:16px;color:#1a1a1a;}
#newsletter h2{color:#1a1a1a;}
#newsletter p{font-size:16px;color:#1a1a1a;}

#footer {width:100%;background-color:#1a1a1a;color:#ffffff;}
#footer p{font-size:16px;color:#ffffff;}
#footer h2{color:#ffffff;font-size:16px;}
#footer a{color:#ffffff;}
#footer a:hover{color:#64a932;text-decoration:none;}

#footer-adresse{background-color:#65aa33;padding:29px 15px 10px 15px;}
#footer-adresse p{font-size:16px;color:#ffffff;}
@media (max-width: 992px) {
#footer-adresse{margin-top:25px;}
}
#footer-newsletter{position:absolute;bottom:-20px;left:-240px;text-align:right;z-index:1000;}
@media (max-width: 992px) {
#footer-newsletter{position:relative;bottom:0px;left:0px;text-align:left;margin-bottom:15px;padding-bottom:15px;}
}


#footer-bottom{background-image:url(../img/hg-floral.jpg);margin-top:6px;width:100%;overflow:hidden;padding-top:15px;}
#footer-bottom p{font-size:16px;}
#footer-bottom a{color:#1a1a1a;}
#footer-bottom a:hover{color:#64a932;text-decoration:underline;}



a.button-mehr-info{background-color:#64a932;color:#ffffff !important;font-size:18px;text-decoration:none !important;border:1px solid #64a932;display:block;padding:5px 10px 5px 10px;width:200px;margin:0px 0px 0px 0px;text-align:center;
-o-transition:color .2s ease-out, background .2s ease-in;
  -ms-transition:color .2s ease-out, background .2s ease-in;
  -moz-transition:color .2s ease-out, background .2s ease-in;
  -webkit-transition:color .2s ease-out, background .2s ease-in;
  transition:color .2s ease-out, background .2s ease-in;}
a.button-mehr-info:hover{background-color:#ffffff;color:#64a932 !important;}

a.button-mehr-info2{background-color:#ffffff;color:#64a932 !important;font-size:18px;text-decoration:none !important;border:1px solid #64a932;display:block;padding:5px 10px 5px 10px;width:200px;margin:0px 0px 0px 0px;text-align:center;
-o-transition:color .2s ease-out, background .2s ease-in;
  -ms-transition:color .2s ease-out, background .2s ease-in;
  -moz-transition:color .2s ease-out, background .2s ease-in;
  -webkit-transition:color .2s ease-out, background .2s ease-in;
  transition:color .2s ease-out, background .2s ease-in;}
a.button-mehr-info2:hover{background-color:#64a932;color:#ffffff !important;}


a.shopfinder{background-color:#ffffff;color:#a1a1a1 !important;font-size:18px;text-decoration:none !important;border:1px solid #ffffff;display:block;padding:5px 10px 5px 10px;width:100%;margin:0px 0px 0px auto;text-align:center;
-o-transition:color .2s ease-out, background .2s ease-in;
  -ms-transition:color .2s ease-out, background .2s ease-in;
  -moz-transition:color .2s ease-out, background .2s ease-in;
  -webkit-transition:color .2s ease-out, background .2s ease-in;
  transition:color .2s ease-out, background .2s ease-in;}
a.shopfinder:hover{background-color:#1a1a1a;color:#ffffff !important;}




.styx-box-1 {position: relative;overflow: hidden;
    /* Only the -webkit- prefix is required these days */
    -webkit-transform: translateZ(0);transform: translateZ(0);}

.styx-box-1::before {content: ' ';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: transparent;transition: background .35s ease-out;}

.styx-box-1:hover::before {background: none;}

.styx-box-1__media {display: block;min-width: 100%;max-width: 100%;height: auto;}

.styx-box-1__overlay {position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 10px;color: white;
    -webkit-transform: translateY(100%);transform: translateY(100%);
    transition: -webkit-transform .35s ease-out;transition: transform .35s ease-out;
}

.styx-box-1:hover .styx-box-1__overlay {-webkit-transform: translateY(0);transform: translateY(55%);}

.styx-box-1__overlay__title {-webkit-transform: translateY( -webkit-calc(-100% ) );transform: translateY( calc(-100% ) );
 transition: -webkit-transform .35s ease-out;transition: transform .35s ease-out;
}

.styx-box-1:hover .styx-box-1__overlay__title {-webkit-transform: translateY(0);transform: translateY(0);}


.styx-box-2 {position: relative;overflow: hidden;
    /* Only the -webkit- prefix is required these days */
    -webkit-transform: translateZ(0);transform: translateZ(0);}

.styx-box-2::before {content: ' ';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: transparent;transition: background .35s ease-out;}

.styx-box-2:hover::before {background: rgba(0, 0, 0, .5);}

.styx-box-2__media {display: block;min-width: 100%;max-width: 100%;height: auto;}

.styx-box-2__overlay {position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 10px;color: white;
    -webkit-transform: translateY(100%);transform: translateY(100%);
    transition: -webkit-transform .35s ease-out;transition: transform .35s ease-out;
}

.styx-box-2:hover .styx-box-2__overlay {-webkit-transform: translateY(0);transform: translateY(0);}

.styx-box-2__overlay__title {-webkit-transform: translateY( -webkit-calc(-100% ) );transform: translateY( calc(-100% ) );
 transition: -webkit-transform .35s ease-out;transition: transform .35s ease-out;
}

.styx-box-2:hover .styx-box-2__overlay__title {-webkit-transform: translateY(0);transform: translateY(0);}


.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

div.form-content { background-color: #FFFFFF; padding-top: 0px; padding-bottom: 20px; width: 620px; border: 0;; text-align: left; }
div.form-content .field { margin-bottom: 0px; }
div.form-content h1 { color: #000000; font-size: 24px; text-align: center; }
div.form-content .headerImage { text-align: center; }
div.form-content input[type="submit"], .form-content button { background-color: #64a932; color: #FFFFFF; font-size: 12px; border-radius: 2px; padding: 5px 8px; border: 0; }
div.form-content input[type="submit"]:hover, .form-content button:hover { background-color: #508728; cursor: pointer; }
div.form-content input[type="text"], .form-content input[type="number"], .form-content textarea, .form-content select { background-color: #FFFFFF; color: #555555; font-size: 12px; padding: 2px 4px; border-radius: 0px; border: 1px solid #cccccc; }
div.form-content .field.date .icon--calendar { font-size: 16px !important; }
div.form-content .field__error { color: #CC0000 }
div.form-content input[type="checkbox"] + label::before, .form-content input[type="radio"] + label::before { background-color: #FFFFFF; }
div.form-content input[type="checkbox"]:checked + label::before, .form-content input[type="radio"]:checked + label::before { background-color: #64a932; }
body:not(.legacy) div.form-content input[type="checkbox"]:checked + label::after {content: "\e901"; color: #FFFFFF; font-family: 'mx-icons'; }
div.form-content { color: #000000; font-size: 12px; }
div.form-content .field .label { width: 115px; }
div.form-content .field .field__normal { width: 478px; }
div.form-content .field.field--half .field__normal { width: 168px; }
div.form-content .field.field--fullwidth .field__normal { width: 100%; }
div.form-content .label, .form-content .leadin, .form-content .footer, .form-content .field.addText { text-align: left; }
div.form-content a{color: #64a932; }
@media (max-width:650px) {
	div.form-content .field .label { width: 19%; }
	div.form-content .field .field__normal { width: 80%; }
	div.form-content .field.field--half .label { width: 37%; }
	div.form-content .field.field--half .field__normal { width: 62%; }
}