* {margin:0;padding:0;}
html,body {height:100%; background-color: #1d3a8f; color: #fff; background-image: url(../../images/tropfen.png); background-repeat: no-repeat; background-size: cover; background-position: top center; }

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


.contentContainer a {color: #fff;}
.contentContainer {line-height: 28px;}
.contentContainer p {margin:20px 0;}
.contentContainer ul {margin-left: 15px;}

.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: 'Poppins', sans-serif;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: 'Poppins', sans-serif;font-weight:normal;font-size:14px;padding:3px;}

.left{float:left;}
.right{float:right;}

*::-moz-selection {background-color:#1e94d8;color:#000;}
*::selection {background-color:#1e94d8;color:#000;}
hr {background: #1e94d8;}


.ofRow {position:absolute;left:0;top:0;width:100%;height:25px;text-align:center;background:transparent url('https://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 40px 0 0;}
.width_2.rightColumn {padding:0 0 0 40px;}
.width_3.leftColumn {padding:0 10px 0 0;}
.width_3.middleColumn {padding:0 5px;}
.width_3.rightColumn {padding:0 0 0 10px;}


/* 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: 'Poppins', sans-serif;}
#errorContainer h1 {font-size:35px;color:#142F5D;text-align:center;font-family: 'Poppins', sans-serif;}
#errorContainer #footerError {margin:15px;font-size:small;color:#fff;font-family: 'Poppins', sans-serif;}
#errorContainer .error {color:#142F5D;font-family: 'Poppins', sans-serif;}


/* BODY-CONTAINERS */
#main {position:relative;width:100%;min-height:100%;margin:0;padding:0; background-image: url(../../images/hintergrund-bottom.jpg); background-size: contain; background-repeat: no-repeat; background-position: bottom center;}
#header {position:relative;width:100%;height:145px;margin:0;padding:25px 0 0 0;box-sizing:border-box;z-index:5;}
#header-content {position:relative;width:100%;max-width:1330px;height:120px;margin:0 auto;padding:0 0px;box-sizing:border-box;}
#header-content #logo {position:relative;max-height:90px;margin:25px 0 0 0;padding:0; float: left; left: 0; position: absolute;width:fit-content;}
#content {position:relative;width:100%;max-width:1330px;margin:0 auto;padding:60px 10px 40px 10px;box-sizing:border-box;}
#footer {position:relative;width:100%;height:75px;background:#1d3a8f;margin: 0px 0 0 0;padding:0;z-index:5;}
#footer-content {position:relative;width:100%;max-width:1330px;height:75px;margin:0 auto;padding:0 10px;box-sizing:border-box;background:#1d3a8f;}




/* NAVIGATIONS */
#menuButton {display:none;position:absolute;left:00px;top:185px;height:30px;}
#navigation li .rightColNavi {display:none;}
#navigation li .mobilenavigationitem {display:none;}
#navigation {position:absolute;top:80px;right:0px;list-style:none;margin:0;padding:0;}
#navigation li {position:relative;float:left;margin:0 0px 0 0;padding:0px 0 0px 0px;box-sizing:border-box; margin-left: 20px;}
#navigation li.first {margin-left:0;}
#navigation li a {position:relative;display:block;font-size:18px;color:#fff;padding:0 7px 0 7px; padding-bottom: 15px; font-weight: 400;}
#navigation li.active > a {color:#1e94d8; border-bottom: solid 5px #1e94d8;}
#navigation li:hover > a {text-decoration:none;color:#1e94d8;  border-bottom: solid 5px #1e94d8;}
/* SUBNAVIGATIONS */
#navigation li ul {display:none;}
#navigation li ul {position:absolute;list-style:none;margin:0;padding:0;background:#1d3a8f;min-width:150px;padding:10px 0 0; border: solid 2px #fff;}
#navigation li ul li {float:none;margin:0;padding:0;width:100%;padding:3px 0 3px 5px;}
#navigation li ul li a {font-size:14px;font-weight:normal;text-transform:none;color:#fff;}
#navigation li ul li ul {left:100%;top:0;padding:0;}
#navigation li:hover > ul {display:block;}

#navigation li ul li.active > a {color:#1e94d8; border-bottom: solid 0px #1e94d8;}
#navigation li ul li:hover > a {text-decoration:none;color:#1e94d8;  border-bottom: solid 0px #1e94d8;}

/* 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:calc(100% - 320px);font-size:16px;margin:0;padding:0;}
.newsContentText h2 a {font-style:normal;text-decoration:none;color:#646464;}
.newsContentText p a {font-style:normal;text-decoration:none;color:#646464;}
.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:#666;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:#666;border:none;margin:0;padding:7px 10px;box-sizing:border-box;}
.buttonRow input:hover, .buttonRow .button:hover {color:#fff;background:#000;text-decoration: none;}
/* RECAPTCHA */
.formRow.reCaptchaRow label {display:none;}
.formRow.reCaptchaRow .formRecaptchaContainer {float:left;margin-bottom:15px;}


#infoline {width: 1330px;  text-align: right; margin-top: 20px; position: absolute; font-size: 14px; right: 10px;}
#leftinfos {float: right;}
#rightinfos {float: right; margin-left: 50px;}
#fbicon {height: 22px; width: auto; position: absolute; margin-left: -77px; margin-top: -5px;}
#mapicon {height: 22px; width: auto; position: absolute; margin-left: -40px; margin-top: -4px;}
#phoneicon {height: 22px; width: auto; position: absolute; margin-left: -25px; margin-top: -4px;}

#headerimg {position: relative; width: 1400px; height: 500px; background-image: url(../../images/header-new.png); margin: 0 auto; border-radius: 40px; margin-top: 30px; box-shadow: 0px 7px 10px 3px rgba(0,0,0,0.4);}
#headertext {margin-top: 100px; margin-left: 100px; position: absolute;}
.font1 {color: #fff; font-size: 75px; font-weight: 300;}
.font2 {color: #1d3a8f; font-size: 75px; margin-top: -30px; font-weight: 300;}
.font3 {color: #1d3a8f; font-size: 25px;  font-style: italic; font-weight: 400;}

#contentFieldset h1 {color: #000!important;}
#tinymce h1 {color: #000!important;}
#tinymce a {color: #000!important;}
#mceu_89-text h1 {color: #000!important;}

#ressources {height: 400px; width: 1330px; margin: 0 auto;  margin-bottom: 130px; position: relative; margin-top: 0px;}
#slider {width: 100%; height: 400px;   position: relative; margin-left: 10px;}
.logo {width: 200px; height: 100px; background-size: contain; background-repeat: no-repeat; margin-top: 50px;  background-position: 50% 50%;}
.article {height: 385px!important; border-radius: 15px; background: #fff; color: #000; margin-right: 25px; position: relative; padding-top: 15px;}
.slider-Articleimg {width: 200px; height: 200px; margin: 0 auto; background-size: contain; margin-top: 15px; background-repeat: no-repeat; background-position: 50% 50%;}
.Articlename {width: 200px; height: auto; margin: 0 auto; text-align: center; margin-top: 40px; font-weight: 300;}
.Articleprice {position: absolute; bottom: 30px; width: 240px; text-align: center; color: #1d3a8f; font-weight: 600;}
#ressources .slick-next {right: 15px!important; top: -75px!important; width: 45px; height: 45px; background-image: url(../../images/arrow-right.png); background-size: contain; transition: transform .2s;transition: transform .2s; position: absolute; transform: scale(1);}
#ressources .slick-prev {right: 60px!important; top: -75px!important; left: unset!important; width: 45px; height: 45px;  background-image: url(../../images/arrow-left.svg); background-size: contain; transition: transform .2s; transform: scale(1);}
#ressources span h2 {padding-left: 10px;}
#slider a:hover .Articlename {color: #1e94d8; text-decoration: none;}
#slider a:hover { text-decoration: none;}

#kategories {width: 1330px; margin: 0 auto; padding-left: 20px;  height: 270px;}
#kategories a {color: #fff;}
#kategories a:hover {color: #1d3a8f;}
.kategorie {border-radius: 15px; background: #1e94d8; float: left; width: 240px; height: 70px; text-align: center; margin-right: 27px; font-weight: 400;}
.kategorie table {height: 70px; width: 240px;}
.last {margin-right: 0;}
.line2 {margin-top: 15px;}

#bot-content-row {height: 615px; width: 100%; background: #fff;}

#brands {height: 140px; width: 1330px; margin: 0 auto;  margin-bottom: 0px; position: relative; padding-top: 30px;}
#brandslider {width: 100%; height: 190px;  background: rgba(255,255,255, 0.8);  position: relative; }
.logo {width: 200px; height: 100px; background-size: contain; background-repeat: no-repeat; margin-top: 25px;  background-position: 50% 50%; margin-left: 25px;}
#brands h2 {color: #1d3a8f;}



#googlemap {width: 100%; position: relative; margin-top: 80px; z-index: 5;}
#googlemap iframe {position: absolute; top: 0; /*filter: grayscale(100%);*/}

#infocontent {width: 1310px; height: 365px; position: relative;  margin: 0 auto;}
#infos {width: 530px;  height: 365px; background: rgba(29, 58, 143, 0.6); position: absolute; z-index: 5; right: 0; }

.back-to-top {z-index: 10000; position: relative;  z-index: 10000;position: absolute;right: 10px;bottom: 10px;}
.back-to-top img {width: 50px; height: auto;}

#title {margin-left: 35px; margin-top: 35px; font-size: 23px; font-weight: 400;}

#mapline1 {margin-left: 35px; margin-top: 30px;}
#mapline2 {margin-left: 35px; margin-top: 30px;}
#mapline3 {margin-left: 35px; margin-top: 30px;}
#mapline4 {margin-left: 35px; margin-top: 30px;}

.boxtext {margin-left: 50px; font-weight: 300; line-height: 25px;}
.boxtext a {color: #fff;}


#footerorticon {width: 30px; height: auto; position: absolute;}
#footerphoneicon  {width: 11px; height: auto;  position: absolute; margin-left: 5px; margin-top: -5px;}
#footermailicon  {width: 30px; height: auto;  position: absolute; }
#footerclockicon  {width: 30px; height: auto;  position: absolute; margin-top: -5px;}


#footer-navi {position: relative; }
#left-footer {margin-top: 25px;position: absolute;}
#footer-navi li {text-decoration: none; list-style-type: none; float: left; margin-top: 30px;  margin-right: 20px;}
#footer-navi li a {color: #fff; font-weight: 200; font-size: 14px;}
#footer-navi li a:hover {text-decoration: none; color: #1e94d8;}


#cartHeader {width: 1160px; z-index: 4; position: absolute; margin-left: calc(50% - 580px);}


.productGroupContainer {float:left;width:45%;width:calc(50% - 21px);display:block;position:relative;overflow:hidden;border:1px solid #c8c8c8;margin:0 21px 20px 0;height:130px;box-sizing:border-box;padding:0 10px 0 10px;text-decoration:none; background: #fff;}

.productGroupContainer .productGroupImage {float:left;width:300px;height:100%;background:no-repeat 50% 50%;background-size: contain;}
.productGroupContainer .productGroupLabel {float:right;width:75%;width:calc(100% - 300px);height:0;padding:0;text-align:right;text-transform:uppercase;font-size:19px;text-decoration:none;line-height:130px;color:#000;}
.productGroupContainer:hover .productGroupLabel {color:#1e94d8;}
.productGroupContainer .productGroupLabel p {margin:0;padding:0;}


.productContainer {float:left;width:297px;display:block;position:relative;overflow:hidden;border:1px solid #c8c8c8;margin:0 30px 20px 0;height:450px;box-sizing:border-box;text-decoration:none !important;color:#000;}
.productContainer:hover {border:1px solid #1e94d8;}
.productContainer .productImage {background:no-repeat center center;background-size:contain;height:300px;}
.productContainer h2 {font-size:25px;padding:0 10px;text-align:center;margin:10px 0;text-decoration:none !important;line-height:1.2;}
.productContainer .productInfo {position:absolute;bottom:0;left:0;right:0;padding:10px;background:#fff;text-decoration:none;color:#666;font-size:12px;}
.productContainer .productInfo .price {text-align:right;}
.productContainer .productInfo .price b {color:#1e94d8;font-size:18px;}
.productContainer .productInfo .soldout {text-align:right;color:#1e94d8;margin-top:5px;font-size:14px;}
.productContainer .productInfo .more {text-align:right;color:#1e94d8;margin-top:5px;font-size:14px;text-transform:uppercase;visibility:hidden;}
.productContainer:hover .productInfo .more {visibility:visible;}

.cartRow {margin-bottom:20px;text-align:right;}
.cartRow a {display:inline-block;background:#e2e2e3 no-repeat url('./../../images/cart_r.png') 15px center;padding:5px 15px 5px 38px;text-decoration:none;}
.cartRow a:hover {background-image: url('./../../images/cart.png');background-color:#1e94d8;color:#fff;}
.cartRow a .cartPositionsValue {margin-right:5px;}

.productDetailView .productDetailHeadLeft {float:left;width: 1330px;}
.productDetailView .productDetailHeadLeft .productImages {float:left;width:460px;padding-right:10px;box-sizing:border-box;}
.productDetailView .productDetailHeadLeft .productDetailHeadMiddle {float:left;width:calc(100% - 460px);min-width:300px;padding-left:10px;box-sizing:border-box;}
.productDetailView .productDetailHeadRight {float:right;width:200px;}
.productDetailView .productDetailPrimaryImageContainer {margin-bottom:10px;}
.productDetailView .productDetailImagesContainer a {background:#e2e2e3 no-repeat center center;background-size:cover;display:inline-block;width:80px;height:80px;margin-right:5px;}
.productDetailHeadRight .taxNotice, .productDetailHeadRight .shippingNotice {font-size:14px;color:#666;margin-top:0;margin-bottom:5px;}
.productDetailHeadRight h2.price {margin:0;}
.productDetailHeadRight .priceContainer {margin-bottom:20px;}
.productDetailHeadRight #subProductSelectWrapper {margin-bottom:20px;}
.productDetailHeadRight #subProductSelectWrapper select {width:100%;}
.productDetailHeadRight .cartAmount {margin-bottom:20px;}
.productDetailHeadRight .cartAmount label {float:left;}
.productDetailHeadRight .cartAmount input {float:right;height:22px;width:80px;}
.productDetailHeadRight #cartAddButton {width:100%;}
#productgroupsContainer {overflow: hidden;}

.productDetailHead table td a {color: #fff; font-weight: bold;}

.productPreviewRight {float: right; margin-right: 15px;}

#content .cartButtonRow {float:left;}
#content .cartButtonRow .cartOverviewButton {margin-right:20px;}
#content .checkoutButtonRow {float:right;}

.tal {text-align:left;}
.tac {text-align:center;}
.tar {text-align:right;}

th {text-align:left;padding:2px 4px;background:#e2e2e3;}
#cartTable {margin-bottom:20px;}
#cartTable tbody tr td {border-top:1px solid #e2e2e3;padding:4px 4px;}
#cartTable tfoot tr:first-child td {border-top:2px solid #e2e2e3;}
#cartTable tfoot tr td {padding:2px 4px;}
#cartTable tfoot tr.topRowFoot td {font-weight:bold;font-size:18px;}
#cartTable tfoot .totalCartPrice {font-weight:bold;font-size:18px;}

.checkoutFieldset {margin-bottom:25px;}

.left {display: none;}
.icon-shopping-cart {margin-right: 15px;}

#content .cartButtonRow {float:left;}
#content .cartButtonRow .cartOverviewButton {margin-right:20px;}
#content .checkoutButtonRow {float:right;}

#content button, #content .button, #content .cartOverviewButton, #content input[type="button"], #content input[type="submit"], #content input[type="reset"] {display:inline-block;box-sizing:border-box;padding:10px 20px;border:0;margin:0;font-size:16px;line-height:1.5;outline:0;background:#212f5e;color: #fff; text-decoration:none;text-align:center;text-transform:uppercase;cursor:pointer; margin-bottom: 10px;}
#content button:hover, #content .cartOverviewButton:hover, #content .button:hover, #content input[type="button"]:hover, #content input[type="submit"]:hover, #content input[type="reset"]:hover {background:#b2a27e;color:#fff;text-decoration:none;}
#content input[type="number"], #content input[type="email"], #content input[type="phone"], #content input[type="text"], #content input[type="password"] {border:1px solid #e2e2e3;line-height:1.5;padding:12px 5px; font-size: 17px;}
#content input[type="number"]:focus, #content input[type="email"]:focus, #content input[type="phone"]:focus, #content input[type="text"]:focus, #content input[type="password"]:focus {border:1px solid #212f5e;outline:0;}
#content textarea {font-family: 'Poppins', sans-serif; font-size: 17px;}

#deliveryAddress input {text-transform: capitalize;}
#deliveryAddress .billmail {text-transform: none;}
#billAddress input {text-transform: capitalize;}
#billAddress .billmail {text-transform: none;}


.newsContentText h2 a {color: #1e94d8;}
.newsContentText .newsDate a {color: #fff;}
.newsContentText .hContent a {color: #fff;}

#backbutton {position: absolute; right: 30px; margin-top: -52px; font-size: 25px;}
#backbutton a {color: #fff; font-family: 'Playfair Display', serif;}




@media only screen and (max-width: 1475px) {
    #header-content #logo {
        width: 100%;
    }
}