/********************
* GRUNDIG
********************/
@import url('fonts.css');
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/SourceSansPro-Regular.ttf') format('woff2');

}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/SourceSansPro-SemiBold.ttf') format('woff2');

}

@font-face {
  font-family: 'Source Sans Pro italic';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/SourceSansPro-Italic.ttf') format('woff2');

}


* {
  margin:0;
  padding:0;
}

html,body {
  height:100%;  scroll-behavior: smooth;
}

body {
  background:#FFF;
  margin:0;
  font-family: 'Source Sans Pro', Arial, serif;
  font-size:18px;
  font-weight:400;
  line-height:1.5;
  color: #14243a;
}

body.kundencenter {
  background:#fff url(../Images/Kundenbereich.jpg) no-repeat center center fixed;
  webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


h1, h2, h3, h4, h5 {
  font-family: 'Source Sans Pro', Arial, serif;
  font-weight: 600;
}
h2 {
  font-weight:600;
  font-size: 1.9rem;
  }

h2.ce-headline-center {
  margin:30px 0 24px 0;
  font-size: 26px;
  color: #041f39;
}

h2 em {
  font-family: 'Source Sans Pro italic', Arial, serif;
  font-weight: 400;
  font-style: italic;
}

h3 {
  padding:10px 0 20px 0;
  font-size: 1.5rem;
  font-weight: bold;
  }
h4 {
  padding:0 0 20px 0;
  margin:0;
  font-size:35px;
}

h3.ce-headline-center {
  padding: 0px;
  margin: -10px 10% 30px 10%;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

ol {
	padding:10px 0 10px 30px;
}

a, .ce-bodytext a {color:#041f39;}
a:hover {text-decoration:none; color:#14243a; }
a.button {
  margin-top: .25rem;
  margin-bottom: .25rem;
  color: #fff;
  background: #041f39;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  padding: 10px 20px 10px 20px;
}

.emailkunde {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

.btn-primary {
  color:#fff;
  background-color: #041f39;
  border-color: #041f39;
  padding:5px 20px 5px 20px;
}

.btn-primary:hover {
  background:#333333;
  border-color: #333333;
}

.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    padding:5px 10px 5px 10px !important;
}

.frame-type-text ul {
  padding-left: 1rem;
  width: 80%;
}

.frame-type-text ul li {
  padding-left: 0.25em;
  margin-bottom: 0.5em;
  font-size: 0.95em;
  list-style-type: square;
}

.ce-above .ce-gallery {
  margin-bottom: 0;
}

.ce-intext.ce-right .ce-gallery {
    margin-left: 30px;
}
.ce-intext.ce-left .ce-gallery {
    margin-right: 30px;
}
.frame-center {text-align:Center;}

.page {
    position: relative;
    max-width: 1920px;
    width: 100%;
    height: inherit;
    margin: 0 auto;
    background-color: #fff;
}
.container-fluid.pagecontent {
  padding:0;
}
.pagecontent .container .frame-layout-1 {
  padding:40px 0 0px 0;
}
.pagecontent hr {clear:both;padding:0px 0 10px 0;display:block;margin:40px 0 0 0;}
.magenta {color:#041f39;}
.link {
  border: 2px solid #041f39;
  transition: border-color .3s cubic-bezier(.215,.61,.355,1),color .3s cubic-bezier(.23,1,.32,1),background-color .3s cubic-bezier(.23,1,.32,1),padding .3s cubic-bezier(.23,1,.32,1);
  border-bottom:2px solid #041f39;
  line-height: 1.35em;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
  color: #041f39;

  font-weight: 500;
  padding: .75em 1.9em .70em;
  font-size: 16px;
  white-space: nowrap;
  display:inline-block;
}
.tx-dsvlizenzierung-pi1 {padding-bottom:50px;}
.tx-dsvlizenzierung-pi1 ul {
	padding:0 0 0 30px;
}
.link:hover {
  background:#041f39;
  color:#fff;
 }

.page > #center > header {background:#fff;}

.navbar {padding:0;}
.container-fluid.navigation .row, .container-fluid.navigation .col, .container-fluid.navigation .col-md-auto {margin:0;padding:0;}
.navigation {background:#595959;position:relative;z-index:100;}
.navigation ul {list-style-type:none;margin-bottom:0;}
.navigation ul.navbar-nav a {text-decoration:none; color:#fff;}
.navigation ul.navbar-nav > li {color:#fff;font-size:16px;display:inline-block; transition: background-color 0.2s ease-out; position:relative;}

.navigation ul.navbar-nav > li > a {line-height:55px;padding:0 20px 0 20px;display:block;}
.navigation ul.navbar-nav > li.active, .navigation ul.navbar-nav > li.active a {background:#ecece8;color:#14243a;}
.navigation ul.navbar-nav .nav-ebene2 {background:#f8f9fa;}
.navigation ul.navbar-nav .nav-ebene2.visible {display:block;}
.navigation ul.navbar-nav .nav-ebene2 .nav-center {margin:0 auto; width:100%; max-width:1140px;padding:50px;}
.navigation ul.navbar-nav > li:hover {cursor:pointer; background-color: #ecece8;  transition: background-color 0.2s ease-out;}
.navigation ul.navbar-nav > li.active:hover {background:#fff}
.navigation ul.navbar-nav > li:hover a, .navigation ul.navbar-nav > li:hover a {color:#14243a;}
.navigation ul.navbar-nav > li:hover > .nav-ebene2 ul.mainSub-menu2 > li > a {color:#14243a;font-size:16px;line-height:30px;}
.navigation ul.navbar-nav > li > ul.navi-zwei {position:absolute; left:0; top:55px; background:#ecece8;}
.navigation ul.navbar-nav > li > ul.navi-zwei > li > a {color:#505050; text-align:left; display:block; line-height:40px;}
.navigation ul.navbar-nav > li > ul.navi-zwei > li > a:hover {text-decoration:underline;}
.navigation ul.navbar-nav > li > ul.navi-zwei > li {min-width:250px;}
ul.navi-zwei {display:none;}
.navigation ul.navbar-nav > li:hover > ul.navi-zwei {display:block; padding:30px 40px 30px 40px;}

.container-fluid.navigationsub .container {height:330px;}
.submenu-5, .submenu-6, .submenu-7 {display:none !important;}


svg {fill:#fff;fill-rule:evenodd;width:100%;height:100%;}

.btn.nopadding {padding:0;}
.logo {padding:0;margin:0 0 0 15px;display:blocK;width:100%;max-width:280px;height:100px;}
.btn.icon {padding:0 15px 0 15px;}.btn.icon:hover svg {fill:#041f39;}
.btn.icon svg {padding:0;height:45px;width:25px;}
.container.header {padding:15px 0 15px 0;}
.container-fluid.grau {background:#f5f5f5;}

.containerimage {overflow:hidden;max-height:550px;position: relative;}
.containerimage img {width:100% !Important;height:auto !Important;}
.containerimage .ce-outer, .containerimage .ce-inner {width:100%;float:none;right:0%;}
.containerimage .ce-column {width:100%;float:none;}
.containerimage .ce-gallery figure {display: block;width:100%;}

.containerimage .ce-intext.ce-right .ce-gallery,
.containerimage .ce-intext.ce-left .ce-gallery,
.containerimage .ce-above .ce-gallery {margin-bottom: 0px;}
.containerimage .wrapper {position:absolute;top:0;left:0;right:0;bottom:0; display: flex;
  align-items: center;
  justify-content: center;}
.containerimage .ce-textpic {position:relative;}
.containerimage .wrapper-center {margin:0 auto;width:100%;max-width:1140px;position:relative;}
.containerimage .wrapper-center .ce-bodytext {position:relative; width:100%; color:#fff;}
.containerimage #c4726 .wrapper-center .ce-bodytext {max-width:650px;}
.containerimage .wrapper-center h1 {
  font-size:18px;
  font-weight:normal;
}
.containerimage .wrapper-center h2 {
  font-size:72px;
  font-weight: 600;
  line-height: 1.1;
  word-wrap: break-word;
}

.containerimage .wrapper-center h2 i {
  font-family: 'Grundig Basics-Regular Italic', Arial, serif;
}

.containerimage .frame-bluefont .wrapper-center .ce-bodytext {
  color:#14243a;
}


.teaser .row {margin-bottom:20px;}
.teaser .col-sm-7 {padding-right:0;overflow:hidden;}
.teaser .col-sm-5 {background:#f5f5f5; padding-left:0;}
.teaser .odd .col-sm-5 {border-right:15px solid #fff;order: 12;}
.teaser .even .col-sm-5 {order: 1;border-left:15px solid #fff;}
.teaser .odd .col-sm-7 {order: 1;}
.teaser .even .col-sm-7 {order: 12;border-right:15px solid #fff;padding-left:0;}


.teaser50 {background:#f5f5f5;}
.teaser50 .col-sm-6 {padding:0;}
.teaser50 .col-sm-6 img {width:100%;height:auto;}
.teaser50 .col-sm-6 .teasertext {width:100%;max-width:600px;}
.teaser50 .teaserabstand {padding:0 0 0 50px;}
.teaser50 .teaserzwei .teasertext {float:right;}
.teaser50 .teaserzwei .teasertext .teaserabstand {padding:0 50px 0 0;}

.aktuelles50 .col-md-6 img {width:100%;height:auto;}
.aktuelles50 .col-md-6 {background:#f5f5f5;padding:0;border-right:15px solid #fff;border-left:15px solid #fff;margin-bottom:30px;}
.aktuelles50 .col-md-6 .aktuellescontent {padding:15px 40px 40px 40px;}
.aktuelles50 h3 {line-height:110%;padding:10px 0 10px 0;}



.bgimage {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;

}


.grid-3-1-2 .row {height:750px;padding:20px;}
.grid-3-1-2 .row .col {position:relative;}

.grid-3-1-2 .row .bgimage {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.grid-3-1-2 .row .bgimage:hover {opacity: .7;}


.grid-3-1-2 .gridcontent {position:absolute; bottom:30px;left:20px;right:20px;}
.grid-3-1-2 .gridcontent p {padding:0;margin:0;font-size:20px; color: #777; line-height: 1.2;}
.grid-3-1-2 .gridcontent h2 {margin-bottom: 2px;}
.grid-3-1-2 .gridcontent strong {font-size:24px;font-weight:600;}

.grid-3-1-2 .row .grid1 {border-right:10px solid #fff; text-align:center; color: #fff; }
.grid-3-1-2 .row .grid1 h2 {color: #fff}
.grid-3-1-2 .row .grid1 p {color: #fff}

.grid-3-1-2 .row .grid2, .grid-3-1-2 .row .grid3 {border-left:10px solid #fff;}
.grid-3-1-2 .row .grid2 h2 {color: #fff}
.grid-3-1-2 .row .grid2 p {color: #fff}
.grid-3-1-2 .row .grid2 {border-bottom:10px solid #fff;}

.grid-3-1-2 .row .grid3 {border-top:10px solid #fff;color:#fff;}

.grid-3-1-2 .row .grid3 h2 {color: #fff}
.grid-3-1-2 .row .grid3 p {color: #fff}
.grid-3-1-2 a {display:block;width:100%;height:100%;}

.grid-3-1-2 .row.bottom {height:350px;padding-top:0;}
.grid-3-1-2 .row.bottom .grid2 {border-bottom:none;}

.teaser-cover {overflow:hidden;padding-left:0px;padding-right:0px;background:#f5f5f5;padding-bottom:50px;}
.teaser-cover.first {border-right:10px solid #fff;}
.teaser-cover.last {border-left:10px solid #fff;}
.teaser-cover img {width:100%;height:auto;}

.produktnavigation {background:#ecece8;color:#343434;}
.produktnavigation.fixed-top {box-shadow: 0 3px 5px 3px rgba(0,0,0,.2);}


.produktnavigation ul {margin:0;padding:0;list-style-type:none;}
.produktnavigation a {display:inline-block; line-height:50px;color:#343434;font-size:15px;font-weight:300;padding:0 20px 0 20px;}
.produktnavigation h5 {line-height:50px;padding:0;margin:0;}

.product.head {background:#f5f5f5 url(../Images/verlauf.jpg) center center no-repeat;padding:50px 0 0 0;}
.product.content {background:#f5f5f5;border-bottom:20px solid #fff;font-size:17px;padding:0;}
.product.content.white {background:#fff;}
.product.content .row {padding:50px 0 50px 0;}
.product.content .row.odd .text {padding-left:50px;padding-right:0;}
.product.content .row.even .text {padding-right:50px;padding-left:0;}
.product .product-image {text-align:center;}
.product .product-image img {width:100%;height:auto;}

.product h3 {font-weight:400;color: #041f39;
font-size: 50px;line-height: 1.074;}
.product ul {padding:0px 20px 0px 0px;margin:0; list-style: none;}

.product ul li {padding: .3em 0 .3em 1.2em;
position: relative;}
.product ul li::before {
    border: 2px solid #041f39;
    border-radius: 100%;
    height: 10px;
    margin-top: -5px;
    position: absolute;
    width: 10px;
    content: "";
    display: inline-block;
    left: 0;
    top: 1em;
}


.product .priceinfo {font-size:14px;padding-bottom:40px;}
.product .priceinfo .price, .produktvarianten .preis {font-size: 1.95rem;color:#041f39;}
.product .price-netto, .produktvarianten .price-netto {display:block;color:#041f39;padding-bottom:20px;}

.product.image-left-right {border-bottom:20px solid #fff;margin-top: 40px;}
.product.image-left-right .col-sm img {width:100%;height:auto;}
.product.content .conimage img {width:100%;height:auto;padding:0px;}
.product.content h4 {font-size: 50px;line-height: 1.14;color: #041f39;
margin-bottom: 0;font-weight: 400;}
.product.content .fullscreen img {width:100%;height:auto;}

button.btn-light, input.btn-light, a.btn-light {
  color: #7AB929;
  border: 2px solid #7AB929;
  background:transparent;
  padding: .55em 4.5em .45em 4.5em;
  font-size: 14px;
  white-space: nowrap;
  transition: border-color .3s cubic-bezier(.215,.61,.355,1),color .3s cubic-bezier(.23,1,.32,1),background-color .3s cubic-bezier(.23,1,.32,1),padding .3s cubic-bezier(.23,1,.32,1);
  display: inline-block;
  line-height: 1.35em;
  text-decoration: none !important;
  text-align: center;
  border-radius: 4px;
  font-weight: 500;
}
.btn-light:hover, input.btn-light:hover {background-color: #7AB929;border-color: #7AB929; color:#fff;}

#c286 .ce-textpic {position:relative;color:#fff;}
#c286 .ce-bodytext {position:absolute;z-index:2;left:10%;bottom:30%;max-width:350px;}
#c286 .ce-bodytext h1 {line-height:110%;padding-bottom:10px;}
#c286 .ce-bodytext a {text-transform:uppercase;color:#fff;text-decoration: underline;font-size:14px;letter-spacing:2px;}
#c286 .ce-gallery {position:relative;z-index:1;}
#c286 .ce-below .ce-gallery {margin-top:0;}



.submenu {position:relative; z-index:99; background:#fff;box-shadow: 0 3px 5px 3px rgba(0,0,0,.2); display:none;}
.submenu .container {padding:50px 0 50px 37px;background:transparent url(../Images/navi/11.jpg) right top no-repeat;position:relative;}
.submenu-2 .container {background:transparent url(../Images/navi/88.jpg) right top no-repeat;}
.submenu ul {padding:0 0 0 0px;margin:0;list-style-type:none;width:auto;}
.submenu ul li {margin:0;padding:0;}
.submenu ul li a {color:#949494;font-size:18px;font-weight:300;padding:7px 0 7px 0;margin:0;display:inline-block;}
.submenu ul li a:hover, .submenu ul li.active a {color:#000;}
.submenu .naviclose {position:absolute;bottom:-40px;right:-0px;font-size:30px;}
.submenu .naviclose .close {font-size: 2.9rem; background:#000;color:#fff;}
.submenu .naviclose .fa-angle-up {background:#000;color:#fff;padding:5px 15px 5px 15px ;}
.submenu .naviclose .fa-angle-up:hover {background:#fff; color:#000;cursor: pointer}

.footerheader {color:#000;font-weight:800;padding-bottom:20px;display:block;font-size:16px;}


footer {background-color:#eaeaea !important;color:#000;font-size:14px;padding-bottom:80px;}
footer .row {padding:50px 0 0px 0;}
footer .row ul.nav-unten-ebene-eins {padding:0;margin:0;list-style-type:none;}
footer .row ul.nav-unten-ebene-eins li {padding:0;margin:0;margin-bottom:0px;}
footer .row ul.nav-unten-ebene-eins a {color:#000;font-size:14px;display:block;}
footer .container.text-center {border-top:1px solid #041f39;color:#14243a;padding:10px 0 50px 0;;font-size:12px;margin-top:50px;}
footer .row .col.news li {display:none;}
footer .row .col.news li:nth-child(1), footer .row .col.news li:nth-child(2), footer .row .col.news li:nth-child(3), footer .row .col.news li:nth-child(4) {
   display:inline-block;
}

.container-fluid.grau .row.produktvarianten{background:#fff;margin-bottom:20px;padding:25px 20px 30px 20px;}
.col.image {text-align:center;}
.produktvarianten {font-size:16px;}
.produktvarianten h3 {padding:0;margin:0;}
.produktvarianten .sku, .tx-cart-products .grid .sku {font-weight:300;font-size:14px;padding-bottom:20px;display:block;color:#6c6c6c}
.produktvarianten span.header {font-weight:bold;display:block;padding-bottom:5px;}
.produktvarianten .tax {font-size:14px;}
.produktvarianten .lieferumfang {padding-bottom:10px;}

.container-fluid.grau .tx-cart-products {padding:40px 0 20px 0;}

.downloadlist p {margin:0;padding:0;}
.downloadlist ul {padding:0;margin:0;border-bottom:1px solid #d5d5d5;}
.downloadlist ul li {padding:0;margin:0; display:block;}
.downloadlist ul li a {padding:0 5px 0 5px; display:block;background:transparent;line-height:50px;border-top:1px solid #d5d5d5;color:#000;}
.downloadlist ul li a:hover {background:#d5d5d5;}
.downloadlist .frame {border-bottom:1px solid #d5d5d5;}
.downloadlist ul li a span.filetype {text-transform:uppercase;}
.downloadlist .text {font-size:14px;line-height:150%;padding-bottom:20px;}
.downloadlist i {padding:0 5px 0 5px;}

.row.downloads h1  {font-size:26px;margin-bottom:20px;}
.row.downloads h2  {font-size:26px;margin:0px 0 0 20px;padding:20px 0 0 0;}
.row.downloads .col, .row.downloads .col-6,.row.downloads .col-md-6,.row.downloads .col-xl-6,.row.downloads .col-lg-6,.row.downloads .col-sm-12,.row.downloads .col-12 {background:#f5f5f5;border-left:10px solid #fff;border-right:10px solid #fff;margin-bottom:20px;}

.row.downloads .downloadlist {padding:20px 20px 40px 20px;}

.tx-gbs-sys-productview {padding-bottom:50px;}
.tx-gbs-sys-productview h4 {font-size:24px;}
.tx-gbs-sys-productview .row .row:first-child .col-4,
.tx-gbs-sys-productview .row .row:first-child .col-8 {border-top:1px solid #d5d5d5;}
.tx-gbs-sys-productview .row .row .col-4,.tx-gbs-sys-productview .row .row .col-8 {border-bottom:1px solid #d5d5d5; padding:15px;}
.tx-gbs-sys-productview .row .row .col-4 {font-weight:600;}

.row.downloads {padding:0 15px 0 15px;}
.row.downloads .frame-default {background:#f5f5f5;}
.row.downloads h2 {font-size:20px;}
.row.downloads .downloadlist ul li a {font-size:16px;line-height:40px;}


.row.servicekontakt {background:#14243a;padding:30px 20px 30px 20px;color:#fff;}
.row.servicekontakt .col-4, .row.servicekontakt .col {border-left:1px solid #fff;padding:10px 40px 10px 40px;text-align:center;}
.row.servicekontakt .col-4:first-child, .row.servicekontakt .col:first-child {border-left:none;}
.row.servicekontakt h2 {font-size:24px;}
.row.servicekontakt strong {font-size:34px;padding:15px 0 5px 0;display:block;}
.row.servicekontakt .fa-phone-alt {font-size:25px;padding-right:0px;transform: rotate(40deg);}
.row.servicekontakt a {display:inline-block;font-weight:800;text-transform:uppercase;color:#fff;border-bottom:1px solid #fff;padding:5px 5px 5px 5px;letter-spacing: 0.1em;
margin:10px 0 10px 0;}
.row.servicekontakt p {margin:0;padding:0;}
.row.servicekontakt em {font-size:14px;}
.row.servicekontakt .image a {border-bottom:none;}

/********************* Shopping Demo-8 **********************/
.product-card {margin-bottom:20px;}
.product-grid8 {position:relative; z-index:1;  margin:0; background:#ecece8; padding-bottom: 10px; height: 100%;}
.product-grid8 .product-image8{position:relative;background:transparent; min-height: 220px; display:block; width:100%;overflow:hidden;}
.product-grid8 .product-image8 a{display:block}
.product-grid8 .product-image8 img{width:100%;height:auto}
.product-grid8 .teasersubtitle {position: absolute;bottom: 20px; left:20px;color:#fff; font-weight:600;}


.product-grid8 .product-content{padding:20px;font-size:14px;}
.product-grid8 .product-content p.abstract {padding:10px 0px;}

.product-grid8 .title{font-size: 24px; font-weight:400;margin:0;padding:0 0 8px 0;line-height: 1.2em; color:#041f39;}

.product-grid8 .all-deals{display:block;color:#fff;background-color:#2e353b;font-size:15px;letter-spacing:1px;text-align:center;text-transform:uppercase;padding:22px 5px;transition:all .5s ease 0s}
.product-grid8 .all-deals .icon{margin-left:7px}
.product-grid8 .all-deals:hover{background-color:#0081c2}
@media only screen and (max-width:990px){.product-grid8{margin-bottom:30px}
}


.loginframe {background:#ecece8;padding-left:0;padding-right:0;position:relative;}
.loginframe .nav-tabs  li.nav-item {width:50%;}
.loginframe .nav-tabs  li.nav-item a {font-size:22px;font-weight:400;line-height:40px;text-align:center;border:none;border-top-left-radius: .0em; border-top-right-radius: .0rem; background:#041f39;color:#fff;}
.loginframe .nav-tabs  li.nav-item a.active {background:#ecece8; border:none;color:#14243a;}
.loginframe .tab-content {background:#ecece8; padding:30px;}
.loginframe .nav-tabs .nav-link:focus, .loginframe .nav-tabs .nav-link:hover {border-color:#f5f5f5;}




.col.loginframe.left {max-width:400px;min-height:550px;padding:20px; background:#fff url(../Images/Login.jpg) no-repeat left top;color:#fff;}
.col.loginframe .logintext {position:absolute; bottom:25px; font-size:16px; left:20px; right:20px;}

.powermail_fieldwrap_type_submit {padding-top:15px;}
.tx-powermail .row.radio {padding:7px 0 0 0;}
.tx-powermail .row.radio input {margin-right:10px;}

.tx-datamintsfeuser-pi1 {padding:0 30px 30px 30px;}
.tx-datamintsfeuser-pi1 .form-row {padding:0px 0 7px 0; font-size:15px;}
.tx-datamintsfeuser-pi1 .form-row .col.end {padding-top:10px;}
.tx-datamintsfeuser-pi1 .form-row label {margin-bottom:0;}
.tx-datamintsfeuser-pi1 .form-row label.passwort {font-size:11px;}
.tx-datamintsfeuser-pi1 .form-row label.klein {font-size:11px;margin-bottom:0;}


/********************* Kundenbereich **********************/


.kundencenter .login svg {
    padding: 0;
    height: 53px;
    width: 33px;
	  margin-top:-1px;
}

.btn.login:hover svg, .btn.suche:hover svg,  .btn.basket:hover svg {
  fill:#14243a;
}

.feloginstatus {
	padding:20px;
	font-size:14px;
}

span.icon.login {position:relative;}
span.icon.login:hover .hover.login {display:block;}
.hover.login {
  background: #fff;
  position:absolute;
  width: 350px;
  min-height: 150px;
  top: 60px;
  left:-150px;
  padding: 22px;
  z-index: 155;
  box-sizing: border-box;
  display:none;
-webkit-box-shadow: 0px 7px 16px -2px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 7px 16px -2px rgba(0,0,0,0.47);
box-shadow: 0px 7px 16px -2px rgba(0,0,0,0.47);
  }
.hover.login:after {
  position:absolute;
  top:-19px;
  left:50%;
  margin-left:-20px;
  content: '';
  width: 0;
  height: 0;
  border-left:20px solid transparent;
  border-right:20px solid transparent;
  border-bottom: 20px solid #fff;
}
.hover.login header h2 {font-weight:300;font-size: 1.5rem;padding-bottom:10px;}
.hover.login a.button {margin-right:20px;padding: 10px 15px 10px 15px;}
.hover.login a {line-height:100%;padding:0;}
.row.white {background:#fff;padding:30px;}
.row.dark {background:#041f39;padding:30px;}
.sidebar {background:#f8f9fa; padding:0 0 50 0px; margin:0;}

.sidebar nav a.nav-link {padding:10px 0 10px 0;border-bottom:1px solid #dee2e6;color:#333;}

.download_item {
  padding-bottom:40px;
  margin-top:30px;
  border-bottom:1px solid #b4b4b4;
  text-align:center;
}

.download_item:last-child {
  border-bottom:none;
}

.download_item input#seriennummer {
  border:1px solid #b4b4b4;
  padding:15px 30px 15px 15px;
  width:400px;
  font-size:17px;
  letter-spacing:3px;
  font-weight:400;
  display:inline-block;
  margin:10px 0 10px 0;
}

.download_item input#seriennummer:focus, .download_item input#seriennummer:hover {border:1px solid #000;}

.download_item input#seriennummer::-webkit-input-placeholder {
  color: #999;
  letter-spacing:1px;
  font-style:italic;
}
.download_item input#seriennummer::-moz-placeholder { /* Firefox 19+ */
  color: #999;
  letter-spacing:1px;
  font-style:italic;
}
.download_item input#seriennummer:-ms-input-placeholder { /* IE 10+ */
  color: #999;
  letter-spacing:1px;
  font-style:italic;
}
.download_item input#seriennummer:-moz-placeholder { /* Firefox 18- */
  color: #999;
  letter-spacing:1px;
  font-style:italic;
}

.download_header {font-family:D-Din Headline;font-weight:300;font-size:24px;line-height:130%;padding-bottom:20px;}
.download_header b {font-weight:800;font-size:34px;}

/********************* SUCHE **********************/

.searchform {
  position: absolute;
    top: 50%;
    width: 100%;
}

.searchrow {
  width:1000px;
  margin:0 auto;
}

#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);

    -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);
  -moz-transform: translate(0px, -100%) scale(0, 0);
  -o-transform: translate(0px, -100%) scale(0, 0);
  -ms-transform: translate(0px, -100%) scale(0, 0);
  transform: translate(0px, -100%) scale(0, 0);

    opacity: 0;
  z-index:200;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
  -o-transform: translate(0px, 0px) scale(1, 1);
  -ms-transform: translate(0px, 0px) scale(1, 1);
  transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
}

#search input[type="search"] {
  width:90%;
  text-align:center;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
  padding:20px;
    outline: none;
  border-top:none;  border-left:none;  border-right:none;  border-bottom:1px solid #fff;
  margin-right:30px;
}
#search button {
  background:transparent;
  outline: none;
  border:none;
  color:#fff;
  font-size: 60px;
}
#search button:hover {
  color:#041f39;
}
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
  background-color: #041f39;
  border-color: #041f39;
  opacity: 1;
  padding: 10px 17px;
  font-size: 27px;
}
/********************* Startseite **********************/
.default {width:100%; max-width: 1920px; margin:0 auto;}
.aktuelles {background:#f5f5f5;padding-left:0;padding-right:0;border-left:15px solid #fff; border-right:15px solid #fff;overflow:hidden;}
.aktuelles h2.ce-headline-center,
.stellen h2.ce-headline-center
 {margin:0;background:#fff;padding: 30px 15px 14px 15px;}
.aktuelles h4 {
	font-weight: 600;
font-size: 1.9rem;
	margin:0;
/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; }
.aktuelles .frame-type-pagelist_sub {padding: 0px; }
.aktuellesimage {width:100%;max-height:400px;overflow:hidden;text-align:center;display:table-cell; position:relative;}
.aktuellesimage img {text-align:center;margin:0 auto;}
.aktuellesimage a {  display: table;
  margin: 0 auto;}

.aktuellescontent {padding:21px 40px 40px 40px;width:100%;}


.maxcenter {width:100%; margin:0 auto; padding:20px 20px 0 20px;}
.stellen .frame-type-pagelist_sub {background:#f5f5f5;padding:20px;}
.stellen .ce-intext.ce-right .ce-gallery, .stellen .ce-intext.ce-left .ce-gallery, .stellen .ce-above .ce-gallery{margin-bottom: 0px;}
.stellen .frame-downloads {background:#f5f5f5;padding:0px 0 20px 20px;}

/********************* FOOTER **********************/
.social .fab {color:#14243a;font-size:30px;padding:5px;}
.social .fab:hover {color:#041f39;}
.pf {  display: inline-block;  font: normal normal normal 18px/1 PaymentFont;  font-size: inherit;  text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  color:#14243a;  font-size:26px;  padding:5px;}
.pf-paypal:before {  content: "\f033";}
.pf-visa:before {  content: "\f045";}
.pf-mastercard:before {  content: "\f02d";}
.pf-american-express:before {  content: "\f001";}
.pf-sepa:before {  content: "\f04a";}

/********************* Suche **********************/

.tx-indexedsearch-searchbox {  padding:50px;}
.tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {  margin:0 auto;  width:90%;  padding:10px 10px 5px 10px;  font-family: 'D-Din', Arial, serif;  font-size: 28px;  font-weight: 300;  border-top:none;  border-left:none;  border-right:none;  border-bottom:2px solid #505050;}


/********************* Mini Warenkorb **********************/
.icon.basket {position:relative;}
.icon.basket svg {position:relative;z-index:2;}
.cart-preview-count {
  position:absolute;
  top:0;
  right:-5px;
  height: 25px;
  width: 25px;
  background-color: #d4ae84;
  border-radius: 50%;
  display: inline-block;
  text-align:center;
  color:#fff;
  font-size:12px;
  z-index:1;
  line-height:25px;
}



/********************* FORM **********************/

label.col-sm-2 {max-width:100%;}


/********************* Downloads **********************/
.download_item .fas {color:#00448b;font-size:40px;margin-left:10px;position:relative; top:7px;}

#tabs {margin-top:30px;}
#tabs nav a {background:#00448b;color:#fff;width:200px;flex:none;}
#tabs nav a:first-child {margin-right:1px;}
#tabs nav a.active {background:#fff;border-bottom:none;color:#000;}
#nav-tabContent {padding:20px; border-left:1px solid #dee2e6;border-right:1px solid #dee2e6;border-bottom:1px solid #dee2e6;}


table.downloads td,
table.downloads th,
table.systemvoraussetzungen th,
table.systemvoraussetzungen td {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
    font-size: 14px;
}

table.downloads th,
table.systemvoraussetzungen th {
  background: #041f39;
  color: white;
  font-weight: 600;
  font-size: 16px;
  border: 1px solid #041f39;
}

table.systemvoraussetzungen.sub th {
  background: #717171;
  color: white;
  font-weight: 600;
  font-size: 14px;
  border: 1px solid #717171;
}

.download_item select.systemanforderungen {
    border: 1px solid #b4b4b4;
    padding: 15px 30px 15px 15px;
    width: 400px;
    font-size: 17px;
    font-weight: 400;
}
select.systemanforderungen {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 14px;
  width:100%;
  border: 1px solid #ccc;
  padding:15px 30px 15px 15px;

  background-color:white;
  background-image:url(../Images/select-arrow.png);
  background-position: right;
  background-repeat: no-repeat;

}


.sysdiv {
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
    padding-bottom: 30px;
}
form.sysform {
    width: 24%;
    float: left;
    margin-right: 1%;
}


/********************* Sprachumschaltung **********************/
#language_menu {padding-left:20px;}
#language_menu li {
	display:inline-block;
	margin:7px 3px 0 3px;
}

#language_menu li.active {display:none;}

/********************* Dateityp **********************/
  a.pdf::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f1c1";
	padding-right:7px;
  }
  a.excel::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f6dd";
	padding-right:7px;
  }
  a.zip::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f187";
	padding-right:7px;
  }







/********************* individual changes **********************/
.fix {position:relative;}
#c3392 {padding:10px; border: 1px solid rgba(0,0,0,.125);text-align:center;width:150px;}
#c3392 h2 {font-size:18px;}
#c3392 .cart-preview-count {background:#000;}
#c3392 svg {fill:#041f39;}

.frame-distance {padding-top:40px;}
#gbs-6 .teaser50 {margin-bottom: 30px;}
.frame-without_distance .teaser50 {margin-bottom: 30px;}
.pagecontent .container .frame-layout-1.frame-without_distance {padding: 0px 0 0px 0;}
.frame-without_distance .container.produktteaser {padding-right: 0px; padding-left: 0px;}

.container-fluid.hellgrau {background:#f5f5f5;padding:30px 0 30px 0;}

.phone {position:absolute;right:-355px;top:50px;width:400px;color:#fff;overflow:hidden;}
.aktion {position:absolute;right:-405px;top:100px;width:450px;color:#fff;overflow:hidden;}

.phoneheader span {padding-left:20px;font-size:22px;display:inline-block;line-height:45px;}
.phonecontent {padding:0px;height:0px;overflow:hidden;}
.phoneheader {background:#041f39;height:45px;}
.phonecontent-center {display:block;background:#fff;border-left:1px solid #041f39;border-bottom:1px solid #041f39;padding:20px;color:#000;}
.phonecontent-center span.hotline {display:block; line-height:100%;padding-top:20px;font-size:24px;}
.phonecontent-center span.klein {display:block; font-size:12px;padding-left:47px;padding-top:5px;}

.iconbar {  position:fixed;  right:0;  top:30%;  z-index:200;}
.iconbar .fas { display:inline-block; line-height:45px;  background:#a16431;   width:45px;  text-align:center;  color:#fff;  font-size:22px;}
.iconbar .aktion .phoneheader {background:#041f39 url(../Images/flip-chart-3_weiß_ohneHG_25x25.png) 11px center no-repeat;}
.iconbar .aktion .phoneheader:hover {background-color:#333;  color:#fff; cursor: pointer;}
.iconbar .fas:hover {  background:#041f39;  color:#fff; cursor: pointer;}
.phonecontent-center .fa-phone-alt {background:#fff;color:#000;line-height:100%;
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}
.fa-envelope {position:absolute;right:0;top:0;}
.grid .product-grid8 {text-align:center;}
.container-fluid.produkt-grid {padding:70px 0 50px 0;
background:transparent url(../Images/Servicebanner.jpg) center center no-repeat;
 background-size: cover;
}

.container-fluid.produkt-grid .row .product-card:first-child .product-grid8 {
  background:#041f39;
  color:#fff;
}

.container-fluid.produkt-grid .product-grid8 {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
}

.container-fluid.produkt-grid .product-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.container-fluid.produkt-grid .product-content h3 {
  padding: 0;
  margin-top: 10px;
}

.container-fluid.produkt-grid .product-content p {
  flex-grow: 1;
 }


.container-fluid.produkt-grid .product-card:first-child .product-content form {
  border-top: 2px solid #ffffff3d;
 }

.container-fluid.produkt-grid  .product-content form {
  border-top: 2px solid #e1e1e1;
 }

.container-fluid.produkt-grid .row .product-card:first-child .product-grid8 .sku {color:#fff;}


.container-fluid.produkt-grid .product-grid8 .sku {
  padding-bottom: 10px;
 }
.container.b2b .produktvarianten {	border-bottom:1px solid #dee2e6;	padding:0px 0 30px 25px; margin-bottom:30px;	font-size:14px;}
.container.b2b .rabatt {font-size:14px;}
.container.b2b .preis {font-size:24px;font-weight:800;}
.kc-content {padding:30px;}
.card-header {	padding: 5px;	margin-bottom: 0;	background-color:rgba(0,0,0,.03);	border-bottom: 1px solid rgba(0,0,0,.125);}
.kundencenter .card h5 .btn.collapsed::before {	content: "\f067";}
.kundencenter .card h5 .btn::before {    display: inline-block;    font-style: normal;    font-variant: normal;    text-rendering: auto;    -webkit-font-smoothing: antialiased;	font-family: "Font Awesome 5 Pro"; 	font-weight: 900; 	content: "\f068";	padding-left:10px;	padding-right:10px;}
.kundencenter .card h5 .btn.collapsed {display:block;width:100%;text-align:left;background:#f8f9fa;color:#333;line-height:40px;}
.kundencenter .card h5 .btn {border-radius:0;display:block;width:100%;text-align:left;background:#333;color:#fff;line-height:40px;}
.kundencenter .card h5 .btn:hover {background:#333;color:#fff;text-decoration:none;}
.kundencenter .card .card-header {padding: 0px;}

.download_header {
	display:block;
}
.download_header b {padding-bottom: 7px;display:block;}

.rmaformitem {
    padding-bottom: 20px;
    display: block;
}
.download_item label {
    display: block;
    width: 220px;
    text-align: right;
    float: left;
    line-height: 50px;
    padding-right: 20px;
    font-size: 17px;
}
.download_item strong {font-weight:800;text-decoration:underline;}
.download_item input,
.download_item select,
.download_item checkbox,
.download_item textarea {

    border: 1px solid #B4B4B4;
    font-size: 17px;
    font-weight: 400;
    padding: 15px 30px 15px 15px;
    width: 400px;
	font-family: 'D-Din', Arial, serif;
}
.download_item input.btn-primary {float:none;width:auto;padding:10px 20px 10px 20px;}
.rmaformitem.dsgvo input[type="checkbox"] {
    position: absolute;
    top: 5px;
    left: 10px;
    width: 20px !important;
    z-index: 1;
}
.rmaformitem.dsgvo {
    position: relative;
	margin-bottom:20px;
}
.rmaformitem.dsgvo label {
    display: inline-block;
    line-height: 110%;
    float: none;
    width: auto;
    text-align: left;
    position: relative;
    font-family: "Open Sans", Arial, serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 150%;
	position:absolute;
	left:0;
	top:0;
}

.rmaformitem.dsgvo label::before {
    width: 20px;
    height: 20px;
    border: 1px solid #B4B4B4;
	background-color:#fff;
    content: '';
    float: left;
    margin: 0 10px;
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.rmaformitem.dsgvo input[type="checkbox"]:checked + label::after {
    display: block;
}
.rmaformitem.dsgvo label::after {
    display: none;
    top: 0px;
    left: 15px;
    content: '✔';
    color:
    #C40066;
    font-size: 18px;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    cursor: pointer;
    line-height: 20px;
    z-index: 3;
}

#adresse {display:none;}
#adresse input#plz {
    width: 100px;
    float: left;
	margin-left:214px;
}
#adresse input#ort {
    float: left;
    width: 282px;
    margin-left: 20px;
}


ul.ku-ebene-zwei {padding:0;margin:0;list-style-type:none;}
ul.ku-ebene-zwei > li {font-weight:700;color:#000;font-size:18px;width:33%;float:left;display:block;height:270px;padding:120px 0 0px 0;margin:0;text-align:center;border-left:1px solid #ccc;border-top:1px solid #ccc;}
ul.ku-ebene-zwei > li:nth-child(-n+3){border-top:none;}
ul.ku-ebene-zwei > li:first-child, ul.ku-ebene-zwei > li:nth-child(4){border-left:none;}
ul.ku-ebene-zwei > li > a {font-weight:700;color:#000;font-size:18px;padding-bottom:8px;display:block;}
ul.ku-ebene-zwei > li > ul.ku-ebene-drei {list-style-type:none;padding-top:7px;}
ul.ku-ebene-zwei > li > ul.ku-ebene-drei > li {padding:0;line-height:100%;margin:0;}
ul.ku-ebene-zwei > li > ul.ku-ebene-drei > li > a {font-weight:500; color:#000;font-size:15px;padding-bottom:0;line-height:140%;}
ul.ku-ebene-zwei > li > ul.ku-ebene-drei > li > a:hover {text-decoration:underline;}

ul.ku-ebene-zwei li#pageUid_384, ul.ku-ebene-zwei li#pageUid_526, ul.ku-ebene-zwei li#pageUid_598 {background: transparent url(../Images/kundencenter_home.svg) center top no-repeat;background-size: 174px 120px;}
ul.ku-ebene-zwei li#pageUid_385 {background: transparent url(../Images/kundencenter_downloads.svg) center top no-repeat; background-size: 174px 120px;}
ul.ku-ebene-zwei li#pageUid_533, ul.ku-ebene-zwei li#pageUid_527 {background: transparent url(../Images/kundencenter_software.svg) center top no-repeat; background-size: 174px 120px;}
ul.ku-ebene-zwei li#pageUid_386 {background: transparent url(../Images/kundencenter_geraete.svg) center top no-repeat; background-size: 174px 120px;}
ul.ku-ebene-zwei li#pageUid_490, ul.ku-ebene-zwei li#pageUid_523 {background: transparent url(../Images/kundencenter_einkauf.svg) center top no-repeat;background-size: 174px 120px;}
ul.ku-ebene-zwei li#pageUid_387, ul.ku-ebene-zwei li#pageUid_524 {background: transparent url(../Images/kundencenter_service.svg) center top no-repeat;background-size: 174px 120px;}

ul.ku-ebene-zwei li#pageUid_525 {background: transparent url(../Images/Vorlagen.svg) center top no-repeat;background-size: 174px 120px;}
ul.ku-ebene-zwei li#pageUid_527 {background: transparent url(../Images/Downloads.svg) center top no-repeat;background-size: 174px 120px;}
ul.ku-ebene-zwei li#pageUid_528 {background: transparent url(../Images/Partnerinfo.svg) center top no-repeat;background-size: 174px 120px;}

.FR ul.ku-ebene-zwei > li, .EN ul.ku-ebene-zwei > li {border-bottom:1px solid #ccc;border-top:none;}
.FR ul.ku-ebene-zwei > li:last-child, .EN ul.ku-ebene-zwei:last-child > li {border-bottom:none;border-right:1px solid #ccc;}

.row.footer #language_menu li {padding:0;margin:0;}
.kundencenter .footer {background:#041f39;color:#fff;text-align:right;}
.kundencenter .footer ul {}
.kundencenter .footer ul li {display:inline-block;float:left;width:auto;}
.kundencenter .footer ul li a {display:block; line-height:35px;padding:0 5px 0 5px; color:#fff;font-size:14px;}
.kundencenter #c5099 strong {font-size: 34px;padding: 15px 0 5px 0;display: block;}
.kundencenter #c5099 em {font-size: 14px;}
.kundencenter #c1516 {float:right;}

#gbs-443 .containerimage .wrapper-center .ce-bodytext,
#gbs-737 .containerimage .wrapper-center .ce-bodytext {color:#505050;}

span.click::before {
	font-family: "Font Awesome 5 Pro"; font-weight: 900;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 50px;
    line-height: 40px;
    text-align: center;
    content: "\f067";
    color:#7c7c7c;
}

span.click.minus::before {content: "\f068";}
span.click:hover {cursor: pointer;}

table.systemvoraussetzungen tr.showhide {background: #fcfcfc !important;}
table.systemvoraussetzungen tr.eins {background: #EEEEEE !important;}

.container.extra-large {margin-top:50px;}
.container .row .space {padding:0 40px 0 80px;}

.loginframe .container {padding:0;}
.loginframe .container form {padding-bottom:20px;}

#checkout-step-payment-method .method-item-info {display:none;}
#checkout-step-payment-method .method-item-name {color:#041f39;padding:0 0 5px 0;}
#checkout-step-payment-method .method-item-name a {color:#000;}
#checkout-step-review .accept-terms a {color:#000;}

.zahlungsanbieter {font-size:12px;padding:0 0 10px 0;}
.checkout-step-content {font-size:16px;}
#checkout-step-summary td.text-right {font-size:12px;width:70%;}
#checkout-step-summary .text-right.last {font-size:16px;width:30%;}

#gbs-486 #checkout-step-billing-address .checkout-step-fields,
#gbs-486 .kontoaendern,
#gbs-486 .zahlungsanbieter,
#gbs-486 #checkout-step-review fieldset .checkout-step-fields {display:none;}

.partnerportal {width:100%;text-align:right;}

#gbs-86 .tx-cart {display:none;}

#c3955 {max-width:1000px;margin:0 auto;}

a.underline {text-decoration:underline;}

.tx-systemvoraussetzungen-pi1 a#button {display:none;}


footer .row .col.news ul.nav-unten-ebene-eins li {padding-bottom:5px;}
footer .row .col.news ul.nav-unten-ebene-eins li a::before {
	  display: inline-block;
	  font-style: normal;
	  font-variant: normal;
	  text-rendering: auto;
	  -webkit-font-smoothing: antialiased;
	  font-family: "Font Awesome 5 Pro";
	  color:#14243a;
	  font-weight: 900;
	  content: "\f061";
	  padding-right:7px;
}

.accordion .produktvarianten {
    border-bottom: 1px solid #dee2e6;
    padding: 30px 0 30px 0;
    font-size: 14px;
}

.accordion .card-header button.btn-link {color:#000;font-size:20px;}
.accordion .card-header button.btn.collapsed::before {content: "\f067";}
.accordion .card-header button::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f068";
    padding-left: 10px;
    padding-right: 20px;
}

#gbs-377 .frame-bluebox {
	padding:10px 20px 30px 30px;
	font-size:12px;
}

#c4374.frame-bluebox {
	margin-top:40px;
	margin-bottom:30px;
	padding:15px 30px 15px 30px;
	border: 2px dashed #041f39;
}


.iconbar .fas.fa-times {float:right;}

#c1516 {width:auto;float:right;}

.save .btn {
	padding:0;
	background:transparent;
	border:none;
	color:#041f39;
	font-size:23px;
}
form.sysform.save {width:100%;}

.save input {}
.save .btn:hover {
	color:#333;
}


@media only screen and (max-width:1200px){
.navigation .container {padding-left:0;margin-left:0;}
.containerimage .wrapper-center .ce-bodytext {padding-left:30px;}
}
@media only screen and (max-width:992px){

	#c1516 {width:auto;float:right;margin-right:7px;}
	.navigation #navbarNav ul.navi-zwei {display:none !important;}
	#search input[type="search"] {font-size:25px;padding:5px;}
	#search button {margin-top:-33px;font-size:25px;float:right;}
	.searchrow {width:80%;}
	.iconbar {display:none;}
  .grid-3-1-2 .row .grid1,
  .grid-3-1-2 .row .grid2,
  .grid-3-1-2 .row .grid3 {margin:0;padding:0;border-left:none;border-bottom: none;border-right:none;}
  .grid-3-1-2 .col-lg.flex-column {margin-top:10px;}
  .containerimage .wrapper {color:#000;}
  .containerimage .wrapper-center .ce-bodytext {color:#000;top:auto;max-width:100%;}
  .containerimage .wrapper-center h1 {  font-weight: 600; font-size: 1.9rem;}
  .containerimage img {opacity: 0.3; width: auto !important; height:300px !important; right:0;}
  .containerimage {min-height: 300px;}
  .containerimage .ce-outer,
  .containerimage .ce-inner {min-height: 300px;}
  .containerimage .ce-column {text-align:right;}
  .containerimage .ce-outer, .containerimage .ce-inner {width:auto;float:right;right:0;}



}

.navbar-toggler {padding:0;}
.navbar-toggler-icon {color:#fff;font-size:30px;width:auto;height:auto;line-height:55px;}



.floating-label{
	font-size: 11px;
	position: relative;
	top: 0;
	z-index: 2;
	opacity: 0;
}

.pin{
	color: black;
}

.container-fluid.footer-breadcrumb{
	padding-left:0;
  padding-right:0;
  background:#3F4040;
}
.breadcrumb {
	border-radius: 0;
  background: #3F4040;
}
.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #fff;
    content: ">";
}

ul.breadcrumb li.breadcrumb-item,
ul.breadcrumb li.breadcrumb-item a {color:#fff;}
ul.breadcrumb li.breadcrumb-item a.home-icon::before{
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f015";
  color:#fff;
  width:100%;
  height:auto;
  position: absolute;
  left:0;
  top:0;
  z-index: 2;
  text-indent: 0px;
  text-align:center;
  white-space: nowrap;
}
ul.breadcrumb li.breadcrumb-item a.home-icon {
  text-indent: -9999px;
  white-space: nowrap;
  display:block;
  width:20px;
  height:auto;
  position:relative;
  z-index: 1;

}

ul.breadcrumb li.breadcrumb-item, ul.breadcrumb li.breadcrumb-item a {
	font-size:15px;
}

#gbs-1 .container-fluid.footer-breadcrumb {
	display:none;
}

.tx-gbs-sys-productview .noborder .col-4 {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

.pagination {
	justify-content: center;
	padding:20px 0;
	}

.searchrating {background:rgba(0,0,0,.03);color:#6c757d;width:100%;max-width:200px;text-align:center;}
.searchrating span {font-size: 2.063rem;
font-weight: 700;text-align:center;display:block;width:100%;padding-top:40px;}

.tx-indexedsearch-browsebox p {text-align:center;padding:0;margin:0;}

.pagination .page-link {color:#041f39;}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #041f39;
    border-color: #041f39;
}


.btn-primary.pull-right {margin-left:10px;}
#c4721 .btn-warning {
color: #fff;background-color: #041f39;border-color: #041f39;padding: 5px 20px 5px 20px;margin-right:10px;
}

#c4723, #c4721 .tx-powermail{text-align:center;}

#c4721 .tx-powermail form input {max-width:400px;margin:0 Auto;text-align:center;}
#c4721 .tx-powermail form select {max-width:500px;margin:0 Auto;text-align:center;}
#c4721 .powermail_fieldwrap {margin-bottom:40px;}
#c4721 .btn-group {margin-bottom:40px;}
.btn-default {color: #fff;background-color: #ccc;border-color: #ccc;padding: 5px 20px 5px 20px;}
.btn-primary.btn-default {background-color: #041f39;border-color: #041f39;}

.powermail_fieldset_69, .powermail_fieldset_64 {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.powermail_fieldset_69 .powermail_fieldwrap.col-md-12 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.powermail_fieldset_69 .powermail_fieldwrap_marker_01.powermail_fieldwrap.col-md-12,
.powermail_fieldset_69 .powermail_fieldwrap_abschicken.powermail_fieldwrap.col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}


.powermail_fieldset_69 input {max-width:100% !important;}



#powermail_captchaimage {margin-top:15px;}

.powermail_tab_navigation {width:100%;}

.row.ergebnis {background:#041f39;color:#fff;text-align:center;padding:20px;}

.tx-cart-products #filters button {
	display:block;
	text-align:left;
	padding:0 0 7px 0;
	margin:0;
	background:transparent;
	border:none;
	font-size:14px;
}

.tx-cart-products #filters button:hover, .tx-cart-products #filters button.is-checked {
	color:#041f39;
}

.input-group.md-form.form-sm.form-1 input{
  border: 1px solid #041f39;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.tx-cart-products .input-group {padding-bottom:20px;}
.tx-cart-products .input-group-text {background:#041f39;border: 1px solid #041f39;}


.rechner {padding:20px 0 0px 0;}
.rechner input {border:none;border:1px solid #eee;padding:5px; width:60px; text-align:center;}
.rechner .col {text-align:center;}
.rechner .col div {padding-bottom:15px;}
.rechnerfaq {padding:30px 40px 10px 40px; font-size:14px;text-align:center;}

.effizienzrechner {padding:70px 0 70px 0;}
.effizienzrechner h2 {text-align:center;}
.effizienzrechner h3 {text-align:center;padding: 0px 0 30px 0;}

.popover{
		width:100%;
        max-width:400px;
		box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
    }
.berater {
	position: fixed;
	bottom:100px;
	right:0px;
	background:#041f39;
	color:#fff;
	width:45px;
	text-align:center;
	line-height:45px;
	font-size:23px;
	display:block;
	padding:11px 0 11px 0;
	z-index:100;
}

.berater:hover, span.close:hover {
	cursor: pointer;
}

.popover-header {
    padding:10px 20px 10px 20px;
	font-family: 'D-Din', Arial, serif;
    background-color: #041f39;
	color:#fff;
font-size: 22px;
font-weight:400;
}

.popover-header span.close {color:#fff;opacity: .8;}

.popover-body {
    padding: 15px 20px 20px 20px;
    color: #212529;
	font-family: 'D-Din', Arial, serif;
	font-size: 18px;
}

.weee {
	color:#14243a;
	font-size:14px;
}

#c5032, #c5088 {
  padding-top:20px;
  padding-right:20px;
}

#c5045 h1{
  font-size: 2.1rem;
}

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


  .containerimage .wrapper-center .ce-bodytext {
    text-align:center;
    padding:20px 0 20px;
  }
  .containerimage {
      padding-top: 0px;
  }
  .popover, i.berater {
    display:none !Important;
  }

  header .navbar-toggler {
    position:absolute;
    top:-74px;
    right:0;
  }
  header .row {
    margin-left:0;
    margin-right:0;
  }
  header .col-6.d-flex.justify-content-end {
  position: absolute;
    right: 0;
    top: 0;
    }

header .header-second {
    position: absolute;
    top: 55px;
    right: 60px;
}

header .btn.icon {
    padding: 0 2px 0 2px;
}

.containerimage .wrapper-center h2 {
    font-size: 42px;
}
  .container {
    max-width:100%;
  }



}

.btn.btn-primary.responsvie {
  display:none;
}


@media only screen and (max-width:768px){
  .ce-intext.ce-right .ce-gallery {
  margin-left: 0px;
  text-align: center;
  }
  .ce-right .ce-gallery {
  float: none;
  }
  .ce-left .ce-gallery, .ce-column {
  float: none;
  }
  .ce-intext.ce-left .ce-gallery {
  margin-right: 0px;
}

.ce-gallery img {
  display: inline-block;
}

.ce-gallery figure {
  display:block;

}

.btn.btn-primary.responsvie {
  display:block;
  margin-top:10px;
}


  .product.content .row.odd .text,
  .product.content .row.even .text {padding:20px;}
  .conimage.order-12 {order: 1;}
  .product.content .row {padding: 0px 0 0px 0;}
  #c5045 h1 {
      font-size: 1.8rem;
  }
  .containerimage .wrapper-center h2 {
      font-size: 28px;
  }
  header .btn.icon {
      padding: 0 0px 0 0px;
  }
  .contentleftright  .image {
    height:300px;
  }
}

#c5032 ul > li:nth-child(6) ~ li,
#c5088 ul > li:nth-child(6) ~ li {
    display: none;
}

#c5102, #c5103 {padding:0px 20px 0 20px;}
#c5102 h2, #c5103 h2 {font-weight: 600;
font-size: 1.9rem;}
#c5102 ul li:first-child, #c5103 ul li:first-child {display:none;}
#c4086.frame-layout-1, #c4087.frame-layout-1 {
    padding: 30px 0 0px 0;
}

.row.contentleftright .text {padding:60px 40px 60px 40px;}
.row.contentleftright .text h2 {font-size: 36px;font-weight:400; color:#041f39;padding-bottom:20px;}
.row.beige .text {background:#a16431;color:#fff;}
.row.blue .text {background:#14243a;color:#fff;}
.row.red .text {background:#041f39;color:#fff;}

.row.green .text {background:rgba(154, 204, 87, .85);color:#fff;}
.row.lightblue .text {background:#00b2ee;color:#fff;}

.row.beige .text h2,
.row.blue .text h2,
.row.red .text h2,
.row.green .text h2,
.row.lightblue .text h2 {color:#fff; }

.row.beige .text .link,
.row.blue .text .link,
.row.red .text .link, 
.row.green .text .link,
.row.lightblue .text .link {color:#fff;border-color:#fff;}

.row.contentleftright .even {text-align: right:}
.row .intext {width:100%;max-width:600px;}
.row .odd .intext {float:right;}

.row.beige .text .link:hover,
.row.blue .text .link:hover,
.row.red .text .link:hover, 
.row.green .text .link:hover,
.row.lightblue .text .link:hover {color:#fff;border-color:#fff;background-color: #fff; color: #000;}

.powermail_fieldwrap_sprachene {display:none !important;}

#gbs-861 .default, #gbs-862 .tx-datamintsfeuser-pi1, #gbs-861 .tx-digtasofthinzufuegen-pi1 {
  max-width:1124px;
  margin:0 auto;
}