html {
/* 1 */
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 1.5;
/* 2 */
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
/* 3 */
background: #9ca6b8;
color: #666;
}
.uk-button {
/* 1 */
margin: 0;
/* 2 */
border: none;
/* 3 */
border-radius: 0;
/* 4 */
overflow: visible;
/* 5 */
font: inherit;
color: inherit;
/* 6 */
text-transform: none;
/* 7 */
display: inline-block;
box-sizing: border-box;
padding: 0 30px;
vertical-align: middle;
font-size: 0.875rem;
/* 8 */
line-height: 38px;
/* 9 */
text-align: center;
/* 10 */
text-decoration: none;
text-transform: uppercase;
transition: 0.1s ease-in-out;
transition-property: color, background-color, border-color;
}
.uk-button:not(:disabled) {
cursor: pointer;
}
/*
* Remove the inner border and padding in Firefox.
*/
.uk-button::-moz-focus-inner {
border: 0;
padding: 0;
}
/* Hover */
.uk-button:hover {
/* 8 */
text-decoration: none;
}
/* Focus */
.uk-button:focus {
outline: none;
}
/*
* Primary
*/
.uk-button-primary {
float: left;
background-color: #9ca6b8;
color: #9ca6b8;
}
/* Hover + Focus */
.uk-button-primary:hover,
.uk-button-primary:focus {
background-color: #b6c1dd;
color: #b6c1dd;
}
/* OnClick + Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
background-color: #0e6dcd;
color: #fff;
}
.ad_navicon_toggle{
display: none;
}
@media screen and (max-width: 800px) {
.ad_navtext_toggle {display: none;}
.ad_navicon_toggle {display: block;}
}
h1 {
color: #616E86;
}
h2{
color: #616E86;
}
h3{
color: #616E86;
}
h4{
color: #616E86;
}
h5{
color: #616E86;
}
h6 {
color: #616E86;
}
p {
color: #616E86;
}
.uk-h1 {
color: #616E86;
}
.uk-h2{
color: #616E86;
}
.uk-h3{
color: #616E86;
}
.uk-h4{
color: #616E86;
}
.uk-h5{
color: #616E86;
}
.uk-h6 {
color: #616E86;
}
p {
color: #616E86;
}
/* Container */
.uk-container {
box-sizing: border-box;
/* 1 */
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
color: #fff;
}
.container {
width: 90%;
margin-top: 0em;
margin-left: auto;
padding: 1em;
padding-top: auto;
margin-right: auto;
height: auto;
background: rgba(255,255,255,0.6);
}
.container-footer {
background-color: none;
clear: both;
width: 99%;
min-width: 150px
margin-top: auto;
margin-left: auto;
padding-top: auto;
padding-left: auto;
margin-right: auto;
height: auto;
border-top: 0.3em solid #2E4A94;
border-bottom: 0.3em solid #2E4A94;
}
.logo {
width: auto;
margin-left: 1em;
margin-right: auto;
margin-top: 2.6em;
height: auto;
background-color: none;
float: left;
/*box-shadow: 10px 10px 10px #272727; */
}
header {
width: 100%;
height: 120px;
background-color: #2E4A94;
border-bottom: 50px solid #9CA6B8;
margin-bottom: 3em;
}
/* Menuposition==================================================================================================== */
.menueposition {
/* background-color: #2E4A94; */
margin-left: auto;
margin-right: auto;
margin-top: 7.7em;
margin-bottom: 0;
height: auto;
float: none;
}
/* FOOTER =========================================================================================================*/
footer {
clear: left;
width: 100%;
float: none;
border-top: 2em, solid, #2E4A94;
position: relative;
padding: 14em;
margin: 0em 0em 0em 0em;
/* position: fixed; */
}
/* FOOTER ENDE*/
/* ========================================================================
Component: Navbar
========================================================================== */
/*
* 1. Create position context to center navbar group
*/
.uk-navbar {
display: flex;
/* 1 */
position: relative;
}
/* Container
========================================================================== */
.uk-navbar-container:not(.uk-navbar-transparent) {
background: #f8f8f8;
}
/*
* Remove pseudo elements created by micro clearfix as precaution (if Container component is used)
*/
.uk-navbar-container > ::before,
.uk-navbar-container > ::after {
display: none !important;
}
/* Groups
========================================================================== */
/*
* 1. Align navs and items vertically if they have a different height
* 2. Note: IE 11 requires an extra `div` which affects the center selector
*/
.uk-navbar-left,
.uk-navbar-right,
.uk-navbar-center,
.uk-navbar-center-left > *,
.uk-navbar-center-right > * {
display: flex;
/* 1 */
align-items: center;
}
/*
* Horizontal alignment
* 1. Create position context for centered navbar with sub groups (left/right)
* 2. Needed for dropdowns because a new position context is created
* `z-index` must be smaller than off-canvas
* 3. Fix text wrapping if the centered section is larger than 50% of the navbar
* 4. Align sub groups for centered navbar
*/
.uk-navbar-right {
margin-left: auto;
}
.uk-navbar-right:only-child {
margin-left: auto;
margin-right: auto;
/* 1 */
position: relative;
}
.uk-navbar-center:not(:only-child) {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/* 2 */
z-index: 990;
}
/* 3 */
.uk-navbar-center:not(:only-child) .uk-navbar-nav > li > a,
.uk-navbar-center:not(:only-child) .uk-navbar-item,
.uk-navbar-center:not(:only-child) .uk-navbar-toggle {
white-space: nowrap;
}
/* 4 */
.uk-navbar-center-left,
.uk-navbar-center-right {
position: absolute;
top: 0;
}
.uk-navbar-center-left {
right: 100%;
}
.uk-navbar-center-right {
left: 100%;
}
[class*='uk-navbar-center-'] .uk-navbar-nav > li > a,
[class*='uk-navbar-center-'] .uk-navbar-item,
[class*='uk-navbar-center-'] .uk-navbar-toggle {
white-space: nowrap;
}
/* Nav
========================================================================== */
/*
* 1. Reset list
*/
.uk-navbar-nav {
display: flex;
/* 1 */
margin: 0;
padding: 0;
list-style: none;
}
/*
* Allow items to wrap into the next line
* Only not `absolute` positioned groups
*/
.uk-navbar-left,
.uk-navbar-right,
.uk-navbar-center:only-child {
flex-wrap: wrap;
}
/*
* Items
* 1. Center content vertically and horizontally
* 2. Dimensions
* 3. Style
* 4. Required for `a`
*/
.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
/* 1 */
display: flex;
justify-content: center;
align-items: center;
/* 2 */
box-sizing: border-box;
height: 40px; /* Nav Button - Höhe */
padding: 0 15px;
/* 3 */
font-size: 0.875rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
/* 4 */
text-decoration: none;
}
/*
* Nav items
*/
.uk-navbar-nav > li > a {
color: #fff;
text-transform: uppercase;
transition: 0.1s ease-in-out;
transition-property: color, background-color;
}
/*
* Hover
* Apply hover style also to focus state and if dropdown is opened
*/
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li > a.uk-open {
color: #666;
outline: none;
}
/* OnClick */
.uk-navbar-nav > li > a:active {
color: #333;
}
/* Active */
.uk-navbar-nav > li.uk-active > a {
color: #333;
}
/* Item
========================================================================== */
.uk-navbar-item {
color: #666;
}
/* Toggle
========================================================================== */
.uk-navbar-toggle {
color: #999;
}
.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus,
.uk-navbar-toggle.uk-open {
color: #666;
outline: none;
text-decoration: none;
}
/*
* Icon
* Adopts `uk-icon`
*/
/* Hover + Focus */
/* Subtitle
========================================================================== */
.uk-navbar-subtitle {
font-size: 0.875rem;
}
/* Style modifiers
========================================================================== */
/* Dropdown
========================================================================== */
/*
* Adopts `uk-dropdown`
* 1. Hide by default
* 2. Set position
* 3. Set a default width
* 4. Style
*/
.uk-navbar-dropdown {
/* 1 */
display: none;
/* 2 */
position: absolute;
z-index: 1020;
/* 3 */
box-sizing: border-box;
width: 200px;
/* 4 */
padding: 25px;
background: #fff;
color: #666;
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
}
/* Show */
.uk-navbar-dropdown.uk-open {
display: block;
}
/*
* Direction / Alignment modifiers
*/
/* Direction */
[class*='uk-navbar-dropdown-top'] {
margin-top: -15px;
}
[class*='uk-navbar-dropdown-bottom'] {
margin-top: 15px;
}
[class*='uk-navbar-dropdown-left'] {
margin-left: -15px;
}
[class*='uk-navbar-dropdown-right'] {
margin-left: 15px;
}
/*
* Grid
* Adopts `uk-grid`
*/
/* Gutter Horizontal */
.uk-navbar-dropdown-grid {
margin-left: -50px;
}
.uk-navbar-dropdown-grid > * {
padding-left: 50px;
}
/* Gutter Vertical */
.uk-navbar-dropdown-grid > .uk-grid-margin {
margin-top: 50px;
}
/* Stack */
.uk-navbar-dropdown-stack .uk-navbar-dropdown-grid > * {
width: 100% !important;
}
/*
* Width modifier
*/
.uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) {
width: 400px;
}
.uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) {
width: 600px;
}
.uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) {
width: 800px;
}
.uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) {
width: 1000px;
}
/*
* Dropbar modifier
*/
.uk-navbar-dropdown-dropbar {
margin-top: 0;
margin-bottom: 0;
box-shadow: none;
}
/* Dropdown Nav
* Adopts `uk-nav`
========================================================================== */
.uk-navbar-dropdown-nav {
font-size: 0.875rem;
}
/*
* Items
*/
.uk-navbar-dropdown-nav > li > a {
color: #999;
}
/* Hover + Focus */
.uk-navbar-dropdown-nav > li > a:hover,
.uk-navbar-dropdown-nav > li > a:focus {
color: #666;
}
/* Active */
.uk-navbar-dropdown-nav > li.uk-active > a {
color: #333;
}
/*
* Header
*/
.uk-navbar-dropdown-nav .uk-nav-header {
color: #333;
}
/*
* Divider
*/
.uk-navbar-dropdown-nav .uk-nav-divider {
border-top: 1px solid #e5e5e5;
}
/*
* Sublists
*/
.uk-navbar-dropdown-nav .uk-nav-sub a {
color: #999;
}
.uk-navbar-dropdown-nav .uk-nav-sub a:hover,
.uk-navbar-dropdown-nav .uk-nav-sub a:focus {
color: #666;
}
/* Dropbar
========================================================================== */
.uk-navbar-dropbar {
background: #fff;
}
/*
* Slide modifier
*/
.uk-navbar-dropbar-slide {
position: absolute;
z-index: 1019;
left: 0;
right: 0;
box-shadow: 0 5px 7px rgba(0, 0, 0, 0.05);
}
/*
* Navbar
*/
.uk-navbar-container > .uk-container .uk-navbar-left {
margin-left: -15px;
margin-right: -15px;
}
.uk-navbar-container > .uk-container .uk-navbar-right {
margin-right: -15px;
}
/*
* Grid Divider
*/
.uk-navbar-dropdown-grid > * {
position: relative;
}
.uk-navbar-dropdown-grid > :not(.uk-first-column)::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 25px;
border-left: 1px solid #e5e5e5;
}
/* Vertical */
.uk-navbar-dropdown-grid.uk-grid-stack > .uk-grid-margin::before {
content: "";
position: absolute;
top: -25px;
left: 50px;
right: 0;
border-top: 1px solid #e5e5e5;
}
/* ========================================================================
Component: Subnav
========================================================================== */
/*
* 1. Allow items to wrap into the next line
* 2. Gutter
* 3. Reset list
*/
.uk-subnav {
display: flex;
/* 1 */
flex-wrap: wrap;
/* 2 */
margin-left: -20px;
/* 3 */
padding: 0;
list-style: none;
}
/*
* 1. Space is allocated solely based on content dimensions: 0 0 auto
* 2. Gutter
* 3. Create position context for dropdowns
*/
.uk-subnav > * {
/* 1 */
flex: none;
/* 2 */
padding-left: 20px;
/* 3 */
position: relative;
}
/* Items
========================================================================== */
/*
* Items must target `a` elements to exclude other elements (e.g. dropdowns)
* Using `:first-child` instead of `a` to support `span` elements for text
* 1. Prevent gap if child element is `inline-block`, e.g. an icon
* 2. Style
*/
.uk-subnav > * > :first-child {
/* 1 */
display: block;
/* 2 */
color: #999;
font-size: 0.875rem;
text-transform: uppercase;
transition: 0.1s ease-in-out;
transition-property: color, background-color;
}
/* Hover + Focus */
.uk-subnav > * > a:hover,
.uk-subnav > * > a:focus {
color: #666;
text-decoration: none;
outline: none;
}
/* Active */
.uk-subnav > .uk-active > a {
color: #333;
}
/* Divider modifier
========================================================================== */
/*
* 1. Align items and divider vertically
*/
.uk-subnav-divider > * {
/* 1 */
display: flex;
align-items: center;
}
/*
* Divider
* `nth-child` makes it also work without JS if it's only one row
*/
.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
content: "";
height: 1.5em;
margin-left: 0px;
margin-right: 20px;
border-left: 1px solid #e5e5e5;
}
/* Pill modifier
========================================================================== */
.uk-subnav-pill > * > :first-child {
padding: 5px 10px;
background: transparent;
color: #999;
}
/* Hover + Focus */
.uk-subnav-pill > * > a:hover,
.uk-subnav-pill > * > a:focus {
background-color: #f8f8f8;
color: #666;
}
/* OnClick */
.uk-subnav-pill > * > a:active {
background-color: #f8f8f8;
color: #666;
}
/* Active */
.uk-subnav-pill > .uk-active > a {
background-color: #1e87f0;
color: #fff;
}
/* Disabled
* The same for all style modifiers
========================================================================== */
.uk-subnav > .uk-disabled > a {
color: #999;
}
.uk-hidden-small {
display: none !important;
}
.uk-offcanvas-bar {
/* 1 */
position: absolute;
top: 0;
bottom: 0;
left: 0;
/* 2 */
box-sizing: border-box;
width: 270px;
padding: 20px 20px;
background: #222;