@charset "utf-8";
/* CSS Smavel Frontend */

.smavel-content{
    /* Tags und styles innerhalb des Contents modifizieren */
}

/* Karte in voller Breite anzeigen */
.map-container{
    margin-top: -10px; /* 1 Pixel Zwischenraum */
    margin-left: -120px;
    margin-right: -120px;
}
/* MAP */
.g-map {
    width: 100%;
    height: 400px;
    border: none;
    margin-bottom: 20px;
}
.g-map.world {
    width: 100%;
    height: 460px;
    border: none;
    margin-bottom: 20px;
}
.g-map img {
   max-width: inherit !important;
}
.g-map div.marker{
    /* Anzeige der Marker-Inhalte verhindern */
    display:none;
}

.button1{
    background-color: #007b8c;
    color: #fff;
}
.button1:hover{
    background-color:#193556;
    color: #fff;
}
.button2{
    background-color: #fff;
    color: #007b8c;
    border: 2px solid #007b8c;
}
.button2:hover{
    background-color:#007b8c;
    color: #fff;
}

.img-right{
    float: right;
    margin-left:1em;
    margin-bottom:1em;
    box-sizing: border-box;
    clear: right;
}

.img-left{
    float: left;
    margin-right:1em;
    margin-bottom:1em;
}

.color1{
    color: #81ae36;
}

*,*:after,*:before{
  box-sizing: border-box;
}

.nav-delimiter{
    padding: 0 .3em;
}

/* Überschriften */
.smavel-content h1{
    font-size: 32px;
}
.smavel-content h2{
    font-size: 22px;
    text-align: center;
}
.smavel-content h3{
    font-size: 20px;
}
.smavel-content h4{
    font-size: 18px;
}
/* Kurztext */
.smavel-content .kurztext{
    font-weight: bold;
    color: #006371;
}
/* Nach dem Haupttext floats löschen! */
.smavel-content .page-main-text:after{
    content: "";
    display: table;
    clear: both;
}
.mitte{
    text-align: center !important;
}
.artikel-bild{
    position: relative;
    display: inline-block;
    float: right;
    margin-left: 10px;
}
.artikel-bild::after{
    clear: right;
}

/* Clearfix nach Artikelblock */
.single-block::after {
  content: "";
  clear: both;
  display: table;
  height: 1px;
}
.single-block .clink-wrapper{
    margin-bottom: 0;
}
.anbieterlogo {
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
    text-align: center;
    max-width: 200px;
}

.anbieterlist-detail-link{
    color: #007b8c;
    font-weight: 600;
    cursor: pointer;
}
.anbieterlist-detail-link:hover{
    text-decoration: underline;
}

/* Grid Container Cashback */
.cashback-wrapper{
    display: grid;
    grid-template-columns: auto auto auto auto;
    column-gap: 10px;
    grid-row-gap: 15px;
    background-color: #f0f7f8;
    padding: 10px;
    margin-bottom: 15px;
}
.cashback-wert{
    background-color: #fff;
    text-align: center;
}
.cashback-wert p{
    padding-top: 0.5em;
    margin-bottom: 0;
    font-weight: bold;
    color: var(--base);
    font-size: 22px;
}
.cashback-label{
    display:block;
    font-size: 0.8em;
    font-weight: bold;
}
.cashback-text{
    grid-column-start: 2;
    grid-column-end: 5;
    background-color: #fff;
    padding: 10px;
}
.cashback-text p{
    margin-bottom: 0;
}


/*
.img-copyright{
    position: absolute;
    display: block;
    float: right;
    bottom: 12px;
    right: 10px;
    font-size: 0.6em;
    color: #fff;
    text-shadow: 1px 1px 2px #000000;
}
*/
.bildnachweise{
    font-size: 0.8em;
}

/* Kategorie (Reiseart) Link */
.c-catlink{
    color: #006390;
}
.c-catlink:hover{
    text-decoration: underline;
}
/* Keinen Umbruch in Anzahl Bewertungen */
.c-bewertung .anzahl{
    white-space: nowrap;
}

/* Gestylte horizontale Linie */
.hr-styled{
    margin: 0 0 10px 0;
    position: relative;
    height: 2px;
    background: #a0d0d5;
    border: 0;
}
.hr-styled:before{
    background: #1e8a99;
    color:  #1e8a99;
    position: absolute;
    content: "";
    width: 100px;
    /*height: 6px;
    top:-3px;*/
    left: 50%;
    transform: translateX(-50px);
    text-align: center; 
}

.flagge img, .flagge{
    border: 1px solid #1D1D1D;
}
.page-numbers{
    display: inline-block;
    min-width: 26px;
    text-align: center;
    text-decoration: none;
    padding: 3px;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 5px;
    font-size: 0.9rem;
    font-weight: bold;
}
.page-numbers.current{
    background-color:burlywood;
}

