﻿
    /***********************************************************/
    /***********************************************************/
    /***********************************************************/
    /***********************************************************/
    /***********************************************************/

    /* Cookiehinweis */

    .btn-cookie-mobile {
         display:none !important
        }
@media screen and (max-width:767px) {
    .btn-cookie-mobile {
         display:block !important
        }
}
    div.cookies, div.CookiePopup {
        font-family: inherit;
        font-weight: 400;
    }

    /* Standard Cookie */

    div.cookies {
        bottom: 0;
        left: 0;
        padding: 20px 20px;
        position: fixed;
        width: 100%;
        z-index: 1000;
        box-sizing:border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        font-size: 13px;
    }

div.cookies a.right, div.cookies a.pull-right {
    float: right;
}

div.cookies p {
    padding-top:15px;
    line-height: 21px;
        font-size: 13px;
}

div.cookies p:first-child, div.cookies p:first-child + p {
    padding-top:0px !important;
}

@media screen and (max-width:767px) {
    div.cookies {
        font-size: 11px;
    }
    div.cookies p {
        font-size: 11px;
    }


    div.cookies .btn {
        margin-bottom: 10px;
        max-width:100%;
        display:block;
        width:100%;
    }
    div.cookies a.right, div.cookies a.pull-right {
        display: block;
        float: none;
    }
}

div.cookies a.btn {
    text-decoration: none;
        -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
}


/* Neuer Cookiehinweis Anpassungen */
div.cookies.newDesign div.cookieTextArea a,
div.cookies.newDesign .cookieSettingsArea .controlSwitchItem + a {
    text-decoration: underline;
}
div.cookies.newDesign div.cookieTextArea {margin-bottom:20px;}
div.cookies.newDesign div.cookieTextArea p:last-of-type {margin-bottom:5px;}

div.cookies.newDesign a.btn {
    display:inline-block;
}

div.cookies.newDesign a.btn i {
    line-height:normal;
    font-size:22px;
    margin-right:5px;
}
div.cookies.newDesign a.btn.CookieSelectionAccept {display:none;}

    div.controlSwitchItem { display: inline-block;}
    div.controlSwitchItem label {
        position: relative;
        display: inline-block;
        width: 90px;
        height: 4.2em;
    }

    div.cookies.newDesign .button-float-right a.btn {
        float: right;
    }
div.cookies.newDesign .button-float-right a.btn {margin-right: 20px;}
div.cookies.newDesign .button-float-right a.btn:first-child {margin-right: 0px;}

/*div.cookies.newDesign + a.btn.CookieSettingsButton {
    position: fixed;
    z-index:1000;
    left: 50px;
    bottom:0px;
    border-radius:0px;
}*/

div.cookies.newDesign + a.btn.CookieSettingsButton {
    /*position: fixed;*/
    /*z-index:1000;
    left: 50px;
    bottom:0px;*/
    border-radius:0px;
}

footer a.btn.CookieSettingsButton {
    position:relative;
    margin-top:20px;
    padding-top: 0px;
    padding-bottom:0px;
    color: #fff;
    float: left;
    display: block!important;
}

@media screen and (max-width:1280px) {
    div.cookies.newDesign div.container div.row .col5,
    div.cookies.newDesign div.container div.row .col7 {
        width: 50% !important;
    }
}

@media screen and (max-width:1100px) {
    div.cookies.newDesign div.container div.row .col5,
    div.cookies.newDesign div.container div.row .col7 {
        width: 100% !important;
    }
    div.cookies.newDesign .button-float-right {margin-top:10px;}
    div.cookies.newDesign .button-float-right a.btn {float:none !important;}
    div.cookies.newDesign .button-float-right a.btn:last-child {float:left !important;}
    div.cookies.newDesign .LinkCookieSettings.desktop { width:auto;}
    div.cookies.newDesign a.btn.CookieReject {
        margin-right: 10px;
    }

}

