/*
Theme Name: Divi Child
Description: Divi Child-Theme by divi-themes.de
Author: divi-themes.de
Author URI: http://divi-themes.de
Template: Divi
*/
/*TEASER*/
@media all and (min-width: 768px) {
    body:not(.et-fb) .teaser {
        padding: 0 !important;
        position: relative;
        background: transparent !important;
        bottom: 0px;
        z-index: 100;
        left: -475px;
        transition: left 0.3s ease-in-out;
    }

    body:not(.et-fb) .teaser.active {
        left: 0px;
    }

    body:not(.et-fb) .teaser.remove {
        left: -425px;
        transition: left 0.3s ease-in-out;
    }

    body:not(.et-fb) .teaser,
    body:not(.et-fb) .teaser * {
        margin-bottom: 0 !important;
    }

    body:not(.et-fb) .teaser .et_pb_row {
        padding: 0;
        margin: 0;
        width: 425px;
    }

    body:not(.et-fb) .teaser .et_pb_column {
        position: relative;
    }

    body:not(.et-fb) .teaser-content {
        background-color: #004286;
        padding: 15px 20px 20px 50px;
        font-size: 16px;
    }
	
	body:not(.et-fb) .teaser-content strong {
        font-size: 20px;
    }

    body:not(.et-fb) .teaser-content span.close {
        content: "x";
        position: absolute;
        top: 12px;
        left: 15px;
        font-weight: bold;
        color: #FFFFFF;
        font-size: 30px;
        cursor: pointer;
    }

    body:not(.et-fb) .teaser-content a {
        font-weight: bold;
        color: #FFFFFF;
    }

    body:not(.et-fb) .teaser-label {
        position: absolute;
        left: 100%;
        top: 0;
        background: #000;
        color: #FFFFFF;
        height: 100%;
        width: 50px;
    }

    body:not(.et-fb) .teaser.remove .teaser-label {
        cursor: pointer;
    }

    body:not(.et-fb) .teaser-label .et_pb_text_inner {
        transform: rotate(90deg);
        color: #94bee7;
        position: absolute;
        transform-origin: 5% 105%;
        font-size: 26px;
    }
}


@media all and (max-width: 767px) {
    body:not(.et-fb) .teaser {
        padding: 0 !important;
        position: relative;
        background: transparent !important;
        bottom: 0px;
        z-index: 100;
        left: 0;
        transition: left 0.3s ease-in-out;
    }

    body:not(.et-fb) .teaser,
    body:not(.et-fb) .teaser * {
        margin-bottom: 0 !important;
    }

    body:not(.et-fb) .teaser .et_pb_row {
        padding: 0;
        margin: 0;
        width: 100%;
    }

    body:not(.et-fb) .teaser .et_pb_column {
        position: relative;
    }

    body:not(.et-fb) .teaser-label {
        background: #000;
        color: #FFFFFF;
        width: 100%;
        padding: 6px 25px;
    }

    body:not(.et-fb) .teaser.remove .teaser-label {
        cursor: normal;
    }

    body:not(.et-fb) .teaser-label .et_pb_text_inner {
        color: #94bee7;
        font-size: 18px;
    }

    body:not(.et-fb) .teaser-content {
        background-color: #004286;
        padding: 10px 25px;
        font-size: 16px;
        line-height: 24px;
    }

    body:not(.et-fb) .teaser-content span.close {
        display: none;
    }

    body:not(.et-fb) .teaser-content a {
        font-weight: bold;
        color: #FFFFFF;
    }
}