html{
    line-height:0px;
}

html, body{
    font-family: 'Roboto', sans-serif;
    color: #707A85;
    font-size:16px;
}

body{
    line-height:1.5em;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Segoe UI',Roboto,'Helvetica Neue',sans-serif;
}

#head-ergebnis h1{
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
    margin-bottom:20px;
}

#breadcrumbs, #breadcrumbs a{
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
    font-size:14px;
}

a{
    color: #378BFF;
}

.dropmenu ul li a.active, .dropmenu ul li a:focus, .dropmenu ul li a:hover{
    color:#fff !important;
}

.dropmenu ul ul li a.active, .dropmenu ul ul li a:focus, .dropmenu ul ul li a:hover{
    color:#274577 !important;
}

section#body-wrapper, section.body-wrapper {
    padding:80px 0 150px 0;
    margin-left: auto;
    margin-right: auto;
}

.body-wrapper.uk-grid, .body-wrapper > .uk-grid {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;

    margin-left: -35px;
    margin-right: -35px;
}

.body-wrapper.uk-grid > .uk-width-1-1, 
.body-wrapper > .uk-grid > .uk-width-1-1 {
    /* padding-left: 0; */
}

@media (max-width: 1200px) {
    section#body-wrapper, 
    section.body-wrapper {
        padding-left: 8%;
        padding-right: 8%;
    }
}

section.bg-white{
    padding:80px 8% 50px 8%;
    margin-left:0px;
}

section.bg-white{
    padding: 80px 0 50px 0;
    margin-left:0px;
}

h1, h2, h3, h4, h5, h6{
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

h1{
    font-size:40px;
    color: #274577;
    margin-top:0px;
    margin-bottom:15px;
    font-weight: 300;
}

h2{
    font-size:20px;
    font-weight:300;
    color: #333;
    margin-top:10px;
    margin-bottom:10px;
}

h3, h4{
    color:#274577;
    font-size:20px;
    font-weight:300;
    margin:15px 0px;
}

.header{
    background: url(../images/mediplex-startbg.jpg);
    padding-bottom: 120px;
    padding-left:8%;
    padding-right:8%;
    background-repeat: no-repeat;
    background-size:100% auto;
    position: relative;
}

.header.start > section,
.header.header-aerzte > section {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.header.header-aerzte{
    background: url(../images/mediplex-aerztebg.jpg);
    padding-left:0px;
    padding-right:0px;
    /* padding-top:200px; */
    padding-bottom:100px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
}

.header-schmal{
    background-color:#274577;
    width: 100%;
    height:77px;
    position: absolute;
    top:0px;
}

.header-schmal.ak-inactive {
    background-color:transparent !important;
}

.logo-mediplex, .navigation-top, .arztsuche{
    position: relative;
    z-index: 9;
}

.logo-mediplex img{
    background: #fff;
    padding:30px 13px;
    max-width: 155px;
}

.logo-mediplex img, .sprachauswahl .uk-dropdown{
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0, 0, 0);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5);
    width:200px;
}

.arzt-teaser, .ansprechpartner-teaser, .kontakt-bar-mobile, .news-teaser, .event-teaser, .sprechstunde, .suchergebnisse .praxis-teaser{
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0, 0, 0);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.2);
}

.logo-mediplex{
    position: relative;
    top: 0px;
}

.header-sub{
    margin-bottom:200px;
}

.header-sub .logo-mediplex, .header-aerzte .logo-mediplex{
    /* padding-left:8%; */
}

.header-fix {
    max-width: 1200px;
    position: relative;
    /* margin-left: 8%; */
    /* margin-right: 8%; */
    margin-left: auto;
    margin-right: auto;
    /* padding-left: 35px; */
}

.start .header-fix,
.header.header-aerzte {
    margin-left: auto;
    margin-right: auto;
    /* padding-left: 35px; */
}

@media (max-width: 1200px) {
    .header-fix {
        margin-left: 8%;
        margin-right: 8%;
    }
}

.navigation-top.home, .navigation-top.home a{
    color:#274577;
}

.navigation-top{
    position: absolute;
    right: 0;
    top:19px;
    color:#fff;
}

.navigation-top a{
    color: #fff;
    text-decoration:none;
}

.navigation-top .aerzte-btn, .navigation-top .patient-btn{
    float:left;
    padding:8px 15px;
}

.aerzte-btn img, .patient-btn img{
    width:auto;
    height:25px;
    margin-left:5px;
}

.navigation-top .sprachauswahl, .mobile-container .sprachauswahl{
    float:left;
    margin-left:15px;
    padding:8px 15px;
    position:relative;
    text-transform: uppercase;
}

.sprachauswahl .active-lang{
    cursor:pointer;
}

.sprachauswahl .uk-dropdown{
    padding:0px;
    width:80px;
    font-size:18px;
    border:none;
}

.sprachauswahl .uk-dropdown ul{
    margin:0px;
}

.sprachauswahl .uk-dropdown li{
    list-style: none;
    padding:5px 15px;
    margin:0px;
}

.sprachauswahl .uk-dropdown li:hover{
    background-color:#DAE2ED;
}

.sprachauswahl .uk-dropdown li a, .sprachauswahl .uk-dropdown li a:hover{
    color:#274577;
}

.mobile-container .sprachauswahl{
    margin-top:10px;
    font-size:20px;
}

