/* - Typo & Basics ----------------------------- */

@font-face {
	font-family: 'Pe-icon-7-stroke';
	src:url('assets/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.eot?d7yf1v');
	src:url('assets/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'),
		url('assets/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'),
		url('assets/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'),
		url('assets/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('assets/fonts/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/montserrat-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Light'), local('Montserrat-Light'),
       url('assets/fonts/montserrat-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/montserrat-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/montserrat-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/montserrat-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/montserrat-v14-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/montserrat-v14-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Medium'), local('Montserrat-Medium'),
       url('assets/fonts/montserrat-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/montserrat-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/montserrat-v14-latin-500.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/montserrat-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/montserrat-v14-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/montserrat-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
       url('assets/fonts/montserrat-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/montserrat-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/montserrat-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/montserrat-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/montserrat-v14-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}


.einleitung {font-weight:bolder;}
body{
	font-family: Montserrat, sans-serif;
    color: #001e49;
    font-weight: 400;
    font-size: 17px;
}
h1, h2, h3, h4, h5, h6{
    color:#001e49;
}
/*h1{
    font-weight:700;
}
h2{
    font-weight:400;
}*/
h3{
	position: relative;
	font-size:1.2em;
    font-weight:600;
}
h4{
	font-size:1.1em;
}
h5{
	
}
h6{
	
}

ul {
	list-style: disc;
}

img{
    display: block;
}

a, a.csslink_PDF.hide-icon{
    color: #001e49;
}
a.csslink_PDF {
    color:#e60064;
    font-weight: 500;
}
[id] {
    scroll-margin-top: 105px;
}
.main-content-area .einleitung{
    color: #404040;
    font-weight: 300;
    margin-bottom: 15px;
    display: inline-block !important;
    width: 100%;
}

.flex-col-1, .flex-col-2, .flex-col-3, .flex-col-4, .flex-col-5, .flex-col-6{
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
/*Linkfarbe im Backend*/
.mceContentBody a {
    color:#00f !important;
}
.wrapper{
    width: 1680px;
}
small {
    font-size:0.8em;
    color:#e60064;
    font-weight:500;
}
small + small, a + small, .icon-list > i, .icon-list > a, .data-list > li > small {
    margin-left: 10px;
}
body.sub .site-content a.csslink_rss {
    font-weight:600;
    color: #e60064;
}
body.sub .site-content a.csslink_intern:before,
body.sub .site-content a.csslink_extern:before,
body.sub .site-content a.csslink_dokument:before,
body.sub .site-content a.csslink_extern:after{
    content: '\f054';
    color: #e60064;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	font-size: 14px;
	margin-right: 5px;
}
body.home .behoerden_nr a.csslink_intern:before,
body.home .behoerden_nr a.csslink_extern:before,
body.home .behoerden_nr a.csslink_dokument:before,
body.home .behoerden_nr a.csslink_extern:after{
    content: '\f054';
    color: #e60064;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	font-size: 14px;
	margin-right: 5px;
}

body.sub .main-content-area a.csslink_extern:after{
    content: '\f35d';
    margin-left: 5px;
}
body.home .behoerden_nr a.csslink_extern:after{
    content: '\f35d';
    margin-left: 5px;
}
body.sub .site-content .textabschnitte ul > li > a.csslink_intern {
    font-weight:600;
    color: #001e49;
}
body.sub .site-content .textabschnitte ul > li > a.csslink_intern:before {
    content:"";
}

body.sub .randspalte a.csslink_extern:after {
    content:"\f35d";
    color:#e60064;
    font-weight:400;
    font-family: 'Font Awesome 5 Pro';
    padding: 5px;
} 
body.sub .randspalte a.csslink_extern:hover, body.sub .randspalte a.csslink_intern:hover, body.sub .randspalte a:hover {
    color:#e60064;
}

body.sub .site-content a.csslink_PDF small,
body.sub .site-content a.csslink_DOC small,
body.sub .site-content a.csslink_DOCX small,
body.sub .site-content a.csslink_PPTX small,
body.sub .site-content a.csslink_PPT small,
body.sub .site-content a.csslink_XLSX small,
body.sub .site-content a.csslink_XLS small{
    color: #001e49;
}

.site-footer a.csslink_extern:after{
    content: '\f08e';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	font-size: 12px;
	margin-left: 5px;
	margin-top: -2px;
}

body.sub .site-content ul li small{
    margin-left: 5px;
    color: #7f8ea4;
    font-size: inherit;
}

body.sub .site-content ul li small i{
    margin-right: 5px;
}

.cut-x{
	overflow-x: hidden;
}

a.btn, button.btn, input.btn, .btn a{
    background-color: #001e49;
    border-radius: 5px;
    box-shadow: none;
    padding: 10px 15px;
}
.eventbtn {
    color:#fff !important;
}
a i, .btn i, .com-list i{
    margin-right: 10px;
}

.primary-bg-color{
    background-color: transparent;
}

.com-list{
    margin: 0;
    padding: 0;
    list-style: none;
}

.doclist i{
    margin: 0 5px;
}

/* - hier das Design ----------------------------- */

.title p{
	color:#fff;
	text-align:center;
	font-size:1.6em;

}

.fliesstext-grau{

	font-weight:100;
	font-size:1.1em;
	color:#333333;
	line-height: 1.6;
	text-align:center;
	padding-top:40px;
	padding-bottom:30px;
}

.flexslider p{
	line-height: 1.6;
	padding-bottom:20px;
}

/*.liste-text small{
    margin-right: 10px;
}*/

/*.liste-text small i{
    margin-right: 5px;
}*/

header .logo{
    padding: 21px 35px;
    background-color: #e60064;
    display: inline-block;
    float: right;
    margin-bottom: -10px;
    position: relative;
    z-index: 10;
}
header .logo-arbeit {
    display: inline-block;
    margin-bottom: -10px;
    position: relative;
    z-index: 11;
}
/*.hero .logo-arbeit-mobil {
    display:none;
}*/
header .logo-arbeit img {
    max-height: 167px;
    width: auto;
}
.logo-arbeit-flex {
    display:none;
    position: fixed;
    bottom: 70px;
    right: 15px;
   /* background: url('/layout/elmshorn19/assets/img/Button_Arbeiten_bei_der_Stadtverwaltung.png?__ts=158565545') no-repeat top center;
    background-size: 100% auto;*/
    z-index: 200;
}
.logo-arbeit-img {
    width:245px;
}
.logo-arbeit-flex .more {
    position: absolute;
    bottom: 10px;
    left: 10px;
    text-decoration: underline;
}
.logo-arbeit-flex .btn-closed {
    position: absolute;
    bottom: 12px;
    right: 12px;
}
.logo-arbeit-flex .btn-closed i{
    color: #e60064;
    cursor: pointer;
}

/* Sticky Menü und Suche 23.12.2019 */
header .row.sticky {
    position: fixed;
    z-index: 100;
    background-color:#e60064;
    width:100%;
    margin:0;
}
header .row.sticky .menu-toggle {
    margin-top: 7%;
}
header .row.sticky .logo{
    display: none;
}
header .row.sticky .suche form{
    margin: 1.5% auto 1.5% 0;
}
header .row.sticky .suche input::placeholder, header .row.sticky .suche input {
    color:#fff !important;
}
header .row.sticky .logo-arbeit {
    display:none;
}
/* Ende Sticky-Menü */
.jump-content .unstyled-list.doc-list > a.csslink_PDF:before i.fal.fa-file-pdf {
    content: "\f1c1";
    color:#e60064;
}
.unstyled-list.doc-list small {
    color:#7f8ea4;
}
span.kontakt_randspalte {
    color:#e60064;
    font-weight:600;
}
.widget.kontakte i.fa-angle-right.fa-fw::before, i.fa-external-link-alt, i.fa-file-pdf {
    color:#e60064;
    /*font-weight: 400;*/
}
.randspalte i.fa-external-link-alt {
    
}
i.fa-angle-right.fa-fw {
    text-align:left;
    width:0.6em;
    color:#e60064;
}
span.kontakt-randspalte {
    color:#e60064;
    font-weight:600;
}
a:hover span.e-mail-randspalte {
    color:#e60064;
    /*font-weight:500;*/
}
.randspalte.column-3 adress.elem ul > li > a > span {
    color:#e60064;
}
.randspalte ul,
.randspalte ol{
    margin: 0;
    padding: 0;
    list-style: none;
}

.randspalte .widget{
    margin: 0 0 60px;
}

.randspalte .widget p:last-child{
    margin: 0;
}

.randspalte .widget .primary-bg-color{
    margin: 0 0 15px;
    padding: 0 0 10px;
    border-bottom: 2px solid #e60064;
    font-size: 1.5em;
    font-weight: 700;
    /*font-size: 1.8em;
    font-weight: 500;*/
    color: #e60064;
}

/*.randspalte .widget.kontakte{
    background-color: #f7f8fc;
    padding: 25px 30px;
}*/
.randspalte .widget adress.elem > a.contact-title {
    margin-top:20px;
}

.randspalte .widget.kontakte a{
    color: #001e49;
}
.randspalte i.fa-file-pdf {
    color: #e60064;
    font-weight: 500;
}
.masthead{
    border-bottom: 1px solid #ddd;
    display: inline-block;
    width: 100%;
    float: left;
    padding: 10px 0;
    position: relative;
    z-index: 1;
}

.google-translate-placeholder .goog-te-gadget-simple .goog-te-menu-value .google-lang::before{
    content: url('assets/img/google.png');
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.google-translate-placeholder .goog-te-menu-value{
    text-decoration: none;
    color: #666;
    white-space: nowrap;
    margin-left: 4px;
    margin-right: 4px;
    font-size:1.2em;
}

.google-translate-message{
    display: none;
    position: absolute;
    color: #fff;
    background: #3a3b3c;
    width: 310px;
    margin-left: -130px;
    z-index: 10;
    text-align: left;
    font-size: 0.75em;
    line-height: 1.333;
    padding: 15px;
}

::placeholder{
    color: #7b7c7d;
    opacity: 1;
}

.goog-te-gadget{
    font-family: arial;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
}

#google_translate_element{
	float:right;
	margin-top:0;
}

/*.goog-te-gadget-simple{
background-color: #fff;
border-left: 1px solid #d5d5d5;
border-top: 1px solid #9b9b9b;
border-bottom: 1px solid #e8e8e8;
border-right: 1px solid #d5d5d5;
font-size: 10pt;
display: inline-block;
padding-top: 1px;
padding-bottom: 2px;
cursor: pointer;b
} */

/* google Ãœbersetzer ende*/


.content-block.fullimage-block {
	background-color:red;
	background: no-repeat center center;
	background-size: 100% auto;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	color: #fff;
	padding:79px;
	background-color:rgba(255,255,255,0.9);
	line-height: 0;
	max-width:595px;
}

/* Navi Begin*/

header{
	height:70px;
}

header .column-2x3{
	position:static;
}

.main-navigation .nlv_1 > li > a > i{
	color: #001e49;
	height:100%;
	width:100%;
}

.main-navigation .nlv_1 > li > a:hover > i{
	color: #ffff;
}


.main-navigation .nlv_1 {
	position: static;
	width: 100%;
	max-width:1221px;
}

.main-navigation a#nid_2971_1{
    font-size: 0;
}

.main-navigation a#nid_2971_1:before{
    content: '\f015';
	font-family: "Font Awesome 5 Pro";
	font-size: 18px;
}

.bg-navi{
	background-color:#fff;
	width:100%;
	position:static;
}

nav ul {
	margin: 0;
	padding: 0;
}

.main-navigation li {
	list-style: none;
	float: left;
}

.main-nav .nlv_1 > li > a {
	padding: 30px 20px;
	display: inline-block;
	font-size: 1.4em;
	text-transform: uppercase;
	position: relative;
}


#nav {

}

#nav a i.fa{
	line-height: 1;
	vertical-align: top;
	margin-right: 5px;
	color:#001e49;
	font-size:1.3em;
}

.main-navigation .nlv_1 > li:last-child > a{
	margin-right: -20px;
}


#mobile-nav{
    display: none !important;
}
.main-navigation{
	border-right: none;
	border-left: none;
	display: inline-block;
	float: right;
}
.main-navigation .wrapper{
	padding: 0;
}
.main-navigation a{
	font-weight: 300;
}
.main-navigation li{
	list-style: none;
	float: left;
}
.main-navigation .nlv_2 > li > a {
	text-decoration: none;
	font-size: 1em;
	color: #001e49;
	padding: 5px 0;
	width: 100%;
	text-align: left;
	display: inline-block;
	margin: 0;
}
.main-navigation .nlv_2 > li > a:hover {
	font-weight: 400;
}
.main-navigation ul li ul{
	visibility: hidden;
	transition: 0s 0.25s;
}
.main-navigation .nlv_1 > li > a{
	display: inline-block;
	font-size: 1.1em;
	color:#001e49;
	padding: 51px 20px;
	display: inline-block;
	position: relative;
}
.main-navigation .nlv_1{
	width: 100%;
}
.main-navigation .nlv_2{
	position: absolute;
	padding: 60px 15px 90px;
	width: 100%;
	left: 0;
	z-index: 1;
}
.main-navigation .nlv_2:after{
    content: '';
	position: absolute;
	background-color: #fff;
	top: 0;
	left: 0;
	height: 100%;
	width: 300%;
	margin-left: -150%;
	border-top: 3px solid #001e49;
	background: #fff url('/layout/bargteheide19/assets/img/footer_menschen.png') no-repeat center bottom;
}
.main-navigation .nlv_2 *{
	position: relative;
	z-index: 2;
}

