.hero-image {
    display: block;
    width: 100%;
    aspect-ratio: 16/9;
    /* 16:9 erzwingen */
    overflow: hidden;
}

.hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Bild füllt 16:9 aus */
    object-position: center;
}

#AGB .accordion-button {
    background: #cccccc;
    color: #0e9135;
    font-weight: 600;
}

#AGB .accordion-button:not(.collapsed) {
    background: #0e9135;
    color: #fff;
}

#AGB .accordion-body {
    background: #faf2f2;
    padding: 20px;
    line-height: 1.6;
}

/* ===========================================================
   Allgemeine Struktur
   =========================================================== */

.ds-section {
    padding: 20px 0 35px 0;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    line-height: 1.65;
}

.ds-section:last-child {
    border-bottom: none;
}

/* Headings */
.ds-section h2 {
    font-size: 28px;
    margin-bottom: 14px;
    font-weight: 700;
    color: #307203;
}

.ds-section h3 {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}

.ds-section h4 {
    font-size: 18px;
    margin-top: 16px;
    margin-bottom: 8px;
    font-weight: 600;
}

/* Absatz */
.ds-section p,
.ds-section ul,
.ds-section li {
    font-size: 17px;
    margin-bottom: 12px;
}

/* Listen */
.ds-section ul {
    padding-left: 20px;
    margin-bottom: 14px;
}

.ds-section ul li {
    margin-bottom: 6px;
}

/* -----------------------------------------------------------
   TOC (Inhaltsverzeichnis)
   ----------------------------------------------------------- */

.ds-toc {
    background: rgba(48, 114, 3, 0.07);
    padding: 24px 22px;
    border-radius: 12px;
    margin-bottom: 40px;
    border: 1px solid rgba(48, 114, 3, 0.25);
}

.ds-toc h2 {
    margin-top: 0;
    font-size: 24px;
    font-weight: 700;
    color: #307203;
    margin-bottom: 14px;
}

.ds-toc ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ds-toc ul li {
    margin-bottom: 8px;
}

.ds-toc ul li a {
    text-decoration: none;
    font-size: 17px;
    color: #307203;
    transition: 0.2s ease;
}

.ds-toc ul li a:hover {
    color: #154701;
    text-decoration: underline;
}

/* -----------------------------------------------------------
   Dark Mode
   ----------------------------------------------------------- */

html[data-bs-theme="dark"] .ds-section {
    border-color: rgba(255,255,255,0.12);
}

html[data-bs-theme="dark"] .ds-section h2 {
    color: #a8d5b9 !important;
}

html[data-bs-theme="dark"] .ds-toc {
    background: rgba(255,255,255,0.06);
    border-color: rgba(255,255,255,0.25);
}

html[data-bs-theme="dark"] .ds-toc h2 {
    color: #ffffff;
}

html[data-bs-theme="dark"] .ds-toc ul li a {
    color: #ffffff !important;
}

html[data-bs-theme="dark"] .ds-toc ul li a:hover {
    color: #a8d5b9 !important;
}

/* -----------------------------------------------------------
   Mobilfreundliche Optimierung
   ----------------------------------------------------------- */

@media (max-width: 600px) {
    .ds-toc {
        padding: 18px;
    }

    .ds-toc h2 {
        font-size: 20px;
    }

    .ds-toc ul li a {
        font-size: 16px;
    }

    .ds-section h2 {
        font-size: 24px;
    }

    .ds-section h3 {
        font-size: 20px;
    }

    .ds-section h4 {
        font-size: 17px;
    }

    .ds-section p,
    .ds-section li {
        font-size: 16px;
    }
}
/* ===========================================================
   CONTENT BOXEN FÜR DATENSCHUTZ-BEREICHE
   =========================================================== */

.ds-box {
    background: #ffffff;
    border: 1px solid rgba(48,114,3,0.3);
    border-radius: 12px;
    padding: 24px 28px;
    margin-top: 18px;
    box-shadow:
        0 0 0 1px rgba(48,114,3,0.10) inset,
        0 8px 20px rgba(48,114,3,0.12),
        0 3px 6px rgba(0,0,0,0.05);
}

