/* open-sans-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/open-sans-v34-latin-800italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v34-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v34-latin-800italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v34-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v34-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

html {font-family: 'Open Sans', sans-serif;}

.centerblock{
    text-align:center;
}

.wd-contact {
    background-color: #d60024;
    display: table;
    margin: 30px auto;
    padding: 15px 40px;
    color: #fff;
    font-size: 20px;
    border-radius: 3px;
    box-shadow: 0 0 14px rgba(0,0,0,0.3);
    border: solid 1px #d60024;
    transition: all 0.3s;
    text-decoration: none;
}
    .wd-contact:hover {
        background-color: transparent;
        color: #d60024;
        box-shadow: 0 0 14px rgba(0,0,0,0.1);
        border: solid 1px #d60024;
        transition: all 0.3s;
        text-decoration: none;
    }
    .wd-contact svg {
        transition: all 0.3s;
        margin-right: 7px;
    }
    .wd-contact:hover svg {
        transition: all 0.3s;
        stroke: #d60024;
    }

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-transform: none;
}

h1 {
    color: #144473;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 50px;
    font-weight: 500;
}
body {
    background-color: #f9f9f9;
    height: 100%;
}
a {
    background: transparent;
}

.uk-container {
    max-width: 1030px;
}


.logo img {
    padding-top: 25px;
}
.menu-panel {
    background-image: url("../images/header.jpg");
    height: 92px;
}

.footer li {
    display: inline-block;
}

.tk-menu-footer {text-align: center;}

.tm-top-b {
    background: #e6e6e6;
    position: relative;
    overflow: hidden;
    color: #444;
    font-size: 24px;
    line-height: 100%;
    overflow: hidden;
    padding: 40px 0 20px 20px;
}

.bluebutton-bg {
    background: #111 url("../images/button.gif") no-repeat scroll -7px -7px;
    display: block;
    color: #fff;
    line-height: 32px;
    padding: 12px 20px 16px 30px;
    font-family: "Lucida Sans Unicode","Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;
    letter-spacing: .1px;
    word-spacing: 1px;
    margin: 0;
    font-size: 32px;
    border: 0;
    vertical-align: baseline;
}
/* Breadcrumps*/
.tk-breadcrumps {
    background: url("../images/breadcrumbs.gif") repeat-x scroll center bottom;
    height: 68px;
}

.uk-breadcrumb {
    margin-bottom: 0;
    margin-top: 20px;
    color: #bbb;
}

.uk-breadcrumb a, .uk-breadcrumb span {
    color: #bbb;
    letter-spacing: 1px;
    font-family: Tahoma,Geneva,Arial,sans-serif;
    line-height: 20px;
    font-size: 10px;
}

/* Breadcrumps*/

.center {text-align: center;}

.footer {
    position: relative;
    bottom: 0;
    -webkit-box-shadow: 0px 3px 25px 0px rgba(150,150,150,1);
    -moz-box-shadow: 0px 3px 25px 0px rgba(150,150,150,1);
    box-shadow: 0px 3px 25px 0px rgba(150,150,150,1);
    left: 0;
    right: 0;
    bottom: -35px;
}

