* {margin:0;padding:0;}
html,body {height:100%; }
body {line-height:1.3;font-family: 'Lato', sans-serif;font-size:16px;color:#000; font-weight: 300;}

h1 {font-family: 'Lato', sans-serif;font-size:36px!important;color:#003d8f!important;border:2px solid #f7f7f7;border-width:0 0 2px 0;padding-bottom:10px;margin-bottom:10px;font-weight: 300; text-transform: uppercase;}
h2 {font-family: 'Lato', sans-serif;font-size:30px!important;color:#003d8f!important;font-weight: 300;}
h3 {font-family: 'Lato', sans-serif;font-size:30px!important;color:#000!important;border:1px solid #f7f7f7;border-width:0 0 1px 0;padding-bottom:10px;margin-bottom:10px;font-weight: 300;}


#content ul {margin-left: 15px;}
#content-start ul {margin-left: 15px;}

.desktopOnly {display: block;}
.mobileOnly {display: none;}
.tabletOnly {display: none;}
.smartphoneOnly {display: none;}

.contentContainer p {margin:20px 0;}

.wysiwygEditable:hover, .wysiwygEditableText:hover {outline:1px dashed red;}
.wysiwygImageUploadMsg {position:fixed;z-index:9999;top:50%;left:50%;width:300px;height:40px;background:rgba(255, 80, 80, 0.8);color:#000;border:2px solid #ff0000;text-align:center;line-height:1.3;font-family:arial;font-weight:bold;margin-left:-150px;padding:5px;font-size:16px;}
#wysiwygTools {position:fixed;z-index:9999;bottom:0;right:0;background:#fff;border:1px solid #ff0000;color:#000;line-height:1.3;font-family:arial;font-weight:normal;font-size:14px;padding:3px;}

.left{float:left;}
.right{float:right;}
*
::-moz-selection {background-color:#003d8f;color:#fff;}
*::selection {background-color:#003d8f;color:#fff;}

.ofRow {display: none;position:absolute;left:0;top:0;width:100%;height:25px;text-align:center;background:transparent url('http://www.online-forum.net/of_bann_img/menuklei2.gif') repeat-x top;margin:0;padding:0;z-index:50;}

.clearingItem {clear:both;float:none;}
.width_1 {margin:0;}
.width_2 {float:left;width:50%;margin:0;box-sizing:border-box;}
.width_3 {float:left;width:33.333%;margin:0;box-sizing:border-box;}
.width_2.leftColumn {padding:0 10px 0 0;}
.width_2.rightColumn {padding:0 0 0 10px;}
.width_3.leftColumn {padding:0 10px 0 0;}
.width_3.middleColumn {padding:0 5px;}
.width_3.rightColumn {padding:0 0 0 10px;}

#mainWrapper {position: relative;min-height: 100%;height: auto !important;height: 100%;}
#contentWrapper {padding-bottom: 0px;}

/* ERRORPAGE */
.Success, .success {color:green;}
.error, .Error, .errorText {color:red;}
#errorContainer {width:600px;margin:auto;margin-top:10px;border:0;text-align:center;font-family:Arial;}
#errorContainer h1 {font-size:35px;color:#142F5D;text-align:center;font-family:Arial;}
#errorContainer #footerError {margin:15px;font-size:small;color:#fff;font-family:Arial;}
#errorContainer .error {color:#142F5D;font-family:Arial;}

/* BODY-CONTAINERS */
#navi-top {height: 40px; width: 100%; background: #003d8f; margin-top: -25px; position: relative;}
#navi-top-content {margin: 0 auto;  height: 40px;padding-top: 8px;}
#main {position:relative;width:100%;min-height:100%;margin:0;padding:0;}
#header {position:relative;width:100%;margin:0;padding:25px 0 0 0;box-sizing:border-box;z-index:50;}
#header-content {position:relative;width:1600px;height:130px;margin:0 auto;padding:0;background:#fff;}
#header-content #logo {position:relative;margin:15px 0 0 0;padding:0;}
#newsletterbar {width: 100%; background: rgba(0, 61, 143, 0.8); position:absolute; bottom:0;}
#newsletterbar-content {max-width:1800px;margin: 0 auto; position:relative;padding-top: 20px;padding-bottom:40px;}
#footerNL #newsletterbar {position:relative;bottom:auto;background:#f7f7f7;}
#right-content {width: 370px; float: right; margin-bottom: 50px; position: relative; top: 0;}
#news {width: 100%;}
#aktionen {width: 100%; }
#main-content {position:relative; width: 100%; box-sizing:border-box;margin: 0 auto; overflow: hidden; background: #fff; z-index: 50;}
#main-content.movetop {margin-top: -300px;}
#content {position:relative;width:1180px;padding:40px 0 40px 0;box-sizing:border-box; float: left;}
#content-start {position:relative;max-width:1800px; width: 100%; padding: 100px 50px 80px 50px; box-sizing:border-box; margin: 0 auto;}
#content-start.startnopadding {position:relative;max-width:1800px; width: 100%; padding: 100px 50px 80px 0px; box-sizing:border-box; margin: 0 auto;}
#footer { bottom: 0; width:100%; height: auto;background:#003d8f;margin:0px 0 0 0;padding:0;z-index:5;}
#footer-content {max-width:1800px; min-height:250px;margin:0 auto;padding:0;background:#003d8f; padding-top: 25px; padding-left: 50px; padding-right: 50px;}


#navigation {position:absolute;list-style:none;bottom:25px;font-family: 'Raleway', sans-serif; text-align:center;margin:0 auto;width:100%;}
#navigation li {position:relative;display:inline-block;margin:0 0 0 10px;padding:0;}
#navigation li.first {margin-left:0;}
#navigation li a {position:relative;display:block;font-weight: 500;font-size:20px; text-transform:uppercase;color:#537567;padding:3px 5px; padding-top:12px; width: 234px; height: 33px; margin-right: 30px; background-image: url(../../images/nav-bg.png);}
#navigation li.active > a {color:#c5c0a3;}
#navigation li:hover > a {text-decoration:none;color:#c5c0a3;}


/*Navi Oben*/
#topNavi {float: right!important; margin-right: 50px;}
#navi-top-content {width: 100%; height: 40px; padding-top: 8px;}
#navi-top-content ul li {float: left; list-style-type: none;}
#navi-top-content ul li a {font-size: 12px; color: #fff; text-decoration: none; margin-left: 15px;}
#navi-top-content ul li a:hover {border-bottom: solid 1px #fff;}
#navi-top-content ul li.active a {border-bottom: solid 1px #fff;}

/* SUBNAVIGATIONS 
#navi-top-content li ul .rightColNavi {display:none;}
#navi-top-content li ul {display:none;}
#navi-top-content li ul {position:absolute;list-style:none;margin:0;padding:0;width:100px;padding:10px 0 0; margin-top: -5px; padding-top: 5px;}
#navi-top-content li ul li {float:none;margin:0;padding:0;width:100%;}
#navi-top-content li ul li a {font-size:22px;font-weight:600;text-transform:none;color:#537567;padding:5px 10px;font-family: 'Raleway', sans-serif;  width: 224px; padding-top: 8px;}
#navi-top-content li ul li ul {left:120px;top:0;padding:0;}
#navi-top-content li:hover > ul {display:block;}*/

/*Navi rechts vom Logo*/
#topNaviL {float: right!important;}
#main-nav {font-weight: bold;}
#main-nav ul li {float: left; list-style-type: none;}
#main-nav ul li a {font-size: 20px;text-decoration: none; margin-left: 20px;}
#main-nav ul li a:hover {border-bottom: solid 4px #003d8f; padding-bottom: 10px;}
#main-nav ul li.active a {border-bottom: solid 4px #003d8f; padding-bottom: 10px;}

/* SUBNAVIGATIONS */
#main-nav li ul .rightColNavi {display:none;}
#main-nav li ul {display:none;}
#main-nav li ul {position:absolute;list-style:none;margin:0;padding:0;width:auto;min-width: 200px; margin-left: 18px; background:#003d8f; margin-top: 7px;padding-left: -5px;  padding-bottom: 12px; padding-left: 10px; padding-right: 15px; padding-top: 10px;}
#main-nav li ul li {float:none;margin:0;padding:0;width:100%;}
#main-nav li ul li a {font-size:18px;font-weight:400;text-transform:none;color:#fff;font-family: 'Lato', sans-serif;   padding-top: 5px; margin-left: 5px; text-transform: uppercase;}
#main-nav li ul li a:hover {border-bottom: solid 1px #fff; padding-bottom: 0px;}
#main-nav li ul li ul {top:0;padding:0;}
#main-nav li:hover > ul {display:block;}


/* NEWS */
.newsContainer {position:relative;border-top:1px solid #ddd;margin:0;padding:45px 0;}
.newsContainer.first {margin:30px 0 0 0;border-top:0;}
.newsContainer.detailpage {border-top:0;}
.newsContentThumbnail {position:relative;float:left;width:290px;height:196px;overflow:hidden;margin:0 30px 0 0;padding:0;}
.newsContentText {position:relative;float:left;width:630px;font-size:14px;margin:0;padding:0 10px 0 0; margin-top: 10px;}
.newsContentText h2 a {font-style:normal;text-decoration:none;color:#000;}
.newsContentText p a {font-style:normal;text-decoration:none;color:#000;}
.newsDate {line-height:18px;font-size:18px;letter-spacing:1px;padding:0 0 10px 0;}
.newsDate a {font-style:normal;text-decoration:none;color:#646464;}

/* CONTACTFORM */
.formRow {clear:both;float:none;}
.formRow label {position:relative;float:left;width:220px;margin:0;padding:0;}
.formRow input[type=text] {position:relative;float:left;width:280px;color:#646464;background:#fff;border:1px solid #666;margin:0 0 15px 0;padding:7px 10px;box-sizing:border-box;}
.formRow textarea {position:relative;float:left;width:280px;height:105px;color:#646464;background:#fff;border:1px solid #666;resize:none;margin:0 0 15px 0;padding:7px 10px;box-sizing:border-box;}
/* BUTTONROW */
.buttonRow input   {position:relative;float:left;font-size: 16px;height: 35px;width:280px;cursor:pointer;text-align:center;color:#fff;background:#003d8f;border:none;margin:0;padding:7px 10px;box-sizing:border-box;}
.buttonRow a.button{position:relative;float:left;font-size: 16px;height: 35px;width:280px;cursor:pointer;text-align:center;color:#fff;background:#003d8f;border:none;margin:0;padding:7px 10px;box-sizing:border-box;}
.buttonRow input:hover, .buttonRow .button:hover {color:#000;background:#f7f7f7;text-decoration: none;}


.newsletterbar {color: #fff; font-size: 26px; font-weight: 300;}
::placeholder {color:#fff;opacity:1;}
:-ms-input-placeholder {color:#fff;opacity:1;}
::-ms-input-placeholder {color:#fff;opacity:1;}
#footerNL .newsletterbar {color:#000;}
.newsletterFormSuccess {color:#00ff00;font-weight:bold;margin-bottom:30px;}
.newsletterFormError {color:#ff2222;font-weight:bold;}
#newsletterfields {float: left; width: 100%;}
#newsletterfields input[type="text"], #newsletterfields input[type="email"] {font-weight: 300;width: 260px; height: 50px; font-size: 20px; padding-left: 20px;margin-top: 5px; background: rgba(2, 37, 84, 0.8); color: #fff; border: none;}
#newsletterfields button[type="submit"] {font-weight: 300;height: 50px; width: 290px; position: relative; font-size: 20px;background: rgba(0, 13, 73, 0.8);border: none; color: #fff;}
#newsletterfields button[type="submit"]:hover {background: rgba(2, 37, 84, 0.8);}
#footerNL #newsletterfields input[type="text"], #footerNL #newsletterfields input[type="email"], #footerNL #newsletterfields button[type="submit"] {color:#fff;background:#003d8f;}
#footerNL #newsletterfields button[type="submit"]:hover {background:#022554;}


/* Slider */
#slider-container {width: 100%; height: auto; margin-top: 0px;position:relative;}
#slider {width: 100%;}
#slider img {width: 100%;}
#slider-container .slick-slide img {width: 100%;}
#sliderimg {height: 450px; width: 100%;}


/*Überschriebt die css im Slick Ordner*/
#top-article2 .slick-slider {width: 91%; margin-left: 68px;}
#top-article .slick-slider {width: 91%; margin-left: 68px;}
.productslider .slick-next img {width: 50px;}
.productslider .slick-prev img {width: 50px;}
.productslider .slick-next {width: 50px; height: 60px; margin-right: -50px;position: absolute; z-index: 1; background-image: url(../../images/arrow-right.png); background-size: contain; background-repeat: no-repeat;}
.productslider .slick-prev {width: 50px;height: 60px; margin-left: -80px;position: absolute; z-index: 1; background-image: url(../../images/arrow-left.png);background-size: contain; background-repeat: no-repeat;}
.productslider .slick-next:hover {background-image: url(../../images/arrow-right.png);background-size: contain; background-repeat: no-repeat;}
.productslider .slick-prev:hover {background-image: url(../../images/arrow-left.png);background-size: contain; background-repeat: no-repeat;}


.newsdatecontent {margin-top: 10px;color: #a3a3a2 !important;font-weight: lighter;margin-top: 32px; display: none;}
.newstitle {padding-top: 0; font-size: 18px; color: #000!important;line-height: 25px;font-weight: bold; margin-bottom: 10px;}
.newstitle a {color: #000; text-decoration: none;}
.newscontent {font-family: 'Lato', sans-serif;border-bottom: solid 1px #ddd; width: 100%; padding-bottom: 65px;font-size: 14px;}
.weiter {font-family: 'Lato', sans-serif;color: #0750A1 !important;text-align: center;width: 60px;background-color: #003d8f;text-transform: uppercase;line-height: 25px;font-size: 14px;text-align: center; margin-bottom: 40px; margin-top: -40px;}
.weiter a {color: #fff; text-decoration: none;}
.termin-box {margin-top: 70px;}
.sponsoren-box {margin-top: 70px;}
#footer-content a {color: #fff; text-decoration: none;}

/*Sitemap*/
#productGroupNavigation #content-start ul {margin-left: -15px;}
#productGroupNavigation {list-style-type: none; text-transform: uppercase; font-size: 16px; margin-top: -5px; }
#productGroupNavigation ul {list-style-type: none; padding-left: 15px;}
#productGroupNavigation a {text-decoration: none; color: #000; font-weight: bold;}
#productGroupNavigation a:hover {text-decoration: none; color: #003d8f;}
#productGroupNavigation ul li a {text-decoration: none; margin-bottom: 10px; color: #000; font-weight: 300;}
#productGroupNavigation li {margin-bottom: 15px; border-bottom: solid 2px #f7f7f7;padding-bottom: 10px;margin-top: 10px; margin-left: -15px;}

#productGroupNavigation ul.hidden {display:none;}
#productGroupNavigation ul.visible {display:block;}
#productGroupNavigation ul li ul  {padding-top: 10px;}

.dropDownLink {float: right;}
.plus-icon {background-image: url(../../images/dropdown.png);float: right; width: 15px; height: 15px; background-repeat: no-repeat;margin-top: 3px;}
.leftContainer {width: 22%; float: left; }
.rightContainer {width: 75%; float: right;}


/*PRODUCTS*/
.pFrame {margin:5px 10px 25px 0;width:250px;float:left;}
.pFrame.even {margin:5px 0 25px 10px;}
.productGroupsListImg, .productGroupsListTxt {background:#EAEAEA;padding:10px;}
.productGroupsListImg {text-align:center;height:154px;}
.productGroupsListTxt {margin-top:5px;height:50px;cursor:pointer;background:#EAEAEA url('./../../images/web/arrow.png') no-repeat 225px 45px;}
.productGroupsListTxt .arrow {float:left;}
.productGroupsListTxt:hover {background:#233D90 url('./../../images/web/arrow_white.png') no-repeat 225px 45px;}
.productGroupsListTxt:hover a {color:#fff;}
.productGroupsListTxt a {font-size:15px;color:#000C58;}
/*.productGroupsListTxt a:hover {color:#bbb;}*/
#prodDetail h1 {background:#EAEAEA;font-size:16px!important;padding:10px;font-weight:bold;margin-bottom:15px;}
#prodDetail .left div.mainImage {padding:10px;height:100px;text-align:center;background:#EAEAEA;width:160px;}
#prodDetail .right {width:320px;}
div.specialValueTable {width: 100%; margin-bottom: 40px; margin-top: 20px;}
div.specialValueTable table {width:100%;}
div.specialValueTable table tr.even {background:#f3f3f3;}
div.specialValueTable table td {text-align:right;height:20px;}
div.specialValueTable table td.firstCol {text-align:left;}

div.addImages {padding:10px 0 10px 10px;width:165px;}
div.addImages div.pAImg {overflow:hidden;width:75px;height:55px;border:1px solid #4157A1;float:left;margin:0 4px 4px 0;}

/* PRODUKTCONTAINER ÜBERISCHT */
.productContainer{height: 150px; width: 100%; float:left; margin: 0px 65px 0 0px;overflow: hidden;background: #f7f7f7;margin-bottom: 20px;}
.productContainer.woMarginDesktop {margin-right: 0;}
.productContainer .productImage {height: 150px; width: 250px;  float:left; text-align: center; background: #fff;}
.productContainer .productImage img {width: 250px; max-height: 250px; margin: 0 auto; -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */filter: grayscale(50%); transition: filter 0.2s ease;}
.productContainer .productContainerLower {height: 50px; width: 250px;}
.productContainer .productContainerLower .productName {float:left; line-height: 50px;margin-left: 5px; color: #000;font-size: 22px; text-transform: uppercase;}
.productContainer .productContainerLower .productPrice {float:right; line-height: 50px; margin-right: 5px; color: #000; font-style: italic; font-weight: bold; font-size: 22px;}
.productContainer:hover .productImage img { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */filter: grayscale(0%); }
.productDesc {right: 0; height: 170px; position: absolute; width: 57.1%; margin-top: 55px; overflow: hidden; margin-left: -40px;}
.productDesc p {display: none;}
.productDesc h2 {color: #000!important; text-transform: uppercase!important; font-size: 24px!important;}

/* PRODUCTDETAILVIEW TEMPLATE */
.productDetailView{min-height: 1100px;}
.productDetailView .productDetailHead{margin-bottom: 30px; margin-top: 20px; }
.productDetailView .productDetailHeadLeft{float:left; min-height: 400px;}
.productDetailPrimaryImageContainer { width: 330px;}
.productDetailPrimaryImageContainer img { max-width: 320px;}
.productDetailImagesContainer{height: 95px; overflow-y: auto; width: 330px; margin-top: 10px;}
.productDetailImagesContainer img{margin-bottom: 20px; width: 100px;}

.productDetailView .productDetailHeadRight {float:right; min-height: 400px; border-left: 1px solid #E7E7E7; width: 349px; display: none; }
.productDetailView .productDetailBottom {width: 70%; float: right; margin-top: 25px;}
.priceContainer{width: 350px; margin-left: 50px; margin-bottom: 25px;}
.priceContainer .price{text-decoration: underline;}
.priceContainer .taxNotice, .priceContainer .shippingNotice{color: #CFCFCF;}

#subProductSelectWrapper {width: 350px; padding-left: 50px; margin: 0 0;}
#subProductSelectWrapper select {width: 205px; height: 35px; line-height: 35px; padding: 0 0 0 5px; margin: 0;}

#arrow {width: 100px; height: 75px; background-image: url(../../images/arrow.png);  background-size: contain; position: absolute; background-repeat: no-repeat;  right: 10px; margin-top: -87px;}
.productGroupContainer {width: 100%; height: 100px; background: #f7f7f7; margin-bottom: 20px;}
.productGroupContainer a { font-size: 18pt; text-decoration: none; text-transform: uppercase; color: #000; }
.productGroupImage { z-index: 100;  height: 100px;  width: 250px; background: #fff;}
.productGroupLabel {position: absolute; margin-top: -65px; margin-left: 280px; font-size: 26px;}
#productgroupsContainer a {color: #000;}
#productgroupsContainer a:hover {color: #003d8f;}
.productGroupLabel2 {position: absolute; margin-top: -65px; margin-left: 280px; font-size: 26px;}
.productDetailDescription {width: 100%;margin-bottom: 20px; }

.price {display: none;}
.taxNotice {display: none;}
.shippingNotice {display: none;}
.cartAddWrapper {display: none;}

#quickform {width: 330px; height: auto; margin-top: 40px; position: relative; margin-bottom: 50px;}
.newsletterbar {color: #fff; font-size: 26px; font-weight: 300;}
#quickform {float: left; position: relative;}
#quickform input[type="text"] {font-weight:300;width: 310px; height: 40px; font-size: 16px; padding-left: 10px;margin-top: 10px; background: #f7f7f7; color: #000; border: none; font-style: italic;}
#quickform textarea[type="text"] {font-weight: 300;width: 310px; height: 100px; font-size: 16px; padding-left: 10px;margin-top: 10px; padding-top:10px;padding-bottom:10px; background: #f7f7f7; color: #000; border: none;font-style: italic;}
#quickform input[type="submit"] {font-weight: 300;height: 40px; width: 320px; position: absolute; margin-top: 10px; padding-top: 5px; font-size: 20px;background: #003d8f;border: none; color: #fff; text-transform: uppercase;}
#quickform input[type="submit"]:hover {background: rgba(2, 37, 84, 0.8);}
#quickform input[type="radio"] {margin-top: 10px;}

#quickform2 {width: 330px; height: 450px; margin-top: 40px; position: relative;}
.newsletterbar {color: #fff; font-size: 26px; font-weight: 300;}
#quickform2 {float: left; position: relative;}
#quickform2 input[type="text"] {font-weight:300;width: 310px; height: 40px; font-size: 16px; padding-left: 10px;margin-top: 10px; background: #f7f7f7; color: #000; border: none; font-style: italic;}
#quickform2 textarea[type="text"] {font-weight: 300;width: 310px; height: 100px; font-size: 16px; padding-left: 10px;margin-top: 10px; background: #f7f7f7; color: #000; border: none;font-style: italic;}
#quickform2 input[type="submit"] {font-weight: 300;height: 40px; width: 320px; position: absolute; margin-top: 10px; padding-top: 5px; font-size: 20px;background: #003d8f;border: none; color: #fff; text-transform: uppercase;}
#quickform2 input[type="submit"]:hover {background: rgba(2, 37, 84, 0.8);}
#quickform2 input[type="radio"] {margin-top: 10px;}

#top-article2 {width: 100%;   position: relative;}
#top-article {width: 100%;   position: relative;}
#cmsContactForm {margin-top: 23px;}
#mobilefooter {display:none;}

/* BACKTOTOP */
#backtotop.hidden {visibility: visible;}
#backtotop {position:fixed;bottom:80px;right: 3%;width:55px;background-image: url(../../images/icon_backtotop.png); background-size: cover; display: block;  border-radius: 50%;text-align: center;height:55px;cursor:pointer;margin:0 0 0 610px;padding:0;z-index:1000;}
#backtotop i {line-height: 48px; font-size: 35px; color: #fff;}
#backtotop:hover i {text-decoration: none;}


/* MOBILE NAVI */
#mobileNavigationWrapper {display: none;}
#mobileNavigationWrapper{height: 50px; width: 200px; z-index: 500;}
#mobileNavigationContainer{width: 100px; height: 50px; margin: 0 auto; position:absolute;z-index: 500;}
.menuLink{color: #fff; line-height: 50px; font-size: 22px; cursor:pointer; position:absolute;font-family: 'Lato'; font-weight: 300;z-index: 500;}
.menuLink:hover{color: #fff;z-index: 606060;position:absolute;z-index: 500;}
#mobileNavigation {list-style-type: none; position:absolute;z-index: 500;top: 0;right: 100px; margin-top: 105px;display: none;}
#mobileNavigation li {float: none; line-height: 45px; width: 200px; border-bottom: 1px solid #cecece; z-index: 606060;background:#fff;z-index: 500;}
#mobileNavigation li a{font-size: 20px; color: #fff; text-decoration:none;z-index: 500; margin: 0 0 0 5px;font-family: 'Lato'; font-weight: 300;z-index: 500;}
#mobileNavigation li.active a,#mobileNavigation li:hover a {font-weight: bold; color: #fff;font-family: 'Lato'; font-weight: 300;}
#mobileNavigation .dropDownLink{ margin: 15px 5px 0 0; color: #105503; height: 10px; width: 10px;  background: url('../../images/dropdown-white.png') ; z-index: 1000; display: block;}
#mobileNavigation  li ul{ list-style-type: none; display: none;z-index: 500;background:#F2F2F2;}
#mobileNavigation  li ul li {padding-left: 10px;float:left;line-height: 45px; width: 90%;  z-index: 500;}
#mobileNavigation  li ul li a{color: #fff; z-index: 500; margin-left: 5px;}
#mobileNavigation li.active ul li a{font-weight: normal; color: #fff;}
#mobileNaviWrapper {font-size: 18px; text-transform: uppercase;}
#menu2 {width: 45px;  z-index: 800; margin-top: 10px; margin-bottom: 10px; float: right;}
#mobileNaviWrapper {display: none;}
#mobileNavigation2 { z-index: 800; margin-top: 55px; position: absolute;list-style-type: none; background: #003d8f;  width: 100%; padding: 5px;}
#mobileNavigation2 a {color: #fff; text-decoration: none;}
#mobileNavigation2 a:hover { text-decoration: underline;}
#mobileNavigation2 .dropDownLink { background: url('../../images/dropdown-white.png'); z-index: 1000;}

#show {display: none;}
#show2 {display: none;}
.back-to-top {display: none;}

.product-name { z-index: 900;  /* margin-left: -240px; */ font-size: 14px;  margin-top: -5px; }
#top-article a {text-decoration: none; color: #000!important;}
#top-article2 a {text-decoration: none; color: #000!important;}

.produc-image {height: 150px;  padding: 15px; z-index: 400; }
.content-image {height: 150px; }

.searchresult {margin-bottom: 20px;}
.newsContentThumbnail img {height: 196px;}
.productslider-mobile {display: none!important;}
#quickformhead-mobile {display: none;}
#quickform2 {display: none;}

/*Deatail view*/
#productBreadcrumb {margin-bottom: 10px;margin-top: 4px;}
#productBreadcrumb a {text-decoration: none; color: #000;}
#productBreadcrumb a:hover {color: #003d8f;}

/*Product List*/
#shopBreadcrumb {position: relative; margin-bottom: 15px;margin-top: 4px;}
#shopBreadcrumb a {text-decoration: none; color: #000;}
#shopBreadcrumb a:hover {color: #003d8f;}

#top-article h1 {text-decoration: none; text-transform: none;}
#top-article2 h1 {text-decoration: none; text-transform: none;}
.firstCol {font-weight: bold; }
.productGroupLink {text-decoration: none; text-transform: none; }

.Depth1.service.last.active.hasChilds ul {right: 0;}
.Depth1.service.last.hasChilds ul {right: 0;}



/* COOKIE BANNER */
#cmsCookieChoiceBannerModal {position:fixed;left:0;bottom:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.01);opacity:0.01;z-index:9999;}
#cmsCookieChoiceBanner {position:fixed;bottom:0;left:0;right:0;background:rgba(240,240,240,0.9);color:#000;font-size:14px;font-family:Arial,sans-serif;line-height:1.2;z-index:10000;box-shadow:0 0 15px rgba(0,0,0,0.2);min-height:145px;overflow:auto;}
#cmsCookieChoiceBannerInner {position:relative;margin:0 auto;max-width:1500px;padding:20px 10px 10px 10px;box-sizing:border-box;text-align:left;}
#cmsCookieChoiceBannerTitle {font-size:18px;font-weight:bold;margin-bottom:3px;}
#cmsCookieChoiceBannerText {margin-bottom:5px;}
#cmsCookieChoiceBanner  {-webkit-filter:unset;filter:unset;}

.cmsCookieChoiceBannerToolbox {color:#000;font-size:14px;font-family:Arial,sans-serif;line-height:1.2;}
.cmsCookieChoiceBannerGroup {float:left;margin:10px 20px 10px 0;width:220px;}
.cmsCookieChoiceBannerGroupTitle {font-weight:bold;margin-bottom:5px;}
.cmsCookieChoiceBannerChoice {margin:5px 0 0;}
.cmsCookieChoiceBannerChoice input[type=checkbox] {margin:0 5px 0 0;background:unset;padding:unset;vertical-align:middle;}
.cmsCookieChoiceBannerChoice label {vertical-align:middle;}
.cmsCookieChoiceBannerChoice label.marked {font-weight:bold;}
.cmsCookieChoiceBannerChoiceInfoIcon {display:inline-block;margin:0 0 0 5px;opacity:0.6;cursor:pointer;padding:0 2px;vertical-align:middle;}
.cmsCookieChoiceBannerChoiceInfo {margin:3px 0 0;font-size:12px;opacity:0.8;}
.cmsCookieChoiceBannerToolboxButtons {margin:10px 0 0;}
.cmsCookieChoiceBannerToolboxButtons button {border:0;background:#999;color:#fff;margin:0 5px 5px 0;padding:5px 10px;font-size:14px;line-height:1.2;border-radius:0;-webkit-appearance:none;cursor:pointer;outline:0;}
.cmsCookieChoiceBannerToolboxButtons button.default {background: #003d8f;color: #fff;}
.cmsCookieChoiceBannerToolboxButtons button:hover {background:#444;}
.cmsCookieChoiceBannerToolboxButtons button.default:hover {background: #fff;color: #003d8f;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton {background: transparent;color:#000000;opacity:0.6;font-size:12px;padding:5px 5px;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton:hover {background: transparent;}

.cmsCookieChoiceBannerGroup {margin: 3px 20px 10px 0!important; width: 180px!important;}
#cmsCookieChoiceBannerTitle {position: absolute;}
#cmsCookieChoiceBannerText {max-width: 450px!important; position: relative; float: left; margin-right: 30px; margin-top: 25px;}
.cmsCookieChoiceBannerToolboxButtons {left: 10px!important; top: 80px!important; position: absolute; }


@media screen and (max-width: 1550px) {
    #cmsCookieChoiceBannerInner {width: 1250px!important;}
}

@media screen and (max-width: 1280px) {
    .cmsCookieChoiceBannerToolboxButtons {width: 300px; }
    #cmsCookieChoiceBannerInner {width: 80%!important;}
}
@media screen and (max-width: 1105px) {
    #cmsCookieChoiceBannerInner {width: 90%!important;}
}
@media screen and (max-width: 975px) {
    .cmsCookieChoiceBannerToolboxButtons {right: unset; top: unset; position: unset; }
}

#cmsCookieChoiceBanner .cmsCookieChoiceBannerToolboxButtons {right: unset!important;}


.left-productside {float: left; width: 50%;}
.right-productside {float: left; width: 50%;}
.fullwidth-product {position: relative; width: 100%;}
#quickform {margin-bottom: 85px;}



/* NEW STARTPAGE CSS */
#headervideo {height: auto; position: relative; overflow: hidden;}
#headercontent {width: 1600px; padding: 20px; box-sizing: border-box; margin: 0 auto;}
#background-video {position: relative; width: 100%; z-index: -1; margin-top: -200px;}
#logo {position: absolute; top: 30px; left: 50px;}
#main-nav {position: absolute; top: 25px; z-index: 5; right: 50px;}
#smallheader {height: 200px; margin-top: 0px; position: relative; z-index: 5000;}

#topNaviL lu a {color: #fff;}
#main-nav ul {z-index: 500;}
#main-nav ul li a {font-size: 20px; color: #fff; text-decoration: none; margin-left: 20px;}
#main-nav ul li a:hover {border-bottom: solid 4px #003d8f; padding-bottom: 7px;}
#main-nav ul li.active a {border-bottom: solid 4px #003d8f; padding-bottom: 7px;}
#smallheader #main-nav ul li a {color: #003d8f;}
#smallheader #main-nav ul li ul li a {color: #fff;}


#searchBox input[type="text"] {font-weight: 300; width: calc(100% - 20px); float: right; box-sizing: border-box; height: 50px; font-size: 20px; padding-left: 20px; background: rgba(255, 255, 255, 0.4); color: #fff; border: none; margin-top: 25px;}
#searchbutton {background: none; border: none;background-image: url(../../images/lupe.png); width: 35px; height: 35px; position: absolute; right: 15px; top: 57px; background-size: contain; cursor: pointer;}
#smallheader #main-nav ul li a #searchbutton {}
#smallheader #searchBox input[type="text"] {background: #003d8f;}


#content-start.nostartpage {padding-top: 0px;}


/* STARTPAGE CONTENT */
#startpagecontent {width: 100%; box-sizing: border-box; padding-right: 50px;}
#startpagecontent-left {width: 80%;float:left;}
#startpagecontent-right {width: 20%;float:left;}

#bilderbox {width: 54%; float: left; height: 760px; position: relative; z-index: 5;}
#boxheader {position: absolute; right: 20px; top: 10px; width: 75%; background: #fff; padding: 10px;}
#boxheader h1 {border: solid 0px; margin: 0; padding: 0;}
#bilderslider {height: 100%; z-index: -1;}
.singleslide {height: 760px!important; background-size: cover; background-position: 50% 50%;}

#backendcontent {width: 44%; float: left;}
#backendcontent-inner {width: 100%;  height: 100%; box-sizing: border-box; padding: 0 20px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px;}
#backendcontent-inner .productGroupContainer {margin: 0; height: 175px; position: relative;}
#backendcontent-inner .productGroupImage {width: 100%; height: 100%; background-size: cover!important; background-position: 50% 50% !important;}
#backendcontent-inner .productGroupLabel2, #backendcontent-inner .productGroupLabel{color:#003d8f; margin: 0; font-weight: bold; font-size: 18px; text-transform: uppercase; position: absolute; width: 100%;  bottom: 0; background: rgba(255, 255, 255, 0.4); min-height: 50px; padding: 10px 0; text-align: center;}
#backendcontent-inner .productGroupLabel2 p, #backendcontent-inner .productGroupLabel p {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#backendcontent-inner #arrow {display: none;}


.singletile {width: 100%; background-size: cover; background-position: 50% 50%; position: relative; height: 175px;}
.tiletitle {position: absolute; width: 100%;  bottom: 0; background: rgba(255, 255, 255, 0.4); height: 60px; text-align: center; padding: 10px 0;}
#backendcontent .tiletitle p {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.singletile a {text-decoration: none; width: 100%; height: 170px; position: absolute; z-index: 100;}


#backendstartcontent {width: 100%; padding: 0 50px 50px 20px; box-sizing: border-box;}
#backendstartcontent h2 {margin-bottom: 15px;}

/* NEWSLETTER BAR */
#footerNL .newsletterbar {color: #003d8f; }
#footerNL #newsletterfields input[type="text"] {background: rgba(72, 72, 72, 0.5); max-width: 400px; width: 100%;}
#footerNL #newsletterfields input[type="email"] {background: rgba(72, 72, 72, 0.5);  max-width: 400px; width: 100%;}
#footerNL #newsletterfields input {font-size: 18px;}
#footerNL #newsletterfields button {font-size: 18px; width: 380px;}


/* FOOTER */
#footer h2 { color: #fff!important;}
#leftfooter {width: 33%; float: left; color: #fff;}
#leftfooter table td {padding: 5px;}
#midfooter {width: 33%; float: left;  color: #fff;}
#rightfooter {width: 33%; float: left;  color: #fff;}

.specialValueTable table td b {font-weight: bold;}


#newsletterbar-content {
    padding-left: 50px;
    padding-right: 50px;
}



#quickform input::placeholder {
    color: #000;
}

@media only screen and (max-width: 1410px) {
    #logo {width: 500px;}
}


@media only screen and (max-width: 1335px) {

	#bilderbox {width: 52%;}
	#backendcontent {width: 43%;}


    #footerNL #newsletterfields input[type="text"] {width: 33%;box-sizing: border-box;}
    #footerNL #newsletterfields input[type="email"] {width: 33%;box-sizing: border-box;}
    #footerNL #newsletterfields button {width: 33%;box-sizing: border-box;}

    #content-start.startnopadding {padding: 100px 0px 80px 0px;}
    #backendcontent-inner { padding: 0; padding-left: 20px;}

}

@media only screen and (max-width: 1150px) {

    #main-nav {top: 115px; left: 30px; right: unset;}
    #backendcontent-inner .productGroupLabel2, #backendcontent-inner .productGroupLabel{font-size: 16px; }
    #main-content.movetop {background: #fff; z-index: 0; margin-top: 0px;}
    #background-video {margin-top: -100px;}
    #smallheader {height: 250px;}



}