  <keinbr />

<style>

.card--body2 {
    padding: 1em;
    text-align: left
    height: auto;
    width: 100%;
border-top: 3px solid #0078A3;
}



ul {
    color: #4c4c4c;
}

ul.txtlist2 > li {
    margin: 4px 0 4px 24px;
    position: relative;
    text-align: left;
}

.txtlist2 {
    padding-left: 0px;
}

.list-group-item {
background-color: #f5f5f5;
}



.row.equal-cols { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.row.equal-cols:before,.row.equal-cols:after { display: block;}

.row.equal-cols > [class*='col-'] { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}

.row.equal-cols > [class*='col-'] > * { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }

@media (max-width: 767px) {
  .row.equal-cols {
display:table;
}
}


.vs-box-links {
background: rgba(0,0,0,0.06);
padding: 15px;
font-size: 18px;
margin-bottom: 10px;
}


.vs-box-links-2 {
background: rgba(255,255,255,0.6);
padding: 15px;
font-size: 18px;
margin-bottom: 10px;
text-align: center;
}

.vs-text-box {
padding: 18px;
font-size: 18px;
text-align:left;
border-top: 3px solid #0078A3;
}

hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
	border-top: 1px solid #eee;
}

.imagetag2 {
margin-right: 0px;
background-color: #F5F5F5;
padding: 15px;}


.btn.primary {
background: #0078A3
}

/*
*/
/*        OVERRIDES        */
/**/
article {
	font-family: 'Calibri Light', sans-serif;

}

h1, h2, h3, h4, h5, h6, h7 {
	font-family: 'Calibri', sans-serif;
}

h4{
margin-top: 20px;
}

.btn {
	font-family: 'Calibri', sans-serif;
}

.alert {
	border: none;
	border-radius: 0;
}


#main .card--body h2 a {
	color: #13306a;
       }


#main a.btn, #main a.btn:hover, #main a.btn:visited {
	color: #fff;
   border-radius: none;
                font-size: 18px;
margin-top: 5px;
margin-bottom: 5px;
}

#main a.btn-primary:hover, .btn-primary:hover {
	background-color: #0078A3
}

#main .quick-jump  .dropdown-toggle {
	margin-top: .5em;
	background-color: #13306a;
	color: white;
	border-radius: 0;
}

.dropdown-menu {
	border-radius: 0;
}

#main .quick-jump  .nav .open > a, #main .quick-jump  .nav .open > a:focus, #main .quick-jump  .nav .open > a:hover {
	background-color: #0078A3;
	border-color: #337ab7;
	color: white;
}


#main .quick-jump .nav > li > a:focus, #main .quick-jump .nav > li > a:hover {
   border:0px !important;
  background: #0078A3;
	   border-bottom:1px solid #000 !important;
	color: white;
}


/**/
/*        GLOBALS          */
/**/

@media only screen and (min-width: 768px) {
	.multicol {
		column-count: 2;
		column-gap: 1em;
	}

	.multicol.multicol-three-columns {
		column-count: 3;
	}
}

section:not(.article--header) > h1:first-child {
	padding-top: 41px;
}

.targetable:target {
	/* animation: focusable 1s linear; */
}

/**/
/*       TYPOGRAPGHY       */
/**/


h1 .small-break:before, h2 .small-break:before, h3 .small-break:before, h1 .small-break:before, h2 .small-break:before, h3 .small-break:before {
    content: '\A';
	white-space: pre;
}

h1 .small, h2 .small, h3 .small, h1 .small, h2 .small, h3 .small {
	font-family: 'Calibri Light', sans-serif;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 24px;
	font-weight: normal;
}


.news {
	font-size: 24px;
        font-weight: normal;
        color: #ffffff;
}





h4, h5, h6 {
	font-size: 18px;
	font-weight: bold;
}

.card--body > h1:first-of-type, .card--body > h2:first-of-type, .card--body > h3:first-of-type, .card--body > h4:first-of-type, .card--body > h5:first-of-type, .card--body > h6:first-of-type  {
	margin-top: 0;
}


/**/
/*         HEADER          */
/**/

.article--header > h1 {
	font-size: 48px;
	margin-top: 30px;
	margin-bottom: 20px;
	color: #8d1b51;
	line-height: 1.8;
}

.article--header > h1.big {
	font-size: 66px;

}

.article--header.header-centered, .article--header.header-centered > h1 {
	text-align: center;
}

.article--header > p {
	font-size: 23px;
	color: #7286ac;
}


/**/
/*          BODY           */
/**/

#Slideshow {
    margin-bottom: 30px
}



.section {
	position: relative;
	margin-top: 1.5em;
}

:target {
	padding-top: 1px;
}

/* .section:after {
	content: ' ';
	height: 3px;
	width: 90px;
	background: #7286ac;
	position: absolute;
	top: 40px;
	left: 27px;
} */

