/* FIX: Youtube-Videos in Stretch Grids, Seitenverhältnis ... */
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 0;
  height: auto;
}
.embed-responsive:before {
  content: "";
  display: block;
  padding-top: 56.2%; /* 16:9 */
}

/* Fix: ScrollTop Button über OSM-Karten von Leaflet legen ... */
.scrollTop {
    z-index: 1000;
}

/* FIX Verwandte Links: Abstand zwischen Link und Beschreibung ... */
.news-related-files-link + .news-related-files-size::before,
.news-article__related-files a + span::before {
  content: "  ";
}

/* FIX: registerofpersons Liste durch allg. Formatierung von Listenelementen ... */
.registerofpersons li.registerofpersons__person {
    margin-top: 0 !important;
    margin-bottom: 10px;
}


/* FIX: Abstand Titel in Spezialmenüs ... */
.special-menu-box .csc-header h2 {
  margin-bottom: 0;
}

/* FIX: Abstände zwischen einigen Content Elementen ... */
.media-element:last-child,
.hsw_teaserbox:last-child {
  /* margin-bottom: 0 !important; */
}

/* FIX: Abstände unter Bildern ... */
.csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-imagecolumn {
 /*  margin-bottom: 0px; */
}
.csc-textpic-imagewrap .csc-textpic-imagerow + .csc-textpic-imagerow {
  /* margin-top: 20px; */
}

/* Button: Zeilenhöhe */
.button, .button--default, .powermail_morestep .btn-group button,.powermail_fieldwrap.powermail_tab_navigation .btn,.powermail_fieldwrap.powermail_tab_navigation .powermail_tab_navigation_next,.powermail_fieldwrap.powermail_tab_navigation .powermail_tab_navigation_previous {
  line-height: 24px !important;
  line-height: 1.4 !important;
  padding: 7px 10px !important;
}

/* FIX: Textgröße in Tags innerhalb von .small Elementen (registerofpersons Sprechzeiten in compact-Templates) */
.small h4,
.small p {
  margin-bottom: 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.4;
}

/* hr Farbvarianten der Trennlinien */

div.hr-grey > hr,
hr.hr-grey {
  background-color: #888888;
}
div.hr-lightgrey > hr,
hr.hr-lightgrey {
  background-color: #e5e5e5;
}
div.hr-white > hr,
hr.hr-white {
  background-color: #ffffff;
}
div.hr-anthrazit > hr,
hr.hr-anthrazit {
  background-color: #2F3229;
}
div.hr-blue > hr,
hr.hr-blue {
  background-color: #0097BD;
}
div.hr-green > hr,
hr.hr-green {
  background-color: #298729;
}
div.hr-orange > hr,
hr.hr-orange {
  background-color: #F25100;
}