.main-navigation .nlv_2 a:before{
	content: '\f105';
	font-family: "Font Awesome 5 Pro";
	margin-right: 5px;
}
.main-navigation.transparent .nlv_1 ul:after{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.main-navigation.transparent .nlv_1 ul:before{
	display: none;
}
.main-navigation .nlv_2 > li {
	float: left;
	width: 25%;
	position: relative;
}
.main-navigation a {
	transition: background-color 0.25s;
}
.main-navigation .nlv_1 > li.npt_on > a{
	background-color: #fff;
}
.main-navigation .nlv_1 > li:hover > a{
	background-color: #001e49;
	color:#fff;
	padding-bottom:0px;
	padding-top:51px;
	padding-bottom:51px;

}
.main-navigation .nlv_3 li{
	width: 100%;
}
.main-navigation .nlv_3 a{
	width: 100%;
	display: block;
	font-size: 0.95em;
	color: #001e49;
}
.main-navigation ul li:hover ul{
	visibility: visible;
	transition-delay: 0.25s;
}

/* Navi Ende*/

/*Titelbild anfang*/
ul.titelbild {
	padding: 0;
	margin-bottom: 0;
	list-style: none;
	position: relative;
	display: inline-block;
	width: 100%;
	float: left;
}

ul.titelbild li:not(:first-child) {
	display: none;
}

.titelbild .elem {
	margin: 0;
	position: relative;
	width: 100%;
	background: center center no-repeat;
	background-size: cover;
	min-height: 530px
}

.titelbild .slogan {
	padding: 25px;
	background-color: rgba(0,30,73,.7);
	color: #fff;
	width: 820px;
	position: absolute;
	bottom: -20px;
	max-width: 100%;
}

.titelbild .slogan p {
	color: #fff;
	font-size: 1em;
	margin-bottom: 0;
	font-weight: 400;
}
.titelbild .slogan p.desc:after {
    content: '...';
    font-size: 3.4em;
    width: 100%;
    text-align: left;
    margin-top: 10px;
    color: #e60064;
    display: inline-block;
    line-height: 15px;   
}
.titelbild .slogan .title {
	font-size: 2em;
	font-weight: 300;
	text-shadow: 0 0 30px #000;
	margin: 0 0 10px;
}
.superspruch{
    position: absolute;
    bottom: 30px;
    right: 7%;
    color: #e60064;
    font-weight: 700;
    font-size: 2em;
    text-align: left;
}
.sub .superspruch{
    top: 30px;
    left: 3%;
}

.titelbild .mc2_ac {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 2px 5px;
	background-color: #eee;
	background-color: rgba(255, 255, 255, 0.75);
	max-width: 66.666%;
}

.titelbild-slider .ikiss-control-nav {
	position: absolute;
	bottom: 30px;
	left: 0;
	z-index: 5;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}

.titelbild-slider .ikiss-control-nav li {
	display: inline;
}

.titelbild-slider .ikiss-control-nav a {
	position: relative;
	font-size: 0;
	text-align: center;
	min-width: 13px;
	min-height: 13px;
	display: inline-block;
	color: #fff;
	background-color: #fff;
	margin: 0 13px 0 13px;
	padding: 0;
	border-radius: 50%;
	transition: all 0.2s;
	/*box-shadow: 0 0 10px #000;*/
}

.titelbild-slider .ikiss-control-nav a.ikiss-active,
.titelbild-slider .ikiss-control-nav a:hover,
.titelbild-slider .ikiss-control-nav a.ikiss-active,
.titelbild-slider .ikiss-control-nav a:focus {
	background-color: #c82228;
}

.titelbild-slider .ikiss-pauseplay {
	position: absolute;
	bottom: 12px;
	left: 15px;
	z-index: 5;
}

.titelbild-slider .ikiss-pauseplay a {
	display: block;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
}

.titelbild-slider .ikiss-pauseplay a>i {
	margin: 0;
}

.titelbild-slider ul.ikiss-direction-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	width: 100%;
	top: 40%;
	left: 0;
}