.board {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.alert, .message {
	display: flex;
}

.alert .alert--icon {
	width: 2em;
	padding-left: .2em;
}

.alert .alert--body {
	width: calc(100% - 2em);
}

.alert {
	align-items: center;
}

.alert .alert--icon {
	font-size: 21px;
}

.message {
	padding: 1em;
}

.message.message-border {
	border-left: 3px solid #8d1b51;
}

.message .message--icon {
	font-size: 36px;
	color: #8d1b51;
	width: 1.5em;
	padding-left: .1em;
}

.message .message--body {
	width: calc(100% - 1.5em);
}

.card, .alert, .message {
	margin-bottom: 30px;
	width: 100%;
}

.card, .message {
	background-color: #F5F5F5;
}

.card--banner, .alert--icon {
	overflow: hidden;
}


.card--banner img {
	width: 100%;
	height: 100%;
        vertical-align: center;
	display: block;
	transition: all .5s linear;
        align-items: center;

}

.card:hover img {
	transform: scale(1.05);
}

.card--body {
	padding: 1em;
        text-align: left;
        height: auto;
        width: 100%;


}

.card--body > a {
         font-weight: normal;
         font-size: 18px

}

.card-blau{
background-color: #13306a;
color: white !important;

}


.card--body.card--body-tight {
	padding: 1em;
}

.card--body h2, .message--body h2 {
	margin-top: 0;
	font-size: 30px;
	color: #4a4949;
}

.card--body p {
	color: #4c4c4c;

}

/*
.card.card-bubble .card--body {
    background-image: radial-gradient(16em 16em at 10% 20%, #fafafa 50%, #f5f5f5 50%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: background-size .5s linear;
}

.card.card-bubble:hover .card--body {
    background-size: 160% 120%;
}
*/

.card.card-bubble .card--body h2 {
	margin: 0;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 60px;
	padding-right: 20px;
}

.card.card-bubble .card--body h2 + p {
	margin: 0;
	margin-top: -40px;
	padding-top: 0;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
        line-height: 1.2
}

@media only screen and (min-width: 480px) {
	.board-three-columns .card {
		width: 49%;
	}
.board-four-columns .card {
		width: 49%;
	}
	.board-two-columns .card {
		width: 49%;
	}
}

@media only screen and (min-width: 800px) {

   .board-four-columns .card {
		width: 24%;
	}
	.board-three-columns .card {
		width: 32%;
	}
	.card.card-featured {
		display: flex;
        align-items:center;
	}

	.card.card-featured .card--banner {
		max-width: 34%;
	}

	.card.card-featured .card--banner.card--banner-inline {
		padding-top: 1em;
		padding-left: 1em;
	}
}


.carousel-container {
    margin-bottom: 30px;
}

.quick-jump {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 1em;
	background-color: #f5f5f5;
}

.quick-jump > * {
	margin: 0;
}
 .quick-jump .dropdown-toggle {
	margin-top: .5em;
}

@media only screen and (min-width: 480px) {
	.quick-jump {
		flex-direction: row;
	}

	#main .quick-jump .dropdown-toggle {
		margin-top: 0;
		margin-left: 1em;
	}
}

/**/
/*       ANIMATIONS        */
/**/

@keyframes focusable {
    0%     {background-color: transparent;}
    50.0%  {background-color: #f5f5f5;}
    100.0%  {background-color: transparent;}
}



.header img{
	max-width:120%;
	height: 400px;
        max-height: 400px;
        margin-bottom: 30px;
        background-color: #f5f5f5;
        margin: auto
}



article.col-sm-8 {
padding-right: 40px;
}


#main {
color: #212121;
}



#page-content article {
font-size: 18px;
line-height: 1.5;
text-align: left;
}

.box {
    font-size: 18px;
	line-height: 1.5;
	text-align: left;
}





a.linkweiss
{color: #ffffff !important;
text-decoration: underline;
}

.board a{

}
/*/
/***LINKS UNTEN AUF DER SEITE entfernen***/
/*/

.linkmenu{
  display : none
}

/**/
/*           SLIDER        */
/**/

.carousel-indicators {
    bottom: 0;
    margin-bottom:10px;
}
.carousel-control {
    margin-bottom: 0px;
}



/**/
/*       DROP DOWN         */
/**/


#team-search-results {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.results-loading {
		text-align: center;
	}

	.input-group-addon {
		background-color: #13306a;
		border-color: rgba(0,0,0,.1);
		color: #fff;
	}

	.name {
		font-size:120%;
		color: #777;
	}

	#main a.collapse-button, #main a.collapse-button:visited, #main a.collapse-button:active, #main a.collapse-button:focus, #main a.collapse-button:hover {
		border-bottom: 1px dotted #13306a;
		color: #13306a;
			background: none;
		font-size: 21px;
	}

	#main a.collapse-button::before {
		color: #13306a;
		background: none;
	}

	.position-relative {
		position: relative;
	}


	#main .btn, #main .btn:visited {
		color: #fff;
}


	#main .btn-primary, #main .btn-primary:visited {
		background-color: #13306a;
                border-color: rgba(0,0,0,.1);
               border-radius: 0px;

	}

	#main .btn:hover, #main .btn:active, #main .btn:focus {
		color: #fff;
	}

	#main .btn-primary:hover, #main .btn-primary:active, #main .btn-primary:focus {
		background-color: #13306a;

	}

	#main .btn-contact {
		position: absolute;
		background-color: #f2f0e8;
		color: #4d9cc2;
		border-radius: 50%;
		width: 38px;
		height: 38px;
		padding: 5px 10px;
		display: block;
		left: 63%;
		bottom: 6px;
		font-size: 18px;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}

	#page-content article {
		text-align: left;
	}

	.contact-footer {
		margin-top: 20px;
	}

	.col-xs-3, .col-xs-9, .col-md-2, .col-md-10 {
		padding-left: 8px;
		padding-right: 8px;
	}

	@media only screen and (max-width: 991px) {
		.col-md-6 ~ .col-md-6 {
			margin-top: 20px;
		}
	}

	article .row ~ .row {
		padding-top: 10px;
		margin-top: 10px;
	}

	.collapse-box .row {
		margin-right: -5px;
		margin-left: -5px;
	}

	aside.affix.col-sm-4 {
		position: static;
	}

	@media (max-width: 767px) {
		aside.affix {
			position: static;
			display: none;
		 }


	</style>
