/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'),
       url('/fileadmin/design_all/fonts/raleway-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fileadmin/design_all/fonts/raleway-v14-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway Medium'), local('Raleway-Medium'),
       url('/fileadmin/design_all/fonts/raleway-v14-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fileadmin/design_all/fonts/raleway-v14-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'),
       url('/fileadmin/design_all/fonts/raleway-v14-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fileadmin/design_all/fonts/raleway-v14-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  line-height: initial;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, main, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  overflow-x : auto;
  display : inline-block;
}
/*body::before {content : 'TEST SEITE '; display : block; padding: 20px 0; color: #ffffff; background: RED; text-align: center;}*/
/*body::before {content : 'KOPIE - Live-Server'; display : block; padding: 20px 0; color: #ffffff; background: #d5002d; text-align: center;}*/
/*body::before {content : 'KOPIE - Test-Server fuer v13'; display : block; padding: 20px 0; color: #ffffff; background: red; text-align: center;}*/

* {
box-sizing : border-box;
}
html {
overflow-y : scroll;
height : 100%;
}
body {
background : #ffffff;
color : #034266;
position : relative;
font-family : Raleway, "Century Gothic", Arial, Helvetica, sans-serif;
font-weight : 400;
}
h1 {
font-size : 1.5em;
font-weight : 700;
line-height : 135%;
color : #0073b6;
margin : 0 0 35px 0;
padding : 0;
text-align : left;
}
h2 {
font-size : 1.4em;
font-weight : 500;
line-height : 135%;
color : #0073B6;
margin : 0 0 25px 0;
}
h3 {
font-size : 1.3em;
font-weight : 400;
line-height : 135%;
color : #0073B6;
margin : 0 0 15px 0;
}
h4 {
font-size : 1.15em;
font-weight : 400;
line-height : 135%;
margin : 0;
}
h5 {
font-size : 1em;
font-weight : 700;
line-height : 135%;
color : #0073B6;
margin : 0 0 10px 0;
}
a:link, a:visited, a:active {
color : #0073B6;
text-decoration : underline;
/*display : inline-block;*/
display : inline;
}
a.linkKontaktForm {
background: #1981bd;
border: 1px solid #0073b6;
/*border: 1px solid #33B8B2;
background : #58c5c0;*/
border-radius: 5px;
padding: 15px;
font-size: 85%;
color : #ffffff;
display: inline-block;
}
a.linkKontaktForm:hover {
/*background : #0073b6;*/
background : #33B8B2;
border: 1px solid #33B8B2;
}
/*
a.linkKontaktForm::before {
content : ' ';
background : url("/fileadmin/design_sub/img/sprites.png") -163px -14px no-repeat transparent;
padding : 2px 15px;
}
*/

a.shopButton {
background: #33B8B2;
border: 1px solid #33B8B2;
border-radius: 5px;
padding: 15px;
font-size: 85%;
color : #ffffff;
display: inline-block;	
margin-top: 20px;
}



a.download {
margin : 0 10px;
}
/*
a.download::before {
content : ' ';
background: url(/fileadmin/design_sub/img/sprites.png) -265px -114px no-repeat transparent;
padding: 3px 6px 3px 0;
display: block;
height: 17px;  
width: 21px;
float: left;
}
*/

h1 a, h2 a, h3 a, h4 a, h5 a {
text-decoration : underline;
}
p {
margin : 0 0 1em 0;
font-size : 1em;
line-height : 160%;
font-weight : 400;
text-align : left;
}
blockquote, aside {
background : #f5f9fb;
padding : 0;
margin : 40px 0 0 0;
border : #e7f4fb solid 1px;
}
blockquote p, aside p {
font-style : italic;
margin : 30px 50px;
font-weight : 500;
}
.csc-default ul li, .csc-default ol li {
font-size : 1em;
line-height : 160%;
}
.csc-default ul li:last-child, .csc-default ol li:last-child {
border-bottom : none;
}
strong, b {
font-weight : 700;
}
sup {
vertical-align : top;
}
i, em {
font-style : italic;
}
img {
width : auto;
height : auto;
display : block;
image-rendering : -webkit-optimize-contrast;
}
/*
figure {
padding : 10px;
position : relative;
border : #ebf2f7 solid 1px;
display : table;
margin : auto;
border-top-left-radius : 5px;
border-top-right-radius : 5px;
}
*/

figure {
padding : 0;
position : relative;
display : table;
margin : auto;
}

figure.border {
padding : 10px;
border : #ebf2f7 solid 1px;
border-top-left-radius : 5px;
border-top-right-radius : 5px;
}

div.frame-layout-bgBlau figure,
div.footer figure {border : none; padding : 0;}

figcaption {
caption-side : bottom;
padding : 10px;
color : #0073b6;
font-size : 0.9em;
line-height : 160%;
text-align : center;
background : #ebf2f7;
display : table-caption;
}
.box {
width : 100%;
height : auto;
margin : auto;
/*padding : 0 5%;*/
padding : 100px 5%;
}
#main div.csc-default,
#main div.frame {
/*padding : 50px 0;*/
padding : 0;
position : relative;
}
#main div.csc-default + div.csc-default {
background-image : none;
}
#main div.bgGrau + div.bgGrau {
/*padding : 0 0 50px 0;
margin : -25px 0 0 0;*/
}

