@charset "UTF-8";
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../Fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../Fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('../Fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('../Fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../Fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
.row {
  margin-top: 20px;
  margin-bottom: 20px;
}

.container {
  margin-top: 10px;
  margin-bottom: 40px;
}

.wrapper {
  padding-top: 100px;
}

h2, h3 {
  text-transform: uppercase;
}

body {
  font-family: "Lato", sans-serif;
}

hr {
  height: 2px;
  border: none;
}

section {
  padding-bottom: 40px;
}

a.download:before {
  font-family: "Glyphicons Regular";
  color: #606d95;
  content: " ";
}

@media only screen and (max-width: 768px) {
  section {
    padding: 10px;
  }
}
header.header {
  position: fixed;
  height: 100px;
  width: 100%;
  background-color: white;
  margin-bottom: 100px;
  z-index: 99999;
  -webkit-box-shadow: 0px 3px 40px 1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 3px 40px 1px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.5);
  font-size: 25px;
}
header.header #n_home {
  text-transform: uppercase !important;
}
header.header #n_home a:before {
  font-family: "Glyphicons Regular";
  color: #223c7e;
  font-size: 25px;
  content: " ";
}
header.header #n_kurse {
  text-transform: uppercase !important;
}
header.header #n_kurse a:before {
  font-family: "Glyphicons Regular";
  color: #223c7e;
  font-size: 25px;
  content: " ";
}
header.header #n_veranstaltungen {
  text-transform: uppercase !important;
}
header.header #n_veranstaltungen a:before {
  font-family: "Glyphicons Regular";
  color: #223c7e;
  font-size: 25px;
  content: " ";
}
header.header #n_hsk {
  text-transform: uppercase !important;
}
header.header #n_hsk a:before {
  font-family: "Glyphicons Regular";
  color: #223c7e;
  font-size: 25px;
  content: " ";
}
header.header #n_stipendien {
  text-transform: uppercase !important;
}
header.header #n_stipendien a:before {
  font-family: "Glyphicons Regular";
  color: #223c7e;
  font-size: 25px;
  content: " ";
}
header.header #n_kunstsammlung {
  text-transform: uppercase !important;
}
header.header #n_kunstsammlung a:before {
  font-family: "Glyphicons Regular";
  color: #223c7e;
  font-size: 25px;
  content: " ";
}
header.header #n_termine {
  text-transform: uppercase !important;
}
header.header #n_termine a:before {
  font-family: "Glyphicons Regular";
  color: #223c7e;
  font-size: 25px;
  content: " ";
}
header.header #n_kontakt {
  text-transform: uppercase !important;
}
header.header #n_kontakt a:before {
  font-family: "Glyphicons Regular";
  color: #223c7e;
  font-size: 25px;
  content: " ";
}
header.header #n_uns {
  text-transform: uppercase !important;
}
header.header #n_uns a:before {
  font-family: "Glyphicons Regular";
  color: #223c7e;
  font-size: 25px;
  content: " ";
}
header.header #n_bridge {
  text-transform: uppercase !important;
}
header.header #n_bridge a:before {
  font-family: "Glyphicons Regular";
  color: #223c7e;
  font-size: 25px;
  content: " ";
}
header.header #n_klassenzimmer {
  text-transform: uppercase !important;
}
header.header #n_klassenzimmer a:before {
  font-family: "Glyphicons Regular";
  color: #223c7e;
  font-size: 25px;
  content: " ";
}
header.header #n_mediathek {
  text-transform: uppercase !important;
}
header.header #n_mediathek a:before {
  font-family: "Glyphicons Regular";
  color: #223c7e;
  font-size: 25px;
  content: " ";
}
header.header #n_wirtschaft {
  text-transform: uppercase !important;
}
header.header #n_wirtschaft a:before {
  font-family: "Glyphicons Regular";
  color: #223c7e;
  font-size: 25px;
  content: " ";
}
header.header #n_ {
  text-transform: none;
  font-size: 20px;
}
header.header #n_ a:before {
  content: "";
}
header.header .navigation {
  position: relative;
  align-items: center;
  top: 15px;
}
header.header .dropbtn {
  cursor: pointer;
  z-index: 100;
  display: inline;
  margin: 5px;
  color: #606d95;
}
header.header .logo {
  top: -10px;
}
header.header .logo img {
  max-height: 80px;
  width: auto;
}
header.header .mainNavContainer {
  display: none;
  font-size: 20px;
  position: absolute;
  top: 100px;
  z-index: 1000;
  background-color: #171f35;
  background-color: rgba(23, 31, 53, 0.98);
  width: 90vw;
  margin-left: 5vw;
  overflow-y: scroll;
  max-height: calc(100vh - 100px);
}
header.header .mainNavContainer .col-sm-4, header.header .mainNavContainer .col-md-4 {
  padding: 0 !important;
  padding-right: 20px !important;
}
header.header .mainNavContainer li {
  padding-top: 10px;
}
header.header .mainNavContainer ul {
  text-decoration: none;
}
header.header .mainNavContainer ul.level1 li a {
  width: 100%;
  display: block;
  border-bottom-color: #223c7e;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  padding-bottom: 20px;
}
header.header .mainNavContainer ul.level2 {
  padding-top: 5px;
  padding-bottom: 5px;
}
header.header .mainNavContainer ul.level2 li a {
  width: 100%;
  display: block;
  border-bottom-color: none;
  border-bottom-style: none;
  border-bottom-width: 0px !important;
  padding-bottom: 0px !important;
}
header.header .mainNavContainer ul.level1 li {
  list-style: none;
}
header.header .mainNavContainer ul.level1 li a {
  color: #606d95;
}
header.header .mainNavContainer ul.level2 li {
  list-style: none;
  font-size: 17px !important;
}
header.header .mainNavContainer ul.level2 li a {
  color: white;
}
header.header .mainNavContainer .col-sm-4 {
  padding: 50px;
}
header.header .mainNavContainer a:hover {
  color: #ae0011 !important;
  text-decoration: none;
}
header.header .show {
  display: block !important;
  transition: 0.5s;
}