/*FIX: automatische Worttrennung für einige Elemente ... */
.grid__column--xs-1 h1, .grid__column--xs-1 .h1-style, 
.grid__column--xs-1 h2, .grid__column--xs-1 .feature-image .feature-image__claim span, 
.feature-image .feature-image__claim .grid__column--xs-1 span, .grid__column--xs-1 .h2-style, 
.grid__column--xs-1 h3, .grid__column--xs-1 .h3-style, .grid__column--xs-1 h4, .grid__column--xs-1 .h4-style, 
.grid__column--xs-1 h5, .grid__column--xs-1 .h5-style, .grid__column--xs-1 h6, .grid__column--xs-1 .h6-style, 
.grid__column--xs-2 h1, .grid__column--xs-2 .h1-style, .grid__column--xs-2 h2, .grid__column--xs-2 .feature-image .feature-image__claim span, 
.feature-image .feature-image__claim .grid__column--xs-2 span, .grid__column--xs-2 .h2-style, .grid__column--xs-2 h3, .grid__column--xs-2 .h3-style, 
.grid__column--xs-2 h4, .grid__column--xs-2 .h4-style, .grid__column--xs-2 h5, .grid__column--xs-2 .h5-style, 
.grid__column--xs-2 h6, .grid__column--xs-2 .h6-style, .grid__column--xs-3 h1, .grid__column--xs-3 .h1-style, 
.grid__column--xs-3 h2, .grid__column--xs-3 .feature-image .feature-image__claim span, .feature-image .feature-image__claim .grid__column--xs-3 span, 
.grid__column--xs-3 .h2-style, .grid__column--xs-3 h3, .grid__column--xs-3 .h3-style, .grid__column--xs-3 h4, .grid__column--xs-3 .h4-style, 
.grid__column--xs-3 h5, .grid__column--xs-3 .h5-style, .grid__column--xs-3 h6, .grid__column--xs-3 .h6-style, 
.grid__column--xs-4 h1, .grid__column--xs-4 .h1-style, .grid__column--xs-4 h2, .grid__column--xs-4 .feature-image .feature-image__claim span, 
.feature-image .feature-image__claim .grid__column--xs-4 span, .grid__column--xs-4 .h2-style, .grid__column--xs-4 h3, .grid__column--xs-4 .h3-style, 
.grid__column--xs-4 h4, .grid__column--xs-4 .h4-style, .grid__column--xs-4 h5, .grid__column--xs-4 .h5-style, 
.grid__column--xs-4 h6, .grid__column--xs-4 .h6-style, .grid__column--xs-5 h1, .grid__column--xs-5 .h1-style, 
.grid__column--xs-5 h2, .grid__column--xs-5 .feature-image .feature-image__claim span, .feature-image .feature-image__claim .grid__column--xs-5 span, 
.grid__column--xs-5 .h2-style, .grid__column--xs-5 h3, .grid__column--xs-5 .h3-style, .grid__column--xs-5 h4, .grid__column--xs-5 .h4-style, 
.grid__column--xs-5 h5, .grid__column--xs-5 .h5-style, .grid__column--xs-5 h6, .grid__column--xs-5 .h6-style, .grid__column--xs-6 h1, 
.grid__column--xs-6 .h1-style, .grid__column--xs-6 h2, .grid__column--xs-6 .feature-image .feature-image__claim span, 
.feature-image .feature-image__claim .grid__column--xs-6 span, .grid__column--xs-6 .h2-style, .grid__column--xs-6 h3, .grid__column--xs-6 .h3-style, 
.grid__column--xs-6 h4, .grid__column--xs-6 .h4-style, .grid__column--xs-6 h5, .grid__column--xs-6 .h5-style, 
.grid__column--xs-6 h6, .grid__column--xs-6 .h6-style, .grid__column--sm-1 h1, .grid__column--sm-1 .h1-style, 
.grid__column--sm-1 h2, .grid__column--sm-1 .feature-image .feature-image__claim span, .feature-image .feature-image__claim .grid__column--sm-1 span, 
.grid__column--sm-1 .h2-style, .grid__column--sm-1 h3, .grid__column--sm-1 .h3-style, .grid__column--sm-1 h4, .grid__column--sm-1 .h4-style, 
.grid__column--sm-1 h5, .grid__column--sm-1 .h5-style, .grid__column--sm-1 h6, .grid__column--sm-1 .h6-style, .grid__column--sm-2 h1, 
.grid__column--sm-2 .h1-style, .grid__column--sm-2 h2, .grid__column--sm-2 .feature-image .feature-image__claim span, 
.feature-image .feature-image__claim .grid__column--sm-2 span, .grid__column--sm-2 .h2-style, .grid__column--sm-2 h3, .grid__column--sm-2 .h3-style, 
.grid__column--sm-2 h4, .grid__column--sm-2 .h4-style, .grid__column--sm-2 h5, .grid__column--sm-2 .h5-style, .grid__column--sm-2 h6, 
.grid__column--sm-2 .h6-style, .grid__column--sm-3 h1, .grid__column--sm-3 .h1-style, .grid__column--sm-3 h2, 
.grid__column--sm-3 .feature-image .feature-image__claim span, .feature-image .feature-image__claim .grid__column--sm-3 span, .grid__column--sm-3 .h2-style, 
.grid__column--sm-3 h3, .grid__column--sm-3 .h3-style, .grid__column--sm-3 h4, .grid__column--sm-3 .h4-style, .grid__column--sm-3 h5, 
.grid__column--sm-3 .h5-style, .grid__column--sm-3 h6, .grid__column--sm-3 .h6-style, .grid__column--sm-4 h1, .grid__column--sm-4 .h1-style, 
.grid__column--sm-4 h2, .grid__column--sm-4 .feature-image .feature-image__claim span, .feature-image .feature-image__claim .grid__column--sm-4 span, 
.grid__column--sm-4 .h2-style, .grid__column--sm-4 h3, .grid__column--sm-4 .h3-style, .grid__column--sm-4 h4, .grid__column--sm-4 .h4-style, 
.grid__column--sm-4 h5, .grid__column--sm-4 .h5-style, .grid__column--sm-4 h6, .grid__column--sm-4 .h6-style, .grid__column--sm-5 h1, 
.grid__column--sm-5 .h1-style, .grid__column--sm-5 h2, .grid__column--sm-5 .feature-image .feature-image__claim span, 
.feature-image .feature-image__claim .grid__column--sm-5 span, .grid__column--sm-5 .h2-style, .grid__column--sm-5 h3, .grid__column--sm-5 .h3-style, 
.grid__column--sm-5 h4, .grid__column--sm-5 .h4-style, .grid__column--sm-5 h5, .grid__column--sm-5 .h5-style, .grid__column--sm-5 h6, 
.grid__column--sm-5 .h6-style, .grid__column--sm-6 h1, .grid__column--sm-6 .h1-style, .grid__column--sm-6 h2, 
.grid__column--sm-6 .feature-image .feature-image__claim span, .feature-image .feature-image__claim .grid__column--sm-6 span, 
.grid__column--sm-6 .h2-style, .grid__column--sm-6 h3, .grid__column--sm-6 .h3-style, .grid__column--sm-6 h4, .grid__column--sm-6 .h4-style, 
.grid__column--sm-6 h5, .grid__column--sm-6 .h5-style, .grid__column--sm-6 h6, .grid__column--sm-6 .h6-style, .grid__column--md-1 h1, 
.grid__column--md-1 .h1-style, .grid__column--md-1 h2, .grid__column--md-1 .feature-image .feature-image__claim span, 
.feature-image .feature-image__claim .grid__column--md-1 span, .grid__column--md-1 .h2-style, .grid__column--md-1 h3, .grid__column--md-1 .h3-style, 
.grid__column--md-1 h4, .grid__column--md-1 .h4-style, .grid__column--md-1 h5, .grid__column--md-1 .h5-style, .grid__column--md-1 h6, 
.grid__column--md-1 .h6-style, .grid__column--md-2 h1, .grid__column--md-2 .h1-style, .grid__column--md-2 h2, 
.grid__column--md-2 .feature-image .feature-image__claim span, .feature-image .feature-image__claim .grid__column--md-2 span, 
.grid__column--md-2 .h2-style, .grid__column--md-2 h3, .grid__column--md-2 .h3-style, .grid__column--md-2 h4, .grid__column--md-2 .h4-style, 
.grid__column--md-2 h5, .grid__column--md-2 .h5-style, .grid__column--md-2 h6, .grid__column--md-2 .h6-style, .grid__column--md-3 h1, 
.grid__column--md-3 .h1-style, .grid__column--md-3 h2, .grid__column--md-3 .feature-image .feature-image__claim span, 
.feature-image .feature-image__claim .grid__column--md-3 span, .grid__column--md-3 .h2-style, .grid__column--md-3 h3, 
.grid__column--md-3 .h3-style, .grid__column--md-3 h4, .grid__column--md-3 .h4-style, .grid__column--md-3 h5, .grid__column--md-3 .h5-style, 
.grid__column--md-3 h6, .grid__column--md-3 .h6-style, .grid__column--md-4 h1, .grid__column--md-4 .h1-style, .grid__column--md-4 h2, 
.grid__column--md-4 .feature-image .feature-image__claim span, .feature-image .feature-image__claim .grid__column--md-4 span, .grid__column--md-4 .h2-style, 
.grid__column--md-4 h3, .grid__column--md-4 .h3-style, .grid__column--md-4 h4, .grid__column--md-4 .h4-style, .grid__column--md-4 h5, 
.grid__column--md-4 .h5-style, .grid__column--md-4 h6, .grid__column--md-4 .h6-style, .grid__column--md-5 h1, .grid__column--md-5 .h1-style, 
.grid__column--md-5 h2, .grid__column--md-5 .feature-image .feature-image__claim span, .feature-image .feature-image__claim .grid__column--md-5 span, 
.grid__column--md-5 .h2-style, .grid__column--md-5 h3, .grid__column--md-5 .h3-style, .grid__column--md-5 h4, .grid__column--md-5 .h4-style, 
.grid__column--md-5 h5, .grid__column--md-5 .h5-style, .grid__column--md-5 h6, .grid__column--md-5 .h6-style, .grid__column--md-6 h1, 
.grid__column--md-6 .h1-style, .grid__column--md-6 h2, .grid__column--md-6 .feature-image .feature-image__claim span, 
.feature-image .feature-image__claim .grid__column--md-6 span, .grid__column--md-6 .h2-style, .grid__column--md-6 h3, .grid__column--md-6 .h3-style, 
.grid__column--md-6 h4, .grid__column--md-6 .h4-style, .grid__column--md-6 h5, .grid__column--md-6 .h5-style, .grid__column--md-6 h6, 
.grid__column--md-6 .h6-style, .grid__column--lg-1 h1, .grid__column--lg-1 .h1-style, .grid__column--lg-1 h2, 
.grid__column--lg-1 .feature-image .feature-image__claim span, .feature-image .feature-image__claim .grid__column--lg-1 span, .grid__column--lg-1 .h2-style, 
.grid__column--lg-1 h3, .grid__column--lg-1 .h3-style, .grid__column--lg-1 h4, .grid__column--lg-1 .h4-style, .grid__column--lg-1 h5, 
.grid__column--lg-1 .h5-style, .grid__column--lg-1 h6, .grid__column--lg-1 .h6-style, .grid__column--lg-2 h1, .grid__column--lg-2 .h1-style, 
.grid__column--lg-2 h2, .grid__column--lg-2 .feature-image .feature-image__claim span, .feature-image .feature-image__claim .grid__column--lg-2 span, 
.grid__column--lg-2 .h2-style, .grid__column--lg-2 h3, .grid__column--lg-2 .h3-style, .grid__column--lg-2 h4, .grid__column--lg-2 .h4-style, 
.grid__column--lg-2 h5, .grid__column--lg-2 .h5-style, .grid__column--lg-2 h6, .grid__column--lg-2 .h6-style, .grid__column--lg-3 h1, 
.grid__column--lg-3 .h1-style, .grid__column--lg-3 h2, .grid__column--lg-3 .feature-image .feature-image__claim span, 
.feature-image .feature-image__claim .grid__column--lg-3 span, .grid__column--lg-3 .h2-style, .grid__column--lg-3 h3, .grid__column--lg-3 .h3-style, 
.grid__column--lg-3 h4, .grid__column--lg-3 .h4-style, .grid__column--lg-3 h5, .grid__column--lg-3 .h5-style, .grid__column--lg-3 h6, 
.grid__column--lg-3 .h6-style, .grid__column--lg-4 h1, .grid__column--lg-4 .h1-style, .grid__column--lg-4 h2, 
.grid__column--lg-4 .feature-image .feature-image__claim span, .feature-image .feature-image__claim .grid__column--lg-4 span, .grid__column--lg-4 .h2-style, 
.grid__column--lg-4 h3, .grid__column--lg-4 .h3-style, .grid__column--lg-4 h4, .grid__column--lg-4 .h4-style, .grid__column--lg-4 h5, 
.grid__column--lg-4 .h5-style, .grid__column--lg-4 h6, .grid__column--lg-4 .h6-style, .grid__column--lg-5 h1, .grid__column--lg-5 .h1-style, 
.grid__column--lg-5 h2, .grid__column--lg-5 .feature-image .feature-image__claim span, .feature-image .feature-image__claim .grid__column--lg-5 span, 
.grid__column--lg-5 .h2-style, .grid__column--lg-5 h3, .grid__column--lg-5 .h3-style, .grid__column--lg-5 h4, .grid__column--lg-5 .h4-style, 
.grid__column--lg-5 h5, .grid__column--lg-5 .h5-style, .grid__column--lg-5 h6, .grid__column--lg-5 .h6-style, .grid__column--lg-6 h1, 
.grid__column--lg-6 .h1-style, .grid__column--lg-6 h2, .grid__column--lg-6 .feature-image .feature-image__claim span, 
.feature-image .feature-image__claim .grid__column--lg-6 span, .grid__column--lg-6 .h2-style, .grid__column--lg-6 h3, .grid__column--lg-6 .h3-style, 
.grid__column--lg-6 h4, .grid__column--lg-6 .h4-style, .grid__column--lg-6 h5, .grid__column--lg-6 .h5-style, .grid__column--lg-6 h6, 
.grid__column--lg-6 .h6-style, 
.newsslider .slick-list .slick-track > .slick-slide .plugin-list__image-teaser, 
.newsslider .slick-list .slick-track > .slick-slide .plugin-list__cal-image-teaser, 
.registerofpersons__person, 
.search-item h3 a,
.ce-uploads-element, 
.frame-type-text p, .frame-type-text li
{
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/* Einrückung Listen */
ul, .csc-frame ul,
ol, .csc-frame ol {
  padding-left: 24px;
}

/* Veranstaltungs-Listenansicht mobil: Korrektur Umbruch nach "Kalenderblatt" */
@media (max-width: 768px) {
  .news .plugin-list .plugin-list__item.events_std .eventInfo {
    margin-top: 1px;
    width: 80%;
    width: calc(100% - 80px);
    max-width: 80%;
    max-width: calc(100% - 80px); 
  }
}

/* powermail */
label + div.checkbox, 
label.powermail_label + div.powermail_field > div.checkbox:first-child, 
label + div > div.radio:first-child {
    margin-top: 10px;
}
.powermail_field .checkbox {
  margin-bottom: 10px;
}
/* Formulare allgemein: Fix Labels die hinter der Checkbox verschwinden ... */
.checkbox label::before {
    position: relative;
    top: 2px;
}
.checkbox label::after {
    top: 2px;
}

/* hellere graue Buttons ermöglichen ... */
.button-lightgrey {
	color: #ffffff;
	background-color: #888888 !important;
	border-bottom: 0 none;
}
.button-lightgrey:disabled,
.button-lightgrey:hover{
	color: #ffffff;
	background-color: #bbbbbb !important;
}

/* Einblender Matomo: Overlay-Fenster + Buttons zus. Styling */
.hswBannerOverlay {
  max-height: 100%;
  /* max-height: 100vh; */
  overflow-y: auto;
}
.hswBannerOverlay .buttonbar {
  text-align: center;
  margin-top: 10px;
}
.hswBannerOverlay .button--confirm {
  float: none;
  margin-top: 0px;
}

.navigation-sub .navigation-sub__item.navigation-sub__item--active a {
  text-decoration: none;
}

/* Studiengangsseiten: Abstand mainsection nach globaler Markup-Änderung */
body > div.main-content {
  display: block;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 768px) {
  body > div.main-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

/* Trenner: Fix Breite */
.frame-type-div hr {
  width: 100%;
}

/* Events Detailseite: Kategorien umbrechen auch Kalenderblatt */
.news-article header .news-article__subinfo {
  width: calc(100% - 75px);
  display: inline-block;
}

/* Fix: Don't show References Link Tag */
a[id^='c'] {
    display: none;
}

/* Hyphenation wenigstens in Bildunterschriften und normalen Textabsätzen */
p, figcaption {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;

  -webkit-hyphenate-limit-before: 3; /* For Safari */
  -webkit-hyphenate-limit-after: 3; /* For Safari */
  -moz-hyphenate-limit-chars: 6 3 2;     /* not yet supported */ 
  -webkit-hyphenate-limit-chars: 6 3 2;  /* not yet supported */
  -ms-hyphenate-limit-chars: 7 3 3;
  hyphenate-limit-chars: 7 3 3;

  -ms-hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-lines: 2; 
  hyphenate-limit-lines: 2;
}