div.main div.frame-default:nth-of-type(even) {
background : #F5F9FB;
}

div.main div.frame-layout-bgCompany .box {padding:0;}

div.main div.frame-layout-bgCompany .box .ce-textpic {
background: #0073B6 !important;
background: -moz-linear-gradient(top,#0073B6 0%,#056299 100%) !important;
background: -webkit-linear-gradient(top,#0073B6 0%,#056299 100%) !important;
background: linear-gradient(to bottom,#0073B6 0%,#056299 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0073B6',endColorstr='#056299',GradientType=0) !important;
color: #ffffff;
padding:20px;
}

div.main div.frame-layout-bgCompany h2 {color:#ffffff;}
div.main div.frame-layout-bgCompany .ce-gallery figure.image {
background: #ffffff;
padding: 15px;
border-radius: 5px;
top: 0;
height: 50px;
bottom: 0;
margin: 0 0 40px 0;
/*width: 140px;*/
}

.box::after {
content : ' ';
display : block;
clear : both;
visibility : hidden;
height : 0;
}
#header {
background : #0073b6;
}
#header div.box {
padding : 24px 5%;

position : relative;
}
#header div.box a.incomLogo {
/*display : block;*/
display : inline-block;
}
#header div.box a.incomLogo img {
width : 115px;
margin : 0 auto;
display : block;
}

#header div.box img.slogan {
display : none;
visibility : hidden;
}

#header div.box div.herstellerlogo {
right: 5%;
position: absolute;
background: #ffffff;
padding: 5px;
border-radius: 5px;
top: 0;
height: 50px;
bottom: 0;
margin: auto;
width: 140px;
}
#header div.box div.herstellerlogo img {
max-width: 120px;
max-height: 40px;
margin: auto;
top: 0;
bottom: 0;
position: absolute;
left: 0;
right: 0;
}

#menuLanguage {
bottom: -35px;
position: absolute;
z-index: 1;
right: 5%;
background: #0073b6;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
#menuLanguage ul {}
#menuLanguage ul li a {
padding : 0 10px;
display: block;
}
#menuLanguage ul li span.de-DE {
background : url("/fileadmin/design_sub/img/sprites.png") -215px -8px no-repeat transparent;
display : block;
width : 20px;
height : 35px;
float : left;
margin : 0 5px;
padding : 0;
}
#menuLanguage ul li span.en-GB {
background : url("/fileadmin/design_sub/img/sprites.png") -265px -8px no-repeat transparent;
display : block;
width : 20px;
height : 35px;
float : left;
margin : 0 5px;
}

.bgSocialMedia {
background : #e7f4fb;
}
#main div.bgGrau {
background : #F5F9FB;
}
#main div.bgDunkelGrau {
background : #e7f4fb;
}
#main div.bgDunkelGrau div.box {
padding : 0 5%;
}
#main div.bgDunkelGrau div.box > div {
padding : 150px 0;
}
#main div.frame-layout-bgBlau {
background : #1981BD;
/*background : #1981BD url("/fileadmin/design_sub/img/intro-bogen-blau.png") bottom center no-repeat !important;
background-size: 100% 100% !important;*/
}
#main div.frame-layout-bgBlau div.box {
background : transparent url("/fileadmin/design_sub/img/intro-schein-blau.png") top center no-repeat;
padding : 50px 5%;
}
#main div.frame-layout-bgBlau * {
color : #ffffff;
}

#main div.frame-layout-bgSpecial {
background: #e8e8e8;
border-top: 2px solid #ffffff;
}
#main div.frame-layout-bgSpecial div.box {
padding : 50px 5%;
}
#main div.frame-layout-bgSpecial div.box h2 {
margin:0;
color: #034266;
text-align: center;
}
#main div.frame-layout-bgSpecial div.box h3 {
color: #034266;
}
#main div.frame-layout-bgSpecial div.box a.download {
color: #034266;
margin:0;
}
#main div.frame-layout-bgSpecial a.buttonContact {
background: #0073b6;
border:none;
color: #ffffff;
padding: 10px 20px;
margin: 10px 0 0 0;
display: inline-block;
}

div.block-loesungen {
/*border: 1px solid red;*/
display: block;
}
div.block-loesungen div.box {
padding : 0;
}
div.block-loesungen div.box ul { width : 100%; /*display : flex; flex-wrap:wrap; flex-flow: nowrap;*/}
div.block-loesungen div.box ul li {
display: inline-block;
width: 100%;
height : 100px;
border-left: 1px solid #e7f4fb;
border-bottom: 1px solid #e7f4fb;
/*padding: 24px 2%;*/
padding : 10px 5%;
position : relative;
vertical-align : top;
}
div.block-loesungen div.box ul li:nth-child(even) {
background : #F3F8FC;
}
div.block-loesungen div.box ul li a {
display: block;
font-weight: bold;
font-size: 90%;
width: 70%;
height: 55px;
position: absolute;
margin: auto 0 auto 60px;
top: 0;
bottom: 0;
padding: 20px 0;
/*max-height: 18px;*/
}