.mobile-container .sprachauswahl .active-lang{
    color:#fff;
}

#navi .sprachauswahl::after, #navi.nav-active.home .sprachauswahl::after, .header.start .sprachauswahl::after{
    content: url(/icons/mask-arrows.svg);
    font-size: 14px;
    position: absolute;
    right: 0px;
    top:5px;
}

#navi.home .sprachauswahl::after, .header.start .sprachauswahl::after{
    content: url(/icons/mask-arrows-blue.svg);
}

.header-sub .navigation-top .sprachauswahl::after, .mobile-container .sprachauswahl::after{
    content: url(/icons/mask-arrows.svg);
    position: absolute;
    right: 0px;
    top: 5px;
}

.arztsuche{
    margin-top:80px;
    /* width:730px; */
    /* max-width: 1200px; */
    margin-left: auto;
    margin-right: auto;
    padding-right: 430px;
}

.arztsuche > * {
    max-width: 1200px;
}

.arztsuche h1{
    font-size:50px;
    margin-bottom: 55px;
    font-family: 'Merriweather', serif;
}

.arztsuche select, .arztsuche button, .news button, .events button, .mitglied-werden button, .volltext button, .kontakt button, .login button, input.ort{
    width:100%;
    padding:10px 15px;
    border:1px solid #274577;
    border-radius:3px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-size:14px;
}

input.ort{
    cursor:default;
}

.arztsuche select{
    background-color:#fff;
}

.arztsuche .dropdown::before{
    content: url(/icons/mask-arrows-blue.svg);
    font-size: 14px;
    position: absolute;
    right: 30px;
    top: 8px;
    color: #274577;
}

.arztsuche button, .news button, .events button, .mitglied-werden button, .volltext button, .kontakt button, .login button{
    background-color:#378BFF;
    color: #fff;
    border:1px solid #378BFF;
    cursor:pointer;
}

.qualitaetssiegel{
    position:absolute;
    right: 0;
    bottom: -180px;
}

.qualitaetssiegel-aerzte{
    position:absolute;
    right: 0;
    bottom:-70px;
}

.header-aerzte .qualitaetssiegel-aerzte{
    bottom:-210px;
}

.qualitaetssiegel-mobile{
    display:none;
}

#start {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.patienten .headline h2{
    font-size:40px;
    font-weight:normal;
    color:#274577;
    margin-bottom:30px;
    font-weight:300;
}

.patienten-content .sprechstunde h3{
    margin-left:0px;
}

span.kontakt-icon{
    margin-right:10px;
}

.kontakt-bar span.kontakt-icon{
    margin-right:10px;
}

.kontakt-bar .telefon span.kontakt-icon img{
    margin-top:-5px;
}

.kontakt-bar .email{
    margin-top:10px;
}

.kontakt-bar .routenplaner{
    margin-top:10px;
}

span.kontakt-icon img, .praxis-mobile span.kontakt-icon img{
    margin-top:-3px;
    width:20px;
}

span.icon{
    margin-right:15px;
    vertical-align: top;
    margin-left:-50px;
    float:left;
    position: relative;
}

span.icon img,
span.icon svg {
    width: 40px;
    height: auto;
    fill: #274577;
    position: absolute;
}

span.icon + h3 {
    padding-top: 8px;
}

.quali{
    width:75%;
    margin-left:50px;
}

.quali p{
    clear: both;
}

.sprechstunde{
    background-color:#fff;
    border-radius:3px;
    padding:15px;
    margin-top: 23px;
}

.sprechstunde input#tan, .sprechstunde input#user-name{
    width:66%;
    padding:10px 15px;
    border:1px solid #274577;
    border-radius:3px;
    margin-right:2%;
    float:left;
    font-size:14px;
}

.sprechstunde button{
    width:30%;
    height:44px;
    background-color:#378BFF;
    color: #fff;
    border:1px solid #378BFF;
    margin-left:2%;
    font-size:12px;
}

.sprechstunde .tutorial-link{
    clear:left;
    padding-top:15px;
}

.safari #footer{
    padding-bottom:100px;
}

.safari #footer .logo-footer img{
    width:auto;
    height:90px;
}

#footer{
    width:100%;
    background-color:#274577;
    padding:15px 8% 15px 8%;
    text-align:left;
    margin-left:0px;
}

#footer-wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#footer-wrapper > div:first-child {
    padding-left: 0;
}

#footer .logo-footer img{
    height: 100%;
}

#footer .footer-nav ul{
    float:right;
    margin:0px;
}

#footer .footer-nav ul.level-3{
    clear: both;
    margin-top:15px;
    font-size:14px;
}

#footer .footer-nav ul li{
    float:left;
    margin-left:15px;
    margin-right:15px;
    list-style-type: none;
    font-size:20px;
}

#footer .footer-nav ul.level-3 li{
    font-size:16px;
}

#footer .footer-nav ul li a:hover, #footer .footer-nav ul li.active-footer a{
    border-bottom:3px solid #08f;
    margin-bottom:17px;
}

#footer .footer-nav ul li a{
    color:#fff;
    text-decoration: none;
}

h2.subline{
    border-bottom:1px solid #707A85;
    padding-bottom:15px;
}

#page-wrapper #breadcrumbs span::before, #page-wrapper #breadcrumbs a::before{
    padding-right:10px;
}

#page-wrapper #breadcrumbs a, #page-wrapper #breadcrumbs a span{
    padding-right:0px;
    color:#707A85;
}

