@charset "UTF-8";

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-semibold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Fjalla';
    src: url('../fonts/FjallaOne-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


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: inherit; font-size: 100%; vertical-align: baseline; color: #222; }
html { line-height: 1; }
body { background: #fff; font-weight: 300; color: #222; font-family: 'Open Sans'; }
.wrapper { margin: 0; }
.rel { position: relative; width: 100%; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: 30; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a { color: #000; }
a:hover { color: #336699; text-decoration: none; transition: .5s }
a img { border: none; }
.content a { text-decoration: underline; }
.content a:hover, footer a:hover { text-decoration: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
* { margin: 0; padding: 0; }
main { margin-bottom: 3em; }
.cls { clear: both; }
.mobileOn { display: none !important; }
.mobileOff { display: inherit; }
em { font-style: italic; }
.btn { font-size: 1em; }
header { width: 100%; text-align: center; }
header img { width: 100%; }
#toplogo { width: 200px; }
.black #toplogo { width: 160px; }
#movetop { position: fixed; bottom: 10px; width: 50px; height: 50px; right: 15px; line-height: 44px; text-align: center; display: none; cursor: pointer;
	opacity: 1; background: #ccc; border-radius: 50%;
	transition: opacity .4s .2s;
}
#movetop .movetop { float: inherit; }
#movetop:hover { opacity: .7; transition: opacity .4s .2s; }
.showtop { display: inherit !important; -webkit-animation: fadeInUp 1s; }

img.center { margin-left: auto; margin-right: auto; }
img.ra { float: right; margin-left: 2em; }
img.la { float: left; margin-right: 2em;  }
a img { cursor: pointer; }
.navbar-nav { margin-top: 7px; }
.black .navbar-nav { margin-top: 8px; }
.black.bg-light { border-bottom: solid 1px #efefef; }
.navbar-nav > li.nav-item { margin: 0 1em; }
.navbar-light .navbar-nav .nav-link { text-transform: uppercase; font-size: 1em; letter-spacing: .05em; color: #B71F33; font-weight: 500; }
.nav-item.active {  }
.dropdown-item { }
.navbar-light .navbar-nav .nav-link:hover { color: #222; }
.dropdown-menu a { line-height: 2em; font-size: 1em; padding-left: 20px; }
.dropdown-menu a.nav-link { padding: 4px 20px !important; }
.dropdown-menu a:hover { background: #336699; color: #fff !important; }
.dropdown-menu { font-size: .9em;  margin-top: 10px; }
.dropdown-right .dropdown-menu { right: 0; left: inherit; }
.dropdown a { outline: none; }
.dropdown-toggle::after { display: none; }
.dropdown-item.active, .dropdown-item:active { background-color: #b1b2b3; }
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(51, 102, 153, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-toggler:focus { border: none; outline: none; }
.black { height: 50px;  transition: 1s;  background-color: #fff !important; }
.navbar-light .navbar-toggler { color: rgba(0,0,0,.75); border-color: rgba(0,0,0,.1); margin-top: -140px; position: absolute; right: 0; top: 0; }
.black .navbar-brand { margin-top: 2px; width: 50px; height: 50px; }
.navbar-expand-lg .navbar-nav .nav-link { padding: 1.25em 0; }
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: #336699; }

h1, h2, h4, h3 { font-family: 'Fjalla'; color: #b80718; font-size: 2.5em; line-height: 1.25em; text-transform: uppercase; color: #336699; font-weight: 500; letter-spacing: .05em; }
h1 { margin-top: .25em; margin-bottom: .5em; font-size: 2.5em; }
h2 { margin-bottom: .5em; }
h3 { font-size: 1.3em; margin-bottom: .25em; color: #222; margin-top: 3em; font-family: 'Open Sans';  /* text-transform: uppercase; */ }
.news h3 { color: #336699; text-transform: uppercase; font-family: 'Fjalla'; font-size: 1.75em; margin-top: .5em; }
h1 span, h2 span, h3 span { text-transform: lowercase !important; color: #336699;  }
.alert h3 { margin-top: 0; }
h3.dl { color:#878786; font-family: 'Fjalla'; font-size: 1.75em; margin-top: .5em; text-decoration: underline; transition: .5s; cursor: pointer; }
h3.dl:hover { color:#336699; text-decoration: none; transition: .5s; background: #efefef; }
h3.archive { cursor: pointer; }
.bildungDIV h3 { margin-top: 0; }

h3.archive { border-bottom: solid 1px #000; margin-bottom: 1em; }
p.archive { text-align: center; font-family: 'Fjalla'; text-transform: uppercase; }
#accordion { margin-top: 3em; }
#accordion hr { margin: 2em 0; }
#accordion a { color: #3c3c3b; text-transform: uppercase; font-family: 'Fjalla'; font-size: 1em; line-height: 3em; text-decoration: underline; }
#accordion .nomarg a { line-height: 1.5em; }
#accordion_pdf14 { margin-top: 4em; display: block; }
.reduce hr { margin: 2em 0; }
p, .content li { font-size: 1em; line-height: 1.35em; }
p { margin-bottom: 1em; line-height: 1.5em; }
.content li { margin-bottom: .5em; margin-left: 30px; }
b, strong { font-weight: 500; }
.center { text-align: center; }
h1.center, h2.center { text-align: center; font-size: 2.9em; }

.content ul li ul { margin-top: 10px; }
.endFrame { margin-top: 120px; }

footer { background: #b71928; color: #fff; margin-top: 8em; }
footer ul li { color: #fff; font-size: .8em; padding: 3em 0 5em; }
footer a { color: #fff; text-transform: uppercase; }

.ra { text-align: right; }

hr { border: none; height: 3px; border-bottom: solid 1px #999; margin: 6em 0; }
i { font-style: italic; }
/* no circle */
.flickity-button {
  background: transparent;
}
/* big previous & next buttons */
.flickity-prev-next-button {
  width: 60px;
  height: 60px;
}
/* icon color */
.flickity-button-icon {
  fill: #3c3c3b;
}
.flickity-button-icon:hover {
  fill: #414042;
}
.flickity-button:hover {
  background: transparent;
}
/* hide disabled button */
.flickity-button:disabled {
  display: none;
}
.carousel-image { width: 150px; height: 150px; margin: 0 40px; }
.carousel-image span { font-weight: 500; font-size: .9em }
.carousel-image img { max-width: 114px; }
.flickity-prev-next-button.previous {
    left: -60px;
}
.flickity-prev-next-button.next {
    right: -60px;
}
.hide { display: none; }

.inner { padding: 10px 20px; }
.inner.weiss { background: #fff; }
.inner.signition { background: #00AEEF; }

section { margin: 0; }
sup { font-size: .8em; }

img.logo { width: 100%; max-width: 186px; }
.brand { padding: 2em 0; }
.title { color: #336699; font-size: 3em; font-family: 'Fjalla'; padding-bottom: 1em; }
.border_top { border-top: 1px solid #b71928; }

.btn { border-radius: 0; text-transform: uppercase; font-size: 1em; font-family: 'Fjalla'; }
.btn-mehr { border: solid 1px #999999; color: #999999;}
.btn-rot { border: solid 1px #b71928; background: #b71928; color: #fff; width: 100%; font-size: 1.2em; margin-top: .75em; }
.btn-rot span { color: #fff; font-size: .8em; }
.btn-blau { display: inline-block; width: auto !important; border: solid 1px #36679b; background: #36679b; color: #fff; width: 100%; font-size: 1.2em; margin-top: .75em; padding-left: 30px; padding-right: 30px; }
.btn-bubble { border: solid 1px #36679b; background: #36679b; color: #fff; width: 250px; font-size: 1.2em; margin: 1em; height: 250px; border-radius: 50%; }
.btn-bubble a { color: #fff; width: 100%; height: 100%; }
.btn-bubble.active { background: #ccc; color: #36679b; border: solid 1px #ccc; }
.btn-back { color: #fff; background: #b71928; margin-bottom: 2em; padding: 10px 20px 8px; }
.btn-back .fa { color: #fff; margin-right: 10px; }

.linkbox{ cursor: pointer; }
.news { margin-bottom: 2em; }
.bg-color { padding: 4em 0; }
.bg-grau { background: #e5e5e5; }
.bg-gray { background: #e5e5e5; padding: 0 0 7em 0; }
.bg-blue { background: #336699; }
.page { padding: 0 10px; }
a.page.active { font-weight: 500; }
#warn { transition: .5s; }
.pdfImg img { border: solid 1px #999; }
.liste li:before { content: '•'; margin-right: 10px; }
.liste li { line-height: 1.5em; }

.mt0 { margin-top: 0px; } .mt1 { margin-top: 10px; } .mt2 { margin-top: 20px; } .mt3 { margin-top: 30px; } .mt4 { margin-top: 40px; } .mt5 { margin-top: 50px; } .mt6 { margin-top: 60px; } .mt7 { margin-top: 70px; } .mt8 { margin-top: 80px; } .mt9 { margin-top: 90px; } .mt10 { margin-top: 100px; }  .mb0 { margin-bottom: 0px !important; }  .mb1 { margin-bottom: 10px; }  .mb2 { margin-bottom: 20px; }  .mb3 { margin-bottom: 30px; }  .mb4 { margin-bottom: 40px; }  .mb5 { margin-bottom: 50px; }  .mb6 { margin-bottom: 60px; }  .mb7 { margin-bottom: 70px; }  .mb8 { margin-bottom: 80px; }  .mb9 { margin-bottom: 90px; }  .mb10 { margin-bottom: 100px; }  .pad0 { padding: 0px; }  .pad1 { padding: 10px; }  .pad2 { padding: 20px; }  .pad3 { padding: 30px; }  .pad4 { padding: 40px; }  .pad5 { padding: 50px; }  .pad6 { padding: 60px; }  .pad7 { padding: 70px; }  .pad8 { padding: 80px; }  .pad9 { padding: 90px; }  .pad10 { padding: 100px; }  .pt0 { padding-top: 0px; }  .pt1 { padding-top: 10px; }  .pt2 { padding-top: 20px; }  .pt3 { padding-top: 30px; }  .pt4 { padding-top: 40px; }  .pt5 { padding-top: 50px; }  .pt6 { padding-top: 60px; }  .pt7 { padding-top: 70px; }  .pt8 { padding-top: 80px; }  .pt9 { padding-top: 90px; }  .pt10 { padding-top: 100px; }  .pb0 { padding-bottom: 0px; }  .pb1 { padding-bottom: 10px; }  .pb2 { padding-bottom: 20px; }  .pb3 { padding-bottom: 30px; }  .pb4 { padding-bottom: 40px; }  .pb5 { padding-bottom: 50px; }  .pb6 { padding-bottom: 60px; }  .pb7 { padding-bottom: 70px; }  .pb8 { padding-bottom: 80px; }  .pb9 { padding-bottom: 90px; }  .pb10 { padding-bottom: 100px; }

/* liScroll styles */
.tick { margin-top: -2px; }
.tickercontainer { 
background: #336699; 
line-height: 40px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 1%;
width: 98%;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 60%;
list-style-type: none;
margin: 0;
padding: 0;
}
/* ul.newsticker li:after {
  content: '•'; padding: 0 30px; display: inline-block;
} */
ul.newsticker li a { color: #fff; border-bottom: #aaa solid 1px; }
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
color: #fff;
letter-spacing: .05em; 
}
.img-news { max-height: 380px; }
.gallery_list { margin-bottom: 2em; }
.gallery_list p a { text-transform: uppercase; color: #222; font-weight: 500; font-size: 1.25em; }
.img-klein { max-width: 500px; }
.backbutton + section .mt6 { margin-top: 0 !important; }