div.block-loesungen div.box ul li::before {
content : '';
width: 52px;
height: 53px;
position : absolute;
top : 24px;
/*display: inline-block;
top: -6px;
position: relative;*/
}
div.block-loesungen div.box ul li.publisher::before {
background : url("/fileadmin/design_sub/img/icon-klein-publisher-und-kopierer.png") 0 0 no-repeat transparent;
} 
div.block-loesungen div.box ul li.archive::before {
background : url("/fileadmin/design_sub/img/icon-klein-archivierung.png") 0 0 no-repeat transparent;
} 


a.buttonContact {
background : #ffffff;
font-weight : 400;
border : #0073B6 solid 1px;
border-radius : 5px;
width : auto;
margin : 70px auto 30px auto;
padding : 12px 30px 12px 90px;
position : relative;
text-decoration : none;
}
a.buttonContact:hover {
background : #0073B6;
color : #ffffff;
font-weight : 400;
}
/*a.buttonContact:before {
content : '';
background : url("/fileadmin/design_sub/img/icon-button-contact.png") 0 0 no-repeat transparent;
width : 65px;
height : 102px;
display : inline-block;
position : absolute;
left : 20px;
top : -33px;
}*/
div#footer, div#footer p, div#footer h5, div#footer li {
color : #ffffff;
font-size : 100%;
}
div#footer div.box {
padding : 0 5%;
}


div.footerOne {
background : #0073B6;
padding : 0;
}
div.footerOne a {
color : #ffffff;
display : block;
}
div.footerOne ul {
padding : 0;
}
div.footerOne ul li {
list-style : none;
margin : 0 30px 10px 0;
padding : 0;
}
div.footerOne ul li a {
padding : 10px 0;
}
div.footerOne div.outside, div.footerOne div.center {
width : 100%;
padding : 25px 0;
}
div.footerOne div.outside, div.footerOne div.center {
width : 100%;
padding : 25px 0;
}
div.footerOne div.center {
border-top : 2px solid #0a7ab9;
border-bottom : 2px solid #0a7ab9;
}
div.footerOne div.center > div {
width : auto;
display : block;
}
ul.iconListAddress {
padding : 0 !important ;
}
.ce-bodytext ul.iconListAddress li {
margin : 0 7% 15px 0;
padding : 10px 0 10px 50px;
position : relative;
display : inline-block;
vertical-align : middle;
}
ul.iconListAddress li.street::before {
content: '';
width : 40px;
height : 40px;
background : url("/fileadmin/design_sub/img/sprites.png") -58px -155px no-repeat transparent;
position : absolute;
left : 0;
top : 9px;
}
ul.iconListAddress li.tel::before {
content: '';
width : 35px;
height : 40px;
background : url("/fileadmin/design_sub/img/sprites.png") -58px -106px no-repeat transparent;
position : absolute;
left : 0;
top : 0;
}
ul.iconListAddress li.fax::before {
content: '';
width : 35px;
height : 40px;
background : url("/fileadmin/design_sub/img/sprites.png") -7px -252px no-repeat transparent;
position : absolute;
left : 0;
top : 0;
}
ul.iconListAddress li.email::before {
content: '';
width : 37px;
height : 40px;
background : url("/fileadmin/design_sub/img/sprites.png") -8px -103px no-repeat transparent;
position : absolute;
left : 0;
top : 0;
}
ul.iconListAddress li.web {
content: '';
width : 42px;
height : 40px;
background : url("/fileadmin/design_sub/img/sprites.png") -7px -153px no-repeat transparent;
position : absolute;
left : 0;
top : 0;
}
ul.iconListAddress li.shop::before {
content: '';
width : 37px;
height : 40px;
background : url("/fileadmin/design_sub/img/sprites.png") -8px -306px no-repeat transparent;
position : absolute;
left : 0;
top : 0;
}
ul.iconListAddress li a {
padding : 0 !important ;
}
ul.eventCal {
list-style:none;
margin : 0 0 20px 0;
padding :0;
}
ul.eventCal li {
padding: 0 0 0 40px !important;
margin: 0 0 20px 0 !important;
line-height : 1.4em;
position: relative;
}
ul.eventCal li::before {
content: '';
background: transparent url(/fileadmin/design_sub/img/sprites.png) -111px -260px no-repeat;
width: 30px;
height: 30px;
position: absolute;
left: 0;
top: 0;
}
ul.eventCal li a {padding : 2px 0 !important;}
ul.eventCal li span {color : #80B9DB; font-size: 0.85em;}
div.footerOne .ce-gallery {
margin : 3px 0 !important ;
}
div.footerOne .ce-gallery figure {position : unset; border : none; padding : 0; margin : 0;}
div.footerOne .ce-gallery img {
margin : 0;
}

div.footerTwo {
background : #034266;
}
div.footerTwo div.left, div.footerTwo div.right {
width : 100%;
padding : 10px 0;
}
div.footerTwo ul {
padding : 0;
}
div.footerTwo ul li {
display : inline-block;
/*margin : 0 10px 0 0;*/
margin: 5px 10px 5px 0;
}
div.footerTwo p {
margin : 0;
}
div.footerTwo a {
color : #ffffff;
padding : 5px 10px 5px 0;
}
.shariff {
padding : 25px 0 10px 0;
margin : 0;
}
.shariff ul {
display : inline-block !important ;
min-width : auto;
width : 100%;
text-align : center;
}
.shariff ul li {
width : 40px !important ;
margin : 0 10px 10px 0 !important ;
padding : 0;
height : 40px;
display : inline-block !important ;
float : none !important ;
text-align : left;
}
.shariff ul li a {
height : 40px;
text-decoration : none;
border : transparent solid 1px;
overflow : hidden;
}
.shariff ul li a span.fa {
height : 40px;
width : 40px;
display : inline-block;
}
.shariff ul li a:hover {
color : #ffffff;
}
.shariff li .share_text {
line-height : 40px;
display : inline-block !important ;
}
.shariff li .share_count {
height : 40px;
line-height : 40px;
top : 0;
right : 0;
}
.shariff ul li.facebook a > span.fa {
background : url("/fileadmin/design_sub/img/sprites.png") -305px -5px no-repeat transparent;
}
.shariff ul li.facebook a:hover {
border : #4273c8 solid 1px;
background-color : #4273c8;
}
.shariff ul li.twitter a > span.fa {
background : url("/fileadmin/design_sub/img/sprites.png") -305px -56px no-repeat transparent;
}
.shariff ul li.twitter a:hover {
border : #32bbf5 solid 1px;
background-color : #32bbf5;
}
.shariff ul li.googleplus a > span.fa {
background : url("/fileadmin/design_sub/img/sprites.png") -305px -106px no-repeat transparent;
}
.shariff ul li.googleplus a:hover {
border : #f75b44 solid 1px;
background-color : #f75b44;
}
.shariff ul li.addthis a > span.fa {
background : url("/fileadmin/design_sub/img/sprites.png") -305px -206px no-repeat transparent;
}
.shariff ul li.addthis a:hover {
background-color : #f8694d;
border : #f8694d solid 1px;
}
div#social_buttons p {
display : inline-block;
margin : 0;
}
div#social_buttons p a {
width : 40px;
height : 40px;
display : inline-block;
/*margin : 0 20px 0 0;*/
margin : 0 17px 0 0;
text-indent : -500px;
overflow : hidden;
border-radius : 5px;
}
div#social_buttons p a.social_fb {
background : url("/fileadmin/design_sub/img/sprites.png") -306px -5px no-repeat transparent;
}
div#social_buttons p a.social_tw {
background : url("/fileadmin/design_sub/img/sprites.png") -306px -56px no-repeat transparent;
}
div#social_buttons p a.social_gp {
background : url("/fileadmin/design_sub/img/sprites.png") -305px -106px no-repeat transparent;
}

