.hyphen {
  hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
}

.colcount2 {
	-webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 20px; 
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.fluidmedia {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.fluidmedia iframe {
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%;
    height: 100%;
}

#frame ul.dashes {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
}

#frame ul.dashes li {
  padding-left: 11px;
  text-indent: -5px;
}

#frame ul.dashes li:before {
  content: "-";
  position: relative;
  left: -5px;
} 

#frame ul.nspace, #frame p.nspace {
  margin-bottom: 0;
}

/**
 * popover info
 */

#infobutton .popover {
  max-width: 308px;
}
#infobutton .popover-content {
  padding: 0px;
}  

.infocontent,
.infofooter {
  width: 100%;
  font-size: 15px;
  letter-spacing: 0.008em;
  line-height: 1.467;
  width: 304px;
  padding: 20px;
}

.infofooter {
  text-align: center;
  padding: 15px 20px;
}

.infocontent .glyphicon {
  position: static;
  vertical-align: middle;
}

.infocontent .glyphicon-person,
.infocontent .glyphicon-clock {
  font-size: 2.3em;
}

.infocontent > p > span {
  display: inline-block;
  width: 35px;
  padding-right: 7px;
  text-align: center;
}

.infocontent h5 {
	font-size: 20px;
  line-height: 26px;
	font-weight: 700;
  text-transform: none;
  letter-spacing: 0.03em;
  margin-bottom: 24px;
}

.infocontent h5 small {
	font-size: 20px;
	font-weight: 400;
}

.infofooter {
  border-top: 1px solid #ccc;
}

/**
 * colors (color, background-color, border) schemes (bonn, lpzg, tbrln, kbrln, gsch, stft) dark and light 
 * startet width page scheme only in tag <div id="colscheme">
 * later we need color scheme for page elemenets overwriting page scheme 
 * so page colscheme moved to body tag can be overwritte by div colscheme
 * e.g 
 * page colscheme ".stft h1" is overwritte by element "div.bonn h1" 
 */
/* color dark */
.bonn h1,
.bonn h2, 
.bonn h3, 
.bonn h4,
.bonn h5,
.bonn h6,
.bonn hr,
.bonn .search-path,
.bonn .onthisday-slick-dots .slick-active button,
.bonn .onthisday-slick-dots .swiper-slide button:focus,
.bonn #frame #hero-overlay-white h1,
.bonn #frame #hero-overlay-white h2,
.bonn #frame #hero-overlay-white h3,
.bonn #frame a,
.bonn #frame .infocontent,
.bonn .calendar-month,
.bonn .panel-group.listgroup,
.bonn .dropdown.subsubnavigation button.btn,
.bonn #frame .contentshare a:hover, 
.bonn #frame #footer,
.bonn .calendar .list-group-item,
.bonn .quiz-panel,
.bonn #frame ul#navhamburger-orte li.on a,
.bonn #frame .dropdown.subsubnavigation ul.dropdown-menu li > a:hover,
.bonn ul#ls_navigation .on a,
.bonn .audionav1 .chapter,
.bonn .audionav0 .large-menu .description,
.bonn #frame .audionav0 .active a,
.bonn .ls_info,
.bonn .col-infobox,
.bonn .text-large-colored,
.bonn .text-colored,
div.bonn h1,
div.bonn h2,
div.bonn h3, 
div.bonn h4,
div.bonn h5, 
div.bonn h6,
div.bonn .col-infobox,
div.bonn .text-large-colored,
div.bonn .text-colored,
#frame div.bonn a,
div.bonn .contactperson-function,
.contactperson-function.bonn,
#frame #standorte.homepage p a[data-class=bonn]:hover {
  color: #0064aa;
}

.lpzg h1,
.lpzg h2,
.lpzg h3, 
.lpzg h4,
.lpzg h5,
.lpzg h6,
.lpzg hr,
.lpzg .search-path,
.lpzg .onthisday-slick-dots .slick-active button,
.lpzg .onthisday-slick-dots .swiper-slide button:focus,
.lpzg #frame #hero-overlay-white h1,
.lpzg #frame #hero-overlay-white h2,
.lpzg #frame #hero-overlay-white h3,
.lpzg #frame a,
.lpzg #frame .infocontent,
.lpzg .calendar-month,
.lpzg .panel-group.listgroup,
.lpzg .dropdown.subsubnavigation button.btn,
.lpzg #frame .contentshare a:hover, 
.lpzg #frame #footer, 
.lpzg .calendar .list-group-item,
.lpzg .quiz-panel,
.lpzg #frame ul#navhamburger-orte li.on a,
.lpzg #frame .dropdown.subsubnavigation ul.dropdown-menu li > a:hover,
.lpzg ul#ls_navigation .on a,
.lpzg .audionav1 .chapter,
.lpzg .audionav0 .large-menu .description,
.lpzg #frame .audionav0 .active a,
.lpzg .ls_info,
.lpzg .col-infobox,
.lpzg .text-large-colored,
.lpzg .text-colored,
div.lpzg h1,
div.lpzg h2,
div.lpzg h3, 
div.lpzg h4,
div.lpzg h5, 
div.lpzg h6,
div.lpzg .col-infobox,
div.lpzg .text-large-colored,
div.lpzg .text-colored,
#frame div.lpzg a,
div.lpzg .contactperson-function,
.contactperson-function.lpzg,
#frame #standorte.homepage p a[data-class=lpzg]:hover {
	color:#dc1e00;
}

.tbrln h1,
.tbrln h2,
.tbrln h3,
.tbrln h4,
.tbrln h5,
.tbrln h6,
.tbrln hr,
.tbrln .search-path,
.tbrln .onthisday-slick-dots .slick-active button,
.tbrln .onthisday-slick-dots .swiper-slide button:focus,
.tbrln #frame #hero-overlay-white h1,
.tbrln #frame #hero-overlay-white h2,
.tbrln #frame #hero-overlay-white h3,
.tbrln #frame a,
.tbrln #frame .infocontent,
.tbrln .calendar-month,
.tbrln .panel-group.listgroup,
.tbrln .dropdown.subsubnavigation button.btn,
.tbrln #frame .contentshare a:hover, 
.tbrln #frame #footer, 
.tbrln .calendar .list-group-item,
.tbrln .quiz-panel,
.tbrln #frame ul#navhamburger-orte li.on a,
.tbrln #frame .dropdown.subsubnavigation ul.dropdown-menu li > a:hover, 
.tbrln ul#ls_navigation .on a,
.tbrln .audionav1 .chapter,
.tbrln .audionav0 .large-menu .description,
.tbrln #frame .audionav0 .active a,
.tbrln.ls_info,
.tbrln .col-infobox,
.tbrln .text-large-colored,
.tbrln .text-colored,
div.tbrln h1, 
div.tbrln h2, 
div.tbrln h3, 
div.tbrln h4,
div.tbrln h5, 
div.tbrln h6,
div.tbrln .col-infobox,
div.tbrln .text-large-colored,
div.tbrln .text-colored,
#frame div.tbrln a,
div.tbrln .contactperson-function,
.contactperson-function.tbrln,
#frame #standorte.homepage p a[data-class=tbrln]:hover {
	color: #002d5f;
}

.kbrln h1,
.kbrln h2,
.kbrln h3,
.kbrln h4,
.kbrln h5,
.kbrln h6,
.kbrln hr,
.kbrln .search-path,
.kbrln .onthisday-slick-dots .slick-active button,
.kbrln .onthisday-slick-dots .swiper-slide button:focus,
.kbrln #frame #hero-overlay-white h1,
.kbrln #frame #hero-overlay-white h2,
.kbrln #frame #hero-overlay-white h3,
.kbrln #frame a,
.kbrln #frame .infocontent,
.kbrln .calendar-month,
.kbrln .panel-group.listgroup,
.kbrln .dropdown.subsubnavigation button.btn,
.kbrln #frame .contentshare a:hover,
.kbrln #frame #footer, 
.kbrln .calendar .list-group-item,
.kbrln .quiz-panel,
.kbrln #frame ul#navhamburger-orte li.on a,
.kbrln #frame .dropdown.subsubnavigation ul.dropdown-menu li > a:hover,
.kbrln ul#ls_navigation .on a,
.kbrln .audionav1 .chapter,
.kbrln .audionav0 .large-menu .description,
.kbrln #frame .audionav0 .active a,
.kbrln.ls_info,
.kbrln .col-infobox,
.kbrln .text-large-colored,
.kbrln .text-colored,
div.kbrln h1, 
div.kbrln h2, 
div.kbrln h3, 
div.kbrln h4,
div.kbrln h5, 
div.kbrln h6,
div.kbrln .col-infobox,
div.kbrln .text-large-colored,
div.kbrln .text-colored,
#frame div.kbrln a,
div.kbrln .contactperson-function,
.contactperson-function.kbrln,
#frame #standorte.homepage p a[data-class=kbrln]:hover {
	color:#009000;
}

.gsch h1,
.gsch h2,
.gsch h3,
.gsch h4,
.gsch h5,
.gsch h6,
.gsch hr,
.gsch .search-path,
.gsch .onthisday-slick-dots .slick-active button,
.gsch .onthisday-slick-dots .swiper-slide button:focus,
.gsch #frame #hero-overlay-white h1,
.gsch #frame #hero-overlay-white h2,
.gsch #frame #hero-overlay-white h3,
.gsch #frame a,
.gsch #frame .infocontent,
.gsch .calendar-month,
.gsch .panel-group.listgroup,
.gsch .dropdown.subsubnavigation button.btn,
.gsch #frame .contentshare a:hover,
.gsch #frame #footer, 
.gsch .calendar .list-group-item,
.gsch .quiz-panel,
.gsch #frame ul#navhamburger-orte li.on a,
.gsch #frame #standorte.homepage a:hover,
.gsch #frame .dropdown.subsubnavigation ul.dropdown-menu li > a:hover,
.gsch ul#ls_navigation .on a,
.gsch .audionav1 .chapter,
.gsch .audionav0 .large-menu .description,
.gsch #frame .audionav0 .active a,
.gsch .ls_info,
.gsch .col-infobox,
.gsch .text-large-colored,
.gsch .text-colored,
div.gsch h1,
div.gsch h2,  
div.gsch h3, 
div.gsch h4,
div.gsch h5, 
div.gsch h6,
div.gsch .col-infobox,
div.gsch .text-large-colored,
div.gsch .text-colored,
#frame div.gsch a,
div.gsch .contactperson-function,
.contactperson-function.gsch,
#frame #standorte.homepage p a[data-class=gsch]:hover {
	color: #463282;
}

.stft h1,
.stft h2,
.stft h3,
.stft h4,
.stft h5,
.stft h6,
.stft hr,
.stft .search-path,
.stft .onthisday-slick-dots .slick-active button,
.stft .onthisday-slick-dots .swiper-slide button:focus,
.stft #frame #hero-overlay-white h1,
.stft #frame #hero-overlay-white h2,
.stft #frame #hero-overlay-white h3,
.stft #frame a,
.stft #frame .infocontent,
.stft .calendar-month,
.stft .panel-group.listgroup,
.stft .dropdown.subsubnavigation button.btn,
.stft #frame .contentshare a:hover,
.stft #frame #footer, 
.stft .calendar .list-group-item,
.stft .quiz-panel,
.stft #frame ul#navhamburger-orte li.on a,
.stft #frame #standorte.homepage a:hover,
.stft ul#ls_navigation .on a,
.stft .audionav1 .chapter,
.stft #frame .audionav0 .active a,
.stft .audionav0 .large-menu .description,
.stft .ls_info,
.stft .col-infobox,
.stft .text-large-colored,
.stft .text-colored,
div.stft h1,
div.stft h2,
div.stft h3, 
div.stft h4,
div.stft h5,
div.stft h6,
div.stft .col-infobox,
div.stft .text-large-colored,
div.stft .text-colored,
#frame div.stft a,
div.stft .contactperson-function,
.contactperson-function.stft,
.stft #frame .dropdown.subsubnavigation ul.dropdown-menu li > a:hover {
	color: #787864;
}

#frame #footer.stft h4, 
#frame #footer.stft h5, 
#frame div#footer.stft a,
.stft #footer h4,
.stft #footer h5,
.stft #footer a {
  color: #333;
}

hr.grau {
  color: #dcdcdc;
}


/* background-color dark */
.bonn #frame .list-group-item-hover,
.bonn .smhub-item-content,
.bonn .quiz-answer.hover,
.homepage-panel .bonn .homepage-teaser-off,
.homepage-panel .bonn .homepage-teaser-on,
.bonn .ppplayhead,
.bonn .dropdown.subsubnavigation ul.dropdown-menu li:first-child > a,
.bonn .img-disturber-text,
.bonn .hero-small,
.bonn .hero-portrait,
.bonn .hero-text,
div.bonn .contactperson-ruler,
div.bonn .calender-events-place-ruler,
div.bonn .pressnews-ruler,
div.bonn .img-disturber-text,
div.bonn .hero-small,
div.bonn.smhub-item-content-image {
	background-color: #0064aa !important;
}

.lpzg #frame .list-group-item-hover, 
.lpzg .smhub-item-content,
.lpzg .quiz-answer.hover,
.homepage-panel .lpzg .homepage-teaser-off,
.homepage-panel .lpzg .homepage-teaser-on,
.lpzg .ppplayhead,
.lpzg .dropdown.subsubnavigation ul.dropdown-menu li:first-child > a,
.lpzg .img-disturber-text,
.lpzg .hero-small,
.lpzg .hero-portrait,
.lpzg .hero-text,
div.lpzg .contactperson-ruler,
div.lpzg .calender-events-place-ruler,
div.lpzg .pressnews-ruler,
div.lpzg .img-disturber-text,
div.lpzg .hero-small,
div.lpzg.smhub-item-content-image {
	background-color: #dc1e00 !important;
}

.tbrln #frame .list-group-item-hover,
.tbrln .smhub-item-content,
.homepage-panel .tbrln .homepage-teaser-off,
.homepage-panel .tbrln .homepage-teaser-on,
.tbrln .ppplayhead,
.tbrln .dropdown.subsubnavigation ul.dropdown-menu li:first-child > a,
.tbrln .img-disturber-text,
.tbrln .hero-small,
.tbrln .hero-portrait,
.tbrln .hero-text,
div.tbrln .contactperson-ruler,
div.tbrln .calender-events-place-ruler,
div.tbrln .pressnews-ruler,
div.tbrln .img-disturber-text,
div.tbrln .hero-small,
div.tbrln.smhub-item-content-image {
	background-color: #002d5f !important;
}

.kbrln #frame .list-group-item-hover, 
.kbrln .smhub-item-content,
.kbrln .quiz-answer.hover,
.homepage-panel .kbrln .homepage-teaser-off,
.homepage-panel .kbrln .homepage-teaser-on,
.kbrln .ppplayhead,
.kbrln .dropdown.subsubnavigation ul.dropdown-menu li:first-child > a,
.kbrln .img-disturber-text,
.kbrln .hero-small,
.kbrln .hero-portrait,
.kbrln .hero-text,
div.kbrln .contactperson-ruler,
div.kbrln .calender-events-place-ruler,
div.kbrln .pressnews-ruler,
div.kbrln .img-disturber-text,
div.kbrln .hero-small,
div.kbrln.smhub-item-content-image {
	background-color: #009000 !important;
}