.titelbild-slider ul.ikiss-direction-nav a {
	font-size: 92px;
	position: absolute;
	color: #fff;
	left: 2.5%;
	z-index: 65;
}

.titelbild-slider ul.ikiss-direction-nav a.ikiss-next {
	right: 2.5%;
	left: auto;
}

.titelbild-slider ul.ikiss-direction-nav a i {
	font-weight: 300
}

.hero{
	width:100%;
	background-size:cover;
	position:relative;
	display:inline-block;
	float: left;

}

.hero-slider{
    background-repeat: no-repeat;
	background-size:cover;
	background-position: center center;
    /*height:610px;*/
    height:530px;
    width:100%;
    text-align: center;
    position: relative;
}

.hero-slider *{
    position: relative;
}

.hero-slider:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
   background-color: rgba(0,0,0,.1)
}

body.sub .hero-slider{
	height:540px;
	width:100%;
}

.hero-slider detail{
	height:468px;
}


.wrapper.collapse.navigation{
	background-color:#fff;
	height:165px;
	position: relative;
}

.hero-title{
    color: #fff;
    font-weight: 300;
    font-size: 3.8em;
    margin-top: 11%;
    display: inline-block;
    text-shadow: 0 0 17px #000;
    text-shadow: 0 0 10px rgba(0,0,0,.75);
}
/*Titelbild ende*/

/* Flyout Navigation */

.menu-toggle {
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background: none;
	border: none;
	box-shadow: none;
	cursor: pointer;
}
header .menu-toggle {
	position: relative;
	margin-top: 15%;
}
header .menu-toggle:after {
    content: 'Menü';
    font-family: Montserrat, sans-serif;
    font-size: 2.2em;
    font-weight: 700;
    color: #001e49;
    padding-left: 15px;
    position: absolute;
    margin-top: 10px;
}
.pull-left {
    margin-top: 20px;
}
.menu-toggle .burger-bar {
	width: 40px;
	height: 6px;
	border: 2px solid #001e49;
	margin-bottom: 5px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	opacity: 1;
}


#rsp-nav {
    display:block !important;
}
.overlay {
    position:fixed;
    top:0;
    bottom:0;
    right:0;
    left:0;
    background:rgba(0,30,73,0.5);
    z-index:99;
    display:none;
}
.overlay.active {
    display:block;
}
.fly-navigation .menu-toggle.close #rsp-nav {
    display:block;
}
.slicknav_btn {
    display:none;
}
.slicknav_menu .slicknav_nav {
    display:block !important;
}
.slicknav_menu .slicknav_nav a {
    color: #fff;
}
.slicknav_menu{
	display: block;
	padding:0px;
	position:relative;
}
.fly-navigation .menu-toggle.close {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: 20px;
	margin-right: 14px;
	height: 70px;
}

.fly-navigation .menu-toggle.close .mid {
	opacity: 0;
	position: absolute;
}

.fly-navigation .menu-toggle.close .burger-bar {
	box-shadow: none;
	margin: 0;
	background-color: #fff;
	border-color: #fff;
}

.fly-navigation .menu-toggle.close .burger-bar.last {
	width: 6px;
	height: 40px;
	margin-top: -23px;
    margin-left: 18px;
}

.fly-navigation {
	position: fixed;
	width: 45.666%;
	height: 100%;
	background-color: #001e49;
	color: #fff;
	z-index: 110;
	top: 0;
	left: 0;
	padding: 45px 60px 30px 60px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	overflow: hidden;
	overflow-y: auto;
}
.fly-navigation.closed {
	width: 0;
	padding: 0;
	overflow-y:hidden;
}
.fly-navigation .slicknav_nav {
	margin-top: 3.5%;
}

.fly-navigation ul.slicknav_nav > li {
    border-bottom: 1px solid #364e70;
}

.slicknav_nav ul {
    margin:0;
}