div#social_buttons p a.social_xi {
background : url("/fileadmin/design_sub/img/sprites.png") -305px -256px no-repeat transparent;
}
div#social_buttons p a.social_in {
background : url("/fileadmin/design_sub/img/sprites.png") -255px -256px no-repeat transparent;
}

div#social_buttons p a.social_rss {
background : url("/fileadmin/design_sub/img/sprites.png") -307px -156px no-repeat transparent;
}
div#social_buttons p a:hover {
background-color : #0a7ab9;
}
/*
div#social_buttons p {
display : inline-block;
margin : 0;
}
div#social_buttons p a {
width : 40px;
height : 40px;
display : inline-block;
margin : 0 20px 0 0;
text-indent : -500px;
overflow : hidden;
border-radius : 5px;
}
div#social_buttons p a.social_fb {
background : url("/fileadmin/design_sub/img/sprites.png") -306px -5px no-repeat transparent;
}
div#social_buttons p a.social_tw {
background : url("/fileadmin/design_sub/img/sprites.png") -306px -56px no-repeat transparent;
}
div#social_buttons p a.social_gp {
background : url("/fileadmin/design_sub/img/sprites.png") -305px -106px no-repeat transparent;
}
div#social_buttons p a.social_rss {
background : url("/fileadmin/design_sub/img/sprites.png") -307px -156px no-repeat transparent;
}
div#social_buttons p a:hover {
background-color : #0a7ab9;
}
*/
div#start {
position : absolute;
height : 0;
width : 0;
top : -200px;
}
div.totop {
width: 50px;
position : fixed;
right : -50px;
bottom : 0;
z-index : 2000;
transition : all 0.3s linear;
}
div.totop a {
width : 50px;
height : 50px;
padding : 7px;
background : url("/fileadmin/design_sub/img/sprites.png") -150px -100px no-repeat #0073b6;
text-indent : -5000px;
display: inline-block;
}
div.display {
left : 0;
}
.align-left {
text-align : left;
}
.align-center {
text-align : center;
}
.align-right {
text-align : right;
}
.ce-align-left {
text-align : left;
}
.ce-align-center {
text-align : center;
}
.ce-align-right {
text-align : right;
}
.ce-table td, .ce-table th {
vertical-align : top;
}
.ce-textpic, /*.ce-nowrap .ce-bodytext,*/ .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {
overflow : hidden;
}
.ce-column:last-child {
margin-right : 0;
}
.ce-row:last-child {
margin-bottom : 0;
}
.ce-intext.ce-left ol, .ce-intext.ce-left ul {
padding-left : 40px;
overflow : auto;
}
.ce-uploads span {
display : block;
}
div.ce-border {margin : 0 !important;}
div.ce-border .ce-column {display : inline-block;}
div.ce-border[data-ce-columns="2"] .ce-column {width : 50%;}
div.ce-border[data-ce-columns="3"] .ce-column {width : 33.3333% !important;}
div.ce-border[data-ce-columns="4"] .ce-column {width : 25%;}
div.ce-border[data-ce-columns="5"] .ce-column {width : 20%;}
.ce-border img {height : auto; width : auto; max-width : 100%; max-height : 100%;}
.ce-border .ce-media {
border : 0px solid #f5f9fb;
}
.ce-border .ce-column {
margin : 10px;
}
.ce-intext .ce-column {
float : none;
}
.ce-bodytext ul {
padding : 0 0 0 20px;
list-style : disc;
}
.ce-bodytext ol {
padding : 0 0 0 20px;
list-style : decimal;
}
.ce-bodytext ul li, .ce-bodytext ol li {
margin : 10px 0;
}
ul.ce-bullets, ul.list-icon-pfeil, ul.list-icon-pfeil-blau, ol.list-icon-pfeil, ul.list-icon-haken, ol.list-icon-haken {
margin : 0;
padding : 0;
list-style : none;
}
ul.ce-bullets li, ul.list-icon-pfeil li, ul.list-icon-pfeil-blau li, ol.list-icon-pfeil li, ul.list-icon-haken li, ol.list-icon-haken li {
margin : 0;
padding : 20px 0 20px 50px;
border-bottom : 1px solid #e7f4fb;
font-size : 1em;
line-height : 1.65em;
position : relative;
}
ul.list-icon-pfeil-blau li {
padding: 5px 0 5px 20px;
border:none;
}
ul.ce-bullets li::before, ul.list-icon-pfeil li::before, ul.list-icon-pfeil-blau li::before, ol.list-icon-pfeil li::before, ul.list-icon-haken li::before, ol.list-icon-haken li::before {
width : 20px;
height : 20px;
display : inline-block;
position : absolute;
content : " ";
top : 24px;
left : 14px;
}
ul.ce-bullets li::before, ul.list-icon-pfeil li::before {
background : url("/fileadmin/design_sub/img/sprites.png") -220px -164px no-repeat transparent;
}
ul.list-icon-pfeil-blau li::before {
background : url("/fileadmin/design_sub/img/sprites.png") -220px -118px no-repeat transparent;
top: 10px;
left: 1px;
}
ol.list-icon-pfeil li::before {
background : url("/fileadmin/design_sub/img/sprites.png") -220px -114px no-repeat transparent;
}
ul.list-icon-haken li::before {
background : url("/fileadmin/design_sub/img/sprites.png") -164px -166px no-repeat transparent;
}
ol.list-icon-haken li::before {
background : url("/fileadmin/design_sub/img/sprites.png") -164px -216px no-repeat transparent;
}
ul.ce-bullets li:last-child, ul.list-icon-pfeil li:last-child {
border : none;
}
ul.list-icon-pfeil li ul {
list-style : square outside;
margin : 10px 0 0 20px;
padding : 0;
}
ul.list-icon-pfeil li ul li {
border : none;
background : none;
padding : 5px 0;
margin : 0;
background-color : transparent !important ;
}
ul.ce-uploads {
margin : 0;
display : table;
text-align : center;
}
ul.ce-uploads li {
display : inline-block;
margin : 0 50px 20px 0;
padding : 5px 0 0 0;
width : auto;
min-width : 30%;
text-align : left;
float : left;
}
ul.ce-uploads li img {
float : left;
padding : 0 10px 0 0;
width : auto;
}
ul.ce-uploads li div {
width : auto;
}
ul.ce-uploads li a {
text-decoration : underline;
}
ul.ce-uploads li a:hover {
text-decoration : none;
}
ul.ce-uploads div.title-description {
display : block;
margin : 0 10px 0 0;
padding : 0;
float : left;
}
ul.ce-uploads span {
float : left;
color : #b5d0e0;
}
ul.ce-uploads p {
float : none;
padding : 0;
margin : 0;
font-size : 1em;
}
.ce-gallery {
width : 100%;
}
.ce-gallery .ce-column {
margin : 0 0 20px 0;
}
.ce-gallery a {
display : block;
}
.ce-gallery img {
max-width : 100%;
margin : auto;
}
table tr td, table tr th {
border : #ebf2f7 solid 1px;
padding : 10px;
}
table tr th {
font-weight : 500;
background : #f5f9fb;
text-align : left;
color : #0073b6;
}
hr.ce-div {
border : 0;
border-bottom : 1px dashed #ebf2f7;
height : 1px;
margin : 0 0 30px 0;
padding : 30px 0 0 0;
}
div.bgGrau hr.ce-div {
border-bottom : 1px dashed #b5d0e0;
}