.gsch #frame .list-group-item-hover,
.gsch .smhub-item-content,
.gsch .quiz-answer.hover,
.homepage-panel .gsch .homepage-teaser-off,
.homepage-panel .gsch .homepage-teaser-on,
.gsch .ppplayhead,
.gsch .dropdown.subsubnavigation ul.dropdown-menu li:first-child > a,
.gsch .img-disturber-text,
.gsch .hero-small,
.gsch .hero-portrait,
.gsch .hero-text,
div.gsch .contactperson-ruler,
div.gsch .calender-events-place-ruler,
div.gsch .pressnews-ruler,
div.gsch .img-disturber-text,
div.gsch .hero-small,
div.gsch.smhub-item-content-image {
	background-color: #463282 !important;
}

.stft #frame .list-group-item-hover,
.stft .smhub-item-content,
.contactperson-function.stft .contactperson-ruler,
.stft .quiz-answer.hover,
.homepage-panel .stft .homepage-teaser-off,
.homepage-panel .stft .homepage-teaser-on,
.stft .dropdown.subsubnavigation ul.dropdown-menu li:first-child > a,
.stft .ppplayhead,
.stft .img-disturber-text,
.stft .hero-small,
.stft .hero-portrait,
.stft .hero-text,
div.stft .contactperson-ruler,
div.stft .calender-events-place-ruler,
div.stft .pressnews-ruler,
div.stft .img-disturber-text,
div.stft .hero-small,
div.stft.smhub-item-content-image {
	background-color: #787864 !important;
}

/* border dark */
.bonn .onthisday,
.bonn .onthisday-headline > div,
.bonn .onthisday-info > div,
.bonn .lemo-teaser,
.bonn .row.quiz-row,
.bonn .quiz-answer:after,
.bonn ul#navhamburger-orte li.on,
.bonn .dropdown.subsubnavigation button.btn,
.bonn .dropdown.subsubnavigation ul.dropdown-menu,
.bonn ul#ls_navigation > li.on,
.bonn .ls_teaser,
.bonn .panel-group.accordeon .panel:last-child > .panel-collapse.in,
aside .panel-group .widget .panel-body div.bonn,
.bonn .panel-group.accordeon .panel-heading.in,
.bonn .col-infobox,
.bonn .text-disturber,
div.bonn .col-infobox,
div.bonn .text-disturber {
	border-color: #0064aa;
}

.lpzg .onthisday,
.lpzg .onthisday-headline > div,
.lpzg .onthisday-info > div,
.lpzg .row.quiz-row,
.lpzg .lemo-teaser,
.lpzg .quiz-answer:after,
.lpzg ul#navhamburger-orte li.on,
.lpzg .dropdown.subsubnavigation button.btn,
.lpzg .dropdown.subsubnavigation ul.dropdown-menu, 
.lpzg ul#ls_navigation > li.on,
.lpzg .ls_teaser,
.lpzg .panel-group.accordeon .panel:last-child > .panel-collapse.in,
aside .panel-group .widget .panel-body div.lpzg,
.lpzg .panel-group.accordeon .panel-heading.in,
.lpzg .col-infobox,
.lpzg .text-disturber,
div.lpzg .col-infobox,
div.lpzg .text-disturber {
	border-color: #dc1e00;
}

.tbrln .onthisday,
.tbrln .onthisday-headline > div,
.tbrln .onthisday-info > div,
.tbrln .lemo-teaser,
.tbrln .row.quiz-row,
.tbrln .quiz-answer:after,
.tbrln ul#navhamburger-orte li.on,
.tbrln .dropdown.subsubnavigation button.btn,
.tbrln .dropdown.subsubnavigation ul.dropdown-menu,
.tbrln ul#ls_navigation > li.on,
.tbrln .ls_teaser,
.tbrln .panel-group.accordeon .panel:last-child > .panel-collapse.in,
aside .panel-group .widget .panel-body div.tbrln,
.tbrln .panel-group.accordeon .panel-heading.in,
.tbrln .col-infobox,
.tbrln .text-disturber,
div.tbrln .col-infobox,
div.tbrln .text-disturber {
	border-color: #002d5d;
}

.kbrln .onthisday,
.kbrln .onthisday-headline > div,
.kbrln .onthisday-info > div,
.kbrln .lemo-teaser,
.kbrln .row.quiz-row,
.kbrln .quiz-answer:after,
.kbrln ul#navhamburger-orte li.on,
.kbrln .dropdown.subsubnavigation button.btn,
.kbrln .dropdown.subsubnavigation ul.dropdown-menu,
.kbrln ul#ls_navigation > li.on,
.kbrln .ls_teaser,
.kbrln .panel-group.accordeon .panel:last-child > .panel-collapse.in,
aside .panel-group .widget .panel-body div.kbrln,
.kbrln .panel-group.accordeon .panel-heading.in,
.kbrln .col-infobox,
.kbrln .text-disturber,
div.kbrln .col-infobox,
div.kbrln .text-disturber {
	border-color: #009000;
}

.gsch .onthisday,
.gsch .onthisday-headline > div,
.gsch .onthisday-info > div,
.gsch .lemo-teaser,
.gsch .row.quiz-row,
.gsch .quiz-answer:after,
.gsch ul#navhamburger-orte li.on,
.gsch .dropdown.subsubnavigation button.btn,
.gsch .dropdown.subsubnavigation ul.dropdown-menu,
.gsch ul#ls_navigation > li.on,
.gsch .ls_teaser,
.gsch .panel-group.accordeon .panel:last-child > .panel-collapse.in,
aside .panel-group .widget .panel-body div.gsch,
.gsch .panel-group.accordeon .panel-heading.in,
.gsch .col-infobox,
.gsch .text-disturber,
div.gsch .col-infobox,
div.gsch .text-disturber {
	border-color: #463282;
}

.stft .onthisday,
.stft .onthisday-headline > div,
.stft .onthisday-info > div,
.stft .lemo-teaser,
.stft .row.quiz-row,
.stft .quiz-answer:after,
.stft ul#navhamburger-orte li.on,
.stft .dropdown.subsubnavigation button.btn,
.stft .dropdown.subsubnavigation ul.dropdown-menu,
.stft ul#ls_navigation > li.on,
.stft .ls_teaser,
.stft .panel-group.accordeon .panel:last-child > .panel-collapse.in,
aside .panel-group .widget .panel-body div.stft,
.stft .panel-group.accordeon .panel-heading.in,
.stft .col-infobox,
.stft .text-disturber,
div.stft .col-infobox,
div.stft .text-disturber {
	border-color: #787864;
}

/* border-top dark */
.bonn .panel-group.calendar-events .panel.in, 
div .panel-group.calendar-events .panel.in.bonn {
  border-top-color: #0064aa;
}

.lpzg .panel-group.calendar-events .panel.in,
div .panel-group.calendar-events .panel.in.lpzg {
  border-top-color: #dc1e00;
}

.tbrln .panel-group.calendar-events .panel.in, 
div .panel-group.calendar-events .panel.in.tbrln {
  border-top-color: #002d5d;
}

.kbrln .panel-group.calendar-events .panel.in,
div .panel-group.calendar-events .panel.in.kbrln {
  border-top-color: #009000;
}

.gsch .panel-group.calendar-events .panel.in, 
div .panel-group.calendar-events .panel.in.gsch { 
  border-top-color: #463282;
}

.stft .panel-group.calendar-events .panel.in, 
div .panel-group.calendar-events .panel.in.stft {
  border-top-color: #787864;
}

/* background-image rsaquocircle */
.bonn .quiz-solution + .quiz-footer,
.bonn .quiz-result + .quiz-footer,
.bonn .quiz-answer {
  background-image: url(/images/icon_rsaquocircle_bonn.svg)
}
.lpzg .quiz-solution + .quiz-footer,
.lpzg .quiz-result + .quiz-footer,
.lpzg .quiz-answer { 
  background-image: url(/images/icon_rsaquocircle_lpzg.svg) 
}
.tbrln .quiz-solution + .quiz-footer,
.tbrln .quiz-result + .quiz-footer,
.tbrln .quiz-answer { 
  background-image: url(/images/icon_rsaquocircle_tbrln.svg)
}
.kbrln .quiz-solution + .quiz-footer,
.kbrln .quiz-result + .quiz-footer,
.kbrln .quiz-answer { 
  background-image: url(/images/icon_rsaquocircle_kbrln.svg)
}
.gsch .quiz-solution + .quiz-footer,
.gsch .quiz-result + .quiz-footer,
.gsch .quiz-answer {
  background-image: url(/images/icon_rsaquocircle_gsch.svg)
}
.stft .quiz-solution + .quiz-footer,
.stft .quiz-result + .quiz-footer,
.stft .quiz-answer {
  background-image: url(/images/icon_rsaquocircle_stft.svg)
}

/* color light */
.bonn ul#ls_navigation > li.on a:hover,
.bonn #frame .nav-overlay a:hover,
.bonn #frame .socialmedia a:hover {
	color: #9ac1dc;
}

.lpzg ul#ls_navigation > li.on a:hover,
.lpzg #frame .nav-overlay a:hover,
.lpzg #frame .socialmedia a:hover {
	color: #fdaaa6;
}

.tbrln ul#ls_navigation > li.on a:hover,
.tbrln #frame .nav-overlay a:hover,
.tbrln #frame .socialmedia a:hover {
	color: #9aabbe;
}

.kbrln ul#ls_navigation > li.on a:hover,
.kbrln #frame .nav-overlay a:hover,
.kbrln #frame .socialmedia a:hover {
	color: #9bd29b;
}

.gsch ul#ls_navigation > li.on a:hover,
.gsch #frame .nav-overlay a:hover,
.gsch #frame .socialmedia a:hover {
	color: #b5aecc;
}

.stft ul#ls_navigation > li.on a:hover,
.stft #frame .nav-overlay a:hover,
.stft #frame .socialmedia a:hover {
	color: #7a7a7a;
}

/* background-color light */
.bonn #frame #footer,
.bonn .hdg-teaser-easy:hover,
.bonn .calendar .list-group-item,
.bonn #frame .dropdown.subsubnavigation ul.dropdown-menu li > a:hover, 
.bonn .quiz-solution, 
.bonn .quiz-result, 
.bonn .panel-group.calendar-events .panel-heading.hover, 
.bonn .panel-group.calendar-events .panel-body,
.bonn .panel-group.calendar-events .panel-more:hover,
.bonn .panel-group.calendar-events .panel-heading.in,
.bonn .quiz-answer,
.bonn ul#ls_navigation > li.on,
.bonn .panel-group.listgroup .panel-heading,
.bonn .hero-small-info,
.bonn .hero-portrait-info,
.bonn .hero-text-info,
.bonn .col-bgcolored,
.bonn .ls_teaser:hover,
div.bonn .hero-small-info, 
div.pressnews.bonn:hover,
.panel-group.calendar-events div.bonn .panel-heading.hover, 
.panel-group.calendar-events div.bonn .panel-body,
.panel-group.calendar-events div.bonn .panel-heading.in,
div.bonn .col-bgcolored,
.bonn .learn-container {
	background-color: #ebf3f8;
}

.lpzg #frame #footer, 
.lpzg .hdg-teaser-easy:hover,
.lpzg .calendar .list-group-item,
.lpzg #frame .dropdown.subsubnavigation ul.dropdown-menu li > a:hover, 
.lpzg .quiz-solution, 
.lpzg .quiz-result, 
.lpzg .panel-group.calendar-events .panel-heading.hover,
.lpzg .panel-group.calendar-events .panel-body,
.lpzg .panel-group.calendar-events .panel-more:hover,
.lpzg .panel-group.calendar-events .panel-heading.in, 
.lpzg .quiz-answer,
.lpzg ul#ls_navigation > li.on,
.lpzg .panel-group.listgroup .panel-heading,
.lpzg .hero-small-info,
.lpzg .hero-portrait-info,
.lpzg .hero-text-info,
.lpzg .col-bgcolored,
.lpzg .ls_teaser:hover,
div.lpzg .hero-small-info,
div.pressnews.lpzg:hover,
.panel-group.calendar-events div.lpzg .panel-heading.hover, 
.panel-group.calendar-events div.lpzg .panel-body,
.panel-group.calendar-events div.lpzg .panel-heading.in,
div.lpzg .col-bgcolored,
.lpzg .learn-container {
	background-color: #fcedeb;
}

.tbrln #frame #footer, 
.tbrln .hdg-teaser-easy:hover,
.tbrln .calendar .list-group-item,
.tbrln #frame .dropdown.subsubnavigation ul.dropdown-menu li > a:hover, 
.tbrln .quiz-solution, 
.tbrln .quiz-result, 
.tbrln .panel-group.calendar-events .panel-heading.hover, 
.tbrln .panel-group.calendar-events .panel-body,
.tbrln .panel-group.calendar-events .panel-body:hover,
.tbrln .panel-group.calendar-events .panel-heading.in,
.tbrln .quiz-answer,
.tbrln ul#ls_navigation > li.on,
.tbrln .panel-group.listgroup .panel-heading,
.tbrln .hero-small-info,
.tbrln .hero-portrait-info,
.tbrln .hero-text-info,
.tbrln .col-bgcolored,
.tbrln .ls_teaser:hover,
div.tbrln .hero-small-info, 
div.pressnews.tbrln:hover,
.panel-group.calendar-events div.tbrln .panel-heading.hover, 
.panel-group.calendar-events div.tbrln .panel-body,
.panel-group.calendar-events div.tbrln .panel-heading.in,
div.tbrln .col-bgcolored,
.tbrln .learn-container {
	background-color: #eff3f6;
}

.kbrln #frame #footer, 
.kbrln .hdg-teaser-easy:hover,
.kbrln .calendar .list-group-item,
.kbrln #frame .dropdown.subsubnavigation ul.dropdown-menu li > a:hover, 
.kbrln .quiz-solution, 
.kbrln .quiz-result, 
.kbrln .panel-group.calendar-events .panel-heading.hover,
.kbrln .panel-group.calendar-events .panel-body,
.kbrln .panel-group.calendar-events .panel-more:hover,
.kbrln .panel-group.calendar-events .panel-heading.in,
.kbrln .quiz-answer,
.kbrln ul#ls_navigation > li.on,
.kbrln .panel-group.listgroup .panel-heading,
.kbrln .hero-small-info,
.kbrln .hero-portrait-info,
.kbrln .hero-text-info,
.kbrln .col-bgcolored,
.kbrln .ls_teaser:hover,
div.kbrln .hero-small-info, 
div.pressnews.kbrln:hover,
.panel-group.calendar-events div.kbrln .panel-heading.hover, 
.panel-group.calendar-events div.kbrln .panel-body,
.panel-group.calendar-events div.kbrln .panel-heading.in,
div.kbrln .col-bgcolored,
.kbrln .learn-container {
	background-color: #ebf6eb;
}

.gsch #frame #footer, 
.gsch .hdg-teaser-easy:hover,
.gsch .calendar .list-group-item,
.gsch #frame .dropdown.subsubnavigation ul.dropdown-menu li > a:hover, 
.gsch .quiz-solution, 
.gsch .quiz-result, 
.gsch .panel-group.calendar-events .panel-heading.hover,
.gsch .panel-group.calendar-events .panel-body,
.gsch .panel-group.calendar-events .panel-more:hover,
.gsch .panel-group.calendar-events .panel-heading.in,
.gsch .quiz-answer,
.gsch ul#ls_navigation > li.on,
.gsch .panel-group.listgroup .panel-heading,
.gsch .hero-small-info,
.gsch .hero-portrait-info,
.gsch .hero-text-info,
.gsch .col-bgcolored,
.gsch .ls_teaser:hover,
div.gsch .hero-small-info,
div.pressnews.gsch:hover,
.panel-group.calendar-events div.gsch .panel-heading.hover, 
.panel-group.calendar-events div.gsch .panel-body,
.panel-group.calendar-events div.gsch .panel-heading.in,
div.gsch .col-bgcolored,
.gsch .learn-container {
	background-color: #efeef5;
}