#page-wrapper #breadcrumbs span{
    color:#274577;
}

.backlink{
    margin-bottom:20px;
    font-size:14px;
}

.backlink img{
    height:14px;
}

.backlink a{
    color:#707A85;
}

.praxis-page h1{
    font-size:40px;
}

.praxen.uk-grid, .suchergebnisse .praxis-teaser{
    margin-left:0px;
}

.suchergebnisse .praxis-teaser{
    background-color:#fff;
    border-radius:3px;
    padding:5px 5px 50px;
    margin-top:20px;
    margin-bottom:20px;
    position:relative;
}

.praxis-teaser h2, .praxis-teaser p{
    margin-left:5px;
    margin-right:5px;
}

.praxis-teaser h2, .praxis-teaser h2 a{
    font-size: 32px;
    color: #274577;
    margin-left:0px;
    text-decoration: none;
}

.praxis-teaser h3{
    color:#333;
}

.praxis-teaser h4{
    margin-bottom:5px;
    font-size:16px;
}

.praxis-teaser img{
    margin-top:20px;
}

.praxis-teaser .praxis-head{
    border-bottom: 1px solid #707A85;
    margin-bottom:8px;
}

.praxis-teaser .praxis-head p{
    margin-bottom:8px;
}

.praxis-teaser p{
    margin:0px 0px 20px 0px;
}

.praxis-teaser td{
    vertical-align: top;
    line-height:20px;
    padding-right:20px;
}

.praxis-teaser thead{
    display:none;
}

.praxis-teaser .fachaerzte{
    margin-top:15px;
}

.praxis-teaser .praxis-link, .news-teaser .news-link{
    position: absolute;
    right:15px;
    bottom:15px;
}

.praxis-teaser .praxis-link a, .news-teaser .news-link a{
    padding:8px 40px;
    color:#fff;
    background-color: #378BFF;
    text-decoration:none;
    font-size:14px;
    border-radius:3px;
}

.aerzte{
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.arzt-teaser, .ansprechpartner-teaser, .kontakt-bar-mobile{
    background-color:#fff;
    border-radius:3px;
    padding:5px 5px 50px;
    margin-top:15px;
    margin-bottom:15px;
    position:relative;
    width:100%;
}

.arzt-teaser{
    margin-left:0px;
}

.arzt-teaser h2{
    font-size:18px;
}

.arzt-teaser p{
    font-size:12px;
}

.arzt-teaser a{
    font-size:14px;
}

.arzt-teaser div{
    padding-left:0px;
}

.arzt-teaser img, .ansprechpartner-teaser img{
    object-fit: cover;
    width: 100%;
}

.arzt-teaser h2, .arzt-teaser p{
    margin-left:5px;
    margin-right:5px;
}

.vita-link{
    position:absolute;
    bottom:0px;
    margin-bottom:15px;
    margin-left:5px;
    margin-right:5px;
    left:5px;
}

.vita-img img, .result #body-wrapper img{
    width:100%;
}

.vita-title h2{
    font-size:28px;
    color: #274577;
}

.vita-title h3{
    font-size:18px;
    color:#707A85;
}

.arzt-praxis-title {
    font-family: 'Segoe UI',Roboto,'Helvetica Neue',sans-serif;
    font-size: 18px;
    margin-bottom: 0.75em;
}

.arzt-praxis-fachrichtung {
    font-family: 'Segoe UI',Roboto,'Helvetica Neue',sans-serif;
    color: #333;
    margin-bottom: 0.25em;
}

.arzt-praxis-zusatz {
    
}

.uk-modal{
    background:rgba(39, 69, 119, 0.6);
}

.result #body-wrapper{
    padding-left:0px;
    padding-right:0px;
}

.result #body-wrapper .backlink{
    display:none;
}

.result #body-wrapper h1{
    font-size:28px;
}

.result #body-wrapper h2{
    font-size:16px;
}

.uk-modal .uk-modal-dialog{
    width:1000px;
    padding-left:0px;
}

section.body-wrapper .vita{
    position: absolute;
    top:0px;
    font-size:20px;
    color:#274577;
}

.uk-modal-dialog > .uk-close:first-child{
    margin:0px;
}

.uk-modal .uk-modal-close{
    border:none;
    background: none;
    box-shadow: none;
    color:#378BFF;
    font-size:25px;
    font-weight:bold;
    opacity:1;
}

.uk-modal section.body-wrapper{
    padding-left:0px;
    padding-right:0px;
    padding-bottom:50px;
    margin-left:0px;
}

.uk-modal h1{
    line-height: 28px;
}

.uk-modal h4{
    margin-bottom:0px;
    padding-bottom:4px;
    font-size:16px;
}

.uk-modal .arzt-zusatz h4, .uk-modal .result h3{
    margin-bottom:-1rem;
}

section.body-wrapper .line hr{
    background-color:#707A85;
    height:1px;
    margin-top:20px;
    margin-bottom:5px;
}

.telefon{
    font-size:37px;
    color:#424B5A;
    margin-bottom:20px;
}

/*
.email a{
    color:#707A85;
}
*/

.sprechzeiten td{
    padding-right:20px;
}

.profil{
    border-bottom:1px solid #707A85;
    position:relative;
}

.profil ul{
    margin-left:10px;
    color:#707A85;
}