.fly-navigation .slicknav_nav > li > a,
.fly-navigation .slicknav_nav > li > span {
	text-transform: uppercase;
	font-family: Montserrat;
	color: #e60064;
	font-weight:600;
}
.fly-navigation .slicknav_nav > li > a > a,
.fly-navigation .slicknav_nav > li > span > a {
	color: #e60064;
	font-size: 1.14em;
}
.slicknav_nav .slicknav_row, .slicknav_nav a {
    padding: 25px 0;
}
.fly-navigation .slicknav_nav .nlv_2 > li > a,
.fly-navigation .slicknav_nav .nlv_2 > li > span {
    color:#dddfeb;
    font-weight: 600;
    text-transform: none;
    padding: 10px 0;
    border-bottom: 1px solid transparent;
}
.fly-navigation .slicknav_nav .nlv_2 > li > a > a,
.fly-navigation .slicknav_nav .nlv_2 > li > span > a {
    color:#dddfeb;
}
.fly-navigation .slicknav_nav .nlv_2 a.slicknav_item:hover {
    color:#fff;
    border-bottom:1px solid #e60064;
}
.fly-navigation .slicknav_nav .nlv_2 a.slicknav_item:hover > a {
    color:#fff;
}
.slicknav_nav ul.nlv_3 > .slicknav_arrow i {
    margin:0 0 0 15px;
}
.fly-navigation .slicknav_nav ul.nlv_3 {
    padding-left: 10px;
}
.fly-navigation .slicknav_nav .nlv_3 > li > a,
.fly-navigation .slicknav_nav .nlv_3 > li > span {
    color:#fff;
    font-weight: 500;
    text-transform: none;
    padding: 10px 0;
    border-bottom: 1px solid transparent;
}
.fly-navigation .slicknav_nav .nlv_3 > li > a > a,
.fly-navigation .slicknav_nav .nlv_3 > li > span > a {
    color:#fff;
}
.fly-navigation .slicknav_nav .nlv_3 a:hover {
    border-bottom:1px solid #e60064;
}
.fly-navigation .slicknav_nav .nlv_3 a.slicknav_item:hover > a {
    border-bottom:1px solid transparent;
}
.fly-navigation .slicknav_nav ul.nlv_4, .fly-navigation .slicknav_nav ul.nlv_5, .fly-navigation .slicknav_nav ul.nlv_6, .fly-navigation .slicknav_nav ul.nlv_7 {
    padding-left: 10px;
}
.fly-navigation .slicknav_nav .nlv_4 > li > a, .fly-navigation .slicknav_nav .nlv_5 > li > a, .fly-navigation .slicknav_nav .nlv_6 > li > a, .fly-navigation .slicknav_nav .nlv_7 > li > a,
.fly-navigation .slicknav_nav .nlv_4 > li > span, .fly-navigation .slicknav_nav .nlv_5 > li > span, .fly-navigation .slicknav_nav .nlv_6 > li > span, .fly-navigation .slicknav_nav .nlv_7 > li > span {
    color:#fff;
    font-weight: 400;
    text-transform: none;
    padding: 10px 0;
    border-bottom: 1px solid transparent;
}
.fly-navigation .slicknav_nav .nlv_4 > li > a > a, .fly-navigation .slicknav_nav .nlv_5 > li > a > a, .fly-navigation .slicknav_nav .nlv_6 > li > a > a, .fly-navigation .slicknav_nav .nlv_7 > li > a > a,
.fly-navigation .slicknav_nav .nlv_4 > li > span > a, .fly-navigation .slicknav_nav .nlv_5 > li > span > a, .fly-navigation .slicknav_nav .nlv_6 > li > span > a, .fly-navigation .slicknav_nav .nlv_7 > li > span > a {
    color:#fff;
}
.fly-navigation .slicknav_nav .nlv_4 a:hover, .fly-navigation .slicknav_nav .nlv_5 a:hover, .fly-navigation .slicknav_nav .nlv_6 a:hover, .fly-navigation .slicknav_nav .nlv_7 a:hover {
    border-bottom:1px solid #e60064;
}
.fly-navigation .slicknav_nav .nlv_4 a.slicknav_item:hover > a, .fly-navigation .slicknav_nav .nlv_5 a.slicknav_item:hover > a, .fly-navigation .slicknav_nav .nlv_6 a.slicknav_item:hover > a, .fly-navigation .slicknav_nav .nlv_7 a.slicknav_item:hover > a {
    border-bottom:1px solid transparent;
}
.slicknav_nav .slicknav_arrow i {
    color:#fff;
}
.quickmenu {
    text-align:center;
    margin: 30px 0;
    /*border-top: 1px solid #364e70;*/
}
nav.quickmenu ul li > a {
    color:#dddfeb;
    font-weight:500;
    font-size: 1.09em;
}
/*breadcrumb anfang*/

.breadcrumb {
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight: 400;
	color: #666;
	border-bottom: 1px solid #ddd;
	display: inline-block;
	width: 100%;
}

.breadcrumb a{
	color: #666;
}
.breadcrumb a:last-child{
	font-weight: 600;
	color: #e60064;
}

.breadcrumb a:before {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    content: '\f105';
    color: #666;
    margin: 0 13px;
    font-size: 14px;
    
}

.breadcrumb a:first-child:before {
    display: none;
}

/*breadcrumb ende*/

.submenu ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.submenu .nlv_2.accordion-submenu-container {
    display:block !important;
}
.submenu .accordion-submenu a, .submenu .accordion-submenu a span, .submenu .accordion-submenu a i {
    cursor: pointer;
}
.submenu ul > li > a.nlk_on.npt_first {
    padding-top:0;
}
.submenu a span {
    text-align: left;
}
.submenu a.submenu-active span {
    color: #e60064;
    font-weight: 500;
}
.submenu .accordion-submenu .accordion-submenu-title button {
    background-color:transparent;
    text-align:left;
}
.submenu .nlv_1 li.npt_on.npt_first.npt_last button#acc-1-1 i {
    display:none;
}

.submenu i {
    right: 0;
    position: absolute;
}
.submenu .nlv_1 .npt_on.childs .submenu-active i {
    color:#e60064;
}
.submenu .nlv_2 > li {
    border-bottom: 1px solid rgba(0,0,0,.2);
}

.submenu ul > li > a{
    font-size: 1.7em;
    font-weight: 500;
    color: #e60064;
    padding: 10px 0;
    display: block;
}
.submenu .nlv_3 a.nlk_off:hover {
    color:#e60064;
}
.submenu ul ul ul{
    padding-left: 10px;
}

.submenu ul ul > li > a{
    color: #001e49;
    font-size: 1.3em;
    font-weight: 400;
}

.submenu ul ul ul > li > a{
    font-size: 1.2em;
}

.submenu a.nlk_on span{
    color: #e60064;
    font-weight: 500;
}

#datepicker_events {
    margin-bottom: 10px;
}
.ui-datepicker .ui-datepicker-next {
    right:25px !important;
}
.liste-bild.column-2 small, .liste-bild.column-2 .mc2_ac, .liste-bild.column-3 small, .liste-bild.column-3 .mc2_ac, .liste-bild.column-4 small, .liste-bild.column-4 .mc2_ac, .liste-bild.column-5 small, .liste-bild.column-5 .mc2_ac, .liste-bild.column-6 small, .liste-bild.column-6 .mc2_ac, .themenboxen .elem small, .themenboxen .elem .mc2_ac, .image-gallery .mc2_ac, .image-single .mc2_ac{
	background-color: #fff;
	background-color: rgba(255,255,255,0.85);
	padding: 5px;
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 11.5px;
	max-width: 66.666%;
	max-width: calc(100% - 30px);
	color: #444;
}
.solr-results .liste-bild.column-3 .mc2_ac{
    left:0;
}
.liste-bild.column-2 small, .liste-bild.column-2 .mc2_ac, .liste-bild.column-3 small, .liste-bild.column-3 .mc2_ac, .liste-bild.column-4 small, .liste-bild.column-4 .mc2_ac, .liste-bild.column-5 small, .liste-bild.column-5 .mc2_ac, .liste-bild.column-6 small, .liste-bild.column-6 .mc2_ac{
	max-width: calc(100% - 60px);
	margin-left: 15px;
}
.themenboxen .elem small, .themenboxen .elem .mc2_ac {
	right: 0;
}
.themenboxen_symbolen .cards > a, .themenboxen_symbolen .cards > a .icon, .themenboxen_ohne_grafik .cards > a {
    color: #e60064;
}