/* Dark Mode */
html[data-bs-theme="dark"] .ds-box {
    background: #1e1e1e;
    border-color: rgba(255,255,255,0.25);
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.15) inset,
        0 8px 20px rgba(0,0,0,0.4),
        0 3px 6px rgba(255,255,255,0.05);
}

/* Heading in Section */
.ds-section > h2 {
    margin-bottom: 10px;
}

/* Abstand zwischen Boxen */
.ds-section {
    margin-bottom: 40px !important;
}



/* Dark Mode */
html[data-bs-theme="dark"] .ds-backtotop {
    background: #a8d5b9;
    color: #000000 !important;
    box-shadow: 0 6px 16px rgba(255,255,255,0.15);
}

html[data-bs-theme="dark"] .ds-backtotop:hover {
    background: #87c7a4;
}


/* ===========================================================
   INLINE BACK-TO-TOP LINKS
   =========================================================== */

.ds-inline-back {
    margin-top: 25px;
    text-align: right;
}

.ds-inline-back a {
    font-size: 15px;
    text-decoration: none;
    color: #307203;
    opacity: 0.85;
    transition: 0.2s;
}

.ds-inline-back a:hover {
    opacity: 1;
    text-decoration: underline;
}

/* Dark Mode */
html[data-bs-theme="dark"] .ds-inline-back a {
    color: #ffffff;
    opacity: 0.7;
}

html[data-bs-theme="dark"] .ds-inline-back a:hover {
    color: #a8d5b9;
    opacity: 1;
}

/* ===========================================================
   Smooth Scrolling
   =========================================================== */
html {
    scroll-behavior: smooth;
}


.scope-buchungsinformationen .accordion-wrapper {
    display: block;
}

/* Titel */
.scope-buchungsinformationen .uk-accordion-title {
    background: #CCCCCC !important;
    color: #196B38 !important;
    font-size: 16px;
    padding: 14px 45px 14px 15px !important;
    border-radius: 6px;
    position: relative;
    cursor: pointer;
}

/* Plus Icon */
.scope-buchungsinformationen .uk-accordion-title::before {
    content: "+";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    line-height: 1;
    color: #196B38;
    transition: 0.3s ease;
}

/* Minus Icon */
.scope-buchungsinformationen .uk-open > .uk-accordion-title::before {
    content: "−";
    transform: translateY(-50%) rotate(180deg);
    font-weight: bold;
}

/* Inhalte */
.scope-buchungsinformationen .uk-accordion-content {
    background: #F2E9E9;
    padding: 15px 18px;
    border-radius: 6px;
}

.scope-buchungsinformationen .uk-accordion > li {
    margin-bottom: 12px;
}


/* EINSPALTIG */
.scope-buchungsinformationen .accordion-wrapper {
    display: block;
}

/* ------------------------------------------------------ */
/* LIGHT MODE */
/* ------------------------------------------------------ */
:root[data-bs-theme="light"] .scope-buchungsinformationen .uk-accordion-title {
    background: #207942 !important; /* Bellevue-Grün */
    color: #ffffff !important;      /* Weiß */
}

/* ICON Light Mode */
:root[data-bs-theme="light"] .scope-buchungsinformationen .uk-accordion-title::before {
    color: #ffffff !important;
}

/* CONTENT Light Mode */
:root[data-bs-theme="light"] .scope-buchungsinformationen .uk-accordion-content {
    background: #dbd7d7;
    color: #000000;
}

/* ------------------------------------------------------ */
/* DARK MODE */
/* ------------------------------------------------------ */
:root[data-bs-theme="dark"] .scope-buchungsinformationen .uk-accordion-title {
    background: #2b2b2b !important;
    color: #ffffff !important;
}