@media screen and (max-width:767px) {
    div.cookies.newDesign a.btn.CookieReject, div.cookies.newDesign .button-float-right a.btn {
        margin-right: 0px;
    }

}

@media screen and (max-width:480px) {
    footer a.btn.CookieSettingsButton {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
}

div.controlSwitchItem input {
    display: none;
}

div.controlSwitchItem input:checked + .controlSwitch::before, div.controlSwitchItem input:checked + input[type=hidden] + .controlSwitch::before {
    -webkit-transform: translateX(1.9em);
    -ms-transform: translateX(1.9em);
    transform: translateX(1.9em);
}

div.cookies a.btn {
    text-decoration: none;
        -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.controlSwitchItem .controlSwitch::before {
    position: absolute;
    content: "";
    height: 1.6em;
    width: 1.6em;
    left: 0.2em;
    bottom: 0.2em;
    border-radius: 50%;
    transition: all .3s ease-in-out;
}

/*.controlSwitch + span {
    position: absolute;
    bottom:0px;
    left:0px;
}*/

.controlSwitch + span {
    position: absolute;
    top: 40px;
    bottom:auto;
    left: 0px;
    line-height: 18px;
}


div.cookies div.controlSwitchItem {
    line-height: 28px;
}

div.controlSwitchItem .controlSwitch {
    position: absolute;
    cursor: pointer;
    top:0;
    left:0px;
    width: 4em;
    height: 2em;
    transition: all .3s ease-in-out;
    border-radius: 1em;
}

div.controlSwitchItem input.checked:checked ~ input[type="hidden"] ~ span.controlSwitch
{
    opacity:0.5;
    cursor:not-allowed;
}

div.cookieSettingsArea div.controlSwitchItem + a::before {
    display:block;
    content:"";
}

div.cookieSettingsArea div.row{
    padding-top: 10px;
}

    div.cookies.newDesign ~ div > div.CookieOverlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 1001;
    }

div.cookies.newDesign ~ div > div.CookiePopup {
    /*display: none;*/
    position: fixed;
    top: 50%;
    left: 50%;
    /*margin: -320px 0 0 -640px;*/
    -webkit-transform: translate(-50%, -50%);
    -moz-transform:  translate(-50%, -50%);
    -ms-transform:  translate(-50%, -50%);
    -o-transform:  translate(-50%, -50%);
    transform:  translate(-50%, -50%);
    z-index:1002;
    padding: 0 25px;
}

@media screen and (max-width: 767px) {
    div.cookies.newDesign ~ div > div.CookiePopup {
        top: 10%;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }
}


div.cookies.newDesign div.container {
    padding:0px 0px;

}


@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1100px) {



}


@media screen and (max-width: 1024px) {


}

@media screen and (max-width: 980px) {

    div.CookiePopupWrapper div.container.CookiePopup {
        width: 820px;
    }


    div.CookiePopupNavi {display:none;}
    div.CookiePopup div.col8.CookiePopupContent {width:100% !important;}
}


@media screen and (max-width: 767px) {

}


/* Popup start*/

div.CookiePopupWrapper {display:none; }
div.CookiePopupWrapper div.CookiePopupNavi,  div.CookiePopupWrapper  div.CookiePopupContent div.colContent {
    overflow-y: scroll;
    overflow-x:hidden;
    height: 650px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


div.CookiePopupWrapper div.CookiePopupContent {
    position:relative;
    height:auto;
}

div.CookiePopupWrapper div.CookiePopupContent div.colContent {
    height: 580px;
}

div.CookiePopupWrapper div.CookiePopupContent a.close {
    position:absolute;
    right: 30px;
    top:10px;
    font-size:30px;
}
div.CookiePopupWrapper div.CookiePopupContent a.btn {
    float: right;
    margin-bottom: 15px;
}


div.CookiePopupWrapper .panel-heading .panel-title a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 20px;
    text-decoration: none;
}

.panel-heading .panel-title a{
    position: relative;
    display: block;
    width: 100%;
}

.panel-heading .panel-title a.opener > i{
    padding: 0 10px;
    line-height: normal;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 30px;
}

