@charset "utf-8";
/**********************************************
		MAIN
**********************************************/
html {scroll-behavior: smooth;}
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
**********************************************/
header { z-index: 99; background: #fff;}
header .uk-card-body {padding: 20px 10px 10px 10px;}
header .logo { height: 120px; padding: 0 0 15px 0}
header .uk-navbar-nav > li > a { min-height:50px; font-size:1em; font-family: "Open Sans", sans-serif; letter-spacing:1px; color:#000; }
/**********************************************
		Menu
**********************************************/
.uk-navbar-nav > li.uk-active > a { color:#000 !important; font-weight:bold; }
.uk-navbar-nav > li:hover > a { background-color:none; color:#000!important; }
.uk-navbar-dropdown { box-shadow:none; background-color:#333; padding: 0px 15px 5px 15px; width:191px; }
.uk-navbar-dropdown-nav > li > a { color:#BBA262; font-family: "Open Sans", sans-serif; font-size:1.1em; }
.uk-navbar-dropdown-nav > li { border-bottom:1px solid #fff; }
.uk-navbar-dropdown-nav > li:last-child { border-bottom:none; }
.uk-navbar-dropdown-nav > li > a:hover { color:#BBA262; }
.uk-nav > li > a { padding:10px 0; }
/**********************************************
	    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; }
/**********************************************
	    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: 80px 0 70px 0; min-height: 80vh;}
.section_small { padding: 80px 0 70px 0; min-height: 60vh;}
#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: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../uploads/rc_dia.jpg"); background-position: center;background-repeat: no-repeat; background-size: cover; color:#fff;}
#bottom-b { background-color: rgb(255, 255, 255); color:#000;}
#bottom-c { }
#bottom-d { }
#bottom-e { background-color: #FFF; color:#000;}

#bottom-f {  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../uploads/test.jpg"); background-position: center;background-repeat: no-repeat; background-size: cover; color:#fff;}
#bottom- { background-color: #F7F7F7; color:#000;}

#footer { color:#000; background-color:#fff; height: 80px; line-height: 80px;}
/**********************************************
		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 { font-family: "Open Sans", sans-serif; font-size: 3em; padding:0 0 20px 0; }
#bottom-b h1 { font-family: "Open Sans", sans-serif; font-size: 3em; padding:0 0 20px 0; }
#bottom-c h1 { font-family: "Open Sans", sans-serif; font-size: 3em; padding:0 0 20px 0; }
#bottom-d h1 { font-family: "Open Sans", sans-serif; font-size: 3em; padding:0 0 20px 0; }
#bottom-e h1 { font-family: "Open Sans", sans-serif; font-size: 3em; padding:0 0 20px 0; }
#bottom-f h1 { font-family: "Open Sans", sans-serif; font-size: 3em; padding:0 0 20px 0; }
#sitemap h1, #sitemap h2, #sitemap h3 { font-family: "Open Sans", sans-serif; 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 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; }

#diashow-content h2 { font-size:2.5em; font-weight:bold; }
#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: #000; }
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: #659b30; }
#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; }
#bottom-f a { color:#FFF; }
#bottom-f a:hover { color:#BAA261; }
#footer a { color:#000; }
#footer a:hover { color:#BAA261; }
/**********************************************
		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
**********************************************/
#sticky-to-top {position: fixed; bottom: 20px; right: 20px;z-index: 1;visibility: hidden; width: 40px; height: 40px; line-height:40px; color: #444; background-color:#fff; text-align: center; box-shadow: 0px 0px 10px -2px #999;}
#sticky-to-top.sticky-to-top {visibility: visible;}
/**********************************************
		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;}
/**********************************************
		Button
**********************************************/
.uk-button { color:#1F1F1F; border: 2px solid #fff; font-family: "Open Sans", sans-serif; font-weight:bold; text-transform: none;}
.uk-button:hover { font-family: "Open Sans", sans-serif; background-color:#baa261; ; color: #fff; border:2px solid #fff; }

#bottom-c .uk-button { color:#fff; border:2px solid #fff; font-family: "Open Sans", sans-serif; font-weight:bold; font-size: 1.2em;}
#bottom-c .uk-button:hover { font-family: "Open Sans", sans-serif; background-color:#272727; color: #fff; border:2px solid #fff; }

#main-content .uk-button { color:#666; border:2px solid #666; font-family: "Open Sans", sans-serif; font-weight:bold; }
#main-content .uk-button:hover { font-family: "Open Sans", sans-serif; background-color:#1F1F1F; color: #fff; 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 { height:600px !important; min-height:600px !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%);}}
/**********************************************
		OpenStreetMap
**********************************************/
#map { width:100%; height: 350px; 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:#BBA262; }
.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; }

/************************************************************************************************************************************
############  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 .uk-card-body {padding: 10px 10px 10px 10px;}
 header .logo { height: 60px; padding: 0 0 5px 0} 
 
 .thumbnail { width: 158px; height: 209px; }
 
 #diashow-content h1 {font-size:1.625em;}
 #diashow-content p {font-size:1em;}
 #diashow-content h1 span {margin-left:10px;}

}
/*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 .uk-card-body {padding: 10px 10px 10px 10px;}
 header .logo { height: 60px; padding: 0 0 5px 0} 
}
/*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 .uk-card-body {padding: 10px 10px 10px 10px;}
  header .logo { height: 60px; padding: 0 0 5px 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 .uk-card-body {padding: 10px 10px 10px 10px;}
  header .logo { height: 60px; padding: 0 0 5px 0} 
  .thumbnail { width: 235px; height: 310px; }
  #bottom-a .thumbnail { width: 175px; height: 231px; }
  #bottom-b h3 {text-transform: uppercase;font-size:1.125em;}
  #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 .uk-card-body {padding: 10px 10px 10px 10px;}
 header .logo { height: 60px; padding: 0 0 5px 0} 
  .thumbnail { width: 241px; height: 318px; }
 #diashow-content h1 span {margin-left:10px;}
}