.stft .hdg-teaser-easy:hover,
.stft .calendar .list-group-item,
.stft #frame .dropdown.subsubnavigation ul.dropdown-menu li > a:hover, 
.stft .quiz-solution, 
.stft .quiz-result, 
.stft .panel-group.calendar-events .panel-heading.hover,
.stft .panel-group.calendar-events .panel-body,
.stft .panel-group.calendar-events .panel-more:hover,
.stft .panel-group.calendar-events .panel-heading.in,
.stft ul#ls_navigation > li.on,
.stft .panel-group.listgroup .panel-heading,
.stft .hero-small-info,
.stft .hero-portrait-info,
.stft .hero-text-info,
.stft .col-bgcolored,
.stft .ls_teaser:hover,
div.stft .hero-small-info, 
div.pressnews.stft:hover,
.panel-group.calendar-events div.stft .panel-heading.hover, 
.panel-group.calendar-events div.stft .panel-body,
.panel-group.calendar-events div.stft .panel-heading.in,
div.stft .col-bgcolored,
.stft .learn-container {
	background-color: #f4f4f2;
}

.stft #frame #footer,
#frame div#footer.stft {
  background-color: #f3f3f0;
}

/* learn */
.bonn .swiper-learn a.active:after,
.bonn .learn-panel .learn-item.learn-active::after {
  border-bottom: 10px solid #ebf3f8;
}
.lpzg .swiper-learn a.active:after,
.lpzg .learn-panel .learn-item.learn-active::after {
  border-bottom: 10px solid #fcedeb;
}
.tbrln .swiper-learn a.active:after,
.tbrln .learn-panel .learn-item.learn-active::after {
  border-bottom: 10px solid #eff3f6;
}
.kbrln .swiper-learn a.active:after,
.kbrln .learn-panel .learn-item.learn-active::after {
  border-bottom: 10px solid #ebf6eb;
}
.gsch .swiper-learn a.active:after,
.gsch .learn-panel .learn-item.learn-active::after {
  border-bottom: 10px solid #efeef5;
}
.stft .swiper-learn a.active:after,
.stft .learn-panel .learn-item.learn-active::after {
  border-bottom: 10px solid #f4f4f2;
}

/* background-image auf */
.bonn .panel-group.calendar-events .panel-heading.in,
.bonn .panel-group.listgroup .panel-collapse .list-group-close,
.bonn .panel-group.accordeon .panel-heading.in {
  background-image: url(/images/akkordeon_auf_0064aa.svg);
}

.lpzg .panel-group.listgroup .panel-collapse .list-group-close,
.lpzg .panel-group.calendar-events .panel-heading.in,
.lpzg .panel-group.accordeon .panel-heading.in {
  background-image: url(/images/akkordeon_auf_dc1e00.svg);
}

.tbrln .panel-group.listgroup .panel-collapse .list-group-close,
.tbrln .panel-group.calendar-events .panel-heading.in,
.tbrln .panel-group.accordeon .panel-heading.in {
  background-image: url(/images/akkordeon_auf_002d5f.svg);
}

.kbrln .panel-group.listgroup .panel-collapse .list-group-close,
.kbrln .panel-group.calendar-events .panel-heading.in,
.kbrln .panel-group.accordeon .panel-heading.in {
  background-image: url(/images/akkordeon_auf_009000.svg);
}

.gsch .panel-group.listgroup .panel-collapse .list-group-close,
.gsch .panel-group.calendar-events .panel-heading.in,
.gesch .panel-group.accordeon .panel-heading.in {
  background-image: url(/images/akkordeon_auf_463282.svg); 
}

.stft .panel-group.listgroup .panel-collapse .list-group-close,
.stft .panel-group.calendar-events .panel-heading.in,
.stft .panel-group.accordeon .panel-heading.in {
  background-image: url(/images/akkordeon_auf_787864.svg); 
}

/* background-image ab */
.bonn .dropdown.subsubnavigation button.btn,
.bonn .panel-group.listgroup .panel-heading {
  background-image: url(/images/akkordeon_ab_0064aa.svg);
}

.lpzg .dropdown.subsubnavigation button.btn,
.lpzg .panel-group.listgroup .panel-heading {
  background-image: url(/images/akkordeon_ab_dc1e00.svg);
}

.tbrln .dropdown.subsubnavigation button.btn,
.tbrln .panel-group.listgroup .panel-heading {
  background-image: url(/images/akkordeon_ab_002d5f.svg);
}

.kbrln .dropdown.subsubnavigation button.btn,
.kbrln .panel-group.listgroup .panel-heading {
  background-image: url(/images/akkordeon_ab_009000.svg);
}

.gsch .dropdown.subsubnavigation button.btn,
.gsch .panel-group.listgroup .panel-heading {
  background-image: url(/images/akkordeon_ab_463282.svg); 
}

#frame .bildlegende {
	font-size: 12px;
	line-height: 1.666667em;
	margin-top:14px;
}
@media (max-width: 500px) {
  a.more {
    hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
  }
}
a.more,
span.more {
	font-family:'Univers W01';
	font-size:15px;
	font-weight:700;
	letter-spacing:0.08em;
    line-height:1.8;
	border-bottom:1px solid;
	padding-bottom: 2px;
	
}
a.more:hover,
span.more:hover {
	border-bottom:2px solid;
}

div.text-disturber a {
	border-bottom:1px solid;
}
div.text-disturber a:hover {
	border-bottom:2px solid;
}

div.more {
  font-family:'Univers W01';
	font-size:15px;
	font-weight:700;
	letter-spacing:0.08em;
}
a.more2 {
	font-family:'Univers W01';
	font-size:15px;
	font-weight:700;
	letter-spacing:0.06em;
    line-height:1.8;
	padding-bottom:0.2em;
}

a.download {
	background-repeat: no-repeat;
	background-position: right 3px;
	padding-right: 16px;
}
span.download {
	background-repeat: no-repeat;
	background-position: right 5px;
	padding-right: 16px;
}
.bonn a.download,
.bonn span.download,
div.bonn a.download {
	background-image: url("/images/icon_download_bonn.svg");
}
.lpzg a.download,
.lpzg span.download,
div.lpzg a.download {
	background-image: url("/images/icon_download_lpzg.svg");
}
.tbrln a.download,
.tbrln span.download,
div.tbrln a.download {
	background-image: url("/images/icon_download_tbrln.svg");
}
.kbrln a.download,
.kbrln span.download, 
div.kbrln a.download {
	background-image: url("/images/icon_download_kbrln.svg");
}
.gsch a.download,
.gsch span.download,
div.gsch a.download {
	background-image: url("/images/icon_download_gsch.svg");
}
.stft a.download,
.stft span.download,
div.stft a.download {
	background-image: url("/images/icon_download_stft.svg");
}

.bonn span.foreign,
a.foreign, 
.bonn a.foreign,
div.bonn a.foreign,
.bonn a.search-link > h4
{
	background-image: url("/images/icon_foreign_bonn.svg");
	background-repeat: no-repeat;
	background-position: right 5px;
	padding-right: 16px;
}
.lpzg span.foreign,
.lpzg a.foreign,
div.lpzg a.foreign {
	background-image: url("/images/icon_foreign_lpzg.svg");
	background-repeat: no-repeat;
	background-position: right 5px;
	padding-right: 16px;
}
.tbrln span.foreign,
.tbrln a.foreign,
div.tbrln a.foreign {
	background-image: url("/images/icon_foreign_tbrln.svg");
	background-repeat: no-repeat;
	background-position: right 5px;
	padding-right: 16px;
}
.kbrln span.foreign,
.kbrln a.foreign,
div.kbrln a.foreign {
	background-image: url("/images/icon_foreign_kbrln.svg");
	background-repeat: no-repeat;
	background-position: right 5px;
	padding-right: 16px;
}
.gsch span.foreign,
.gsch a.foreign,
div.gsch a.foreign {
	background-image: url("/images/icon_foreign_gsch.svg");
	background-repeat: no-repeat;
	background-position: right 5px;
	padding-right: 16px;
}
.stft span.foreign,
.stft a.foreign,
div.stft a.foreign {
	background-image: url("/images/icon_foreign_stft.svg");
	background-repeat: no-repeat;
	background-position: right 5px;
	padding-right: 16px;
}

.homepage-panel span.local,
a.local, 
.bonn a.local,
div.bonn a.local,
.bonn span.local  {
	background-image: url("/images/icon_local_bonn.svg");
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
}
.lpzg a.local, 
div.lpzg a.local,
.lpzg span.local {
	background-image: url("/images/icon_local_lpzg.svg");
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
}
.tbrln a.local,
div.tbrln a.local,
.tbrln span.local {
	background-image: url("/images/icon_local_tbrln.svg");
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
}
.kbrln a.local,
div.kbrln a.local,
.kbrln span.local {
	background-image: url("/images/icon_local_kbrln.svg");
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
}
.gsch a.local,
div.gsch a.local,
.gsch span.local {
	background-image: url("/images/icon_local_gsch.svg");
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
}
.stft a.local, 
div.stft a.local,
.stft span.local  {
	background-image: url("/images/icon_local_stft.svg");
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
}

a.local.dflt {
	background-image: url("/images/icon_local_7a7a7a.svg");
}
a.local.dflt:hover {
	background-image: url("/images/icon_local_333333.svg");
}

a.flip,
span.flip {
	background-image: url("/images/icon_flip_white.svg");
	background-repeat: no-repeat;
	background-position: right 3px;
	padding-right: 20px;
}

a.back, .bonn a.back, h6.back, .bonn h6.back {
	background-image: url("/images/icon_back_bonn.svg");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.lpzg a.back, .lpzg h6.back {
	background-image: url("/images/icon_back_lpzg.svg");
}
.tbrln a.back, .tbrln h6.back {
	background-image: url("/images/icon_back_tbrln.svg");
}
.kbrln a.back, .kbrln h6.back {
	background-image: url("/images/icon_back_kbrln.svg");
}
.gsch a.back, .gsch h6.back {
	background-image: url("/images/icon_back_gsch.svg");
}
.stft a.back, .stft h6.back {
	background-image: url("/images/icon_back_stft.svg");
}
h6.back {
	padding-bottom: 10px;
	border-bottom: 1px #222 solid;
	margin-bottom: 6px;
	background-position: left 0.26em;
}
a.back.dflt {
	background-image: url("/images/icon_back_7a7a7a.svg");
}
a.back.dflt:hover {
	background-image: url("/images/icon_back_333333.svg");
}

a.top, .bonn a.top:hover {
	background-image: url("/images/icon_top_bonn.svg");
	background-repeat: no-repeat;
	background-position: right 3px;
	padding-right: 16px;
}
.lpzg a.top:hover {
	background-image: url("/images/icon_top_lpzg.svg");
}
.tbrln a.top:hover {
	background-image: url("/images/icon_top_tbrln.svg");
}
.kbrln a.top:hover {
	background-image: url("/images/icon_top_kbrln.svg");
}
.gsch a.top:hover {
	background-image: url("/images/icon_top_gsch.svg");
}
.stft a.top:hover {
	background-image: url("/images/icon_top_stft.svg");
}
a.top.dflt {
	background-image: url("/images/icon_top_7a7a7a.svg");
}


/* links with symbolfont icons */
a.south:after, 
a.north:after, 
a.share:after {
  padding-left: 5px;
  vertical-align: center;
  display: inline-block;
  font-family: 'hdg_iconregular';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a.south:after {
  content: "\0035";
}

a.north:after {
  content: "\0034";
}

a.share:after {
  content: "\002a";
  font-size: 1.4em;
}

.bonn #infobutton {
	background-image:url(/images/icon_info_bonn.svg);
}
.lpzg #infobutton {
	background-image:url(/images/icon_info_lpzg.svg);
}
.tbrln #infobutton {
	background-image:url(/images/icon_info_tbrln.svg);
}
.kbrln #infobutton {
	background-image:url(/images/icon_info_kbrln.svg);
}
.gsch #infobutton {
	background-image:url(/images/icon_info_gsch.svg);
}
.bonn #infobutton.infobutton-close {
	background-image:url(/images/icon_close_bonn.svg);
}
.lpzg #infobutton.infobutton-close {
	background-image:url(/images/icon_close_lpzg.svg);
}
.tbrln #infobutton.infobutton-close {
	background-image:url(/images/icon_close_tbrln.svg);
}
.kbrln #infobutton.infobutton-close {
	background-image:url(/images/icon_close_kbrln.svg);
}
.gsch #infobutton.infobutton-close {
	background-image:url(/images/icon_close_gsch.svg);
}

.serife {
	font-family:'Charter BT W01';
	font-size:16.8px;
	line-height:1.4em;
	letter-spacing:0.02em;
}

.bonn #frame .overlay, .bonn #frame .nav-overlay {
	background-color: #0064aa;
}

.lpzg #frame .overlay, .lpzg #frame .nav-overlay {
	background-color: #dc1e00;
}

.tbrln #frame .overlay, .tbrln #frame .nav-overlay {
	background-color: #002d5f;
}

.kbrln #frame .overlay, .kbrln #frame .nav-overlay {
	background-color: #009000;
}

.gsch #frame .overlay, .gsch #frame .nav-overlay {
	background-color: #463282;
}

.stft #frame .overlay, .stft #frame .nav-overlay {
	background-color: #aaaaa0;
}

#standorte {
  width: 100%;
  height: 89px;
	font-face:'Univers W01';
	font-size: 17px;
	line-height: 1.125em;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.06em;
}
/* Erzwinge Justify */
#standorte p {
  margin: 0 auto;
  max-width: 100%;
  text-align: justify;
  height: 89px;
}
#standorte p:after {
  content: "";
  display: inline-block;
  width: 100%;
}
#standorte .ort {
   font-weight:400;
}

#navtoggle {
	margin:12px 11px 0 0;
	cursor: pointer;
}

/* Hauptnavigation Standorte mit Ort-Farbschema */
#frame #standorte a {
  color: #7a7a7a;
  display: inline-block;
  vertical-align:top;
  height:89px;
}
#frame #standorte a:hover {
  color: #333333;
}
.bonn #frame #standorte .active {
  border-bottom:5px solid #0064aa;
  color: #0064aa;
}
.lpzg #frame #standorte .active {
  border-bottom:5px solid #dc1e00;
  color: #dc1e00;
}
.tbrln #frame #standorte .active {
  border-bottom:5px solid #002d5f;
  color: #002d5f;
}
.kbrln #frame #standorte .active {
  border-bottom:5px solid #009000;
  color: #009000;
}
.gsch #frame #standorte .active {
  border-bottom:5px solid #463282;
  color: #463282;
}

/* Subnavigation mit Ort-Farbschema und Dreieck */
#frame #subnavcontainer {
	margin-right:60px;
	overflow-y:none;
	overflow-x:none;
	height:73px;
	background-color:none;
}
@media (-webkit-min-device-pixel-ratio: 1) {
#frame #subnavcontainer {
	overflow-x:auto;
}
}

@media (max-width: 799px) {
	#subnavcontainer li:first-child {
		padding-left: 20px;
	}
}