@media screen and (max-width: 980px) {
    div.CookiePopupWrapper .panel-heading .panel-title a {
        padding-right: 40px;
    }
}

@media screen and (max-width: 767px) {
    div.CookiePopupWrapper .panel-heading .panel-title.panel-switch a.opener span {
        max-width:60%;
    }

}

@media screen and (max-width: 480px) {
    div.CookiePopupWrapper div.CookiePopupContent a.btn  {
        height:auto;
        line-height:normal;
    }
}


div.popupInformationsBox {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px;
    margin:20px 0;
}

div.popupInformationsBox div.boxRow {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 5px;
    margin-bottom:5px;
    min-height: 34px;
}

div.popupInformationsBox div.boxRow::after {
    clear:both;
    content:"";
    display:block;
    height:0px;
}
div.popupInformationsBox ul {
    padding:0px 0px 0px 20px;
    list-style-position:outside;
}
div.popupInformationsBox ul li {
    list-style-type:disc; 
    margin-bottom:5px;
}

div.popupInformationsBox div.boxCol.title {font-weight:bold;}
div.popupInformationsBox div.boxCol:first-child {width:35%;}
div.popupInformationsBox div.boxCol {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width:65%;
    float:left;
    padding: 0px 10px;
    font-size:16px;
}

div.popupInformationsBox div.boxRow div.boxCol p {
    margin:0px 0px;
    padding: 0px 0px;
}


