/* jockey-one-regular - latin */
@font-face {
  font-family: 'Jockey One';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/jockey-one-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Jockey One'), local('JockeyOne-Regular'),
       url('../Fonts/jockey-one-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/jockey-one-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/jockey-one-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/jockey-one-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/jockey-one-v8-latin-regular.svg#JockeyOne') format('svg'); /* Legacy iOS */
}

/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/ubuntu-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('../Fonts/ubuntu-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/ubuntu-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/ubuntu-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/ubuntu-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/ubuntu-v13-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: url('../Fonts/ubuntu-v13-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'),
       url('../Fonts/ubuntu-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/ubuntu-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/ubuntu-v13-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/ubuntu-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/ubuntu-v13-latin-italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

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

/* Colors */

:root {
	--color-blue: #1560ab;
	--color-mediumgrey:#7b7b7b;
}

html,body { margin:0; font-size:1em;background-color: #fff; color: #000; }
body { font-family: urw-din,'Ubuntu',Arial,Helvetica,sans-serif;font-size:16px; font-weight:400;}
.off-canvas-wrapper { overflow:hidden; }
.row { max-width: 1000px; }
/*.row.ge { padding-bottom: 40px; padding-top: 40px; }*/
h1 { color: #1560ab; }
h2 { color: #7b7b7a; }
h1, h2, h3, h4, h5, h6 { font-family: urw-din, 'Ubuntu', sans-serif; font-weight:500; }
h2 { font-size: 30px; line-height: 34px; color: #1560ab; }
h3 { font-size: 18px; line-height: 24px; color: #ffffff; text-transform: uppercase; letter-spacing: -1px; padding-bottom: 16px; }
header h1 { text-align: center; margin-top: 40px; margin-bottom: 40px; }
.ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left:20px; margin-left:0; }
.logo { margin: 20px 0 20px -37px; }
.logo img { width: 60%; }
a { color:var(--color-blue); }
a:hover { color: #7b7b7a; }
p, ul { font-size:1.1rem; }
p.p_medium { font-weight:500; }
.bwf-blue { color: #1560ab; }

.off-canvas-content > .row, .off-canvas-content > .full-width > .row, footer > .row, .footer-2 > .row {
	width:100%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}

/* Frame Layouts*/ 

.frame-layout-1 { background-color: #dddede; }
.frame-layout-2 { background-color: #7b7b7a; color: #fff !important; }

/* Main-Navigation */

.main-navigation { position: absolute; bottom:7px; width:100%; text-align:center; }
.main-navigation .nav.main { margin-left:auto; margin-right:auto; margin-bottom:0; display:inline-block; }
.main-navigation ul { list-style-type:none; }
.main-navigation ul li { display:inline-block; position: relative; }
.main-navigation ul li a { display:block; font-size:21px; padding:1rem 2rem 1rem 2rem; text-align:center;color:#fff; background-color: #1560ab; border-left:1px solid #fff; }
.main-navigation > ul > li:nth-child(1) a { border: none; }
.main-navigation > ul > li > a:hover{ background-color: #7b7b7a; transition: background 0.3s ease-out; }
#navigation-switch { display:none; }
.nav-header { position: relative; }

/* Navigation 2. Ebene */
@media screen and ( min-width: 768px ) {
	.main-navigation ul ul { position:absolute; left:0px; top:64px; width:auto; margin:0; list-style:none; z-index:2000; opacity: 0; transition: 0.7s; visibility: hidden; border:1px solid #1560ab; }
    .main-navigation ul > li:first-child ul { left:0px; }
	.main-navigation ul ul li { display:block; float:none; height:auto; }
	.main-navigation ul ul li a { text-align:left; color:#1560ab; white-space:nowrap; font-size:20px; padding:0.5rem 1rem 0.5rem 1rem; display:block; border-bottom: 1px solid #1560ab; background-color: rgba(255, 255, 255, 0.9); border-left: none; }
	.main-navigation > ul > li:hover > ul {  opacity: 1; visibility: visible; }
    .main-navigation ul ul li:last-child a { border-bottom: 0; } 
    .main-navigation ul ul li a:hover{ background-color: #1560ab; color: #fff; transition: background 0.3s ease-out; }
}
.sub-navigation { display: none; }

/* Language Navigation */
.language-navigation { text-align:right; color:#666; font-size:0.8rem; padding-top:16px; padding-right:0;}

/* Off-Canvas */

.close-button{right:30px;}
.off-canvas { background-color: #fff; }
#offCanvas ul { margin-left: 0; margin-top: 30px; list-style:none;}
#offCanvas ul ul { margin-top:0; margin-left:20px; }
#offCanvas ul li { color:#1560ab; font-size:18px;padding: 5px;border-bottom: 1px solid #7b7b7a; }
#offCanvas ul ul li:last-child { border-bottom:0; }
#offCanvas ul li a:hover{ color:#7b7b7a; }
#offCanvas a{ color:#1560ab;padding: 5px 0; }

/* Slider */

.slick-slider { /* border-bottom: 5px solid #7b7b7a; */ }
.background-image { overflow: hidden; aspect-ratio:4 / 1}
.background-image .desktop-img { display:block; }
.background-image .mobile-img { display:none; }
.background-image img  { width: 100%; height: auto; }
.header-teaser { position: relative; }
.header-text { position:absolute; left:0; top:0; width:100%; }
.slick-slider .slick-slide > div { overflow:hidden; }
.slick-slider .slick-next::before, 
.slick-slider .slick-prev::before { color: #eeeeee !important; }
.slick-prev.slick-arrow { z-index: 999; }
.slick-prev { left: 50px !important; }
.slick-next { right: 70px !important;  }
.slick-prev, .slick-next { width: 40px; height: 40px; }
.slick-prev::before, .slick-next::before { font-size: 40px; }
.info-box { position: absolute; padding: 20px; top: 115px; left: 50%; margin-left: -400px; width:800px; font-size: 66px; color: #fff; text-shadow: 1px 1px #8fa6bb; letter-spacing: 0; text-align: center; }
.info-box p { line-height:1.3; font-size:66px; }
.slick-dotted.slick-slider { margin-bottom: 0; }
.slick-slider .row { width: 100%; margin-left:0; margin-right: 0; max-width: 100%; }
.slick-slider .columns { float:none; padding-left:0px; padding-right: 0px !important;  }
.slick-dots { bottom: 90px !important; }
.slick-dots li button::before { font-size: 12px; }
.slick-slider .slick-dots li.slick-active button::before { color: #1560ab !important; }
.slick-slider .slick-next::before, .slick-slider .slick-prev::before { color: #fff !important; }

/* Hauptinhalt */

.ce-bodytext h2 { padding-top: 0; }
.bwf-btn { padding: 10px 20px; color: #fff; background-color: #1560ab; border-radius: 0; }
a.bwf-btn, a.bwf-btn:focus, a.bwf-btn:active, .bwf-btn a { color: #fff; text-decoration: none; font-size:1.1rem; }
.bwf-btn:hover { color: #fff; background-color: #7b7b7a; transition:  all 0.4s ease; }
.ce-intext.ce-left .ce-gallery { margin-right: 30px; }

/* TYPO3 Classes */

.full-width { width: 100%; background-color: #DEDEDE; padding-top: 60px; padding-bottom: 60px; }
.full-width + .full-width {
	padding-top:0;
	margin-top:-20px;
}

/* Externe Medien */

#c446 {
	margin-top:8px;
}
.relative {
	position:relative;
}
.media-consent {
	margin-top:0;
	position:absolute;
	padding:20px;
	left:0;
	top:0;
	right:0;
	bottom:30px;
	z-index:8;
	background:rgba(237,237,239,0.9);
	border:1px solid #000;
	border:0;
	text-align:center;
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.media-consent p {
	margin-bottom:0.15rem;
}
.media-consent p:last-child {
	margin-bottom:0;
}

.media-consent .button {
	margin-top:1rem;
	margin-bottom:0;
	color:#fff !important;
}

/* DCE */

.frame-type-dce_dceuid2 header, .frame-type-dce_dceuid3 header { display:none; }
.blue-container { background-color: #1560ab; height: auto; width: 100%; margin-left:auto; margin-right: auto; margin-top: 20px; }
.image-box { overflow: hidden; width: 100%; height: 220px; }
.image-box img {
	transform:scale(1.01);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease; 
	transition: all .5s ease;
}
.image-box:hover img {
	transform:scale(1.1);
}
.image-box.no-header { height:280px; }
/*.image-box img { }
.teaserheader { }*/
.teaserheader h2 { text-transform: uppercase; font-family: urw-din,'Jockey One', sans-serif; font-size: 24px; line-height: 20px; color: #fff; text-align: center; padding: 20px; }
.fontsize-16 .teaserheader h2 { font-size:16px; }
.fontsize-18 .teaserheader h2 { font-size:18px; }
.fontsize-20 .teaserheader h2 { font-size:20px; }
.fontsize-22 .teaserheader h2 { font-size:22px; }
.fontsize-24 .teaserheader h2 { font-size:24px; }
.no-uppercase .teaserheader h2 { text-transform:none; }
.teaser.text-container { width: 275px; margin-left:auto; margin-right: auto; margin-top: 20px; text-align: center; }
.teaser.text-container h3 { font-size: 1.5rem; }
.teaser.text-container p:nth-child(1) { min-height: 70px; }
.teaser.text-container p { font-size: 14px; }
.teaser.text-container p.link-more { text-align: center; padding-top: 20px; font-size:16px; }
#c74 a { text-decoration: underline; }

.blue-square { width: 30px; height: 30px; background-color: #1560ab; margin-top: 5px; }
.info-container h2 { padding-top:0; font-family: urw-din,'Jockey One', sans-serif; color: #000; }
.info-container p { font-size: 14px; }
.kachel { width: 150px; height: 150px; overflow: hidden; }
.kachelteaser img { width: 100%; height: auto; margin-left:1px; margin-bottom: 1px; cursor: pointer; }
.kachel { position: relative; float:left; }
.kachel a { display:block; }
.kachel .lupe { position: absolute; left: 26px; top: 28px; width: 100px; height: 100px; display:none; }
.page-16 .image-box img { cursor: pointer; }
.page-16 .image-box img:hover { opacity: 0.5; }
#c32 .large-12.columns { padding-left: 0; }

/* News */ 
.news .header { margin-bottom: 20px; position: relative; }
.news .news-list-date { font-size: 24px; color: #1560ab; }
.news h3 { font-size: 30px; }
.news h3 a { color: #7b7b7a; }
.news h3 a:hover { color: #1560ab; }
.news.news-single h3 { color: #7b7b7a; }
.news-list-view a.more, .news-backlink-wrap a { margin-top:0.5rem; display:inline-block;}
.article > .grid-container { padding-left:0; padding-right:0; }

/* Akkordeon */

ul.tinyaccordion h4 {
	padding-left:0;
	background:none;
	position:relative;
	border-bottom:1px solid var(--color-blue);
	padding:0.5rem;
}
ul.tinyaccordion h4::after {
	position:absolute;
	right:4px;
	top:18px;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	margin-left: auto;
	content: "";
	background-repeat: no-repeat;
	background-size: 20px;
	transition: transform 0.2s ease-in-out;
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
	transform: scale(.7) !important;
}
ul.tinyaccordion h4.acc-selected::after {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
ul.tinyaccordion h4:hover {
	text-decoration:none;
}
ul.tinyaccordion h4.acc-selected {
	background:none;
}

footer .frame-type-menu_subpages ul {
	list-style:none;
	padding:0;
	margin:0;
}
footer .frame-type-menu_subpages a, footer .frame-type-menu_subpages a:hover, .footer-2 a, .footer-2:hover {
	color:#fff;
}

/* OpenStreetMap */
#ol-map { margin-bottom: 10px; }
.marker img { width: 50px; cursor:pointer; }
.map-popup { background-color: rgba(255,255,255,0.8); padding:10px; border: 1px solid #1560ab; width: auto; position: absolute; width: 225px; z-index: 999; line-height: 1.3; }
.map-popup a:hover { color: #7b7b7a; }
.link-routenplaner { color: #1560ab; font-weight: bold; }

/* Kontakt */

legend.powermail_legend{ display:none; }
#c3 h3 { display: none; }
#c3 #powermail_field_nachricht {resize: none;}
.powermail_form .powermail_submit, .powermail_form .powermail_reset { background-color: #1560ab; border: none; color: #fff; padding: 10px 25px; font-weight: bold; border-radius: 0; }
.powermail_fieldwrap_type_submit, .powermail_fieldwrap_type_reset { float:left; margin-top:10px; margin-right: 10px; }
.form-group textarea {
	resize:none;
	height:200px;
}
.btn {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
    margin-top: 0px;
    margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0;
  background-color: #1779ba;
  color:#fff;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 0.9rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  padding: 0.85em 1em;
}

/* Footer */

footer { width: 100%; background-color: #7b7b7a; padding-top: 40px; padding-bottom: 40px; }
footer h3 { color: #fff; text-align: left; border-bottom: 1px solid #dddede; padding-bottom: 20px; font-weight: bold; }
footer p { color:#fff; }
footer .large-tel { font-size: 28px; font-weight: bold; line-height: 17px; }
footer .tel-text { margin-top: 20px; }
footer .mail-text { font-size: 13px; color: #dddede; }
footer a { color: #fff; }
footer a:hover, footer a:focus, footer a:active { color: #fff; }

.footer-2 { background-color: #6F6F6E; }
.footer-2 ul { margin:0 16px; text-align: left; list-style:none; padding-bottom:8px;}
.footer-2 ul li { display: inline-block; margin: 0; width: 100px; }
/*.footer-2 ul li:before { content: "•"; color: #dddede; float:left; }*/
.footer-2 ul li:nth-child(1):before { content: ""; }
.footer-2 ul li a { display:block; color:#dddede; font-size:14px; }
.footer-2 ul li a:hover { color: #fff; transition: all 0.4s ease; }

.list-services { text-align: center; padding-top: 1px; position: relative; padding-bottom: 11px; margin-top: 14px; display: inline-block;}
.list-services li {	display: inline-block; }
.list-services.v1 { margin-top: 10px; margin-left: 0; }
.list-services.v1 [class*="list-services-"] { margin: 0px 15px 0px 0px; }
	[class*="list-services-"] {
		text-decoration: none;
		display: block;
		height: 24px;
		width: 24px;
		background: url(../Images/social_icons.png) no-repeat;
		-webkit-transition: all 0.2s ease-out;
	    -moz-transition: all 0.2s ease-out;
	    -o-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	    transition: all 0.2s ease-out;
		margin: 0px 0 0px 13px;
	}
.list-services-1 { background-position: 3px 0px; }
.list-services-2 { background-position: -36px 0px; }
.list-services-3 { background-position: -77px 0px; }
.list-services-4 { background-position: -117px 0px; }
.list-services-5 { background-position: -157px 0px; }

.list-services a:hover { opacity: .4; }

#top-link {
	position:fixed;
	right:140px;
	bottom:0;
	z-index:2000;
	background:none rgba(200,200,200,0.5);
	color:#333;
	cursor:pointer;
	padding:7px 10px 7px 10px;
	border-radius:0;
	font-size:12px;
	line-height:1;
	display:none;
}
#top-link:hover {
	background:none rgba(200,200,200,1);
	color:#fff;
}

/*Cookie-Consent*/

.tx-cf-cookiemanager {
	position:fixed;
	right:0;
	bottom:0;
	z-index:9;
	display:block;
	background:none rgba(200,200,200,0.5);
	padding:4px 8px;
	font-size:12px;
}
.tx-cf-cookiemanager a {
	color:#333;
	text-decoration:none;
	font-weight:400;
}
.tx-cf-cookiemanager:hover {
	background:none rgba(200,200,200,1);
}
.tx-cf-cookiemanager:hover a {
	color:#fff;
}

/*Responsive*/

@media screen and ( max-width: 1400px ) {
	.info-box { top: 20px; }
}

@media screen and ( max-width: 1124px ) {
    .main-navigation ul li a { display:block; font-size:16px; padding:1rem 1rem 1rem 1rem; text-align:center;color:#fff; background-color: #1560ab; border-left:1px solid #fff; }
    /*.main-navigation { margin-left: -400px; bottom: -9px; }*/
    .logo { margin: 20px 0 20px 0px; }
}
    
@media screen and ( max-width: 1024px ) {
    .large-9.main-navigation{ width: 75%; }
	.info-box { top: 10px; }
	.info-box p { font-size:48px; }
	.main-navigation { bottom:8px; }
	.main-navigation ul ul { top:58px; }
	.main-navigation ul ul li a { font-size:16px; }
	.slick-dots { bottom:60px !important; }
    .large-3.logo { width: 25%; }
    .blue-container { width: 300px; }
    .blue-square { display: none; }
    .ce-gallery figure { width: 100%; }
    footer .large-4 { width: 33.33%; margin-right: 0px; }
    .news .news-list-date { position: relative; left:0; top:0; font-size: 16px; color: #1560ab; }

}

@media screen and ( max-width: 820px ) {
    .info-box { display: none; }
    .main-navigation ul { display: none !important; }
    #navigation-switch { display:block; float:right; cursor: pointer; margin-top:18px; font-size:2rem; color:#1560ab; }
    header h1 { margin-top: 20px; margin-bottom:20px; }
    .ce-left .ce-gallery, .ce-column { float: none; }
	.ce-gallery figure { margin-bottom:1rem; }
    .ce-gallery figure, .ce-gallery figure img { width: 100%; }
    .ce-intext.ce-left .ce-gallery { margin-right: 0; }
	footer .news .news-list-date { text-align:center; display:block; }
    .slick-prev { left: 30px !important; display:none !important; }
    .slick-next { right: 35px !important; display:none !important; }
    .slick-dots { bottom: 5px !important; display:none !important; }
    .slick-prev::before, .slick-next::before { font-size: 28px; }
    .kachelteaser { margin-top: 15px; }
    #c32 .large-12.columns { padding-left: .9375rem; }
    .logo img { width: 60%; }
    
}

@media screen and ( max-width: 640px ) {
    h2 { font-size: 26px; }
    .background-image { aspect-ratio:auto; height: auto; }
	.background-image .desktop-img { display:none; }
	.background-image .mobile-img { display:block; }
    header h1 { margin-bottom: 20px; }
    .news-single .article .news-img-wrap { float:none; width: auto; margin: 0; }
	.bwf-btn { display:inline-block; width:auto; clear:both; margin:0 auto 1rem auto; }
    .logo img { width: 100%; }
    .teaser.text-container p:nth-child(1) { min-height: 1px; }
    /*.blue-container { width: 300px; max-width:100%; margin-left:0; margin-right:0; }
	.teaser.text-container { width:100%; margin-left:0; margin-right:0; text-align:left; }
	.teaser.text-container p.link-more { text-align:left; }*/
	.image-box { height:auto; }
}

@media screen and ( max-width: 320px ) {
    
    
}