@charset "utf-8";
/* CSS Document */

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


*{ margin: 0; padding: 0; border: 0;}
html, body {width: 100%; }
body {font-size: 100%; font-family:  'Nunito Sans', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #3b3b3b; vertical-align:baseline; background-color: #fff;}
#clear, .clear {clear: both!important; width: auto; height: 0px; font-size: 0.1px;}
img {margin: 0; padding: 0; display: block;}

.p_reg #container, #footer, #header, .blueLine, #trenner {width: 100%; height: auto;}
.headerHold, #footer > .inside, #trenner > .inside, .p_reg #main > .inside, #title .inside {width: 100%; height: auto; padding: 0 5%; margin: 0px auto; box-sizing: border-box; position: relative; max-width: 1800px;}


#container > .contentHold {max-width: 1800px; padding: 25px; background-color: #fff; margin: 0px auto;}



#title .inside {margin-top: 80px; margin-bottom: 30px;}

.headerHold {width: 100%; max-width: 1800px; padding: 0 2%; box-sizing: border-box; background-color: #fff;}

#header {position: fixed; z-index: 99; top: 0; left: 0%; box-sizing: border-box;  width: 100%; height: auto; background-color: #fff; -webkit-box-shadow: 0 2px 5px 0 #424242; box-shadow: 0 2px 5px 0 #424242;}
#main {padding-top: 100px; padding-bottom: 50px;}
#footer {background-color: #164b6a;}

#header::before {content:''; height: 45px; position: absolute; top: 0; z-index: -3; width: 50%; left: 50%; background-color: #095d94;}
#trenner {padding-top: 75px; padding-bottom: 50px; background-color: #3b3b3b;}

.blueLine, .blueLine .headerHold {background-color: #095d94;}



/* Basic */

.noMobile, .noMobil {display: block!important;}
.yesMobile, .hRightMobil {display: none!important;}
.overflowHidden {overflow: hidden; position: relative;}


.x1, .x2, .x3, .x32, .x4, .x43, .x30, .x5 {padding: 0% 2%; margin-bottom: 1.25rem; box-sizing: border-box;}
.x1 {width: 98%; display: block;}
.x2 {width: 48%; float: left;}
.x1, .x2, .x3, .x32, .x4, .x5, .x43 {margin-left: 1%; margin-right: 1%;}

.x30 {width: 30%; float: left;}
.x3 {width: 31%; float: left;}
.x32 {width: 64%; float: left;}
.x4 {width: 23%; float: left;}
.x43 {width: 65%; float: left;}
.x5 {width: 18%; float: left;}
.maxWidth70 {max-width: 70%; padding: 0% 2%; box-sizing: border-box; margin: 0px auto; clear: both; float: none;}
.c2 .contentHold .textContent {width: 50%; float: left;}


.c20 {width: 20%; float: left;}
.c25 {width: 23%; float: left; margin: 1%;}
.c30 {width: 30%; float: left;}
.c40 {width: 40%; float: left;}
.c50 {width: 50%; float: left;}
.c60 {width: 60%; float: left;}
.c70 {width: 70%; float: left;}
.c80 {width: 80%; float: left;}
.c90 {width: 90%; float: left;} 

.paddingLeft5, .pL5 {padding-left: 5%; box-sizing: border-box;}
.paddingRight5, .pR5 {padding-right: 5%;box-sizing: border-box;}
.paddingLeft10, .pL10 {padding-left: 10%;box-sizing: border-box;}
.paddingRight10, .pR10 {padding-right: 10%;box-sizing: border-box;}
.paddingTop50, .textContentpaddingTop50 .textContent {padding-top: 50px;}
.paddingTop100, .textContentpaddingTop100 .textContent {padding-top: 100px;}
.paddingTop150, .textContentpaddingTop150 .textContent {padding-top: 150px;}
.paddingBottom100, .textContentpaddingBottom100 .textContent {padding-bottom: 100px;}
.paddingBottom50, .textContentpaddingBottom50 .textContent {padding-bottom: 50px;}

.mL5, .marginLeft5 {margin-left: 5%;}
.mR5, .marginRight5 {margin-right: 5%;}
.mL10, .marginLeft10 {margin-left: 10%;}
.mR10, .marginRight10 {margin-right: 10%;}
.mL20, .marginLeft20 {margin-left: 20%;}
.mR20, .marginRight20 {margin-right: 20%;}
.mL30, .marginLeft30 {margin-left: 30%;}
.mR30, .marginRight30 {margin-right: 30%;}
.mL40, .marginLeft40 {margin-left: 40%;}
.mR40, .marginRight40 {margin-right: 40%;}

.marginBottom50 {margin-bottom: 50px; }
.marginBottom100 {margin-bottom: 100px;}
.marginTop25 {margin-top: 25px;}
.marginBottom25 {margin-bottom: 25px;}
.marginTop50 {margin-top: 50px;}
.marginTop100 {margin-top: 100px;}
.marginBottom200{margin-bottom: 200px;}
.marginBottom150 {margin-bottom: 150px;}

object, svg, img {max-width: 100%; height: auto;}
.floatRight {float: right;}
.textCenter {text-align: center;}
.center {margin: 0px auto; text-align: center;}
.centerBlock {margin-left: auto!important; margin-right: auto!important; float: none!important;}
.imgCenter .image_container, .imgCenter img {margin-left: auto; margin-right: auto;}

.noMarginBottom {margin-bottom: 0!important;}
.noMargin {margin: 0!important;}
.noPadding {padding: 0;}
.flexBoxHold {display: flex;display: -webkit-flex;display: -ms-flexbox;}
.flexBoxHold .image_container, .flexBoxHold .image_container img, .flexBolxHold .c20 {width: auto; height: auto;}

.borderTop {border-top:1px solid #ccc; margin-top: 50px; padding-top: 50px;}
.borderTopSmall {border-top:1px solid #ccc;  padding-top: 50px;}
.borderLeft {border-left: 1px solid var(--ciocker);}
.borderRight {border-right: 1px solid var(--ciocker);}
.borderAfter {display: block;border-bottom: 1px solid #ccc; margin-bottom: 50px; margin-top: 35px;}

.textRight {text-align: right;}
span.tab {width: 70px; display: block; float: left; margin-right: 10px;}

.textRight {text-align: right;}
.noAfter::after {display: none!important;}
.fullWidth img {width: 100%; height: auto; min-width: 100%;}

.overflowVisible {overflow: visible;}
.contentCenter {display: flex;   justify-content: center;   align-items: center;}
.flyingText {position: absolute; top: 350px; width: 100%; height: auto;}


.scrollMarginTop {scroll-margin-top: 200px;}














/* Header */
.logo {width: 30%; max-width: 350px; height: 85px;margin-top: 30px; transition: all .3s ease; float: left;} 
.logo a span {text-indent: -9999px;display: block;position: absolute;}
.logo a {display: block; width: 100%; height: 100%; overflow: hidden;}
.logo a img, .logo a svg {height: 100%; width: auto;}
#header.scroll .logo {width: 200px; height: 54px; margin-top: 25px; margin-bottom: 0; transition: all .3s ease;}

.hRight {float: right; width: auto; height: auto; margin-right: 20%;}



/* mobil */
 /*Mobile Nav*/
.offcanvasHold {display: none;}
.offcanvasHold {position: fixed; z-index:9999; top: 0; right: 4%; display: none; }
.offcanvasBtn {position: relative; z-index: 998;display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; padding: 25px 10px 10px 10px; border-radius: 0 0 10px 10px;}
.offcanvasBtn span {  height: 4px; width: 36px; border-radius: 2px;display: block; margin: 5px; background-color: #f2f2f2}
.offcanvasBtn::after {content:'';position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background-color: #70abd3; cursor: pointer ;}


a.closeMenu {position: absolute; top: 40px; right: 40px; }
a.closeMenu::before {content:'\2715'; color: #2e3049; width: 35px; height: 35px; font-size: 35px; line-height: 35px;}
a.closeMenu span {text-indent: -9999px;display: block; position: absolute;}


.mobile_menu {position: fixed; z-index: 99999; top: 0; left: 0; width: 100%; height: auto; min-height: 100%;}
.naviHoldMobile {width: 100%; height: auto; height: 100%; padding: 40px 10vw 40px; box-sizing: border-box;}
@media screen and (max-width: 1250px) {.naviHoldMobile {padding-top: 100px;}}
.naviHoldMobile .mod_navigation ul {list-style: none;} .naviHoldMobile .mod_navigation ul li {position: relative; border-bottom: 0; padding: 0; margin: 0;}
.naviHoldMobile .mod_navigation ul li a,.naviHoldMobile .mod_navigation ul li strong  {padding: 15px 10px; color: #095d94; text-decoration: none; border-bottom: 1px solid #ccc; display: block;}
.naviHoldMobile .mod_navigation ul li strong {font-weight: 400;}
.naviHoldMobile .mod_navigation ul li strong.active {background-color: #096693; color: #fff;}
.naviHoldMobile .mod_navigation ul li ul li {margin-left: 20px;}
/*.naviHoldMobile .mod_navigation ul li ul li.active, .naviHoldMobile .mod_navigation ul li ul li:hover {background: rgba(189,24,35,0.95);}*/
.naviHoldMobile .mod_navigation ul li.submenu_hide::after {content:'\276D'; position: absolute; right: 15px; top: 10px; font-size: 15px; color: #70abd3; }
.naviHoldMobile .mod_navigation ul li.submenu_show::after {content:'\276D'; rotate: 90deg; position: absolute; right: 15px; top: 10px; font-size: 15px; color: #70abd3; }
.mobile_menu .inner {background: #ffffff;}
.mobile_menu {z-index:99999;}


.mm-listview > li > a, .mm-listview > li > span, .mm-listview > li > strong {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; margin: 0;}
.mm-listview > li > strong {background-color: #095d94; color: #fff;}
.mm-navbar a {color: #095d94!important;}

.mm-listitem_selected {background-color: #095d94; color: #fff;}

.mobMore {border: none; margin-left: 20px;} .mobMore.mm-listitem:after {display: none;}
.mobMore li {clear: both; width: 100%; border-bottom-color: rgba(0,0,0,0.1); border-bottom-width: 1px; border-style: solid;}
.mobMore li a, .mobMore li strong {display: block; padding: 10px 0; color: rgba(0, 0, 0, 0.75); line-height: 20px;}

.shopNavMobil {margin: 25px 20px 25px 20px;}
.shopNavMobil li.cartNav {border: none;}
.shopNavMobil li.cartNav a {padding: 25px 10px 25px 60px; color: #095d94; position: relative;}
.shopNavMobil li.cartNav a::before {content:''; display: block; position: absolute; left: 0px; top: 10px; width: 45px; height: 100%; background: url(../img/cart-miniBlue.svg) no-repeat; background-size: auto 60%;}


.naviMain {float:right; overflow: visible; transition: all 0.3s ease;}
.naviMain ul {list-style:none;}
.naviMain ul.level_1 > li {float: left; position: relative; margin-left:20px; transition: all 0.3s ease;}
.naviMain ul li a, .naviMain ul li strong {font-weight: 400; font-size: 1.25rem; text-decoration: none; transition: all 0.25s ease; display: block; color:#393d41; line-height: 1.5rem; text-transform: uppercase; padding: 0 20px;}
.naviMain ul.level_1 > li > a, .naviMain ul.level_1 > li > strong {transition: 0.3s ease; padding-top: 61px; padding-bottom: 30px;}
#header.scroll .naviMain ul.level_1 > li > a, #header.scroll .naviMain ul.level_1 > li > strong {font-size: 95%; padding-top: 35px; padding-bottom: 20px; transition: all 0.3s ease;}
.naviMain ul.level_1 > li > strong, .naviMain ul.level_1 > li:hover > a, .naviMain ul.level_1 > li.active > strong, .naviMain ul.level_1 > li.trail > a {position: relative; z-index:2; color: #fff;}
.naviMain ul.level_1 > li > strong::before, .naviMain ul.level_1 > li:hover > a::before, .naviMain ul.level_1 > li.active > strong::before, .naviMain ul.level_1 > li.trail > a::before {content:''; background-color:#6dc4e9; width: 110%; height: 100%; transform: skew(-20deg); transition: all 0.35s ease;display: block; position: absolute; z-index: -1; top: 0; left: 0;}

.naviMain ul li a:hover, .naviMain ul li strong, .naviMain ul li.trail > a {color: #fff;}
.naviMain ul.level_2 {position: absolute; left: -20px; z-index:999; background-color: #fff; min-width: 100%; display: none; -webkit-box-shadow: 0 2px 5px 0 #757575; box-shadow: 0 2px 5px 0 #757575;}
.naviMain ul.level_1 li:hover ul.level_2 {display: block;}
.naviMain ul.level_2 li {margin: 0!important; padding: 0 5px; min-width: 240px;}
.naviMain ul.level_2 > li:hover, .naviMain ul.level_2 > li.active, .naviMain ul.level_2 > li.trail {background-color: #393d41;}
.naviMain ul.level_2 li a, .naviMain ul.level_2 li strong {text-transform: none; padding: 15px; font-size: 1rem; border-bottom: 1px solid #ccc;}
.naviMain ul.level_2 li a:hover, .naviMain ul.level_2 li strong  {border-color: #393d41;}

.faxBox {position: absolute; z-index:999; right: 0; top: 0; height: 45px; overflow: hidden;border-bottom: 1px solid #fff;}
.faxBox a {display: block; margin-left: 45px; padding-right: 50px; padding-bottom: 10px; background-color:#095d94; color: #fff; text-decoration: none;z-index: 2;  }
.faxBox a::before {content:'';width: 45px; height: 100%; transform: skew(-20deg);  background-color: #095d94; position: absolute; left: 10px; bottom: 0; z-index: -1;}
.faxBox a::after {content:''; background: url(../img/downloadWhite.svg) center no-repeat; width: 20px; height: 30px; margin-left: 5px;position: relative; top: 8px; display: inline-block;}

#kopfgrafik { position: relative; margin-top: 110px;}
#kopfgrafik .ce_image, #kopfgrafik .ce_image img {min-width: 100%; height: auto; object-fit: cover;}

.blueFlying {background: rgba(50,173,225,0.75); position: absolute; top: 30%; right: 12%; width: 550px; padding: 4% 3% 3% 3%;}
.blueFlying p {color: #fff; font-size: 1.45rem; line-height: 1.85rem;}
p.semiTypo {font-size: 2.25rem; line-height: 2.75rem; text-transform: uppercase;}
.blueFlying span.bigTypo {display: block; font-size: 2.875rem; line-height: 3.2rem;}


.blueLine {padding-top: 10px; padding-bottom: 10px;}
.blueLine .blueLineService {display: inline-block; float: left;}
.blueLine p {color: #fff; font-size: 1.125rem; display: inline-block; margin-bottom: 0;}
.blueLine p span.borderTopBottom {display: inline-block; font-size: 14px; line-height: 18px; padding-top: 10px; padding-bottom: 15px; position: relative; top: 5px; margin-left: 10px;}
.blueLine p span.borderTopBottom::before {content:''; display: block; border-top: 1px solid #fff; width: 30px; position: relative; top: -3px;}
.blueLine p span.borderTopBottom::after {content:''; display: block; border-top: 1px solid #fff; width: 30px; position: relative; bottom: -5px;}
.blueLine p img {width: auto; height: 50px; float: right; position: relative; top: 10px; margin-left: 10px;}

.holdWarenkorb {display: inline-block; float: right; margin-top: 4px;} .warenkorbMini p.empty {display: none;}
.warenkorbSimple {height: 50px; background: url(../img/cart-mini.svg) 95px 10px no-repeat; background-size: auto 80%;}
.warenkorbSimple p {} .warenkorbSimple p a {text-decoration: none; color: #fff; display: block;padding: 20px 5px;}
.warenkorbSimple p span {border-radius: 50%; width: 30px; height: 30px; background-color: #f9b334; color: #fff; padding: 5px; margin: 0 5px 0 25px; position: relative; top: -15px;display: inline-block;
text-align: center; line-height: 30px;}



/* Typografie */

p, td, #main ul li, #main ol li, input, select, textarea, .ce_text a, #footer a, #footer p {font-size: 1.125rem; line-height: 1.45rem; margin-bottom: 1.45rem; word-wrap:break-word;}
h1, h2, h3, h4, h5, h6, p, td, #main ul li, #main ol li, input, select, textarea, .ce_text a, #footer a, #footer p {hyphens: auto; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; font-weight: normal;}

h1, h2, h3, h4, h5, h6 {font-family: 'Nunito Sans', sans-serif; font-weight:200; margin-bottom: 1.6875rem;word-wrap:break-word;}
.center h2, .mod_newsarchive h2 {font-size: 1.75rem; color:#0169b4; line-height: 5.25rem; text-transform: uppercase;border-bottom: 1px solid #32ade1;}
h1 {font-size: 2.5rem; color:#095d94; line-height: 3rem; margin-bottom: 0;}
h2 {font-size: 1.875rem; color:#095d94; line-height: 2rem;}
h3 {font-size: 1.65rem; color:#095d94; line-height: 2rem;}
h4 {font-size: 1.35rem; line-height: 2rem;}
h5{font-size: 1.2rem; color:#32ade1; line-height: 1.65rem;}


.ce_text ul, .rte ul {margin-left: 25px; list-style: none; margin-bottom: 1.45rem;}
#container ol {margin-left: 25px; margin-bottom: 1.45rem;}
.ce_text ul li, .rte ul li {padding-left: 35px; position: relative;margin-bottom: 0!important;}
.ce_text ul li::before, .rte ul li::before { content: '\2752';  color: #32ade1;  position: absolute; left: 0px; top: 0px;}
.blauBgr.ce_text ul li::before, .gelbBgr.ce_text ul li::before, .greyBgr.ce_text ul li::before {color: #fff;}

span.tab {width: 65px; display: block; float: left; margin-right: 5px;}

.caption {margin-top: 5px; color: #3b3b3b; font-size: 0.875rem; line-height: 1rem;}
.intro p {margin-bottom: 0; margin-top: 10px; font-size: 1.475rem; line-height: 1.875rem;}

.linkBack {margin-bottom: 50px;}
.linkBack p a {color: #706f6f; text-decoration: none;}
.linkBack p a::before {content:'\2190'; color: #706f6f; margin-right: 5px;}

p.more a {display: inline-block; color: #fff; background-color: #32ade1; text-decoration: none; padding: 20px 35px;}
p.more a::after {content:'\2192'; color: #fff; font-size: 35px; position: relative; top: 2px; margin: 0 0 0 10px; transition: all 0.3s ease;}
p.more a:hover::after {margin-left:25px; transition: all 0.3s ease;}

p.back a {background-color: #095d94; color: #fff; text-decoration: none; padding: 15px 25px; transition: all 0.25s ease;}
p.back a:hover {padding: 15px 35px; transition: all 0.25s ease;}

/* Trenner */
#trenner {position: relative;}
#trenner .x2.last {position: absolute; top: 90%; left: 53%; transform:translateY(-90%);}
#trenner .x2.last a {min-width: 200px;}
#trenner::before {content:''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: repeating-linear-gradient(-45deg, transparent 0px, transparent 2px, rgba(125,125,125,0.15)2px, rgba(125,125,125,0.15) 4px, transparent 4px); z-index: 2;}
#trenner p {color: #fff;} #trenner .inside {z-index: 4;}
#trenner::after {content:''; display: block; width: 50%; height: 100%; position: absolute; left: 50%; top: 0; z-index:0; background: url('../media/artikelgrafik/juraHtg.jpg') center no-repeat; background-size: cover; opacity: 0.75;}
#trenner h2 {color: #fff; padding-bottom: 20px; border-bottom: 1px solid #fff;}

/* Footer */

#footer {padding-top: 75px; padding-bottom: 20px;}
#footer p, #footer a, #footer ul li {color: #fff;}
.navFoot {padding-bottom: 15px; border-bottom: 1px solid #fff; margin-bottom: 25px;}
.navFoot ul {float: right; list-style: none;}
.navFoot ul li {float: left;}
.navFoot ul li a, .navFoot ul li strong {text-decoration: none; color: #fff; padding: 10px 20px;}
#footer .logo {width: 50%!important; min-width: 250px; height: auto!important; min-height: 150px!important;} 

/* Download */

.ce_download ul, .ce_downloads ul {list-style: none;}
.ce_download ul li, .ce_downloads ul li {text-align: left;}
.ce_download ul li a, .ce_downloads ul li a {color: #484848; text-decoration: none;}
.download-element.ext-pdf::before {content:''; display: inline-block; margin-right: 10px; width: 20px; height: 30px; background: url(../img/pdf.svg) center no-repeat; background-size: contain; position: relative; top: 5px;}

/* SHOPSEITEN */
.teaserLink .ce_text.x4 {background-color: #f4f4f4; width: 23%; margin: 1%; position: relative; padding-top: 2%;}
.teaserLink .ce_text.x4 a {color: #095d94; text-decoration: none; text-align: center; display: block; font-size: 1rem; line-height: 1.2rem;}
.teaserLink .detailLink {left: 0; top: 0; background-color: transparent;}

#left {width: 23%; margin-right: 2%; border: 2px solid #F1F1F1; border-radius: 5px; padding: 50px 25px; box-sizing: border-box; margin-top: 1%;}
.p_shopSingle #main {width: 75%; margin-left: 25%; padding-top: 0;} 
.shopIntro #main {padding-top: 0px;}
.p_shop .x1.shopLeser {padding-left: 4%; padding-right: 4%;}

.naviSem h5 {color: #909090; font-size: 1.125rem; line-height: 1.35rem;} .naviSem h5 a {color: #909090; text-decoration: none;}
.naviSem h5::before {content: "\2190"; margin-right: 10px;} 
.naviSem ul {list-style: none; max-width: 90%;}
.naviSem ul li a, .naviSem ul li strong {font-size: 1.25rem; line-height: 1.45rem; text-decoration: none; color: #4b4b4b; padding: 10px; display: block;}
.naviSem ul li a:hover, .naviSem ul li a.trail, .naviSem ul li strong {background-color: #32ade1; color: #fff; transition: all 0.25s ease; font-weight: 400;}
.naviSem ul li { border-bottom: 1px solid #ccc;}

.naviSemTop ul {list-style: none;} .naviSemTop ul li {float: left;}
.naviSemTop ul li a, .naviSemTop ul li strong {font-size: 1.25rem; line-height: 1.45rem; text-decoration: none; color: #fff; background-color: #646e73; padding: 5px 15px; transition: all 0.25s ease; display: block; margin: 5px;}
.naviSemTop ul li a:hover, .naviSemTop ul li strong {background-color: #095d94; transition: all 0.25s ease; } 


/*.p_shop .prodShort, .p_reg .prodShort {width: 48%; margin: 1%; float: left; border: 5px solid #fff; -webkit-box-shadow: 0 2px 5px 0 #757575; box-shadow: 0 2px 5px 0 #757575; background-color: #f2f2f2; box-sizing: border-box;}
*/

 .p_reg .product_list {margin: 50px 0;}

.shopIntro .shopList .product:nth-of-type(4n+5), .prodX3 .product:nth-of-type(3n+4), .p_reg .product_list .product:nth-of-type(4n+5) {clear: both;}




.prodListe .product  {position: relative;}
.prodListe .product .detailLinkList a::before {content:''; display: block; opacity: 0.8; width: 100%; height: 100%;}
.prodListe .product .detailLinkList:hover a::before {background: url(../img/linkWhiteThin.svg) center no-repeat; background-size: auto 75%; }
.prodListe .product .detailLinkList a {background-color: transparent; transition: all 0.25s ease; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index:998;}
.prodListe .product .detailLinkList a:hover {background-color: rgba(9,93,148,0.75); transition: all 0.25s ease; }

.tipBox {background-color: #f2f2f2; padding: 20px 20px 10px 20px; box-sizing: border-box; margin-top: 50px;}
.tipBox p {font-size: 1rem; line-height: 1.25rem; margin-bottom: 1.45rem;}
.tipBox h5 {margin-bottom: 15px!important;}

.prodListView .prodX4Kind {width: 10%; padding-left: 10px; float: left; box-sizing: border-box;}
.prodListView .prodX42Name {width: 70%; float: left; position: relative;}
.prodListView .prodX4Date {width: 20%; float: left; min-width: 150px;}
.prodX4Date p {text-align: right; margin-bottom: 0;}
.prodListView {width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 20px; padding-top: 20px;}
.prodListView .prodX42Name a {color: #095d94; text-decoration: none; display: block; height: 100%;}


.p_listView #main {padding-top: 0;}
.prodFilterListView {padding-bottom: 25px; padding-top: 25px;border-bottom: 1px solid #ccc; margin-bottom: 15px; background-color: #f2f2f2;}
.prodFilterListView .clear_filters {color: #999; text-decoration: none;}
.prodFilterListView select {width: 50%; padding: 5px;} .prodFilterListView label {color: #095d94; margin-right: 10px; }

.legend h5 {border-top: 1px solid #ccc; padding-top: 10px; margin-bottom: 10px; font-size: 90%;}
.legend ul {list-style: none; }
.legend ul li {float: left; color: #909090; padding: 5px 10px; font-size: 95%!important; margin-bottom: 5px!important;}

.prodReader {}
.prodGallery {float: left; width: 45%; margin-right: 5%; border: 1px solid #ccc; box-sizing: border-box;}
.prodData {float: left; width: 45%; box-sizing: border-box;}
.notarZusatz {text-align: right;} .notarZusatz span {font-size: 0.875rem; background-color: #ff0000; padding: 5px 10px; color:#fff; display: inline-block;}
p.ausgebucht {padding: 10px; border: 1px dotted #ff0000; border-radius: 5px;}
p.ausgebucht span.ausgebuchtTitle {color: #ff0000; font-weight: bold;}
p.boxGrey {padding: 5px 10px; background-color: #e5e6e8;}

.prodTitle h2 {padding-bottom: 10px; border-bottom: 1px solid #095d94; font-size: 1.45rem; line-height: 1.875rem;}
.prodData h4, details summary {color: #095d94; font-size: 1.125rem; margin-bottom: 5px!important;}
.prodData .offer {border-top: 2px dotted #4b4b4b; border-bottom: 2px dotted #4b4b4b; padding-top: 25px; padding-bottom: 25px; margin: 25px 0;}
.prodData .offer .price table {width: 100%;}
.prodData .offer .price table td.tdPrice {text-align: right; color: #095d94; font-size: 1.875rem; line-height: 2.25rem;}

.prodData .quantity_container label {margin-right: 10px;}
.prodData .quantity_container input {width: 100px; height: 35px; border: 1px solid #ccc; -webkit-box-shadow:inset 1px 1px 2px 0 #7A7A7A;
box-shadow:inset 1px 1px 2px 0 #7A7A7A; padding: 10px;}
.prodData span.tnInfo {clear: both; color: #676767; font-size: 0.875rem; display: block; margin-bottom: 10px;}

.tnData textarea {display: block;} .tnData label {display: none;}
.tnData textarea {padding: 10px; font-family:  'Nunito Sans', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #3b3b3b; border: 1px solid #ccc; width: 100%; box-sizing: border-box;}
.submit_container details {cursor: pointer;}
.prodData .submit_container {background-color: #f4f4f4; padding: 20px;}
.prodData input.submit {padding: 15px 25px; background-color: #fcb725; color: #fff; transition: all 0.25s ease; margin: 25px 0 0 0;}
.prodData input.submit:hover {padding: 15px 45px; transition: all 0.25s ease;}

.prodReader .prodDescription {margin-top: 25px; margin-bottom: 50px; border-top: 1px solid #ccc; padding: 50px 20px; background-color: #fbfbfb;}
.prodReader ol, .prodDescription ul {margin-left: 25px; margin-bottom: 1.45rem;}
.prodReader ol li, .prodDescription ul li {margin-bottom: 5px!important;}
.prodReader ol li ol {list-style:lower-alpha;}
.prodReader ol li ol li ol {list-style:upper-roman;}
.prodReader ol li {margin-bottom: 0!important;}


/*
.shopLeser .preisKategorie {display: block; float: none;}
.shopLeser .preisKategorie label {display: none;}
.preisKategorie .widget.select {width: 98%; float: none; position: relative;}
.shopLeser .preisKategorie select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	box-sizing: border-box;
	width: 100%;
	height: 40px;

	padding-left: 10px;
	background: #fff;
	color: #3b3b3b;
	font-family: 'Nunito Sans', Arial, Helvetica, sans-serif;
	font-size: 1.125rem;
	height: 35px; border: 1px solid #ccc; padding: 10px;
position: relative;
}

select::-ms-expand {
	display: none;
  }

  .select::after {
	content: "";
	display: block;
	position: absolute;
	right: 10px;
	top: 15px;
	width: 0.8em;
	height: 0.5em;
	background-color: #095d94;
	clip-path: polygon(100% 0%, 0 0%, 50% 100%);

  }

  




.shopWarenkorb, #iso_mod_checkout_address, #iso_mod_checkout_review {border: 1px solid #ccc; padding: 25px;}
.shopWarenkorb table, .orderproducts table {border-collapse: collapse;}
.shopWarenkorb table tr.thead td, .orderproducts table tr.thead td {background-color: #005c92; color: #fff; padding: 10px;}*/
/*.shopWarenkorb table tbody tr:nth-of-type(2n+1), .orderproducts table tbody tr:nth-of-type(2n+1) {background-color: #fff;border-bottom: 1px solid #ccc;}*/
/*.shopWarenkorb table tbody tr, .orderproducts table tbody td {border-bottom: 1px solid #ccc;}
.shopWarenkorb table tbody td:first-child, .orderproducts table tbody td:first-child {width: 50%;}
.shopWarenkorb table tbody tr:nth-of-type(2n+1), .orderproducts table tbody tr:nth-of-type(2n+1) {background-color: #f4f4f4; border-bottom: 1px solid #ccc;}
.shopWarenkorb table tbody td, .orderproducts table tbody td, .orderproducts tfoot td {padding: 10px;}
.shopWarenkorb .spalteEins, .shopWarenkorb .spalteZwei, .shopWarenkorb .spalteDrei, .shopWarenkorb .spalteVier, .shopWarenkorb .spalteFuenf {box-sizing: border-box;}
.shopWarenkorb .spalteEins {width: 45%;} .shopWarenkorb .spalteDrei, .shopWarenkorb .spalteVier {text-align: right;}
.shopWarenkorb .spalteZwei, .shopWarenkorb .spalteDrei {width: 10%;} .shopWarenkorb .spalteVier {width: 20%;}
.shopWarenkorb .spalteFuenf {width: 5%;}
.shopWarenkorb td.quantity input {border: 1px solid #ccc; -webkit-box-shadow:inset 1px 1px 2px 0 #7A7A7A; box-shadow:inset 1px 1px 2px 0 #7A7A7A; padding: 10px;}
.shopWarenkorb a.edit, .shopWarenkorb a.remove {text-indent: -9999px; width: 20px; height: 20px; display: block; float: left; margin: 2px;}
.shopWarenkorb a.edit {background: url(../img/edit.svg) center no-repeat; background-size: contain; }
.shopWarenkorb a.remove {background: url(../img/delete.svg) center no-repeat; background-size: contain;}
td.price {text-align: right;}
.shopWarenkorb td.name a {color: #095d94; text-decoration: none;}
.shopWarenkorb td.name ul {margin-left: 25px; margin-top: 10px;} .shopWarenkorb td.name ul li {color: #484848; font-size: 1rem!important;}
.shopWarenkorb tfoot tr.foot_first td, .orderproducts tfoot tr.foot_0 td {padding-top: 20px;}
.shopWarenkorb .submit_container, #iso_mod_checkout_review .submit_container {margin: 50px 0 25px 0; padding-top: 25px; border-top: 1px solid #ccc;}
.shopWarenkorb .submit_container .submit, #iso_mod_checkout_review .submit_container .submit {padding: 20px 35px; background-color: #e5e6e8; text-decoration: none; transition: all 0.25s ease; font-size: 1.125rem; 
line-height: 1.5rem; margin-bottom: 1.45rem; word-wrap: break-word; color: #3b3b3b; height: 60px; display: inline-block; box-sizing: border-box;}
.shopWarenkorb .submit_container .submit:hover, #iso_mod_checkout_review .submit_container .submit:hover {background-color: #fcb725; transition: all 0.25s ease;}
.shopWarenkorb .submit_container a.submit {float: right;}*/

/* Cookiebar Oveleon*/

.cc-inner {background:radial-gradient(circle at center right, #39383d 0, #29282d 60%, #1f1e23 100%); max-width: 500px; top: 15%!important; position: fixed;}
.cc-cookies {background-color: #424242;}
.cc-head p, .cc-group label {color: #f2f2f2;}
.cc-head p a {color:#a0c72e; text-decoration: none;}
button.cc-btn.success {background-color: #a0c72e; color: #1d2704; transition: all 0.25s ease;}
button.cc-btn.success:hover {background-color:#465f0a; color: #fff; transition: all 0.25s ease;}
#cookiebar-desc p a {color:##a0c72e;}

.mod_cookiebar_opener a {text-align: right; float: right; color: #fff;}
.cookieLink a {float: right; color: #f2f2f2; text-decoration: none; padding: 10px 15px; margin-right: 20px;}
button.cc-close {border: none!important;}
button.cc-detail-btn.cc-focus {background-color: #ccc;}

/* Pagination */


.pagination {clear: both!important; display: block; width: 100%; margin-top: 60px;} .pagination ul {list-style: none; width: auto; display: table; margin: 0px auto; border-top: 1px solid #4a4949; padding: 5px 30px 0px 30px;}
.pagination ul li {float: left; margin-right: 5px;}
.pagination ul li a, .pagination ul li strong {padding: 3px 5px; display: block; text-decoration:none;color: #095d94;} 
.pagination ul li a:hover, .pagination ul li strong {background-color: #095d94; color: #fff; transition: all 0.5s ease;}
.pagination p {text-align: center;}


/*kontaktformular*/
.formFly { padding: 1.25rem 3%!important; -webkit-box-shadow: 0 10px 25px 0 #ddd; box-shadow: 0 10px 25px 0 #ddd; background-color: #fff;box-sizing: border-box;}
/* Formular */
.formbody input[type="text"], .formbody input[type="tel"], .formbody input[type="email"],.formbody input[type="password"], textarea, select {border: 1px solid #dadada; width: 100%; min-width:200px; padding: 15px; box-sizing: border-box; color: #3a3a3a;}

.formbody .widget {width: 48%; float: left; margin: 1%;}
.formbody .widget.fullWidth {width: 98%; margin: 1%;}
.formbody .widget.widget-textarea {clear: both; width: 98%; margin: 1%; box-sizing: border-box;}
.formbody textarea {padding: 2%; color: #3a3a3a; }
.formbody label {width: 100%; font-size: 1.0125rem; clear:both; padding-top:8px; margin-bottom: 10px!important; padding-left: 0!important;}
label.message {clear: both!important; display: block; margin-bottom: 5px!important;} 
span.mandatory {color:#ff0000;}
.formbody .widget.widget-captcha {clear: both; margin: 20px 0; float: none; width: 100%;} .formbody .widget.widget-captcha label {width: 200px;}
.formbody .widget.widget-captcha input {clear: both; width: 50px; min-width: 30px; margin-right: 10px; float: left;}
/*.formbody #ctrl_9 {width:50px!important; min-width: 50px!important; margin-right: 20px; float: left;}*/
.captcha_text {float:left; padding:8px 0 2px 8px; font-size:0.875em;color: #3c3c3b;}
.widget-submit {clear: both!important; width: 100%; text-align: center; margin: 30px 0;}
.widget-submit button {margin:20px 0px; border:1px solid #ccc; color:#fff; padding:10px 25px; cursor:pointer; display: block; background-color: #ff0000;font-size: 1.0125rem; transition: all 0.25s ease;}
.widget-submit button:hover {padding: 10px 35px; transition: all 0.5s ease;}
span.mandatory {vertical-align: top; padding-left: 2px;}
p.error {clear: both; display: block; color: #ff0000!important; font-size: 11px; margin-top: 20px;}
.ie7 p.error {margin-top: 5px; margin-left: 5px;}
.formbody br {clear: both; display: block;}
.widget.error {position: relative; padding-top: 40px; display: block; margin-top: 10px; clear: both;}


.widget fieldset {padding: 0!important; margin: 0!important;}
.widgetDS {width:98%!important; margin: 0 1%!important; padding: 0 2%; box-sizing: border-box;}
.widgetDS input {float: left!important; width: 40px!important; min-width: 40px; height: auto; margin-top: 5px;}
.widgetDS label {clear: none!important; padding-top: 0!important; display: block;}



/* Cookiebar */
.mod_cms_cookie_bar {position:sticky!important; position: -webkit-sticky!important; position: -moz-sticky!important; position: -ms-sticky!important; position: -o-sticky!important; bottom: 0; width: 100%; z-index: 99999;}

.mod_cms_cookie_bar form {max-width: 70%!important;}
.mod_cms_cookie_bar .info p {text-align: center;}
.mod_cms_cookie_bar .info p a {color: #f2f2f2; text-decoration: underline;}
.mod_cms_cookie_bar button {float: left; margin: 10px 5px!important;}
.mod_cms_cookie_bar .widget-submit {margin: 0px auto; display: table; width: auto!important; float: none!important; clear: both;}



@media screen and (max-width: 1250px) {
	.offcanvasHold {display: block;}
	.naviMain, .faxBoxHold {display: none;}
	
	.x4 {width: 50%;}
	.flexBoxHold {display: block!important;}
	.teaserLink .ce_text.x4 {width: 48%; box-sizing: border-box;}
	

	#left {width: 100%; margin-right: 0; margin-top: 50px; float: none; margin-left: 0;}
	.p_shopSingle #main {float: none; width: 100%; margin-left: 0;}
	
	
}

@media screen and (max-width:900px) {
#container > .contentHold {padding-left: 10px; padding-right: 10px;}
.detailLink a::after { background-size: contain; }
	.logo {width: 70%;}
	#header {position: relative;}
	#kopfgrafik {margin-top: 0px!important;}
	#kopfgrafik .ce_image, #kopfgrafik .ce_image img {min-height: 200px;}
	.holdWarenkorb {display: none;}
	
	.maxWidth70 {max-width: 90%;}
	
	h1 {font-size: 2rem; line-height: 2.5rem;}
	h2 {}
	
	.x1, .x2, .x3, .x32, .x4, .x43, .x5 {width: 100%;}
	
	.teaserLink .ce_text.x4 {width: 98%; box-sizing: border-box;}
	.p_reg .prodShort, .shopIntro .prodShort {width: 98%!important;}
	.prodShort {width: 98%;}
	
	.prodGallery {display: none;}
	.prodData {width: 100%; float: none;}
	
	#trenner::after {width: 100%; padding: 0 5%;  box-sizing: border-box; position: relative; left: 0;  height: 250px;}
	#trenner .x2.last {position: relative; top: 0; left: 0; transform: none;}
	#trenner {padding-bottom: 0;}
	
	.blueFlying {position: relative; width: 100%; top: 0; left: 0; right: auto; padding: 5%; box-sizing: border-box;}
	
	tr.thead {display: none;}
	
	table, tbody, tfoot, tr, tr.product, .shopWarenkorb table tbody td:first-child, .orderproducts table tbody td:first-child  {display: block;}
	.shopWarenkorb table tbody td:first-child, .orderproducts table tbody td:first-child {width: 100%; padding-top: 25px; box-sizing: border-box;}
		/* Hide table headers (but not display: none;, for accessibility) */
	tr.thead { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	td {display: inline-block; position: relative;}
	tfoot tr td.col_first {width: 10%;}
	tfoot td.name {width: 50%}
	tfoot td {text-align: right;}
		tfoot td.col_0, tfoot td.col_3 {display: none;}
	
	
	td:before { 
		
		position: absolute;

		top: -20px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		font-size: 75%; color: #ccc;
	}
	


	tbody td:nth-of-type(2):before { content: "Menge"; }
	tbody td:nth-of-type(3):before { content: "Einzelpreis"; }
	tbody td:nth-of-type(4):before { content: "Gesamtpreis"; }

	#mobile-menu-23 {width: 100%!important;}
	
	.shopWarenkorb .submit_container a.submit {float: left; margin-right: 10px;}
	
	.formbody .widget {width: 100%; margin-left: 0; margin-right: 0;}
}


@media screen and (max-width:570px){
	.blueLine p {font-size: 85%;}
	
	table {overflow: hidden;}
		tfoot tr td.col_first {width: 0%;}
	tfoot td.name, tfoot td.price {width: 100%; text-align: left;padding-left: 10px; box-sizing: border-box;}
	.shopWarenkorb tfoot tr td, .orderproducts tfoot tr td {padding-top: 10px;}
	tfoot td {margin-bottom: 0;}
	tfoot td.col_0, tfoot td.col_3 {display: none;}
	
	
	.shopWarenkorb .submit_container .submit, #iso_mod_checkout_review .submit_container .submit {font-size: 1rem; line-height: 1.2rem; padding: 10px 20px; height: auto;}

}