@media screen and (max-width:767px) {
    div.popupInformationsBox div.boxCol {width:100% !important;}
    div.popupInformationsBox div.boxCol.title {margin-bottom:5px;}
}

    div.CookiePopupWrapper div.CookiePopupNavi {
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

div.CookiePopupWrapper div.CookiePopupNavi ul {
    list-style:none;
    margin:0px 0px;
    padding: 0px 0px;
}
div.CookiePopupWrapper div.CookiePopupNavi ul.submenu {
    display:none;
}

div.CookiePopupWrapper div.CookiePopupNavi a ~ ul.submenu:first-of-type {display:block;}


div.CookiePopupWrapper div.CookiePopupNavi ul li > a {
    text-transform:uppercase;
}

div.CookiePopupWrapper div.CookiePopupNavi ul li a + ul.submenu li a, 
div.CookiePopupWrapper div.PopupControlSwitch + ul.submenu li a
{
    padding-left:20px;
    text-transform:none;
}

div.CookiePopupWrapper div.CookiePopupNavi ul li a {  
    display:block;
    max-width: 80%;
}

div.CookiePopupWrapper div.CookiePopupNavi ul > li {
    padding: 5px 0px;
    list-style:none;
}
div.CookiePopupWrapper div.CookiePopupNavi .controlSwitchItem::after {
    clear:both;
    display:block;
    content: "";
    height:0px;
}

div.CookiePopupWrapper div.CookiePopupContent {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

div.CookiePopupWrapper div.CookiePopupContent div.colContent {
    padding: 55px 55px 0px 55px;
    margin-bottom:20px;
}
div.CookiePopupWrapper div.CookiePopupNavi div.colContent {
    padding: 55px 20px;
}

div.CookiePopupContent div.contentTab {
    display: none;
}
div.CookiePopupContent div.contentTab:first-child {
    display:block;
}

@media screen and (max-width:980px) {
    div.CookiePopupContent div.contentTab {
        display: block !important;
        margin-bottom:50px;
    }

    div.CookiePopupWrapper div.CookiePopupContent{
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
}

div.CookiePopupWrapper div.CookiePopupContent div.accordion {margin: 20px 0px;}
div.CookiePopupWrapper div.CookiePopupContent div.accordion .panel {padding:0px 0px;}
div.CookiePopupWrapper div.CookiePopupContent div.accordion .panel-heading {
    height: 36px;
    line-height: 36px;
    padding: 5px 0px;
}


@media screen and (max-width:767px) {
    div.CookiePopupWrapper div.CookiePopupContent div.accordion .panel-heading {
        height: auto;
        line-height:normal;
    }
    div.CookiePopupWrapper div.CookiePopupContent div.colContent {
        padding: 40px 15px 0 15px;
    }         

    div.CookiePopupWrapper div.CookiePopupContent a.close {
        right: 18px;
    } 

}

div.CookiePopupWrapper div.CookiePopupContent div.accordion .panel-collapse {padding-right:0px;}
div.CookiePopupWrapper div.CookiePopupContent div.accordion .panel-body {padding:5px 0px;}
div.CookiePopupWrapper div.CookiePopupContent div.accordion .panel-body > p {padding:0px 0px;}

    div.CookiePopupWrapper .controlSwitch {
        right: 0;
        left: auto;
        width: 58px;
        height: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 20px;
    }

    div.CookiePopupWrapper .controlSwitch::before {
        width: 22px;
        height: 22px;
        bottom: .15em;
    }
div.CookiePopupWrapper div.controlSwitchItem input:checked ~ .controlSwitch::before,
div.CookiePopupWrapper div.controlSwitchItem input:checked ~ input[type="hidden"] ~ .controlSwitch::before {
    -webkit-transform: translateX(1.3em);
    -ms-transform: translateX(1.3em);
    transform: translateX(1.3em);
}

div.CookiePopupWrapper .controlSwitchItem {
    display:block;
}

div.CookiePopupWrapper div.controlSwitchItem label {
    position: relative;
    width: 100%;
    height: 30px;
    display: block;
    width: 60px;
    line-height: 30px;
}

div.CookiePopupWrapper div.CookiePopupNavi .controlSwitch div.controlSwitchItem label {width:auto;}
div.PopupControlSwitch > a, div.PopupControlSwitch > *:first-child {display:inline; float:left; text-transform:uppercase;}
div.CookiePopupWrapper div.CookiePopupContent div.PopupControlSwitch {margin-bottom:10px;}
div.CookiePopupWrapper div.CookiePopupContent div.accordion div.accordion-items div.PopupControlSwitch {margin-bottom:0px;}

div.PopupControlSwitch > a ~ label,
div.PopupControlSwitch > *:first-child ~ label
{display:inline; float:right;}

div.CookiePopupWrapper div.CookiePopupContent .panel-heading.relative {position:relative;}
div.CookiePopupWrapper div.CookiePopupContent .panel-heading.relative > *:last-child {position:absolute; top:8px; right:40px; z-index:100;}

/* neu */
@media screen and (max-width:767px) {
    div.CookiePopupWrapper div.CookiePopupContent .panel-heading.relative > :last-child {
        position: relative;
        top: 0px;
        right:unset;
        left:0px;
        padding: 10px 0px;
    }
}

div.CookieHintModule div.controlSwitchItem label {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 75px;
    top: 0;
}

div.CookieHintModule div.controlSwitchItem .controlSwitch {
    position: absolute;
    cursor: pointer;
    top: 0px;
    left: 0px;
    width: 4em;
    height: 30px;
    transition: all .3s ease-in-out;
    border-radius: 1em;
}

div.CookieHintModule .controlSwitch + span {
    position: absolute;
    top: 40px;
    bottom:auto;
    left: 0px;
    line-height: 18px;
}


/* negiert bootstrap etc. css */
    div.CookiePopupWrapper .panel,
    div.CookiePopupWrapper .panel.panel-default {
        margin-bottom: 0px;
        background-color: transparent;        
        border-radius: 0px;       
        box-shadow: none;
    }

    div.CookiePopupWrapper ul li {line-height:28px;}

        div.CookiePopupWrapper .panel {
            border: 0px solid transparent;
        }

        div.CookiePopupWrapper .panel-default > .panel-heading {
            color: inherit;
            background-color: transparent;
            border-color: transparent;
            border-bottom: 0px solid transparent;
            border-bottom-color: transparent;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            cursor: pointer;
        }
        div.CookiePopupWrapper div.CookiePopupWrapper .panel-default > .panel-heading div.panel-title {
            font-size:inherit;
        }
        div.CookiePopupWrapper div.CookiePopupWrapper  a {
            text-decoration:none;    
        }
        
        div.CookiePopupWrapper div.CookiePopup .close {
            opacity:1;
        }    

    @media screen and (max-width:767px) {
        div.cookies div.cookieSettingsArea div.controlSwitchItem,
        div.cookies div.cookieSettingsArea a.LinkCookieSettings {
            display: none !important;
        }
    }
    /* Ende */

    /* negiert DNN CSS */
    div.personalBarContainer ~ div.wrapper main div.cookies, 
    div.personalBarContainer ~ div.wrapper main div.CookieHintModule,
    div.personalBarContainer ~ div.wrapper main div.CookiePopupWrapper
    {
        display:none;
    }
    /* Ende */







/* Farbmanagement Kliniken Köln !!!! */

/div.CookiePopup h1,
div.CookiePopup h2,
div.CookiePopup div.accordion-area a {color:#ec1f26}


div.CookiePopupWrapper a, div.cookies.newDesign a, div.cookies.newDesign div.cookieTextArea span.separatorLink {color:#ec1f26;}


div.cookies.newDesign {
    background: #fff;
    color: #000;
    -webkit-box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.3);
}

div.cookies.newDesign a.btn,
div.CookiePopupWrapper div.CookiePopup a.btn,
footer a.btn
{
    display: inline-block;
    background: #ff000d;
    border: 2px solid #ff000d;
    line-height: 31px;
    color: #fff;
    padding: 0 13px;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
    margin-right: 20px;
}

div.cookies a.btn.button-color,
div.CookiePopupWrapper div.CookiePopup a.btn.button-color,
div.cookies a.btn:hover,
div.CookiePopupWrapper div.CookiePopup a.btn:hover
{
    background: #fff;
    color: #ff000d;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

div.cookies a.btn.button-color:hover,
div.CookiePopupWrapper div.CookiePopup a.btn.button-color:hover {
    background: #fff;
    color: #ff000d;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

div.controlSwitchItem .controlSwitch::before {
    background-color: #fff;
}

div.controlSwitchItem .controlSwitch {
    background-color:#d2d2d2;
    border: 1px solid #aeaeae;
}



div.controlSwitchItem input:checked ~ .controlSwitch,
div.controlSwitchItem input.checked:checked ~ input[type=hidden] ~ .controlSwitch,
div.PopupControlSwitch  input.checked:checked ~ input[type="hidden"] ~ .controlSwitch {
        background-color:#95d5a1;
        border: 1px solid #77947e;
}

div.cookies.newDesign ~ div > div.CookieOverlay {
    background-color: rgba(0,0,0,0.5);
}

div.CookiePopupWrapper div.CookiePopupContent {
    background-color: #fff;
}

div.CookiePopupWrapper div.CookiePopupNavi {
    background-color: #f6f6f6;
}

div.CookiePopupWrapper div.CookiePopupNavi ul > li,
div.CookiePopupWrapper div.CookiePopupNavi ul li a {color:#3a3a39;}

div.CookiePopupWrapper div.CookiePopupContent a.close, 
div.CookiePopupWrapper div.CookiePopupNavi ul > li:hover,
div.CookiePopupWrapper div.CookiePopupNavi ul li a:hover,
div.CookiePopupWrapper div.CookiePopupNavi ul > li.active,
div.CookiePopupWrapper div.CookiePopupNavi ul li a:active,
div.CookiePopupWrapper div.CookiePopupNavi ul li a.active
{color:#ec1f26;}

 
div.CookiePopupWrapper div.accordion-area a {color:#ec1f26;}
div.CookiePopupWrapper .panel { border-top: 1px solid #9c9c9c;}

div.popupInformationsBox { background-color:#ececec; } 
div.popupInformationsBox div.boxRow {background-color:#fff; }

div.col-no-padding{
    padding: 0!important;
}