@charset "utf-8";
/**********************************************
		MAIN
**********************************************/
body { font-family:Arial, Helvetica, sans-serif; color:#666; font-size:1em; line-height: 1.5em;}
header, img { transition: all 0.3s; -moz-transition: all 0.3s; /* Firefox  */ -webkit-transition: all 0.3s; /* Safari and Chrome */ -o-transition: all 0.3s; /* Opera */ -ms-transition: all 0.3s; /* IE */ }
/**********************************************
		Header
**********************************************/
/* Sizes for the bigger menu */
header.large { z-index: 99; height: 250px; background: #fff; box-shadow: 0 2px 2px -2px #333;}
header.large .logo { height: 200px; margin: 0 0 0 0;}
header.large .uk-navbar-nav > li > a { min-height:50px; font-size:1em; font-family: "Open Sans", sans-serif; letter-spacing:1px; color:#000;}
header.large .uk-navbar-nav {margin:auto;}
header.large .left {text-align:center;}
header.large .right {}

/* Sizes for the smaller menu */
header.small { z-index: 99; height: 120px; background: #fff; box-shadow: 0 2px 2px -2px #333; }
header.small .logo { height: 120px; padding: 0 0 0 0; }
header.small .uk-navbar-nav > li > a { min-height:40px; font-size:1em; font-family: "Open Sans", sans-serif; letter-spacing:1px; color:#000; }
header.small .left {float:left;}
header.small .right {float:right; height: 140px; margin-top:40px;}
/**********************************************
		Menu
**********************************************/
.uk-navbar-nav {/*background: linear-gradient(to bottom, #e20613 0%,#c20712 100%);*/}
.uk-navbar-nav > li.uk-active > a { color:#DF0012 !important; font-weight:bold; }
.uk-navbar-nav > li:hover > a { background-color:none; color:#DF0012 !important; }
.uk-navbar-dropdown { box-shadow: 0 5px 12px rgba(0,0,0,.15); background-color:#fff; padding: 0px 15px 5px 15px; width:191px;}
.uk-navbar-dropdown-nav > li > a { color:#333; font-family: "Open Sans", sans-serif; font-size:1.1em; }
.uk-navbar-dropdown-nav > li {  }
.uk-navbar-dropdown-nav > li:last-child { border-bottom:none; }
.uk-navbar-dropdown-nav > li > a:hover { color: #DF0012; }
.uk-nav > li > a { padding:10px 0; color:#000;}
.uk-nav > li > a:hover { color: #DF0012;  }
/**********************************************
	    Iconnav
**********************************************/
header .uk-icon { margin-right:5px; }
header .uk-iconnav li { line-height:30px; margin-left:20px; }
header .uk-iconnav a { color:#32df2a; }
header .uk-iconnav a:hover { color:#fff; }

.uk-icon-link {color:#fff;}
.uk-icon-link:hover {color:#000;}
/**********************************************
	    Breadcrumb
**********************************************/
.uk-breadcrumb { margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #DADADA; }
.uk-breadcrumb span { font-weight:bold; }
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
margin: 0 15px;
}
.uk-breadcrumb > * > * { font-size:1em; }
/**********************************************
		Struktur
**********************************************/
.section { padding: 30px 0 50px 0; }
#ticker { background:-webkit-linear-gradient(rgba(191, 21, 34, 0.9), rgba(191, 21, 34, 0.9)); background: linear-gradient(to right, rgba(191, 21, 34, 0.9), rgba(191, 21, 34, 0.9)); background: -moz-linear-gradient(top, rgba(191, 21, 34, 0.9), rgba(191, 21, 34, 0.9)); background-size: 50% auto, cover; background-attachment: fixed; color:#fff; padding: 5px 0 5px; }
#main-content { background: #fff; }
/*#bottom-a { background:-webkit-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../../uploads/bg/background.jpg); background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../../uploads/bg/background.jpg); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../../uploads/bg/background.jpg); background-size: 50% auto, cover; background-attachment: fixed; color:#fff; }*/
/*#bottom-b { background: #1F1F1F; background-image: url(../../uploads/symbol_computer.png)!important; position: relative; background-repeat:no-repeat; background-position:-500px 200px;}
#bottom-b::before {content: ''; display: block; position: absolute; background-color: #1F1F1F; opacity: 0.9; width: 100%; height: 100%;}*/
#sitemap { background-color:#DF0012; color:#FFF; }
#footer { color:#CCC!important; background-color:#000; padding: 20px 0 20px 0; width: 100%; }
/* Blockquote
.bottom-b-outer { background:#fff; }
.bottom-b-outer blockquote { background: #f9f9f9; border-left: 10px solid #eee; margin: 0 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; }
.bottom-b-outer blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; }
.bottom-b-outer blockquote:after { color: #ccc; content: close-quote; font-size: 4em; line-height: 0.3em; margin-right: 0.25em; vertical-align: -0.57em; padding: 0 0 0 .1em; }
.bottom-b-outer blockquote p { display: inline; }
.bottom-b-outer .card { padding: 20px; }*/
/**********************************************
		Bottom-B
**********************************************/
.bottom-overflow { position: relative; padding-bottom: 60px; /*Abstand unten*/ }
.row_table::before, .row_table::after {
content: "";
display: table;
}
/**********************************************
		UL /LI
**********************************************/
#sitemap .uk-list li { padding-left:30px; }
#sitemap .level2 { padding-left:10px; }
#sitemap .level2 li:before { content: ""; line-height: 1em; width: .5em; height: .5em; background-color: #fff; float: left; margin: .5em .5em 0; border-radius: 50%; }
.referenzen { display: flex; flex-wrap: wrap; padding: 0; list-style: none; margin-left: 0px; }
/**********************************************
		H1 / H2 / H3.....
**********************************************/
.main-outer h1, .main-outer h2, .main-outer h3, .main-outer h4 { font-family: "Open Sans", sans-serif; }
#bottom-a h1, #bottom-a h2 { font-family: "Open Sans", sans-serif; }
#bottom-b h1, #bottom-b h2 { font-family: "Open Sans", sans-serif; }
#bottom-c h1, #bottom-c h2 { font-family: "Open Sans", sans-serif; }
#sitemap h1, #sitemap h2, #sitemap h3 { font-family: "Open Sans", sans-serif; color:#FFF; }
#bottom-a h1 { font-size:2em; font-weight: 700; text-transform: uppercase; padding:0 0 20px 0; color:#fff; }
#bottom-a h2 { font-size:2em; font-weight: 700; text-transform: uppercase; padding:0 0 20px 0; color:#fff; }
#bottom-a h3 { font-size:1.1em; font-weight: 700; text-transform: uppercase; padding:0 0 20px 0; color:#666; }
#bottom-b h3 { text-transform: uppercase; }
#bottom-c h1 { font-size:2em; font-weight: 700; text-transform: uppercase; padding:0 0 20px 0; }
#bottom-c h2 { font-size:2em; font-weight: 700; text-transform: uppercase; padding:0 0 20px 0; }
#sitemap h3 { font-size:1.5em; text-transform: uppercase; color:#FFF; }
.main-outer h1 { color: #DF0012; font-weight:400; font-size: 1.750em; padding:10px 0 0 0; margin-top:0px; margin-bottom:40px; line-height: 26px; text-transform: uppercase; }
.main-outer h2 { color: #666; font-weight:400; font-size: 1.5em; padding:15px 0 15px 0; margin:0 15px 15px 0; }
.main-outer h3 { color: #DF0012; font-weight:400; font-size: 1.250em; padding:10px 0 10px 0; margin:0 0 5px 0; }
.main-outer h4 { color: #666; font-weight:400; font-size: 1em; padding:10px 0 0 0; margin:0 0 5px 0; }
.bottom-a-outer h1 { text-transform:uppercase; color: #666; font-weight:300; font-size: 2em; padding:10px 0 0 0; margin-top:0px; margin-bottom:40px; text-align:left; line-height: 26px; width:100%; }
.bottom-a-outer h2 { color: #e84e0e; font-weight:400; font-size: 1.25em; padding:10px 0 0 0; margin-top:0px; margin-bottom:15px; text-align:left; line-height: 26px; }
.bottom-b-outer h1 { text-transform:uppercase; color: #000; font-weight:400; font-size: 2em; padding:50px 0 140px 0; margin-top:0px; margin-bottom:0px; text-align:center; line-height: 26px; background-color:#fff; width:100%; }
.bottom-b-outer h2 { text-transform:uppercase; color: #000; font-weight:400; font-size: 2em; padding:50px 0 140px 0; margin-top:0px; margin-bottom:0px; text-align:center; line-height: 26px; background-color:#fff; width:100%; }
.bottom-c-outer h1 { text-transform:uppercase; color: #FF7F14; font-weight:400; font-size: 2em; padding:10px 0 0 0; margin-top:0px; margin-bottom:40px; text-align:left; line-height: 26px; width:100%; }
.bottom-c-outer h2 { color: #fff; font-weight:400; font-size: 1.25em; padding:10px 0 20px 0; margin-top:0px; margin-bottom:0px; text-align:left; line-height: 26px; }
#diashow-content h2 { font-size:1.5em; font-weight:bold; margin-top:5px; margin-bottom:5px; color:#000; }
#diashow-content h2 span { background-color: rgba(255, 255, 255, 1); color: #BF1522; font-weight:400; font-size: 0.7em; padding:10px 15px 10px 15px; text-transform: uppercase; margin-left:-15px; }
#diashow-content h2.contentslide { box-sizing: content-box; max-width: 1200px; margin-left: auto; margin-right: auto; margin-bottom:10px; }
.uk-alert h3 { color: #666 !important; }
/**********************************************
		Links
**********************************************/
a { text-decoration:none; color: #FFF; }
a:hover { text-decoration:none; color: #333; }
a.a_map { font-size:12px; color: #000; }
a.a_map:hover { font-size:12px; text-decoration:underline; color: #000; }
#main-content a { text-decoration:none; color: #666; }
#main-content a:hover { text-decoration:none; color: #DF0012;}
#ticker a { color:#fff; }
#ticker a:hover { color:#fff; text-decoration:underline; }
a.webmaster { color: #fff; }
a.webmaster:hover { text-decoration:underline; color: #bf1522; }
a.a_detail_pdf { background-image:url(../images/icon_pdf_24.png); background-repeat:no-repeat; display: block; padding-left:30px; height:25px; line-height:25px; color:#E2001A; }
#footer a { color:#ccc; }
#footer a:hover { color:#DF0012; }
/**********************************************
		Mail 
**********************************************/
a.adress0 { text-decoration:none; color: #FFF; font-size: 1em; }
a.adress0:hover { font-size: 1em; color: #333; }
a.adress1 { text-decoration:none; color: #999; font-size: 1em; }
a.adress1:hover { text-decoration:none; font-size: 1em; color: #666; }
a.adress2 { text-decoration:none; font-size: 1em; color: #666; }
a.adress2:hover { text-decoration:underline; font-size: 1em; color: #666; }
a.adress3 { text-decoration:none; font-size: 1em; color: #fff; }
a.adress3:hover { text-decoration:underline; font-size: 1em; color: #fff; }
a.adress4 { font-size: 1em; color: #fff; }
a.adress4:hover { text-decoration:underline; font-size: 1em; color: #fff; }
/**********************************************
		Text
**********************************************/
.adress { font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#000; }
.copyright { font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#000; }
.error { font-style:italic; color:#F00; }
/**********************************************
		Anker
**********************************************/
.position { padding-top:200px; }
/**********************************************
		ToTop Scroller
**********************************************/
.uk-totop { bottom: 20px; color: #444; position: fixed; right: 20px; width: 40px; height: 40px; z-index: 1000; background-color:#fff; text-align: center; display:none; }
.uk-totop svg { height:40px; }
.uk-totop:hover, .uk-totop:focus { color: #444; box-shadow: 0px 0px 10px -2px #999; }
.uk-totop:active { color: #000000; font-size: 11px; }
/**********************************************
		Lightbox
**********************************************/
.uk-lightbox-toolbar { background:none; }
.uk-lightbox { background-color: rgba(0, 0, 0, 0.8); }
/**********************************************
		Form
**********************************************/
.uk-form-label { font-size:1em; }
.ohnohoney{ opacity: 0;position: absolute;top: 0;left: 0;height: 0;width: 0;z-index: -1;}
/**********************************************
		Card
**********************************************/
.uk-card-body { padding: 40px 40px 20px 40px; }
.uk-card-default .uk-card-footer { border-top: none; padding:10px 20px 30px 20px; }
/**********************************************
		Button
**********************************************/
.uk-button { color:#1F1F1F; border: 2px solid #1F1F1F; font-family: "Open Sans", sans-serif; font-weight:bold; }
.uk-button:hover { font-family: "Open Sans", sans-serif; background-color:#1F1F1F; ; color: #fff; border:2px solid #1F1F1F }
#bottom-b .uk-button { color:#fff; border:2px solid #666; font-family: "Open Sans", sans-serif; font-weight:bold; }
#bottom-b .uk-button:hover { font-family: "Open Sans", sans-serif; background-color:#1F1F1F; color: #fff; border:2px solid #1F1F1F; }
#main-content .uk-button { color:#DF0012; border:2px solid #DF0012; font-family: "Open Sans", sans-serif; font-weight:bold; padding:3px; margin: 10px 0 10px 0;}
#main-content .uk-button:hover { font-family: "Open Sans", sans-serif; background-color:#fff; color: #1F1F1F; border:2px solid #1F1F1F; }
#sitemap .uk-button { color:#fff; border:2px solid #fff; font-family: "Open Sans", sans-serif; font-weight:bold; }
#sitemap .uk-button:hover { font-family: "Open Sans", sans-serif; background-color:#333; color: #fff; border:2px solid #fff; }
/**********************************************
		Skip Main
**********************************************/
a.skip-main { left:-999px; position:absolute; top:auto; width:1px; height:1px; overflow:hidden; z-index:-999; }
a.skip-main:focus, a.skip-main:active { color: #fff; background-color:#000; left: auto; top: auto; width: 30%; height: auto; overflow:auto; margin: 10px 35%; padding:5px; border-radius: 15px; border:4px solid yellow; text-align:center; font-size:1.2em; z-index:999; }
/**********************************************
		Slideshow
**********************************************/
.uk-slideshow-items { }
.diashow-big{ height:600px !important; min-height:600px !important; }
.diashow-small{ height:300px !important; min-height:300px !important; }
.contentpage { height:400px !important; min-height:400px !important; }
.uk-slideshow .uk-dark { color:#666 !important; }
.uk-slideshow .uk-button.uk-dark { border:2px solid #666; }
.uk-slideshow .uk-button.uk-dark:hover { border:2px solid #666; background-color:#fff; }
.uk-slideshow .uk-button { border:2px solid #fff; }
.uk-slideshow .uk-button:hover { border:2px solid #fff; background-color:#fff; color:#666; }
.uk-slideshow .uk-text-lead { color:#fff; }
.uk-slideshow .uk-cover { -webkit-filter: brightness(0.7); filter: brightness(0.7); }
/**********************************************
		Thumbnails
**********************************************/
.thumbnail { width: 293px; height: 387px; overflow: hidden; border:1px solid #CCC; margin-bottom:5px; margin-right:5px; float: left; position: relative; }
.thumbnail img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.img-container { position: absolute; width: 100%; height: 100%;  img {
 width: auto;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
}
/**********************************************
		Overlay
**********************************************/
.uk-overlay-primary {background: rgba(255,255,255,.6);color:#000; padding:30px 80px 30px 80px;}
/**********************************************
		OpenStreetMap
**********************************************/
#map { width:100%; height: 420px; color: #000; margin-top:20px; }
.ol-tooltip * {font-family: Arial, Helvetica, sans-serif;font-weight: 300}
.ol-tooltip {display: flex;overflow: hidden;padding: 3px;margin: 3px 0px;border-radius: 6px;}
.ol-tooltip img {float: left;padding: 5px 5px 5px 0;width: 40px;height: 40px;}
.ol-tooltip-link a{font-size: 15px;padding: 2px;text-decoration:underline;color: #333;font-weight: bold;white-space: nowrap;}
.ol-tooltip-link a:hover {color: #de5a0a;}
.ol-tooltip-title {font-size: 15px; padding: 2px;text-decoration: none;color: #333;font-weight: bold;white-space: nowrap;}
.ol-tooltip-adress {font-size: 14px;padding: 2px;white-space: nowrap;}
.ol-popup {position: absolute;background-color: white; filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.1));padding: 10px;border-radius: 10px;border: 1px solid #cccccc2a;bottom: 12px;width: 300px;transform: translate(-50%, 0%);margin-bottom: 30px;}
.ol-popup:after, .ol-popup:before {top: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.ol-popup:after {border-top-color: white;border-width: 10px;left: 165px;margin-left: -16px;}
.ol-popup:before {border-top-color: #cccccc2a;border-width: 11px;left: 165px;margin-left: -16px;}
.marker {background: #222 !important;}
.animated {position: relative; -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated:hover {-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
@keyframes hop {0% {margin-bottom: 0px;}50% {margin-bottom: 30px;}100% {margin-bottom: 0px;}}
.hop { -webkit-animation-name: hop;animation-name: hop;animation-iteration-count: infinite;animation-duration: 2s;}
/**********************************************
		OffConvas
**********************************************/
.uk-offcanvas-bar { background-color:#DF0012; }
.uk-offcanvas-bar .uk-nav-primary > li > a { color:#FFF; }
.uk-offcanvas-bar .uk-nav-primary > li > a:hover { color:#333; }
.uk-offcanvas-bar .uk-nav-primary > li.uk-active > a { color:#333; }
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a { color:#000; }

/************************************************************************************************************************************
############  Media Query Anpassungen (WICHTIG: am Ende)#############################################################################
*************************************************************************************************************************************/

/*IPhone Hochformat*/
@media (max-width:767px) {
 .toolbar {display:none;}
 .uk-slideshow-items {height:300px !important;min-height:300px !important;}
 .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {margin: 0 10px;}
 header.large {height: 88px; padding-top:5px}
 header.large .logo {height: 80px;padding: 0 0 0 0;}
 header.large .left {float:left;}
 header.large .right {float:right; height: 140px; margin-top:25px;}
 header.small {height: 50px;}
 header.small .logo {height: 50px;padding: 0 0 5px 0;}
 header.small .left {float:left;}
 header.small .right {float:right; height: 140px; margin-top:10px;}
.uk-overlay-primary {background: rgba(255,255,255,.6);color:#000; padding:10px 40px 10px 40px;} 

 .thumbnail { width: 158px; height: 209px; }
 
 #diashow-content h1 {font-size:1.625em;}
 #diashow-content h2 {font-size:1em;}
 #diashow-content p {font-size:1em;}
 #diashow-content h1 span {margin-left:10px;}

 .uk-navbar-right a {color:#32df2a;}
 .uk-navbar-right a:hover {color:#fff;}
 .uk-navbar-right a.responsive_menu {color:#DF0012;}
 .uk-navbar-right a.responsive_menu:hover {color:#333;}
}
/*IPhone Querformat*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}
/*IPAD Mini Hochformat*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
 .uk-container {padding-left: 20px;padding-right: 20px;}
.uk-slideshow-items {height:400px !important;min-height:400px !important;}
 header.large {height: 110px;margin-top: 10px;}
 header.large .logo {height: 100px;padding: 0 0 10px 0;}
 header.large .uk-navbar-nav > li > a {min-height:50px;padding: 0 10px;}
 header.large .uk-iconnav {margin-right:100px !important;}
 header.large .uk-iconnav li {line-height:33px !important;margin-top:33px;font-size:1em;}
 header.small {height: 85px;}
 header.small .logo {height: 80px;padding: 0 0 10px 0;}
 header.small .uk-iconnav {margin-right:100px !important;}
 header.small .uk-iconnav li {line-height:33px !important;margin-top:25px;font-size:1em;}
}
/*IPAD Mini Querformat */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
 .uk-container {padding-left: 15px;padding-right: 15px;}
 .uk-slideshow-items {height:400px !important;min-height:400px !important;}
 header.large {height: 95px;margin-top: 10px;}
 header.large .logo {height: 65px;padding: 0 0 0 0;}
 header.small {height: 75px;}
 header.small .logo {height: 50px;padding: 0 0 0 0;}
}
/*IPad Portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 2) {
  header.large .logo {height: 85px;}
  header.small {height: 65px;}
  header.small .logo {height: 55px;}
  
  .thumbnail { width: 235px; height: 310px; }
  #bottom-a .thumbnail { width: 175px; height: 231px; }
  
  #bottom-b h3 {text-transform: uppercase;font-size:1.125em;}
  .uk-card-body {padding: 30px 30px 20px 30px;}
  #diashow-content h1 span {margin-left:10px;}
}
/*IPad Querformat*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)and (-webkit-min-device-pixel-ratio: 2) {
 header.large {height: 95px;margin-top: 10px;}
 header.large .logo {height: 65px;padding: 0 0 0 0;}
 header.small {height: 75px;}
 header.small .logo {height: 50px;padding: 0 0 0 0;}
 
 .thumbnail { width: 241px; height: 318px; }
 
 #diashow-content h1 span {margin-left:10px;}
 
}