@media only screen and (max-width: 1024px) {
  .header .menu-text {
    display: none;
  }
  .header .navigation {
    margin-left: 0;
  }
  .header .mainNavContainer {
    width: 100vw !important;
    margin-left: 0 !important;
    background-color: #171f35 !important;
    position: absolute !important;
    height: 100vh;
    padding-bottom: 100px;
  }
  .header .logo {
    top: 10px !important;
  }
  .header .logo img {
    float: right;
    max-width: 200px;
    height: auto;
  }
}
/* CSS Document */
section.footer {
  background-color: #223c7e;
  padding-bottom: 0px;
  margin-top: 30px;
}
section.footer .contactinfo {
  color: white;
}
section.footer .contactinfo span {
  font-size: 20px;
}
section.footer .partner .row {
  display: flex;
  justify-content: center;
  align-items: center;
}
section.footer .partner .row a img {
  margin-right: 15px;
}
section.footer .partner .row a:hover {
  text-decoration: none;
}
section.footer h3, section.footer h2 {
  text-transform: none !important;
  color: white;
}
section.footer hr {
  height: 2px;
  border: none;
  color: white;
  background-color: white;
}
section.footer a {
  margin-top: 5px;
  color: white;
  font-size: 15px;
}
section.footer a.mehr {
  font-weight: normal;
  font-size: 12px;
}
section.footer .col-sm-11 {
  display: flex;
}
section.footer .socialmedia_logos {
  display: flex;
  align-items: center;
}
section.footer .socialmedia {
  color: white;
  font-weight: bold;
}
section.footer .socialmedia img {
  height: 40px;
  width: auto;
}
section.footer .socialmedia .col-xs-3 {
  text-align: center;
}

.copyright {
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0px;
}

/* CSS Document */
.tx-dmailsubscribe {
  background-color: #f0f5f7;
  margin-top: 30px;
}
.tx-dmailsubscribe .newsletter-anmeldung {
  text-align: center;
}
.tx-dmailsubscribe .newsletter-anmeldung h3 {
  color: #e3051b;
}
.tx-dmailsubscribe .newsletter-anmeldung a.abmelden {
  color: black;
}
.tx-dmailsubscribe .newsletter-anmeldung .newsletter-abmelden {
  text-align: left;
}
.tx-dmailsubscribe .newsletter-anmeldung .formular-felder {
  padding: 30px 0 10px 0;
}
.tx-dmailsubscribe .newsletter-anmeldung .formular-felder .feld {
  border-color: #e3051b;
  border-style: solid;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-right-width: 0px;
  border-left-width: 0px;
  height: 40px;
  margin-right: 25px;
  background-color: #f0f5f7;
  outline: 0;
}
.tx-dmailsubscribe .newsletter-anmeldung .formular-felder .button {
  width: 140px;
  color: white;
  height: 40px;
  border: none;
  background-color: #e3051b;
  border-radius: 0px;
  transition: 0.5s;
  border: 2px solid #f0f5f7;
}
.tx-dmailsubscribe .newsletter-anmeldung .formular-felder .button:hover {
  background-color: #f0f5f7;
  border: 2px solid #e3051b;
  color: #e3051b;
  transition: 0.5s;
}

section.newsletter {
  background-color: #f0f5f7;
  margin-top: 30px;
}
section.newsletter .newsletter_info {
  text-align: center;
}
section.newsletter .newsletter_info h2, section.newsletter .newsletter_info h3 {
  color: #e3051b;
}
section.newsletter a {
  color: #e3051b;
}
section.newsletter .newsletter_formular .feld {
  border-color: #e3051b;
  border-style: solid;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-right-width: 0px;
  border-left-width: 0px;
  height: 40px;
  margin-right: 25px;
  background-color: #f0f5f7;
  outline: 0;
  margin: 5px;
}
section.newsletter .newsletter_formular .btn_newsletter {
  width: 140px;
  color: white;
  height: 40px;
  border: none;
  background-color: #e3051b;
  border-radius: 0px;
  transition: 0.5s;
  border: 2px solid #f0f5f7;
}
section.newsletter .newsletter_formular .btn_newsletter:hover {
  background-color: #f0f5f7;
  border: 2px solid #e3051b;
  color: #e3051b;
  transition: 0.5s;
}

.newsletter-klein {
  background-color: #f0f5f7;
  text-align: center;
  padding-bottom: 25px;
  padding-top: 25px;
  margin-top: 35px;
}
.newsletter-klein .container {
  margin-top: 0;
  margin-bottom: 0;
}
.newsletter-klein span.text {
  color: #e3051b;
  font-size: 20px;
}
.newsletter-klein .btn_newsletter {
  width: 140px;
  color: white;
  height: 40px;
  border: none;
  background-color: #e3051b;
  border-radius: 0px;
  transition: 0.5s;
  border: 2px solid #f0f5f7;
}
.newsletter-klein .btn_newsletter:hover {
  background-color: #f0f5f7;
  border: 2px solid #e3051b;
  color: #e3051b;
  transition: 0.5s;
}

/* CSS Document */
.rootline {
  font-size: 12px;
  color: #65739d;
}
.rootline a {
  color: #65739d;
}