.box{
	background-color: #eee;
	padding: 30px 10px;
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}
.img.pull-left{
	margin-right: 15px;
}
.fly-navigation .menu-toggle.close:after {
    content: 'Menü';
    font-family: Montserrat, sans-serif;
    font-size: 2.2em;
    font-weight: 700;
    color: #fff;
    padding-left: 70px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -7px;
    bottom: 0;
    left: 0;
    right: 29px;
}

.suche form{
	display: block;
	padding: 5px 20px;
	position: relative;
	width: 100%;
	max-width: 550px;
	border: 1px solid #001e49;
    font-size: 2em;
    font-weight: 500;
    margin: 5.5% auto 0;
    height: 65px;
}
.suche input, .suche button{
	background-color: transparent;
	color: #333;
	border: none;
	box-shadow: none;
	text-shadow: none;
}
.suche input{
	width: 100%;
	float: left;
	line-height: 1.6;
}
.suche button{
	background-color: #001e49;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 0 15px;
	text-align: center;
	cursor: pointer;
}
.suche button i{
	margin: 0;
}

.tag{
	background-color:#001e49;
}

.waswo{
    position: relative;
}

.quicksearch .suche .submit {
	font-size: 29px;
	padding: 0 19px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	color: #fff;
	line-height: 0.8;
	background-color: #d20a12;
	border-radius:0px 50px 50px 0px;
}

.header-banner .waswo {
    position: absolute;
    bottom: 173px;
    width: 100%;
	z-index: 0;
}


/*content detailseite anfang*/

/*----listen anfang----*/

/* ol{
	list-style:disc;
} */
/*----listen ende----*/


body.sub .wrapper .page-title {
    position: relative;
	font-size:1.8em;
    font-weight: bold;
    color:#e60064;
	margin-top: 0;
	padding-top:0;
}

body.sub .wrapper .page-title:after {
    display: none;
}

body.sub .wrapper  .heading{
	position: relative;
	font-size:1.5em;
    font-weight:normal;
    color:#001e49;
	margin-top: 0;
	padding-top:30px;
}


.site-content{
    padding-top: 50px;
    padding-bottom: 50px;
}

/*content detailseite ende*/




/* hier faengt der content an*/



.column-2x3.intro{
	padding:60px 30px 30px 30px;
}

.frontend .page-title{
	color:#e60064;
	font-size:3em;
	font-weight:500;
}

.wrapper .page-title {

    position: relative;
    font-size: 2em;
    font-weight: 500;
    color: #e60064;
    margin-top: 0;

}

.page-title-blue {

    position: relative;
    font-size: 2.7em;
    font-weight: bold;
    color: #001e49;
	margin-top: 0;
	text-align:center;

}

.wrapper .page-title-blue:after {

    content: '';
    position: absolute;
	left: 0;
	right:0;
    bottom: -48px;
    width: 156px;
    height: 3px;
    background-color: #001e49;
	margin: auto;

}

.wrapper .page-title:after {

    content: '';
    position: absolute;
    left: 0;
    bottom: -17px;
    width: 156px;
    height: 3px;
    background-color: #fff;
    margin: auto;

}

.untertitel{
	color: #fff;
	font-weight: bold;
	font-size:1.8em;
}



/* button ende*/

/* Neue Flexbox Themenboxen */
.cards > a {
	min-height: 100%;
	color: #404040;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
    transition: background-color 0.25s, box-shadow 0.25s;
    background-color: transparent;
}
.cards > a:hover {
    -webkit-box-shadow: 0 5px 15px #000;
    box-shadow: 0 5px 15px #000;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.25);
    box-shadow: 0 5px 15px rgba(0,0,0,0.25);
}
.cards img {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
	width: 100%;
	display: block;
}
.cards .image {
	position: relative;
	overflow: hidden;
}
.cards .image .bg-img {
	background: center center/cover no-repeat;
	padding-top: 66.666%;
}
.mt_noalign .mc2_ac, .image-gallery .mc2_ac {
    right:initial;
}
.cards .image small, .cards .image .mc2_ac {
	background-color: #fff;
	background-color: rgba(255,255,255,0.85);
	padding: 5px;
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 11.5px;
	max-width: 66.666%;
	max-width: calc(100% - 30px);
	color: #444;
}
.cards .icon {
    padding: 10px;
    text-align: center;
}
.cards .icon i {
    font-size: 44px;
    margin-right: 0;
    text-align: center;
}
.cards > a .icon {
	color: #001e49;
}
.cards .caption{
	padding: 25px;
}
.cards .image + .caption {
    padding: 25px;
}
.cards .icon + .caption {
    padding: 0 15px 15px;
    margin-top: -5px;
    text-align: center;
}
.cards .icon + .caption .more{
    border: none;
    padding: 0;
    margin-top: 5px;
    font-weight: 700;
    color: #001e49;
}
.cards .caption .title {
	margin: 0;
	font-size: 1.35em;
}
.cards .image + .caption .more{
    border: 2px solid #001e49;
    background-color: transparent;
    padding: 5px;
    margin-top: 20px;
    font-weight: 300;
    color: #001e49;
    display: inline-block;
}
.cards .image + .caption .title {
	font-size: 1.4em;
	font-weight: 600;
	color: #001e49;
	line-height: 1.15;
}
.cards .caption p{
    margin-bottom:0;
}
.themenboxen-folgeseite .cards {
    position: relative;
}
.themenboxen-folgeseite .cards .caption {
    position:absolute;
    top: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    display: table;
}
.themenboxen-folgeseite .cards .caption .title {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    text-shadow: 0 0 6px #000;
    font-weight: 500;
    font-size: 1.3em;
}
.themenboxen-folgeseite .cards .image {
    opacity:0.8;
    transition: all .25s;
}

.slick-gallery .elem{
    position: relative;
}

a.photoswipe-gallery:after{
    content: "\f00e";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 18px;
	color: #fff;
}

.slick-gallery .elem .mc2_ac{
    right: 0;
}

.slick-gallery .slick-arrow{
	position: absolute;
	top: 41%;
	left: 0;
	background-color: #fff;
	color: #001e49;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	vertical-align: middle;
	z-index: 1;
	transition: all .2s;
	cursor: pointer;
}

.slick-gallery .slick-arrow.slick-next{
	left: auto;
	right: -1px;
}

.slick-gallery .slick-arrow.slick-disabled{
	opacity: .75;
}

/*toggler anfang*/
.toggler-title {
	background-color: #dddfeb;
	padding: 15px 35px 15px 15px;
	font-size: 1.1em;
	font-weight: 600;
	margin: 0 0 10px;
	cursor: pointer;
	position: relative;
	clear: both;
	color:#001e49;
}

.toggler-title::after {
	content: '\f107';
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	right: 15px;
	font-size: 1.4em;
	color: #001e49;
	vertical-align: middle;
	line-height: 1.5;
	transition: all 0.1s ease-in;
	bottom: 6px;
}

.toggler-title:hover:after{
	color: #fff;
}

.toggler-title.active::after {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	color: #fff;
}

.toggler-title.active {
	background-color: #e60064;
	color:#fff;
}

.toggler-title:after:hover{
	color:#fff;

}

.toggler-title:hover {
	background-color: #001e49;
	color:#fff;
}
.toggler-container {
    padding:10px 15px;
}
.toggler-link.btn:before {
    content: '\f107';
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right: 10px;
    font-size: 30px;
    color:#fff;
    font-weight: 400;
    vertical-align: middle;
    line-height: 1;
    transition: all 0.3s ease-in;
    bottom: 4px;
}
/*toggler ende*/