/* ICON Dark Mode */
:root[data-bs-theme="dark"] .scope-buchungsinformationen .uk-accordion-title::before {
    color: #ffffff !important;
}

/* CONTENT Dark Mode */
:root[data-bs-theme="dark"] .scope-buchungsinformationen .uk-accordion-content {
    background: #726c6c;
    color: #ffffff;
}

/* ------------------------------------------------------ */
/* PLUS / MINUS ICON – perfekt zentriert */
/* ------------------------------------------------------ */
.scope-buchungsinformationen .uk-accordion-title {
    font-size: 16px;
    padding: 14px 45px 14px 15px !important;
    border-radius: 6px;
    position: relative;
    cursor: pointer;
}

/* Plus */
.scope-buchungsinformationen .uk-accordion-title::before {
    content: "+";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    line-height: 1;
    transition: 0.3s ease;
}

/* Minus */
.scope-buchungsinformationen .uk-open > .uk-accordion-title::before {
    content: "−";
    transform: translateY(-50%) rotate(180deg);
    font-weight: bold;
}

/* Inhalt */
.scope-buchungsinformationen .uk-accordion-content {
    padding: 15px 18px;
    border-radius: 6px;
    animation: fadeSlide 0.35s ease;
}

/* Animation */
@keyframes fadeSlide {
    from {opacity: 0; transform: translateY(-8px);}
    to   {opacity: 1; transform: translateY(0);}
}

.scope-buchungsinformationen .uk-accordion > li {
    margin-bottom: 12px;
}


/* ================== Container ================== */
.Footer_Bereich .tnd-footer { width: 100%; }
.Footer_Bereich .tnd-footer .footer-wrap {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 24px;
}

/* ================== Box-Style ================== */
.Footer_Bereich .tnd-footer-box {
    background: #fff;
    border: 1px solid #307203;
    border-radius: 12px;
    padding: 24px;
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    box-shadow:
        0 0 0 1px rgba(48,114,3,.20) inset,
        0 10px 24px rgba(48,114,3,.18),
        0 4px 12px rgba(0,0,0,.04);
    transition: box-shadow .3s ease, transform .3s ease;
}
.Footer_Bereich .tnd-footer-box:hover {
    transform: scale(1.02);
    box-shadow:
        0 0 0 1px rgba(48,114,3,.30) inset,
        0 16px 32px rgba(48,114,3,.26),
        0 10px 20px rgba(0,0,0,.08) !important;
}

