html {
  position: relative;
  min-height: 100%;
}
body {	padding-top: 161px;
  		margin-bottom: 30px;
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 30px;
  line-height: 30px; /* Vertically center the text there */
}

.bg-dark {background-color: #000e19!important;}
.bg-blue {background-color: #0056a3!important;}
.bg-lightgrey {background-color: #F5F5F5!important;}
.shadow-sm {box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2)!important;}
.frame-space-after-small {margin-bottom: 1.5rem;}

hr {border-top: 2px solid rgba(1, 85, 158, 1);}

/***************************************************
** TYPOGRAPHY
***************************************************/
a {text-decoration: none!important;}
a:hover {color:#000E19;}
b, strong {font-weight: 600;}
blockquote {margin: 0 20px; padding: 0 20px; border-left: 5px solid #e2e3e5; border-right: 5px solid #e2e3e5; font-style: italic;}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1rem;
}

/***************************************************
** MAIN NAVIGATION
***************************************************/
.navbar-brand {padding-top: 1rem;}
nav .col-lg-8.col-md-12 .col-12 {padding-right: 0;}
.navbar-nav {text-transform: uppercase; font-weight: 600; line-height: 1;}

/* Ebene 1 */
.navbar-light .navbar-nav .nav-link {color: #0056a3;}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav li.nav-link.active a{color: #01315a;}
.navbar-light .navbar-nav .nav-link a:hover,
.navbar-light .navbar-nav .nav-link a:focus {color: #01315a;}

.navbar-light .navbar-nav li.nav-link {padding: 0 0.5em; border-right: 2px solid #0056a3;}
.navbar-light .navbar-nav li.nav-link:last-child {padding-right: 0; border-right: none;}

/***************************************************
** SLIDER
***************************************************/
.carousel .carousel-caption {
	width: 75%;
	padding: 0.8rem;
	position: absolute;
	/*left: 12.5%;*/
	left: 0;
	bottom: 45px;
	background: rgba(255,255,255,.8);
	color: #01559e;
	text-align: left;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	font-size: 14px;
	line-height: 18px;
}

.carousel-item {transition: transform 0.6s ease;}
/*.carousel-indicators li {background-color: #0056a3;}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23002060' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23002060' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}*/

/***************************************************
** CONTENT
***************************************************/
/* CARDS - NEWS-GRID */
.card-body {padding: 0.65rem 1rem;}
h4.card-title {font-size: 1rem}

/*Dateilinks*/
ul.ce-uploads li {margin: 0.5em 0;}
ul.ce-uploads li .ce-uploads-fileName {font-size: 14px;}

/*Typo-eigene Galerie*/
.ce-intext.ce-right .ce-gallery,
.ce-intext.ce-left .ce-gallery,
.ce-above .ce-gallery {margin-bottom: 0;}
.ce-gallery .ce-column {margin: 0; padding: 0; box-sizing: border-box;}
.ce-gallery .ce-column:first-child {padding-left: 0;}
.ce-gallery .ce-column:last-child {margin-right: 0;}
.ce-gallery[data-ce-columns="2"] .ce-column {width: 50%; padding: 5px;}
.ce-gallery[data-ce-columns="3"] .ce-column {width: 33%; padding: 5px;}
.ce-gallery[data-ce-columns="4"] .ce-column {width: 25%; padding: 5px;}
.ce-gallery[data-ce-columns="5"] .ce-column {width: 20%; padding: 5px;}
.ce-gallery[data-ce-columns="6"] .ce-column {width: 16.66%; padding: 5px;}
.ce-gallery[data-ce-columns="8"] .ce-column {width: 12.5%; padding: 5px;}
.ce-gallery img {width: 100%; height: auto;}
.ce-gallery.ce-border img{
  border: 1px transparent!important; 
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2) !important;     
}

/***************************************************
** FLIP-CARD
***************************************************/
/* flip the pane when hovered */
.image-flip.hover .mainflip {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
/* flip speed */
.mainflip {
    -webkit-transition: 0.8s;
    -webkit-transform-style: preserve-3d;
    transition: 0.8s;
    transform-style: preserve-3d;
    position: relative;
}
/* hide back of pane during swap */
.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
    left: 0;
}
/* front pane, placed above back */
.frontside {
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
/* back, initially hidden pane */
.backside {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background-color: #fff;
    position: absolute;
}
/*card and image size*/
.frontside .card,
.backside .card {min-height: 380px;}
.frontside .card .card-body img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
}
.backside .card-text.small {font-weight: 400;}
.backside .card-text.small svg {color:#01559e;}
.backside .card-text.small .svg-inline--fa {margin-right: 5px;}

/***************************************************
** Quicklinks
***************************************************/
.card.quicklink header h4 {margin-top: 0.5rem;  margin-bottom: 0.5rem;font-size: 1rem;}
.card.quicklink h4.card-title{margin-top: 0.5rem;  margin-bottom: 0.5rem;font-size: 1rem;}
.card.quicklink h4 p {color:#000; margin-bottom: 0;}

/*.card.quicklink .card-body,
#pageid-1 .card.quicklink .card-body,
#pageid-2 .card.quicklink .card-body,
#pageid-3 .card.quicklink .card-body,
#pageid-11 .card.quicklink .card-body,
#pageid-12 .card.quicklink .card-body,
#pageid-13 .card.quicklink .card-body {
    display: none;
}*/

/***************************************************
** FOOTER
***************************************************/
footer {font-size: 0.9em; font-weight: 300; margin-top: 2rem;}
footer,
footer h5,
footer a {color: #fff;}
footer a:hover {color: #000e19;}
footer h5.active a {color: #000e19;}
footer .col-lg-2.col-md-4 li.active a {color: #000e19; font-weight: 500;}
footer ul {list-style: none; padding-left: 0px; font-weight: 300;}
footer li {line-height:1.2em; margin-left: 0px; margin-bottom: 5px;}
footer .copyright {text-transform: uppercase; font-size: 0.85em;}
footer .copyright ul li {display: inline-block; font-weight: 400; margin-left: 10px;}
footer .copyright ul li:before { content: "|"; padding-right:10px; }
footer .copyright ul li:first-child:before {content: '';}
footer .copyright ul li a:hover {color: #0056a3;}
footer .copyright ul li.active {font-weight: 600;}

/***************************************************
** EXTENSIONS
***************************************************/
/* TT_ADDRESS */
.card-body h3 {color: #f7bc31; font-style: italic; font-size: 1.1rem;}
.tx-ttaddress h4.card-title {font-size: 1rem; margin-top: 0.75rem; margin-bottom: 0.5rem;}
.tx-ttaddress .card-text .vcardItem {clear: both;}
.tx-ttaddress .card-text p {margin-bottom: 0.3rem;}
.tx-ttaddress .card-text p.label {float: left; width: 130px;}
.tx-ttaddress .card-text p.value {padding-left: 130px;}
.tx-ttaddress .card-text .label {width: 80px;}
.tx-ttaddress svg {color:#01559e;}
.tx-ttaddress .svg-inline--fa {margin-right: 10px;}
#pageid-151 .tx-ttaddress svg {color:#fff;}
#pageid-151 .tx-ttaddress .svg-inline--fa {margin-right: 0;}

/* Athletensteckbriefe */
.tx-ttaddress .image-flip a.btn.btn-primary.btn-sm svg {color:#fff;}
.tx-ttaddress .image-flip a.btn.btn-primary.btn-sm .svg-inline--fa {margin-right: 0;}

/****************************************************
** SD_LIGHTBOX
****************************************************/
#sd-lightbox {background: rgba(255, 255, 255, 1);}
#sd-lightbox-top,
#sd-lightbox-bottom {background: #0055a0;}
#sd-lightbox-next,
#sd-lightbox-previous {background-color: #0055a0;}

/****************************************************
** DP_COOKIECONSENT
****************************************************/
body.dp--cookie-consent .cc-window.cc-bottom-right.cc-type-opt-in.cc-theme-basic {border: 2px solid #888888!important;}
body.dp--cookie-consent .cc-window.cc-bottom-right {bottom: 2.5em;}
body.dp--cookie-consent .cc-window {font-size: 1rem; line-height: 1.3em; max-width: 24rem; padding: 1.5em;}
body.dp--cookie-consent .cc-window .cc-message {padding: 0 0 1em 0;}
body.dp--cookie-consent .cc-window .dp--cookie-check label[for=dp--cookie-statistics],
body.dp--cookie-consent .cc-window .dp--cookie-check label[for=dp--cookie-marketing]  {display: none;}
body.dp--cookie-consent .cc-bottom-right .cc-btn.cc-allow,
body.dp--cookie-consent .cc-bottom-right .cc-btn.cc-deny {display: none!important;}

/***************************************************
** MEDIA QUERIES
***************************************************/
@media (min-width:1200px) {
 
}
@media (max-width:1200px) {
    /*Typo-eigene Galerie*/
    .ce-gallery .ce-row {margin-bottom: 0px;}}

@media (max-width:1024px) {
	nav.navbar a.navbar-brand img {max-height: 80px; width: auto;}
    /*Typo-eigene Galerie*/ 
    .ce-gallery[data-ce-columns="8"] .ce-column {width: 25%; padding: 10px 5px;}
	.slick-slide img {height: auto; width: 100%;}
}

@media (max-width: 992px) {
    .navbar-light .navbar-nav li.nav-item {padding: 0.5em 0}
    .navbar-light .navbar-nav li.nav-item a.nav-link {border-right: none;}
}

@media (max-width: 767px) {
    .ce-gallery[data-ce-columns="4"] .ce-column {width: 50%;}
    .ce-gallery[data-ce-columns="8"] .ce-column {width: 25%; padding: 8px 5px;}
}
@media (max-width: 540px) {
	/*.ce-left .ce-gallery, .ce-column {float: none;}*/
	.ce-gallery .ce-column {margin: 0; padding: 0 5px; box-sizing:content-box;	}
  .ce-gallery[data-ce-columns="4"] .ce-column {width: 45%;}
  .ce-gallery[data-ce-columns="8"] .ce-column {width: 21%; padding: 10px 5px;}
}