#frame #subnavcontainer > ul > li {
	display:table-cell;
	float:none;
	white-space:nowrap;
}
.subnavline {
	height:49px;
}
#frame .subnavigation {
	display:table-row;
}
#frame .subnavigation a {
  color: #7a7a7a;
  position: relative;
}
#frame .subnavigation a:hover {
  color: #333333;
}
.bonn #frame .subnavigation .active {
  color: #0064aa;
}
.lpzg #frame .subnavigation .active {
  color: #dc1e00;
}
.tbrln #frame .subnavigation .active {
  color: #002d5f;
}
.kbrln #frame .subnavigation .active {
  color: #009000;
}
.gsch #frame .subnavigation .active {
  color: #463282;
}
#frame .subnavigation .active::before {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
    border-top: 10px solid #cccccc;
    border-bottom: 10px solid transparent;
    content: "";
    height: 0;
    margin-top: 49px;
	margin-left: -15px;
    position: absolute;
    top: 0%;
	left: 50%;
    width: 0;
}
#frame .subnavigation .active::after {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
    border-top: 10px solid #ffffff;
    border-bottom: 15px solid transparent;
    content: "";
    height: 0;
    margin-top: 48px;
	margin-left: -15px;
    position: absolute;
    top: 0%;
	left: 50%;
    width: 0;
}
/*
Infobutton 
*/
#infobutton {
	top:0px;
}
#infobutton > div {
	width:50px;
	height:40px;
}
#infobutton > div > a {
	display:block;
	width:100%;
	height:100%;
}

/**
 * Subsubnavigation
 */ 
.abstand-subsub {
	margin-top: 10px;
	margin-bottom: 31px;
}
.abstand-subsub.first,
.abstand-subsub.after-hero {
	margin-top: 30px;
	margin-bottom: 35px;
}
.abstand-subsub.back {
	margin-top: 0px;
	margin-bottom: 11px;
}
@media (min-width: 1024px) {
    .abstand-subsub {
	    margin-top:0;
	    margin-bottom:11px;
    }
	.abstand-subsub.first {
	    margin-top:0px;
	    margin-bottom:39px;
    }
	.abstand-subsub.after-hero {
	    margin-top:18px;
	    margin-bottom:39px;
    }
} 

#frame .subsubnavigation .dropdown-menu > li > a {
	font-weight: 700;
	letter-spacing: 0.08em
}
#frame .subsubnavigation .btn {
	font-weight: 700;
	letter-spacing: 0.08em
}

/* neutrale Linkfarbe */
#frame .ntrlink a,
#frame .socialmedia .ntrlink a {
	color: #7a7a7a;
}
#frame .ntrlink a:hover,
#frame .socialmedia .ntrlink a:hover,
#frame .contentshare .ntrlink a:hover {
	color: #333333;
}

/* Drucken, Teilen */
#frame .contentshare a {
	color: #7a7a7a;
	font-weight: 700;
	letter-spacing: 0.09em;
}

.contentshare:first-child > a:first-child {
  margin-right: 10px;
}

.contentshare:last-child{
  padding-top: 5px;
}

@media (min-width: 800px) {
.contentshare:first-child > a:first-child {
  margin-right: 30px;
}
}

.contentshare .popover-content a > div,
.popover-template-share a > div {
  margin-top: 30px;
}

.contentshare .popover-content a:first-child > div,
.popover-template-share a:first-child > div {
  margin-top: 0px;
}


/* Footer mit Ort-Farbschema */
#footer {
	width:100%;
}
#footer hr {
	margin:0;
}
#footer ul h5 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 15px;
	margin: 0;
	line-height: 1.571428571428571;
}
#footer ul h5 .ort {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 15px;
	margin: 0;
	line-height: 1.571428571428571;
}
#footer ul li {
	list-style: none;
}

/* Footer color + bgcolor 
.bonn #frame #footer,
.bonn .calendar .list-group-item,
.bonn #frame .dropdown.subsubnavigation ul.dropdown-menu li > a:hover {
	background-color: #ebf3f8;
	color: #0064aa;
}

.lpzg #frame #footer, 
.lpzg .calendar .list-group-item,
.lpzg #frame .dropdown.subsubnavigation ul.dropdown-menu li > a:hover {
	background-color: #fcedeb;
	color: #dc1e00;
}

.tbrln #frame #footer, 
.tbrln .calendar .list-group-item,
.tbrln #frame .dropdown.subsubnavigation ul.dropdown-menu li > a:hover {
	background-color: #eff3f6;
	color: #002d5f;
}

.kbrln #frame #footer, 
.kbrln .calendar .list-group-item,
.kbrln #frame .dropdown.subsubnavigation ul.dropdown-menu li > a:hover {
	background-color: #ebf6eb;
	color: #009000;
}

.gsch #frame #footer, 
.gsch .calendar .list-group-item,
.gsch #frame .dropdown.subsubnavigation ul.dropdown-menu li > a:hover {
	background-color: #efeef5;
	color: #463282;
}
*/

/* Footer Subnav */
#footer .subnav ul {
	margin-bottom: 1.8em;
}
#footer .subnav {
	margin-top:25px;
	margin-bottom:6px;
}
@media (min-width: 1024px) {
    #footer .subnav {
	    margin-top:40px;
	    margin-bottom:30px;
    }
}

/* Footer Social Media */
#footer .socialmedia {
	margin-top:2px;
}
#footer .socialmedia a {
	margin-right:15px;
}
#footer .socialmedia a:last-child {
	margin-right:0;
}
#footer .socialmedia a:hover {
	border:none;
}
#footer .abstand-2 li {
	margin-bottom:20px;
}

.justify {
    width: 100%;
}

.justify ul {
    margin: 0 auto;
    max-width: 100%;
    text-align: justify;
	padding: 0;
}

.justify ul:after {
  content: "";
  display: inline-block;
  width: 100%;
}

.justify li {
  display: inline-block; 
  vertical-align:top;
}

/* 2-spaltig, Ausrichtung rechts bei Desktop */	
@media (min-width: 1024px) {
    #footer .socialmedia {
	    text-align: right;
    }
}

/* Verschachtelung von Spalten: remove padding bei xs und sm */
.brace {
    padding:0;	
}

/* vertikale Abstände */
.heading {
	margin-bottom: 11px;
}
div.heading h2 {
	margin-bottom: 32px;
}
.bild-xs {
	margin-bottom: 15px;
}
.seitenelement {
	margin-bottom: 40px;
}
.panel-body > .seitenelement {
    margin-bottom: 0;
}
.seitenelement.hlfirst {
    margin-bottom: 0;
}
.seitenelement.vhalf {
    margin-bottom: 26px;
}
.ifrmelement {
	margin-bottom: 80px;
	margin-top: -27px;
}
form {
	margin-bottom: 62px;
}
div.search form {
	margin-bottom: 0;
}

@media (min-width: 800px) {
    .bild-xs {
	   margin-bottom: 0;
	}
	.bild-md {
	   margin-bottom: 14px;
	}
}

@media (min-width: 1024px) {
	.bild-md {
	   margin-bottom: 14px;
	}
	.seitenelement {
	   margin-bottom: 75px;
	}
	.seitenelement.vhalf {
       margin-bottom: 28px;
	}
	.col-md-6.brace {
	   margin-bottom: 32px;	
	}
}

.abstand-15-80, .abstand-1 {
	margin-top:11px;
	margin-bottom:64px;
}
.abstand-0-15 {
	margin-bottom: 11px;
}
.abstand-0-20 {
	margin-bottom: 16px;
}
.abstand-0-30 {
	margin-bottom: 21px;
}
.abstand-0-50 {
	margin-bottom: 31px;
}
.abstand-0-60 {
	margin-bottom:44px;
}
.abstand-0-80 {
	margin-bottom:64px;
}
.abstand-20-30 {
	margin-top: 15px;
	margin-bottom: 20px;
}
.abstand-20-40 {
	margin-top: 15px;
	margin-bottom: 30px;
}
.abstand-30-30 {
	margin-top: 21px;
	margin-bottom: 21px;
}
.abstand-35-0 {
	margin-top: 27px;
}
.abstand--20 {
	margin-top: -23px;
}
.abstand--30 {
	margin-top: -33px;
}
.abstand--40 {
	margin-top: -10px;
}
@media (min-width: 1024px) {
  .abstand--40 {
    margin-top: -42px;
  }
}

.overlay h1, .overlay h3 {
	text-transform: uppercase;
	font-size: 35px;
	color: #ffffff;
	margin: 0;
}

/**
 * Topnav
 */
#topnav {
	display: table;
	float:right;
	letter-spacing: 0.04em;
	font-weight: 500;
	margin-top:10px;
	word-spacing:0;
}
#topnav > div {
	display: table-row;
}
#topnav > div > div {
	display:table-cell;
	border-right: 1px solid #dcdcdc;
	padding:0 10px;
	vertical-align: middle;
	white-space: nowrap;
}
#topnav > div > div:nth-child(1) {
	border-right: none;
	padding: 0;
}
#topnav > div > div:nth-child(2) {
	padding-left: 0;
}
#topnav > div > div:last-child {
	border-right: none;
	padding: 0;
}
/* temp. Beta Button
#topnav > div > div:nth-child(2) {
	border-right: none;
}
*/
#topnav > div > div img.last {
	margin-left:8px;
}

#frame #topnav .active {
  color: #333;
  border-bottom: solid #333 2px;
}

#frame #topnav a {
	color: #7a7a7a;
	font-size: 13px;
	font-weight: 700;
	padding: 0;
	margin-left: 8px;
	margin-right: 8px;
}
#frame #topnav a:hover {
	color: #333333;
}
#frame #topnav .eng {
	word-spacing: -5px;
}
/* fix space between 1st and 2nd symbol */
#frame #topnav > div:nth-child(1) > div:nth-child(1) a:nth-child(1) {
	padding: 0 5px;
}

#footer a:hover {
	border-bottom: 1px solid;
}

#nav0, #nav1, #nav2 { 
  background-color: white; 
}

#nav2 { /* workaround chrome bug nav1 sometimes renderes as top: -1px instead 0px so empty line between nav1 and nav2 is now filled width this border... */
  margin-top: -1px;
  border-top: 1px white solid;
}

#nav-overlay-close {
  position: absolute;
  top: 80px;
  right: 20px;
  z-index: 41;
  width: 12px;
  height: 12px;
  cursor: pointer;
}


/**
 * Bootstrap collapse accordeon
 */
 
.panel-group.accordeon { padding-bottom: 7px;}  

.panel-group.accordeon .panel {
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  padding: 0 10px;
}

.panel-group.accordeon .panel + .panel {
   margin-top: 0px;
}

.panel-group.accordeon .panel-heading {
  border-top: 1px #d9d9d9 solid;
  border-radius: 0px;
  padding: 15px 60px 15px 0px; 
  margin: 0;
  background: url(/images/akkordeon_ab_6f6f6f.svg) no-repeat right 22px center;
  cursor: pointer;
}

.panel-group.accordeon .panel:last-child > .panel-heading {
  border-bottom: 1px #d9d9d9 solid;
}

.panel-group.accordeon .panel:last-child > .panel-heading.in {
  border-bottom: 0;
}

.panel-group.accordeon .panel-heading.in {
  background-repeat: no-repeat;
  background-position: right 22px center;
  border-top-width: 1px;
  border-top-style: solid;
}

#frame .panel-group.accordeon .panel-heading h4.panel-title a {
  font-size: 20px;
  font-weight: normal;
  display: block;
}
@media (min-width: 1024px) {
  #frame .panel-group.accordeon .panel-heading h4.panel-title a {
    font-size: 22px;
  }
}

#frame .panel-group.accordeon .panel-heading:not(.in) h4.panel-title a {
  color: #7a7a7a;
}

#frame .panel-group.accordeon .panel-heading:not(.in) h4.panel-title a:hover {
  color: #333333;
}

.panel-group.accordeon .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}

.panel-group.accordeon .panel-body {
  padding: 0px;
  margin-bottom: 16px;
}

.panel-group.accordeon .panel-body .row {
  margin-left: -10px;
  margin-right: -10px;
}

.panel-group.accordeon .panel-collapse.collapse {
  display: block;
  height: 0px;
  opacity: 0;
  overflow: hidden;
}

.panel-group.accordeon .panel-collapse.collapse.in {
  opacity: 1;
  height: auto;
}

.panel-group.accordeon .panel:last-child .panel-collapse.collapse.in {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

/**
 * Bootstrap collapse listgroup filter
 */
.panel-group.listgroup {
  position: relative;
}

.panel-group.listgroup .panel {
  border: none;
}

.panel-group.listgroup .panel-heading {
  min-height:48px;
  padding-right: 15px;
}
.panel-group.listgroup .panel-heading > h4 > a {
  padding-right: 45px;
}

.panel-group.listgroup .panel-heading {
  background: no-repeat right 22px center;
}

.panel-group.listgroup .panel-collapse {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 528px;
/*  height: 60vh; */
  overflow-y: auto;
  z-index: 100;
  box-shadow: 0px 0px 15px 0px #999;
}

@media (min-width: 800px) {
.panel-group.listgroup .panel-collapse {
  height: auto;
  overflow-y: hidden;
}
}

.panel-group.listgroup .panel-collapse .list-group-close {
  position: absolute;
  top: 0px;
  right: 20px;
  height: 48px;
  width: 60px;
  background-repeat: no-repeat;
  background-position: right 2px center;
}

.panel-group.listgroup h4.panel-title a{
  text-transform: uppercase;
  font-size: 15px;
  line-height: 28px;
  letter-spacing: 0.03em;
  display: block;
}

.panel-group.listgroup .panel-heading + .panel-collapse > .list-group {
  border: none;
}

.panel-group.listgroup .list-group-item {
  border: none;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 28px;
  letter-spacing: 0.03em;
  height: 48px;
  cursor: pointer;
}

.panel-group.listgroup .list-group-item-hover {
  color: #fff;
}

.panel-group.listgroup .list-group-item-hover a {
  color: #fff !important;
}

/**
 * Bootstrap dropdown subsubnavigation
 */
.row .dropdown.subsubnavigation {
  margin: 0 10px;
}
.dropdown.subsubnavigation button.btn {
  width: 100%;
  border: none;
  border-radius: 0;
  background-color: #fff;
  border: 1px white solid;
  text-align: left;
  min-height: 49px;
  padding: 0 19px;
  text-transform: uppercase;
  vertical-align: middle
}
.dropdown.subsubnavigation button.btn { 
  background-repeat: no-repeat;
  background-position: right 19px center; 
}

.dropdown.subsubnavigation ul.dropdown-menu {
  width: 100%;
  border: none;
  border-radius: 0;
  margin: 0px;
  padding: 0px;
  box-shadow: none;
  border: 1px white solid;
  border-top: none;
  margin-top: -51px;
  box-shadow: 0px 0px 15px 0px #999;
}
.dropdown.subsubnavigation ul.dropdown-menu li {
  text-transform: uppercase;
  padding: 0;
  width: 100%;
  border: none;
}

#frame .dropdown.subsubnavigation ul.dropdown-menu li > a {
  border-top: 1px #dcdcdc solid;
  padding: 0;
  padding: 14px 19px 15px;
  display: block;
  color: #333;
}

.dropdown.subsubnavigation ul.dropdown-menu li:first-child > a {
  border-top: none;
  color: white !important;
  background: url(/images/akkordeon_auf_ffffff.svg) no-repeat right 19px center; 
}

