/* =========================================================
   AsienForever 2026 – basic.css
   Grundlayout für Länder- und Inhaltsseiten
   ========================================================= */

:root {
    --seitenbreite: 1180px;
    --textfarbe: #262626;
    --hintergrund: #f4f1ea;
    --flaeche: #ffffff;
    --akzent: #b5462f;
    --akzent-dunkel: #7f2e20;
    --linie: #d8d2c7;
    --sanft: #eee9df;
    --schatten: 0 4px 18px rgba(0, 0, 0, 0.10);
}

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

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--textfarbe);
    background: var(--hintergrund);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 1.65;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

a {
    color: var(--akzent);
    text-decoration: none;
}

a:hover,
a:focus {
    color: var(--akzent-dunkel);
    text-decoration: underline;
}

p {
    margin: 0 0 1.15rem;
}

h1,
h2,
h3,
h4 {
    margin-top: 0;
    color: #332b26;
    line-height: 1.25;
}

h1 {
    margin-bottom: 1.0rem;
    font-size: clamp(1.75rem, 4vw, 2.0rem);
    font-weight: 500;
    letter-spacing: 2px;
}

h2 {
    margin-bottom: 1.0rem;
    font-size: clamp(1.25rem, 2.6vw, 1.6rem);
    font-weight: 500;
    letter-spacing: 1px;
}

h3 {
    font-size: 1.35rem;
}


.mittegross
{
    font-size: 1.2em;
    font-color:#262626;
    text-align: center;
    margin: 20px 30px;
}

.affiliate-hinweis {
    padding: 0 0 0 10%;
    
}


.affiliate-links {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    
}


.affiliate-links a {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 40px;
    margin: 0;
    padding: 7px 12px;

    border-radius: 6px;
    background: #d99018;
    color: #fff;

    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.affiliate-links a:hover,
.affiliate-links a:focus {
    background: #f0aa2a;
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.14);
}

.kopf{
    width:100%;
    margin:10px 0 0;
}

.kopf img{
     display:block;
    width: 100%;
    max-height: 800px;
}

#inhalt {
    width: min(calc(100% - 32px), var(--seitenbreite));
    margin: 32px auto;
}

.span10,
.span106 {
    width: 100%;
    margin-bottom: 10px;
    padding: clamp(10px, 1vw, 10px);
    background: var(--flaeche);
    border: 1px solid var(--linie);
    border-radius: 10px;
    box-shadow: var(--schatten);
}



marquee {
    width: 100%;
   font-size: 1em;
}

.trustbar {
    max-width: 1500px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border-bottom: 1px solid #eee;
}

.trust {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 10px;
    padding: 17px 24px;
    border-right: 1px solid #eee;
}

.trust:last-child {
    border-right: 0;
}

.trust span {
    grid-row: 1 / 3;
    font-size: 32px;
    color: #d99018;
}

.trust strong {
    font-size: 13px;
    text-transform: uppercase;
}

.trust em {
    font-size: 12px;
    font-style: normal;
    color: #444;
}

.span10 {
    text-align: center;
}

.span106 {
    text-align: left;
}

.gross2 {
    display: inline-block;
    margin: 0 12px;
    color: var(--akzent-dunkel);
    font-size: clamp(1.8rem, 4vw, 3rem);
    font-weight: 700;
    vertical-align: middle;
   
}
.gross{
    font-family:"Tiro Devanagari Hindi", serif;
    font-size:3rem;
    color:#9b5a1d;
    letter-spacing:1px;
    text-shadow:1px 1px 2px rgba(0,0,0,.15);
}


.begruessung{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:25px;
    margin:25px 0;
}

.symbol{
    width:150px;
    height:auto;
}

.namaste{
    width:320px;
    height:auto;
}

.bild {
    color: var(--akzent-dunkel);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.25em;
    font-style: italic;
    font-weight: 700;
}

.belt {
    margin: 26px 0;
    padding: clamp(18px, 3vw, 30px);
    background: var(--sanft);
    border-left: 6px solid var(--akzent);
    border-radius: 0 8px 8px 0;
}

.belt p:last-child {
    margin-bottom: 0;
}

.indien-medien {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin: 30px 0;
}

.indien-slider,
.indien-karte {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f5f2ed;
    border: 1px solid var(--linie);
    border-radius: 10px;
    box-shadow: var(--schatten);
}

.indien-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    transition: opacity 1.5s ease;
}

.indien-slide.aktiv {
    opacity: 1;
}