.uk-slidenav-position{
    margin-top:50px;
    margin-bottom:80px;
}

.uk-accordion{
    position:relative;
}

.uk-accordion-title{
    border:none;
    background:none;
    margin-bottom:20px;
    margin-top:20px;
    padding-left:0px;
    position:relative;
}

.uk-accordion-title.uk-active{
    margin-bottom:0px;
}

.uk-accordion-title::after, .uk-accordion-title.uk-active::after{
    content:'›';
    right:15px;
    font-size:24px;
    font-weight:normal;
    position: absolute;
    top:0px;
    bottom:0px;
    margin:auto;
    height:24px;

    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
 .uk-accordion-title.uk-active::after{
    transform: rotate(90deg);
}

.safari .uk-accordion-content:before, .safari .uk-accordion-content:after{
    display:block;
}

#mapid {
    height: 300px;
    width: 100%;
    padding: 0; margin: 0;
}

#map .olControlAttribution, #map2 .olControlAttribution{
    bottom:0px;
}

body .uk-cover-background{
    background-size: auto 500px;
}

ul.uk-slideshow li{
    max-height:500px;
}

.slidecont ul.uk-slideshow li{
    max-height:1000px;
}

.uk-slidenav:before{
    content: "";
    background-image: url(/icons/slider-pfeil-next.svg);
    background-size:100% 100%;
    width:60px;
    height:60px;
    display:inline-block;
}

.uk-slidenav-previous::before{
    background-image: url(/icons/slider-pfeil-prev.svg);
}

.uk-slidenav-next::before{
    background-image: url(/icons/slider-pfeil-next.svg);
}

.head-arzt{
    margin-top:200px;
    /* width:550px; */
    /* padding-left:8%; */
}

.head-arzt h1{
    font-size:50px;
    margin-bottom:80px;
    font-family: 'Merriweather', serif;
}

.header-sub .logo-mediplex, .header-aerzte .logo-mediplex{
    /* position: absolute; */
    z-index:99;
}

.header.header-aerzte .head-arzt{
    margin-top:200px;
}

.header.header-aerzte .header-schmal{
    background-color: rgba(39,69,119,.8);
}

.header-sub .navigation-top select, .header-sub #navi.navigation-top.nav-active select{
    color:#fff;
}

.header-sub #navi.navigation-top.home select{
    color:#274577;
}

.header-sub #navi.navigation-top select{
    color:#fff;
}

.navigation-top.nav-arzt{
    right:0px;
    top:0px;
    padding-top:19px;
    height:77px;
    z-index: 99;
}

.navigation-top.nav-arzt nav ul ul{
    width:100%;
    position: fixed;
    left:0px;
    top:77px;
    right:0px;
    _opacity: 1;
    _visibility:visible;
    padding-right:14%;
    display:inline;
    z-index:1;
    background-color: rgba(256,256,256,.7);
}

.navigation-top.nav-arzt nav ul ul li{
    float:right;
    position:static;
}

.navigation-top.nav-arzt nav ul ul li a{
    padding-top:20px;
    padding-bottom:20px;
    color:#274577;
}

.navigation-top.nav-arzt.home nav ul ul li a:hover{
    color:#274577;
}

.navigation-top.nav-arzt nav ul ul li:hover{
    border:none;
}

.navigation-top.nav-arzt nav ul li{
    position: static;
}

.navigation-top.nav-arzt nav ul li a{
    padding-bottom:24px;
}

.navigation-top.nav-arzt nav ul li a:hover, .navigation-top.nav-arzt nav ul li a.active{
    border-bottom:3px solid #08f;
}

.navigation-top.nav-arzt nav ul li a, .navigation-top.nav-arzt nav ul li a.active{
    border-bottom:3px solid transparent;
}

.navigation-top.nav-arzt.home .dropmenu ul li a::before{
    content: url(/icons/mask-arrows-blue.svg);
    font-size:14px;
}

.navigation-top.nav-arzt.nav-active .dropmenu ul li a::before, .navigation-top.nav-arzt .dropmenu ul li a::before{
    content: url(/icons/mask-arrows.svg);
    font-size:14px;
    margin-top:-3px;
}

.navigation-top.nav-arzt .dropmenu ul li a:only-child::before{
    content: "";
}

.navigation-top.nav-active a, .navigation-top.nav-active a:hover, .navigation-top.nav-active, .navigation-top.nav-active select{
    color:#fff;
}

.navigation-top.home .aerzte-btn{
    border-left:2px solid #274577;
}

.navigation-top .aerzte-btn{
    border-left:2px solid #fff;
    padding-left:20px;
}

.navigation-top .aerzte-btn.nav-btn{
    border:none;
}

.navigation-top.nav-active .aerzte-btn{
    border-left:2px solid #fff;
}

.content{
    /*
    padding-left: 20%;
    padding-right: 20%;
    */
    text-align:center;
}

.content h2{
    font-size:40px;
    color:#274577;
}

.vorteile{
    color:#274577;
    text-align:center;
    margin-top:50px;
    font-size:20px;
}

.vorteile a{
    color:#274577;
}

.vorteile div{
    margin-top:10px;
    margin-bottom:10px;
}

.vorteile img{
    height:60px;
    margin-bottom:15px;
}

.arztsuche.content{
    width:100%;
    padding:50px 20%;
    background:#274577;
}

.arztsuche.content h2{
    color:#fff;
    margin-bottom:30px;
}