/* Anbieter Info Flex Container */
.anbieter-info-wrapper{
    background-color: #f0f7f8;
    margin-left: -120px;
    margin-right: -120px;
    padding-left: 120px;
    padding-right: 120px;
    margin-bottom: 15px;
}
.anbieter-info{
    display: flex;
    column-gap: 10px;
    flex-direction: row;
}
.anbieter-info .row{
    flex-flow: row wrap;
    display: flex;
    row-gap: 15px;
}
.anbieter-info .col{
    flex-direction:column;
    display: flex;
    min-width: 250px;
}
.anbieter-info .kontaktblock{
    min-width: 350px;
}
.anbieter-info .kontaktblock p{
    font-size: 0.9em;
}
.anbieter-info .content-bewertungen{
    padding-left: 15px;
    position: relative;
}
.anbieter-info .bewertung-oeffnen{
    position: relative;
    /*margin-top: 15px;*/
    bottom: 0px;
}
.anbieter-info .voting-info{
    font-size: 0.9em;
}

/* Teilen Button 
Button 100% Breite
.siegel-popup-oeffnen, .teilen-button{
    width: 100%;
}
*/
.anbieter-info .siegel-popup-oeffnen{
    width: 100%;
}
.teilen-button button:focus{
    background-color: #fff;
    color: #007b8c;
}
.smavel-votings{
    margin-bottom: 15px;
}
.smavel-votings button:focus{
    background-color: #007b8c;
    color: #fff;
}

.voting-line{
    display:block;
    padding: 5px;
    border-bottom: 1px solid #bedee2;
}
.voting-line:last-child{
    border-bottom: none;
}
.voting-line .voting-src{
    display: inline-block;
    font-weight: bold;
    min-width: 180px;
}
.voting-line .voting-stars{
    display: inline-block;
}


/* Infos Tabelle */
/* Für die Info-Table genutzt */
.flex-container-reviews {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.flex-container-reviews div{
    flex:25%;
}

.sterne-container{
    position: relative;
    display: inline-block;
    color:lightgray;
    white-space: nowrap;
}

.sterne-container .aktiv{
    position: absolute;
    top: 0;
    left: 0;
    color: orange;
    overflow: hidden;
    /*white-space: nowrap;*/
}

/* Buchstabenauswahl */
.letter-container{
    display: block;
    margin-bottom: 20px;
}
.letter-container .trenner{
    color: #ddedef;
}
.letter-container .letter{
    display: inline-block;
    line-height: 22px;
    padding: 4px 8px;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
}
.letter-container .letter:hover{
    background-color: #F8D74C;
}
.letter-container .letter.aktiv{
    background-color: #007b8c;
    color: #fff;
}

/* Auf Flex-Start setzen */
.glsr-default .glsr-review {
    /*align-items: flex-start !important;*/
    grid-template-columns: 180px auto auto;
}
/* Abstand zwischen den Blöcken verkleinern */
.glsr .glsr-reviews, .glsr .glsr-reviews-wrap {
    gap: 1rem !important;
}
/* Sterne Block */
.bewertungen-sterneblock{
    display: inline-flex;
    flex-direction: column;
    width: 180px;
}
/* Bewertungs-Typ */
.bewertungen-sterneblock .voting-type{
    padding-bottom: 0.4em;
    border-bottom: 1px solid #d3e8eb;
    width: 120px;
    overflow: visible;
}
.bewertungen-sterneblock .voting-type:last-child{
    border-bottom: none;
}
/* Label der Sterne */
.glsr-tag-label{
    display: flex;
    width: 100%;
    /*font-weight:bold;*/
    font-size: 0.8em;
    line-height: 1.2em;
    padding-top: 0.4em;
}
/*
.glsr-star-rating.glsr-stars{
    display: block;
}

.glsr-default .glsr-review {
  flex-wrap: nowrap !important;
}
*/
/* der Textblock */
.bewertungen-infoblock{
    display: inline-flex;
    padding-bottom: 1em;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 940px;
}
.bewertungen-infoblock h3{
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.4rem;
}
.bewertungen-autor,
.bewertungen-datum{
    display: flex;
    /*width: 100%;*/
    font-size: 0.8em;
    line-height: 1em;
    flex-wrap: wrap;
    margin-bottom: .5em;
    align-items: center !important;
}
.glsr-review-avatar{
    display: inline-block;
    width: 20px;
    margin-right: 10px;
}
.glsr-review-author{
    display: inline-block;
}

/* Clrearfix */
.clearfix {
  overflow: auto;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

@media only screen and (max-width: 980px) {
    .img-right{
        float: none;
        margin: .5em auto;
    }
}

@media only screen and (max-width: 640px) {
    
    .flex-container-reviews {
        flex-direction: column;
    }
    .anbieter-info{
        display:block;
    }
    .anbieter-info .col{
        display: block;
        column-gap: 0;
        /*flex-direction: row wrap;*/
        min-width: 100%;
    }
    .anbieter-info .kontaktblock{
        padding-top: 12px;
    }
    .anbieter-info .siegel-col,
    .anbieter-info .content-bewertungen{
        text-align: center;
    }
    .anbieter-info .siegel-popup-oeffnen{
        width: inherit;
    }
    .anbieter-info .content-bewertungen{
        display: block;
        padding-left: 0;
        text-align: left;
    }
    .cashback-text{
        grid-column-start: 3;
    }
    
}