@media (min-width: 1024px) {
  .dropdown.subsubnavigation button.btn {
    display: none;
  }
  .dropdown.subsubnavigation ul.dropdown-menu {
    width: auto;
    display: block;
    position: static;
    border: none;
    box-shadow: none;
    margin-top: 0px;
  }
  .dropdown.subsubnavigation ul.dropdown-menu li {
    width: auto;
    float: left;
    margin-right: 22px;
  }
  #frame .dropdown.subsubnavigation ul.dropdown-menu li > a {
    color: #7a7a7a !important;
    border: none;
    padding: 0;
  }
  #frame .dropdown.subsubnavigation ul.dropdown-menu li:first-child > a {
    display: none;
  }
  #frame .dropdown.subsubnavigation ul.dropdown-menu li > a:hover, 
  #frame .dropdown.subsubnavigation ul.dropdown-menu li > a:focus {
    background-color: white !important;
    color: #333 !important; 
  }
}

/**
 *  calendar 
 */
.calendar-slider {
  position: relative;
  height: 60px;
  margin: 0 32px 0 32px;
  border: 1px #dcdcdc solid;
}

@media (min-width: 1200px) {
.calendar-slider {
  margin: 0;
}
}

.calendar-clip {
  position: relative;
  height: inherit;
  overflow: hidden;
  height: 58px;
}

.calendar-panel {
  position: absolute;
  left: 100px;
  height: inherit;
  overflow: hidden;
  width: 99999px;
}

.calendar-prev {
  position: absolute;
  top: -1px;
  left: -34px;
  width: 34px;
  height: 60px;
  cursor: pointer;
  background: url(/images/icon_prev_off.svg) no-repeat 0px center;
}

.calendar-prev:hover {
  background: url(/images/icon_prev_on.svg) no-repeat 0px center;
}

.calendar-next {
  position: absolute;
  top: -1px;
  right: -34px;
  width: 34px;
  height: 60px;
  cursor: pointer;
  background: url(/images/icon_next_off.svg) no-repeat 23px center;
}

.calendar-next:hover {
  background: url(/images/icon_next_on.svg) no-repeat 23px center;
}

.calendar-month {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100px;
  height: 58px;
  border-right: 1px #dcdcdc solid;
  background: white;
  cursor: pointer;
}

.calendar-panel .calendar-month {
  position: relative;
  float: left;
  border-right: 1px #dcdcdc solid;
  border-left: none;
  color: #333;
}

.calendar-month > div {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%); 
  text-align: center;
  font-size: 20px;
  line-height: 25px;
}

.calendar-day {
  float: left;
  width: 50px;
  text-transform: uppercase;
  color: #9a9a9a;
  height: inherit;
  border-right: 1px #dcdcdc solid;
  position: relative;
  vertical-align: middle;
}

.calendar-day > div {
   margin: 0;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-right: -50%;
   transform: translate(-50%, -50%); 
   text-align: center;
}

.calendar-monday {
   color: #7a7a7a;
}

.calendar-day.aktiv {
   color: #222222;
   cursor: pointer;
}

/**
 * Bootstrap collapse calendar
 */
.panel-group.calendar-events {
  margin: 0 -10px;
  box-shadow: 0px 0px 5px 0px #e4e4e4; 
}

.panel-group.calendar-events .row {
  margin: 0;
}

.panel-group.calendar-events .panel {
  border-radius: 0;
  border: 1px #dcdcdc solid;
}

.panel-group.calendar-events .panel + .panel {
  margin-top: -1px;
}

.panel-group.calendar-events .panel-heading {
  padding: 16px 10px 14px 10px;
  background: url(/images/akkordeon_ab_333333.svg) no-repeat right 20px bottom 20px;
  cursor: pointer;
}

.panel-group.calendar-events .panel-heading h4 {
  color: #333;
}

.panel-group.calendar-events .panel-heading h6 .black {
  color: #333;
}

.panel-group.calendar-events .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}

.calendar-events-day {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.08em;
  line-height: 1.27273;
}

.calendar-events-date {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.27273;
}

.calendar-events-time {
  font-size: 22px;
  line-height: 1.27273;
}

.calendar-events-place {
  text-align: left;
}
.calender-events-place-ruler {
  position: absolute;
  top: -16px;
  width: 90px;
  height: 5px;
}

@media (max-width: 1023px) {
  .calendar-events-day,
  .calendar-events-date,
  .calendar-events-time {
    display: inline;
    font-size: 14px;
    padding-right: 4px;
  }
}

#frame .calendar-bodycopy a {
  color: #222;
  border-bottom: 1px solid #222;
}
.image-caption {
  display: table-caption;
  caption-side: bottom;
  font-size: 12px;
  margin: 15px 0 5px 0;
}
.calendar-link {
  margin-bottom: 20px;
}
.calendar-link > a {
  margin-right: 35px;
}
.calendar-logo {
  margin-top: 10px;
  margin-bottom: 15px;
}
.calendar-logo img {
  height: 60px;
  width: auto;
  margin-right: 12px;
  margin-bottom: 15px;
}
.calendar-image {
  float: left;
  margin: 0 20px 20px 0;
  display: table;
}
.calendar-image > img {
  height: 120px;
  width: auto;
}

.panel-group.calendar-events .panel-more {
  padding-top: 12px;
  padding-bottom: 12px;
}

@media (min-width: 1024px) {
  .calendar-events-place {
    text-align: right;
  }
  .calender-events-place-ruler {
    right: 12px;
  }
}

@media (min-width: 500px) {
  .calendar-image > img {
    height: 180px;
  }
}
@media (min-width: 1200px) {
  .calendar-image > img {
    height: 230px;
  }
}
@media (min-width: 1500px) {
  .calendar-image > img {
    height: 280px;
  }
}

.hinweis {
  color: #fff;
  background-color: #7a7a7a;
  display: table;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 4px 9px 4px 9px;
  margin: 15px 0 7px 0;
}

#frame #hero-overlay-white {
  position: relative;
  background-color: #fff;
  opacity: 1;
}

/* Kosmetik: Rahmen bei geklickten Elementen entfernen */
/* a:focus, */
/* *:focus, */
/* a:active { */
/*   outline: 0;  */
/* } */

/* Disable outlines on click in firefox */
a:active,
a:hover {
  outline-width:0;
}

/* what-input */
[data-whatinput="touch"] :focus,
[data-whatinput="mouse"] :focus {
    outline: none;
  }

/* Pseudo-Links */
a {
  cursor: pointer;
}

#navhamburger-open img {
  margin: 15px -10px 0 0;
  cursor: pointer;
}
/**
 * Hamburger menue
 */
#navhamburger {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 2000;
  display: none;
  padding: 0 20px;
  overflow-y: auto;
}

#navhamburger-row-logo {
  position: relative;
  height: 49px;
  border-bottom: 1px #dcdcdc solid;
  margin: 0 -20px;
  background: url(/images/logo-hdg-sm.svg) no-repeat 20px center;
  background-size: 377px 33px;
}

@media (max-width: 499px) {
#navhamburger-row-logo {
  background: url(/images/logo-hdg-xs.svg) no-repeat 20px center;
  background-size: 213px 33px;
}
}

#navhamburger-row-logo a {
  position: absolute;
  right: 20px;
  top: 15px;
  cursor: pointer;
}

ul#navhamburger-orte {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 50px;
}

ul#navhamburger-orte li {
  border-bottom: 1px #dcdcdc solid;
}

ul#navhamburger-orte li.on {
  border-bottom-width: 5px;
}

#frame ul#navhamburger-orte li a {
  display: table-cell;
  height: 71px;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.375em;
  text-transform: uppercase;
  color: #7a7a7a;
  vertical-align: middle;
}

#frame ul#navhamburger-orte li.on a {
  height: 67px;
  padding-top: 4px;
}

ul#navhamburger-orte li span.ort {
  font-weight: 500;
  display: block;
}

@media (min-width: 800px) {
ul#navhamburger-orte li span.ort {
  display: inline;
}
}

#frame .navhamburger-row-text,
#frame .navhamburger-row-icon {
  border-bottom: 1px #dcdcdc solid;
}

#frame .navhamburger-row-text a {
  display: table-cell;
  height: 49px;
  vertical-align: middle;
  color: #7a7a7a;
  padding-right: 23px;
}

#frame .navhamburger-row-icon a {
  display: table-cell;
  width: 50px;
  height: 49px;
  vertical-align: middle;
  color: #7a7a7a;
}

/**
 * Logo 
 */
#logo {
  height: 33px;
  width: auto;
}

/* logo mit standort da nav1 mit standorten nicht sichtbar zweizeilig */
@media (max-width: 499px) {
#logo {
  margin: 9px 0 0;
}  
.bonn #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-bonn-xs.svg") no-repeat scroll 0 0;
}

.lpzg #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-lpzg-xs.svg") no-repeat scroll 0 0;
}

.tbrln #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-tbrln-xs.svg") no-repeat scroll 0 0;
}

.kbrln #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-kbrln-xs.svg") no-repeat scroll 0 0;
}

.gsch #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-gsch-xs.svg") no-repeat scroll 0 0;
}

.stft #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-hdg-xs.svg") no-repeat scroll 0 0;
}
}
@media (max-width: 499px) and (-webkit-max-device-pixel-ratio: 1),
  (max-width: 499px) and (max--moz-device-pixel-ratio: 1),
  (max-width: 499px) and (max-resolution: 1dppx)
{
.bonn #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-bonn-xs.png") no-repeat scroll 0 0;
}

.lpzg #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-lpzg-xs.png") no-repeat scroll 0 0;
}

.tbrln #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-tbrln-xs.png") no-repeat scroll 0 0;
}

.kbrln #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-kbrln-xs.png") no-repeat scroll 0 0;
}

.gsch #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-gsch-xs.png") no-repeat scroll 0 0;
}

.stft #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-hdg-xs.png") no-repeat scroll 0 0;
}
}

/* logo mit standort da nav1 mit standorten nicht sichtbar einzeilig */
@media (min-width: 500px) {
#logo {
  margin: 9px 0 0;
}
  
.bonn #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-bonn-sm.svg") no-repeat scroll 0 0;
}

.lpzg #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-lpzg-sm.svg") no-repeat scroll 0 0;
}

.tbrln #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-tbrln-sm.svg") no-repeat scroll 0 0;
}

.kbrln #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-kbrln-sm.svg") no-repeat scroll 0 0;
}

.gsch #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-gsch-sm.svg") no-repeat scroll 0 0;
}

.stft #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-hdg-sm.svg") no-repeat scroll 0 0;
}
}

@media (min-width: 500px) and (-webkit-max-device-pixel-ratio: 1),
  (min-width: 500px) and (max--moz-device-pixel-ratio: 1),
  (min-width: 500px) and (max-resolution: 1dppx)
{
.bonn #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-bonn-sm.png") no-repeat scroll 0 0;
}

.lpzg #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-lpzg-sm.png") no-repeat scroll 0 0;
}

.tbrln #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-tbrln-sm.png") no-repeat scroll 0 0;
}

.kbrln #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-kbrln-sm.png") no-repeat scroll 0 0;
}

.gsch #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-gsch-sm.png") no-repeat scroll 0 0;
}

.stft #logo {
  background: rgba(0, 0, 0, 0) url("/images/logo-hdg-sm.png") no-repeat scroll 0 0;
}
}


@media (min-width: 1024px) {
/* logo ohne standort da nav1 mit standorten sichtbar */
#frame #logo {
	background: url("/images/hdg-logo-lg.svg") no-repeat;
	height: 60px;
	margin: 20px 0 0 0;
}
}
@media (min-width: 1024px) and (-webkit-max-device-pixel-ratio: 1),
  (min-width: 1024px) and (max--moz-device-pixel-ratio: 1),
  (min-width: 1024px) and (max-resolution: 1dppx)
{
#frame #logo {
	background: url("/images/hdg-logo-lg.png") no-repeat;
	height: 60px;
}
}


@media (min-width: 1200px) {
#frame #logo {
	margin: 20px 0 0 -70px;
}
}

/* logo-klein nav1 mit standort einzeilig */
.bonn #logo-klein {
  background: rgba(0, 0, 0, 0) url("/images/logo-bonn-sm.svg") no-repeat scroll 0 0;
  height: 33px;
  margin: 9px 0 0;
}

.lpzg #logo-klein {
  background: rgba(0, 0, 0, 0) url("/images/logo-lpzg-sm.svg") no-repeat scroll 0 0;
  height: 33px;
  margin: 9px 0 0;
}

.tbrln #logo-klein {
  background: rgba(0, 0, 0, 0) url("/images/logo-tbrln-sm.svg") no-repeat scroll 0 0;
  height: 33px;
  margin: 9px 0 0;
}

.kbrln #logo-klein {
  background: rgba(0, 0, 0, 0) url("/images/logo-kbrln-sm.svg") no-repeat scroll 0 0;
  height: 33px;
  margin: 9px 0 0;
}

.gsch #logo-klein {
  background: rgba(0, 0, 0, 0) url("/images/logo-gsch-sm.svg") no-repeat scroll 0 0;
  height: 33px;
  margin: 9px 0 0;
}

.stft #logo-klein {
  background: rgba(0, 0, 0, 0) url("/images/logo-hdg-sm.svg") no-repeat scroll 0 0;
  height: 33px;
  margin: 9px 0 0;
}

@media (-webkit-max-device-pixel-ratio: 1),
       (max--moz-device-pixel-ratio: 1),
       (max-resolution: 1dppx)
{
.bonn #logo-klein {
  background: rgba(0, 0, 0, 0) url("/images/logo-bonn-sm.png") no-repeat scroll 0 0;
}

.lpzg #logo-klein {
  background: rgba(0, 0, 0, 0) url("/images/logo-lpzg-sm.png") no-repeat scroll 0 0;
}

.tbrln #logo-klein {
  background: rgba(0, 0, 0, 0) url("/images/logo-tbrln-sm.png") no-repeat scroll 0 0;
}

.kbrln #logo-klein {
  background: rgba(0, 0, 0, 0) url("/images/logo-kbrln-sm.png") no-repeat scroll 0 0;
}

.gsch #logo-klein {
  background: rgba(0, 0, 0, 0) url("/images/logo-gsch-sm.png") no-repeat scroll 0 0;
}

.stft #logo-klein {
  background: rgba(0, 0, 0, 0) url("/images/logo-hdg-sm.png") no-repeat scroll 0 0;
}
}

/**
 * on this day
 */
.onthisday {
  margin: 0 -10px;
  border-width: 1px;
  border-style: solid;
}  

.onthisday .slick-theme-onthisday .row {
  margin: 0;
}

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

.onthisday-headline > div {
  border-top-style: solid;
  border-top-width: 1px;
}

.onthisday-headline h3 {
  margin: 34px 0px;
  font-size: 34px;
}

.onthisday-image {
}

.onthisday-image .portrait {
	width: 66%;
	margin-left: 17%;
}

.onthisday-info > div {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin: 0px 10px 22px;
  padding-top: 16px;
  padding-bottom: 22px;
}
.onthisday-info > div > p:last-child {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
.onthisday-info > div {
  margin: 0 0 22px;
}
}

.onthisday-info.serife {
  font-size: 22px;
  line-height: 1.23077em;
}

@media (min-width: 800px) {
.onthisday-info.serife {
  font-size: 26px;
}
}

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

.onthisday-link > div {
  padding-bottom: 29px;
  margin: 0 10px;
}

@media (min-width: 1024px) {
.onthisday-link > div {
  margin: 0;
}
}

.onthisday-slick-dots {
  overflow-y: auto;
  overflow-x: hidden;
  white-space: nowrap;
  margin: 26px 0 23px;
}

/**
 * Accordeon twins
 */
.accordeon-twins {
  display: none;
  margin-top: 20px;
}
div.leftcol {
  margin-top: 20px;
}
@media (min-width: 1024px) {
  div.leftcol {
    margin-top: 0;
  }
}
/**
 * Accordeon simple
 */