section.section{
    _padding-left:0px;
}

.news, .events{
    padding: 70px 8%;
    margin-left:0px;
}

.news, .events{
    padding: 70px 0;
    margin-left:0px;
}

.events{
    background: #DAE2ED;
}

.news h2, .events h2, .testimonials h2{
    font-size:40px;
    color: #274577;
    margin-top:0px;
}

.news h3 a, .events h3 a, .testimonials h3{
    font-size:25px;
    color: #274577;
    text-decoration:none;
}

.testimonials h3{
    margin-bottom:0px;
}

.news-teaser, .event-teaser{
    background-color:#fff;
    border-radius:3px;
    padding:15px;
    margin-top:15px;
    margin-bottom:15px;
    position:relative;
    width:100%;
}

.news-teaser span, .event-teaser span{
    font-size:14px;
}

.news form, .events form{
    margin-top:50px;
    text-align:center;
    width:100%;
}

.news button, .events button, .volltext button{
    width:300px;
    cursor: pointer;
}

.kontakt button{
    width:170px;
    cursor:pointer;
    padding-top:5px;
    padding-bottom:5px;
    font-size: 18px;
    line-height: 1.5em;
    height: auto;
}

section.testimonials{
    padding-left:0px;
    padding-top:50px;
    padding-bottom:50px;
}

.testimonials .uk-slideshow{
    overflow:visible;
}

.slidecont{
    padding-left:30%;
    padding-right:30%;
    padding-bottom:50px;
}

.slidecont img{
    width:40%;
}

.slidecont.uk-slidenav-position .uk-slidenav-previous{
    left:15%;
}

.slidecont.uk-slidenav-position .uk-slidenav-next{
    right:15%;
}

section.mitglied-werden{
    width: 100%;
    padding:50px 15%;
    background: #274577;
    color:#fff;
    margin:0px;
    margin-top: 130px;
    font-size:22px;
}

.news-teaser, .event-teaser{
    margin-top:30px;
    margin-bottom:30px;
    margin-left:0px;
}

.news-teaser .news-img,
.event-teaser .news-img {
    padding-left:0px;
}

.news-teaser h2 a, .event-teaser h3 a{
    color:#274577;
    font-size:22px;
    text-decoration: none;
}

.news-teaser .news-content span{
    font-size:16px;
}

.news-teaser .news-content h2 a{
    font-size:32px;
}

.news-teaser .news-content{
    /* font-size:20px; */
}

section.volltext h1{
    padding-bottom:30px;
    font-size:40px;
}

.news-caption{
    margin-top:3px;
    margin-bottom:30px;
    font-size:14px;
    line-height:18px;
}

.volltext .link, .link.download{
    width:100%;
    border-top:1px solid #707A85;
    padding-top:15px;
    padding-bottom:15px;
}

.link.download{
    margin-top:30px;
}

.volltext h2{
    color:#274577;
    font-size:25px;
    margin-top:30px;
}

.uk-accordion-content{
    padding-left:0px;
    padding-bottom:50px;
}

.mediplex h2{
    font-size:40px;
    color:#274577;
    margin-top:50px;
    margin-bottom:20px;
}

.mediplex h1, .kontakt h1{
    margin-bottom:20px;
    font-size:40px;
}

.caption{
    margin-top:3px;
    font-size:14px;
    line-height:18px;
}

.volltext button{
    width:100%;
}

.volltext.evnt .link{
    border-top: none;
    border-bottom: 1px solid #707A85;
}

.form-field label, .form-field label.form-checkbox .required{
    display:none;
}

.form-field label.form-checkbox{
    display:block;
}

.section.kontakt form input, .section.kontakt form select, .section.kontakt form textarea{
    width:100%;
    height:45px;
    margin-top:10px;
    margin-bottom:5px;
    border: 1px solid #707A85;
    border-radius:3px;
    padding-left:10px;
    padding-right:10px;
    font-size:18px;
}

.section.kontakt form textarea{
    padding-top:8px;
    height:100px;
}

.section.kontakt .form-select{
    background:none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    color:#777;
    background:none;
}

.section.kontakt form .form-select-wrapper{
    position: relative;
}

.section.kontakt form .form-select-wrapper::before{
    content: url(/icons/mask-arrows-blue.svg);
    font-size:14px;
    padding-top:17px;
    position:absolute;
    right:15px;
}

.section.kontakt form input#checkbox{
    width:20px;
    height:20px;
}

.section.kontakt form .button-wrapper{
    text-align:right;
    width:100%;
    margin-top:10px;
    font-size:18px;
}

.section.kontakt h2{
    color: #274577;
    font-size:25px;
}

.section.kontakt h3{
    margin-bottom:5px;
}

.ansprechpartner{
    background-color:#DAE2ED;
    padding-top:50px;
    padding-bottom:50px;
}

.ansprechpartner h2{
    color: #274577;
    font-size:40px;
    margin-bottom: 20px;
}

.ansprechpartner-teaser{
    padding-bottom:5px;
    margin-left:0px;
}

.ansprechpartner-teaser .partner-img{
    padding-left:0px;
}

.ansprechpartner-teaser h3{
    color: #424B5A;
    margin-top:15px;
    margin-bottom:5px;
    font-size:18px;
}

.ansprechpartner-teaser p{
    font-size:14px;
    line-height:18px;
}

