@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');

/*
	font-family: 'PT Sans', sans-serif;
*/

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; font-weight: normal; }
a[href^=tel]{ color:inherit; text-decoration: inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
iframe{ max-width: 100%; }
picture img{ width: 100%!important; }
img{ border:none; }
img{ max-width: 100%; height: auto; }
.ce-gallery img:not([src$=".svg"]){ width: 100%;  }
.ce-gallery a{ display:block; }

html, body { font-family: 'PT Sans', sans-serif; font-weight: 400; color: #000; height: 100%;  }
html{ overflow-y: scroll; }
ul { margin: 0px; }
a:focus { outline: none; }
h1, h2, h3, h4, h5 { line-height: 1; color: #134383; }
fieldset { border: none; }
:focus { outline:none; }
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="password"]{
	-webkit-appearance: none;
	border-radius: 0;
	font-family: 'PT Sans', sans-serif;
}
::-webkit-input-placeholder { color: #134383; } .parsley-error::-webkit-input-placeholder { color: #134383; }
:-moz-placeholder { color: #134383; opacity: 1; } .parsley-error:-moz-placeholder { color: #134383; opacity: 1; }
::-moz-placeholder { color: #134383; opacity: 1; } .parsley-error::-moz-placeholder { color: #134383; opacity: 1; }
:-ms-input-placeholder { color: #134383; } .parsley-error:-ms-input-placeholder { color: #134383; }

@-moz-document url-prefix() {
	div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap{ display: inline-block;  width: 100%; text-align: center; }
	div.csc-textpic .csc-textpic-imagewrap figure img, div.csc-textpic figure.csc-textpic-imagewrap img { margin: 0 auto; width: 100%; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap{ display: inline-block;  width: 100%; text-align: center; }
	div.csc-textpic .csc-textpic-imagewrap figure img, div.csc-textpic figure.csc-textpic-imagewrap img { margin: 0 auto; width: 100%; }
	img[src$=".svg"]{ width: 100%;  }
}

b,strong, a b, a strong{ font-weight: 700; }

.button{ display: inline-block; }
.button:after{ content:''; font-family: Verdana, Arial, sans-serif; } /* safari line-height hack */

a{ color: inherit; text-decoration: none; }

.align-left, .left{ text-align: left; }
.align-right, .right{ text-align: right; }
.align-center, .center{ text-align: center; }
.align-justify{ text-align: justify; }

/* limiters */
.inner { max-width: 1030px; margin: 0 auto; }
.inner-2 { max-width: 970px; margin: 0 auto; }
.background.grey { background-color: #ececec; padding-top: 60px; margin-bottom: 80px; }
.background.white { background-color: #FFF; }
.background.blue { background-color: #134383; color: #FFF; margin-bottom: 80px; }
.background.blue h4 { color: #FFF; }

/* clearer */
.clear{ line-height: 0px; font-size: 0px; height: 0px; text-indent: -999px; clear: both; }
header:after, footer:after, #hTop:after, #hBottom:after, #naviMain > ul:after, .naviSubInner:after, .regFields:after,
.row:after, #content .csc-mailform ol:after { clear: both; content: ''; display: table; }
#naviMain ul, footer ul, nav ul { list-style: none; }

/* effect */
#naviMain > ul > li > ul, #naviMain > ul > li > a, #naviMain > ul > li > a:after, .mobicon span, #naviIcons > ul > li, #naviMainMob > ul > li,
.effect { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

/* font-sizes */
.size1, #hTop, #naviMain a, #autcomplete, #naviIcons > ul > li:hover > a, .csc-mailform .csc-form-element-textblock { font-size: 15px; }
.size2, .mobicon span.text, #content span.detail { font-size: 20px; }
.size3, html, body, footer h3, #content h5, .csc-mailform .csc-form-element input, .csc-mailform .csc-form-element textarea { font-size: 18px; }
.size4, #content h4 { font-size: 30px; }
.size5, .naviSubLeftTitle { font-size: 33px; }
.size6, #content h3, #content h2 { font-size: 40px; }

/* header */
#bg { position: fixed; top: 0; left: 0; z-index: 95; display: none; width: 100%; height: 100%; background-color: rgba(27, 50, 125, 0.6); }
body > header { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; }
body > header:before { position: absolute; top: 0; left: 0; z-index: 3; width: 35%; content: ""; display: none; height: 80px; background-color: #FFF; border-top: 31px solid #1b327d; }
#logo { -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-left-radius: 15px; position: relative; z-index: 5; float: left; width: 20%; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; background-color: #FFF; text-align: center; }
#logo .logo_link { display: block; line-height: 0px; font-size: 0px; }

#hRight { position: relative; z-index: 4; float: left; width: 100%; }

#hTop { background-color: #1b327d; float: left; height: 94px; border-radius: 0 0 15px 0; }
#naviIcons { float: right; display: none; }
#naviIcons > ul { line-height: 25px; }
#naviIcons > ul > li { display: block; height: 31px; line-height: 31px; background-repeat: no-repeat; background-position: left center; margin-right: 10px; float: left; }
#naviIcons > ul > li#mail { background-image: url(../img/mail.png); width: 28px; }
#naviIcons > ul > li#phone { background-image: url(../img/phone.png); width: 20px; }
#naviIcons > ul > li#fax { background-image: url(../img/fax.png); width: 18px; }
#naviIcons > ul > li#login { background-image: url(../img/login.png); width: 16px; }
#naviIcons > ul > li:hover#mail { width: 186px; padding-left: 38px; }
#naviIcons > ul > li:hover#phone { width: 200px; padding-left: 30px; }
#naviIcons > ul > li:hover#fax { width: 195px; padding-left: 28px; }
#naviIcons > ul > li:hover#login { width: 65px; padding-left: 26px; }
#naviIcons > ul > li > a { font-size: 0; color: #FFF; white-space: nowrap; }
#search { line-height: 20px; padding-left: 33px; float: right; margin-top: 2px; margin-bottom: 4px; background-image: url(../img/search.png); background-repeat: no-repeat; background-position: left center; }
#autcomplete { border: none; background: none; border-bottom: 1px solid #FFF; color: #FFF;  }
/*#autcomplete::-webkit-input-placeholder { color: #FFF; }*/
/*#autcomplete:-moz-placeholder { color: #FFF; opacity: 1; }*/
/*#autcomplete::-moz-placeholder { color: #FFF; opacity: 1; }*/
/*#autcomplete:-ms-input-placeholder { color: #FFF; }*/
#naviLanguage { float: right; }
#naviLanguage > ul { padding-top: 20px; margin-left: 5px; margin-right: 5px; height: 100%; }
#naviLanguage > ul > li { display: block; }
#naviLanguage > ul > li > a {}
#naviLanguage > ul > li > a > span > img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(grayscale.svg#greyscale); filter: gray; -webkit-filter: grayscale(1); }
#naviLanguage > ul > li.active > a > span > img,
#naviLanguage > ul > li:hover > a > span > img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; }

#hBottom { float: left; border-radius: 0 0 0 15px; height: 94px; background-color: #fff;  width: 96%; box-shadow: 0px 4px 17px 0px rgba(29, 29, 27, 0.3); }

/* mobicon */
.mobicon { position: relative; display: none; float: right; margin-top: 35px; margin-bottom: 30px; margin-right: 20px; height: 15px; width: 80px; }
.mobicon span { position: absolute; left: 0; width: 16px; height: 3px; background-color: #1b327d; }
.mobicon span.first { top: 3px; }
.mobicon span.sec { top: 9px; }
.mobicon span.third { top: 15px; }
.mobicon.open span.sec { opacity: 0; }
.mobicon.open span.first { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 6px; }
.mobicon.open span.third { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -6px; }
.mobicon span.text { width: auto; height: auto; padding-left: 30px; background-color: transparent; line-height: 20px; color: #1b327d; font-weight: 700; }


#naviMainMob { display: none; top: 100%; margin-right: 1px; -webkit-border-bottom-right-radius: 25px; -moz-border-radius-bottomright: 25px; border-bottom-right-radius: 25px; box-shadow: 0px 4px 17px 0px rgba(29, 29, 27, 0.3); position: absolute; width: 1029px; }
#naviMain { float: left; width: 76.86666%; background-color: #FFF; margin-right: 1px; }
#naviMain > ul,
#naviMainMob > ul { position: relative; padding: 0px 10px 0px 10px; }
#naviMain > ul > li,
#naviMainMob > ul > li { float: left; }
#naviMainMob > ul > li:nth-child(3) > ul .naviSubLinks > li,
#naviMain > ul > li:nth-child(3) > ul .naviSubLinks > li  { margin-bottom: 40px; }
#naviMainMob > ul > li > a,
#naviMain > ul > li > a { display: block; padding: 8px 16px 4px 16px; text-align: center; }
#naviMainMob > ul > li.active > a,
#naviMain > ul > li.active > a,
#naviMainMob > ul > li:hover > a,
#naviMain > ul > li:hover > a { background-color: #f5f3f4; color: #1b327d; }
#naviMainMob > ul > li.active > a,
#naviMain > ul > li.active > a { font-weight: 700; }
#naviMainMob > ul > li > a > .img,
#naviMain > ul > li > a > .img { display: block; height: 40px; line-height: 40px; }
#naviMainMob > ul > li > a > .img img,
#naviMain > ul > li > a > .img img { vertical-align: middle; }
/*#naviMain > ul > li.active > ul,*/
#naviMainMob > ul > li:hover > ul,
#naviMain > ul > li:hover > ul { opacity: 1; height: auto; overflow: visible; }
#naviMainMob > ul > li > ul,
#naviMain > ul > li > ul { opacity: 0; height: 0; overflow: hidden; position: absolute; top: 100%; left: 0; width: 100%; background-color: #FFF; padding: 0 40px; -webkit-border-bottom-right-radius: 25px; -moz-border-radius-bottomright: 25px; border-bottom-right-radius: 25px; box-shadow: 0px 4px 5px 0px rgba(29, 29, 27, 0.3); }
.naviSubInner { margin-bottom: 30px; padding: 30px 0; border-top: 3px solid #afcb08; background-color: #f5f3f4; -webkit-border-bottom-right-radius: 25px; -moz-border-radius-bottomright: 25px; border-bottom-right-radius: 25px; }
.naviSubLeft { float: left; width: 24.21%; min-height: 300px; border-right: 3px solid #afcb08; }
.naviSubLeftTitle { padding-top: 40px; text-align: center; color: #11357f; font-weight: 700; }
.naviSubLinks { float: left; width: 40.79%; padding-top: 45px; padding-left: 50px; }
.naviSubLinks > li { line-height: 15px; margin-bottom: 20px; }
.naviSubLinks > li > a { text-transform: uppercase; }
.naviSubLinks > li.active > a,
.naviSubLinks > li:hover > a { color: #273583; }
.naviSubLinks > li.active > a { font-weight: 700; }
.naviSubLinks > li > a:before { display: inline-block; content: ">>"; color: #1b327d; padding-right: 4px; font-weight: 700; }
.naviSubImg { float: left; width: 35%; }


/* banner */
main { overflow: hidden; }
#banner { position: relative; box-shadow: 0px 5px 8px 0px rgba(29, 29, 27, 0.3); margin-bottom: 40px; }
@media all and (-ms-high-contrast:none) {
     #banner { margin-bottom: 20px; } /* IE10 */
     *::-ms-backdrop, #banner { margin-bottom: 20px; } /* IE11 */
}

#banner .swiper-container { width: 100%; max-height: 100vh; }
#banner .csc-default { width: 100%; overflow: hidden; }
#banner .ce-textpic .ce-gallery { margin: 0px; float: none; }
#banner .ce-gallery img { width: 100%; }
#banner .ce-textpic .ce-gallery .ce-row .ce-column { float: none; }
#banner .ce-textpic .ce-bodytext { position: absolute; top: 50%; left: 0px; width: 100%; }
#banner .ce-textpic .ce-bodytext p {  }
#banner div.csc-textpic-center .csc-textpic-center-outer, #banner .ce-center .ce-outer { float: none; right: 0; }
#banner div.csc-textpic-center .csc-textpic-center-inner, #banner .ce-center .ce-inner { float: none; right: 0; }
#banner div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { display: block; width: 100%; margin-bottom: 0px; }
#banner .csc-textpic-imagewrap img { width: 100%; }
#banner .swiper-button-next, #banner .swiper-button-prev { display: none; width: 32px; height: 48px; margin-top: -24px; background-size: auto; }
#banner .swiper-button-prev { left: 45px; background-image: url(../img/arrowLefta.png); }
#banner .swiper-button-next { right: 45px; background-image: url(../img/arrowRighta.png); }
#banner .swiper-button-prev, #banner .swiper-button-next {background-image: none;}
#banner .swiper-pagination { bottom: 20px; text-align: right; padding-right: 18px; }
#banner .swiper-pagination-bullet { width: 16px; height: 16px; margin: 0 6px; opacity: 1; background-color: #81858a; }
#banner .swiper-pagination-bullet-active { background-color: #FFF; }

@media ( min-width: 1200px ) {
	#banner .csc-textpic-imagewrap img { min-width: 100%; height: 100vh; object-fit: cover; }
}

#toBottom { display: none; position: absolute; bottom: 25px; left: 50%; z-index: 5; width: 48px; height: 58px; margin-left: -24px; background-image: url(../img/arrowBottoma.png); background-repeat: no-repeat; }

.home #banner .swiper-button-prev,
.home #banner .swiper-button-next { display: block; }

/* content */
#content h1 {  }
#content h2 { margin-bottom: 50px; font-weight: 700; text-transform: uppercase; }
#content h3 { margin-bottom: 35px; font-weight: 700; text-transform: uppercase; }
#content h4 { margin-bottom: 30px; font-weight: 700; text-transform: uppercase; }
#content p { margin-bottom: 25px; }
#content a { color: #16377e; }
#content .blue a { color: #afcb08; }
#content ul, #content ol { padding-left: 22px; }
#content a.buttonLeft, #content a.buttonRight { color: #aaa9a9; text-transform: uppercase; font-weight: 700; background-repeat: no-repeat; }
#content a.buttonLeft { padding-left: 42px; background-image: url(../img/buttonLeft.png); background-position: left; }
#content a.button,
#content a.buttonRight { padding-right: 42px; background-image: url(../img/buttonRight.png); background-position: right; background-repeat: no-repeat; display: inline-block; }

.font-bh {
    font-family: 'Bradley Hand ITC';
    font-weight: normal;
    font-style: normal;
	color: black;
}

.layout-1 .background.grey { padding: 60px 70px 0 70px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
.layout-2 { text-align: right; color: #aaa9a9; }
.layout-3 .image_100 { box-shadow: none; margin-bottom: 0; }
.layout-4 { margin: 40px 0 80px 0; }
.layout-4 .row_50_50 { padding: 20px 30px 10px 30px; background-color: #ececec; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0px 5px 8px 0px rgba(29, 29, 27, 0.3); }
.layout-4 .row_50_50 > .col { margin-bottom: 0; color: #134383; }
.layout-4 .row_50_50 > .col .ce-intext.ce-left .ce-gallery { margin-right: 20px; }
.layout-4 .row_50_50 > .col .ce-intext.ce-left .ce-gallery { margin-bottom: 0px; }
.layout-4 .row_50_50 > .col .ce-bodytext { padding-top: 15px; }
.layout-4 .row_50_50 > .col p { margin-bottom: 0; line-height: 1; }

/* Kataloge */
.layout-5 {
	max-width: 1030px;
    margin: 0 auto 1rem auto;
}

.layout-5 .innerHeadline {
	margin-left: 20px;
	margin-right: 20px;
}

.layout-5 .inner > div {
	margin-bottom: 50px;
	display: inline-block;
}

.layout-5 .inner > div.csc-frame {
	display: none;
}

.layout-5 .inner > div.csc-frame hr {
	border: 0;
}

@media ( min-width: 600px ) {
	.layout-5 .inner > div {
		width: 48%;
		margin-right: 1%;
	}
}

@media ( min-width: 900px ) {
	.layout-5 .inner > div {
		width: 32%;
	}

	.layout-5 .inner > div.csc-frame {
		display: inline-block;
	}
}

@media ( min-width: 1024px ) {
	.layout-5 .innerHeadline {
		margin-left: 0;
		margin-right: 0;
	}
}

.tx-go-maps-ext { margin-bottom: 100px; box-shadow: 0px 5px 8px 0px rgba(29, 29, 27, 0.16); }

/* grids */
.row > .col { float: left; }
.row_50_50 > .col { width: 47.575%; margin-right: 4.85%; margin-bottom: 50px; }
.row_50_50 > .col:last-child { margin-right: 0; }
.row_30_30_30 > .col { width: 32%; margin-right: 2%; margin-bottom: 50px; }
.row_30_30_30 > .col:last-child { margin-right: 0; }

.greenline { position: relative; padding-top: 100px; padding-bottom: 75px; border-top: 4px solid #afcb08; border-left: 4px solid #afcb08; -webkit-border-top-left-radius: 25px; -moz-border-radius-topleft: 25px; border-top-left-radius: 25px; }
.greenline:after { position: absolute; top: -4px; right: -150%; z-index: 3; width: 150%; content: ""; display: block; height: 4px; background-color: #afcb08; }

.blue .greenline { border-top: none; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; }
.blue .greenline:before { position: absolute; top: -58px; left: -4px; height: 58px; width: 100%; display: block; content: ""; border-top: 4px solid #afcb08; border-left: 4px solid #afcb08; -webkit-border-top-left-radius: 25px; -moz-border-radius-topleft: 25px; border-top-left-radius: 25px; }
.blue .greenline:after { top: -58px; }

.image_100 { position: relative; box-shadow: 0px 5px 8px 0px rgba(29, 29, 27, 0.3); margin-bottom: 80px; }
.image_100 .ce-intext.ce-right .ce-gallery, .image_100 .ce-intext.ce-left .ce-gallery, .image_100 .ce-above .ce-gallery,
.image_100 div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin: 0; }
.image_100 div.csc-textpic-center .csc-textpic-center-inner,
.image_100 div.csc-textpic-center .csc-textpic-center-outer { float: none; right: 0; line-height: 0; }
.image_100 .ce-gallery,
.image_100 .ce-column,
.image_100 .ce-media,
.image_100 figure,
.image_100 img { width: 100%; }
.image_100 .ce-bodytext { position: absolute; top: 0; right: 0; width: 42.5%; padding-top: 70px; padding-bottom: 40px; border-bottom: 4px solid #afcb08; border-left: 4px solid #afcb08; -webkit-border-bottom-left-radius: 25px; -moz-border-radius-bottomleft: 25px; border-bottom-left-radius: 25px; }
.image_100 .imageContent { position: relative; background-color: #134383; padding-top: 60px; padding-bottom: 35px; padding-left: 6.62%; padding-right: 41.91%; }
.image_100 .imageContent:before { position: absolute; top: 0; left: -49px; width: 45px; height: 100%; display: block; content: ""; background-color: #134383; -webkit-border-top-left-radius: 25px; -webkit-border-bottom-left-radius: 25px; -moz-border-radius-topleft: 25px; -moz-border-radius-bottomleft: 25px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; }
.image_100 .imageContent p { color: #FFF; font-weight: 700; text-transform: uppercase; }

.csc-mailform { position: relative; padding-bottom: 120px; }
#content .csc-mailform ol { list-style: none; padding: 0; }
.csc-mailform .csc-form-element { width: 47.575%; padding: 0; margin: 0; }
.csc-mailform .csc-form-element-radiogroup { width: 100%; margin: 0; }
.csc-mailform fieldset.fieldset-subgroup { margin-bottom: 20px; }
.csc-mailform fieldset.fieldset-subgroup legend { float: left; margin-right: 20px; }
.csc-mailform fieldset.fieldset-subgroup ol { float: left; top: auto; margin: 0; }
.csc-mailform fieldset.fieldset-subgroup ol li { float: left; width: auto; margin-right: 40px; margin-left: 0; }
.csc-mailform fieldset.fieldset-subgroup ol li label { float: right; margin-left: 5px; }
#content .csc-mailform .csc-form-element ol { padding: 0; }
.csc-mailform .csc-form-element legend,
.csc-mailform .csc-form-element label { float: none; display: block; width: auto; margin-right: 0; margin-bottom: 5px; }
.csc-mailform .csc-form-element legend em,
.csc-mailform .csc-form-element label em { position: relative; display: inline-block; color: #000; }
.csc-mailform .csc-form-element input,
.csc-mailform .csc-form-element textarea { width: 97.5%; margin: 0 2% 0 0.5%; padding: 8px; margin-bottom: 15px; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0px 5px 4px 0px rgba(29, 29, 27, 0.1); }
.csc-mailform .csc-form-element textarea { min-height: 366px; }
.csc-mailform .csc-form-element input[type="radio"] { width: auto; box-shadow: none; margin: 0; }
.csc-mailform .csc-form-6 { position: absolute; top: 49px; right: 0; }
.csc-mailform .csc-form-element-textblock {  }
.csc-mailform .csc-form-element-submit { width: 100%; }
.csc-mailform .csc-form-element input[type="submit"] { float: right; margin: 0 0.75% 0 0.5%; padding: 6px 60px; width: auto; color: #FFF; background-color: #273583; cursor: pointer; }
.csc-mailform.english .csc-form-6 { top: 0; }
.csc-mailform.english .csc-form-element textarea { min-height: 285px; }

/*#registerMain, .tx-felogin-pi1 { padding: 40px; }*/
#registerMain h2 {  margin-bottom: 63px; }
legend { display: none; }
form { margin-top: 5px; }
#content .tx-felogin-pi1 h3,
#content #registerMain h3 { font-size: 24px; }
#registerMain span.required { font-size: 14px; }
.tx-felogin-pi1 > div { margin-bottom: 20px; }
#registerMain .regField,
.tx-felogin-pi1 .field { float: left; width: 48%; }
#registerMain .regField { margin-right: 4%; margin-bottom: 20px; }
#registerMain .regField:nth-child(2n) { margin-right: 0; }
.tx-felogin-pi1 .field:nth-child(2) { margin-right: 4%; }
.tx-felogin-pi1 .field label,
#registerMain .regField label { display: block; margin-bottom: 5px; }
div.tx-felogin-pi1 input[type="submit"] { margin-top: 30px; margin-bottom: 80px; }
#registerForm div.regSubmit { text-align: right; }
 div.tx-felogin-pi1 input[type="password"],
div.tx-felogin-pi1 input[type="text"], 
div#registerLeft input[type="text"]{ width: 100%; padding: 8px; margin-bottom: 15px; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); }
input[type="text"] { background-color: #fff; }
div.tx-felogin-pi1 input[type="submit"], 
div#registerLeft input[type="submit"] { border: none; float: right; padding: 0.2em 2.4em 0.320em 2.4em; font-size: 1.190em; color: #FFF; cursor: pointer; background-color: #273583; font-weight: 300; border-radius: 5px; box-shadow: 0px 5px 4px 0px rgba(29, 29, 27, 0.1); }
div#registerLeft input[type="text"].error { border: 2px solid #ed1c24; }
div#registerLeft input[type="submit"] { float: none; margin-top: 30px; margin-bottom: 40px; }


#content #gorght { background-color: #ececec; position: relative; margin-bottom: 30px; }
#content #gorght input { font-size: 24px; color: #134383; font-weight: 700; width: 100%; padding-left: 20px; height: 53px; }
#content #gorght input[type="submit"] { position: absolute; right: 0; top: 0; width: 70px; border: none; background-color: #134383; background-image: url(../img/lupe.png); background-repeat: no-repeat; background-position: center; font-size: 0; height: 53px; }

/*accordion*/
.accordionOut .innerHeadline:hover { cursor: pointer; }
#content .accordionOut h2 { font-size: 18px; font-weight: 400; text-transform: none; color: #000; margin-left: 69px; }
.accordion .ce-textpic { margin-left: 69px; }


/* quicklinks */
.quicklink {
	position: fixed;
	right: 0;
	z-index: 99;
	height: 44px;
	display: table;
	width: auto;
	background: #1b327d;
	margin-bottom: 6px;
	padding: 6px 6px 6px 45px;
	color: white;
	cursor: pointer;
	opacity: 0;
}

.quicklink.service {
	top: 23%;
}

.quicklink.products {
	top: calc(23% + 50px);
}

.quicklink.customer-area {
	top: calc(23% + 100px);
}

.quicklink.jobs  {
	top: calc(23% + 150px);
}

.quicklink.contact {
	top: calc(23% + 200px);
}

.quicklink a {
	text-decoration: underline;
	color: white;
}

.quicklink,
.quicklink:before {
	border: 1px solid #1b327d;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.quicklink > div {
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
}

.quicklink .ce-block {
	display: inline-block;
	padding-right: 1rem;
}

.quicklink:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: 6px 8px;
	width: 40px;
	height: 40px;
	display: block;
	background-color: #1b327d;
}

.quicklink.service:before {
	background-image: url('../img/quicklinks/light.png');
	background-position: 0 -3px;
	background-size: 100% 100%;
}

.quicklink.products:before {
	background-image: url('../img/quicklinks/question.png');
	background-position: 6px 6px;
}

.quicklink.customer-area:before {
	background-image: url('../img/quicklinks/lock.png');
	background-position: 6px 4px;
}

.quicklink.jobs:before {
	background-image: url('../img/quicklinks/job.png');
	background-position: 6px 5px;
}

.quicklink.contact:before {
	background-image: url('../img/quicklinks/contact.png');
	background-position: 6px 11px;
}


@media (min-width: 900px) {
	.quicklink {
		margin-bottom: 6px;
		padding: 6px 6px 6px 65px;
		height: 64px;
	}

	.quicklink.service {
		top: 25%;
	}

	.quicklink.products {
		top: calc(25% + 70px);
	}

	.quicklink.customer-area {
		top: calc(25% + 140px);
	}

	.quicklink.jobs  {
		top: calc(25% + 210px);
	}

	.quicklink.contact {
		top: calc(25% + 280px);
	}

	.quicklink,
	.quicklink:before {
	    border-top-left-radius: 25px;
	    border-bottom-left-radius: 25px;
	}

	.quicklink:before {
		background-size: 80%;
		background-position: 8px 6px;
		width: 60px;
		height: 60px;
	}

	.quicklink.service:before {
		background-position: 0 -6px;
	}

	.quicklink.customer-area:before {
		background-position: 6px 6px;
	}

	.quicklink.jobs:before {
		background-position: 6px 7px;
	}

	.quicklink.contact:before {
		background-position: 6px 8px;
	}
}

/* footer */
footer { overflow: hidden; color: #FFF; background-color: #134383; background-image: url(../img/bgFooter.png); background-repeat: repeat-x; }
footer .greenline { padding-bottom: 50px; }
footer h3 { font-weight: 400; color: #FFF; text-transform: uppercase; }
footer a { color: #afcb08; }
footer p { margin-bottom: 25px; }
footer .col { padding-top: 25px; }
footer .col_1 { width: 71.13%; border-right: 1px solid #FFF; }
footer .col_1 h3 { margin-bottom: 60px; }
footer .col_2 { width: 28.87%; padding-left: 50px; }
footer .col_2 h3 { margin-bottom: 15px; }
footer a.button { padding-right: 42px; background-image: url(../img/buttonRight.png); background-position: right; background-repeat: no-repeat; }

div.csc-textpic div.csc-textpic-imagecolumn { margin-bottom: 10px;}

@media ( min-width: 1100px ) {
	#naviMainMob { display: none!important; }
}

@media ( max-width: 1100px ) {
	#bg { display: none!important; }
	.mobicon { display: block; }
	#naviMain { display: none; }
	#logo { width: 160px; }
	body > header { position: static; }
	#naviMainMob { width: 100%; left: 0; z-index: 100; top: 75px; background-color: #FFF; }
	#naviMainMob  > ul { padding: 0; background-color: #fff; }
	#naviMainMob > ul > li { padding-bottom: 20px; }
	#naviMainMob > ul > li > ul { position: relative; padding: 0; }
	#naviMainMob > ul > li > ul > div > div > li { padding: 0 10px; }
	.naviSubImg, .naviSubLeftTitle, .naviSubLeft { display: none; }
	.naviSubLinks { padding: 0; width: 100%; }
	.naviSubInner { border-radius: 0; margin-bottom: 0; padding: 10px 0; border-top: none; }
	#hBottom { box-shadow: none; }
	header .inner { max-width: 100%; margin: 0; }
	#hTop { width: 30px; float: right; }
	#hBottom { width: calc(100% - 30px); }
}

@media ( max-width: 1055px ) {
	#hRight { width: 100%; }
	#hTop { height: 75px; }
}

@media ( max-width: 1050px ) {
	.inner { margin: 0 20px; }
	.inner-2 { margin: 0 20px; }
}

@media ( max-width: 1000px ) {

}

@media ( max-width: 900px ) {
	.image_100 .imageContent { padding-right: 10%; }
	#hBottom { width: 90%;}
}

@media ( max-width: 800px ) {
	footer .col_1 { width: 100%; border-right: none; }
	footer .col_2 { width: 100%; padding-left: 0; }
}

@media ( max-width: 750px ) {
	.image_100 .ce-bodytext { width: 75%; }

	.size1, #hTop, #naviMain a, #autcomplete, #naviIcons > ul > li:hover > a, .csc-mailform .csc-form-element-textblock { font-size: 12px; }
	.size2, .mobicon span.text, #content span.detail { font-size: 18px; }
	.size3, html, body, footer h3, #content h5, .csc-mailform .csc-form-element input, .csc-mailform .csc-form-element textarea { font-size: 16px; }
	.size4, #content h4 { font-size: 25px; }
	.size5, .naviSubLeftTitle { font-size: 26px; }
	.size6, #content h3, #content h2 { font-size: 30px; }

	.csc-space-before-100,
	.csc-space-before-80 { margin-top: 40px!important;}
	.csc-space-after-80,
	.csc-space-after-100 { margin-bottom: 40px!important; }

	.row_30_30_30 > .col { width: 100%; margin-right: 0; margin-bottom: 20px;}
	
	.home #banner .swiper-button-prev,
	.home #banner .swiper-button-next { display: none; }
	#toBottom { display: none; }
}

@media ( max-width: 720px ) {
	#naviMainMob > ul > li { width: 25%; }
}

@media ( max-width: 650px ) {
	#search { display: none; }

	.row_50_50 > .col { width: 100%;  margin-right: 0; margin-bottom: 10px; }
	.image_100 { box-shadow: none; }
	.image_100 .ce-gallery { box-shadow: 0px 5px 8px 0px rgba(29, 29, 27, 0.3); }
	.image_100 .ce-right .ce-gallery { float: none; }
	.image_100 .ce-bodytext { position: relative; top: auto; right: auto; width: 100%; margin-left: 50px; }
	.image_100 .imageContent { padding-right: 15%; }
}

@media ( max-width: 500px ) {
	#naviMainMob > ul > li { width: 50%; }

	.size6, #content h3, #content h2,
	.size4, #content h4,
		.size5, .naviSubLeftTitle { font-size: 20px; }
/*	#hBottom { width: 91%; }*/
}

/*@media ( max-width: 450px ) {*/
	/*#naviIcons { display: none; }*/
	/*body > header { position: relative; z-index: 100; background-image: url(../img/bgHeader.png); background-repeat: repeat-x; background-position: top; background-color: #FFF; box-shadow: 0px 4px 17px 0px rgba(29, 29, 27, 0.3);  }*/
	/*body > header:before { display: none; }*/
	/*#logo { border-top: 30px solid #1b327d; padding: 0; padding-top: 7px; padding-bottom: 7px; background-color: transparent; box-shadow: none; }*/
	/*#hBottom { box-shadow: none; }*/
/*}*/