/* ================== Textfarben ================== */
.Footer_Bereich .tnd-footer,
.Footer_Bereich .tnd-footer-box,
.Footer_Bereich .tnd-footer-box p,
.Footer_Bereich .tnd-footer-box li,
.Footer_Bereich .tnd-footer-box a,
.Footer_Bereich .tnd-footer-copy,
.Footer_Bereich .social-row a { color: #000 !important; }
.Footer_Bereich .social-row a svg { stroke: currentColor !important; }

[data-bs-theme="dark"] .Footer_Bereich .tnd-footer,
[data-bs-theme="dark"] .Footer_Bereich .tnd-footer-box,
[data-bs-theme="dark"] .Footer_Bereich .tnd-footer-box p,
[data-bs-theme="dark"] .Footer_Bereich .tnd-footer-box li,
[data-bs-theme="dark"] .Footer_Bereich .tnd-footer-box a,
[data-bs-theme="dark"] .Footer_Bereich .tnd-footer-copy,
[data-bs-theme="dark"] .Footer_Bereich .social-row a { color: #fff !important; }
[data-bs-theme="dark"] .Footer_Bereich .social-row a svg { stroke: currentColor !important; }

/* ================== Überschriften ================== */
.Footer_Bereich .tnd-footer-box h3 {
    margin: 0 0 12px;
    font-weight: 700;
    font-size: 18px;
    position: relative;
    padding-bottom: 4px;
}
.Footer_Bereich .tnd-footer-box h3::after {
    content: "";
    position: absolute;
    left: 0; bottom: 0;
    width: 100%; height: 2px;
    background: #307203;
    border-radius: 2px;
}

/* Dark Mode Linie weiß */
[data-bs-theme="dark"] .Footer_Bereich .tnd-footer-box h3::after {
    background: #ffffff !important;
}

/* ================== Linklisten & Buttons ================== */
.Footer_Bereich .tnd-footer-box ul {
    list-style: none;
    padding: 0; margin: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: stretch;
}
.Footer_Bereich .tnd-footer-box ul li { width: 100%; }

.Footer_Bereich .tnd-footer-box ul li a {
    display: block;
    width: 100%;
    padding: 6px 10px;
    border-radius: 6px;
    text-decoration: none;
    background: rgba(48,114,3,0.08);
    border: 1px solid rgba(48,114,3,0.25);
    font-weight: 500;
    transition: all .25s ease;
    color: inherit;
}
.Footer_Bereich .tnd-footer-box ul li a:hover,
.Footer_Bereich .tnd-footer-box ul li a:focus {
    background: #307203;
    border-color: #307203;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(48,114,3,0.25);
}

/* ================== Logo Box ================== */
.Footer_Bereich .tnd-logo-box img {
    max-width: 180px !important;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* ================== GRID ================== */
.Footer_Bereich .row-1,
.Footer_Bereich .row-2 {
    display: flex;
    gap: 24px;
    width: 100%;
    align-items: stretch !important;
}
.Footer_Bereich .row-1 .footer-col { flex: 1 1 calc(25% - 24px); display: flex; }
.Footer_Bereich .row-2 { margin-top: 24px; }
.Footer_Bereich .row-2 .footer-col { flex: 1 1 calc((100% - 48px)/3); display: flex; }

/* ================== Social ================== */
.Footer_Bereich .social-row {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center;
}
.Footer_Bereich .social-row a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    text-decoration: none;
    transition: color .25s ease, transform .2s ease;
    color: inherit;
}
.Footer_Bereich .social-row a:hover { transform: translateY(-2px); }

.Footer_Bereich .social-image {
    max-height: 100px !important;
    width: auto !important;
    object-fit: contain;
    border-radius: 12px;
    border: 1px solid rgba(48,114,3,.25);
    margin-top: 10px;
    box-shadow:
        0 0 0 1px rgba(48,114,3,.12) inset,
        0 10px 24px rgba(48,114,3,.12),
        0 4px 12px rgba(0,0,0,.04);
}

/* Divider */
.Footer_Bereich .tnd-divider {
    width: 100%;
    max-width: 260px;
    height: 1px;
    background: linear-gradient(90deg, rgba(48,114,3,0), rgba(48,114,3,.35), rgba(48,114,3,0));
    margin: 16px auto 14px;
}

/* Newsletter */
.Footer_Bereich .newsletter-info { font-size: 15px; }

/* ================== Dark Mode Backgrounds ================== */
[data-bs-theme="dark"] .Footer_Bereich .tnd-footer { background: #121212 !important; }
[data-bs-theme="dark"] .Footer_Bereich .tnd-footer-box {
    background: #1c1c1c !important;
    border-color: #307203 !important;
}
[data-bs-theme="dark"] .Footer_Bereich .social-image {
    border-color: rgba(255,255,255,.35);
}

/* ================== Reduced Motion ================== */
@media (prefers-reduced-motion: reduce) {
    .Footer_Bereich .tnd-footer-box,
    .Footer_Bereich .tnd-footer-box ul li a,
    .Footer_Bereich .social-row a,
    .Footer_Bereich .social-image {
        transition: none !important;
        transform: none !important;
        box-shadow: none !important;
    }
}

/* ================== Copyright ================== */
.Footer_Bereich .tnd-footer-copy {
    border-top: 1px solid #307203;
    margin-top: 40px;
    padding-top: 20px;
    text-align: center;
}

/* ================== Responsive ================== */
@media (max-width:900px){
    .Footer_Bereich .row-1,
    .Footer_Bereich .row-2 {
        flex-direction: column !important;
        gap: 16px !important;
    }
    .Footer_Bereich .footer-col { flex: 1 1 100% !important; }
    .Footer_Bereich .tnd-footer-box { border-radius: 0 !important; }
}

/* =========================================================
   IMPRESSUM – SCOPE (bereinigt, Schrift komplett Joomla)
   ========================================================= */

.Impressum_Bereich section[role="contentinfo"] {
    max-width: 960px;
    margin: 0 auto;
    padding: 3rem 1.5rem;
    background: #ffffff;
    color: var(--bs-body-color, #222);
    border: 1px solid #dcdcdc;
    border-radius: 12px;
    box-sizing: border-box;
}

/* Header */
.Impressum_Bereich .impressum-header {
    margin-bottom: 2.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 3px solid #1f5e35;
    text-align: center;
}

/* Farben im Hellmodus */
.Impressum_Bereich .hotelname,
.Impressum_Bereich .subtitle,
.Impressum_Bereich .impressum-header h1 {
    color: #1f5e35;
}

.Impressum_Bereich .law-hint {
    color: #444;
}

.Impressum_Bereich .stars {
    white-space: nowrap;
}

.Impressum_Bereich .imp-section {
    margin-bottom: 2.5rem;
}

.Impressum_Bereich .contact-links {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.Impressum_Bereich a {
    color: #1f5e35;
    text-decoration: underline;
}

.Impressum_Bereich .imp-box-light {
    margin-bottom: 2.5rem;
    padding: 1rem;
    background: #f3f8f4;
    border: 1px solid #c8e1d1;
    border-radius: 10px;
}

.Impressum_Bereich ul {
    padding-left: 1.2rem;
    margin: 0;
}


/* =========================================================
   DARK MODE (Astroid / Joomla gesteuert)
   ========================================================= */
[data-bs-theme="dark"] .Impressum_Bereich section[role="contentinfo"] {
    background: #2b2b2b !important;
    color: #ffffff !important;
    border-color: #444 !important;
}

[data-bs-theme="dark"] .Impressum_Bereich h1,
[data-bs-theme="dark"] .Impressum_Bereich h2,
[data-bs-theme="dark"] .Impressum_Bereich h3,
[data-bs-theme="dark"] .Impressum_Bereich h4,
[data-bs-theme="dark"] .Impressum_Bereich h5,
[data-bs-theme="dark"] .Impressum_Bereich h6,
[data-bs-theme="dark"] .Impressum_Bereich p,
[data-bs-theme="dark"] .Impressum_Bereich li,
[data-bs-theme="dark"] .Impressum_Bereich address,
[data-bs-theme="dark"] .Impressum_Bereich span {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .Impressum_Bereich a {
    color: #9be7b1 !important;
}

[data-bs-theme="dark"] .Impressum_Bereich .imp-box-light {
    background: #333333 !important;
    border-color: #555 !important;
}

/* LIGHT MODE – AGB Accordion */
[data-bs-theme="light"] .accordion .accordion-button {
    background: #cccccc;
    color: #0e9135;
}

[data-bs-theme="light"] .accordion .accordion-button:not(.collapsed) {
    background: #0e9135;
    color: #fff;
}

[data-bs-theme="light"] .accordion .accordion-body {
    background: #faf2f2;
    color: #222;
}

/* =========================================================
   AGB – Styling wie Hotel- & Buchungsinformationen
   ========================================================= */

#AGB .accordion-button {
    background: #207942 !important;   /* Bellevue-Grün */
    color: #ffffff !important;        /* Weiß */
    font-size: 16px;
    padding: 14px 45px 14px 15px !important;
    border-radius: 6px;
    position: relative;
    box-shadow: none !important;
}

/* Entfernt Bootstrap-Effekte */
#AGB .accordion-button:focus {
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
}

/* Plus Icon */
#AGB .accordion-button::after {
    content: "+";
    font-size: 22px;
    color: #ffffff;
    position: absolute;
    right: 20px;
    transition: 0.3s ease;
    transform: translateY(-50%);
    top: 50%;
}

/* Minus Icon bei geöffnet */
#AGB .accordion-button:not(.collapsed)::after {
    content: "−";
    transform: translateY(-50%) rotate(180deg);
}

/* Hintergrund geöffnet */
#AGB .accordion-button:not(.collapsed) {
    background: #207942 !important;
    color: #fff !important;
}

/* Inhalt */
#AGB .accordion-body {
    background: #dbd7d7 !important;
    padding: 15px 18px !important;
    border-radius: 6px;
    animation: fadeSlideAGB 0.35s ease;
}