.login input{
    width:100%;
    height:45px;
    margin-bottom:5px;
    border: 1px solid #707A85;
    border-radius:3px;
    padding-left:10px;
    padding-right:10px;
    font-size:14px;
}

.login form, .form-links{
    margin-top:100px;
    padding-left:14%;
    padding-right:14%;
}

.login .form-links{
    margin-top:5px;
    font-size:14px;
}

.offline{
    width:100%;
    padding-left:8%;
    padding-right:8%;
    margin-top:85px;
}

ul.uk-subnav{
    background:#378BFF;
    padding-bottom:5px;
    padding-top:5px;
    border-radius: 3px;
    padding-right:5px;
}

ul.uk-subnav li{
    margin-top:0px;
    padding-left:5px;
    font-size:16px;
}

ul.uk-subnav li a{
    color:#fff;
    padding:10px 8px;
    width:100%;
}

body .offline ul.uk-subnav li.uk-active a:hover{
    color:#274577;
}

ul.uk-subnav li.uk-active a{
    color:#274577;
    background:#fff;
    border-radius: 3px;
    box-shadow: none;
    -webkit-box-shadow: 0px 0px 7px 1px rgb(50, 50, 50);
    -moz-box-shadow: 0px 0px 7px 1px rgba(50,50,50,.5);
    box-shadow: 0px 0px 7px 1px rgba(50,50,50,.5);
}

ul.uk-subnav li.uk-active span{
    margin-right:5px;
}

ul.uk-subnav li.uk-active span img{
    width:20px;
}

.link span{
    margin-right:15px;
}

.link span img{
    width:20px;
    margin-top:-8px;
}

.header-fixed .mobile-menu{
    z-index:999;
}

.mobile-container{
    z-index: 99;
}

.mobile-container .overlay{
    background:#274577;
}

.mobile-menu .button_container span{
    background:#fff;
}

.mobile-nav ul{
    text-align:left;
    margin-top:20px;
}

.mobile-nav ul li{
    list-style: none;
    margin-top:15px;
    font-size:20px;
}

.mobile-nav ul li a:hover, .mobile-nav ul li.active-mobile a{
    border-bottom:3px solid #08f;
    margin-bottom:-3px;
    text-decoration:none;
}

.mobile-nav ul li a{
    color:#fff;
}

.praxis-mobile, .mobile-title, .maplink-mobile, .mobile-link{
    display:none;
}

.zwischenname h2{
    font-size:28px;
    color:#274577;
}

.mobile-title h2{
    font-size:30px;
    color:#274577;
}

.kontakt-bar-mobile{
    display:none;
    padding-left:15px;
    padding-right:15px;
}

.kontakt-bar-mobile .telefon, .kontakt-bar-mobile .videosprechstunde, .kontakt-bar-mobile .email, .kontakt-bar-mobile .routenplaner{
    margin-bottom:15px;
}

.kontakt-bar-mobile .telefon{
    font-size:18px;
}

.kontakt-bar-mobile .uk-accordion{
    border-bottom:1px solid #707A85;
}

.kontakt-bar-mobile a span{
    margin-right:15px;
    vertical-align: top;
}

.kontakt-bar-mobile a span img{
    width:20px;
}

.kontakt-bar-mobile .routenplaner a span img{
    width:16px;
    margin-left:2px;
    margin-right:2px;
}

.kontakt-bar-mobile .link a span img{
    margin-top:-5px;
}

.kontakt-bar-mobile .link{
    margin-top:20px;
}

.uk-accordion-title{
    border-radius: 0px;
    font-size:20px;
}

.nav-komplett{
    /* position: absolute; */
    /* right:0; */
}

.spezialisten h1{
    margin-bottom:30px;
    font-size:40px;
}

.spezialisten .uk-accordion-title{
    border-top:1px solid #707A85;
    margin:0px;
    padding-top:25px;
    padding-bottom:25px;
}

.spezialisten .uk-accordion-title:first-child{
    border:none;
}

.spezialisten .uk-accordion-title:nth-last-child(2){
    border-bottom:1px solid #707A85;
}

.spezialisten .uk-accordion-title.uk-active{
    border-bottom:none;
}

.news-content.no-img{
    padding-left:0px;
}

#map-big, #map-small{
    text-align: right;
}

iframe#youtube{
    pointer-events: auto !important;
}

.name-input input,
.login-form input {
    width: 100%;
    display: block;
    background: transparent;
    text-align: left;
}

.name-input input {
    padding-left: 5px;
    padding-right: 5px;
}

.name-input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.tan-input {
    position: relative;
    top: 0;
    margin: 0 auto;
}

.check-in-form.next .sprechstunde button{
    margin-top: 55px;
}

.sprechstunde button{
    cursor: pointer;
}

.check-in-form.next .tan-input input#tan {
    margin-bottom:10px;
}

.check-in-form.next .name-input {
    opacity: 1;
    visibility: visible;
    position: relative;
}

.tan-input,
.name-input{
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#form-token-login{
    position:relative;
}

#page-wrapper #tutorial{
    padding:50px 8%;
}

#tutorial{
    padding:0px 50px 50px;
}

body .uk-modal-dialog .result-tutorial{
    padding-top:70px;
}

.tutorial-punkt{
    font-size:70px;
    color: #274577;
    margin-top:70px;
    text-align:center;
}