.accordeon-simple-body {
  display: none;
}
.accordeon-simple-body-extend {
  margin: 0 -10px;
  padding: 0 10px;
}

a.accordeon-simple-less, 
a.accordeon-simple-more {
}

/**
 * Accordeon panel group
 */
.panel-group-accordeon {
  display: none;
} 
.panel-group-accordeon > .panel:first-of-type {
   margin-top: -1px;
} 
.panel-group-accordeon-less {
  display: none;
}
.panel-group-accordeon-less,
.panel-group-accordeon-more {
  padding-top: 20px;
  margin-left: -10px !important;
  margin-bottom: 0px;
}

/**
 * Ansprechpartner
 */
.panel-group.accordeon.contactpersons .panel-body {
  padding: 0px;
  margin-bottom: 36px;
}
.contactperson {
  border-top: 1px solid #dcdcdc;
  padding: 11px 0 13px;
  font-size: 14px;
}
.contactperson-function {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.06em;
}
.contactperson-email {
  text-align: right;
  margin-top: -2px;
}
.contactperson-email a.more {
  line-height: 1.467em;
}
.contactperson-name {
  font-size: 20px;
}
.contactperson .mobile-phone {
  color: #222 !important;
  margin-right: 1.5em;
}

@media (max-width: 1023px) {
.contactperson-telfax {
  padding-top: 14px;
}
}
.contactperson-ruler {
  position: absolute;
  top: -12px;
  width: 77px;
  height: 5px;
}

/**
 * Quiz
 */
.quiz-templates {
  display: none;
}  

.quiz-panel {
  margin-bottom: 3em;
  margin: 0 -10px;
}

.slick-theme-quiz .quiz-panel {
  margin: 0;
}

.quiz-title {
  text-transform: uppercase;
  margin-bottom: 11px;
}

.row.quiz-row {
  border-width: 1px;
  border-style: solid;
  border-color: red;
  padding: 0 10px;
  margin: 0px;
}
@media (min-width: 360px) {  
.row.quiz-row {
  padding: 0 20px;
}
}

.row.quiz-row h1 {
  margin-top: 0px;
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 500;
}
.row.quiz-row .quiz-result h1{
  margin-bottom: 0px;
}

.row.quiz-row.quiz-solution h1 {
  font-weight: 400;
}

.quiz-body {
  background-color: white;
}

.row.quiz-row.quiz-body {
  padding-top: 24px;
  padding-bottom: 10px;
}

.row.quiz-row.quiz-footer {
  border-top: none;
  background-color: white;
}

div.row div.col-md-4 img.img-responsive.quiz-image {
  margin-bottom: 10px;
  padding-bottom: 0px;
}

.col-md-8 .quiz-image {
  margin-bottom: 10px;
}

.quiz-intro {
  margin-top: 14px;
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
}

.row.quiz-answers {
  margin-left: -10px;
  margin-right: -10px;
}

.quiz-answer {
  padding: 15px 60px 15px 20px;
  margin: 20px 0px;
  display: block;
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
  background: no-repeat right 20px center;
}

@media (max-width: 799px) {
  .quiz-answer {
    hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
  }
}

.col-xs-12 > .quiz-answer {
  margin: 10px 0;
}

#frame a.quiz-answer.hover {
  color: white;
}

.quiz-evaluate {
  margin: 30px 0;
  font-weight : 500;
  font-size: 24px;
  line-height: 82px;
  text-align: center;
  font-weight: 500;
}

.quiz-evaluate-right, 
.quiz-evaluate-wrong {
  display: inline-block;
  padding-left: 107px;
  background-repeat: no-repeat;
  background-image: url(/images/icon_right_lpzg.svg); 
  font-size: 24px;
  line-height: 82px;
}

.bonn .quiz-evaluate-right {
  background-image: url(/images/icon_right_bonn.svg);
}
.lpzg .quiz-evaluate-right {
  background-image: url(/images/icon_right_lpzg.svg);
}
.tbrln .quiz-evaluate-right {
  background-image: url(/images/icon_right_tbrln.svg);
}
.kbrln .quiz-evaluate-right { 
  background-image: url(/images/icon_right_kbrln.svg); 
}
.gsch .quiz-evaluate-right { 
  background-image: url(/images/icon_right_gsch.svg);
}
.stft .quiz-evaluate-right {
  background-image: url(/images/icon_right_stft.svg);
}

.bonn .quiz-evaluate-wrong {
  background-image: url(/images/icon_wrong_bonn.svg);
}
.lpzg .quiz-evaluate-wrong {
  background-image: url(/images/icon_wrong_lpzg.svg);
}
.tbrln .quiz-evaluate-wrong {
  background-image: url(/images/icon_wrong_tbrln.svg);
}
.kbrln .quiz-evaluate-wrong { 
  background-image: url(/images/icon_wrong_kbrln.svg); 
}
.gsch .quiz-evaluate-wrong { 
  background-image: url(/images/icon_wrong_gsch.svg);
}
.stft .quiz-evaluate-wrong {
  background-image: url(/images/icon_wrong_stft.svg);
}

.quiz-explanation {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  margin-bottom: 18px;
}

.quiz-link {
  margin-bottom: 10px;
} 

.quiz-page {
  padding: 8px 10px 9px;
  font-weight: 700;
}

.quiz-result + .quiz-footer,
.quiz-solution + .quiz-footer {
  background: no-repeat right 20px center;
}

@media (min-width: 360px) {
  .quiz-result + .quiz-footer,
  .quiz-solution + .quiz-footer {
    background: no-repeat right 30px center;
  }	
}

.quiz-next {
  display: block;
  float: right;
  padding-right: 34px;
  font-weight: 700;
}

.quiz-score {
  font-size: 24px;
}

@media (min-width: 1024px) {
.row.quiz-row h1 {
  padding-top: 13px;
  font-size: 34px;
  line-height: 42px;
}
.row.quiz-row.quiz-body {
  padding-top: 30px;
  padding-bottom: 20px;
}
.quiz-intro {
  margin-bottom: 22px;
}
.quiz-answers {
  margin-top: 15px;
}
.quiz-answer {
  margin: 10px 0px;
}
.quiz-evaluate {
  text-align: left;
  margin: 69px 0 53px;
}
.quiz-explanation {
  font-size: 22px;
  line-height: 28px;
}
.quiz-link {
  margin-bottom: 0px;
} 
.quiz-score {
  font-size: 34px;
  line-height: 42px;
}
}

/* simple */
.flip-container .quiz-panel {
  margin: 0px;
}

.flip-container.hover .flip-back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.flip-front, .flip-container.hover .flip-front {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
    
.flip-container, .flip-front, .flip-back {
  -webkit-transform: translateZ(-1000px);
}

.flip-panel {
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -ms-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  position: relative;
  overflow: hidden;
}

.flip-front, .flip-back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.6s;
  -webkit-transform: rotateY(0deg);
  -moz-transition: 0.6s;
  -moz-transform: rotateY(0deg);
  -o-transition: 0.6s;
  -o-transform: rotateY(0deg);
  -ms-transition: 0.6s;
  -ms-transform: rotateY(0deg);
  transition: 0.6s;
  transform: rotateY(0deg);
  top: 0;
  left: 0;
}

.flip-front {
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  position: absolute;
  z-index: 2;
  width: 100%;
}

.flip-back {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

/**
 * Classes
 */
.nowrap {
  white-space: nowrap;
}

.text-large-colored,
.text-large {
  font-size: 20px;
  line-height: 1.27em;
}

@media (min-width: 1024px) {
  .text-large-colored,
  .text-large {
    font-size: 22px;
    line-height: 1.27em;
  }
}

.nobottomspacing {
  margin-bottom: 0;
  padding-bottom: 0;
}

div.row > div > img.img-responsive:not(.bild-xs):last-child {
  padding-bottom: 6px;
}

.float-right {
  float: right;
}

.table {
  display: table;
}

.table > div {
  display: table-row;
}

.table > div > div {
  display: table-cell;
}

hr.h6ruler {
  margin-top: 12px;
}
div.tx-hdg-calendar hr.h6ruler {
  margin-top: 12px;
  margin-bottom: 12px;
}

hr.h6ruler2 {
  margin-top: 9px;
  margin-bottom: 13px;
}

.mobile-phone {
  cursor: default;
}
  

/**
 * Search
 */
.search {
	display: table;
	letter-spacing: 0.04em;
	font-weight: 500;
	margin-top: 10px;
	word-spacing: 0;
	border-bottom: 1px solid #dcdcdc;
}

#topnav + .search {
  position: absolute;
  right: 10px;
  top: 0px;
  display: none;
}

.search > div {
	display: table-row;
}
.search > div > div {
	display: table-cell;
  padding-bottom: 2px;
	border-right: 1px solid #dcdcdc;
	vertical-align: middle;
}
.search > div > div:nth-child(1) {
	border-right: none;
}
.search > div > div:nth-child(2) {
  padding: 0px 15px;
}
.search > div > div:nth-child(3) {
  padding-left: 20px;
	border-right: none;
}
#frame .search a {
	color: #7a7a7a;
	font-size: 14px;
	font-weight: 700;
}
#frame .search a.search-off, 
#frame .search a:hover {
	color: #333333;
}

#frame .search a.search-submit {
  background-image: url("/images/icon_local_7a7a7a.svg");
}

#frame .search a.search-submit:hover {
  background-image: url("/images/icon_local_333333.svg");
}

.search-phrase {
  border: none;
  width: 290px;
  font-size: 16px;
}

#navhamburger .search-phrase {
  font-size: 16px;
}

.search-enter .search-phrase {
  width: 100%;
  background-color: #f9f9f9;
  padding: 0 15px;
  border: 1px #ccc solid;
  height: 40px;
  line-height: 40px;
  margin: 1em 0 1.5em;
}

.search-result {
  margin-top: 1em;
}

#navhamburger .search-form div {
  display: table-cell;
  height: 49px;
  vertical-align: middle;
}

.row.search-result {
  font-weight: 500;
  margin-bottom: 1em;
}
.row.search-result hr {
  color: #cccccc;
}
.row.search-navigation hr {
}
#frame a.search-link > h4 {
  display: inline;
  background-size: 17px 17px;
	background-position: right 5px;
	padding-right: 23px;
}
p.search-path, 
p.search-desc  {
  margin: 0;
}
#frame .search-navigation span, 
#frame .search-navigation a {
  font-size: 14px;
  font-weight: 700;
  margin: 0 8px;
}
#frame .search-navigation a {
  color: #7a7a7a;
}
#frame .search-navigation a:hover {
  color: #333;
}

#frame div.search-enter .tx-indexedsearch-searchbox-button {
	background-color:#fff;
	color:#787864;
	background-image: url(/images/icon_local_stft.svg);
	background-repeat:no-repeat;
	background-position:right center;
	padding: 0 18px 0 0;
	font-weight: 700;
	letter-spacing: 0.08em;
	margin-top:4px;
	margin-bottom:1px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #787864;
	padding-bottom:2px;
}
#frame div.search-enter .tx-indexedsearch-searchbox-button:hover {
	border-bottom:2px solid #787864;
	margin-bottom:0px;
}
/**
 * socialmediahub
 */
