/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/montserrat-400.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/montserrat-700.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


html {text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; height: 100%; color: #fff;}
body {overflow-x: hidden; background-color: #f5f5f5; font-size: 14px; line-height: 1.7; padding-top: 0 !important; margin-bottom: 60px; position: static; color: #666; font-family: 'Montserrat', sans-serif;}

/* GENERAL */
h1, h2, h3, h4, h5, h6 {color: #11159a; font-weight: 400; margin-bottom: 15px !important;}

h1 {font-size: 24px; text-transform: none; font-weight: 400;}
h2 {font-size: 21px; text-transform: none; font-weight: 400;}
h3 {font-size: 18px; text-transform: none; font-weight: 400;}
h4 {font-size: 17px; margin: 0; font-weight: 700;}

p {color: #666; font-size: 14px; margin-bottom: 20px !important;}

.align-center {text-align: center;}

caption, .news .article .news-img-caption {font-size: 14px; line-height: 19px;}
img {width: 100%;}
a {color: #11159a;}
a:hover {text-decoration: none;}
a:hover, a:focus {outline: none; outline-offset: 0; text-decoration: none; color: #999;}
hr {border: 0; height: 1px; margin: 10px 0; width: 100%; background: #e5e5e5;}
*:hover { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
*:after { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.content ul {margin-bottom: 15px;}

label {font-size: 16px;}
select {height: 34px;}

/* MAIN PAGE ELEMENTS */
body {background-position: center center; background-size: cover; background-repeat: no-repeat; background-color: #fff;}
body {background-image: url('/fileadmin/media/images/images-background/background-contentpage.jpg'); background-attachment: fixed;}
body.mainpage {background-image: url('/fileadmin/media/images/images-background/background-mainpage.jpg');}
body.ueberuns {background-image: url('/fileadmin/media/images/images-team/DSC_1920ba.jpg'); background-position-y: 0 !important; background-size: contain;}
.container {width: 850px;}
.navigation-container {background-color: #fff; padding: 0;}
.header-container {}
.logo-container {background-color: #fff; padding: 0 0 40px 0;}
.teaser-container {background-color: rgba(255,255,255,0.5); min-height: 200px; position: relative;}
.content-container {}

/* TEASER */
.teaser {min-height: 200px;}
.mainpage .content {margin-top: -1px;}
.mainpage .teaser-container {padding: 0;}
.mainpage .teaser-container .col-md-6 {padding: 0;}
.mainpage .teaser-container .col-md-6 > div {position: relative; height: 272px; width: 100%;}
.mainpage .teaser-container .col-md-6:nth-of-type(1) .csc-default:nth-of-type(1), .mainpage .teaser-container .col-md-6:nth-of-type(2) .csc-default:nth-of-type(2) {border: 1px solid #d1ccc5;}
.mainpage .teaser-container .left-50-50 .csc-default:nth-of-type(1) h1, .mainpage .teaser-container .right-50-50 .csc-default:nth-of-type(2) h1 {background-color: #fff;}
.mainpage .teaser h1, .mainpage .teaser .csc-header {height: 270px; text-align: center; margin: 0; }
.mainpage .teaser h1 a {padding: 29% 0; float: left; width: 100%; }
.mainpage .teaser h1:hover a {color: #666; }
.mainpage .teaser .kopa-icon {position: absolute; width: 270px; height: 270px; top: calc(50% - 135px); left: calc(50% - 135px);}

/* HEADER */
.header {width: 100%; background: -moz-linear-gradient(left, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 51%);	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 51%); background: linear-gradient(to right,  rgba(255,255,255,1) 50%,rgba(255,255,255,0) 51%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); -webkit-transition: top 0.3s ease-in-out; -moz-transition: top 0.3s ease-in-out; -ms-transition: top 0.3s ease-in-out; -o-transition: top 0.3s ease-in-out; transition: top 0.3s ease-in-out;}
.header-container {height: 120px; position: relative; background-color: #fff;}
.header-container .container {background-color: #fff; padding: 0; position: relative;}

.header.shrink {position: fixed; top: 0px; opacity: 0.95; background-color: #fff; z-index: 2000;}
.header.shrink .logo-container {position: absolute; left: 30px; top: 0; width: auto; height: 100%;}
.header.shrink .logo-container .logo {width: 410px; height: 90px;}

/*LOGO*/
.logo {z-index: 1405;  width: 580px; height: 160px; padding: 15px; margin: 0 auto; position: relative;}
.logo a:hover {cursor: pointer;}
.logo a {z-index: 1406; float: left; height: 100%; width: 100%; position: relative;}
.logo .home-link {position: absolute; top: 0; left: 0; width: 100%; height: 100%; float: left; color: transparent;}

/* CONTENT */
.content {width: 100%; float: left; background: -moz-linear-gradient(left, rgba(255,255,255,0) 49%, rgba(255,255,255,1) 50%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 49%,rgba(255,255,255,1) 50%); background: linear-gradient(to right,  rgba(255,255,255,0) 49%,rgba(255,255,255,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );}
.content-inner {min-height: 700px; background-color: #fff; padding: 0; padding-top: 30px; padding-bottom: 60px; border: 1px solid #cdcdcd; border-bottom: 0;}
.border-top div[class^="col-md-"] > div:first-of-type, .border-top div[class*=" col-md-"] > div:first-of-type {border-top: 1px solid #d1ccc5;}
.border-top  div[class^="col-md-"] div[class^="col-md-"] > div:first-of-type {border: 0;}

.content-right .col-md-9 div[class^="col-md-"]:first-of-type, .content-right .col-md-9 div[class*=" col-md-"]:first-of-type {padding-left: 0;}
.content-right .col-md-9 div[class^="col-md-"]:last-of-type, .content-right .col-md-9 div[class*=" col-md-"]:last-of-type {padding-right: 0;}
.content-right ul {margin-left: 15px; padding: 0; margin-bottom: 10px;}

/* BUTTONS + LINKS */
.btn-primary {border-radius: 0; font-weight: 500; background-color: #f5f5f5; padding: 5px 30px; border: 1px solid #11159a; color: #11159a;}
.btn-primary a {color: #11159a;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {background-color: #11159a; color: #fff;}
.btn-primary:hover a, .btn-primary:active a, .btn-primary:focus a {color: #fff;}
.btn-more, .btn-text {font-weight: 700;}
.btn-more {text-shadow: none;}
.btn .glyphicon {color: #11159a; padding: 0 3px;}

.morelink {font-size: 14px;}
.morelink .glyphicon {color: #11159a; font-size: 12px; padding: 0 5px 0 0;}

/* FORMS */
.form-control {border-radius: 0;}

/*FOOTER */
.footer {padding: 30px 0 60px 0; float: left; width: 100%; background-color: #f5f5f5;}
.footer-contact {float: left;}
.footer-contact h3 {margin-left: 15px;}
.footer-contact a {color: #333;}
.footer-contact .contact-item {font-size: 12px; float: left; width: 100%; margin: 5px;}
.footer-contact .contact-icon {float: left; font-size: 18px; margin: 0 15px 5px -20px; color: #11159a;}
.footer-contact .icon-call-end {-moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg);}

.footer-navigation {float: left; margin-top: 20px}
.footer-navigation ul {padding: 0; float: left;}
.footer-navigation li {list-style-type: none;}
.footer-navigation a {color: #11159a; font-size: 18px; text-transform: none; font-weight: 400; margin-bottom: 10px;; float: left;}

/*NAVIGATION*/
.navigation-wrapper {background-color: #fff}

.navbar-collapse {padding: 0;}
.navbar-nav {width: 100%;}
.navbar-inverse {background: none; border: 0;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { }
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {}
.navbar-inverse .navbar-nav li:hover ul {display: block;}

.active.dropdown a {background-color: transparent; margin-left: -1px; color: #11159a; opacity: 1;}
.active .dropdown-menu a {color: #0099ff;}

.dropdown:hover > .dropdown-menu {display: block;}
.menu1 .dropdown:hover > .dropdown-menu {display: none;}

.dropdown-menu {min-width: 205px; background-color: #dfe9ee; border: 0 none; border-radius: 0; box-shadow: none; padding: 15px 30px; min-height: 260px; }
.navbar-nav > li {width: 25%;}
.navbar-nav > li > a {color: #11159a; text-align:center; padding: 40px 60px; text-transform: none; font-weight: 400; font-size: 16px; opacity: 0.3;}
.nav > li > a:hover, .nav > li > a:focus {background-color: #fff; color: #11159a; opacity: 1;}
.nav > li:hover a  {background-color: #fff;}
.nav > li:hover .glyphicon {color: #11159a;}
.dropdown .glyphicon {font-size: 9px; color: #fff; top: 13px; left: -20px; display: none;}

.active .menu-underline {width: 100%; margin: 0 auto; height:3px; position: relative; top: 5px; background: #11159a; float: left;}

.dropdown-menu > li {padding: 0;}
.dropdown-menu > li > a {line-height: 1; color: #0099ff; background-color: transparent !important; font-size: 16px; padding-left: 0; padding-right: 0;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #666; text-decoration: none;}

.navbar-nav .nav-2 { border: 0 none; border-top: 2px solid transparent; border-radius: 0; background-color: rgba(0,0,0, 0.9); display: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s  ease; -o-transition: all 0.2s  ease; transition: all 0.2s  ease; min-height: 90px;}
.navbar-nav .nav-2 a {font-weight: 400; font-size: 14px; color: #fff; padding: 5px 20px;}
.navbar-nav .level2  {display: none;}

.navbar-nav .nav-3 {list-style-type: none; margin: 0 0 10px 0; padding: 0 20px; float: left; }
.navbar-nav .nav-3 li {list-style-type: none;}
.navbar-nav .nav-3 a {font-size: 14px; color: #333; text-transform: none; padding: 2px 20px; font-weight:400; width: 100%; float: left;}

.navbar-nav .nav-3 a:focus, .navbar-nav .nav-3 a:hover {background-color: #0099ff; color: #333333; text-decoration: none;}

.navbar-inverse .navbar-toggle {background-color: #11159a; border-color: #11159a; float: left;}

.nav-item:hover > .nav-2 {display: block; opacity:1;}

.navbar-inverse .navbar-nav {position: relative; padding: 0;}
.navbar-inverse .navbar-nav > li { margin-right: 2px; display: table; text-align: center; background-color: transparent; height: 70px; padding: 0;}
.navbar-inverse .navbar-nav > li > a {color: #fff; background-color: #000; font-size: 13px; font-weight: 500; padding: 0; display: table-cell; position: relative; vertical-align: middle;}

.navigation-splitter {left: 215px;}
.navi-header {font-weight: 700; font-size: 16px;}
.dropdown .menu-arrow {display: block; left: -15px; top: 15px; float: left; font-size: 11px;}
.dropdown .menu-arrow a { color: #0099ff;}
.dropdown .navi-header .menu-arrow {display: none;}

/* BREADCRUMB */
.breadcrumb {float: left; width: 100%; background-color: transparent; padding-bottom: 0; padding-top: 0; margin-bottom: 0;}
.breadcrumb a {float: left; font-size: 14px; color: #0099ff;}
.breadcrumb a:last-of-type {font-weight: 700;}
.breadcrumb-arrow { float: left; font-size: 13px; padding: 0 5px;}

/* FANCYBOX */
.fancybox-title-float-wrap .child {border-radius: 0px;}
.fancybox-close { cursor: pointer; height: 30px; position: absolute;right: -37px; top: 0px; width: 30px; z-index: 8040; background: url("images/button-close.png") no-repeat 0 0 transparent;}
.fancybox-nav span {visibility: visible; background-repeat: no-repeat; height: 50px; background-position: 7px 0px;}
.fancybox-next span {background-image: url("images/arrow-right.png"); right: -50px;}
.fancybox-prev span {background-image: url("images/arrow-left.png"); left: -55px;}

/* BORDER */
.border {border: 2px solid #e5e5e5; float: left; width: 100%; min-height: 250px;}

/* INCREASED PADDING */
.increased-padding {padding: 40px 85px; float: left; width: 100%;}

/* DOWNLOADLISTS */
.csc-uploads {margin: 0px 0; float: left; width: 100%; text-align: left;}
.csc-uploads li {padding: 10px 0; margin:0 !important; border-bottom: 1px solid #e5e5e5;}
ul.csc-uploads span.csc-uploads-fileName {text-decoration: none;}
ul.csc-uploads span.csc-uploads-fileName a {float: left; width: 100%; color: #11159a; font-weight: 700; position: relative;}
ul.csc-uploads span.csc-uploads-fileName a:hover, .csc-uploads-fileName a:hover:after {}
.csc-uploads-fileName a:after {color: #11159a; z-index: 500; content: "Download"; float: right; clear: both; padding-right: 30px; }
.csc-uploads .hidden-description {display: none;}

.csc-uploads-fileSize {float: left; margin-top: -20px;}

/* LISTS */
.csc-bulletlist {padding-left: 20px;}

/* TABLES */
.table {font-size: 15px; border-bottom: 5px solid #d1ccc5;}
.table-coloured thead th {background-color: #0099ff; color: #fff;}
.table-coloured tbody tr:nth-child(even) {background-color: #f5f5f5; border-top: 1px solid #d1ccc5;}
.table-coloured tbody tr:nth-child(odd) {background-color: #fff; border-top: 1px solid #d1ccc5;}
.table-responsive { margin: 15px 0;}

/* COLLAPSIBLE */
.panel { background-color: #fff; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none;}
.panel-group {background-color: transparent; border: none; background-image: none; margin-bottom: 0px; float: left;	width: calc(100% + 2px); border: 1px solid #cdcdcd; margin: 0px -1px -1px -1px;}
.panel-group  > button {padding: 20px 0px 20px 0; text-align: left; width: 100%; background-color: #fff; border: none; background-image: none;}
.panel-group  > a {width: 100%; color: #11159a;}
.panel-group .text {width: calc(100% - 100px); float:right; margin: 0; font-size: 14px; text-transform: none; color: #11159a; padding-left: 0px;}
.panel-group .panel-icon {position: relative; width: 100px; float: left;}
.panel-group .panel-icon object {left: 40px; top: -2px; float: left; height: 30px; width: 30px; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.panel-group .toggled .panel-icon object { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.panel-collapse {padding: 0 100px 20px 100px; opacity: 0; float: left; width: 100%;}

.panel-group .in {opacity: 1; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;}

.panel-group.toggled {background-color: #f5f5f5;}
.panel-group.toggled > button {background-color: #f5f5f5;}

/* REFERENCE ITEM */
.reference-item {overflow: hidden; z-index: 1400; position: relative; padding: 40px 30px; width: 100%; float: left; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; margin-top: -1px;}
.reference-item-left {width: 30%; position: relative; float: left;  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.reference-item-right {width: 70%; position: relative; float: left; padding: 0 15px 0 30px;  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.reference-icon {z-index: 1406; width: 30px; height: 30px; float: left; position: absolute; top: -18px; left: -18px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.reference-image {width: 100%; float: left; position: relative;}
.reference-header {position: relative; float: left; width: 100%; margin: 0; font-size: 14px; text-transform: none; color: #11159a;}
.reference-subheader {position: relative; float: left; width: 100%; }
.reference-text {position: relative; display: none; margin-top: 30px; float: left; width: 100%;  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.reference-hidden-gallery {display: none;}
.reference-link-more {z-index: 1407; position: relative; padding: 5px 0; float: left; display: none;}
.reference-link-more a {font-size: 12px; text-transform: none; color: #0099ff;}

.reference-item:hover {cursor: pointer;}

.reference-item.toggled {background-color: #f5f5f5;}
.reference-item.toggled .reference-item-left {width: 50%;}
.reference-item.toggled .reference-item-right {width: 50%;}
.reference-item.toggled .reference-text {display: block;}
.reference-item.toggled .reference-icon {-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.reference-item.toggled .reference-link-more {display: block;}

/* FANCYBOX */
.fancybox-title-float-wrap .child {border-radius: 0px;}
.fancybox-nav span {visibility: visible; background-repeat: no-repeat; height: 50px; background-position: 7px 0px;}

.btn-default { background-color: rgba(0, 0, 0, 0.4) !important; color: #fff; border: medium none; border-radius: 5px; padding: 5px 30px; font-family: 'DaxCondensedRegular'; font-size: 23px; text-transform: none;}
.btn-default:hover {color: #0099ff;}

.fancybox-overlay {background: transparent url("images/background-black-90.png") repeat scroll 0% 0% !important;}
.fancybox-skin {border-radius: 0 !important; box-shadow: none !important;}
.fancybox-title {display: none;}
.fancybox-close {background-image: url("images/icon-close.png") !important; height: 35px !important; width: 35px !important; right: 3px !important; top: 5px !important; background-size: cover !important; transform: rotate(45deg);}

.content-lightbox {padding: 30px; background-color: rgba(255,255,255,0.8);}

iframe img {width: 100%;}

/* PAGINATION */
.pagination {margin: 20px 0px !important;}
.pagination span .glyphicon {font-size: 12px;}

/* POWERMAIL */
div.tx-powermail, div.tx-powermail-0, div.tx-powermail-1 {width: 100%; padding: 0;}
.tx-powermail .container-fluid {padding: 0;}
.tx-powermail label {display: none;}
.tx-powermail .powermail_fieldwrap {margin-bottom: 15px;}
.powermail_fieldset {background-image: none; border: 0; width: 100%;}
.powermail_fieldwrap {width: 100%;}
.tx-powermail h3, .tx-powermail legend, .tx-powermail-0 h3, .tx-powermail-0 legend, .tx-powermail-1 h3, .tx-powermail-1 legend {display: none;}
.tx-powermail .input-group, .tx-powermail-0 .input-group, .tx-powermail-1 .input-group {margin-bottom: 15px;}
.tx-powermail .input-group-addon, .tx-powermail-0 .input-group-addon, .tx-powermail-1 .input-group-addon, .input-group-addon {min-width: 140px; background-color: transparent; border: 0; font-size: 16px; font-weight: 400; padding: 0; text-align: left;}
.tx-powermail .form-control, .tx-powermail-0 .form-control, .tx-powermail-1 .form-control, .powermail_textarea {font-size: 16px; padding: 6px; background-color: #f2f2f2; border-radius: 0px !important; border-color: #f2f2f2; width: 100%;}
.powermail_textarea {min-height: 300px; box-shadow: 1px 1px rgba(0, 0, 0, 0.075) inset; font-size: 16px;}
.powermail_fieldwrap_5 .input-group-addon {vertical-align: top; padding: 10px 0 0;}

.form-control:focus {background: url('') no-repeat 0 0 transparent; border: 1px solid #11159a; box-shadow: none !important; }
.formError .formErrorContent {background: none repeat scroll 0 0 #f2f2f2; border: 2px solid #11159a; border-radius: 5px; color: #11159a;}
.formError .formErrorArrow div {background: none repeat scroll 0 0 #f2f2f2; border: 0;}
.formError .formErrorArrow .line3, .formError .formErrorArrow .line2, .formError .formErrorArrow .line1 {border: 0; background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}

.tx-powermail .btn-primary {border-radius: 0; font-size: 16px;}

.powermail_radio_outer, .powermail_captcha_outer, .powermail_check_outer {background-color: transparent; border: 0; width: 100%; padding: 0;}

.tx-powermail .powermail_fieldwrap_datenschutz {margin-bottom: 0;}
.tx-powermail .powermail_fieldwrap_datenschutz label {display: block; font-size: 12px;}
.tx-powermail .powermail_fieldwrap_datenschutz .powermail_label {display: none;}
.tx-powermail .powermail_fieldwrap_datenschutz .checkbox {margin-bottom: 0;}

.tx-powermail .powermail_fieldwrap_datenschutzlink a {font-size: 12px;}

.mandatory {margin-left: 5px; }

/* LINKS */
.links li {list-style-type: none; float: left; text-align: left;}

/* FIX FUER INHALT */
.csc-default {width: 100%; float: left; clear: both;}
.csc-textpic-caption-c {background-color: rgba(255, 255, 255, 0.9); height: 50px; margin-top: -50px; position: relative;}

/*BROWSERSPEZIFISCHE FALLBACKS*/
* {outline: 0 none;}

/* IFRAME LIGHTBOX */


/*RESPONSIVE*/
@media (max-width: 1500px) {
	/* ALLGEMEIN */

	/* HEADER */

	/* CONTENT */

	/* FOOTER */
}
@media (max-width: 1366px) {
	/* ALLGEMEIN */

	/* HEADER */

	/* CONTENT */

	/* FOOTER */
}
@media (max-width: 1300px) {
	/* ALLGEMEIN */

	/* HEADER */

	/* CONTENT */

	/* FOOTER */
}
@media (max-width: 1200px) {
	/* ALLGEMEIN */

	/* HEADER */

	/* CONTENT */

	/* FOOTER */
}

@media (max-width: 1020px) {
	/* ALLGEMEIN */

	/* HEADER */

	/* CONTENT */

	/* FOOTER */
}
@media (max-width: 990px) {
	/* ALLGEMEIN */
	.container {width: 100%;}

	/* HEADER */
	.header {background-color: #fff;}
	.logo-container {padding: 0 0 30px 0;}
	.logo {width: 90%; margin: 0 auto; top: 50px; max-width: 500px;}

	.navigation {z-index: 100; position: relative; float: left; width: 100%;}
	.navbar-wrapper .container {padding: 0;}
	.navbar {  padding: 5px 0;}

	.navbar-toggle {display: block; margin-right: 0; position: absolute; top: 4px; right: 0; color: #fff; z-index: 115; padding: 0 15px; }
	.navbar-toggle .menu-text {float: left;line-height: 30px; margin-right: 20px; font-weight: 700;}
	.navbar-toggle .menu-icon {float: left; background-color: #fff; border: 1px solid #fff; padding: 8px; }
	.navbar-toggle .icon-bar {background-color: #11159a;}

	.navbar-collapse.collapse {display: none !important;}
	.navbar-collapse.in {display: block !important; }

	.navbar-collapse {width: 100%; border:0;}
	.navbar-nav {margin-left: 0; width: 100%;}
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {margin: 0; background-color: transparent; padding: 30px 0;}
	.navbar-nav li { padding: 1px 0px 0px !important; width: 100%; border-bottom: 0 !important; float: left; margin-right:0;}

	#nav {position: relative; z-index: 1500; background-color: rgba(17,21,154,1); float: left; margin: 30px 0 0 0;}
	#nav > ul > li {width: 100%; float: none;}
	#nav li ul {position: static;}
	#nav li ul { width: 100%; }
	#nav li a {width: 100%; color: #fff; float: left; text-transform: none; display: inline-block;  padding-bottom: 20px; padding-top: 20px; text-align: left; text-align: center; opacity: 1;}
	#nav li a:hover, #nav li:hover a {background-color: #2125A1;}

	#nav > li {height: auto; padding: 0;}
	#nav li {   display: block;  clear: both;  }

	#nav .dropdown-menu {padding: 0; border: 0; border-radius: 0; box-shadow: none; margin: 0; }
	#nav .dropdown-menu > li > a {  border: none;  }
	#nav .dropdown-menu li {  margin: 0;}
	#nav .dropdown-menu li a {  padding: 8px 15px; }

	/*-- level 1 --*/
	.nav > li.active  {background-color: transparent;}
	#nav .dropdown-menu.menu2 {  display: none;  }
	#nav .dropdown-menu > li > a {  white-space: normal; min-height: 40px;}
	.activated-nav-item a {color: #dfe9ee;}

	.active .menu-underline {display: none;}

	/* CONTENT */
	.mainpage .col-md-6 {width: 50%; float: left;}
	.mainpage .teaser h1, .mainpage .teaser .csc-header  { height: 310px;}
	.mainpage .teaser-container .col-md-6 > div { height: 312px;}
	.mainpage .teaser .kopa-icon {width: 200px; height: 200px; top: calc(50% - 100px); left: calc(50% - 100px);}

	.content-lightbox {padding: 0px 15px;}

	.content div[class^="col-md-"], .content div[class*=" col-md-"] {margin-bottom: 30px; float: left; width: 100%;}

	/* FOOTER */
	.footer {padding: 30px 0 60px 20px;}
	.footer .col-md-2 {display: none;}
	.footer .col-md-4 {width: 50%;}

}
@media (max-width: 769px) {
	/* ALLGEMEIN */

	/* HEADER */

	/* CONTENT */
	.mainpage .teaser h1, .mainpage .teaser .csc-header { height: 250px;}
	.mainpage .teaser-container .col-md-6 > div { height: 252px;}

	/* FOOTER */

}

@media (max-width: 600px) {
	/* ALLGEMEIN */

	/* HEADER */

	/* CONTENT */
	.mainpage .teaser h1, .mainpage .teaser .csc-header { height: 200px;}
	.mainpage .teaser-container .col-md-6 > div { height: 202px;}

	/* FOOTER */
}

@media (max-width: 500px) {
	/* ALLGEMEIN */

	/* HEADER */
	.header {height: auto;}
	.logo-container {padding: 0;}

	/* CONTENT */
	.mainpage .teaser h1, .mainpage .teaser .csc-header { height: 150px; font-size: 20px;}
	.mainpage .teaser-container .col-md-6 > div { height: 152px;}
	.mainpage .teaser .kopa-icon {width: 150px; height: 150px; top: calc(50% - 75px); left: calc(50% - 75px);}

	.increased-padding {padding: 0px;}

	.panel-group .panel-icon {width: 50px;}
	.panel-group .panel-icon object {left: 15px;}
	.panel-group .text {width: calc(100% - 55px); -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding-right: 15px;}
	.panel-collapse {padding: 15px;}

	.reference-item {padding: 25px;}
	.reference-item-left {width: 100%;}
	.reference-item-right {width: 100%; padding: 30px 0 0 0;}

	.reference-item.toggled .reference-item-left {width: 100%;}
	.reference-item.toggled .reference-item-right {width: 100%;}

	/* FOOTER */
	.footer .col-md-4 {width: 100%;}
}

@media (max-width: 400px) {
	/* ALLGEMEIN */

	/* HEADER */

	/* CONTENT */

	/* FOOTER */
}

@media (min-width: 1930px) {
	/* ALLGEMEIN */

	/* HEADER */

	/* CONTENT */

	/* FOOTER */
}