.jumpMenu {
background :  #f5f9fb;
padding : 10px 5% 10px 5%;
border-bottom: 1px solid #e7f4fb;
}

.menuFixed {
position : fixed;
z-index : 1000;
top: 0;
left: 0;
right: 0;
}


.jumpMenu div.box {
padding : 0;
}
.jumpMenu div.box img {
height: 30px;
width: auto;
display: block;
}
.jumpMenu ul {
width : auto;
}
.jumpMenu ul li {
display : inline-block;
margin: 5px 0 5px 10px;
/*margin : 0 7px 0 0;*/
width : auto;
border-right : 1px solid #e7f4fb;
text-align : center;
}
.jumpMenu ul li:last-child {
border:none;
}
.jumpMenu ul li a {
padding: 6px 10px 6px 0;
/*padding : 5px 6px 7px 0;*/
/*font-size : 90%;*/
}

.jumpMenu ul li a.current {
text-decoration : none;
color : #7fb9da;
}


/** PLUGIN - Powermail **/

div.tx-powermail {border : 0px solid red; margin: 0; padding : 20px 0 0 0;}
div.tx-powermail label {font-weight : bold; cursor : pointer; color: #1981bd;}

div.powermail_fieldwrap_type_check {border : 0px solid green;}
div.powermail_fieldwrap_type_check div.powermail_field {margin : 0 0 20px 0; position : relative;}
div.powermail_fieldwrap_type_check div.powermail_field div.checkbox {display : inline-block; margin : 0 30px 0 0; position : relative;}
div.powermail_fieldwrap_type_check div.powermail_field div.checkbox label {font-weight : normal;}


div.checkbox input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
}