/* CSS Document */
.slider {
  padding: 0px;
}
.slider img {
  width: 100vw;
  height: auto;
}
.slider .slick-next, .slider .slick-prev {
  top: 50%;
  z-index: 100;
  width: 70px;
  height: auto;
}
.slider .slick-next {
  right: 10px;
}
.slider .slick-prev {
  left: 0px;
}
.slider .slick-slide {
  max-height: 650px;
}
.slider .slick-prev:before, .slider .slick-next:before {
  font-family: "Glyphicons Halflings", "slick", sans-serif;
  font-size: 70px;
  color: #65739d !important;
}
.slider .slick-prev:before {
  content: "";
}
.slider .slick-next:before {
  content: "";
}
.slider ul.slick-dots {
  bottom: -50px;
}
.slider ul.slick-dots li {
  margin: 0 10px 0 10px;
  height: 20px !important;
  width: 20px !important;
  border-radius: 100px;
  border: 2px solid #223c7e;
}
.slider ul.slick-dots li.slick-active {
  background-color: #223c7e;
}
.slider ul.slick-dots button:before {
  font-size: 0px;
}

.slide {
  position: relative;
  height: 100%;
  max-height: 650px;
}
.slide a.slidelink {
  position: absolute;
  bottom: 30px;
  left: 10%;
  font-size: 24px;
  color: #ae0011;
  background-color: #f0f5f7;
  padding: 10px 20px;
  text-decoration: none;
  border: 2px solid #ae0011;
  display: block;
  transition: 0.5s;
}
.slide a.slidelink:hover {
  background-color: #ae0011 !important;
  color: #f0f5f7 !important;
  transition: 0.5s;
}

.content-slider img {
  height: 250px;
  width: auto;
}
.content-slider .slick-arrow::before {
  color: #223c7e;
}
.content-slider .slide img {
  max-width: 250px;
  object-fit: cover;
}

.featherlight-inner {
  height: auto !important;
  width: 100% !important;
}

@media only screen and (max-width: 768px) {
  .slidercontent {
    display: none;
  }
}
/* CSS Document */
.seitentext {
  text-align: center;
}
.seitentext h3, .seitentext h2 {
  color: #223c7e;
}
.seitentext .accordion-more-content {
  display: none;
  padding: 15px;
}
.seitentext .accordion-more {
  color: #606d95;
  transition: 1s;
}
.seitentext .accordion-more:hover {
  cursor: pointer;
  color: #223c7e;
  transition: 1s;
}
.seitentext .transf {
  transform: rotate(180deg);
}

/* GRID ELEMENTS AKKORDION*/
.accordion-element {
  margin-bottom: 0px;
}
.accordion-element .container {
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
}
.accordion-element .accordion-content {
  padding: 15px;
  display: none;
}
.accordion-element h2 {
  font-size: 20px;
}
.accordion-element div.accordion-headline h2 {
  overflow: hidden;
  width: 100%;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
}
.accordion-element div.accordion-headline h2::after {
  content: "";
  border-top: 2px solid #223c7e;
  margin-left: 15px;
  top: 60%;
  width: 3000px;
  position: absolute;
}
.accordion-element div.accordion-headline {
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  color: #223c7e;
  font-weight: bold;
  transition: 0.5s;
}
.accordion-element .icon-close h2:before {
  margin-right: 15px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  content: "";
  transition: 0.5s;
}
.accordion-element .icon-open h2:before {
  margin-right: 15px;
  font-family: "Glyphicons Halflings";
  content: "";
  display: inline-block;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: 0.5s;
}
.accordion-element .glyphicon {
  float: left;
  display: inline-block;
}

/* DCE AKKORDION*/
.accordion .panel-heading {
  border-bottom: 2px solid #223c7e !important;
}
.accordion a {
  text-decoration: none;
}
.accordion a:hover {
  text-decoration: none;
}
.accordion .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  color: #223c7e;
  font-weight: bold;
}
.accordion .panel-heading {
  padding: 10px 0 10px 0;
  border-bottom: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background-color: rgba(0, 0, 0, 0);
}
.accordion .panel {
  margin-bottom: 20px;
  background-color: rgba(0, 0, 0, 0);
  border: 0px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
.accordion .panel-default > .panel-heading {
  background-color: rgba(0, 0, 0, 0);
  border-color: none;
}
.accordion .panel-collapse > .list-group, .accordion .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}
.accordion .panel-body {
  padding: 15px;
}

