/*
Theme Name: Das Bett
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 4
Updated: 2018-06-08 14:40:00

*/



.stick {
position:fixed;
width:100%;
z-index:1000;
top:0
}

.hold {
height:80px;
}

div.vvk h2 a {
    color: #ffaa00 !important;
}

.et_mobile_menu {
    background-color: black;
}

#events * {
    box-sizing: border-box;
}



#events .ecs-event-list {
    display: flex;
    flex-wrap: wrap;
    flex-flow: row wrap;
    justify-content: center;
}

#events .specs {
    margin-top: 10px;
}

#events .ecs-event h2 {
    margin-right: 65px;
    height: 65px;
}

#events .ecs-event h2.small {
    font-size: 1.3em;
}

#events .beginn {
    float: left;
}

#events .preis {
    float: right;
}

#events .specs {
    overflow: hidden;
    clear: both;
    height: 45px;
}

#events .preis strong,
#events .beginn strong {
    display: inline-block;
    width: 60px;
}

#events .preis strong{
    width: 40px;
}

#events .duration {
    margin-top: 15px;
}
#events hr {
    border: none;
    height: 1px;
    background: #dbdbdb;

    margin-top: 20px;
}
#events .event-button {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    padding: 10px 20px;
    background: #135778;
    color: white;
    display: block;
    font-weight: bold;
    text-align: center;
    /*float: right;*/
    /*margin-top: 10px;*/
    border-radius: 3px;
}

#events .event-button:hover {
    background: #E3B847;
    color: black;
}

.single-tribe_events #left-area { width:100%; }
.single-tribe_events #sidebar { display:none; }

#events ul {
    padding:0 !important;
}

#events div.ecs-event {
    position:relative;
    background-color: white;
    min-width: 300px;
    max-width: 400px;
    margin: 5px;
    border: 1px solid black;
    padding: 15px 8px 15px 8px;
    line-height: 1.2em;
    border-radius: 4px;
    border-top: 5px solid #dcab28;
    text-align: left;
    padding-bottom: 55px;
}

@media screen and (max-width:992px) {
    #events li.ecs-event {
        flex: calc(20% - 10px);
    }
}

@media screen and (max-width:640px) {
    #events li.ecs-event {
        flex: calc(50% - 10px);
    }
}

#events li.ecs-event h4 {
    font-size: 1.5em;
    font-weight: bold;
    color: #00537d;
}

#events li.ecs-event img {
    width: 100%;
    margin: 5px 0px;
}

#events li.ecs-event .duration {
    display: block;
    margin-top: 15px;
    font-size: 1.3em;
    font-weight: bold;
    color: #dcab28;
}

#events div.ecs-event .date_thumb {
    position: absolute;
    top:0;
    right:8px;
    width: 67px;
    height:71px;
    background-image: url("/wp-content/themes/DasBett/ecke.png");
    color: white;
    text-align: center;
    font-size: 2em;
    line-height: 1em;
}

#events .event-detail {
    font-size: 1.2em;
    font-weight: bold;
    padding: 5px 10px;
    background-color: #00537d;
    border-radius: 3px;
    color: white;
    float: right;
    transition: background-color 0.2s ease;
}

#events .event-detail:hover {
    background-color: #dcab28;
    color: #00537d;
}


.tribe-events-back {
    display:none;
}

.tribe-events-single {
    margin-top: 20px !important;
}




/*------------------------------------*/

#events div.compact .ecs-event-list {
    /*background: lime;*/
    display:block;
    width: 900px;
    margin: 0px auto;
}

#events div.compact div.ecs-event {
    display: table;
    margin-bottom:5px;
    height:75px;
    margin-bottom: 10px;
    /*background: lime;*/
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 0;
}



#events div.compact div.compact-row {
    display: table-row;
    position: relative;
}


#events .compact .ecs-event h2 {
    margin-right: 65px;
    height: auto;
}



#events .compact .ecs-event h2.small {
    font-size: 1.3em;
}


#events .compact div.ecs-event .date_thumb {
    position: relative;
    top:0;
    right:8px;
    width: 67px;
    height:71px;
    background-image: url("/wp-content/themes/DasBett/ecke.png");
    color: white;
    text-align: center;
    font-size: 2em;
    line-height: 1em;

}

#events .compact .ecs-event .date_thumb .month {
    font-size:16px;
    text-transform:uppercase;
    margin:0;
    padding:0;
    line-height:1;
}





#events .compact .ecs-event .date_thumb .day {
    font-size:26px;
    font-weight:bold;
    margin:0;
    padding:0;
    line-height:1;
}

#events .compact .ecs-event .summary,
#events .compact .ecs-event .ecs-thumbnail,
#events .compact .ecs-event .ecs-button {
    padding: 10px;
    display:table-cell;
    vertical-align:top;
}

#events .compact .ecs-event .ecs-thumbnail {
    width:20%;
}