.indien-karte {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.indien-karte img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.land-navigation {
    margin-top: 24px;
    padding: 15px 18px;

    border: 1px solid #ddd;
    border-radius: 8px;
    background: #faf9f6;

    font-size: 13px;
    line-height: 1.45;
}

/* Kleine Breadcrumb-Zeile */

.land-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;

    margin-bottom: 10px;
    padding-bottom: 9px;

    border-bottom: 1px solid #ddd;

    font-size: 12px;
    color: #777;
}

.land-breadcrumb a {
    color: maroon;
    font-weight: 600;
    text-decoration: none;
}

/* Einzelne Themenzeile */

.land-nav-row {
    display: grid;
    grid-template-columns: 125px 1fr;
    gap: 12px;

    padding: 7px 0;
    border-bottom: 1px solid #e7e7e7;
}

.land-nav-row:last-child {
    border-bottom: 0;
}

/* Länderkunde, Goa, Rajasthan usw. */

.land-nav-row strong {
    color: maroon;
    font-size: 13px;
}

/* Unterseiten fließen automatisch in die nächste Zeile */

.land-nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 3px 0;
}

.land-nav-links a {
    color: #333;
    text-decoration: none;
    white-space: nowrap;
}

.land-nav-links a:not(:last-child)::after {
    content: "·";
    margin: 0 8px;
    color: #aaa;
}

.land-navigation a:hover,
.land-navigation a:focus {
    color: #d99018;
    text-decoration: underline;
}


.content-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    align-items: start;
}

.content-row > article,
.content-row > aside {
    min-width: 0;
}

.adsense-box {
    padding: 22px;
    border-radius: 12px;
    background: #f7f7f7;
}

.content-row p {
    line-height: 1.55;
}

.adsense-box iframe {
    display: block;
    width: 100%;
    max-width: 100%;
    border: 0;
}

.adsense-box {
    min-height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px dashed #aaa;
    color: #555;
}




.mehr-ueber-mich {
    display: inline-block;
    margin-top: 10px;
    padding: 7px 18px;
    background: #d99018;
    color: #fff !important;
    border-radius: 7px;
    font-size: 15px;
    font-weight: 700;
}

.mehr-ueber-mich:hover {
    background: #f0aa2a;
}



#fadeshow1 {
    width: 100% !important;
    min-height: 300px;
    overflow: hidden;
    background: #111;
    border-radius: 7px;
}

#fadeshow1 img {
    max-width: 100% !important;
    height: auto !important;
}


/* =========================================================
   Interne Ländernavigation
   Desktop: waagerecht
   Handy: senkrechtes Akkordeon
   ========================================================= */

.country-subnav {
    position: relative;
    z-index: 50;

    margin: 22px 0 8px;

    border: 1px solid #d9d6d0;
    border-radius: 8px;
    background: #faf9f6;

    box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
}

/* Kleine Breadcrumb-Zeile */

.country-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;

    padding: 5px 12px;

    border-bottom: 1px solid #e4e0da;

    color: #777;
    font-size: 11px;
    line-height: 1.3;
}

.country-breadcrumb a {
    color: maroon;
    text-decoration: none;
}

.country-breadcrumb a:hover,
.country-breadcrumb a:focus {
    color: #d99018;
    text-decoration: underline;
}


.country-direct {
    display: block;

    margin: 0;
    padding: 8px 10px;

    border-right: 1px solid #dedad3;

    color: maroon;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(10px, 1vw, 12px);
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none;
}

.country-item:last-child .country-direct {
    border-right: 0;
}

.country-direct:hover,
.country-direct:focus {
    color: #d99018;
    background: #f1ece4;
    text-decoration: none;
}

/* Hauptmenü auf Desktop */

.country-menu {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;

    margin: 0;
    padding: 0 5px;

    list-style: none;
}

.country-item {
    position: static;
    margin: 0;
    padding: 0;
}

.country-trigger {
    display: block;

    margin: 0;
    padding: 8px 10px;

    border: 0;
    border-right: 1px solid #dedad3;
    background: transparent;

    color: maroon;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(10px, 1vw, 12px);
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;

    cursor: pointer;
}

.country-item:last-child .country-trigger {
    border-right: 0;
}

.country-trigger::after {
    content: " ▾";
    color: #777;
    font-size: 8px;
}

.country-trigger:hover,
.country-trigger:focus,
.country-item.is-open > .country-trigger {
    outline: none;
    color: #d99018;
    background: #f1ece4;
}

/* Waagerechte Untermenüzeile auf Desktop */