#tutorial h2{
    font-size:30px;
    color: #274577;
    margin-top:60px;
}

.uk-modal .result #tutorial h3{
    margin-bottom:0px;
}

@media (max-width:1700px){
    .header{
        padding-bottom:50px;
    }

    .arztsuche h1, .head-arzt h1{
        font-size:50px;
        margin-bottom: 40px;
    }
}

@media (max-width:1400px){
    .header{
        padding-bottom:40px;
    }

    .telefon{
        font-size:30px;
    }

    .header{
        background-size: cover;
    }

}

@media (max-width:1200px){
    .header.header-aerzte{
        padding-top:300px;
    }

    .kontakt-bar, .desk-link{
        display:none;
    }

    .arztsuche{
        margin-top:100px;
        padding-right: 0;
    }

    .kontakt-bar-mobile, .mobile-link{
        display:block;
    }

    .qualitaetssiegel{
        right:50px;
        top:390px;
        display: none;
    }

    .qualitaetssiegel-aerzte{
        right:50px;
    }

    .header.header-aerzte{
        padding-top:70px;
    }
}

@media (max-width:1100px){

    .sprechstunde input#tan, .sprechstunde input#user-name{
        width:100%;
        margin-right:0px;
    }

    .sprechstunde button{
        width:100%;
        margin-top:5px;
        margin-left:0px;
    }

    .nav-komplett{
        right:2%;
    }

    .login form{
        margin-top:100px;
        padding-left:0px;
        padding-right:0px;
    }

    .qualitaetssiegel{
        right:-30px;
        top:220px;
    }

    .qualitaetssiegel-aerzte{
        right:-30px;
    }

    .qualitaetssiegel img, .qualitaetssiegel-aerzte img{  
        width:80%;
    }

}

@media (max-width:959px){
    .header.header-aerzte{
        background-size: cover;
    }
    h1{
        font-size:30px;
    }

    .mediplex h1 {
        font-size:40px;
    }

    .sprechstunde{
        margin-top:30px;
    }

    .sprechstunde input#tan, .sprechstunde input#user-name{
        width:66%;
        margin-right:2%;
    }

    .sprechstunde button{
        width:30%;
        margin-top:0px;
        margin-left:2%;
    }

    .vita .mobile-title{
        margin-bottom:20px;
    }

    #footer ul.level-2{
        display:none;
    }

    #footer{
        text-align: center;
    }

    #footer .logo-footer img, .safari #footer .logo-footer img{
        width:100px;
        height:auto;
        margin-bottom:10px;
    }

    #footer .footer-nav ul li{
        margin-bottom:20px;
    }
    #footer .logo-footer, #footer .footer-nav, #footer .footer-nav ul, #footer .footer-nav ul li{
        float:none;
        padding-left:0px;
    }

    .safari #footer{
        padding-bottom:240px;
    }

    .ansprechpartner-teaser h3{
        margin-top:5px;
    }

    .arzt-teaser img, .ansprechpartner-teaser img{
        height:100px;
    }

}

@media (max-width:840px){
    .navigation-top{
        display:none;
    }

    .header-fix{
        position: fixed;
        z-index: 999;
        top:0px;
        left:0px;
        background:#274577;
        height:60px;
        width:100%;
        padding-left:8%;
    }

    .header-sub .header-fix, .header.header-aerzte .header-fix{
        padding-left:0px;
    }

    .header-schmal, #map-big, #map-small{
        /* display:none; */
    }

    .qualitaetssiegel{
        display:none;
    }

    .qualitaetssiegel-aerzte{
        left:8%;
        width:200px;
    }

    .qualitaetssiegel-mobile{
        display:block;
        text-align: center;
        margin-bottom:100px;
    }

    #head-ergebnis h1, .praxis-teaser h2{
        font-size:30px;
    }

    #map-width{
        height:0px;
        overflow: hidden;
    }

    .maplink-mobile{
        display:block;
        text-align:center;
        margin-top:15px;
        margin-bottom:15px;
    }

    .mobile-nav-open .logo-mediplex{
        display:none;
    }

    .mobile-nav-open .header-fix{
        background:none;
        height:0px;
    }

    .header{
        background:#274577;
        padding-bottom:50px;
    }

    .arztsuche{
        width:100%;
        padding-top:250px;
        margin-top:0px;
    }

    .arztsuche h1{
        color:#fff;
    }

    .header .arztsuche select, .arztsuche.content select{
        margin-bottom:10px;
    }

    .praxis-mobile{
        display:block;
    }

    .praxis-mobile .praxis-teaser{
        padding-left:20px;
        padding-right:20px;
        padding-bottom:70px;
    }

    .praxis-teaser h4{
        margin-bottom:20px;
    }

    .praxis-mobile .praxis-teaser img{
        width:100%;
    }

    .praxis-desk{
        display:none;
    }

    .kontakt-bar-mobile .uk-accordion{
        border-top:1px solid #707A85;
    }

    .news-teaser .news-content{
        padding-left:0px;
        padding-top:30px;
        padding-bottom:50px;
    }

    #aerzte-wrapper .mitglied-werden p{
        margin-bottom:30px;
    }

    .content{
        padding-left:0px;
        padding-right:0px;
    }

    .arztsuche.content, .slidecont{
        padding-left:8%;
        padding-right:8%;
    }

    .arztsuche.content{
        padding:50px 25px;
    }
}