.smhub-panel {
  margin-left: -10px;
  margin-right: -10px;
}
.smhub-sizer,
.smhub-item {
  padding-left: 0px;
  padding-right: 0px;
}
.smhub-item-content {
  position: relative;
  cursor: pointer;
}
.smhub-item-content:before{
	content: "";
	display: block;
	padding-top: 100%; 
}
.smhub-item-content.halfheight:before{
	content: "";
	display: block;
	padding-top: 50%; 
}
.smhub-item-content div.smhub-item-content-image {
 	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
  overflow: hidden;
}
.smhub-item-content  div.smhub-item-content-text {
 	position: absolute;
	left: 20px;
	bottom: 20px;
	right: 15px;
}
.smhub-item-content div.smhub-item-content-image img {
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.smhub-item-content div.smhub-item-content-image div {
  position:absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
 
.smhub-item-content:hover div.smhub-item-content-image div {
  margin: -10%;
}

.smhub-item-content-text {
  font-weight: 500;
  color: white;
  text-shadow: 2px 2px 1px #333;
}

.smhub-item-content-text h6 {
  color: white;
  text-shadow: 2px 2px 1px #333;
}

.smhub-item-content-text h6 span {
  text-transform: none;
}

.smhub-join {
  margin-left: -10px;
  margin-right: -10px;
  padding: 14px 0px;
  text-align: center;
  border: 1px #dcdcdc solid;
  border-top: none;
  box-shadow: 0px 0px 5px 0px #e4e4e4; 
}

/**
 * socialmediabox
 */
.row.smbox-panel {
  border-width: 1px;
  border-style: solid;
  border-color: #e4e4e4;
  border-radius: 12px;
  box-shadow: 0px 0px 5px 0px #e4e4e4;
  margin-left: -10px;
  margin-right: -10px;
}  

.row.smbox-head,
.row.smbox-body {
  margin-left: 0px;
  margin-right: 0px;
}

.smbox-head {
  border-bottom: 1px solid #ddd;
}

.smbox-head > div:nth-child(1) {
  padding-top: 10px;
  padding-left: 20px;
}

.smbox-head > div:nth-child(2) {
  padding-top: 14px;
  padding-bottom: 14px;
}

.smbox-head > div:nth-child(3) {
  text-align: right;
  padding-top: 13px;
  padding-right: 20px;
  color: #7a7a7a;
}

.smbox-profile {
  height: 30px;
  width: auto;
  max-width: 30px;
}

#frame .smbox-head a,
#frame .smbox-body a {
  color: #7a7a7a;
}

.smbox-head {
  text-transform: uppercase;
}

.smbox-body {
  padding-bottom: 20px;
}

.smbox-body > div:nth-child(2) {
  padding-right: 30px;
}

.smbox-body > div {
  padding-top: 10px;
  padding-left: 30px;
}

.smbox-body .serife {
  font-size: 28px;
  line-height: 38px;
}

.smbox-teaser {
  height: auto; 
  width: 100%;
  margin-top: 12px;
  margin-bottom: 10px;
}


@media (min-width: 800px) {
  .smbox-head > div:nth-child(1) {
    padding-left: 30px;
  }

  .smbox-head > div:nth-child(3) {
    padding-right: 30px;
  }

  .smbox-teaser {
    height: 200px;
    width: auto;
  }
  .smbox-body > div:nth-child(2) {
     padding-right: 10px;
  }
}
@media (min-width: 1024px) {
  .smbox-body > div {
    padding-left: 10px;
  }

  .smbox-body .serife {
    font-size: 32px;
    line-height: 42px;
  }
}


/**
 * hdg
 */
.masonry-panel {
  margin-left: -20px;
  margin-right: -20px;
}  

.hdg-teaser-easy {
  padding: 15px 20px;
  border-width: 1px;
  border-style: solid;
  margin-bottom: 20px;
}

/* Socialmedia Swiper */
.sm-slide.swiper-slide {
	padding-right: 0;
  padding-left: 0;
  width: 75%;
}
.swiper-smhub .smhub-sizer {
  padding-left: 20px;
}

/**
 * modal size
 *
 */
.modal-dialog {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}  
.modal-content {
  border-radius: 0px;
}
  
.modal-header {
  position: relative;
  text-align: center;
  padding: 27px 10% 24px;
  border-bottom: none;
}

.modal-header h5 {
  margin-bottom: 7px;
}

.modal-header a.close {
  position: absolute;
  width: 52px;
  height: 52px;
  background: url(/images/icon_modal_close_on.svg);
  background-size: 52px 52px;
  opacity: 0.5;
  top: 15px;
  right: 13px;
}
.modal-header a.close:hover {
  opacity: 1.0;
}

.modal-body {
  padding: 0px;
  font-weight: 500;
}
.modal-body div.row > div > img.img-responsive:last-child,
.modal-body div.row > div > div.img-copyright > img.img-responsive {
  margin-bottom: 30px;
}

.modal-body-text {
  border-top: 1px #222 solid;
  border-bottom: 1px #222 solid;
}

.modal-footer {
  border-top: none;
  text-align: center;
  padding-top: 11px;
  padding-bottom: 22px;
}

.modal-footer a.more {
  color: #222;
  background-image: url("/images/icon_local_333333.svg");
}

@media (min-width: 320px) {
  .modal-lg {
    width: 92%; /* 460 / 500 */
  }
  .modal-body-text {
    margin-left: 4.34782608696%;
    width : 91.3043478261%; /* 420 / 460 */
    padding: 24px 0px; /* 32 / 460 */
  }
  .modal-header a.close {
    right: 3px;
  }
}
@media (min-width: 800px) {
  .modal-lg {
    width: 97.5%; /* 780 / 800 */ 
  }
  .modal-body-text {
    margin-left: 5.375%;
    width : 89.25%; /* 760 / 780 */
    padding: 24px 4.10256410256%; /* 32 / 780 */
  }
  .modal-header a.close {
    right: 13px;
  }
}
@media (min-width: 1024px) {
  .modal-lg {
    width: 97.0703125%; /* 992 / 1024 */
  }
  .modal-body-text {
    margin-left: 4.53722334004%; 
    width : 90.7444668008; /* 902 / 994 */
    padding: 24px 5.23138832998%; /* 52 / 994 */
  }
}
@media (min-width: 1200px) {
  .modal-lg {
    width: 88.3333333333%; /* 1060 / 1024 */
  }
  .modal-body-text {
    margin-left: 5.94339622642%; 
    width : 88.1132075472; /* 934 / 1060 */
    padding: 24px 5.66037735849%; /* 60 / 1060 */
  }
}
@media (min-width: 1380px) {
  .modal-lg {
    width: 89.8550724638%; /* 1240 / 1380 */
  }
  .modal-body-text {
    margin-left: 4.31893687708%;
    width : 91.3621262458%; /* 1100 / 1240 */
    padding: 24px 4.83870967742%; /* 60 / 1240 */
  }
}
@media (min-width: 1500px) {
  .modal-lg {
    width: 90.6666%; /* 1360 / 1500 */
  }
  .modal-body-text {
    margin-left: 5.51470588235%;
    width : 88.9705882353%; /* 1210 / 1360 */
    padding: 24px 4.77941176471%; /* 65 / 1360 */
  }
}

/**
 * homepage
 */

.homepage.navline {
  background-color: #f3f3f0;
  border-top: none;
  border-bottom: none;
  font-size: 20px;
  line-height: 50px;
}  
@media (max-width: 799px) {
.homepage.navline {
  padding-top: 4px;
  font-size: 16px;
  line-height: 20px;
}
}

.homepage-panel.row > div {
  padding-left: 0px;
  padding-right: 0px;
}  

.homepage-panel.row .flip-container > div{
  cursor: pointer;
}

.homepage-panel.row > div div.homepage-teaser-off {
  position: relative;
}

.homepage-panel.row > div div.homepage-teaser-off > img {
  transition: 0.6s; 
}

.homepage-panel.row > div div.homepage-teaser-on > img ,
.homepage-panel-.row > div:hover div.homepage-teaser-off > img,
.homepage-panel.row > div.hphover div.homepage-teaser-off > img {
  opacity: 0.4;
}

.homepage-panel.row > div div.homepage-teaser-hover {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  color: white;
  padding: 31px 18px 31px 18px;
}

.homepage-panel.row > div .flip-front div.homepage-teaser-hover {
  opacity: 0;
  transition: 0.6s; 
}

.homepage-panel-.row > div:hover .flip-front div.homepage-teaser-hover, 
.homepage-panel.row > div.hphover .flip-front div.homepage-teaser-hover {
  opacity: 1;
}

.homepage-panel.row .homepage-teaser-hover h3 {
  font-size: 24px;
  font-weight: 700;
  text-transform: none;
}

.homepage-panel.row .homepage-teaser-hover h4 {
  font-size: 24px;
  font-weight: 400;
  text-transform: none;
}

.homepage-panel.row .homepage-teaser-hover div {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 35px;
}

.homepage-panel.row .homepage-teaser-hover div :last-child {
  margin-bottom: 0;
}

.homepage-panel.row .homepage-teaser-hover h3, 
.homepage-panel.row .homepage-teaser-hover h4,
#frame .homepage-panel.row .homepage-teaser-hover a {
  color: white;
}

.homepage-panel.row .homepage-teaser-hover a.local,
.homepage-panel.row .homepage-teaser-hover span.local {
  background-image: url("/images/icon_local_white.svg");
}

.homepage-panel.row .homepage-teaser-hover a.flip,
.homepage-panel.row .homepage-teaser-hover span.flip {
  background-image: url("/images/icon_flip_white.svg");
}

@media (min-width: 800px) {
  .homepage-panel.row > div div.homepage-teaser-hover {
    padding-left: 20px;
    padding-right: 20px;
  }
  .homepage-panel.row .homepage-teaser-hover div {
    left: 20px;
    right: 20px;
  }
}

@media (min-width: 1024px) {
  .homepage-panel.row > div div.homepage-teaser-hover {
    padding-left: 29px;
    padding-right: 29px;
  }
  .homepage-panel.row .homepage-teaser-hover div {
    left: 29px;
    right: 29px;
  }
}

@media (min-width: 1024px) {
  .homepage-panel.row > div div.homepage-teaser-hover {
    padding-left: 32px;
    padding-right: 32px;
  }
  .homepage-panel.row .homepage-teaser-hover div {
    left: 33px;
    right: 32x;
  }
}

@media (min-width: 1200px) {
  .homepage-panel.row .homepage-teaser-hover h3, 
  .homepage-panel.row .homepage-teaser-hover h4 {
    font-size: 32px;
  }
}

/**
 * learn
 */
  
.learn-result {
  font-weight: 700;
}

.learn-category {
  padding: 0 0.6em 0 0;
  color: #7a7a7a;
}

.learn-panel {
}

.learn-panel > .container-full {
  display: none;
}

.learn-panel .learn-item {
  padding: 10px;
}

.learn-panel .learn-item.learn-active::before {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid #ccc;
  content: "";
  height: 0;
  position: absolute;
  top: 100%;
	left: 50%;
  transform: translate(-50%, 0px);
  width: 0;
  z-index: 49;
}
.learn-panel .learn-item.learn-active::after {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid #f2f8fd;
  content: "";
  height: 0;
  position: absolute;
  top: 100%;
	left: 50%;
  transform: translate(-50%, 1px);
  width: 0;
  z-index: 49;
}

.learn-item-content {
  cursor: pointer;
  position: relative;
}

.learn-item-content:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.learn-item-content-image {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.15s ease;
     -moz-transition: all 0.15s ease;
       -o-transition: all 0.15s ease;
      -ms-transition: all 0.15s ease;
          transition: all 0.15s ease;
}

.learn-item:hover .learn-item-content-image, 
.learn-item.learn-active .learn-item-content-image {
  margin: -8px;
  box-shadow: 10px 10px 10px 0px #e4e4e4 
}

.learn-panel .learn-item-content-text {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 15px;
}

.learn-panel .learn-item-content-text h4 {
  color: white;
  text-shadow: 0px 0px 1px #333;
}

.learn-panel .learn-item-content-text.dark h4 {
  color: black;
  text-shadow: 0px 0px 1px #ccc;
}

.learn-panel .learn-item-content-text h6 {
  color: white;
  text-shadow: 0px 0px 1px #333;
}

.learn-panel .learn-item-content-text.dark h6 {
  color: black;
  text-shadow: 0px 0px 1px #ccc;
}

.learn-panel > .container-full {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  right: 0;
}

.learn-container {
  margin-top: 20px;
  border-top: 1px solid #ccc;
  background-color: #f2f8fd;
  padding-bottom: 32px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}

.learn-content {
} 

.learn-content > div:first-child {
  padding-top: 20px;
}

.learn-container .row > div {
  padding-bottom: 0px;
}

.learn-content .heading {
  padding-top: 0px;
}

.learn-content h3 {
  font-weight: 700;
  font-size: 24px;
  text-transform: none;
}
.learn-content h4 {
  font-weight: 400;
  font-size: 24px;
  text-transform: none;
}

.learn-container div.row > div > img:last-child {
  padding-bottom: 14px;
}

.learn-container div.row > div > p:last-child { 
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.learn-content-share {
  margin-top: 36px;
}

@media (min-width: 800px) {
  .learn-container {
     margin-top: 20px;
  }
}

@media (min-width: 1024px) {
  .learn-container {
    padding-top: 31px;  
    margin-bottom: 30px;
  }
  .learn-content > div:first-child {
    padding-top: 9px;  
  }
  .learn-container div.row > div > img:last-child {
    padding-bottom: 6px;
  }
  .learn-panel .learn-item.learn-active::before {
    transform: translate(-50%, 0px);
  }
  .learn-panel .learn-item.learn-active::after {
    transform: translate(-50%, 2px);
  }
}

#swiper-navsubsub.swiper-learn ul {
  margin-bottom: 32px;
}

.swiper-learn a.active:before {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;
  border-top: 10px solid transparent;
  content: "";
  height: 0;
  margin-top: 0px;
	margin-left: -10px;
  position: absolute;
  top: 52px;
	left: 50%;
  width: 0;
  z-index: 9999;
}

.swiper-learn a.active:after {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
  border-bottom: 10px solid #f2f8fd;
  border-top: 10px solid transparent;
  content: "";
  height: 0;
  margin-top: 0px;
	margin-left: -10px;;
  position: absolute;
  top: 54px;
	left: 50%;
  width: 0;
  z-index: 9999;
}

.swiper-learn + .seitenelement,
.swiper-learn + div > .seitenelement {
  margin-top: -1px;
  position: relative;
  z-index: 0;
}
.swiper-learn + .seitenelement > .container-full > .learn-container, 
.swiper-learn + div > .seitenelement > .container-full > .learn-container {
  margin-top: 0px;
  margin-bottom: 10px;
}

/**
 * swiper-navsubsub
 */
#swiper-navsubsub ul {
  margin-top: 25px;
  margin-bottom: 14px;
  list-style: none;
  padding-left: 0px;
}

#swiper-navsubsub li {
  float: left;
  width: auto;
  padding: 0 16px 0 20px;
}

#swiper-navsubsub li a {
  font-size: 32px;
  line-height: 1.2381em;
  font-weight: 500;
}
#swiper-navsubsub li a:not(.active) {
  color: #dcdcdc;
}

@media (min-width: 1024px) {
  #swiper-navsubsub li a {
    font-size: 42px;
  }
  #swiper-navsubsub li {
    padding: 0 16px 0 30px;
  }
  .swiper-learn a.active:before {
    top: 64px;
  }
  .swiper-learn a.active:after {
    top: 66px;
  }
}

/**
 * Audioguide
 */

.bonn .audionav2 .swiper-button-prev {
  border-color: transparent #0064aa transparent transparent;
}

.bonn .audionav2 .swiper-button-next {
  border-color: transparent transparent transparent #0064aa;
}

.lpzg .audionav2 .swiper-button-prev {
  border-color: transparent #dc1e00 transparent transparent;
}

.lpzg .audionav2 .swiper-button-next {
  border-color: transparent transparent transparent #dc1e00;
}

.tbrln .audionav2 .swiper-button-prev {
  border-color: transparent #002d5f transparent transparent;
}

.tbrln .audionav2 .swiper-button-next {
  border-color: transparent transparent transparent #002d5f;
}

.kbrln .audionav2 .swiper-button-prev {
  border-color: transparent #009000 transparent transparent;
}

.kbrln .audionav2 .swiper-button-next {
  border-color: transparent transparent transparent #009000;
}

.gsch .audionav2 .swiper-button-prev {
  border-color: transparent #463282 transparent transparent;
}

.gsch .audionav2 .swiper-button-next {
  border-color: transparent transparent transparent #463282;
}

.stft .audionav2 .swiper-button-prev {
  border-color: transparent #787864 transparent transparent;
}

.stft .audionav2 .swiper-button-next {
  border-color: transparent transparent transparent #787864;
}

.audiobox {
  box-shadow: 0 0 10px #888888;
}
.audiobox.bild-md {
  margin-bottom: 32px;
}
@media (min-width: 1023px) {
  .audiobox.bild-md {
    margin-bottom: 10px;
  }
}

.audiobox img {
  margin-top: 0px;
  margin-bottom: 10px;
  width: 200px;
  float: left;
  z-index: 2;
  position: relative;
}

.audiobox .audionav2 img {
  float: none;
}

.audionav1 img {
  width: 100%;
}

.audionav0 {
  height: 82px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #cccccc;
  position:relative;
  z-index:0;
}

.audionav0 .small-menu {
 display: flex;
}

.audionav0 .small-menu .download {
  margin-left: auto;
}

.audionav0 ul {
  padding: 0;
  margin-left: 15px;
  margin-bottom: 0px;
}

.audionav0 li {
  text-transform: uppercase;
  font-size:15px;
  font-weight:700;
  letter-spacing:0.06em;
  color: #969696;
  margin-right: 10px;
  margin-top: 10px;
  list-style-type: none;
  float: left;
}

#frame .audionav0 li a {
  color: #969696;
}

.audionav0 .large-menu .download,
.audionav0 .large-menu .description {
  display: none;
}

.audionav0 .download {
  float: right;
  margin-right: 20px;
}

.audionav1 .audioinfobox {
  margin-top: 10px;
  margin-left: 15px;
  max-height: 46px;
  z-index: 2;
  position: relative;
}

.audionav1 p {
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size:20px;
  color: #333;
  overflow: hidden;
}

.audionav1 .chapter {
  text-transform: uppercase;
  font-weight:700;
  letter-spacing:0.06em;
  font-size:17px;
}

.audionav1 .timer {
  margin-left: 15px;
  margin-bottom: 17px;
  color: #969696;
  font-size:14px;
}
.audionav2 .header {
  text-transform: uppercase;
  font-size:15px;
  font-weight:700;
  letter-spacing:0.06em;
  color: #969696;
  margin-left: 15px;
}

.swiper-wrapper-audio {
  list-style:none;
  font-size:15px;
  font-weight:700;
  letter-spacing:0.06em;
  color: #333;
  padding-left: 15px;
}

.swiper-wrapper-audio a {
  color: #333 !important;
}

.swiper-wrapper-audio p {
  margin:0;
  font-size:15px;
  font-weight: 400;
  letter-spacing: 0.02em;
}

.swiper-wrapper-audio .kapitel {
  text-transform: uppercase;
  font-size:15px;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #7a7a7a;
  margin-top: 15px;
}

.swiper-wrapper-audio:last-child {
  margin-right:50px;
}

.audionav2 .swiper-button-prev,
.audionav2 .swiper-button-next {
  float: right;
  position: static;
  height: 15px;
  margin-top: -38px;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
}

.audionav2 .swiper-button-prev {
  margin-right:70px;
  background-image: initial;
  border-width: 6px 10px 6px 0;
  border-color: transparent #7a7a7a transparent transparent;
}

.audionav2 .swiper-button-next {
  margin-right:20px;
  background-image: initial;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #7a7a7a;
}