/* Animation */
@keyframes fadeSlideAGB {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Abstand zwischen Items */
#AGB .accordion-item {
    margin-bottom: 12px;
    border: none !important;
}


/* =========================================================
   AGB – Styling wie Hotel- & Buchungsinformationen
   Hell + Dark Mode
   ========================================================= */

/* ---------------------------------------------------------
   HELL MODE
--------------------------------------------------------- */
:root[data-bs-theme="light"] #AGB .accordion-button {
    background: #207942 !important;  /* Bellevue-Grün */
    color: #ffffff !important;
    font-size: 16px;
    padding: 14px 45px 14px 15px !important;
    border-radius: 6px;
    position: relative;
    box-shadow: none !important;
}

/* Icon Hell Mode */
:root[data-bs-theme="light"] #AGB .accordion-button::after {
    content: "+";
    font-size: 22px;
    color: #ffffff !important;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s ease;
}

/* Geöffnet Icon */
:root[data-bs-theme="light"] #AGB .accordion-button:not(.collapsed)::after {
    content: "−";
    transform: translateY(-50%) rotate(180deg);
    font-weight: bold;
}

/* Geöffnet Hintergrund */
:root[data-bs-theme="light"] #AGB .accordion-button:not(.collapsed) {
    background: #207942 !important;
    color: #fff !important;
}