.country-submenu {
    position: absolute;
    z-index: 100;

    top: 100%;
    right: 0;
    left: 0;

    display: none;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
        
    min-height: 36px;
    margin: 0;
    padding: 7px 10px;

    overflow-x: auto;
    overflow-y: hidden;

    border-top: 1px solid #e1ddd6;
    border-bottom: 1px solid #d9d6d0;
    background: #fff;

    box-shadow: 0 5px 10px rgba(0, 0, 0, .08);

    list-style: none;
    white-space: nowrap;
}

.country-item.is-open > .country-submenu {
    display: flex;
}

/* Platz für die geöffnete Untermenüzeile */

.country-subnav.submenu-open {
    padding-bottom: 36px;
}

.country-submenu li {
    display: flex;
    align-items: center;
    flex: 0 0 auto;

    margin: 0;
    padding: 0;
}

.country-submenu li:not(:last-child)::after {
    content: "·";
    margin: 0 9px;
    color: #aaa;
}

.country-submenu a {
    color: #333;
    font-size: 13px;
    line-height: 1.35;
    text-decoration: none;
}

.country-submenu a:hover,
.country-submenu a:focus {
    color: maroon;
    text-decoration: underline;
}


.werbung {
    width: min(calc(100% - 32px), var(--seitenbreite));
    min-height: 90px;
     margin:12px auto 20px;
    overflow: hidden;
    text-align: center;
}

.adsbygoogle {
    max-width: 100%;
}

.abstand { min-height: 10px; }
.abstand2 { min-height: 20px; }
.abstand3 { min-height: 30px; }
.abstand4 { min-height: 40px; }

#nichtsichtbar {
    display: none;
}

/* =========================================================
   Footer
   Desktop: vier Inhaltsblöcke nebeneinander
   ========================================================= */

.site-footer {
    margin-top: 20px;
    background: #07131d;
    color: #fff;
}

.footer-grid {
    max-width: 1500px;
    margin: 0 auto;
    padding: 32px 48px;

    display: grid;
    grid-template-columns:
        minmax(230px, 1.25fr)
        minmax(180px, 1fr)
        minmax(180px, 1fr)
        minmax(170px, .8fr);

    grid-template-areas:
        "ueber zieltitel zieltitel tipps"
        "ueber ziel1     ziel2     tipps";

    column-gap: 42px;
    row-gap: 10px;
    align-items: start;
}

.footer-ueber {
    grid-area: ueber;
}

.footer-ziele-titel {
    grid-area: zieltitel;
    width: 100%;
    justify-self: stretch;

    margin: 0 0 8px;
    color: #f8d202;
    font-size: 1.1em;
    text-align: center;
}

.footer-ziel-1 {
    grid-area: ziel1;
}

.footer-ziel-2 {
    grid-area: ziel2;
}

.footer-tipps {
    grid-area: tipps;
}

.footer-ueber h3,
.footer-tipps h3 {
    margin: 0 0 14px;
    color: #f8d202;
    font-size: 1.1em;
}

.footer-grid ul {
    margin: 0;
    padding-left: 21px;
}

.footer-grid li {
    margin-bottom: 3px;
}

.footer-ueber p {
    max-width: 360px;
}

.site-footer a {
    color: #fff;
    text-decoration: none;
}

.site-footer a:hover,
.site-footer a:focus {
    color: #f8d202;
    text-decoration: underline;
}


@media (max-width: 960px) and (min-width: 601px) {

    .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        grid-template-areas:
            "zieltitel zieltitel"
            "ueber     ziel1"
            "ziel2     tipps";

        gap: 28px 40px;
        padding: 28px 32px 28px 100px;
    }

    .footer-ziele-titel {
        font-size: 1.05em;
    }

    .footer-ueber h3,
    .footer-tipps h3 {
        font-size: 1.05em;
    }
}


.mehr-ueber-mich:hover,
.mehr-ueber-mich:focus {
    background: #f0aa2a;
}

.copyright {
    max-width: 1500px;
    margin: 0 auto;
    padding: 12px 42px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    font-size: 13px;
    color: rgba(255, 255, 255, .86);
}


.span33links,
.span33mitte,
.span33rechtsunten {
    width: 33.333%;
}

.span33mitte {
    text-align: center;
}

.span33rechtsunten {
    text-align: right;
}

.span33links img,
.span33rechtsunten img {
    display: inline-block;
    width: 42px;
    height: 42px;
}

.nav h4 {
    margin-bottom: 0;
}

.nav-button,
.nav-close {
    font-weight: 700;
}

marquee {
    width: 100%;
}




    
@media print {
    .nav,
    .nav-button,
    .nav-close,
    .werbung,
    .footer {
        display: none !important;
    }

    body {
        background: #fff;
        color: #000;
    }

    #inhalt,
    .span10,
    .span106 {
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        box-shadow: none;
    }
}


