/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('/fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none;  }
a[href^=tel]{ color:inherit; text-decoration: inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }

html{ overflow-y: scroll; }
body { margin:0; padding:0; background-color: #FFF; }
html, body { height:100%; }
h1, h2, h3, b { font-weight: normal; }
a,a:active { text-decoration: none; }
a:hover { text-decoration:underline; }
:focus { outline:none; }
img { border:none; }
img { max-width: 100%; height: auto; width: auto; }
area { border:0; }
.clear { display: block; width: 100%; height: 0px; line-height: 0px; font-size: 0px; clear: both; }

.default-font, body, .csc-default b { font-family: 'Source Sans Pro', sans-serif; font-weight: normal; font-size: 22px; }
.light-font { font-weight: 300; }
.semi-font, .mainCont .element2cols h2, .csc-header h2, .csc-header h3 { font-weight: 600!important; }
.bold-font, .nav ul > li > ul a:hover, .nav ul > li > ul li.active a { font-weight: 700; }
.extra-font { font-weight: 900; }

.defColor, body, .nav ul > li > ul a { color: #1a171b; }

.ltBlue, .headerIN { color: #84b4e3; }
.blue, .footerIN a, .mainCont .element2cols h2, .csc-header h3, h3, .mainCont a, .mainCont a:active { color: #0055a9; }
.whColor, .nav a, a.blauerButton { color: #FFF; }

.defSize, .news-magazine-container h2 { font-size: 15px; }
.semiSize, .nav a, .headerIN, .mainCont .element2cols  { font-size: 20px; }
.medSize, .csc-header h3 { font-size: 25px; }
.smallSize, .footerIN { font-size: 18px; }
.megaSize, .mainCont .element2cols h2, h3 { font-size: 30px; line-height: 1; }
.gigaSize, .csc-header h2 { font-size: 40px; line-height: 1; }

.uppercase { text-transform: uppercase; }

.sliderIn > .inner > .swiper-slide { float: left; }
.sliderIn > .inner { margin: 0; padding: 0; max-width: none!important; }
.sliderIn .swiper-wrapper { position: relative; overflow: hidden; }
.sliderIn { position: relative; overflow: hidden; }
.sliderOut { overflow: hidden; }
.sliderIn .swiper-wrapper .csc-textpic-imagewrap { float: none; margin: 0px; }
.sliderIn .swiper-wrapper .csc-textpic-imagewrap .csc-textpic-image { float: none; margin: 0px; display: block; }
.sliderIn .csc-textpic-image img { padding: 0px!important; border: none!important;  }
.sliderOut .pagination span{ display: inline-block; height: 10px; width: 10px; margin: 0 5px; line-height: 0px; font-size: 0px; cursor: pointer; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }
.sliderOut .pagination span.swiper-active-switch{ background: #0055a9; }
.sliderOut .pagination { position: absolute; left: 0px; bottom: 10px; z-index: 24; text-align: center; width: 100%; }

.mainWrap { height:auto !important; height:100%; min-height:100%; position: relative; }
.inner, .footerIN > div { max-width: 964px; margin: 0 auto; padding: 0px; }

.nav { background-color: #0055a9; height: 52px; text-align: center; }
.nav ul li { list-style: none; display: inline-block;  -webkit-transition: 300ms linear 0s; -moz-transition: 300ms linear 0s; -o-transition: 300ms linear 0s; transition: 300ms linear 0s; text-align: left; }
.nav ul > li { position: relative; }
.nav ul > li > ul { display: none; position: absolute; z-index: 5; background-color: #FFF; top: 52px; left: 0px; padding: 12px 0px; }
.nav ul > li:hover > ul { display: block; }
.nav ul > li:hover a, .nav ul > li.active a { background-color: #1a171b; }
.nav ul > li:hover > ul > li a { background-color: #FFF; padding: 0px 16px; }
.nav ul li a, .navCont ul li a:hover, .nav ul li a:focus { display: inline-block; line-height: 52px; padding: 0px 33px; text-decoration: none; outline: 0 none; }
.nav ul > li:hover > ul li a { line-height: 29px; }
#mobicon { display: none; }
#banner { background-image: url(../img/bg-banner.png); position: relative; }

.headerIN { text-align: right; padding-top: 14px; padding-bottom: 50px; }
.mainCont { padding-bottom: 160px; }

div.csc-textpic .csc-textpic-imagewrap img { border: 1px solid #0056aa; padding: 8px; }

.mainCont p {margin-bottom: 24px; }

.csc-header { background-color: #dadadb; padding: 16px 18px; margin-bottom: 45px; }
.csc-header h2, .csc-header h3 { margin: 0px!important; padding: 0px; display: inline-block; } 
.csc-header h3:before { content: " / "; font-size: 40px; color: #1a171b; }
.csc-header h3 { margin-left: 8px!important; }

.mainCont .element2cols .col_50_1 { float: left; width: 48%; margin-right: 2%; }
.mainCont .element2cols .col_50_2 { float: left; width: 48%; margin-left: 2%; } 
.mainCont .element2cols:after { clear: both; display: table; content: " "; }
.mainCont .element2cols h2 { margin-bottom: 18px !important; }
.mainCont .element2cols .csc-default { position: relative; }
.mainCont .element2cols .col_50_2 > div, .mainCont .element2cols .col_50_1 > div  { margin-bottom: 32px; }
.abs { position: absolute; z-index: 5; top: -40px; right: 0px; }
.mainCont .blauerButton { background-color: #0055a9; border-radius: 4px; text-decoration: none; padding: 8px 24px; display: inline-block; }
.mainCont ul { margin-left: 20px; margin-bottom: 24px;  }
.mainCont h3 { margin-bottom: 12px; }
.headerIN .csc-header, .sliderIn .csc-header, .element2cols .csc-header, .footerIN  .csc-header{ background: none; padding: 0px; margin-bottom: 0px;}

.footerIN { background-image: url(../img/bg-footer.png); position: absolute; z-index: 5; width: 100%; bottom: 0px; height: 80px; line-height: 80px; text-align: center; }

.csc-mailform{ max-width: 600px; padding-bottom: 80px; }
.csc-mailform ol{ list-style: none; list-style-type: none; }
div.csc-mailform li label{ width: 180px; }
label em, legend em{ display: inline-block; font-size: 100%; color: red; }
div.csc-mailform li.csc-form-element{ margin-bottom: 15px; }
div.csc-mailform li.csc-form-element-textline input{ width: 65%; height: 30px; padding-left: 10px; padding-right: 10px;  }
div.csc-mailform li.csc-form-element-select select{ width: 65%; height: 30px; }
div.csc-mailform li.csc-form-element-textarea textarea{ width: 65%; height: 200px; }
div.csc-mailform li.csc-form-25{ display: none; }
div.csc-mailform li.csc-form-element-submit input{ background-color: #0055a9; color: #FFF; height: 30px; border: none; display: inline-block; padding-left: 15px; padding-right: 15px; cursor:pointer; }
.csc-mailform ol:after{ clear: both; content:''; display:table; }

#cboxTitle, #cboxCurrent{ font-size: 16px; }

@media ( max-width : 1024px ) {
	.default-font, body, .csc-default b, .semiSize, .nav a, .headerIN, .mainCont .element2cols { font-size: 18px; }
	.nav { height: 42px; }
	.nav a { font-size: 15px; }
	.nav ul li a, .navCont ul li a:hover, .nav ul li a:focus { line-height: 42px; padding: 0px 23px; }
	.nav ul > li > ul { top: 42px; }
	.inner, .footerIN > div { padding: 0px 12px; }
	.footerIN { font-size: 12px; }
}

@media ( max-width : 936px ) {

}
@media ( max-width : 742px ) {

	#mobicon { display: block; width: 100%; height: 42px; background-image: url(../img/mobIc.png); background-position: center center; background-repeat: no-repeat; font-size: 0px; text-decoration: none; }
	.nav { position: relative; }
	.mainCont { padding-bottom: 24px; }
	.nav ul { display: none; }
	.nav .inner { padding: 0px; height: 42px; }

	ul.openNavTop { display: block; position: absolute; width: 100%; top: 42px; left: 0px; background-color: #0055a9; z-index: 10; border-top: 1px solid #FFF; }
	ul.openNavTop li { display: block; float: none; text-align: center; } 
	.nav ul li a { display: block; width: 100%; border-bottom: 1px solid #FFF; }
	.nav ul > li > ul { display: none; background-color: #FFF; position: static; padding: 0px; }
	.nav ul > li.active ul li a { background-color: #FFF!important; }
	.nav ul > li:hover > ul { display: none; background-color: #FFF; }
	.nav ul > li:hover > ul > li a { background-color: #FFF; padding: 0px; }
	.nav ul li a, .navCont ul li a:hover, .nav ul li a:focus { display: block; line-height: 42px; padding: 0px; text-decoration: none; outline: 0 none; }
	.nav ul > li:hover > ul li a { line-height: 42px; background-color: #FFF; }
	
	.default-font, body, .csc-default b, .semiSize, .nav a, .headerIN, .mainCont .element2cols { font-size: 15px; }
	.megaSize, .mainCont .element2cols h2, h3 { font-size: 20px; }
	.mainCont .element2cols .col_50_1, .mainCont .element2cols .col_50_2 { width: 100%; float: none; }
	
	.gigaSize, .csc-header h2, .csc-header h3:before { font-size: 20px; }
	.medSize, .csc-header h3 { font-size: 18px;  }
	.abs { display: none; }
	
	.footerIN { height: auto; position: relative; line-height: 24px; padding: 24px 0px; }
	.sliderOut .pagination { bottom: 5px; }
}

@media ( max-width : 600px ) {
	div.csc-mailform li label{ margin-bottom: 5px; }
	div.csc-mailform li.csc-form-element-textline input{ width: 100%; }
	div.csc-mailform li.csc-form-element-select select{ width: 100%; }
	div.csc-mailform li.csc-form-element-textarea textarea{ width: 100%; }
}
@media ( max-width : 580px ) {
	.headerIN { font-size: 12px; }
}