/* ===========================================
   HOTEL SACHSEN-ANHALT
   Powered by QR-Monopol
=========================================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:Arial,Helvetica,sans-serif;
    color:#ffffff;

    background:
    linear-gradient(rgba(20,20,20,.55),rgba(20,20,20,.55)),
    url("bg-main.jpg") center center fixed;

    background-size:cover;

}

.wrapper{

    max-width:1200px;
    margin:auto;
    padding:40px 20px;

}

header{

    text-align:center;
    margin-bottom:40px;

}

header h1{

    font-size:46px;

    color:#d4af37;

    margin-bottom:30px;

}

header h2{

    font-size:22px;

    font-weight:normal;

    color:#ffffff;

    margin-bottom:22px;

}

.hotel-card{

   background:rgba(0,0,0,.28);

    backdrop-filter:blur(10px);

    border:1px solid rgba(212,175,55,.35);

    border-radius:18px;

    padding:25px;

    margin-bottom:70px;

    box-shadow:0 0 20px rgba(0,0,0,.35);

}

.hotel-card img{

    width:100%;
    border-radius:12px;

    margin-bottom:20px;

}

.hotel-card h2{

    color:#d4af37;

    margin-bottom:10px;

}

.sterne{

    color:#FFD700;

    font-size:20px;

    margin-bottom:15px;

}

.hotel-card p{

    line-height:1.7;

    margin-bottom:14px;

    text-align:center;

}

.hotel-links{

    margin-top:20px;

}

.hotel-links a{

    color:#ffffff;

    text-decoration:none;

    font-weight:bold;

}

.hotel-links a:hover{

    color:#d4af37;

}

footer{

    margin-top:60px;

    text-align:center;

    color:#cccccc;

    font-size:14px;

    padding:30px;

    border-top:1px solid rgba(255,255,255,.15);

}

footer strong{

    color:#d4af37;

}

/* Startseite / Index zentral ausrichten */
.index-page .hotel-card{
    text-align:center;
}

.index-page .hotel-card h2{
    text-align:center;
}

.index-page .hotel-card p{
    text-align:center;
}

.index-page .hotel-card a{
    display:inline-block;
}

/* ===================================================
   AMAZON BUTTON
   =================================================== */

  .amazon-button{

  
display:inline-block;

padding:15px 34px;

background:linear-gradient(180deg,#d7b44c,#b98b22);

color:#111;

font-size:1rem;

font-weight:700;

text-decoration:none;

border-radius:10px;

border:1px solid rgba(255,215,120,.45);

box-shadow:
0 0 18px rgba(212,170,50,.30);

transition:all .25s ease;

}

.amazon-button:hover{

background:linear-gradient(180deg,#e6c85f,#cb9b27);

color:#111;

transform:translateY(-2px);

box-shadow:
0 0 28px rgba(212,170,50,.55);

}

.amazon-button:active{

transform:translateY(0);

}
.travel-books{
    margin-top:90px;
}

.book-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:24px;
    margin-top:40px;
}

.book-card{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(212,175,55,.18);
    border-radius:18px;
    padding:28px;
    backdrop-filter:blur(10px);
}

.book-card h3{
    margin-bottom:18px;
    color:#d4af37;
    font-size:22px;
    line-height:1.4;
}

.book-card p{
    margin-bottom:25px;
    line-height:1.7;
}

.amazon-button{
    display:inline-block;
    padding:12px 24px;
    border-radius:30px;
    background:#d4af37;
    color:#111;
    font-weight:700;
    text-decoration:none;
    transition:.25s;
}

.amazon-button:hover{
    transform:translateY(-2px);
}

.affiliate-note{
    margin-top:35px;
    font-size:.85rem;
    color:#999;
    text-align:center;
}
/* ======================================================
   AFFILIATE / EMPFEHLUNGEN
====================================================== */

.travel-books{
    margin:80px 0;
    text-align:center;
}

.section-label{
    color:#cccccc;
    font-size:1rem;
    margin-bottom:10px;
}

.section-text{
    max-width:750px;
    margin:20px auto 50px;
    line-height:1.8;
}

.book-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

    gap:35px;

    margin-top:40px;

}

.book-card{

    background:rgba(255,255,255,.03);

    border:1px solid rgba(212,175,55,.20);

    border-radius:18px;

    padding:30px 20px;

    transition:.3s;

}

.book-card:hover{

    transform:translateY(-6px);

    border-color:#d4af37;

}

.book-cover{

    width:180px;

    height:auto;

    border-radius:10px;

    margin-bottom:20px;

    box-shadow:0 10px 30px rgba(0,0,0,.45);

}

.book-card h3{

    color:#fff;

    font-size:1.2rem;

    margin-bottom:20px;

    min-height:55px;

}

.amazon-info{

    margin-top:45px;

    color:#bdbdbd;

    font-size:.9rem;

}
/* ======================================================
   KORREKTUR: AFFILIATE-BILDER BEGRENZEN
====================================================== */

.book-card .book-cover{
    display:block;
    width:180px !important;
    max-width:180px !important;
    height:270px !important;
    object-fit:contain;
    margin:0 auto 22px;
}
.powered-box {
    display: inline-block;
    margin: 28px auto 40px;
    padding: 22px 26px;
    border: 1px solid rgba(212,175,55,.45);
    border-radius: 12px;
    background: rgba(255,255,255,.02);

    color: #d8d8d8;
    font-size: .95rem;
    line-height: 1.8;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.powered-box strong{
    color:#ffffff;
    font-weight:700;
}
.portal-navigation {
    margin: 60px 0;
}
.portal-navigation {
    margin: 70px auto;
}

.portal-navigation .hotel-card {
    margin-bottom: 35px;
}

.portal-navigation .hotel-card:last-child {
    margin-bottom: 0;
}
.hotel-card p a{
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
}

.hotel-card p a:hover{
    color:#d4af37;
}
.hotel-abstand{

    height:60px;

}