.hrrr{
    background-color: #001e49;
    width: 35px;
    height: 3px;
    margin: 10px 0;
}

/*footer anfang*/

footer{
	clear:both;
	padding-top:100px;
	color: #fff;
}

footer *{
	color: #fff;
}

.site-footer{
	background-color: #06214a;
	padding-bottom: 30px;
}

.site-footer ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

/*.site-footer ul a:before{
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
}*/
.site-footer ul a:before{
    content: "|";
    margin-right: 5px;
}
.site-footer ul a.nlk_off.npt_first:before{
    content: "";
    margin-right: 5px;
}
.site-footer .quickmenu {
    margin: 0;
}
.site-footer .image-single {
    margin:25px 0;
}

.adressen a:before{
    display: none;
}

.site-footer h2{
	font-size:1.2em;
	font-weight:bolder;
}

.site-footer p{
	color: white;
}
.site-footer table {
    font-size:1.1em;
    font-weight:lighter;
}

.site-footer.secondary-bg-color a{
	font-size: 0.9em;
}
.site-footer li {
    display:inline-block;
}

/*footer ende*/
#cookie-note {
    display: none;
}
.cookie-note {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 201;
    background-color: #2e64b7;
    color: #fff;
    padding: 15px 0;
    height: max-content;
    max-height: 100vh;
    overflow: auto;
}

.cookie-note *{
    color: #fff;
}
.cookie-note .btn {
    color: #2e64b7;
    background-color: #f0f0f0;
    font-weight: 400;
    margin: 0 0 5px 30px !important;
}
.cookie-note .btn i{
    color: #2e64b7;
}
.cookie-note p{
    margin: 0;
}
.cookie-note .pull-left {margin-top:0;}
.cookie-note .btn.grayscale, .tracking-note .btn.grayscale {
    filter: grayscale(100%);
    background-color: #c6619d;
    color: #fff;
}
.cookie-note .btn.grayscale i {
    color: #fff;
}
.tracking-note {
    width: 100%;
    background-color: #f0f0f0;
    padding: 25px;
    -webkit-box-shadow: 0 5px 15px #000;
    -moz-box-shadow: 0 5px 15px #000;
    box-shadow: 0 5px 15px #000;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 5px 15px rgba(0,0,0,0.25);
    box-shadow: 0 5px 15px rgba(0,0,0,0.25);
}
.top-meldung{
    max-width: 100%;
    width: 500px;
    background-color: #d20a12;
    color: #fff;
    position: fixed;
    bottom: 0;
    right: 10%;
    padding: 30px;
    z-index: 99;
    overflow: hidden;
    transition: all .3s;
    height: auto;
    max-height: 999px;
}

.top-meldung.hidden{
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
}

.top-meldung *{
    color: #fff;
}

.top-meldung .close{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 28px;
}

.top-meldung .cont > small{
    position: relative;
    font-size: 1em;
    margin-bottom: 10px;
    padding-bottom: 10px;
    display: inline-block;
}

.top-meldung .cont > small i{
    display: none;
}