/* graceful degradation for ie8 */
input[type='checkbox'],
input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
}

input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
  cursor: pointer;
  position : relative;
}

input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 27px;
    height:27px;
    position: relative;
    top : 6px;
    left : 0px;
/*    margin-right : 5px;*/
    z-index : 1;
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {

}

input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {

}

input[type='checkbox'] + label span {
    border: 1px solid #d9e7ef;
    width: 20px;
    height: 20px;
    display: block;
    z-index: 0;
    position: absolute;
    top: -1px;
    border-radius: 5px;
    background: #ffffff;
}

input[type='checkbox']:hover + label span {
/*background : #f9f9f9;*/
border-color : #cde0ea;
}

input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
background : transparent url("/fileadmin/design_sub/img/sprites.png") -161px -163px no-repeat;
}

div.powermail_fieldwrap_type_input,
div.powermail_fieldwrap_type_textarea {border : 1px solid #d9e7ef; background : #ffffff; border-radius : 5px;  margin : 20px 0; padding : 10px; position : relative;}
div.powermail_fieldwrap_type_textarea {height : 100px;}
div.powermail_fieldwrap_type_input::after,
div.powermail_fieldwrap_type_textarea::after {content : ' '; clear:right; visibility : hidden; display : none; height : 0;}
div.powermail_fieldwrap_type_input label,
div.powermail_fieldwrap_type_textarea label {display : inline-block; width : 25%; margin : 2px 0 0 0; color : #0073b6; font-weight : normal;}
div.powermail_fieldwrap_type_input div.powermail_field,
div.powermail_fieldwrap_type_textarea div.powermail_field {display : inline-block; width : 70%; float : right;}
div.powermail_fieldwrap_type_input div.powermail_field input,
div.powermail_fieldwrap_type_textarea div.powermail_field textarea {width : 100%; border : none; border-left : 1px dotted #d9e7ef; outline : none; padding : 0 0 0 20px;}
div.powermail_fieldwrap_type_textarea div.powermail_field textarea {height: 75px;}

input.powermail_submit {
border: 1px solid #0073b6;
background: #1981bd;
color : #ffffff;
border-radius: 5px;
padding: 10px 30px;
/*font-weight: bold;*/
font-size : 1em;
cursor : pointer;
margin : 20px 0 0 0;
}
input.powermail_submit:hover,
input.powermail_submit:focus {
/*background : #0073b6;*/
background: #33B8B2;
border: 1px solid #33B8B2;
}

input, textarea {font-family: Raleway, "Century Gothic", Arial, Helvetica, sans-serif;}

div.tx-powermail span.mandatory {
color: red;
font-size: 1.6em;
line-height: 0;
}

div.tx-powermail ul.parsley-errors-list {
position: absolute;
top: 0;
right: 5px;
color: red;
}
div.tx-powermail ul.parsley-errors-list li.parsley-required {
font-size: 0.75em;
}
.cc-window {
padding: 20px !important;
}
.cc-floating .cc-message {
font-size: 0.9em;
line-height: 135%;
}
.cc-floating .cc-message .cc-link {
color: #b5d0e0 !important;
}
.cc-compliance .cc-deny {
font-weight: normal;
text-align: left;
padding: .4em 0;
}
.cc-compliance .cc-allow,
.cc-compliance .cc-btn {
border-radius:3px;
color:#ffffff !important;
}
.cc-compliance .cc-allow:hover {
background: #58c5c0 !important;
}
.cc-revoke {
left:60px !important;
}

#lhc_status_container {
z-index:100 !important;
}


@media screen and (min-width:40em) {

#header div.box a.incomLogo {
display : inline-block;
}
#header div.box a.incomLogo img {
margin : 0;
}
/*
#header div.box img.slogan {
margin : 6px 0 0 0;
float : right;
}
*/

h1 {
text-align : left;
}
.ce-right .ce-gallery, .ce-left .ce-gallery {
width : 30%;
}

a.linkKontaktForm::before {
content : ' ';
background : url("/fileadmin/design_sub/img/sprites.png") -163px -14px no-repeat transparent;
padding : 3px 15px;
}

a.shopButton {
margin-left: 20px;
margin-top: 0;
}

a.shopButton:hover {}

a.shopButton::before {
content: ' ';
background: url(/fileadmin/design_sub/img/sprites.png) -12px -313px no-repeat transparent;
padding: 3px 15px 3px 20px;
}

div.footerOne ul li {
display : inline-block;
}
div.footerOne .ce-bodytext ul.iconListAddress li {
width : 50%;
margin : 0 0 15px 0;
}
div.footerOne div.center > div {
width : 50%;
display : inline-block;
vertical-align : top;
padding : 0 5% 0 0;
}
body.mobile div.footerOne .ce-bodytext ul.iconListAddress li {
width : 100%;
}
.ce-above .ce-gallery {
margin : 0 0 25px 0 !important ;
}
.ce-below .ce-gallery {
margin : 25px 0 0 0 !important ;
}
.ce-left .ce-gallery {
float : left;
margin : 10px 50px 10px 0;
}
.ce-right .ce-gallery {
width : 50%;
float : right;
margin : 10px 0 10px 50px;
}
div.ce-gallery[data-ce-columns="2"], div.ce-gallery[data-ce-columns="3"], div.ce-gallery[data-ce-columns="4"], div.ce-gallery[data-ce-columns="5"] {
width : 100%;
}
div.ce-gallery[data-ce-columns="2"] .ce-column, div.ce-gallery[data-ce-columns="3"] .ce-column, div.ce-gallery[data-ce-columns="4"] .ce-column, div.ce-gallery[data-ce-columns="5"] .ce-column {
width : 50%;
padding : 0 10px 0 0;
margin : 0 0 10px 0;
display : inline-block;
}
.ce-below div.ce-border {margin : 0 !important;}
div.ce-border[data-ce-columns="2"] .ce-column,
div.ce-border[data-ce-columns="3"] .ce-column,
div.ce-border[data-ce-columns="4"] .ce-column,
div.ce-border[data-ce-columns="5"] .ce-column {width : auto !important;}


.jumpMenu {
padding: 25px 5% 20px 5%;
}
.jumpMenu div.box img {
display: inline-block;
}
.jumpMenu ul {
display: inline-block;
margin: 0;
}
.jumpMenu ul li {
/*margin: 0 5px 0 0;*/
margin: 5px 10px 5px 0;
}
.jumpMenu ul li a {
/*padding: 5px 10px 5px 5px;*/
padding: 6px 10px 6px 0;
font-size: 100%;
}


/** PLUGIN - Powermail **/
div.powermail_fieldwrap_type_input, div.powermail_fieldwrap_type_textarea {
display : inline-block;
width : 47%;
margin : 10px 2% 10px 0;
vertical-align : top;
}

}

