/* ################# Farben #################  

Blau (Unternehmensfarbe) #0075BF;
CMYK 100/40/0/0

Blau Hell (Unternehmensfarbe) #4a96d2;
Blau Dunkel (Unternehmensfarbe) #0069ac; 

 */

 html {
    font: normal 16px / 24px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    color: #444;
}
 
h1 {color:#0075BF;}
h2, h3 {color:#666;}

h1, h2, h3 {font-family: 'Raleway', sans-serif !important;}

::-moz-selection {background-color:#0075BF; color:#fff;}
::selection {background-color:#0075BF; color:#fff; }

.form-error {
    background: red;
    position: fixed;
    top: 160px;
    padding: 20px;
    color: black;
}
.form-success {
    background: green;
    position: fixed;
    top: 160px;
    padding: 20px;
    color: black;
}

/* ################# Navbar #################  */


.uk-navbar {
    background: #fff;
    color: #444;
    height: 80px;
    padding:10px 0;
	position: relative;
    z-index: 999;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
    text-transform: uppercase;
    letter-spacing: 1px;
 }

.uk-navbar-nav {
	margin-top: 15px;
}

.uk-navbar-nav > li {
    margin-right: 3px;
}

.uk-navbar-nav li a {
	height: 50px;
	line-height: 47px;
	font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid transparent;
}

.uk-navbar-nav > li.uk-active > a {background-color: transparent; color: #0075BF;}

.uk-navbar-nav li a:hover, .uk-navbar-nav li a:active {
     color:#0075BF;
     background-color: transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #0075BF;
     transition: 2s;
}


.uk-navbar-brand, .uk-navbar-brand img {
	height: 90%;
   padding: 0px;
}

div.uk-visible-small #Ebene_1 {
    height: 100%;
   margin: 0 0 0 0;
}

.uk-navbar-toggle {
margin-top: 20px;
color: #0075BF;
 font-size: 28px;
    text-decoration: none;
}

.uk-navbar-toggle:hover, .uk-navbar-toggle:focus {
    color: #0075BF;
    text-decoration: none;
    outline: none;
}
 
.uk-dropdown li a:hover {
    border:1px solid transparent;
    background-color: #eee;
    color:#0075BF;

}

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {
    background: #0075BF;
    color: #fff;
    outline: none;
    border-radius: 0;
}

/* ################# Button #################  */

.uk-button {
    background: #0075BF !important ;
         border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
}

/* ################# Accordion #################  */

h3.uk-accordion-title {
    border: 0px 0px 1px 0px solid blue !important;
     cursor: pointer;
     padding:10px 20px;
     background: #efefef;
     margin-top:0px;
     border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
}

h3.uk-accordion-title:hover, h3.uk-accordion-title:focus {
    background: #0075BF ;
    color:#fff;
    transition: 1s;
}


.uk-accordion-content {
  padding: 0 15px 25px 15px;
}

/* ################# Kontaktformular #################  */
.uk-form input[type="text"] {
    height:auto;
    padding: 10px 20px !important;
       border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
}


.uk-form textarea, .uk-form textarea:focus {
           border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
}

/* ################# Offcanvas #################  */

.uk-offcanvas-bar {
	width:100%;
	text-align: center;
	line-height: 175%;
	font-size: 2rem;
	background-color: rgba(0, 117, 191, 1.0);
    color:#fff;
}

.uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, 
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {background-color:#0069ac; transition: 0.8s }

html .uk-nav.uk-nav-offcanvas > li.uk-active > a {background-color:#0075BF; }


.uk-nav ul {
     padding-left: 0px; 
   }

ul.uk-nav-sub {
     padding: 0px; 
     background-color: #5bb0b3;
     font-size: 1.6rem;
}

.close-button {background-color:#4a96d2; color:#0075BF; text-align:right; font-size:2rem;}


.uk-nav-offcanvas > li.close-button > a {color: #0075BF;}

.uk-nav-offcanvas > li > a {color: #d1eff0; padding: 10px 15px;}

.uk-nav-offcanvas > li > a {border-bottom: 1px solid #4a96d2; text-transform: uppercase; letter-spacing: 1px;}

.uk-nav-offcanvas ul a {color: #d1eff0;}


/* ################# Offcanvas FIX SK #################  */


@media (min-width: 767px) and (max-width: 853px) {
    
     .uk-navbar-toggle.uk-visible-small,.uk-navbar-brand, .uk-navbar-brand img {display:inline-block!important;}
}


@media (max-width: 853px ){
.uk-visible-medium {
    display: none !important;     /* Navbar Classes einfügen! */
  }
  .uk-visible-large {
    display: none !important;
  }
  .uk-hidden-small {
    display: none !important;
  } 
    
}


 h3.referenzen {
        color:#0075BF;
        text-transform: uppercase;
       letter-spacing: 1px;
 }

@media (max-width: 767px) {
    h3.referenzen {
       margin-top:15px; 

    }
}


/* ################# Slider ################# */




.uk-overlay-background {
    background: rgba(11, 118, 144, 0.7);
    padding-bottom:7% ;
    max-height:55%;
    margin: auto;
    overflow: hidden;
}

.uk-slidenav:hover, .uk-slidenav:focus {
    outline: none;
    text-decoration: none;
    color: rgba(255, 225, 225, 0.7);
    cursor: pointer;
}


/* ################# Header Unterseite #################  */

.uk-header-unterseite {margin-top: 0px!important;}



/* ################# Module #################  */

.modul {background-color: #eee; padding:15px; overflow: hidden; /*max-width:420px;*/}
.modul_position  {margin-bottom: 30px}

.uk-panel-box:hover, .modul_position:hover {    
    cursor: pointer;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.40);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.40);
       -webkit-transition: -webkit-transform 2s;
    transition: box-shadow 1s;
}


/* ################# Listen #################  */

.uk-grid ul li {margin-bottom: 15px; line-height:160%; max-width:600px;}




/* ################# Welcome #################  */
.welcome {text-align: center;}


/* ################# Footer #################  */

.footerbox {padding: 30px;}

.footer-color {	background-color: #eee;}

.footer_copyright {	text-align: center; padding-bottom: 20px;}
.footer_copyright a {color:#0075BF;}

.logobox {padding: 0px;}


/* ################# Flags #################  */

.uk-navbar-nav li a.svg_flag {padding: 0 5px;}

/* ################# Button #################  */

.uk-button-primary {
    background-color: #5bb0b3;
    color: #fff;
}

.uk-button-primary:hover, .uk-button-primary:focus {
    background-color: #0069ac !important;
    color: #fff;
}

/* ################# Pagination #################  */

.uk-pagination > .uk-active > span {background: #5bb0b3; color: #fff; }

.uk-pagination > li > a, .uk-pagination > li > span {
    display: inline-block;
    min-width: 16px;
    padding: 8px 12px;
    line-height: 20px;
    text-decoration: none;
    box-sizing: content-box;
    text-align: center;
}

.uk-pagination > li > a:hover {background-color: #5bb0b3; color:#fff;}