/* Ende des normalen quellcodes
    Beginn der media */

@media (max-width: 1100px) {

    .main-nav {
        gap: 18px;
        font-size: 15px;
    }

    .trustbar {
        grid-template-columns: repeat(2, 1fr);
    }

    .content-row {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 799px) {

    body {
        font-size: 16px;
    }

    #inhalt {
        width: min(calc(100% - 20px), var(--seitenbreite));
        margin-top: 20px;
    }

    .span10,
    .span106 {
        padding: 18px;
        border-radius: 7px;
    }

    .span10 {
        text-align: left;
    }

    .span10 h1,
    .span10 h2 {
        text-align: center;
    }

    .gross {
        margin: 8px;
    }

    .span33links,
    .span33mitte,
    .span33rechtsunten {
        width: 100%;
        text-align: center;
    }

    .indien-medien {
        grid-template-columns: 1fr;
        gap: 18px;
    }
}


@media (min-width: 800px) {

    .kopf {
        margin-top: 95px;
    }
}


@media (max-width: 720px) {

    .trustbar {
        grid-template-columns: 1fr;
    }

    .trust {
        border-right: 0;
        border-bottom: 1px solid #eee;
    }
}


@media (max-width: 700px) {

    .begruessung {
        flex-direction: column;
        gap: 15px;
    }

    .symbol {
        width: 100px;
    }

    .namaste {
        width: 240px;
    }
}

@media (max-width: 600px) {
    
     .content-row {
        display: block;
    }

    .content-row > article,
    .content-row > aside {
        width: 100%;
        margin-bottom: 20px;
    }

    .land-navigation {
        padding: 12px;
        font-size: 12px;
    }
    


    .land-breadcrumb {
        font-size: 11px;
    }

    .land-nav-row {
        grid-template-columns: 1fr;
        gap: 3px;
        padding: 8px 0;
    }

    .land-nav-row strong {
        font-size: 12px;
    }

    .land-nav-links a:not(:last-child)::after {
        margin: 0 6px;
    }

 

    .country-subnav {
        margin: 18px 0 6px;
    }

    .country-breadcrumb {
        padding: 5px 10px;
        font-size: 10px;
    }

    .country-menu {
        display: block;
        padding: 0;
    }

    .country-item {
        position: relative;
        border-bottom: 1px solid #e2ded8;
    }

    .country-item:last-child {
        border-bottom: 0;
    }

    .country-trigger {
        position: relative;

        width: 100%;
        padding: 10px 34px 10px 12px;

        border: 0;

        text-align: left;
        font-size: 12px;
    }

    .country-trigger::after {
        position: absolute;
        top: 50%;
        right: 12px;

        content: "▼";
        transform: translateY(-50%);

        font-size: 9px;
    }

    .country-item.is-open > .country-trigger::after {
        content: "▲";
    }

    .country-subnav.submenu-open {
        padding-bottom: 0;
    }

    .country-submenu {
        position: static;

        display: none;

        min-height: 0;
        margin: 0;
        padding: 4px 0 8px 20px;

        overflow: visible;

        border: 0;
        border-top: 1px solid #ece8e2;
        background: #fff;

        box-shadow: none;
        white-space: normal;
    }

    .country-item.is-open > .country-submenu {
        display: block;
    }

    .country-submenu li {
        display: block;
    }

    .country-submenu li:not(:last-child)::after {
        content: none;
    }

    .country-submenu a {
        display: block;
        padding: 7px 10px;

        font-size: 12px;
    }



    .footer-grid {
        grid-template-columns: 1fr;

        grid-template-areas:
            "ueber"
            "zieltitel"
            "ziel1"
            "ziel2"
            "tipps";

        gap: 20px;
                padding: 28px 32px 28px 100px;

    }

    .footer-ziele-titel {
        margin-bottom: -8px;
        text-align: left;
        font-size: 1em;
    }

    .footer-ueber h3,
    .footer-tipps h3 {
        font-size: 1em;
    }

    .footer-ueber p {
        max-width: none;
    }

    .mehr-ueber-mich {
        padding: 8px 16px;
        font-size: 14px;
    }
    
    .country-direct {
    width: 100%;
    padding: 10px 12px;

    border: 0;

    text-align: left;
    font-size: 12px;
}
}
    


@media (max-width: 480px) {
    body {
        font-size: 15.5px;
    }

   

    .span10,
    .span106
     {
        padding: 15px;
    }

    .belt {
        padding: 16px;
    }
}