﻿.katalog-angebot-small-wrapper,
.DivSOfferView-outerwrapper-normal{
    /*border:solid thin #ff0000;*/
    background-color:#F5F5F5;
    opacity:0.9;
    width:calc(100% -15px);
    max-width:280px;
    min-width:200px;
    /*padding:10px;*/
    /*margin-right:10px;*/
    margin-bottom:10px;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}

.DivSOfferView-outerwrapper-normal{
    /*border:solid thin #ff0000;*/
    min-height:300px;
    
}

.DivSOfferView-normal{
    background-color:gold;
    min-height:300px;
    height:100%;
    background-position: center center;
    background-size:80%; 
    /*background-color:none;*/
    background-repeat: no-repeat;
    cursor:pointer;
}


.DivSOfferView-filter-wrapper{
    position:relative;
    min-height:1px;
    width:100%;
    height:100%;
    top:0; 
    left:0;
}

.DivSOfferView-filter-text,
.DivSOfferView-filter-text-normal{
    position:absolute;
    min-height:1px;
    opacity:0.8;
    filter:alpha(opacity=80);
    background-color:white;
    width:calc(100% - 10%);
    
}

.DivSOfferView-filter-text-normal{
    margin:10px 0 0 0;
    height:70px;
    left:5%;
}


.DivSOfferView-filter-resort-country-text,
.DivSOfferView-filter-resort-country-text-normal,
.DivSOfferView-filter-resort-name-text-normal{
    /*position:absolute;*/
    min-height:1em;
    text-align:center;
    vertical-align:middle;
    margin:0 0 0 0;
    color: #000000;
    

}

.DivSOfferView-filter-resort-country-text-normal{
    height:30px;
    font-size:1.5em;
    font-weight:bold;
    /*left:10%;*/
    color:#ff6a00
    /*margin:8px 0 0 5px;*/
    /*text-align:center;*/
}
.DivSOfferView-filter-resort-name-text-normal{
    top:30px;
    /*height:40px;*/
    font-size:1.2em;
    line-height:0.9em;
    /*left:10%;*/
    color:#000000;
    /*margin:8px 0 0 5px;*/
}

.DivSOfferView-filter-preis,
.DivSOfferView-filter-preis-normal{
    position:absolute;
    min-height:1em;
    opacity:0.8;
    filter:alpha(opacity=80);
    background-color:white;
}

.DivSOfferView-filter-preis-normal{
    height:70px;
    width:calc(100% - 10%);
    top:220px;
    margin:0 0 0 5%
    /*left:5%;*/
}


.DivSOfferView-filter-app-preis,
.DivSOfferView-filter-app-preis-normal{
    /*position:absolute;*/
    min-height:1em;
    /*padding:0 5px 0 0;*/
    margin:5px 0 0 0;
    text-align: center; 
    vertical-align: middle; 
    font-family: Arial, Helvetica, Sans-Serif; 
    font-size: 1.2em;
    color: #000000; 
    font-weight: bold;
    /*width:calc(100% - 10%);*/
}

.DivSOfferView-filter-app-preis-normal{
    /*height:40px;*/
    font-size: 1.8em;
    /*top:155px;*/
    /*width:calc(100% - 10%);*/
    padding:5px 0 0 0;
}

.DivSOfferView-filter-pp-preis,
.DivSOfferView-filter-pp-preis-normal{
    /*position:absolute;*/
    min-height:1em;
    padding:0 0 0 0;
    text-align:center; 
    /*vertical-align: middle;*/ 
    /*font-family: Arial, Helvetica, Sans-Serif;*/ 
    /*font-size: 1.2em;*/
    /*color: #000000;*/ 
    /*font-weight: bold;*/
    width:100%;
}

.DivSOfferView-filter-pp-preis-normal{
    /*height:30px;*/
    font-size: 0.8em;
    /*top:155px;*/
    /*width:calc(100% - 10%);*/
    /*padding:8px 5px 0 0;*/
}

@media (min-width: 768px) {
    .katalog-angebot-small-wrapper{
        width: 100%;
        /*margin-right:-15px;
        padding-right:-10px;*/
    }
}