.audionav2 .swiper-button-disabled {
 opacity: 1 !important;
 cursor: pointer !important;
 pointer-events: auto !important;
}

.visible-xxs-block {
  display: none !important;
}

@media (min-width: 460px) {
  .audionav0 {
    height: 48px;
  }

 .audionav0 .large-menu .download,
 .audionav0 .large-menu .description {
    display: inherit;
  }

  .audionav1 .timer,
  .audionav1 .audioinfobox {
    margin-left: 210px !important;
  }

  .audionav1 img {
    margin-top: -10px !important;
    width: 200px;
  }

  .audionav0 .small-menu {
   display: none;
  }
}
@media (max-width: 459px) {
  .visible-xxs-block {
    display: block !important;
  }
}

/*
.box{
	position: relative;
	width: 50%;	
}
.box:before{
	content: "";
	display: block;
	padding-top: 100%; 
}

.content{
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
*/

/* Formulare */

div.form-raster {
  border: 1px solid #ccc;
  padding: 8px 12px 7px 12px; 
  min-height: 41px;
  border-bottom:none;
}

div.form-raster:last-child {
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

div.form-raster input[type="checkbox"] {
  margin-right:14px;
}

/* Copyright */
.img-copyright {
  position: relative;
}

.img-copyright-text {
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 15px 20px;
  color: white;
  display: none;
  max-width: 40%;
}

.img-copyright-icon {
  position: absolute;
  right: 20px;
  bottom: 18px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.img-copyright-icon-off {
  background: url(/images/icon_copyright_off.svg) no-repeat center center;
}

.img-copyright-icon-on {
  background: url(/images/icon_copyright_on.svg) no-repeat center center;
}

/**
 * collection
 */
.collection-teaser img.img-responsive {
  padding-bottom: 0px;
}
.collection-teaser p {
  display: block;
  padding: 14px 14px 14px 21px;
  background-color: #f4f4f4;
  color: #222;
}
div.collection-teaser {
  margin-bottom: 20px;
}
div.collection-teaser p {
  margin: 0;
}

@media (min-width: 1024px) {
  .collection-teaser p {
    padding: 10px 14px 10px 21px;
    font-size: 20px;
  }
}

/**
 * hero
 */
#hero-xs-6 {
  background-color: #e7e7e7;
}  

#hero-xs-6 img.img-responsive {
  margin: 13px 0px;
  padding: 0px;
  box-shadow: 0px 0px 9px 0px #666;
}

@media (min-width: 800px) {
  #hero-xs-6 img.img-responsive {
    margin: 21px 0px 23px;
    box-shadow: 0px 0px 14px 0px #666;
  }
}

@media (min-width: 1024px) {
  #hero-xs-6 img.img-responsive {
    margin: 29px 0px 29px;
    box-shadow: 0px 0px 20px 0px #666;
  }
}

@media (min-width: 1200px) {
  #hero-xs-6 img.img-responsive {
    margin: 34px 0px 34px;
    box-shadow: 0px 0px 23px 0px #666;
  }
}

@media (min-width: 1380px) {
  #hero-xs-6 img.img-responsive {
    margin: 40px 0px 40px;
    box-shadow: 0px 0px 27px 0px #666;
  }
}

@media (min-width: 1500px) {
  #hero-xs-6 img.img-responsive {
    margin: 44px 0px 44px;
    box-shadow: 0px 0px 29px 0px #666;
  }
}

/**
 * Blog
 */
.swiper-blog .swiper-slide {
  width: 328px;
}

.swiper-blog .swiper-slide:first-child {
  width: 338px;
  padding-left: 20px;
}

.blog-item-content {
  position: relative;
  cursor: pointer;
}

.blog-item-content:before{
}

.blog-item-content  div.blog-item-content-text {
 	position: absolute;
	left: 22px;
	bottom: 14px;
	right: 15px;
}

.blog-item-content-text {
  color: white;
  font-size: 22px;
  line-height: 1.33em;
  text-shadow: 2px 2px 1px #333;
}

.blog-item-content-text h6 {
  font-size: 14px;
  color: white;
  text-shadow: 2px 2px 1px #333;
}

/**
 * pressnews
 */
.row.pressnews {
  margin-top: -1px;
  border-top: 1px solid #dcdcdc;
  padding: 14px 0 15px;
  margin-left: -10px;
  margin-right: -10px;
  border-bottom: 1px solid #dcdcdc;
}


.row.pressnews > div {
  padding-right: 0;
  padding-left: 0;
}

.pressnews p {
  margin-bottom: 0;
  color: #333;
}

.pressnews-ruler {
  position: absolute;
  top: -14px;
  width: 77px;
  height: 5px;
}


@media (min-width: 1024px) {
  .pressnews h6 {
    text-align: right;
  }
  .pressnews-ruler {
    right: 0px;
  }
  .row.pressnews > div:first-child {
    padding-left: 10px;
  }
  .row.pressnews > div:last-child {
    padding-right: 10px;
  }
}

/**
 * img-disturber
 */
div.img-disturber {
  position: relative;
}

div.img-disturber + div.heading {
  padding-top: 20px;
}

div.img-disturber-text {
  position: absolute;
  top: 100%;
  display: inline-block;
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
  padding: 9px 21px;
  box-shadow: 3px 3px 7px -4px #111;
  transform: translate(0, -50%);
  letter-spacing: 0.1em;
}

/**
 * text-disturber
 */
.text-disturber {
  border-style: solid;
  border-width: 3px;
  padding: 25px 20px;
  margin-bottom: 13px;
}

/**
 * bgcolored
 */
.row-bgcolored {
  margin-left: -10px;
  margin-right: -10px;
}

.col-bgcolored {
  padding: 14px 10px;
}

.col-bgcolored:first-child {
  padding-left: 20px;
}

.col-bgcolored:last-child {
  padding-right: 20px;
}

/**
 * table-opened
 */
.table-opened {
  width: auto;
  margin: 8px 0  0;
}  

.table-opened > div > div {
  padding-right: 40px;
}

.table-opened > div > div:first-child {
  padding-right: 20px;
}

@media (max-width: 799px) {
  .table-opened, 
  .table-opened > div,
  .table-opened > div > div {
     display: block;
  }
  .table-opened > div > div:not(:first-child) {
     display: inline-block;
  }
  .table.table-opened > div > div {
    padding-right: 10px;
  }
}

/**
 * infobox
 */
.row-infobox {
  margin-left: -10px;
  margin-right: -10px;
}
  
.col-infobox {
  padding: 0;
  /* min-height: 130px; */
  border-style: solid;
  border-width: 1px;
  padding: 15px 20px;
}  

.col-infobox + .col-infobox {
  border-top-style: none;
}

@media (min-width: 1024px) {
  .col-infobox + .col-infobox {
    border-left-style: none;
    border-top-style: solid;
  }
}

.col-infobox .glyphicon {
  position: static;
  font-size: 32px;
  vertical-align: middle;
  padding-right: 5px;
}

/**
 * hero small / portrait / text
 */
 
/*
.container-full.hero-portrait {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .container-full.hero-portrait {
    margin-bottom: -40px;
  }
}
*/

.hero-small-info, 
.hero-portrait-info, 
.hero-text-info {
  display: inline-block;
  margin: 30px 0 20px;
  padding: 6px 20px;
}  
.hero-small-headline, 
.hero-portrait-headline {
  margin-bottom: 14px;
}
.hero-portrait h1,
.hero-portrait h2,
.hero-portrait-headline h6,
.hero-portrait-headline h4,
.hero-text h1,
.hero-text h2,
.hero-text-headline h6,
.hero-text-headline h4,
.hero-small h3,
.hero-small h4,
.hero-small-headline h6 {
  color: #fff;
}

.hero-small div.row > div > img.img-responsive:last-child {
  padding-bottom: 0px;
}

.hero-portrait img {
  padding-bottom: 0px !important;
  height: 246px;
  width: auto;
}

.hero-portrait-headline h1,
.hero-portrait-headline h2, 
.hero-text-headline h1,
.hero-text-headline h2 {
  margin: 0px;
}

.hero-text .row > div {
  height: 246px;
}

.hero-text-headline {
  position: absolute;
  bottom: 20px;
}

@media (min-width: 800px) {
  .hero-portrait-headline {
    position: absolute;
    bottom: 20px;
    margin-bottom: 0px;
  }
}

@media (max-width: 1023px) {
  .hero-small .container-fluid .row  {
    margin-left: -30px;
    margin-right: -30px;
  }  
  .hero-small .container-fluid .row > div:first-child  {
    padding-left: 0px;
    padding-right: 0px;
  }
  .hero-small .container-fluid .row > div:last-child  {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 1024px) {
  .hero-small-info,
  .hero-portrait-info {
    margin-top: 38px;
  }

  .hero-small-headline {
    position: absolute;
    bottom: 13px;
  }

  .hero-portrait img {
    height: 350px;
  }

  .hero-text .row > div {
    height: 350px;
  }
}

/* großer Hero und Infotext */
#hero-overlay .hero-info-box {
  margin: -47px 0 -8px -20px;
}

/**
 * hero visual
 */
@media (min-width: 1024px) {
  .hero-visual > div:first-child > div.abstand-20-30 {
    position: absolute;
    bottom: -5px;
    margin: 0;
    padding-top: 16px;
    background-color: #fff;
  }
  .hero-visual + div > div {
    padding-top: 26px;
  }
}


/**
 * container-xs-full
 */
.container-full.container-xs-full > .row {
  margin-left: 0px;
  margin-right: 0px;
}  

.container-full.container-xs-full > .row > div:first-child {
  padding-left: 0px;
}  

.container-full.container-xs-full > .row > div:last-child {
  padding-right: 0px;
}  

/**
 * text-col3
 */
@media (max-width: 1023px) {
  .row.text-col3 > div {
    margin-bottom: 1em;
  }
  .row.text-col3 > div:last-child {
    margin-bottom: 0em;
  }
}

/**
 * popover
 */
.popover-template {
  display: none;
}

.popover-template-share {
  display: block;
}

.popover-template-share a div {
  margin-top: 21px;
}

.popover-template-share a:first-child div {
  margin-top: 0px;
}

/* Headline h5 m. Symbol */
h5.symbol {
  margin-bottom:5px;
}
h5.symbol.line {
  border-bottom:solid 1px;
  padding-bottom:2px;
}
h5.symbol > .glyphicon {
  font-size:38px;
  vertical-align:-7px;
}

/* h5 direkt in .seitenelement */
.seitenelement > h5 {
  margin-left:-10px;
}

/**
 * leichte sprache
 */
#ls_full {
  border-bottom: 1px solid #cccccc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  margin-bottom: 2px;
}

#ls_nav,
#frame #ls_nav a {
	color: #787864;
}

#ls_nav div a.back {
	background-image: url("/images/icon_back_stft.svg");
  background-position: left 5px;
}
  
.row.nested {
  margin-left: -10px;
  margin-right: -10px;
}

/* Teaser */
body.ls #frame {
  padding-top: 0px;
}

body.ls .seitenelement {
  /* font-size: 18px; 
  line-height: 24px; */
  font-size: 20px;
  line-height: 26px;
}

body.ls h4 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

body.ls #frame #footer h4 {
  font-size: 20px;
  line-height: 26px;
}

#ls_headline span {
  font-size: 1.4em;
}

body.ls h1 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 1.25em;
}

body.ls h2 {
  font-size: 20px;
  line-height: 26px;
  text-transform: none;
  margin-bottom: 2.25em;
}

body.ls h1 + h2, h2.black {
  color: #222;
}

body.ls .row.nested h2 {
  margin-bottom: 0.5em;
  font-weight: 700;
}

body.ls .bildlegende {
  font-size: 14px;
  line-height: 21px;
}

body.ls .ls-img {
    margin-top: 4px;
}

.ls_teaser {
  border: 1px solid #787864;
  margin-bottom: 20px;
}

.ls_teaser_info {
  padding: 15px 20px;
}

.ls_teaser_info p:last-child  {
  margin-bottom: 0px;
}

/* navigation */
ul#ls_navigation {
  margin-top: 20px;
}

ul#ls_navigation ul {
  padding-bottom: 20px;
}

ul#ls_navigation,
ul#ls_navigation ul {
  list-style: none;
  padding-left: 0px;
}

ul#ls_navigation > li {
  border: 1px solid #787864;
  margin-bottom: 20px;
}

ul#ls_navigation > li:hover {
  background-color: #f3f3f0;
}

ul#ls_navigation > li > a {
  display: block;
  padding: 20px;
}
/* Leichte Sprache Test hover 
ul#ls_navigation > li > a:hover {
  background-color: #f3f3f0;
}
.ls_teaser:hover {
	background-color: #ebf3f8;
}
*/
ul#ls_navigation li.on > a {
  font-weight: 700;
}

ul#ls_navigation  li li > a {
  display: block;
  padding-left: 20px;
}

ul#ls_navigation :not(.on) a {
  color: #787864;
}

@media (max-width: 1023px) {
  #ls_full > .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
  }

  #ls_nav.row {
    margin-left: 0px;
    margin-right: 0px;
  }

  #ls_nav div {
    padding-left: 20px;
    padding-right: 20px;
  }

  #ls_nav div:nth-child(1) {
    height: 49px;
  }

  #ls_nav div:nth-child(2),
  #ls_nav div:nth-child(3) {
    border-top: 1px solid #cccccc;
    height: 38px;
    padding-top: 7px;
  }
}

@media (min-width: 800px) and (max-width: 1023px) {
  #ls_nav div:nth-child(2) {
    text-align: right;
  }

  #ls_nav div:nth-child(3) {
    padding-top: 7px;
    border-top: 1px solid #cccccc;
  }
}

@media (min-width: 1024px) {
  #ls_nav div {
    height: 95px;
  }

  #ls_nav div:nth-child(2) {
    padding-top: 14px;
    text-align: right;
  }

  #ls_nav div:nth-child(3) {
    padding-top: 15px;
    padding-left: 7px;
  }

  body.ls h1 {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 32px;
  }

  body.ls h2 {
    font-size: 22px;
    line-height: 28px;
  }

  #ls_headline {
    font-size: 42px;
  }
}

.smhub-panel .smhub-item a,
.flip-container[tabindex],
.slick-slide[tabindex],
.brace[tabindex] {
    outline: none;
}

a.learn-item-content,
.panel-group .panel a.panel-heading {
  display: block;
}

select, textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  font-size: 16px;
}

/* KHTML Workaround image transition */
.homepage-teaser-off > img.img-responsive {
	width: 100.1%;
}
/* Beta Button */
#frame span.beta {
  letter-spacing: 0.06em;
  color: #7a7a7a;
  font-size: 13px;
  font-weight: 700;
  margin-left: 8px;
  margin-right: 8px;
  padding: 2px 10px;
  background-color: #f1f1f1;
}
.beta-sm {
  position:absolute;
  right:56px;
  top:14px;
}
@media (max-width: 600px) {
  .beta-sm {
    right: 44px;
	top: -3px;
  }
  #frame span.beta {
	font-size: 11px;
	padding: 2px 10px;
  }
}
@media (max-width: 396px) {
  .beta-sm {
    right: 3px;
	top: -5px;
  }
  #frame span.beta {
	font-size: 9px;
	padding: 1px 2px;
  }
}

/* Clearfix f. Aktuelles */
@media (min-width: 1024px) {
#frame .row  .col-md-6.col-sm-12.brace:nth-child(2n+1) {
    clear:left;
  }
}

/* Fe Login*/
.tx-felogin-pi1 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}