@media only screen and (max-width: 800px) {
  div.accordion-headline h2::after {
    content: "";
    display: none !important;
  }
}
/* CSS Document */
.news {
  background-color: #ae0011;
  color: white;
}
.news .header {
  position: static !important;
}
.news .container {
  margin-bottom: 0;
}
.news span.day {
  font-weight: bold;
  font-size: 25px;
}
.news span.year {
  text-align: center;
}
.news .content {
  padding: 0;
  border-top: 3px solid #e3051b;
  padding-left: 20px;
}
.news .date {
  background-color: #e3051b;
  min-height: 50%;
  font-size: 18px;
  padding: 11px;
  border-top: 3px solid #e3051b;
}
.news img {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.news a.more {
  color: white;
  opacity: 0.5;
}
.news a.more:hover {
  opacity: 1;
}
.news div.news-all {
  text-align: center;
}
.news div.news-all a.news-all {
  color: white;
}
.news div.teaser-text p {
  color: white;
}
.news .header {
  color: black;
}
.news .header a {
  color: black;
  font-weight: bold;
}
.news h3 {
  color: white;
  position: relative;
  display: inline-block;
}
.news .hr-row {
  overflow: hidden;
  margin-right: 0px;
}
.news h3::after {
  content: "";
  border-top: 2px solid white;
  margin-left: 15px;
  top: 50%;
  width: 3000px;
  position: absolute;
}
.news hr {
  background-color: white;
}

.news-list-view {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 30px;
  align-items: start;
}
.news-list-view > .news-Item {
  float: none;
  width: auto;
}
.news-list-view > .page-navigation,
.news-list-view > .news-clear,
.news-list-view > :not(.news-Item) {
  grid-column: 1 / -1;
}
.news-list-view > .page-navigation {
  margin-top: 30px;
  text-align: center;
}
.news-list-view > .page-navigation > p {
  margin-bottom: 15px;
}
.news-list-view ul.f3-widget-paginator {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.news-list-view ul.f3-widget-paginator li {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 38px;
  margin: 0;
}
.news-list-view ul.f3-widget-paginator li a,
.news-list-view ul.f3-widget-paginator li.current {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 38px;
  padding: 7px 11px;
  border: 1px solid rgba(255, 255, 255, 0.75);
  text-decoration: none;
}
.news-list-view ul.f3-widget-paginator li a {
  color: white;
  transition: color 0.2s, background-color 0.2s;
}
.news-list-view ul.f3-widget-paginator li a:hover,
.news-list-view ul.f3-widget-paginator li a:focus,
.news-list-view ul.f3-widget-paginator li.current {
  color: #ae0011;
  background-color: white;
}
.news-list-view ul.f3-widget-paginator li.previous a,
.news-list-view ul.f3-widget-paginator li.next a {
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .news-list-view {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.news-detail {
  padding-bottom: 0px;
}
.news-detail h3 {
  color: #e3051b;
}
.news-detail hr {
  background-color: #e3051b;
}
.news-detail .footer {
  border: none;
}
.news-detail .news-list-date {
  color: #65739d;
  font-size: 18px;
}
.news-detail a.back {
  color: #e3051b;
  opacity: 0.5;
}
.news-detail a.back:hover {
  opacity: 1;
}
.news-detail .linkback {
  text-align: center;
}
.news-detail .news-img-wrap {
  float: none !important;
}

/* CSS Document */
.linksammlung {
  background-color: #ae0011;
  padding-bottom: 0px;
  padding-top: 20px;
}
.linksammlung .container {
  margin-bottom: 0px;
}
.linksammlung h3, .linksammlung h2 {
  color: white;
}
.linksammlung h2, .linksammlung h3 {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.linksammlung h2::after, .linksammlung h3::after {
  content: "";
  border-top: 2px solid white;
  margin-left: 15px;
  top: 50%;
  width: 3000px;
  position: absolute;
}
.linksammlung a {
  color: white;
  display: block;
  margin-top: 10px;
}
.linksammlung hr {
  background-color: white;
}

/* CSS Document */
.beratung {
  padding-bottom: 10px;
  background-color: #f0f5f7;
  text-align: center;
}
.beratung .container {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
  padding-top: 20px;
}
.beratung h3 {
  color: #e3051b;
}
.beratung a:hover {
  text-decoration: none;
}
.beratung a, .beratung span {
  font-size: 17px;
  color: #606d95;
}
.beratung a.telephone, .beratung span.telephone {
  font-size: 20px;
}

/* CSS Document */
.sprachkursinfo {
  background-color: white;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.sprachkursinfo .special {
  color: #9d9d9c;
  font-size: 12px;
}
.sprachkursinfo .row {
  margin-top: 0px;
}
.sprachkursinfo .boxes {
  display: flex;
  margin-bottom: 0px;
  margin-top: 0px;
}
.sprachkursinfo .col-sm-6, .sprachkursinfo .col-xs-6 {
  border: 2px solid #223c7e;
  padding: 20px;
  margin: 10px;
  text-align: center;
}
.sprachkursinfo .col-sm-6 span, .sprachkursinfo .col-xs-6 span {
  font-size: 50px;
  color: #223c7e;
}
.sprachkursinfo .col-sm-6 h3, .sprachkursinfo .col-xs-6 h3 {
  color: #223c7e;
}

hr.sprachkursinfo {
  background-color: #ae0011;
  height: 40px;
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .sprachkursinfo .boxes {
    display: block;
  }
}
/* CSS Document */
.gewinner {
  background-color: #ae0011;
  color: white;
  font-size: 17px;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-bottom: 20px;
}
.gewinner h2, .gewinner h3 {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.gewinner h2::after, .gewinner h3::after {
  content: "";
  border-top: 2px solid white;
  margin-left: 15px;
  top: 60%;
  width: 3000px;
  position: absolute;
}
.gewinner span {
  color: white;
  font-size: 20px;
}
.gewinner .row {
  margin: 0;
  height: 50px;
  display: flex;
}
.gewinner .newest {
  font-size: 25px;
  margin-bottom: 30px;
  padding-top: 20px;
}
.gewinner .newest span {
  top: -10px;
}
.gewinner .newest .col-sm-1::after, .gewinner .newest .col-xs-1::after {
  content: "";
  position: absolute;
  z-index: 100;
  top: 0;
  bottom: 0;
  left: 49%;
  border-left: 2px solid white;
  height: 200%;
}
.gewinner .col-sm-2, .gewinner .col-xs-2 {
  text-align: right;
}
.gewinner .col-sm-9, .gewinner .col-xs-9 {
  display: flex;
}
.gewinner span.glyphicons-certificate {
  font-size: 50px;
}
.gewinner .col-sm-1, .gewinner .col-xs-1 {
  display: flex;
  justify-content: center;
}
.gewinner .col-sm-1::after, .gewinner .col-xs-1::after {
  content: "";
  position: absolute;
  z-index: 100;
  top: 0;
  bottom: 0;
  left: 49%;
  border-left: 2px solid white;
}
.gewinner hr {
  background-color: white;
}

@media only screen and (max-width: 768px) {
  .gewinner .col-xs-2, .gewinner .col-xs-9 {
    font-size: 13px;
  }
}
/* CSS Document */
.ansprechpartner {
  background-color: #f0f5f7;
  margin-top: 35px;
  padding-bottom: 25px;
}
.ansprechpartner h3 {
  color: #223c7e;
  text-align: center;
}
.ansprechpartner span {
  top: 2px;
}
.ansprechpartner .person {
  font-size: 20px;
}
.ansprechpartner a {
  color: #606d95;
  text-decoration: none;
}
.ansprechpartner a.telephone {
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
  .ansprechpartner {
    text-align: center;
  }
}
/* CSS Document */
.twocolorboxes {
  display: flex;
  text-align: center;
  padding-bottom: 0px;
}
.twocolorboxes .imgwrapper img {
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  max-height: 200px;
}
.twocolorboxes .boxes {
  display: block;
}
.twocolorboxes .col-sm-6 {
  border: 2px solid black;
  padding-right: 0;
  padding-left: 0;
}
.twocolorboxes h3 {
  margin-top: 0px;
}
.twocolorboxes div.red {
  border-color: #ae0011;
}
.twocolorboxes div.red h3, .twocolorboxes div.red span.red {
  color: #ae0011;
  font-weight: bold;
}
.twocolorboxes .boxes {
  display: flex;
}
.twocolorboxes .boxes .col-sm-6 {
  margin: 10px;
}
.twocolorboxes div.blue {
  border-color: #223c7e;
  margin-right: 30px;
}
.twocolorboxes div.blue h3, .twocolorboxes div.blue span.blue {
  color: #223c7e;
  font-weight: bold;
}
.twocolorboxes .contentwrapper {
  padding: 25px;
}
.twocolorboxes button {
  border: none;
  color: white;
  padding: 10px 15px 10px 15px;
}
.twocolorboxes button.red {
  background-color: #e3051b;
  transition: 0.5s;
  border: 2px solid white;
}
.twocolorboxes button.red:hover {
  border: 2px solid #e3051b;
  background-color: white;
  color: #e3051b;
  transition: 0.5s;
}
.twocolorboxes button.blue {
  background-color: #606d95;
  transition: 0.5s;
  border: 2px solid white;
}
.twocolorboxes button.blue:hover {
  border: 2px solid #606d95;
  background-color: white;
  color: #223c7e;
  transition: 0.5s;
}

@media only screen and (max-width: 768px) {
  .twocolorboxes .boxes {
    display: block !important;
    margin-right: 2.5px;
  }
}
/* CSS Document */
.summercamp {
  background-color: #f0f5f7;
}
.summercamp h3, .summercamp h2 {
  color: #223c7e;
  text-align: center;
}
.summercamp img {
  width: 100%;
  height: auto;
}
.summercamp .more {
  border: none;
  color: white;
  padding: 10px 15px 10px 15px;
  background-color: #e3051b;
  transition: 0.5s;
  border: 2px solid #f0f5f7;
}
.summercamp .more:hover {
  border: 2px solid #e3051b;
  background-color: white;
  color: #e3051b;
  transition: 0.5s;
}

/* CSS Document */
.kursuebersicht .kursbezeichnung {
  width: 12%;
}
.kursuebersicht .kursleitung {
  width: 12%;
}
.kursuebersicht .sternchen {
  font-size: 12px;
  color: #9d9d9c;
}
.kursuebersicht .headline {
  background-color: #223c7e;
  color: white;
  font-size: 17px;
  font-weight: bold;
  height: 50px;
}
.kursuebersicht .headline div {
  border-left: 2px solid white;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.kursuebersicht .n_1 {
  border: 2px solid #e3051b !important;
}
.kursuebersicht .n_1 .first {
  background-color: #e3051b !important;
}
.kursuebersicht .n_1 .first div.content::before {
  content: "NEU  ";
  color: white;
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
}
.kursuebersicht .kurs {
  font-size: 12px;
  border: 2px solid #223c7e;
}
.kursuebersicht .kurs .content {
  padding-top: 5px;
}
.kursuebersicht .kurs .red {
  color: #e3051b;
  font-weight: bold;
  font-size: 14px;
}
.kursuebersicht .kurs .first {
  background-color: #223c7e;
  color: white;
}

@media only screen and (max-width: 1200px) {
  .kursuebersicht .kursbezeichnung {
    width: auto !important;
  }
  .kursuebersicht .kursleitung {
    width: auto !important;
  }
  .kursuebersicht .first {
    padding-bottom: 10px;
    padding-left: 15px;
  }
  .kursuebersicht .headline {
    display: none !important;
  }
}
/* CSS Document */
.niveau {
  background-color: #ae0011;
  padding-bottom: 10px;
  padding-top: 20px;
  color: white;
}
.niveau h2, .niveau h3 {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.niveau h2::after, .niveau h3::after {
  content: "";
  border-top: 2px solid white;
  margin-left: 15px;
  top: 60%;
  width: 3000px;
  position: absolute;
}
.niveau hr {
  background-color: white;
}
.niveau .row {
  margin-right: 0;
  margin-left: 0;
}
.niveau .container {
  margin-bottom: 10px;
}
.niveau table {
  width: 100%;
  border-spacing: 50px;
}
.niveau table tr:nth-child(even) {
  background-color: #c23f4d;
  height: 25px;
  margin: 25px;
}
.niveau table tr:nth-child(odd) {
  background-color: #ae0011;
  height: 50px;
  margin: 25px;
}
.niveau table td, .niveau table th {
  padding-left: 10px;
}

.niveau-footer {
  color: #9d9d9c;
  font-size: 12px;
  padding-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .niveau .row {
    overflow-x: scroll;
    width: 100%;
  }

  ::-webkit-scrollbar {
    width: 12px;
    /* for vertical scrollbars */
    height: 12px;
    /* for horizontal scrollbars */
  }

  ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
  }

  ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
  }
}
.pruefungstermine {
  padding-bottom: 0px;
}
.pruefungstermine h3, .pruefungstermine h2 {
  color: #223c7e;
}
.pruefungstermine .row {
  margin-right: 0;
  margin-left: 0;
}
.pruefungstermine .termin {
  border-top: 2px solid #e3051b;
}
.pruefungstermine .termin .row {
  display: flex;
  margin: 0;
}
.pruefungstermine .col-sm-6 {
  padding-left: 0;
  padding-right: 40px;
}
.pruefungstermine .date {
  background-color: #e3051b;
  height: 100%;
  color: white;
  font-weight: bold;
  padding: 10px;
  font-size: 20px;
  text-align: center;
}
.pruefungstermine .date span {
  font-size: 17px;
}
.pruefungstermine .date span.day {
  font-size: 30px;
}
.pruefungstermine .content {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 20px;
}
.pruefungstermine .info {
  font-size: 12px;
  color: #65739d;
  padding-left: 15px;
}

/* CSS Document */
.programmheft {
  background-color: #ae0011;
  color: white;
  text-align: center;
  padding-bottom: 10px;
}
.programmheft .container {
  margin-bottom: 10px;
}
.programmheft hr {
  background-color: white;
}
.programmheft a.link {
  text-decoration: none;
  background-color: #e3051b;
  color: white;
  display: inline-block;
  border: 2px solid #ae0011;
  transition: 0.5s;
  width: 140px;
  padding: 8px 0;
}
.programmheft a.link:hover {
  border: 2px solid #e3051b;
  background-color: #ae0011;
  color: #e3051b;
  transition: 0.5s;
}
.programmheft a {
  color: white;
  text-align: center;
}
/* CSS Document */
.seitencontent {
  padding-bottom: 0;
}
.seitencontent h3, .seitencontent h2 {
  color: #223c7e;
}
.seitencontent .row {
  margin-right: 0;
  margin-left: 0;
}

/* CSS Document */
.anmeldung a:hover {
  text-decoration: none;
}
.anmeldung div.phone a {
  color: #223c7e;
  font-size: 20px;
}
.anmeldung div.mail a {
  color: #223c7e;
  font-size: 18px;
}
.anmeldung div.mail a span {
  font-size: 20px;
}
.anmeldung textarea, .anmeldung input {
  width: 100%;
  background-color: #f0f5f7;
  border: none;
  padding: 10px;
  outline: none;
}
.anmeldung button {
  background-color: #e3051b;
  float: right;
  color: white;
  border: none;
  transition: 0.5s;
  width: 140px;
  height: 40px;
}
.anmeldung button:hover {
  border: 2px solid #e3051b;
  background-color: white;
  color: #e3051b;
  transition: 0.5s;
}

/* CSS Document */
.rechts .powermail {
  width: 100%;
}
.rechts .container {
  width: 100%;
}

.powermail h3 {
  color: #223c7e;
}
.powermail .form-control {
  border: none;
  background-color: #f0f5f7;
  border-radius: 0;
  box-shadow: none;
}
.powermail .btn-danger {
  outline: none;
  background-color: #e3051b;
  color: white;
  border: none;
  font-weight: bold;
  transition: 0.5s;
  width: 140px;
  height: 40px;
  border: 2px solid white;
  border-radius: 0;
}
.powermail .btn-danger:hover {
  border: 2px solid #e3051b;
  background-color: white;
  color: #e3051b;
  transition: 0.5s;
}
.powermail .powermail_submit, .powermail .btn-primary {
  outline: none;
  background-color: #223c7e;
  color: white;
  border: none;
  font-weight: bold;
  transition: 0.5s;
  width: 140px;
  height: 40px;
  border: 2px solid white;
  border-radius: 0;
}
.powermail .powermail_submit:hover, .powermail .btn-primary:hover {
  border: 2px solid #223c7e;
  background-color: white;
  color: #223c7e;
  transition: 0.5s;
}

/* CSS Document */
.box-content {
  text-align: center;
}
.box-content span.title {
  font-size: 17px;
}
.box-content .vorschaubild {
  height: 100%;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  object-fit: cover;
}
.box-content .single-box {
  position: relative;
  word-break: break-word;
  margin: 10px;
  background-color: #606d95;
  color: white;
  min-height: 200px;
  padding: 20px;
}
.box-content .single-box a.linkbox {
  margin-top: 30%;
  transition: 0.5s;
  position: absolute;
  text-decoration: none;
  width: 100%;
  background-color: rgba(34, 60, 126, 0.9);
  bottom: 0px;
  left: 0;
  min-height: 0;
  padding: 10px;
  color: white;
}
.box-content .single-box a.linkbox:hover {
  transition: 0.5s;
  min-height: 100%;
}

.nav-tabs {
  font-size: 17px;
  border-bottom: 2px solid #223c7e !important;
  height: 34px;
}
.nav-tabs > a {
  margin-bottom: -2px !important;
  color: #223c7e;
  border-radius: 0;
  border: 2px solid transparent !important;
  padding: 10px 12px;
}
.nav-tabs > a:hover {
  background-color: transparent !important;
  border: 2px solid #223c7e !important;
  border-bottom: 2px solid transparent !important;
}
.nav-tabs > a.active {
  color: #223c7e !important;
  border: 2px solid #223c7e !important;
  border-bottom: 2px solid white !important;
}
.nav-tabs > a.active:hover {
  color: #223c7e !important;
  background-color: transparent !important;
  border: 2px solid #223c7e !important;
  border-bottom: 2px solid white !important;
}

/* CSS Document */
div.veranstaltungen .sprachundkulturkurse .termin-single .row {
  border-color: #223c7e;
}
div.veranstaltungen .sprachundkulturkurse .termin-single .row .date-day {
  background-color: #223c7e;
}
div.veranstaltungen .hsk .termin-single .row {
  border-color: #223c7e;
}
div.veranstaltungen .hsk .termin-single .row .date-day {
  background-color: #223c7e;
}
div.veranstaltungen .veranstaltungen .termin-single .row {
  border-color: #e3051b;
}
div.veranstaltungen .veranstaltungen .termin-single .row .date-day {
  background-color: #e3051b;
}
div.veranstaltungen .submit {
  display: none;
}
div.veranstaltungen .row {
  margin-right: 0;
  margin-left: 0;
}
div.veranstaltungen .date-picker {
  background-color: #223c7e;
  color: white;
  display: inline-block;
  padding: 15px;
  width: 100%;
  font-size: 20px;
  min-height: 60px;
}
div.veranstaltungen .date-picker .ui-datepicker-prev {
  cursor: pointer;
  text-decoration: none;
  float: left;
}
div.veranstaltungen .date-picker .ui-datepicker-prev span.ui-icon {
  display: none;
}
div.veranstaltungen .date-picker .ui-datepicker-prev:before {
  font-family: "Glyphicons Regular";
  content: "" !important;
  color: white;
}
div.veranstaltungen .date-picker .ui-datepicker-next {
  cursor: pointer;
  text-decoration: none;
  float: right;
}
div.veranstaltungen .date-picker .ui-datepicker-next span.ui-icon {
  display: none;
}
div.veranstaltungen .date-picker .ui-datepicker-next:before {
  font-family: "Glyphicons Regular";
  content: "" !important;
  color: white;
}
div.veranstaltungen .date-picker .ui-datepicker-title {
  text-align: center;
  text-transform: uppercase;
}
div.veranstaltungen ul.f3-widget-paginator {
  display: flex;
  justify-content: center;
}
div.veranstaltungen ul.f3-widget-paginator li {
  list-style: none;
  float: left;
  text-align: center;
  margin-right: 10px;
}
div.veranstaltungen ul.f3-widget-paginator li a {
  border: 1px solid #223c7e;
  display: block;
  padding-top: 5px;
  height: 35px;
  width: 35px;
  text-decoration: none;
  transition: 0.5s;
}
div.veranstaltungen ul.f3-widget-paginator li a:hover {
  color: white;
  background-color: #606d95;
  transition: 0.5s;
}
div.veranstaltungen ul.f3-widget-paginator li.current {
  border: 1px solid #223c7e;
  background-color: #606d95;
  color: white;
  height: 35px;
  width: 35px;
  padding-top: 5px;
}
div.veranstaltungen ul.f3-widget-paginator li.next a, div.veranstaltungen ul.f3-widget-paginator li.previous a {
  border: none;
  padding-top: 10px;
}
div.veranstaltungen ul.f3-widget-paginator li.next a:hover, div.veranstaltungen ul.f3-widget-paginator li.previous a:hover {
  background-color: white;
  color: #223c7e;
}
div.veranstaltungen hr {
  background-color: #223c7e;
  height: 2px;
}
div.veranstaltungen h3 {
  overflow: hidden;
  width: 100%;
  position: relative;
  display: inline-block;
  color: #223c7e;
}
div.veranstaltungen h3::after {
  content: "";
  border-top: 2px solid #223c7e;
  margin-left: 15px;
  top: 60%;
  width: 3000px;
  position: absolute;
}
div.veranstaltungen .event-single {
  margin-bottom: 5px;
  margin-top: 5px;
}
div.veranstaltungen .preloader {
  min-height: 80vh;
}
div.veranstaltungen .event-termintyp label {
  display: inline-block;
  padding: 5px;
  color: #9d9d9c;
  cursor: pointer;
  font-size: 17px;
  font-weight: lighter;
  padding-right: 10px;
  padding-left: 10px;
}
div.veranstaltungen .event-termintyp .list {
  text-align: left;
}
div.veranstaltungen .event-termintyp .sort {
  text-align: left;
  font-size: 12px;
  color: #9d9d9c;
  padding-top: 10px;
  padding-left: 10px;
}
div.veranstaltungen .event-termintyp .search {
  text-align: right;
}
div.veranstaltungen .event-termintyp label {
  display: inline-block;
  font-size: 17px;
  color: #606d95;
  border: 2px solid white;
  margin-right: 10px;
  transition: 0.5s;
}
div.veranstaltungen .event-termintyp label:hover {
  border: 2px solid #606d95;
  transition: 0.5s;
}
div.veranstaltungen .event-termintyp input[type=radio]:checked + label {
  border: 2px solid #606d95;
  color: white;
  background-color: #606d95;
}
div.veranstaltungen .event-termintyp input[type=radio] {
  display: none;
}
div.veranstaltungen .event-termintyp label.sprachundkulturkurse {
  display: inline-block;
  font-size: 17px;
  color: #223c7e;
  border: 2px solid white;
  margin-right: 10px;
  transition: 0.5s;
}
div.veranstaltungen .event-termintyp label.sprachundkulturkurse:hover {
  border: 2px solid #223c7e;
  transition: 0.5s;
}
div.veranstaltungen .event-termintyp input[type=radio]:checked + label.sprachundkulturkurse {
  border: 2px solid #223c7e;
  color: white;
  background-color: #223c7e;
}
div.veranstaltungen .event-termintyp label.hsk {
  display: inline-block;
  font-size: 17px;
  color: #223c7e;
  border: 2px solid white;
  margin-right: 10px;
  transition: 0.5s;
}
div.veranstaltungen .event-termintyp label.hsk:hover {
  border: 2px solid #223c7e;
  transition: 0.5s;
}
div.veranstaltungen .event-termintyp input[type=radio]:checked + label.hsk {
  border: 2px solid #223c7e;
  color: white;
  background-color: #223c7e;
}
div.veranstaltungen .event-termintyp label.veranstaltungen {
  display: inline-block;
  font-size: 17px;
  color: #e3051b;
  border: 2px solid white;
  margin-right: 10px;
  transition: 0.5s;
}
div.veranstaltungen .event-termintyp label.veranstaltungen:hover {
  border: 2px solid #e3051b;
  transition: 0.5s;
}
div.veranstaltungen .event-termintyp input[type=radio]:checked + label.veranstaltungen {
  border: 2px solid #e3051b;
  color: white;
  background-color: #e3051b;
}
div.veranstaltungen .termin-single .row {
  border: 2px solid #223c7e;
  margin-top: 0;
}
div.veranstaltungen .termin-single .row h4 {
  font-weight: bold;
}
div.veranstaltungen .termin-single .row p.info {
  font-weight: bold;
}
div.veranstaltungen .date-day {
  background-color: #223c7e;
  color: white;
  padding: 5px;
}
div.veranstaltungen .date-day h4 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
div.veranstaltungen div.more-link {
  padding: 5px;
  padding-top: 40px;
}
div.veranstaltungen div.more-link .more-link {
  font-size: 25px;
  color: #606d95;
  transition: 0.5s;
}
div.veranstaltungen div.more-link .more-link:hover {
  color: #223c7e;
  transition: 0.5s;
}

.termin-detail h4 {
  font-weight: bold;
  color: #223c7e;
}
.termin-detail h3 {
  overflow: hidden;
  width: 100%;
  position: relative;
  display: inline-block;
  color: #223c7e;
}
.termin-detail h3::after {
  content: "";
  border-top: 2px solid #223c7e;
  margin-left: 15px;
  top: 60%;
  width: 3000px;
  position: absolute;
}
.termin-detail hr {
  background-color: #223c7e;
  height: 2px;
}
.termin-detail div.back-link {
  text-align: center;
}

.current-veranstaltungen div.back-link {
  text-align: center;
}
.current-veranstaltungen div.back-link .back-link {
  border: 1px solid #337ab7;
  padding: 10px 20px;
  text-decoration: none;
  transition: 0.5s;
  color: white;
  background-color: #337ab7;
}
.current-veranstaltungen div.back-link .back-link:hover {
  border: 1px solid #337ab7;
  color: #337ab7;
  background-color: white;
  transition: 0.5s;
}
.current-veranstaltungen .ui-datepicker-header a {
  display: none;
}
.current-veranstaltungen .sprachundkulturkurse .termin-single .row {
  border-color: #223c7e;
}
.current-veranstaltungen .sprachundkulturkurse .termin-single .row .date-day {
  background-color: #223c7e;
}
.current-veranstaltungen .hsk .termin-single .row {
  border-color: #223c7e;
}
.current-veranstaltungen .hsk .termin-single .row .date-day {
  background-color: #223c7e;
}
.current-veranstaltungen .veranstaltungen .termin-single .row {
  border-color: #e3051b;
}
.current-veranstaltungen .veranstaltungen .termin-single .row .date-day {
  background-color: #e3051b;
}

.veranstaltungen-detail h4 {
  font-weight: bold;
  color: #e3051b;
}
.veranstaltungen-detail h3 {
  overflow: hidden;
  width: 100%;
  position: relative;
  display: inline-block;
  color: #e3051b;
}
.veranstaltungen-detail h3::after {
  content: "";
  border-top: 2px solid #e3051b;
  margin-left: 15px;
  top: 60%;
  width: 3000px;
  position: absolute;
}
.veranstaltungen-detail hr {
  background-color: #e3051b;
  height: 2px;
}

@media only screen and (max-width: 768px) {
  .veranstaltungen label {
    width: 100vw;
  }
  .veranstaltungen .date-day {
    min-height: 0 !important;
  }
  .veranstaltungen .date-day h4 {
    margin-top: 0;
    padding: 10px 10px;
  }
}
/* CSS Document */
.team .personenbild {
  width: 100%;
  height: auto;
}
.team span.head {
  display: inline-block;
  width: 100%;
  background-color: #606d95;
  color: white;
  padding: 10px;
}
.team span.glyphicon {
  font-size: 20px;
  top: 5px;
  color: #9d9d9c;
  padding-top: 6px;
}
.team a:hover {
  text-decoration: none;
  color: #9d9d9c;
}
.team a {
  color: #9d9d9c;
}
.team .person {
  padding-right: 40px;
  padding-bottom: 40px;
}
.team .person p.content {
  padding-left: 25px;
}

/* CSS Document */
.buecherbox .single-box {
  min-height: 700px;
  border: 2px solid #223c7e;
}
.buecherbox .paddler {
  padding: 20px;
}
.buecherbox .type {
  padding: 10px;
  font-size: 17px;
  background-color: #223c7e;
  color: white;
}
.buecherbox .title {
  color: #ae0011;
  font-weight: bold;
  text-align: center;
  font-size: 17px;
  padding: 10px;
}
.buecherbox .image img {
  height: 100%;
  width: 100%;
  display: block;
  min-height: 200px;
  padding: 10px;
  object-fit: cover;
}
.buecherbox .content {
  padding: 15px;
}

/* CSS Document */
.unserepartner .logo {
  width: 100%;
  height: 100%;
}
.unserepartner .partner-single {
  margin-bottom: 50px;
  margin-top: 50px;
}
.unserepartner .title {
  font-size: 17px;
  padding-bottom: 15px;
}
.unserepartner hr {
  background-color: #9d9d9c;
  height: 1px;
}

/*# sourceMappingURL=style.css.map */