@media screen and (min-width:46em) {
table {
display : table;
}
body.mobile div.footerOne div.outside, body.mobile div.footerOne div.center {
width : 100%;
}
.cc-window {
border-radius: 5px;
left: 60px !important;
max-width: 22em !important;
}
#main div.csc-default {
background-image : url("/fileadmin/design_sub/img/bg-block.png");
background-position : center bottom;
background-repeat : no-repeat;
}
#main div.frame-layout-bgBlau {
background : #1981BD url("/fileadmin/design_sub/img/intro-bogen-blau.png") bottom center no-repeat !important;
background-size: 100% 100% !important;
}
#main div.bgDunkelGrau,
#main div.bgGrau {
background-image : none;
}
.jumpMenu ul li a {
font-weight : 700;
}
div.block-loesungen div.box ul li {
width: 50%;
}
}
@media screen and (min-width:64em) {
  
#menuLanguage {
right: 0;
}  
  
.ce-left .ce-gallery {
width : auto;
}
.ce-right .ce-gallery {
width : auto;
}
div.ce-gallery[data-ce-columns="2"], div.ce-gallery[data-ce-columns="3"], div.ce-gallery[data-ce-columns="4"], div.ce-gallery[data-ce-columns="5"] {
width : auto;
}
div.ce-gallery[data-ce-columns="2"] .ce-column {
width : 50%;
}
div.ce-gallery[data-ce-columns="3"] .ce-column {
width : 33.3333%;
}
div.ce-gallery[data-ce-columns="4"] .ce-column {
width : 25%;
}
div.ce-gallery[data-ce-columns="5"] .ce-column {
width : 20%;
}
h1 {
font-size : 2.75em;
}
h2 {
font-size : 2.25em;
}
h3 {
font-size : 1.75em;
}
h4 {
font-size : 1.15em;
}
p {
font-size : 1.2em;
}
.csc-default ul li, .csc-default ol li {
font-size : 1.2em;
}
a:hover {
text-decoration : none;
}
.box {
width : 924px;
/*padding : 0;*/
padding : 100px 0;
}
  
