/* caveat-regular - latin */
@font-face {
    font-family: 'Caveat';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/caveat-v4-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Caveat Regular'), local('Caveat-Regular'),
         url('fonts/caveat-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/caveat-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/caveat-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/caveat-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/caveat-v4-latin-regular.svg#Caveat') format('svg'); /* Legacy iOS */
  }
.hand-font {font-family:'Caveat', sans-serif; line-height:0.9; letter-spacing: -0.04rem;}
.ocm-padding-bottom {padding-bottom:15px;}


img.logo {max-height:80px;}
.uk-link, a {color: #007eb5; -webkit-transition: color 0.3s; transition: color 0.3s; }
.uk-link:hover, a:hover {color:#555;}

.ocm-nav {padding: 4px 0px; box-shadow: 0 5px 15px rgba(0,0,0,.1)}

.uk-list-striped>li:nth-of-type(odd) {background: #fff;}
.uk-list-striped li:hover {background-color: #007eb5; color:white; font-weight:600; -webkit-transition: background-color 0.4s; transition: background-color 0.4s; cursor: default;}

.overlaybox { text-align: center; color:white; font-size: 2.5rem;}

.ocm-ts {text-shadow: 2px 3px 4px #000000a3; padding-top:10px;}
.ocm-button, .ocm-button:visited {background-color: rgba(255, 255, 255, 0.2);}
.ocm-button:hover {background-color: rgba(255, 255, 255, 0.6);}

.textaufbild {font-size:2.9rem; color:#fff;  text-shadow: 2px 3px 3px #222; margin-left:25px; padding-bottom:20px;}

.sekcolor {color:#ffc500;}

h1, .cfarbe {color:#007eb5;}
.bigpcolor {color:#007eb5; font-size:1.7em; font-weight: 400;}
.boxinvert {color:white; background-color:#007eb5; padding:15px 20px 5px 20px;}
.boxinvert h1, .boxinvert h2, .boxinvert h3, .boxinvert h4, .boxinvert a,  .boxinvert a:hover {color:white; }
.boxinvert span.uk-icon {margin-left:-4px; margin-right:3px;}
.boxrund {box-sizing: border-box; display: flex; border-radius: 100%; vertical-align: middle; justify-content: center; align-items:center;  background-color:#007eb5; width:160px; height:160px; margin: 1.2em auto; text-align:center; color:white; -webkit-transition: background-color 0.5s; transition: background-color 0.5s;}
.boxrund:hover {background-color:#ffc500;}

.uk-navbar-right {margin-right:-20px;}
.uk-navbar-right>a>svg {margin-right:20px;}
.uk-navbar-nav>li>a {padding-left:2px; font-size:1.09rem; color:#333;}
.uk-navbar-nav>li>a:hover {color:#007eb5;}
.uk-navbar-nav>li.uk-active>a {color:#007eb5;}
.uk-navbar-nav>li.uk-active>a:hover {color:#333;}


.ocm-modal-nav .uk-modal-dialog, 
.ocm-modal-nav .uk-modal-close-full, 
.ocm-modal-nav .uk-modal-close, 
.ocm-modal-nav .uk-modal-close-full:hover, 
.ocm-modal-nav .uk-modal-close:hover {background:#007eb5; color:#fff;}
.ocm-modal-nav h1, .ocm-modal-nav h2, .ocm-modal-nav h3, .ocm-modal-nav h4, .ocm-modal-nav p, .ocm-modal-nav a {color:#fff; text-align:center;}
.ocm-modal-nav .uk-navbar-nav {display: block;}
.ocm-modal-nav .uk-navbar-nav>li>a {color:#fff; height: 60px; border-bottom:1px solid #fff; font-size: 1.2em;}
.ocm-modal-nav .uk-navbar-nav>li:first-child {border-top:1px solid #fff;}
.ocm-modal-nav .uk-navbar-nav>li.uk-active, .ocm-modal-nav .uk-navbar-nav>li.uk-active a {background-color:#fff; color:#007eb5; font-weight:bold;}
.ocm-modal-nav .nav-infobox {border:1px solid transparent; border-radius:8px; margin-top:65px; padding:25px; background: #fff; color:#555;}
.ocm-modal-nav .nav-infobox p,.ocm-modal-nav .nav-infobox a {color:#555;}
.ocm-modal-nav .nav-infobox img { text-align: center; margin: 0 auto;}

.uk-totop, .uk-totop:visited, .uk-totop:active {color:#fff;} 
.uk-totop:hover {color:#ffc500;} 
svg polyline {stroke-width: 2.8!important;}

.footer-totop {background: #007eb5; width:60px; margin:0 auto; text-align: center; color:#fff; display:block; position: relative; height:30px; top:-12px; border-radius:3px;}
.footer {background-color: #333; color:white; margin-top:80px; padding: 0px 0px 40px 0; }

.footerbalken {background-color: #007eb5;  color:white; padding:7px 0px 10px 0px; margin-bottom:35px; margin-top:-16px;}
.footerbalken h2, .footerbalken a {color:white; font-size:1.5em; vertical-align: middle;}
.footer-nav {margin:10px 0 10px 0; font-size:1.1rem;}
.footer-nav li a{line-height:1.8; color:#fff;}

.sekcolorbox {background-color:#ffc500; padding:15px 15px 15px 15px; color:#333; border-radius: 8px;  border: white 5px solid; transform: rotate(3deg); margin:0 auto; text-align: center; max-width:400px; line-height:1.3; }
.sekcolorbox hr {border-top: 1px solid #000;}
.sekcolorbox h3, .sekcolorbox p { margin-top:0; margin-bottom:8px;}
.grau {color:#333!important;}


.pakete h2 {margin-top:-80px; margin-bottom:0; color: #007eb5; text-align: center; font-size:2.8rem;}
.pakete h3 {margin-top:0px;  text-align: center; }
.pakete img {max-height:250px;}
.pakete .total {font-size: 1.1rem; color: #007eb5; font-weight: 500; border-bottom: 1px solid #007eb5; border-top: 1px solid #007eb5; padding:10px 0px;}

.infobox form p {margin:0px 0 14px 0}
.uk-button-primary {background-color:#007eb5!important;}
.uk-button-primary:hover {background-color:#666!important;;}  

/* Style Karte */
#map {height:380px; z-index:0;}
#map .leaflet-tile-pane {	-webkit-filter: grayscale(70%);
							-moz-filter: grayscale(70%);
							-ms-filter: grayscale(70%);
							-o-filter: grayscale(70%);
							filter: grayscale(70%);} 
#map .leaflet-popup {opacity:0.8 !important; }


.bs-leistungliste h2 span {
        color:#007eb5; vertical-align: text-top;
}

.bs-leistungliste h2 {
        font-size:1.8rem;
}

.bs-leistungliste ul li{
        padding-bottom:6px;
        font-size:1.1rem;
}

@media screen and (max-width: 480px) {
  h1 {
          font-size:1.8rem;
  }
  h2 {
          font-size:1.5rem;
  }
  .textaufbild {font-size:1.2rem; margin-left:12px; padding-bottom:12px;}
  .footerbalken h2 {text-align: center; font-size:1.1rem;}

}