.top-meldung .cont > small:after{
    content: '';
    height: 3px;
    width: 50px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.top-meldung .cont .title{
    position: relative;
    font-size: 1.6em;
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 1.2;
}

.accordion-title{
    background-color: #dddfeb;
    color: #001e49;
    padding: 15px 25px;
    margin: 0 0 2px;
}
.accordion-title *{
    color: #001e49;
}
.accordion-title, .accordion-title span {
    color:#001e49;
    font-weight:600;
}
.accordion-title i:before{
    font-size: 1.2em;;
}
h3.accordion-title.active {
    background-color:#e60064;
}
h2.accordion-title.active {
    background-color: #e60064;
}
.accordion-title.active span {
    color:#fff;
}
.accordion-title.active i:before {
    color:#fff;
}
.accordion-container {
    padding: 15px 25px;
}
.small-wrapper{
    max-width: 100%;
    width: 1080px;
    margin: auto;
}

.dropshadow{
    position: relative;
}

.dropshadow:after{
    content: '';
    background-color: #dddfeb;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: rotate(-3deg);
    position: absolute;
    z-index: -1;
}

a.arrow{
    color: #e60064;
    font-size: 1.2em;
    font-weight: 500;
    margin: 15px 0;
}

a.arrow:after{
    content: '\f0a9';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	margin-left: 5px;
	font-size: 1.2em;
}

.mitteilungen .date,
.veranstaltungen .date{
    color: #e60064;
    font-size: 1em;
    font-weight: 500;
}
.veranstaltungen .liste-text small {
    color: #e60064;
    font-weight: 500;
    font-size: 0.8em;
}
.liste-titel{
    margin: 6px 0 8px;
    font-weight: 700;
    font-size: 1.2em;
}
.mitteilungen_detail small {
    color: #e60064;
    font-weight: 500;
}
.mitteilungen_detail .mtp_ti_date {
    color: #e60064;
    font-weight: 500;
    font-size: 0.8em;
}
.mitteilungen_detail small i.fa-calendar-alt::before {
    content:"";
}

/* Startseite */

body.home .main-content-area{
    padding-top: 75px;
}

/*.anrisstexte-startseite .column-3:after{
    content: '...';
    font-size: 3.4em;
    width: 100%;
    text-align: left;
    margin-top: 30px;
    color: #e60064;
    display: inline-block;
    line-height: 15px;
}*/
.anrisstexte-startseite .row.punkte .column-3:after {
    content: '...';
    font-size: 3.4em;
    width: 100%;
    text-align: left;
    margin-top: 10px;
    color: #e60064;
    display: inline-block;
    line-height: 15px;
}
.aktuelles-startseite h2,
.themen-startseite h2,
.morenews-startseite h2{
    text-align: center;
    font-weight: 500;
    font-size: 2.2em;
    position: relative;
    color: #001e49;
}

.aktuelles-startseite h2:after,
.themen-startseite h2:after,
.morenews-startseite h2:after{
    content: '';
    width: 100%;
    height: 1px;
    background-color: #001e49;
    display: block;
    position: absolute;
    top: 54%;
}

h2 .stripe{
    background-color: #fff;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}

.aktuelles-startseite{
    margin-bottom: 90px;
}

.aktuelles-startseite .elem{
    padding: 10px 60px;
}

.aktuelles-startseite .elem:nth-child(2){
    border: 1px solid #001e49;
    border-top: none;
    border-bottom: none;
}

.aktuelles-startseite .liste-bild{
    margin-bottom: 30px;
}

.aktuelles-startseite .more,
.morenews-startseite .more{
    color: #e60064;
    font-size: 1.2em;
    font-weight: 400;
    display: block;
}

.aktuelles-startseite .arrow{
    margin: 10px 0 10px 40px;
    display: inline-block;
}

.intro-startseite{
    margin-bottom: 30px;
}

.einstieg{
    background-color: #7f8ea4;
    padding: 15px 25px 15px 15px;
}
.einstieg li, .oft-gesucht li {
    position:relative;
}

.oft-gesucht{
    background-color: #dddfeb;
    padding: 15px 15px 15px 25px;
}
.oft-gesucht .fa-angle-right::before {
    content:"";
}
.oft-gesucht i.fa-angle-right.fa-fw {
    width:0;
}
.oft-gesucht a i.fas {
    margin-right: 0px;
}
.einstieg h2,
.oft-gesucht h2{
    margin: -60px 0 15px 0;
    font-weight: 500;
    text-transform: uppercase;
}

.einstieg a,
.oft-gesucht a{
    color: #fff;
    display: block;
    padding: 10px 40px 10px 3px;
    border-bottom: 1px solid #fff;
    line-height: 1;
     -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.intro-startseite .einstieg a:after,
.oft-gesucht a:after{
    content: '\f0a9' !important;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300 !important;
    position: absolute;
    right: 0;
    /*float: right;*/
    font-size: 1.2em !important;
    margin-top: -2px;
    margin-left: 0 !important;
}

.einstieg li:last-child a,
.oft-gesucht li:last-child a{
    border: none;
}

.einstieg li,
.oft-gesucht li,
.einstieg ul,
.oft-gesucht ul{
    margin: 0;
    padding: 0;
}
.oft-gesucht a{
    color: #202020;
}

.image-element-2{
    transform: scale(1.06);
    position: relative;
    z-index: 1;
    margin-top: -20px;
}

.image-element-2:after{
    width: calc(100% - 30px);
    left: 15px;
    transform: rotate(-4deg);
}

.icons-startseite{
    margin: 90px 0;
}

.icons-startseite .cards > a{
    box-shadow: none !important;
}

.icons-startseite .icon i{
    border: 2px solid #001e49;
    width: 120px;
    height: 120px;
    font-size: 4.5em;
    border-radius: 50%;
    text-align: center;
    line-height: 120px;
    margin-bottom: 20px;
    transition: all .25s;
}

.icons-startseite a:hover i{
    border: 2px solid #001e49;
    background-color: #001e49;
    color: #fff;
}

.icons-startseite .cards .caption .title{
    color: #e60064;
    font-size: 1.6em;
    font-weight: 500;
}
.fly-navigation_themen-boxen .icons-startseite {
    margin: 45px 0;
}
.fly-navigation_themen-boxen .icons-startseite .icon i {
    border: 2px solid #001e49;
    width: 90px;
    height: 90px;
    font-size: 3.4em;
    border-radius: 50%;
    text-align: center;
    line-height: 90px;
    margin-bottom: 10px;
    transition: all .25s;
}
.fly-navigation_themen-boxen .icons-startseite a i {
    border: 2px solid #001e49;
    background-color: #fff;
    color: #001e49;
}
.fly-navigation_themen-boxen .icons-startseite a{
    opacity: 1;
}
.fly-navigation_themen-boxen .icons-startseite .cards .caption .title {
    font-size: 1.09em;
    color: #dddfeb;
    font-weight: 600;
     -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.fly-navigation .icons-startseite .cards.flex-col-4 {
    margin:0 15px 0;
}
.fly-navigation .suche form {
    border: 1px solid #001e49;
    background-color:#fff;
    width: 91%;
    max-width: 91%;
    margin: 4.5% auto;
}
.fly-navigation .suche button {
    background-color:#e60064;
    color:#fff;
}
.fly-navigation .suche button i {
    font-weight:200;
    padding: 6px;
}
.fly-navigation hr {
    height: 1px;
    background: rgba(54,78,112,0.8) !important;
    border: none;
    margin-bottom: 15px;
    display: block;
    clear: both;
}
.themen-startseite .cards{
    position: relative;
}

.themen-startseite .cards .image{
    opacity: 0.8;
    transition: all .25s;
}

.themen-startseite .cards:hover .image{
    opacity: 1;
}

.themen-startseite .cards .caption{
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    display: table;
}

.themen-startseite .cards .caption .title{
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    text-shadow: 0 0 6px #000;
    font-weight: 500;
    font-size: 2em;
}

.morenews-startseite .liste-bild{
    width: 33.333%;
    float: left;
    padding: 0 10px;
}

.morenews-startseite .liste-bild:after{
    width: calc(100% - 20px);
    left: 10px;
    transform: rotate(-6deg);
}

.morenews-startseite .liste-text{
    width: 66.666%;
    padding: 0 10px;
    display: inline-block;
}

.morenews-startseite .liste-titel{
    margin: 2px 0 5px;
}

.morenews-startseite .column-3{
    padding: 10px 20px;
}

.morenews-startseite .column-3:nth-child(2){
    border: 1px solid #001e49;
    border-top: none;
    border-bottom: none;
}

.morenews-startseite .arrow{
    margin-left: 20px;
}

@media screen and (max-width:1400px){
    .fly-navigation {
        width: 66.666%;
        /*overflow-y: auto;*/
    }  
    .themenboxen-folgeseite .cards .caption .title {
        font-size: 1.1em;
    }
}
@media screen and (max-width:1300px){
  
    .themenboxen-folgeseite .cards .caption .title {
        font-size: 1.1em;
    }
}
@media screen and (max-width:1230px){
	.wrapper{
		padding-right:20px;
		padding-left:20px;
	}
	.titelbild .slogan {
	    width: 720px;
	}
	.superspruch {
	    right: 5%;
	}
	header .row.sticky .column-2 {
        width:70%;
        margin-top: 0;
    }
	header .column-2 {
	    width:35%;
        margin-top:-10px;
    }
    header .logo-arbeit.column-6 {
        width: 23%;
    }
    header .column-6.logo-desk{
        width: 23.5%;
    }
    header .logo {
        padding: 21px 35px;
    }
     .themenboxen-folgeseite .cards .caption .title {
        font-size: 0.8em;
    }
}

@media screen and (max-width: 1190px){
    .quicksearch .links.column-2{
        padding-left: 126px;
        width: 100%;
        padding-left:0px;
    }
    .quicksearch .suche {
        padding-right: 0px;
        padding-left: 0;
        width: 100%;
        top: 17px;
        border: 5px solid rgba(0,0,0,0.1);
        border-radius: 50px;
    }
    .hero-slider .hero-slogan {
    
        text-align: center;
        color: #fff;
        position: relative;
        top: 0px;
    }
    .quicksearch {
    	padding-left: 23px;
    	padding-right: 23px;
    }
    .suche form {
        font-size: 1.3em;
        height: 50px;
    }
}

@media screen and (max-width:1120px){
	.md-only{
		display: block;
	}
	.hide-md{
		display: none !important;
	}

	.hide-sm{
		display: none !important;
	}
    .fly-navigation_themen-boxen .icons-startseite .cards .caption .title, nav.quickmenu ul li > a {
        font-size:0.9em;
    }
    .superspruch {
	    font-size:1.5em;
	}
	.column-md-2, .column-md-2x4, .column-md-3x6 {
    width: 50%;
    }
    .column-4x5 {
        width:100%;
    }
    .icons-startseite .icon i {
        width: 90px;
        height: 90px;
        font-size: 3.4em;
        line-height: 90px;
        margin-bottom: 10px;
    }
    .icons-startseite .cards .caption .title {
        font-size: 1em;
    }
    .aktuelles-startseite h2, .themen-startseite h2, .morenews-startseite h2 {
        font-size: 1.5em;
    }
    .themen-startseite .cards .caption .title {
        font-size: 1.3em;
    }
    .morenews-startseite .liste-bild {
        width:100%;
    }
    .morenews-startseite .liste-bild {
        margin-bottom: 30px;
    }
    .morenews-startseite .liste-text {
        width: 100%;
        padding: 20px 10px;
        font-size: 0.8em;
    }
    a.arrow {
        font-size: 0.96em;
    }
    .aktuelles-startseite .liste-text {
        font-size: 0.8em;
    }
    .btn.h2-btn.pull-right {
        float:none;
        margin:20px 0 0 0;
    }
}
@media screen and (max-width: 1024px){
    .row.sticky .column-2 {
        float:right;
        width:70%;
    }
    header .menu-toggle {
        margin-top: 5%;
    }
    header .column-6.menu {
        width:10%;
    }
    header .menu-toggle::after {
        content:none;
    }
    header .menu-toggle {
        margin-top:40%;
    }
    header .column-2 {
        margin-top:15px;
    }
}
@media screen and (max-width: 960px){
    .superspruch {
        font-size:1.5em;
    }
    .titelbild .slogan {
        width: 600px;
    }
     .icons-startseite .icon i {
        width: 100px;
        height: 100px;
        font-size: 3.4em;
        line-height: 100px;
        margin-bottom: 10px;
    }
    .icons-startseite .cards .caption .title {
        font-size: 1.2em;
    }
    .fly-navigation .slicknav_nav > li > a > a {
        font-size: 1em;
        padding: 0 30px 0 0;
    }
    .slicknav_nav .slicknav_arrow i {
        position: absolute;
        right: 0;
    }
    header .logo-arbeit.column-6 {
        width:25%;
    }
    header .column-6.logo-desk {
        width:25.5%;
    }
     header .column-2 {
        margin-top: 5px;
    }
    
}
@media screen and (max-width: 890px){
    .superspruch {
        right: 2%;
    }
    .titelbild .slogan {
        width: 440px;
    }
}

@media screen and (max-width: 800px){
    .suche form {
        font-size: 1.2em;
        margin: 4.5% auto 0;
        height: 50px;
    }
    header .menu-toggle::after {
        font-size: 1.8em;
        margin-top: -3px;
    }
    .image-element-2.dropshadow.column-3.hide-md {
        display:none;
    }
    .themen-startseite .cards .caption .title {
        font-size: 1.2em;
    }
    /*Sticky Header*/
    header .row.sticky .menu-toggle:after {
        width: 150px;
        font-size: 1.5em;
        margin-top: -4px;
    }
    .row.sticky .column-4 {        
        width: 30%;
        float: left;
    }
    .row.sticky .column-2x4{
        float:right;
    }
}
@media screen and (max-width:720px){
    .superspruch {
        top: 30px;
        left: 45px;
        display: table;
    }
    .titelbild .slogan {
        width: 80%;
    }
}
/*FJ: 19.17.2019 (Kundenwunsch 2 Topmeldungen) */
@media screen and (max-width:680px){
    header .column-6.logo-desk {
        width:100%;
    }
    header .logo-arbeit.column-6 {
        display:none;
    }
    header .logo-arbeit img {
        width: auto;
        max-height: none;
    }
    header .column-2 {
        width: 75%;
        margin-left: 20px;
    }
    .superspruch {display:none;}
    .top-meldung{
        width: auto;
        right: 0;
        height: 100%;
        font-size: 0.875em;
    }
    .titelbild .slogan {
        width: 350px;
    }
    header .menu-toggle {
        margin-top:6%;
    }
    header .logo {
        float:none;
        position: absolute;
        right: 15px;
        width: 40%;
    }
    .anrisstexte-startseite .row.punkte {
        display:none;
    }
    .small-wrapper .column-3 p:after {
        content: '...';
        font-size: 3.4em;
        width: 100%;
        text-align: left;
        margin-top: 0;
        color: #e60064;
        display: inline-block;
        line-height: 15px;
    }
    .fly-navigation .slicknav_nav > li > a > a {
        font-size:0.9em;
    }
    .fly-navigation .slicknav_nav .nlv_3 > li > a {
        padding-right: 30px;
        hyphens: auto;
    }
    .flex-col-4 {
        -ms-flex-preferred-size: calc(50% - 30px) !important;
        flex-basis: calc(50% - 30px) !important;
        width: calc(50% - 30px) !important;
    }
    .icons-startseite {
        margin: 65px 0;
    }
    .morenews-startseite .column-3:nth-child(2), .aktuelles-startseite .column-3:nth-child(2) {
        border:none;
    }
    .suche form {
        /*position: absolute;*/
        bottom: 10px;
        /*width: 55%;
        left: 35%;*/
    }
    .einstieg h2, .oft-gesucht h2 {
        font-size: 1.2em;
    }
    .fly-navigation_themen-boxen .icons-startseite .cards .caption .title, nav.quickmenu ul li > a {
        font-size:1.09em;
    }
    /*Sticky Header*/
    .row.sticky .column-4 {
        top: 5px;
    }
    .row.sticky .column-2x4 {
        width:70%;
    }
    header .row.sticky .menu-toggle:after {
        width: 100px;
        font-size: 1.5em;
        margin-top: -4px;
    }
    header .row.sticky .suche form {
        bottom: 0;
        width: 70%;
        left: 35%;
    }
    /*Ende Sticky Header*/
    .site-footer .mt_noalign .cont {
        left: 50%;
        width: 162px;
        margin-left: -82px;
    }
    footer {
        padding-top: 45px;
    }
}
@media screen and (max-width:480px){
    header .menu-toggle {
        margin-top: 0;
    }
    header .column-2 {
        float: right;
        margin-top: 7px;
    }
    header .row.sticky .menu-toggle::after {
        width: 75px;
        font-size: 1.2em;
        margin-top: 10px;
    }
    .fly-navigation {
        width:100%;
    }
    .fly-navigation .slicknav_nav .nlv_2 > li > a > a, .fly-navigation .slicknav_nav .nlv_3 > li > a, .fly-navigation .slicknav_nav .nlv_4 > li > a, .fly-navigation .slicknav_nav .nlv_5 > li > a, .fly-navigation .slicknav_nav .nlv_6 > li > a, .fly-navigation .slicknav_nav .nlv_7 > li > a {
        font-size:0.85em;
    }
    .row.sticky .column-2x4 {
        padding-right: 0;
    }
    .column-md-2, .column-md-2x4, .column-md-3x6 {
        width:100%;
    }
    .superspruch {
        font-size: 1em;
    }
    .icons-startseite {
        margin: 45px 0;
    }
    .intro-startseite .oft-gesucht {
        margin-top: 40px;
    }
    .intro-startseite .einstieg {
        margin-bottom:40px;
    }
    .icons-startseite .icon i {
        width: 70px;
        height: 70px;
        font-size: 2.4em;
        line-height: 70px;
    }
    .icons-startseite .cards .caption .title {
        font-size: 0.9em;
    }
    .einstieg, .oft-gesucht {
        padding: 25px 15px 15px 15px;
    }
    .einstieg a, .oft-gesucht a {
        font-size: 0.85em;
    }
}
@media screen and (max-width:320px){
    .fly-navigation .slicknav_nav > li > a > a {
        font-size: 0.8em;
    }
     /*Sticky Header*/
    .row.sticky .column-4 {
        padding-left: 0;
    }
    header .row.sticky .menu-toggle:after {
        width: 80px;
        font-size: 1.3em;
        margin-top: 8px;
    }
    header .row.sticky .column-6 {
        width:20%;
        padding:0;
    }
    header .row.sticky .column-2 {
        width:70%;
        padding:0;
    }
    header .row.sticky .suche form {
        max-width: 145px;
        left: 40%;
    }
    .titelbild .slogan {
        width: 100%;
        bottom: -60px;
        left: 0;
    }
    .superspruch {
        top: 170px;
        left: 35px;
        font-size: 1.2em;
    }
    header .logo {
        width: 80%;
        left: 50%;
        margin-left: -40%;
    }
}
/*Ende responsive*/