@media (max-width:768px){
    .head-arzt{
        width:100%;
        padding-right:8%;
    }

    .abstand{
        height:1.5em;
    }

    .anmeldung{
        margin-bottom:20px;
    }
}

@media (max-width:665px){
    h1, .mediplex h1, .kontakt h1, .spezialisten h1{
        font-size:30px;
    }

    .patienten .headline h2{
        font-size:25px;
    }

    #head-ergebnis h1, .praxis-teaser h2, .praxis-teaser h2 a{
        font-size:20px;
    }

    .praxis-teaser h3{
        font-size:18px;
    }

    .logo-mediplex img, .header-sub .logo-mediplex img, .header-aerzte .logo-mediplex img{
        width:115px;
    }

    .logo-mediplex img{
        padding: 25px 10px;
    }

    .head-arzt h1{
        margin-top:-50px;
    }

    .header-sub{
        margin-bottom:70px;
    }

    .arztsuche{
        padding-top:150px;
    }

    .arztsuche h1, .head-arzt h1{
        font-size:40px;
        margin-bottom:30px;
    }

    .desk-title{
        display:none;
    }

    .mobile-title{
        display:block;
    }

    .arzt-zusatz{
        padding-top:5px;
        margin-top:20px;
        border-top: 1px solid #707A85;
    }

    .uk-accordion-title::after, .uk-accordion-title.uk-active::after{
        right:0px;
    }

    .news .beitrag, .news h2, .news form, .events .beitrag, .events h2, .events form, .mitglied-werden div{
        padding-left:0px;
    }

    .news button, .events button, .volltext button{
        width:100%;
    }

    .slidecont.uk-slidenav-position .uk-slidenav-previous{
        left:0px;
    }

    .slidecont.uk-slidenav-position .uk-slidenav-next{
        right:0px;
    }
    
    .mediplex-img{
        margin-top:30px;
    }

    .news-sidebar{
        margin-top:20px;
    }

    .praxis-page h1{
        font-size:30px;
    }

    #aerzte-wrapper .news .beitrag, #aerzte-wrapper .events .beitrag{
        display:none;
    }

    #aerzte-wrapper .news .beitrag:first-of-type, #aerzte-wrapper .events .beitrag:first-of-type{
        display:block;
    }
}

@media (max-width:350px){
    .arztsuche h1, .head-arzt h1{
        font-size:30px;
    }

    .qualitaetssiegel-aerzte{
        width:150px;
    }

    .sprechstunde input#tan, .sprechstunde input#user-name{
        width:100%;
        margin-right:0px;
    }

    .sprechstunde button{
        width:100%;
        margin-top:5px;
        margin-left:0px;
    }

    .offline ul.uk-subnav li a{
        font-size:14px;
    }
}

/*
http://angrytools.com/gradient/?27_274577,42_5197ca,48_427CA6,53_5197ca,71_274577&0_100,48_100,100_100&l_360
!important in jeder Zeile hinzufügen
*/
.gradient-blue {
    background: -moz-linear-gradient(360deg, rgba(39,69,119,1) 0%, rgba(39,69,119,1) 27%, rgba(67,126,168,1) 42%, rgba(59,111,148,1) 47%, rgba(59,111,149,1) 48%, rgba(64,120,161,1) 58%, rgba(39,69,119,1) 71%, rgba(39,69,119,1) 100%) !important; /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(39,69,119,1)), color-stop(27%, rgba(39,69,119,1)), color-stop(42%, rgba(67,126,168,1)), color-stop(47%, rgba(59,111,148,1)), color-stop(48%, rgba(59,111,149,1)), color-stop(58%, rgba(64,120,161,1)), color-stop(71%, rgba(39,69,119,1)), color-stop(100%, rgba(39,69,119,1))) !important; /* safari4+,chrome */
    background: -webkit-linear-gradient(360deg, rgba(39,69,119,1) 0%, rgba(39,69,119,1) 27%, rgba(67,126,168,1) 42%, rgba(59,111,148,1) 47%, rgba(59,111,149,1) 48%, rgba(64,120,161,1) 58%, rgba(39,69,119,1) 71%, rgba(39,69,119,1) 100%) !important; /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(360deg, rgba(39,69,119,1) 0%, rgba(39,69,119,1) 27%, rgba(67,126,168,1) 42%, rgba(59,111,148,1) 47%, rgba(59,111,149,1) 48%, rgba(64,120,161,1) 58%, rgba(39,69,119,1) 71%, rgba(39,69,119,1) 100%) !important; /* opera 11.10+ */
    background: -ms-linear-gradient(360deg, rgba(39,69,119,1) 0%, rgba(39,69,119,1) 27%, rgba(67,126,168,1) 42%, rgba(59,111,148,1) 47%, rgba(59,111,149,1) 48%, rgba(64,120,161,1) 58%, rgba(39,69,119,1) 71%, rgba(39,69,119,1) 100%) !important; /* ie10+ */
    background: linear-gradient(90deg, rgba(39,69,119,1) 0%, rgba(39,69,119,1) 27%, rgba(67,126,168,1) 42%, rgba(59,111,148,1) 47%, rgba(59,111,149,1) 48%, rgba(64,120,161,1) 58%, rgba(39,69,119,1) 71%, rgba(39,69,119,1) 100%) !important; /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#274577', endColorstr='#274577',GradientType=1 ) !important; /* ie6-9 */ 
}