#events .compact .ecs-event .summary {
    width: 80%;
}

#events .compact .ecs-event .ecs-button {
    padding-left:10px;
}

#events .compact .ecs-event .ecs-thumbnail img {
    max-width:none;
    display:table-cell;
    margin:0;
    padding:0;
}

#events .compact .ecs-event .ecs-excerpt {
    margin-top: 5px;
}

#events .compact .ecs-button a {
    background-color:#666;
    background-image:none;
    border-radius:3px;
    border:0;box-shadow:none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: normal;
    padding: 6px 9px;
    text-align: center;
    text-decoration:none;
    text-transform:uppercase;
    vertical-align:middle;
    zoom:1;
    white-space:nowrap;
}



/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
    #events div.compact .ecs-event-list {
        width: calc(100% - 10px);
        margin:0;
        padding:0;
    }
    #events div.compact div.ecs-event {
        display: block;
        position:relative;
        height:auto;
        margin:0 5px 10px 5px;
    }
    #events div.compact div.compact-row {
        display: block;
    }
    #events .compact .ecs-event .summary,
    #events .compact .ecs-event .ecs-thumbnail,
    #events .compact .ecs-event .ecs-thumbnail img,
    #events .compact .ecs-event .ecs-button {
        display:block;
    }
    #events .compact .ecs-event .ecs-thumbnail,
    #events .compact .ecs-event .ecs-thumbnail img
    {
        width:100%;
    }
    #events .compact .ecs-event .summary {
        width: 100%;
        font-size: 1.5em;
        line-height: 1.7em;
    }
    #events .compact .ecs-event h2 {
        margin-right: 10px;
    }
    #events .compact .ecs-excerpt {
        width: 100%;
        padding:0;
    }
    #events .compact div.ecs-event .date_thumb {
        position: absolute;
    }
    #events div.compact div.specs div.preis {
        float: none;
    }
    #events div.compact div.specs div.beginn {
        float: none;
    }

}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
    #events .compact div.beginn strong {
        width: 90px;
    }
    #events .compact div.preis strong {
        width: 70px;
    }

}


/*------------------------------------*/
















#kontakt .et_pb_contact_captcha_question,
#kontakt .et_pb_contact_right {
    color:white;
}

#kontakt input,textarea {
    border-radius: 4px !important;
    resize: none;
    background-color: rgba(255, 255, 255, 0.7) !important;
    color: rgba(0, 0, 0, 0.72) !important;
    border: 1px solid white !important;
}

#kontakt .et_pb_contact_submit {
    color: white;
}

#kontakt input:focus,textarea:focus {
    background-color: white !important;
    color: black !important;
}

#kontakt .et_pb_contact_captcha {
    height: 1em;
    margin-left: 10px !important;
    background-color: rgba(255, 255, 255, 0.3) !important;
}

#kontakt input.et_contact_error,
#kontakt textarea.et_contact_error {
    background-color: rgba(255, 0, 0, 0.8) !important;
    color: white !important;
    border: 2px solid white !important;
}

#kontakt input.et_contact_error::placeholder,
#kontakt textarea.et_contact_error::placeholder{
    color: white;
}

#kontakt .et-pb-contact-message {
    color: white;
    font-weight: bold;
}




#newsletter {
    color: rgba(255, 255, 255, 0.81);
}

#newsletter input,textarea {
    width: 100%;
    height: 2em;
    border-radius: 2px !important;
    resize: none;
    background-color: rgba(255, 255, 255, 0.8) !important;
    color: rgba(0, 0, 0, 0.72) !important;
    border: none;
    display:block;
}

.sdm-download-button { display: none;}
input[type="password"] {
margin-top: 5px;
border: none;
border-radius: 3px;
background-color:rgba(255,255,255,0.6);
}
input[type="password"]:focus {
background-color:rgba(255,255,255,1);
}

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
    .et_animated {
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        animation: none !important;
        opacity: 1 !important;
        transform: perspective(0px) rotateX(0deg) !important;
    }
}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
    .et_animated {
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        animation: none !important;
        opacity: 1 !important;
        transform: perspective(0px) rotateX(0deg) !important;
    }
}


/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {

    #events .specs {
        height: auto;
    }
    #events div.ecs-event {
        padding-bottom:10px;
    }
    #events .event-button {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        padding: 10px 20px;
        background: #135778;
        color: white;
        display: block;
        width: 100%;
        margin-top:10px;
    }
    #events .beginn strong {
        display: inline-block;
        width: 70px;
    }
    .single-tribe_events .tribe-events-schedule {
        background: none;
        border: none;
    }
    .tribe-events-sub-nav li a {
        background: none;
        padding: 0;
    }
}



/*------------------------------------*/

/*Single*/

.Infotext_zu_Band_1,
.Infotext_zu_Band_2 {
    white-space: pre-wrap;
}