@charset "utf-8";
/* CSS Document */

body { font-size:16px; font-family: 'PT Sans', sans-serif !important; }
a { color: #38428d; }
a:hover { color: #38428d; }
span.hide { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; height: 0px !important; }
.wrap1 { }
.wrap2 { }
.row { }
.container { max-width:1024px;  }
.topheaderwrap { background: rgba(255,255,255,.75); padding: 10px 0; position: fixed; width: 100%; z-index: 10; }
.headerwrap { padding-top: 120px; }
.header { }
.openInLightbox { display: none; }
#sidr { display:none; }
.language {  }
.logo img { max-width: 100%; height: auto; }

/*Slider und Headerimages*/
.sliderwrap { position: absolute; z-index: -1; }
.flexslider {
    margin: 0 0 0px;
    background: transparent;
    border: 0px solid #fff;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: '' 0 0px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: '' 0 0px 0px rgba(0, 0, 0, 0.2);
    -o-box-shadow: '' 0 1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: '' 0 0px 0px rgba(0, 0, 0, 0.2);
}

/*Navigation*/
.topnavigation {}
.topnavigation ul { list-style: none; width: 100%; }
.topnavigation li { color: #fff; width: 100%; text-transform: uppercase; font-weight: bold; margin-bottom: 1px; }
.topnavigation li a { display:block; background: #39428d; color: #fff; width: 100%; padding: 5px 0; text-indent: 20px; }
.topnavigation li a:hover { text-decoration: none; opacity: .7; }

.topheader .btn-light { color: #38428d; background-color: #fff; border-color: #fff; width: 100%; }
.topheader .btn-light a { color: #38428d; }
.topheader-button-home button { padding-top: 2px; }
.topheader-button-home svg { position: relative; color:#38428d; fill: #38428d; width: 22px; height: 22px; top:5px; margin-right:5px; }
.topheader-button-menu button { padding-top: 2px; }
.topheader-button-menu svg { position: relative; color:#38428d; fill: #38428d; width: 22px; height: 22px; top:5px; margin-right:5px; }

.colorbox-menu { padding: 20px 0; }
.colorbox-menu ul { list-style: none; }
.colorbox-menu li { color: #fff; width: 100%; text-transform: uppercase; font-weight: normal; margin-bottom: 1px; }
.colorbox-menu li a { display:block; background: #000744; color: #fff; width: 100%; padding: 5px 0; text-indent: 20px; text-align: center; font-size: 1.4em; }
.colorbox-menu li a:hover { text-decoration: none; opacity: .7; }
.colorbox-menu ul.menu-level-2 { margin-left: -40px; }
.colorbox-menu ul.menu-level-2 li a { display:block; background: #39428d; color: #fff; width: 100%; padding: 5px 0; text-indent: 20px; }
.colorbox-menu li.no-border-bottom { margin-bottom: 0px; }

/*Headerboxes*/
.newsbox1-filled, .newsbox2-filled { background: rgba(57,61,141,.6); color: #fff; font-size: .9em; padding: 10px; }
.newsbox1-filled a, .newsbox2-filled a { color: #fff; }
.newsbox1-filled a:hover, .newsbox2-filled a:hover { color: #fff; }
.newsbox1-filled h3, .newsbox2-filled h3 { font-size: 1.6em; }

/*Startboxes*/
.startbox1-filled, .startbox2-filled, .startbox3-filled { margin-top: 400px; }
.frame-startboximage { background: rgba(211,212,252,1); padding: 20px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; }
.frame-startboximage img { max-width: 100%; height: auto; }
.frame-startboximage h2 { font-size: 1.4em; margin-bottom: 0; }
.frame-startboximage a { color: #000744; }
.frame-startboximage a:hover { color: #000744; text-decoration: none; }
.frame-startboximage:hover { opacity: .8; }

.frame-startboxbutton { background: rgba(57,66,141,1); padding: 10px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; margin-top: 10px; }
.frame-startboxbutton figure { text-align: center; max-height: 20px; }
.frame-startboxbutton svg { max-width: 100%; height: auto; width:40%; fill:#d3d4e1; }
.frame-startboxbutton h1 { font-size: 1.4em; margin-bottom: 0; }
.frame-startboxbutton a { color:#d3d4e1; }
.frame-startboxbutton a:hover { color:#d3d4e1; text-decoration: none; }
.frame-startboxbutton:hover { opacity: .8; }

.frame-images50 .ce-column { width: 48%; margin: 20px 1%; margin-right: 0; }
.frame-images50 .ce-column:first-of-type { margin-left: 0; margin-right: 1%; } 

.citing-filled { padding: 40px 100px 20px 100px; text-align: center; color:#39428d; }
.citing-filled h2 { font-size: 3em; font-weight: bold; }

.footer .btn-group>.btn-group:not(:first-child)>.btn, .footer .btn-group>.btn:not(:first-child) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.newsbox1-filled ul { margin-left: -20px; list-style: square; }

/*Language*/


/*Content*/
.main { }
.content {  }
.content-filled { background: #d3d4e1; color: #000744; padding: 20px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; margin-top: 60px; margin-bottom: 60px; }
.content-filled a { color: #6b71aa; }
.content-filled a:hover { color:#6b71aa; }
.right-filled { margin-top: 60px; margin-bottom: 60px; }

/*Teaser*/
.frame-teaserbox { background: rgba(255,255,255,1); padding: 10px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; margin-bottom: 10px; border: 1px solid #d3d4e1; text-align: center; }
.frame-teaserbox img { max-width: 100%; height: auto; width:100%; }
.frame-teaserbox h2 { font-size: 1.4em; margin-bottom: 0; color:#000744; font-weight: bold; }
.frame-teaserbox a { color:#000744; }
.frame-teaserbox a:hover { text-decoration: none; color:#000744; }
.frame-teaserbox:hover { opacity: .8; }

/*Header*/
.content h1 { font-size:1.5em; line-height:1.3em; }
.content h2 { font-size:1.438em; line-height:1.25em; }
.content h3 { font-size:1.375em; line-height:1.2em; }
.content h4 { font-size:1.313em; line-height:1.15em; }
.content h5 { font-size:1.25em; line-height:1.1em; }
.content h6 { font-size:1.188em; line-height:1.05em; }

/*Powermail*/
.tx-powermail .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #ffffff;
    background-color: #6b71aa;
    background-clip: padding-box;
    border: 0px solid #6b71aa;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.footerwrap ::placeholder { /* Firefox, Chrome, Opera */ 
    color: white !important; 
} 
  
.footerwrap :-ms-input-placeholder { /* Internet Explorer 10-11 */ 
    color: white !important; 
} 
  
.footerwrap ::-ms-input-placeholder { /* Microsoft Edge */ 
    color: white !important; 
}

#bssEventModal .modal-dialog { width: 80%; max-width: 100%; }
.subscribe-fields input, .subscribe-fields textarea, .subscribe-fields select { background-color: #6b71aa; }
#bssEventModal ::placeholder { /* Firefox, Chrome, Opera */ 
    color: white !important; 
} 
  
#bssEventModal :-ms-input-placeholder { /* Internet Explorer 10-11 */ 
    color: white !important; 
} 
  
#bssEventModal ::-ms-input-placeholder { /* Microsoft Edge */ 
    color: white !important; 
}



/*Galerie*/
.fs-media-gallery .thumb { padding: 0; }
.fs-media-gallery .thumb img { padding: 10px; max-width: 100%; height: auto; }
.fs-media-gallery .thumb .description { display: none; }
.fs-media-gallery .thumb h4 { font-size: 1em; padding-left: 10px; }
.fs-media-gallery .thumb a, .fs-media-gallery .thumb a:link, .fs-media-gallery .thumb a:hover, .fs-media-gallery .thumb a:active, .fs-media-gallery .thumb a:visited { text-align: left; }

/*Footer*/
.footerwrap { background: #38428d; color: #fff; padding: 20px 0; margin-top: 20px; }
.footerwrap h2 { font-size:1.05em; line-height:1.05em; font-weight: bold; }
.footerwrap a { color: #fff; }
.copyright { text-align: right; }

/*Powermail*/
.tx-powermail .container-fluid, .tx-powermail .col-sm-12 { margin: 0; padding: 0; }
.powermail_form h3, .powermail_legend { display: none; }
.powermail_form .control-label { display: none; }

/*Form*/
.frame-type-form_formframework h2 { display: none; }
.frame-type-form_formframework .form-label, .frame-type-form_formframework  .form-text { display: none; }
.frame-type-form_formframework .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #ffffff;
    background-color: #6b71aa;
    background-clip: padding-box;
    border: 0px solid #6b71aa;
    border-radius: .25rem;
    transition: border-color .15sease-in-out, box-shadow .15sease-in-out;
}
.frame-type-form_formframework input::placeholder, .frame-type-form_formframework textarea::placeholder { color: #fff; }
.frame-type-form_formframework .btn {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

/*Responsive Google Map*/
.responsiveContainer { position: relative; padding-bottom: 56%; height: 0; overflow: hidden; }
.responsiveContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*Kalender*/
/*.bss_calendar, .bss_calendar_top, .bss_calendar_main { float:left; position:relative; }*/


/*Smartphones*/
@media (max-width:1100px) {
	.startbox1-filled, .startbox2-filled, .startbox3-filled { margin-top: 250px; }
}

@media (max-width:992px) {
	.ce-gallery, figure { width: 100%; }
	.ce-column { float:none; }
	.image-embed-item { width: 100%; height: auto; }
	.ce-nowrap .ce-bodytext { overflow: visible; }
}

@media (max-width:768px) { 
	.standardmenu { margin-bottom: 20px; }
	.startbox1-filled, .startbox2-filled, .startbox3-filled { margin-top: 20px; font-size: .8em; }
	.content-filled { margin-top: 20px; margin-bottom: 20px; }
	.right-filled { margin-top: 0px; margin-bottom: 20px; }
	.colorbox-menu li a { font-size: 1.1em; }
	.citing-filled h2 { font-size: 2em; font-weight: bold; }
	.citing-filled { padding: 40px 20px 20px 20px; }
    #bssEventModal .modal-dialog {
        width: 90vw;
        height: 70vh;
        left: 45% !important;
        top: 30% !important;
        transform: translate(-50%, -50%);
    }
}

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

@media (max-width:576px) { 
	.empty { display: none; }
	.footerbox1, footerbox2, footerbox3 { margin-bottom: 20px; }
	.headerwrap { padding-top:220px; }
	.startbox1-filled, .startbox2-filled, .startbox3-filled { margin-top: 10px; }
}

@media (max-width:530px) { 
	.headerwrap { padding-top:220px; }
	.topheader .topheader-button-home, .topheader .topheader-button-menu { flex: 0 0 50%; max-width: 50%; }
	.topheader .logo { flex: 0 0 100%; max-width: 100%; margin-bottom: 20px; }
	.headerwrap .newsbox1, .headerwrap .newsbox2 { flex: 0 0 100%; max-width: 100%; margin-bottom: 10px; }
	.colorbox-menu li a { font-size: 1em; }
}

@media (max-width:380px) { 
	.colorbox-menu li a { font-size: .85em; }
}

@media only screen and (min-width: 680px) and (max-width: 992px) and (orientation : portrait) {
}