.tk-menu-footer {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* menu */

.uk-navbar {
    background: transparent;
    color: #ddd;
    float: right;
}

.uk-dropdown-navbar {
    background: url("../images/menu-dropdown.png") repeat-x transparent;
    max-width: 185px;
}

.uk-nav-navbar>li>a {
    color: #ddd;
    text-transform: uppercase;
    font-size: 11px;
}
.uk-nav>li>a {
    padding: 5px 20px;
}
.uk-nav-navbar>li>a:hover, .uk-nav-navbar>li>a:focus {
    background: #0B375E;
    color: #eee;
    outline: none;
}


.uk-navbar-nav>li.uk-active>a, .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:hover, .uk-navbar-nav>li.uk-active>a:hover, .uk-navbar-nav>li.uk-active>a:active, .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus, .uk-navbar-nav>li.uk-open>a {
    background-color: transparent;
    color: #ddd;
}
.uk-navbar-nav>li>a, .uk-navbar-nav>li.uk-active>a {
    color: #ddd;
    text-transform: uppercase;
    font-size: 11px;
    padding: 0 15px 0 10px;
}

.uk-navbar {margin-top: 35px;}

.uk-nav li>a {
    display: block;
    text-decoration: none;
}

.uk-nav > li > a {
    padding: 5px 15px;
}

.uk-dropdown .uk-nav {
    margin: 0 -11px;
}

/*Ueber Uns*/

.person1 {
    text-align: right;
    padding-top: 50%;
}
.person2 {
    text-align: left;
    padding-top: 50%;
}

.unsere-beirat {padding-top: 20px;}

/*Ueber Uns*/

/* form*/

.uk-form-stacked .uk-form-label {
    display: inline;
    margin-bottom: 5px;
    font-weight: 400;
}

/* form */

/*4-Phasen*/

.pfeilchenLO, .pfeilchenRO, .pfeilchenLU, .pfeilchenRU {
    widht: 30px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: top left;
    position: relative;
}

.pfeilchenRO {
    background-image: url("/images/RO.png");
    margin-bottom: -35px;
    margin-right: 30px;
    background-position: top right;
    padding-top: 10px;
}

.pfeilchenLO {
    background-image: url("/images/LO.png");
    margin-bottom: -25px;
    margin-left: 30px;
}
.pfeilchenRU {
    background-image: url("/images/RU.png");
    margin-top: -35px;
    margin-right: 30px;
    background-position: top right;
}

.pfeilchenLU {
    background-image: url("/images/LU.png");
    margin-top: -25px;
    margin-left: 30px;
}
.roterKasten {
    padding: 8px;
    color: #fff;
    background-color: #DC1A32;
    display: inline-block;
    width: 80%;
}
.blauerKasten {
    padding: 20px;
    color: #fff;
    text-align: left;
    background-color: #22487B;
}


.phasen-1-2, .phasen-3-4 {
    text-align: center;
}

.phasen-3-4 {
    margin-bottom: 45px;
}
/*4-Phasen*/

.uk-panel-box {
    padding: 20px;
    background: #f5f5f5;
    color: #444;
}

a, .uk-link {
    color: #1fa2d6;
    text-decoration: none;
    cursor: pointer;
}

/*index.php*/

.phasenbutton {
    background: transparent url("/images/sprite.png") no-repeat scroll -1px -1px;
    color: #EEE;
    float: left;
    font-size: 30px;
    height: 40px;
    line-height: 30px;
    margin-bottom: -5px;
    margin-right: 10px;
    padding-left: 1px;
    padding-top: 5px;
    text-align: center;
    width: 40px;
}

h3 {font-size: 23px;}

.kundenstimmen {margin-top: 25px;}
h2, .uk-h2 {
    font-size: 32px;
    line-height: 40px;
}

.kundenStimmen {
    padding: 20px 20px 5px 20px;
    border: 1px dashed #6A77A3;
}

.uk-grid>*>:last-child {
    margin-bottom: 0;
}

.uk-grid-small {
    margin-left: -10px;
}

.kundenName {
    margin-top: 5px;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 22px;
    text-align: right;
}

.kundenstimme {
    font-style: italic;
}

.anfuehrungOben {
    background-image: url("/images/anfuehrung_oben.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
}

.anfuehrungUnten {
    background-image: url("/images/anfuehrung_unten.png");
    background-repeat: no-repeat;
    background-position: left 100%;
    background-size: contain;
    margin-bottom: -10px;
}

.eismann {
    background-image: url("/images/Cornelia_Eismann-300x262.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.dimaczek {
    background-image: url("/images/Christiane-Dimaczek.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

.fuer_sie_da {
    background-color: #214779!important;
    color: #fff!important;
}

.uk-panel-box {
    padding: 20px;
    padding-bottom: 15px;
    padding-top: 15px;
    background: #f5f5f5;
    color: #444;
}

.fuer_sie_da .uk-grid .uk-grid {
    margin-left: 0;
    color: #000;
    background-color: #fff;
}

.textDimaczek {
    text-align: left;
    padding: 10px;
}

.textEismann {
    text-align: right;
    padding: 10px;
}

.fuer_sie_da h3 {
    color: #fff;
    text-align: center;
}

/**/

.beirat {
    padding-top: 20px;
    font-weight: 700;
}

/* TOP A*/
.full-top-a img {float: right;}
.full-top-a {
    background: url("../images/full_topa.jpg");
}

.tm-bottom-a {margin-top:75px;}

.full-top-a .uk-dotnav {}

.full-top-a .uk-dotnav>*>* {
    width: 10px;
    height: 10px;
}

.full-top-a h3 {
    font-size: 26px;
    color: #ffffff;
    letter-spacing: 1px;
    font-family: Tahoma,Geneva,Arial,sans-serif;
}
.full-top-a {
    color: #ddd;
}

.full-top-a .uk-overlay-panel {
    width: 400px;
    position: absolute;
    bottom: 50px;
    height: auto;
    top: auto;
    right: 20%;
    left: auto;
    float: right;
    padding:20px;
    background-color:rgba(255,255,255,0.85);
    border:2px solid #DC1A32;
}

.full-top-a .uk-overlay-panel h3,
.full-top-a .uk-overlay-panel p {color:#000;}

@media (max-width: 767px) {
    .tk-breadcrumps {
       height: 80px;
    }
}

.uk-button {
    background: transparent;
    padding-right: 20px;
}

.uk-button:active, .uk-button.uk-active {
    background-color: transparent!important;
}

.uk-button:hover, .uk-button:focus {
    background-color: transparent!important;
}

.menu-sprache-small  {
    display: inline;
    padding-right: 20px;
}

@media (max-width: 960px) {
    .eismann, .dimaczek {
        background-size: contain;
    }
}

@media (max-width: 767px) {
    .person1, .person2 {
        padding-top: 0 !important;
    }
}

@media (max-width: 767px) {
    .bluebutton-bg {
        margin-bottom: 20px !important;
    }
    .uk-breadcrumb {
        margin-top: 30px;
    }
}
/* TOP A*/

.uk-offcanvas .uk-nav > li > a {
    padding: 7px 15px;
    padding-left: 30px;
    padding-top: 20px;
}

@media (max-width: 767px) {
    .navbar {
        float: none;
        background-color: #ececec;
        padding-left: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar {
        color: #a2a2a2;
    }
    .navbar {
        border-bottom: 1px solid #ccc;
    }
    .roterKasten {
        margin-top: 20px;}
}


/***************************** ÜBERNAHME LEON VAUPEL TONKOM *****************************/

.text-slideshow {
    margin-top: 30%;
}