/*----------------- NWKG - SPAA 2060 -----------------------------------------*/
/* Projektbeginn: 01-2019 */

/* Reset margin und border */

* {
	border: 0;
	margin: 0;
}

a, a:link, a:focus, a:visited, :-moz-focusring {
	color: #002754;
	border: 0;
	outline: 0;
	text-decoration: underline;
}

a:-webkit-any-link {
	text-decoration: none;
}


#nav_desk a, #nav_desk a:link, #nav_desk a:focus, #nav_desk a:visited, :-moz-focusring, a.nav-toggle {
	text-decoration: none;
}

img {
	display: block;
	width: 100%;
	height: auto;
}

/* Clearfix */
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

body {
	
	font-family: "sansregular";
	color: #002754;
	font-size: 19px;
		
	background: rgba(209,209,209,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(209,209,209,1) 0%, rgba(226,226,226,1) 1%, rgba(219,219,219,1) 37%, rgba(254,254,254,1) 82%, rgba(254,254,254,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(209,209,209,1)), color-stop(1%, rgba(226,226,226,1)), color-stop(37%, rgba(219,219,219,1)), color-stop(82%, rgba(254,254,254,1)), color-stop(100%, rgba(254,254,254,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(209,209,209,1) 0%, rgba(226,226,226,1) 1%, rgba(219,219,219,1) 37%, rgba(254,254,254,1) 82%, rgba(254,254,254,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(209,209,209,1) 0%, rgba(226,226,226,1) 1%, rgba(219,219,219,1) 37%, rgba(254,254,254,1) 82%, rgba(254,254,254,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(209,209,209,1) 0%, rgba(226,226,226,1) 1%, rgba(219,219,219,1) 37%, rgba(254,254,254,1) 82%, rgba(254,254,254,1) 100%);
	background: radial-gradient(ellipse at center, rgba(209,209,209,1) 0%, rgba(226,226,226,1) 1%, rgba(219,219,219,1) 37%, rgba(254,254,254,1) 82%, rgba(254,254,254,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#fefefe', GradientType=1 );

}

/* ------------------ font-face-Deklarationen ------------------------------- */
/* SourceSansPro - Light */
@font-face {
    font-family: 'sanslight';
    src: url('../fonts/SourceSansPro-Light.woff') format('woff');
}

@font-face {
    font-family: 'sansregular';
    src: url('../fonts/SourceSansPro-Regular.woff') format('woff');
}

@font-face {
    font-family: 'sanssemibold';
    src: url('../fonts/SourceSansPro-Semibold.woff') format('woff');
}

/* ---------- Navigation Desktop -------------------------------------*/
@media (max-width: 1199px) {
	.nav_desktop {
		display: none;
	}
}

.nav_desktop {
	height: 40px;
	box-sizing: border-box;
	padding-bottom: 5px;
	border-bottom: 1px solid #36a9e0;
}

.nav_desktop ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.nav_desktop ul li {
	float: left;
	margin-right: 30px;
}

.nav_desktop ul li a {
	font-family: "sanssemibold";
	text-transform: uppercase;
	font-size: 22px;
	text-decoration: none;
	color: #36a9e0;
}

.nav_desktop ul li {
	position: relative;
}

.nav_desktop ul li ul {
	display: none;
}

.nav_desktop ul li.selected.active:hover ul,
.nav_desktop ul li:hover ul {
	display: block;
	position: absolute;
	top: 25px;
	left: 0;
	background: #ededed;
	width: 250px;
	padding-left: 15px;
}

.nav_desktop ul li ul li {
	float: none;
}

.nav_desktop ul li.selected ul li a, .nav_desktop ul li ul li a {
	font-size: 18px;
	line-height: 22px;
}

.nav_desktop ul li.selected ul li.selected.active a:before {
	content: '> ';
}

.nav_desktop ul li.selected a {
	font-family: "sanssemibold";
	text-transform: uppercase;
	font-size: 22px;
	text-decoration: underline;
}

/*------------ Navigation mobil ---------------------------------------*/
.nav_mobil {
	display: block;
}

@media (min-width: 1200px) {
	.nav_mobil {
		display: none;
	}
}

.dropdown-toggle {
	background: transparent;
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
}

.rex-navi2 {
	display: none;
}

.rex-navi2.toggled {
	display: block;
	padding-left: 20px;
}

.rex-navi1 li {
	min-height: 27px;
	background-color: #36a9e0;
	border-bottom: 1px solid #ffffff;
	box-sizing: border-box;
	padding: 0px 5px 0 15px;
}
	

.rex-navi1 li a {
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
}

.rex-navi1 li ul.toggled {
	padding-left: 20px;
}

.rex-navi1 li ul li {
	border-bottom: none;
	border-top: 1px solid #ffffff;
	padding: 0px 16px 0px 0px;
	box-sizing: border-box;
}

.rex-navi1 li ul li a {
	font-size: 16px;
}

/*------------ Breadcrumb --------------------------------------------*/
.breadcrumb {
	margin-top: 15px;
}



.breadcrumb a {
	font-family: "sansregular";
	font-size: 14px;
	text-decoration: none;
	color: #a29a9a;;
	margin-right: 10px;
}

.breadcrumb a:after {
	padding-left: 5px;
	content: '>';
}

.breadcrumb a:last-child:after {
	content: '';
}

@media (max-width:1200px) {
	.breadcrumb a {
		font-size: 10px;
	}
}

/*---------- Subnavigation Desktop ----------------------*/
h1.subnav {
	font-family: "sanssemibold";
	text-transform: uppercase;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: -10px;
	line-height: 17px;
}

.navbar_sub p {
	font-size: 14px;
	font-weight: bold;
}

.navbar_sub ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.navbar_sub ul li {
	margin-bottom: 10px;
}

.navbar_sub ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font-family: "sanslight";
	transition: all 0.1s linear 0s;
	font-size: 14px;
	line-height: 16px;	
	display: inline-block;
	
}

.navbar_sub ul li a:hover, .navbar_sub ul li ul li a:hover, .navbar_sub ul li.selected ul li a:hover {
	color: #36a9e0;
}

.navbar_sub ul li.selected a {
	color: #36a9e0;
}

.navbar_sub ul li ul {
	padding-left: 20px;
}

.navbar_sub ul li ul li {
	margin-bottom: 0px;
}

.navbar_sub ul li ul li a, .navbar_sub ul li.selected ul li a {
	font-size: 17px;
	text-transform: none;
	color: #002754;
	font-size: 16px;
	transition: all 0.1s linear 0s;
}

.navbar_sub ul li.selected ul li.active a {
	color: #36a9e0;
	
}


/*--------------- Layout ----------------------------------------------*/

.wrapper {
	width: 100%;
}

.inner_wrap {
	max-width: 1100px;
	box-sizing: border-box;
	padding: 20px;
	margin: auto;
	background: #fff;
}

.topleiste {
	height: 40px;
	max-width: 1200px;
	margin: auto;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	box-sizing: border-box;
	padding: 15px 20px;
}

.toplinks {
	float: left;
	width: 55%;
}

.toplinks img {
	max-width: 130px;
	float: left;
}

@media (max-width: 480px) {
.toplinks img {
	max-width: 70px;
	float: left;
}	
.toplinks p {
	font-size: 12px;
	line-height: 14px;
}
}

.search {
	float: right;
	width: 25%;
	text-align: right;
}

.search img {
	margin-left: calc(100% - 60px);
	width: 60px;
}

@media (min-width: 1201px) {
	padding: 0px;
}

.header {
	background-color: #7f9199;
	height: 100px;
}

.wrap_head {
	max-width: 1200px;
	background-image: url(../images/header_spaa2060_neu.jpg);
	background-size: cover;
	background-position: center top;
	height: 300px;
	margin: auto;	
}

.push {
	margin-top: -20px;
	
}

.content {
	margin-top: 40px;
	width: 100%;
}

.navbar_sub {
	display: none;
}

.main {
	width: 100%;
	
}



@media (min-width: 1201px) {
	.navbar_sub {
		float: left;
		width: 20%;
		display: block;
		box-sizing: border-box;
		border-right: 1px solid #36a9e0;
		padding-right: 20px;
		margin-top: 52px;
	}
	.main {
		width: 80%;
		box-sizing: border-box;
		padding-left: 30px;
		padding-right: 90px;
		float: left;
		
	}
}

.wrap_foot {
	max-width: 1200px;
	min-height: 50px;
	margin: auto;
	background-color: #7f9199;
	box-sizing: border-box;
	padding: 20px;
	margin-bottom: 40px;
}

.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.footer_element {
    flex-basis: 250px;
    text-align: left;
    color: #ffffff;
    font-size: 14px;
    margin: 10px 0px;
}


.footer_element img {
	max-width: 90px;
}

.footer_element p {
	font-size: 10px;
}

.footer_element ul {
	list-style-type: none;
	padding: 0;
}

.footer_element a {
	text-decoration: none;
	color: #ffffff;
}


.partner_pic {
	float: left;
	max-width: 260px;
	margin-right: 60px;
}

.partner_text {
	float: left;
	width: 100%;
	margin-top: 20px;
}

@media (min-width: 640px) {
.partner_text {
	float: left;
	width: calc(100% - 320px);
	margin-top: 0;
}
}

.partner_block {
	padding: 40px 0px 20px 0px;
	margin-bottom: 20px;
	border-bottom: 1px solid #36a9e0;
	
}

/*------------------- Auszeichnungen für Text, Headlines etc. ----------------*/

h1 {
	font-family: "sanssemibold";
	font-size: 28px;
	line-height: 32px;
	font-weight: normal;
	margin-bottom: 15px;
}

h2 {
	font-family: "sanssemibold";
	font-size: 22px;
	line-height: 29px;
	font-weight: normal;
	margin: 40px 0px 5px 0px;
}

.partner_text h2 {
	margin-top: 0;
}

h3 {
	font-family: "sanssemibold";
	font-size: 20px;
	line-height: 25px;
	font-weight: normal;
	margin: 20px 0px 5px 0px;
}

p {
	font-size: 19px;
	line-height: 22px;
	margin-bottom: 15px;
}

p.pic_subline {
	font-size: 15px;
	font-family: "sanslight";
	float: right;
}

p.pic_subline i {
	font-weight: bold;
}

ul {
	list-style-type: square;
	padding: 0px 0px 0px 19px;
	margin: 0px 0px 20px;
}

ul li {
}

.main a:before {
	color: red;
}

.main a {
	color: red;
}

.extra_small {
	font-size: 8px;
	display: block;
	margin-top: 5px;
	
}
/*----------- Diverses --------------------------*/
.pointer {
	cursor: pointer;
}

.grossbild {
	margin-top: 50px;
	margin-bottom: 30px;
	box-sizing: border-box;
	border-top: 1px solid #36a9e0;
	
	padding-top: 10px;
}

/* -------------------- Tabellen ----------------------------------- */
table {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding: 2px;
}

th {
	border-bottom: 1px solid #000;
	padding: 2px;
	text-align: left;
	border-right: 1px solid #000;
}

th:last-child {
	border-right: none;
}

tr {
	border-bottom: 1px solid #000;
	text-align: left;
	padding: 2px 0px;
}

tr:last-child {
	border-bottom: 0;
}

td {
	vertical-align: top;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

td:last-child {
	border-right: none;
}

/*------------- Suche -------------------------------*/
#topsearch_input_template {
	width: 250px;
	padding: 4px;
	border: 1px solid #000;
}

.gelb {
	background-color: yellow;
}

/*----------- Login ------------------------*/
.input-group {
	padding: 5px;
	border: 1px solid #ededed;
}

.btn-primary {
	margin: auto;
	display: block;
	width: 360px;
	padding: 10px;
}

a.none {
	text-decoration: none;
}

a p.pdf1 {
	box-sizing: border-box;
	width: 100%;
	background: red;
	padding: 5px 10px;
	color: #fff;
	margin-bottom: 10px;
	text-decoration: none;
}

a.back_ek {
	display: inline-block;
	float: right;
	height: 30px;
	box-sizing: border-box;
	padding: 5px 20px;
	font-size: 20px;
	text-transform: uppercase;
	background: red;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1.5px;
	line-height: 20px;
	margin-bottom: 30px;
	
}