.frame-type-image .box {padding: 50px 0 5px 0;}  
  
#header div.box {
/*padding : 24px 0;*/
padding : 19px 0;
}

#header div.box div.herstellerlogo {
right : 0;
}
#header div.box img.slogan {
max-width : 100%;
width : auto;
margin: auto;
display: inline-block;
visibility : visible;
position: absolute;
left: 0;
right: 0;
top: 25px;
}

#main div.frame-layout-bgBlau div.box {
padding : 100px 0;
}
div#footer div.box {
padding : 0;
}
#main div.bgDunkelGrau div.box {
padding : 0;
}
  
#main div.frame-layout-bgSpecial {
background: #0073b6;
/*background: #00B697;*/
border:none;
/*padding:20px 0;*/
padding: 0px 0 50px 0;
}
#main div.frame-layout-bgSpecial div.box {
background: #ffffff;
border-radius: 5px;
padding: 40px 5%;
}
#main div#aktionspreise div.box {
background: none;
padding: 40px 0 0 0;
}
#main div.frame-layout-bgSpecial div.box h2 {
color:#ffffff;
font-size: 3em;
font-weight: 600;
}
  
div.main div.frame-layout-bgCompany .box {padding: 50px 0;}
div.main div.frame-layout-bgCompany .box .ce-textpic {
border-radius: 5px;
padding: 0;
position: relative;
}
div.main div.frame-layout-bgCompany .box .ce-textpic .ce-gallery {
padding: 30px;
position: absolute;
width: 30%;
top: 0;
bottom: 0;
right: 0;
background: #84A0B0 !important;
background: -moz-linear-gradient(top,#84A0B0 0%,#517F9A 100%) !important;
background: -webkit-linear-gradient(top,#84A0B0 0%,#517F9A 100%) !important;
background: linear-gradient(to bottom,#84A0B0 0%,#517F9A 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#84A0B0',endColorstr='#517F9A',GradientType=0) !important;
color: #ffffff;
margin: 0 !important;
}
div.main div.frame-layout-bgCompany .box .ce-textpic .ce-gallery::after {
content : ' ';    
background: transparent url(/fileadmin/design_sub/img/icon-company.png) center bottom no-repeat;
width: 170px;
height: 219px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}
div.main div.frame-layout-bgCompany .ce-gallery figure.image {
margin:auto;    
}
div.main div.frame-layout-bgCompany .box .ce-textpic .ce-bodytext {
padding: 30px;
width: 70%;    
}
div.main div.frame-layout-bgCompany .box .ce-textpic .ce-bodytext p.clearfloat::after {
content: '';
clear:both;
display:block;
height:0;
}
  
div.block-loesungen div.box ul li {
width: 25%;
padding: 10px 2%;
}
div.footerOne {
padding : 50px 0;
}
div.footerTwo {
padding : 30px 0 25px 0;
}
div.footerOne div.outside, div.footerOne div.center {
/*width : 30.3333%;*/
width : 29%;
padding : 25px 0;
float : left;
}
div.footerOne div.center {
width : 33%;
margin : 0 8% 0 1%;
border : none;
}
div.footerOne .ce-bodytext ul.iconListAddress li {
width : 100%;
}
div.footerOne div.center > div {
width : auto;
}
div.footerOne ul li {
margin : 0 30px 0 0;
display : block;
}
div.footerTwo div.left {
width : 70%;
float : left;
}
div.footerTwo div.right {
width : 30%;
float : right;
}
div.footerTwo div.right p {
text-align : right;
}
div.footerOne a:hover, div.footerTwo a:hover {
color : #80B9DB;
}
div.footerOne div.outside, div.footerOne div.center {
padding : 0;
}
div.footerTwo ul li {
margin : 0 10px 0 0;
} 
  
/*COOKIECONSENT*/
.cc-left {
left: 60px !important;
}
/*
.menuFixed {
position : fixed;
z-index : 1000;
top: 0;
left: 0;
right: 0;
}
*/
}

@media screen and (min-width:1280px) {
.box {
width : 1024px;
}
  
#main div.frame-layout-bgSpecial div.box {
/*padding: 50px;*/
padding: 30px 50px;
}  
#main div.frame-layout-bgSpecial a.buttonContact:hover {
background: #33B8B2;
}


}
body.mobile #footer .center > div {
margin : 40px 0 20px 0;
}