/**************/

/* Zwischenüberschriften */

.sitewrap.BUBBLES_4 .entrys_row_container.EP6  {
    width:100%;
    /* flex: none; */
    margin-top:20px;
    text-align:left;
    font-size:1.2em;
    padding:10px 0 10px 30px;
    /* border:solid magenta 1px; */
}

.sitewrap.BUBBLES_4 .entrys_row_container.EP6 h2 {
    /* font-size:1.8em; */
}

.sitewrap.BUBBLES_4 .EP6 .entrytext_container {
    /* width:100%; */
    /* border:solid red 5px; */
}

.sitewrap.BUBBLES_4 .EP6 .entrytext_container div {
    /* display:none; */
    /* margin-top: 5px; */
    /* border:solid red 1px; */
}

/**************/

.sitewrap.BUBBLES_4 .entrys_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: left;
    margin-top: 15px;
    /* border: solid red 5px;   */
}

.sitewrap.BUBBLES_4 .entrys_row_container {
    /* display:flex; */
    width:33%;
    text-align:center;
    padding: 0px 10px;
    position:relative;
    margin:0;
    padding:0;
    /* border: solid #ccc 1px;  */
}


.sitewrap.BUBBLES_4 .learnmoreButt {
/* 
    display:inline-block;
    margin-top:10px;
    padding:0px 6px;
    cursor:pointer;
    border:solid #888 2px;
 */    
    display:none;
    position: absolute;
    width: 100%;
    bottom:10px;
    left: 0px;
    
}
.sitewrap.BUBBLES_4 .learnmoreButt span {
    /* display:inline-block; */
    /* margin-top:10px; */
    
    padding:5px 10px;
    cursor:pointer;
    border:solid #888 2px;

}


.sitewrap.BUBBLES_4 .learnmoreButt_distance {
    display:none;
    height:50px;    
}

/* 
.sitewrap.BUBBLES_4 .entrypic_container {
    cursor:pointer;
}
.sitewrap.BUBBLES_4 .entrypic_container:hover {
    opacity:0.8;
    filter: saturate(1.5);
}
 */

.sitewrap.BUBBLES_4 .entrypic_container img {
    max-width: 80%;
    margin:0 auto;
    /* filter: drop-shadow(5px 5px 8px rgba(0,0,0,0.4)); */
}

.sitewrap.BUBBLES_4 .moreText_content_text {
    margin-top:20px;
    text-align:left;    
}

.sitewrap.BUBBLES_4 .moreText_content_pic img {
    width:250px;    
}

.sitewrap.BUBBLES_4 .moreText1 {
    margin:10px 0 0 0px;
    /* border:solid red 1px; */
}

.sitewrap.BUBBLES_4 .moreText2 {
    margin:5px;
    border: solid green 1px
}

.sitewrap.BUBBLES_4 .moreText3 {
    margin:5px;
    border: solid green 1px
}

.sitewrap.BUBBLES_4 .moreText_hidden {
    display: none;
}

/*******************************/

.sitewrap.BUBBLES_4 .entrys_row_container {
    position: relative;
    margin-bottom:10px;
}

.sitewrap.BUBBLES_4 .entryslider_container {
     margin:10px 0 0px 0px !important;
}
.sitewrap.BUBBLES_4 .hidden {
    display:none;
}

.sitewrap.BUBBLES_4 .article_container {
    font-weight:bold;
    /* border:solid blue 10px; */
}

.sitewrap.BUBBLES_4 .article_zusatz {
    font-weight:bold;
    color:#7132A4;
    /* border:solid blue 1px; */
}

/**************/

.sitewrap.BUBBLES_4 .clickable {
    cursor:pointer;
    transition: all 0.15s;
    /* border:solid blue 2px; */
}

/* .sitewrap.BUBBLES_4 .clickable .entrypic_container:hover { */
.sitewrap.BUBBLES_4 .clickable:hover {
    opacity:0.8;
    filter: saturate(1.5);
    transform: scale(1.05);
}

.sitewrap.BUBBLES_4 .entrypic_container {
    /* border: solid red 1px; */
}
.sitewrap.BUBBLES_4 .entrypic_container img {
    max-width:240px;
}


/*******************************************/

#overlay_mask {
    position:fixed;
}

#overlay  {
    position:absolute;
    width:70%;
    height: 100%;
    top: 0%;
    left:50%;
    transform: translateX(-50%);
    overflow-y:auto;

    padding:30px 70px;

    background:#c4a4db;
    background: rgba(204,176,222,0.9);
    background: rgba(255,255,255,0.9);
    background: rgba(185,222,210,0.9);
    /* background:#fff; */
}

#overlay .entrypic_container {
    text-align: center;
}

#overlay .entrypic_container img {
    max-width: 300px;
    width: 100%;
}

#overlay .entrytext_container {
}

#overlay .article_container {
    text-align: center;
}

#overlay .article_zusatz {
    text-align: center;
    color:#7132A4;
}


/************************************************************************************/

@media (max-width: 680px) {

    body {}

    #overlay {
        width:100%;
        padding:10px 15px;
    }
}