@charset "UTF-8";
@font-face {
  font-family:FontAwesome;
  src:url('../Fonts/FontAwesome/fontawesome-webfont.eot?v=4.4.0');
  src:url('../Fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),
    url('../Fonts/FontAwesome/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),
    url('../Fonts/FontAwesome/fontawesome-webfont.woff?v=4.4.0') format('woff'),
    url('../Fonts/FontAwesome/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),
    url('../Fonts/FontAwesome/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight:400;
  font-style:normal
}

:root {
	--bs-border-radius: 0;
	--frame-link-hover-color: #002446;
}

/* correction bootstrap */
.row { --bs-gutter-x: 0; display: block; }
.frame { --frame-spacing: 0; }
.d-none { display: none; }
.sr-only, .visually-hidden, .visually-hidden-focusable { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; background-color: #fff; color: #000; }
.sr-only-focusable:active, .visually-hidden-focusable:active, .sr-only-focusable:focus, .visually-hidden-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }
*:focus-visible { outline: 2px solid #000; }
input[type="check"]:focus-visible + label { outline: 2px solid #000!important; }
input[type="radio"]:focus-visible + label { outline: 2px solid #000!important; }
input[type="submit"]:focus-visible { outline: 2px solid #000!important; }

/* general */

*:focus-visible { outline: 2px solid #000; }
input[type="check"]:focus-visible + label { outline: 2px solid #000 !important; }
input[type="radio"]:focus-visible + label { outline: 2px solid #000 !important; }
input[type="submit"]:focus-visible { outline: 2px solid #000 !important; }

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { --bs-gutter-x: 0; }
.section-row { --section-gap-x: 0; }

#metanavigation a { text-decoration: none; }
#metanavigation a:hover { text-decoration: underline; }

/* original */

html { font-size: 1em; color: #4c4c4c; background-color: #009CE3; }

@font-face {
  font-family: 'BentonSans-Regular';
  src: url('../Fonts/BentonSans-Regular.eot');
  src: url('../Fonts/BentonSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/BentonSans-Regular.woff') format('woff'),
    url('../Fonts/BentonSans-Regular.ttf') format('truetype'),
    url('../Fonts/BentonSans-Regular.svg#BentonSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BentonSans-Bold';
  src: url('../Fonts/BentonSans-Bold.eot');
  src: url('../Fonts/BentonSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/BentonSans-Bold.woff') format('woff'),
    url('../Fonts/BentonSans-Bold.ttf') format('truetype'),
    url('../Fonts/BentonSans-Bold.svg#BentonSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: BentonSans-Regular,"Helvetica Neue",Helvetica,Arial,sans-serif;  
}

.body-bg {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

body { color: #4c4c4c; background-color: unset; font-size: 0.9rem; line-height: 1.3; }
body a { color: #4c4c4c; display: inline-block; }
body a:hover { color: #000000; }
body a:focus { outline: 1px dashed #000; }
label:hover { cursor: pointer; }
p { margin-bottom: 0.4rem; }
p ~ h1, p ~ h2, p ~ h3, ol ~ h1, ol ~ h2, ol ~ h3, ul ~ h1, ul ~ h2, ul ~ h3  { margin-top: 1rem; }
.table th, .table td { background-color: transparent; }

.container {
  max-width:100%;
}



.frame > :last-child {
  margin-bottom: 1rem;
}

.section-column {
  padding-left: 0;
  padding-right: 0;
}

.frame {
  padding-top: 0;
}

.frame-space-after-small {
  margin-bottom: 0rem;
}

.btn-primary { color: #002446; background-color: #eaeff6; border-color: #002446; }
.btn-primary:hover,
.btn-primary:active {
  color: #eaeff6;
  background-color: #002446;
  border-color: #002446;
}
.btn-primary:focus, 
.btn-primary.focus {
  color: #eaeff6;
  background-color: #002446;
  border-color: #002446;
  box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active, 
.show > .btn-primary.dropdown-toggle {
  color: #eaeff6;
  background-color: #002446;
  border-color: #002446;
}

a.btn { text-decoration: none !important; }

/********************************
* header *
*********************************/

.logozeilehintergrund {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

header .servicenav  { text-align:right; width:100%; background-color: #0b203c; padding-right: 20px; }  
header .servicenav a { text-decoration: none; }
header .servicenav a:focus-visible { outline: 2px solid #fff; }

header .servicenav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

header .servicenav ul li { display: inline; font-size: 1em; padding-left: 1rem; }
header .servicenav ul li a, header .servicenav ul li a:link, header .servicenav ul li a:active, header .servicenav ul li a:visited { color: #fff; padding: 0.5rem; margin: 2px; }

header .logozeile { background-color: #fff; box-shadow: 5px 5px 5px #00000082; display: flex; justify-content: space-between; flex-wrap: wrap; }
header .logozeile .sportlandlogo a { font-size: 1.75rem; font-weight: 900; line-height: 2.063rem; vertical-align: middle; display: flex; flex-wrap: wrap;  text-decoration: none; }
header .logozeile .sportlandlogo a:focus-visible { outline: none !important; }
header .logozeile .sportlandlogo a:focus-visible .branding-text span { outline: 2px solid #000 !important; }
header .logozeile .sportlandlogo .branding-text { display: flex; align-items: center; }
header .logozeile .sportlandlogo .branding-text span { font-size: 1.75rem;  font-family: BentonSans-Bold; font-weight: 900; color: #000; }
header .logozeile .sportlandlogo img { padding-right: 1.2rem; height: 5.5rem; margin-left: -28px; max-width: calc(100% - 1.2rem + 28px); }
header .logozeile .nrwlogo { padding-top: 15px; padding-right: 20px; display: flex; flex-grow: 1; justify-content: end; }
header .logozeile .nrwlogo img { max-height: 64px; }

.main-section { box-shadow: 5px 5px 5px #00000082; }

.subnav-wrap, .maincontent-wrap, .subcontent-wrap { background-color: #fff; }
.subnav-wrap { border-right: 1px solid #009ce3; width: 100%; }
.maincontent-wrap { width: 100%; }
.subcontent-wrap { border-left: 1px solid #dce4f0; }

/********************************
* Hauptnavi-links *
*********************************/

.subnav-wrap .search-box {
  background-color: #eaeff6;
  position:relative;
  min-height: 3rem;
  padding-left: 10px;
  padding-right: 1rem;
  padding-top: 0.8rem;
}

.subnav-wrap input.search {
  padding-right:2rem;
  width:100%;
  border:none;
  color:#000;
}

.subnav-wrap .search-box input.suchstart {
  position: absolute;
  right: 20px;
  top: .9rem;
}

.subnav-wrap .subnav-link {
  border-bottom: 1px solid #e6e6e6;
  color: #000;
  border-left: none;
}

.subnav-nav .subnav-nav {
  border-left: none;
  padding-left: 10px;
}

.subnav-wrap .active > .subnav-link {
  color: #000 !important;
  font-weight:bold;
  background-color: #afdff9;
}

.subnav-wrap .subnav-link:hover, 
.subnav-wrap .subnav-link:focus {
  background-color: #eaeff6;
}

.subnav-item .subnav-item .subnav-link {
  background-image: url("../Images/nav3eck.png");
  background-repeat: no-repeat;
  background-position: left center;
}

.subnav-item .subnav-item.active .subnav-link {
  background-image: none;
}


.subnav-nav .subnav-nav a {
  padding-left: 15px;
}

.subnav-nav .subnav-nav::before {
  width: 0;
}

.subnav-wrap .subnav-nav .active > .subnav-link:hover {
  color: #000 !important;
  background-color: #eaeff6;
}



/********************************
* content *
*********************************/

.maincontent-wrap ol.breadcrumb {
  margin-bottom: 2rem;	
  background-color: transparent;  
  font-size:0.85rem;
  padding: 12px 20px;
}

.maincontent-wrap ol.breadcrumb li {
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
}

.breadcrumb-section {
  margin-left: -20px;
  margin-right: -20px;
  min-height: 3rem;
  background-color: #eaeff6;
}

.breadcrumb-item.active {
  color: #000;
}


.maincontent-wrap  p.bodytext {
  margin-bottom: 1.5rem;
}

.maincontent-wrap  {
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.maincontent-wrap .caption {
  -ms-hyphens: none;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
  padding-left: 0;
  padding-right: 0;
}

.maincontent-wrap h1 { color: #002446; font-size: 1.5rem; line-height: 1.6rem; font-family: BentonSans-Bold; text-transform: uppercase; }
.maincontent-wrap h2 { color: #002446; font-size: 1.1rem; line-height: 1.3rem; font-family: BentonSans-Bold; }
.maincontent-wrap h3 { color: #002446; font-size: 1rem; line-height: 1.2rem; font-family: BentonSans-Bold; }
.maincontent-wrap h4 { color: #002446; font-size: 1rem; line-height: 1.2rem; font-family: BentonSans-Bold; }
.maincontent-wrap a:link, .maincontent-wrap a:active, .maincontent-wrap a:visited, .subcontent-wrap a:link, .subcontent-wrap a:active, .subcontent-wrap a:visited { text-decoration: underline; color: #002446; }
.maincontent-wrap a:hover, .subcontent-wrap a:hover { text-decoration: none; }
.maincontent-wrap p, .maincontent-wrap li { line-height: 1.5rem; }

.maincontent-wrap .layout-5 { margin-bottom: 2rem; }
.maincontent-wrap .layout-5 .textmedia { gap: 1.5rem; flex-wrap: nowrap; }
.maincontent-wrap .layout-5 .textmedia-item.textmedia-gallery { width: 30%; }
.maincontent-wrap .layout-5 .textmedia-item.textmedia-gallery .gallery-item { width: 100%;  }
.maincontent-wrap .layout-5 .textmedia-item.textmedia-text { width: 70%; padding-left: 0; padding-right: 0; }
.maincontent-wrap .layout-5 .frame-header { margin-left: 0; }

.maincontent-wrap .frame-type-div hr {
  border-top: 1px solid #002446;
  margin-bottom: 2rem;
}

.maincontent-wrap figure .caption {
  padding-top: 0;
  font-size: 0.7rem;
  text-align: center;
}

.maincontent-wrap .textmedia { gap: 0; }

.maincontent-wrap table.table td  {
  padding: 0.75rem 0.75rem 0.75rem 0;
}


/********************************
* Accordion*
*********************************/

.accordion-item .card-body {
  padding: 0;
}

.card a:not(.btn):hover {
  color: #002446;
}

.accordion-title-link {
  padding: .5rem .5rem;
}

/********************************
* Tabellenformatierung*
*********************************/

.maincontent-wrap table.table th,
.maincontent-wrap table.table td  {
  padding: 0.5rem;
}


.maincontent-wrap table.table tr:nth-child(even) {
  background-color: #eaeff6;
}

.maincontent-wrap table.table p {
  margin-bottom: 0;
}



/********************************
* Spalte rechts *
*********************************/

.subcontent-wrap .rechtespaltebild {
  margin-bottom: 20px;
}

.subcontent-wrap .rechtespaltebild img {
  width: 100%;
  height: auto;
}

.subcontent-wrap h1,
.subcontent-wrap h2 {
  background-color: #eaeff6;
  padding-top: 1rem;
  padding-right: .5rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  /*hyphens: auto;*/
  color: #002446;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: BentonSans-Bold;
}

.subcontent-wrap .frame-header { width: 100%; }

.subcontent-wrap .frame-type-text .frame-header,
.subcontent-wrap .frame-type-uploads .frame-header {
  margin-left: 0;
}

.subcontent-wrap .textmedia-item {
  padding-left: 20px;
  padding-right: 20px;
}

.subcontent-wrap .frame {
  padding-bottom: 1rem;
}

.subcontent-wrap header.frame-header {
  width:100%;
  margin-bottom: 0;
}

.subcontent-wrap .textmedia { gap: 0; }
.frame-header :last-child { margin-bottom: 1rem; }

.subcontent-wrap .frame-type-uploads ul.media-list {
  padding-left:20px;
  padding-right:20px;
}

.subcontent-wrap .frame-type-uploads h4.media-heading {
  font-size: 0.9rem;
}

.subcontent-wrap .frame-type-text {
  margin-top:0 !important;
}

.subcontent-wrap .frame-type-text p { padding: 0 20px; }



/********************************
* AKTUELLES *
*********************************/
.maincontent-wrap .news-single .img-responsive { width: 100%; height: auto;}
.maincontent-wrap ul.newslist { padding-left: 0; }
.maincontent-wrap .aktuelles .news-list-item { margin-bottom: 2rem; }
.maincontent-wrap .aktuelles h2 { font-size: 1rem; }
.maincontent-wrap .aktuelles h2 a { text-decoration: none; }
.maincontent-wrap .aktuelles h2 a:hover { text-decoration: underline; }
.maincontent-wrap .aktuelles .lead { font-size: inherit; flex-grow: 1; }
.maincontent-wrap .aktuelles .lead:hover { cursor: pointer; }
.maincontent-wrap .aktuelles .img-responsive { max-width: 100px; height: auto; }
.maincontent-wrap .aktuelles .news-list-view p { display: inline; }
.maincontent-wrap .aktuelles .news-text-wrap p { margin-bottom:1.5rem; }
.maincontent-wrap .aktuelles .news-list-view a.more { margin-left:0.5rem; }
.maincontent-wrap .aktuelles time { font-family: BentonSans-Bold; font-style: normal; }
.maincontent-wrap .aktuelles .news-list-item .artikel { display: flex; gap: 1rem; }
.maincontent-wrap .news-single .thumbnail { margin-bottom: 1rem; }
.maincontent-wrap .news-single.aktuelles .extra { font-style: italic; }
.maincontent-wrap .no-news-found { font-style: italic; }

/********************************
* TERMINE *
*********************************/

.maincontent-wrap .termine .news-list-item {
  margin-bottom: 1rem;
}

.maincontent-wrap .termine h3 { font-size: 1rem; font-weight: bold; display: block; margin-bottom: 0; }
.maincontent-wrap .termine h3 span { display: block; font-weight: normal; font-family: BentonSans-Regular; }
.maincontent-wrap .termine time { font-family: BentonSans-Bold; }
.maincontent-wrap .termine h3 a:hover { text-decoration: underline; }
.maincontent-wrap .termine .alert { position: relative; padding: 0; font-style: italic; }
.maincontent-wrap .termine p { display: inline-block; font-size: 1rem; }

/********************************
* ERGEBNISSE *
*********************************/

.ergebnisse .news-list-view .image,
.ergebnisse .news-list-view .image img {
  width:50px;
  height: auto;
}

.ergebnisse .news-list-view .title,
.ergebnisse .news-list-view time  {
  padding-right: .5rem;
}

.ergebnisse .news-list-view .image {
  margin-right: .5rem;
}


.ergebnisse .news-list-view .title {
  width: 9rem;
  line-height: 1rem;
}



.ergebnisse .news-list-view .title,
.ergebnisse .news-list-view .ergebniseinzeln {
  padding-top: 18px;
}


#c448 .ergebnisse .news-list-view .title, 
#c448 .ergebnisse .news-list-view .ergebniseinzeln {
  padding-top: 10px;
}



.ergebnisse .news-list-view .category {
  display:flex;
  margin-bottom:1rem;
  line-height:1.5rem;
}

.ergebnisse .news-list-view .entry {
  display: block;
}

.ergebnisse .news-list-view .category a {
  font-family: BentonSans-Bold;
  text-decoration: none;
}

.ergebnisse .news-list-view .category a:hover {
  text-decoration: underline;
}

.news-single.ergebnisse .cats img {
  width:50px;
  height: auto;
  margin-right:10px;
  margin-bottom:20px;
}

.news-single.ergebnisse time {
  font-family: BentonSans-Bold;
}

.news-single.ergebnisse .extra {
  font-style: italic;
}

.news-single.ergebnisse .news-text-wrap p {
  margin-bottom:1.5rem;
}

.news-single.ergebnisse .news-list-view a.more {
  margin-left:0.5rem;
}

/********************************
* Kontakt Powermail
*********************************/
.powermail_form_1 h3, .powermail_form_1 legend { display:none; }
.powermail_form_1 .container-fluid { padding-right: 0; padding-left: 0; }
.powermail_form_1.form-horizontal { margin-left: -40px; }
.powermail_form_1 #powermail_field_anrede { width: 5rem; appearance: listbox; }
.powermail_form_1  .form-check { padding-left: 0; display: flex; align-items: baseline; gap: 0.5rem; margin-top: 0.5rem; }

/********************************
* AKTUELLES Liste Blattern*
*********************************/

.page-navigation {
  text-align: right;
}

.news .page-navigation ul li {
  float: left;
  display: block;
  padding: 0 2px;
  background: none;
}

ul.pagination li.active { padding: 5px; border: 1px solid #002446; color: #002446; min-width: 2em; text-align: center; } 
ul.pagination li a { display: inline-block; padding: 5px; border: 1px solid #002446; background-color: #eaeff6; min-width: 2em; text-align: center; color: #fff; }
ul.pagination li.current span { display: inline-flex; height: 100%; align-items: center; border: 1px solid #000; padding: 0 0.5rem; }
ul.pagination { gap: 1rem; }
.subnav-divider { display: none; }
.active > .subnav-link::before { display: none; }

.page-skip-link:focus { position: absolute !important; background-color: #002446; border-color: #002446; display: inline-block; right: unset; color: #eaeff6; text-decoration: none; }

@media screen and (min-width: 768px) {
	.subnav-wrap { width: 25%; }
	.maincontent-wrap { width: 50%; }
	.backendlayout-1_column_new .maincontent-wrap { width: 75%; }
	.subcontent-wrap { width: 25%; }
}

@media (max-width: 768px) {
	header .servicenav ul { display: flex; flex-direction: column; text-align: center; }
	header .servicenav ul li a { padding: 0.2rem; }
	.frame-type-subnavigation { padding-bottom: 0; }
}
@media (max-width: 992px) {
	header .logozeile .nrwlogo { padding-bottom: 1rem; }
}
.scroll-top { background-color: #0b203c; }
.scroll-top:active, .scroll-top:focus, .scroll-top:hover { background-color: #009CE3; }

@media (max-width: 768px) {
  .rechtespaltebild { display:none; }
  .gallery-item-size-4 { width: calc(100% / 3); }
}
@media (max-width: 990px) {
	#c1122 iframe { height: 180px; }
}
@media (max-width: 760px) {
	#c1122 iframe { height: 280px; }
}
@media (max-width: 320px) {
	#c1122 iframe { height: 160px; }
}

.tx-indexedsearch-info-sword { padding: 1rem 0; }
.tx-indexedsearch-info-sword-word { font-weight: bold; }
.tx-indexedsearch-entrylist { margin: 1rem 0; }
.tx-indexedsearch-browsebox { margin: 0; display: block; list-style-type: none; padding: 0; }
.tx-indexedsearch-browsebox li { display: inline-block; padding-right: 1rem; }
.tx-indexedsearch-page-selector { display: inline-block; padding: 5px; border: 1px solid #002446; background-color: #eaeff6; min-width: 2em; text-align: center; font-weight: normal; }
.tx-indexedsearch-page-selector[aria-current="page"] { background-color: #fff; }
.tx-indexedsearch-displayResults { margin-bottom: 1rem; }
.card { border: none; }
.card .card-body { padding: 1rem 0; }
.embed-responsive-16by9::before { padding: 0; }

.news-single .lead { font-weight: bold !important; font-size: 0.9rem; }
.news-single time { font-style: italic; font-family: BentonSans-Bold; }
.news-single .extra { padding-bottom: .5rem; }
.news-single .news-text-wrap p { margin-bottom: 1.5rem; }
.news-single.ergebnisse .cats img { width: 50px; height: auto; margin-right: 10px; margin-bottom: 20px; }
.news-single .row { display: flex; --bs-gutter-x: 2rem; }
.news-single .row .thumbnail { text-align: right; }