/* Inhalt */
:root[data-bs-theme="light"] #AGB .accordion-body {
    background: #dbd7d7 !important;
    padding: 15px 18px !important;
    border-radius: 6px;
    animation: fadeSlideAGB 0.35s ease;
    color: #000;
}


/* ---------------------------------------------------------
   DARK MODE
--------------------------------------------------------- */
:root[data-bs-theme="dark"] #AGB .accordion-button {
    background: #2b2b2b !important;
    color: #ffffff !important;
    font-size: 16px;
    padding: 14px 45px 14px 15px !important;
    border-radius: 6px;
    position: relative;
    box-shadow: none !important;
}

/* Icon Dark Mode */
:root[data-bs-theme="dark"] #AGB .accordion-button::after {
    content: "+";
    font-size: 22px;
    color: #ffffff !important;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s ease;
}

/* Minus bei geöffnet */
:root[data-bs-theme="dark"] #AGB .accordion-button:not(.collapsed)::after {
    content: "−";
    transform: translateY(-50%) rotate(180deg);
}

/* Geöffnet */
:root[data-bs-theme="dark"] #AGB .accordion-button:not(.collapsed) {
    background: #2b2b2b !important;
    color: #ffffff !important;
}

/* Inhalt Dark Mode */
:root[data-bs-theme="dark"] #AGB .accordion-body {
    background: #726c6c !important;
    color: #ffffff !important;
    padding: 15px 18px !important;
    border-radius: 6px;
    animation: fadeSlideAGB 0.35s ease;
}


/* ---------------------------------------------------------
   Animation + Spacing
--------------------------------------------------------- */
#AGB .accordion-item {
    margin-bottom: 12px;
    border: none !important;
}

/* Animation wie Buchungsinformationen */
@keyframes fadeSlideAGB {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Fokus entfernen (Bootstrap default) */
#AGB .accordion-button:focus {
    box-shadow: none !important;
    outline: none !important;
}