@charset "UTF-8";

@media all {

    .left{ float: left;}
    .right{ float: right;}

    .block-ambulanz .col {
        margin-bottom: 20px;
        width: 100%;
    }

    .block-ambulanz .col.head {
        padding-bottom: 20px;
        margin-top: 0;
    }

    .block-ambulanz .col.head h3 {
        margin-bottom: 20px;
    }

    .block-ambulanz .klinikname {
        margin-bottom: 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgb(223, 229, 237);
    }

    .block-ambulanz .link-button {
        margin-bottom: 10px;
        display: block;
    }

    .block-ambulanz .link-button.meinuksh{
        color: rgba(255, 255, 255, 1);
        border: 1px solid rgba(0, 55, 100, 1);
        background-color: rgba(0, 55, 100, 1);
        text-decoration: none;
    }

    .block-ambulanz .link-button.meinuksh:hover{
        color: rgba(255, 255, 255, 1);
        border: 1px solid rgba(0, 55, 100, .2);
        background-color: rgba(0, 55, 100, .6);
        text-decoration: none;
    }

    .block-ambulanz .link-button.meinuksh::before {
        opacity: 1;
    }

    .block-ambulanz h3 {
        line-height: 1.5em;
        line-height: 1.5rem;
        margin-bottom: .6em;
        margin-bottom: .6rem;
    }

    .block-ambulanz .col img {
        max-width: 100%;
        margin-bottom: 10px;
    }

    .block-ambulanz .col .tblock {
        margin-bottom: 1.6rem;
        margin-bottom: 1.6em;
    }

    .block-ambulanz .col .meinuksh-info {
        background-color: rgb(255,255,255);
        border-radius: 3px;
        border: 1px solid rgba(0, 55, 100, .2);
    }
    .block-ambulanz .col .meinuksh-info:hover {
        box-shadow: 0 0 3px 2px rgba(0, 55, 100, .1);
    }

    .block-ambulanz .col .meinuksh-info img{
        width: 100%;
    }

    .block-ambulanz .col .meinuksh-info .body {
        padding: 17px 20px;
    }

    .block-ambulanz .col .meinuksh-info .name {
        font-size: 1.25rem;
        line-height: 1.6rem;
        margin-bottom: .6rem;
        font-weight: 700;
    }

    .block-ambulanz .col .meinuksh-info a {
        color: rgba(0,55,100,1);
    }
    .block-ambulanz .col .meinuksh-info a:hover {
        color: rgba(0,55,100,1);
        text-decoration: none;
    }

    .block-ambulanz .col .contact-telefon {
        margin-bottom: 20px;
    }

    .block-ambulanz .col .contact-location div {
        margin-bottom: .8em;
        margin-bottom: .8rem;
    }

    .block-ambulanz .contact > div {
        margin-bottom: 10px;
    }

    .block-ambulanz .contact-telefon > div {
        margin-bottom: 10px;
    }

    #telebox,
    #zuweiser_info {
        display: none;
    }

    #cboxLoadedContent .zuweiser_info {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #cboxLoadedContent .contact {
        margin-bottom: 10px;
        border-bottom: 1px solid rgb(223, 229, 237);
        padding-top: 10px;
        padding-bottom: 20px;
    }

    #cboxLoadedContent .contact:first-child {
        padding-top: 0;
    }

    #cboxLoadedContent .contact:last-child {
        border-bottom: 0;
        padding-bottom: 10px;
    }

    #cboxLoadedContent .contact span {
        width: 55px;
        display: inline-block;
    }

    #cboxLoadedContent .contact .buero {
        margin-top: 10px;
    }

    #cboxLoadedContent .contact .info {
        margin-top: 10px;
    }

    .block-mein-uksh a {
        width: 100%;
        color: inherit;
        font-size: 1.4em;
        font-size: 1.4rem;
        line-height: 1.6em;
        line-height: 1.6rem;
        padding: 10px 20px 8px 9px;
        border: 1px solid rgb(223, 228, 239);
    }

    .block-mein-uksh a.icon-before:hover {
        border-color: rgb(223, 228, 239);
    }

    .block-mein-uksh a.icon-before::before {
        opacity: 1;
    }

    #form .field-radio label,
    #form .field-checkbox label {
        border: 0;
        cursor: pointer;
    }
    #form .field-radio label input,
    #form .field-checkbox label input {
        appearance: none;
    }


    #form .field-radio label span,
    #form .field-checkbox label span {
        cursor: pointer;
        user-select: none;
        position: relative;
        border-radius: 3px;
        display: inline-block;
        padding-left: 30px;
        border: 1px solid transparent;
    }

    #form .field-radio label span::before,
    #form .field-checkbox label span::before {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 10px;
        content: '';
        border: solid 3px rgb(255, 255, 255);
        background-color: rgb(255, 255, 255);
        box-shadow: 0 0 1px 1px rgba(0, 55, 100, .4);
    }

    #form .field-radio label span::before {
        border-radius: 10px;
    }

    #form .field-radio label:hover span::before,
    #form .field-checkbox label:hover span::before {
        box-shadow: 0 0 1px 1px rgba(0, 55, 100, .6);
    }

    #form .field-radio label > input:checked ~ span::before,
    #form .field-checkbox label > input:checked ~ span::before {
        background-color: rgba(0, 55, 100, .8);
    }

}

@media all and (min-width: 620px)
{

    .left{ padding-right: 20px;}
    .right{ padding-left: 20px;}

    .block-ambulanz .link-button {
        display: inline-block;
        margin-right: 10px;
    }

    .block-ambulanz .c01 { width: 50%; width: calc(50%); }
    .block-ambulanz .c02 { width: 50%; width: calc(50%); }
    .block-ambulanz .c03 { width: 50%; width: calc(50%); }
    .block-ambulanz .c04 { width: 50%; width: calc(50%); }
    .block-ambulanz .c05 { width: 50%; width: calc(50%); }
    .block-ambulanz .c06 { width: 50%; width: calc(50%); }
    .block-ambulanz .c08 { width: 50%; width: calc(50%); }
    .block-ambulanz .c09 { width: 50%; width: calc(50%); }
    .block-ambulanz .c10 { width: 50%; width: calc(50%); }
    .block-ambulanz .c11 { width: 50%; width: calc(50%); }
    .block-ambulanz .c12 { width: 100%; width: calc(100%); }

}

@media all and (min-width: 920px)
{

    .block-ambulanz .c01 { width: 8.33%; width: calc(8.33%); }
    .block-ambulanz .c02 { width: 16.66%; width: calc(16.66%); }
    .block-ambulanz .c03 { width: 25%; width: calc(25%); }
    .block-ambulanz .c04 { width: 33.33%; width: calc(33.33%); }
    .block-ambulanz .c05 { width: 41.66%; width: calc(41.66%); }
    .block-ambulanz .c06 { width: 50%; width: calc(50%); }
    .block-ambulanz .c08 { width: 66.66%; width: calc(66.66%); }
    .block-ambulanz .c09 { width: 75%; width: calc(75%); }
    .block-ambulanz .c10 { width: 83.33%; width: calc(83.33%); }
    .block-ambulanz .c11 { width: 91.66%; width: calc(91.66%); }
    .block-ambulanz .c12 { width: 100%; width: calc(100%); }

}

@media all and (min-width: 1240px)
{

    .block-ambulanz .side .meinuksh-info {
        max-width: 280px;
        float: right;
    }

}