:root {

    --footer-bg: #f5f5f5;
    --footer-text: #333333;
    --footer-text-muted: #666666;
    --footer-accent: rgba(9, 125, 166, 0.78);
    --footer-accent-hover: #22c55e;
    --footer-border: #e0e0e0;
    --footer-spacing-xs: 8px;
    --footer-spacing-sm: 16px;
    --footer-spacing-md: 24px;
    --footer-spacing-lg: 32px;
    --footer-spacing-xl: 48px;
    --footer-spacing-2xl: 64px;
    --footer-radius: 8px;
    --footer-transition: all 0.3s ease;


    --douana-primary-pink: #d63384;
    --douana-primary-blue: #008ec2;
}

.dh-flag-item:hover {
  color: #df508de0;
  transform: scale(1.05);
}

.dh-flag-label {
  font-size: 14px;
  font-weight: 700;
  margin-left: 3px;
  color: #0d557ba1;
  cursor: pointer;
  transition: transform .2s ease-in-out;
}


#language-switcher > li {
    color: white;
    list-style: none;
    padding-right: 8px;
}
#language-switcher > li > a > span {
    color: white;
}
#lang_choice_1 > option[lang="de-CH"]::after {

    content: "🇨🇭";
    margin-right: 4px;

}
  
.faq-icon-container  {
    display: inline-block;
    position: relative;
    margin-left: 8px;
}
.faq-button  {
    background-color: var(--example-color-alt, #0e325c);
    color: white;
    border: none;
    padding: 8px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    width: 100px;
    height: 100px;
}
.faq-button:hover  {
    background-color: var(--example-color, #267fbf);
}
.faq-popup  {
    display: none;
    position: absolute;
    z-index: 999;
    top: 100%;
    left: 0;
    background: #fff;
    border: 2px solid #aaa;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    overflow: auto;
    max-height: 400px;
    font-size: 12px;
    max-width: 800px;
    width: 800px;
}
@keyframes shine  {
    0%  {
        left: -75%
    }
    to  {
        left: 130%
    }
}
@keyframes shine-img  {
    0%  {
        left: -75%
    }
    to  {
        left: 125%
    }
}
body,html  {
    overflow-x: hidden;
    line-height: normal;
    font-family: Gotham-Book,Helvetica,Arial,Verdana,sans-serif
}
p  {
    margin-top: 0;
    margin-bottom: 12px;
    font-family: sans-serif
}
.site-branding-text .site-title a  {
    color: #ff6cab
}
.archive-description p  {
    margin-top: 3px;
    margin-bottom: 4px;
    font-family: Georgia,Times New Roman,serif
}
#quiz  {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0;
    margin-top: 10px;
    border-radius: 10px
}
#results-feedback>div>p  {
    font-family: "Roboto";
    text-align: right;
    font-size: 14px
}
#quiz table  {
    color: #000000d1;
    background: #fff;
    border-radius: 4px;
    border-collapse: collapse;
    margin: 0;
    width: auto;
    word-wrap: break-word;
    border: 4px solid #00000000
}
#quiz table td  {
    padding: 2px
}
#quiz .question_html  {
    background-color: #187dbba3;
    border: 1px solid rgb(255 255 255/59%);
    color: #ffffffe8;
    border-radius: 12px;
    font-size: 18px;
    margin-bottom: 20px;
    padding: 14px
}
#start-quiz-button:hover  {
    background-color: #ff4d94
}
#start-quiz-button:active  {
    background-color: #b93a72;
    transform: scale(.97)
}
#quiz-content  {
    width: 100%;
    background: #fff;
    border-radius: .8rem
}
#question-container blockquote  {
    background: 0 0;
    border-color: #008ec2;
    margin: 5px
}
#question-container #questionNo  {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: space-between;
    align-items: flex-start
}
#question-container #questionNo h1  {
    font-size: 20px
}
#question-container #questionNo em i  {
    color: rgba(21,119,154,.94);
    font-size: 12px
}
#quiz h1 h2 h3 h4 h5 h6  {
    color: #ffffffeb;
    font-size: 24px;
    font-weight: 500;
    font-family: inherit;
    letter-spacing: .08em;
    line-height: 1.1;
    margin: 0;
    padding: 2px
}
#quiz mark,.result_box  {
    font-family: "Montserrat"
}
#quiz mark  {
    min-height: 80%;
    height: auto;
    border-radius: 6px;
    color: rgb(10 10 10/65%);
    margin: 6px 2px 2px
}
#quiz .question-title  {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #34495e
}
#quiz .options-container  {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    margin-bottom: 1.5rem
}
#quiz .option  {
    border: 1px solid rgb(119 163 182/80%);
    border-radius: .5rem;
    transition: all .3s ease;
    height: auto
}
#quiz .option>div[id^=gchart_]  {
    pointer-events: none;
    cursor: hand
}
#quiz .option.selected,#quiz .option:hover  {
    background-color: #0a9349cc;
    border-color: #0ed846db;
    color: #eee
}
#quiz .option.selected  {
    color: #fff;
    border-color: #2980b9
}
#quiz .option.correct  {
    background-color: #2ecc71;
    color: #fff;
    border-color: #27ae60
}
#quiz .option.incorrect  {
    background-color: #e74c3c;
    color: #fff;
    border-color: #c0392b
}
#quiz .timer-container  {
    margin-bottom: 0;
    margin-top: 0;
    text-align: right
}
#quiz .timer  {
    font-size: 14px;
    font-weight: 700;
    color: #2c3e50;
    height: 32px
}
#quiz .timer span,#quiz .total-timer  {
    position: absolute;
    padding-top: 28px;
    color: #8cff7f
}
#quiz .total-timer  {
    margin-top: 8px;
    font-weight: 700;
    color: orange
}
#quiz .total-progress  {
    height: 6px;
    width: 100%;
    background-color: #fff6e5;
    margin-top: 5px;
    border-radius: 5px
}
#quiz .total-progress>div  {
    height: 6px;
    background-color: orange;
    width: 0%;
    border-radius: 5px
}
#quiz .progress-bar  {
    width: 100%;
    height: 4px;
    background-color: #ecf0f1;
    border-radius: .25rem;
    margin-top: .3rem;
    overflow: hidden
}
#quiz .progress  {
    height: 100%;
    width: 100%;
    background-color: #3498db;
    transition: width 1s linear
}
#email-results,#next-button  {
    font-size: 22px;
    padding: 9px 30px;
    font-weight: 700;
    color: #fff;
    border: 0;
    border-radius: 20px;
    cursor: pointer;
    margin-top: 17px;
    background: linear-gradient(to right,#ff8c00,#ff5e00);
    margin-bottom: 0
}
#next-button  {
    background-color: #0096c7
}
#email-results  {
    background-color: #0077b6;
    display: none
}
.result_box  {
    text-shadow: rgba(100,100,170,.2);
    border-radius: 18px;
    background: #e0e0e042;
    color: #020c10e6;
    box-shadow: 1px 4px 2px 3px rgb(125 125 125/1%);
    padding: 20px;
    margin: 0 0 17px
}
#results-feedback>h2  {
    font-size: 20px;
    padding: 6px;
    border-radius: 6px;
    margin: 24px 0 0;
    color: rgba(255,165,0,.96);
    background: 0 0
}
#quiz table,#results-feedback em  {
    font-size: 14px
}
#results-feedback>div>h2>strong  {
    margin: 0;
    color: rgba(255,165,0,.96);
    font-size: 24px;
    background: #ffffffd9
}
#results-feedback>div>h2>details>summary>b  {
    font-size: 18px;
    text-decoration: inherit
}
#results-feedback ol ul  {
    margin-top: 0;
    margin-bottom: 1rem;
    padding: 2px;
    margin-left: -10px
}
#quiz .hidden  {
    display: none
}
#quiz .quiz_disabled  {
    opacity: .4;
    filter: grayscale(100%)
}
#quiz .quiz_active  {
    opacity: 1;
    filter: none
}
.arrow:after,.ui-tooltip  {
    background: #356aa0;
    border: 2px solid #fff
}
.ui-tooltip  {
    width: auto;
    word-wrap: break-word;
    padding: 10px 20px;
    color: #fff;
    border-radius: 20px;
    font: 700 14px"Helvetica Neue",Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px #356aa0;
    max-width: 350px;
    z-index: 9999;
    pointer-events: none
}
.tooltip-text  {
    position: relative;
    z-index: 2
}
.arrow  {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px
}
.arrow:after  {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px #356aa0;
    transform: rotate(45deg)
}
.article-sharing.article-footer__sharing  {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    text-align: right;
    color: var(--akwa-link-color);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-content: flex-end;
    flex-direction: column
}
.article-sharing__link  {
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    background: #ffffff8f;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    color: #222;
    transition: background .3s ease;
    padding: 2px;
    width: 38px;
    box-shadow: 0 3px 8px rgb(77 77 77/25%);
    margin: 1px 1px 16px
}
.article-sharing__link:hover  {
    background: #eaeaea
}
.article-sharing__link::before  {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}
.share-link--linkedin::before  {
    background-image: url(/wp-content/uploads/2025/05/linkedin-logo-32.png)
}
.share-link--whatsapp::before  {
    background-image: url(/wp-content/uploads/2025/05/whatsapp-logo-32.png)
}
.share-link--facebook::before  {
    background-image: url(/wp-content/uploads/2025/05/facebook-logo-32.png)
}
.share-link--xcorp::before  {
    background-image: url(/wp-content/uploads/2025/05/x-logo-black-outline-32.png)
}
.share-link--reddit::before  {
    background-image: url(/wp-content/uploads/2025/05/reddit-logo-32.png)
}
.share-link--mail::before  {
    background-image: url(/wp-content/uploads/2025/05/email-verification-black-envelope-32.png)
}
.article-sharing.article-footer__sharing  {
    justify-content: flex-end;
    margin-bottom: 0;
    margin-top: 10px
}
#live-search-results  {
    width: 100%;
    box-sizing: border-box
}
#block-37  {
    height: auto;
    max-height: none;
    overflow: visible;
    transition: height .2s ease;
    z-index: 9999
}
#live-search-results  {
    position: relative
}
#wp-block-search__input-1  {
    pointer-events: auto;
    user-select: text;
    -webkit-text-fill-color: #000;
    background-color: #fff;
    z-index: 1;
    border: 1px solid rgba(45,45,45,.25);
    box-shadow: 0 3px 8px rgba(77,77,77,.3);
    overflow-x: hidden
}
.mg-posts-sec-post .col-12,.mg-posts-sec-post .col-md-6:first-child  {
    margin-left: 0;
    padding-left: 0
}
.mg-posts-sec-post  {
    border-radius: 8px;
    margin-left: 0;
    margin-right: 0
}
.mg-latest-news img,.widget-area .post img,img.wp-post-image  {
    border: 4px solid #ffffff5c;
    border-radius: 8px;
    box-sizing: border-box
}
.mg-blog-post.lg  {
    background-color: #ffffffed
}
@media (max-width:767.98px)  {
    .mg-posts-sec-post.d-md-flex  {
        display: block;
        position: relative;
        overflow: hidden;
        border-radius: 8px
    }
    .mg-posts-sec-post .col-md-6  {
        width: 100%;
        padding: 0;
        margin: -15px 0 0
    }
    .mg-posts-sec-post .mg-post-thumb.md  {
        min-height: 320px;
        background-size: cover;
        background-position: top center;
        border-radius: 8px
    }
    .mg-posts-sec-post .mg-sec-top-post  {
        position: absolute;
        top: -17px;
        left: -2px;
        width: 96%;
        padding: 1rem;
        color: #ffffffe6;
        z-index: 2;
        border-radius: 1px 1px 33px 1px;
        height: auto
    }
    .mg-sec-top-post .entry-title .title  {
        color: #ffffffe6;
        font-size: 18px;
        line-height: 22px
    }
    .mg-posts-sec-post .mg-sec-top-post .entry-title a  {
        color: #ffffffe6;
        font-weight: 300
    }
}
.site-description  {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    background-color: rgba(255,255,255,.7);
    backdrop-filter: blur(2px);
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 999px;
    padding: 6px 16px;
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: .5px;
    margin: 0 auto
}
.site-description::after  {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg,rgba(255,255,255,0)0,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 100%);
    transform: skewX(-20deg);
    animation: shine 2.5s ease-in-out 1
}
.mg-breadcrumb-title .title,.mg-breadcrumb-title h1  {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    line-height: 28px
}
.mg-breadcrumb-title,.mg-breadcrumb-title .title  {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start
}
.mg-breadcrumb-title  {
    text-align: left;
    padding: 0;
    flex-direction: row;
    align-items: stretch;
    align-content: stretch;
    max-height: 72px
}
.mg-breadcrumb-title .title  {
    width: -webkit-fill-available;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    margin-top: -34px
}
@media (min-width:768px)  {
    .col-md-12  {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}
.mg-breadcrumb-title .title span  {
    font-size: 20px;
    font-weight: 700;
    display: inline-block
}
.mg-breadcrumb-section .overlay  {
    background: #fff;
    height: 100%;
    padding: 14px 0;
    position: relative;
    width: 100%
}
.mg-breadcrumb-section .archive-description  {
    overflow-y: auto;
    font-size: 13px;
    font-family: monospace;
    color: #003652e3;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    max-height: max-content
}
.mg-breadcrumb-section .archive-description p  {
    margin-top: 0;
    margin-bottom: 0
}
.missed-inner  {
    position: relative
}
.container-fluid.home .post  {
    background: #fff
}
.container-fluid.home .post img  {
    width: 50%;
    height: 100%;
    max-height: 180px;
    object-fit: cover;
    border-radius: 8px
}
.container-fluid.home .post .post-content  {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden
}
.container-fluid.home .post .post-title  {
    font-size: 1.1em;
    font-weight: 700;
    margin-bottom: 5px
}
.container-fluid.home .post .post-meta  {
    font-size: .8em;
    color: #666;
    margin-bottom: 5px
}
.container-fluid.home .post .post-tags  {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}
.container-fluid.home .post .post-tags a  {
    background-color: #0093c4;
    color: #fff;
    padding: 4px 8px;
    border-radius: 5px;
    text-decoration: none;
    font-size: .75em
}
.container-fluid.home .post .post-excerpt,.container-fluid.home .post p  {
    display: block;
    font-size: 12px
}
footer .mg-footer-bottom-area hr,footer .overlay,footer hr  {
    background: #ffffff00
}
footer .overlay  {
    padding: 4px
}
footer .mg-footer-copyright  {
    background: #000000e0;
    z-index: 999;
    margin: -8px 0 0;
    padding: 15px 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 138px
}

.navbar-nav>li>a,nav.navbar  {
    transition: all .3s ease-in-out
}
nav.navbar  {
    background: linear-gradient(to bottom,#0093c4 0,rgba(0,147,196,.9) 100%);
    border-radius: 6px;
    padding: 5px 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,.12)
}
.navbar-nav>li>a  {
    color: #fff;
    padding: 6px 12px;
    font-weight: 600;
    border-radius: 4px;
    position: relative
}
.navbar-nav>li.active>a,.navbar-nav>li.current-menu-item>a  {
    background-color: rgba(255,77,148,.85);
    color: #fff;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 4px;
    box-shadow: inset 0 0 4px rgba(0,0,0,.15)
}
.navbar-nav>li>a:hover  {
    background-color: rgba(255,77,148,.8);
    color: #fff;
    transform: scale(1.03);
    box-shadow: 0 3px 10px rgba(255,77,148,.4)
}
.navbar-nav>li.active>a::after,.navbar-nav>li.current-menu-item>a::after  {
    content: "";
    display: block;
    width: calc(100% - 24px);
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: 2px;
    left: 12px;
    border-radius: 2px;
    opacity: .8
}
ul.dropdown-menu,ul.dropdown-menu ul  {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 8px rgba(0,0,0,.1)
}
ul.dropdown-menu  {
    border-radius: 8px;
    padding: 8px 12px;
    display: none;
    opacity: 1;
    transform: translateY(0);
    transition: all .2s ease-in-out
}
ul.dropdown-menu.show  {
    display: block
}
ul.dropdown-menu li a.dropdown-item  {
    background-color: #fff;
    color: #0093c4;
    padding: 8px 10px;
    border-radius: 8px;
    transition: background-color .3s ease-in-out,color .3s ease-in-out
}
ul.dropdown-menu li a.dropdown-item:hover  {
    background-color: rgba(0,147,196,.15);
    color: #007a9f
}
ul.dropdown-menu ul  {
    background: #365e6e00;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    text-align: left
}
.mg-tpt-tag-area  {
    background: #1f333800
}
.article_section h1,.article_title  {
    margin-left: -10px;
    border-radius: 5px;
    padding: 8px;
    color: darken
}
.article_section h1 h2 h3,.article_title  {
    font-weight: 700;
    text-decoration: none;
    letter-spacing: .5px
}
.article_title  {
    font-size: 22px;
    margin-top: 64x;
    margin-bottom: 30px;
    background: rgba(200,200,170,.2);
    box-shadow: 1px 1px 6px rgba(50,50,120,.6)
}
.article_section h1 h2 h3  {
    font-size: 18px;
    color: #133b75;
    margin-top: 0;
    border-radius: 5px;
    padding: 8px;
    border-color: rgba(100,100,255,.2);
    box-shadow: 1px 4px 6px #000
}
.article_section h1  {
    background: rgba(240,240,170,.1);
    text-decoration: underline
}
.article_section h2  {
    background: #073851eb;
    font-size: 20px;
    text-shadow: rgba(100,100,170,.2);
    border-radius: 6px;
    padding: 6px;
    background: #a5bac23b;
    color: #193a47cf;
    box-shadow: inset -20px -5px 1px 5px rgb(44 148 190/0%);
    margin-top: 38px;
    font-family: "Montserrat"
}
.article_section section h3  {
    font-size: 18px;
    box-shadow: 1px 1px 6px rgba(100,100,170,.2)
}

.wp-block-tag-cloud a  {
    border: 1px solid #0093c4;
    background-color: #f4faff;
    text-decoration: none
}
.wp-block-tag-cloud a:hover  {
    background-color: #0093c4;
    color: #fff
}
.mg-posts-sec-inner .small-list-post .small-post  {
    list-style: none;
    padding: 8px;
    box-shadow: 0 2px 10px rgb(30 59 71/68%);
    gap: 20px
}
.kontakt-box:hover  {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0,0,0,.12)
}
.kontakt-heading  {
    font-size: 34px;
    font-weight: 700;
    color: #222;
    margin-bottom: 12px
}
.kontakt-text  {
    font-size: 18px;
    color: #555;
    max-width: 550px;
    margin: auto;
    line-height: 1.6
}
.kontakt-button,.linkedin-button,.newsletter-button  {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 24px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    border-radius: 50px;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0,0,0,.2);
    transition: all .3s ease-in-out;
    margin: 10px auto;
    max-width: 280px
}
.kontakt-button  {

    background: linear-gradient(to right, #23b770ed, #008547e6);
}
.kontakt-button:hover  {
    background: linear-gradient(to right,#b0256b,#d63384);
    transform: scale(1.05)
}
.linkedin-button  {
    background: #0077b5
}
.linkedin-button:hover  {
    background: #005a8d;
    transform: scale(1.05)
}
.newsletter-button  {
    background: linear-gradient(to right,#ff8c00,#ff5e00)
}
.newsletter-button:hover  {
    background: linear-gradient(to right,#ff5e00,#ff8c00);
    transform: scale(1.05)
}
.kontakt-button i,.linkedin-button i,.newsletter-button i  {
    margin-right: 8px;
    font-size: 20px
}
.mg-sidebar .mg-widget.widget_nav_menu ul.menu li.current-menu-item a  {
    background: linear-gradient(to right,#00a7e1,#5cd0f4);
    color: #034;
    box-shadow: inset 4px 0 0#006e91;
    padding-left: 20px
}
.mg-sidebar .mg-widget  {
    backdrop-filter: blur(6px);
    background: 0 0
}
.post-form  {
    color: #ffffffd1;
    background: #539b67d6
}
.mg-blog-post-3.minh,.mg-blog-post.lg  {
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    transition: all .5s cubic-bezier(0,1.33,1,1);
    /* filter: drop-shadow(4px 2px 6px rgba(108,108,108,.6));
    */
    overflow: hidden
}
.mg-sidebar .mg-widget ul li  {
    transition: all .2s ease-in-out .2s;
    border-color: #a4a4a400;
    display: block;
    letter-spacing: 0;
    line-height: 26px;
    margin: 2px;
    padding: 1px;
    border-width: 1px 0;
    border-style: solid;
    font-size: 15px
}
.cat-links a,.mg-blog-category a,.mg-tpt-tag-area ul li a,.newsup-categories,.newsup-categories.category-color-1,.post-categories a,.post-meta .meta-category a,.tagcloud a,.wp-block-tag-cloud a  {
    display: inline-block;
    background: linear-gradient(to bottom,rgb(255 255 255/93%),rgb(255 255 255/78%));
    color: #072631b3;
    border-radius: 5px;
    padding: 6px;
    margin: 2px 3px;
    transition: all .1s ease-in-out;
    box-shadow: 1px 1px 5px 1px rgb(28 33 35/23%);
    font-size: 12px;
    line-height: 1.3em
}
.cat-links a:hover,.mg-blog-category a:hover,.mg-tpt-tag-area ul li a:hover,.newsup-categories.category-color-1:hover,.newsup-categories:hover,.newsup-tags a:hover,.post-categories a:hover,.post-meta .meta-category a:hover,.tagcloud a:hover,.wp-block-tag-cloud a:hover  {
    background: rgba(255,77,148,.85);
    transform: scale(1.05);
    box-shadow: 0 3px 8px rgba(255,77,148,.2);
    color: rgb(255 255 255/83%)
}
.topic-tag.topic-tag a {
    box-shadow: none;
    background: none;
}
.img-small-post,.mg-sidebar .mg-widget ul li  {
    position: relative;
    overflow: hidden
}
.img-small-post::after  {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg,rgba(255,255,255,0)0,rgba(255,255,255,.4) 50%,rgba(255,255,255,0) 100%);
    transform: skewX(-25deg);
    pointer-events: none;
    transition: opacity .5s ease;
    opacity: 0
}
.small-post  {
    position: relative;
    transition: transform .2s ease-in-out,border .2s ease-in-out;
    border: 1px solid transparent;
    border-radius: 2px
}
.small-post:hover  {
    transform: scale(1.1);
    border: 1px solid rgba(255,77,148,.875);
    border-radius: 2px;
    z-index: 10
}
.small-post:hover .img-small-post  {
    transform: scale(1.3);
    transition: transform .2s ease-in-out
}
.img-small-post img  {
    width: 100%;
    height: 100%;
    display: block;
    transition: transform .2s ease-in-out;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: transparent;
    border: 1px solid rgba(5,5,5,.375);
    border-radius: 6px
}
.small-post img  {
    min-width: fit-content
}
.small-post:hover .img-small-post::after  {
    animation: shine-img 2s forwards;
    opacity: 1
}
.mg-blog-post-3.minh h4  {
    line-height: 25px;
    margin-bottom: 1px
}
.mg-fea-area .overlay  {
    padding: 0;
    margin: 0
}
.mg-sidebar .mg-widget.widget_nav_menu ul.menu li a  {
    background: linear-gradient(to left,transparent 50%,rgba(255,255,255,.2) 50%);
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 11px;
    font-size: 1.05em;
    font-weight: 550;
    color: #001e25db;
    border-radius: 2px;
    margin: 0;
    background: linear-gradient(to right,#ffffffd4 30%,rgb(255 255 255/52%) 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    transition: background-position .8s ease-in-out,background .8s ease-in-out,color .3s ease-in-out,transform .5s ease;
    overflow: hidden
}
.mg-sidebar .mg-widget.widget_nav_menu ul.menu li a::before  {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background-color: rgba(44,181,143,.8);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    box-shadow: 0 0 12px 3px rgba(44,181,143,.3);
    transition: opacity .3s ease,box-shadow .3s ease;
    z-index: 1
}
.mg-sidebar .mg-widget.widget_nav_menu ul.menu li a::after  {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 6px;
    height: 100%;
    background-color: rgba(223,80,141,.9);
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: 0 0 12px 3px rgba(223,80,141,.3);
    opacity: 0;
    transition: opacity .5s ease,box-shadow .5s ease;
    z-index: 1
}
.mg-sidebar .mg-widget.widget_nav_menu ul.menu li a:hover::before  {
    opacity: 0
}
.mg-sidebar .mg-widget.widget_nav_menu ul.menu li a:hover::after  {
    opacity: 1;
    box-shadow: 0 0 16px 6px rgba(223,80,141,.4)
}
.mg-sidebar .mg-widget.widget_nav_menu ul.menu li a:hover  {
    background-position: right bottom;
    color: #df508d
}
a.newsup-categories.category-color-1  {
    color: #ffffffed;
    padding: 2px 4px 1px;
    margin-right: 3px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: inherit;
    border-radius: 3px;
    background: linear-gradient(123deg,#000000d6,#393939f0)
}
a.newsup-categories.category-color-2  {
    background: #feb236
}
a.newsup-categories.category-color-3  {
    background: #622569
}
a.newsup-categories.category-color-4  {
    background: #82b74b
}
.navbar-wp .dropdown-menu  {
    background: #fff;
    border-radius: 4px
}
.mg-sidebar .mg-widget.widget_nav_menu  {
    background: #67676714
}
.mg-sidebar .mg-widget  {
    margin-bottom: 10px;
    padding: 8px 12px;
    border-radius: 0;
    border-width: 1px;
    border-style: solid;
    overflow-x: hidden
}
.navbar  {
    z-index: 9999
}
.mg-headwidget .navbar-wp .navbar-nav>.active>a,.mg-headwidget .navbar-wp .navbar-nav>.active>a:focus,.mg-headwidget .navbar-wp .navbar-nav>.active>a:hover,.mg-headwidget .navbar-wp .navbar-nav>li>a:focus  {
    color: #ffffffeb;
    background: #df508de0
}
@media (min-width:1200px)  {
    .mg-headwidget .navbar-wp  {
        height: 46px
    }
}
.mg-wid-title  {
    border-color: #032a3926;
    font-weight: 700;
    border-width: 0 0 1px;
    border-style: solid;
    margin: -10px 0 6px -10px;
    position: relative;
    padding: 0
}
.mg-sidebar .mg-widget h6  {
    background: #008ec2;
    color: #ffffffe6
}
.mg-blog-post-box .mg-header h1  {
    font-size: 24px;
    font-weight: 700;
    font-family: inherit;
}
@media (min-width:768px)  {
    .mg-posts-sec-inner>.col-md-6  {
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 358px
    }
}
.mg-posts-sec-post  {
    padding: 0;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
    box-shadow: 2px 2px 1px 1px rgb(241 251 255/32%);
    max-height: 202px
}
.col  {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    max-height: inherit
}
.mg-posts-modul-6 .mg-sec-top-post  {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 7px;
    margin-bottom: 34px
}
.mg-posts-modul-6 .mg-sec-top-post .title  {
    margin-top: 8px;
    font-size: 20px;
    line-height: normal;
    position: relative;
    margin-bottom: 6px;
    display: block;
    display: -webkit-box;
    max-height: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}
.mg-post-thumb.md  {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: all .5s cubic-bezier(0,1.33,1,1);
    filter: drop-shadow(4px 2px 6px rgba(108,108,108,.6));
    overflow: hidden;
    max-height: 178px
}
.mg-sidebar .mg-widget .wtitle  {
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 40px;
    font-weight: 600;
    margin: 0;
    padding: 0 8px 0 15px;
    position: relative;
    text-transform: uppercase;
    width: auto;
    height: 40px;
    display: inline-block
}
.mg-content td,.mg-sidebar .mg-widget.widget_tag_cloud,.mg-widget.widget_tag_cloud,.single td  {
    padding: 6px;
    border: none;
}
.mg-sidebar .mg-widget.widget_nav_menu  {
    background: 0 0;
    border-color: #eeeeee2b;
    border-radius: 8px;
    box-shadow: 2px 2px 2px 3px rgb(255 255 255/7%)
}
.container-fluid.home .post  {
    display: flex;
    align-items: center;
    max-height: 180px;
    overflow: hidden;
    gap: 0;
    padding: 0;
    border-radius: 12px;
    background: #ffffff99
}
.navbar-header .site-description  {
    letter-spacing: 2.2px;
    margin-bottom: 0;
    color: #f1f1f1f5;
    font-size: 16px;
    font-family: monospace;
    box-shadow: 10px 5px 1px 0 rgb(255 255 255/25%);
    background-color: #1e2c34e3;
    text-shadow: 2px 0 3px #0b496bd9
}
body .site-description,body .site-title a  {
    color: #ff6cab
}
.site-branding-text .site-title a  {
    text-decoration: underline;
    font-size: 78px!important;
    text-shadow: 3px 3px 2px #6c1138de;
    font-weight: 600
}
.mg-sidebar .mg-widget.widget_block p  {
    border: 0;
    font-size: 15px;
    margin: 0;
    padding: 0
}
.mg-widget.widget_tag_cloud p  {
    margin-bottom: 0
}
.wp-block-tag-cloud  {
    box-sizing: border-box;
    scale: .9;
    font-family: monospace;
    font-size: 13px;
    margin: 0;
    border: 0
}
@media (min-width:767.98px)  {
    #custom-background-css>header::before  {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to right,rgba(0,0,0,.9)0,rgba(0,0,0,.7) 10%,rgba(0,0,0,.4) 25%,transparent 40%,transparent 60%,rgba(0,0,0,.4) 75%,rgba(0,0,0,.7) 90%,rgba(0,0,0,.9) 100%);
        z-index: 2;
        overflow: hidden;
        height: 288px;
    }
    .mg-nav-widget-area-back  {
        height: 286px;
        background-position-y: -122px;
        background-size: 49%;
        background-repeat: repeat-x
    }
    .mg-nav-widget-area-back .inner  {
        width: 100%;
        padding: 80px 0
    }
}
@media (max-width: 1267.98px)  {
    .mg-nav-widget-area-back  {
        height: 251px !important;
        max-height: 251px !important;
        background-position-y: -18px !important;
        background-size: 80% !important;
        background-repeat: repeat-x !important;
    }
}
@media (max-width: 767.98px)  {
    .mg-nav-widget-area-back  {
        height: 221px !important;
        max-height: 219px !important;
        background-position-y: -60px !important;
        background-size: 100% !important;
        background-repeat: repeat-x !important;
    }
}
@media (max-width:767.98px)  {
    .navbar-header .site-description  {
        font-size: 13px;
    }
}
.kontakt-box  {
    padding: 4px;
    background: linear-gradient(to bottom,#fdfdfd,#f8f9fa);
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    text-align: center;
    max-width: 700px;
    margin: auto;
    transition: transform .3s ease,box-shadow .3s ease
}
#block-30,#block-44  {
    padding: 4px;
    border: 0;
    background: 0 0;
    margin: 0 0 28px
}
#block-44  {
    padding: 0
}
.site-branding-text .site-title a:active,.site-branding-text .site-title a:hover  {
    text-decoration: underline
}
@media (max-width:767.98px)  {
    .mg-posts-sec-post .mg-sec-top-post  {
        position: absolute;
        top: -15px;
        left: -6px;
        width: 100%;
        padding: 1rem;
        color: #fff;
        z-index: 2;
        border-radius: 1px 1px 33px 1px;
        height: auto;
        font-size: 13px;
        font-weight: 600
    }
    .mg-posts-modul-6 .mg-sec-top-post .title  {
        margin-top: 0;
        font-size: 19px;
        position: relative;
        display: block;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        background: #172533ed;
        text-shadow: none;
        color: #ffffff54;
        border-radius: 9px;
        padding: 2px 2px 2px 6px;
        border: 1px solid rgb(26 25 25/80%);
        box-shadow: 0 3px 8px rgb(87 87 87/70%)
    }
    .mg-posts-modul-6 .mg-sec-top-post .mg-content p  {
        margin-top: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        box-shadow: 1px 0 0 1px rgb(179 179 179/36%);
        background: #ffefefa6;
        border: 1px solid rgb(244 244 244/74%);
        color: #000000e8;
        text-shadow: none;
        font-family: monospace;
        padding: 0 0 0 3px;
        font-size: 11px
    }
    .mg-content p  {
        text-shadow: -1px 1px 0#000000eb;
        font-size: 13px;
        font-weight: 700
    }
}
.mg-blog-thumb .post-form,.mg-post-thumb .post-form  {
    position: absolute;
    top: inherit;
    bottom: 61px;
    left: -2px;
    display: none
}
/* Fix for tablet/mobile */
*{box-sizing:border-box}
.article-container{max-width:100%!important;width:100%!important;margin:0 auto!important;padding:0 14px!important}
img,svg,video{max-width:100%;height:auto}
.article_section p{word-wrap:break-word}
.article_section h1,.h1,.h2,.h3,.h4,.h5,.h6,h2,h3,h4,h5,h6{font-size:clamp(18px,4vw,22px);line-height:1.3;margin:24px 0 1rem}
.article_introduction,.article_title_conclusions{font-size:clamp(18px,4vw,20px);padding:12px 14px}
.mg-blog-post-box .small.single{padding:14px;font-size:16px;line-height:1.5;margin:2px 2px 4px}
.round_element{border-radius:90px;box-shadow:0 0 6px 1px rgb(117 117 117 / 3%)}
@media (max-width:1024px){
  .article_conclusions{font-size:15px;padding:10px 12px}
  .article_section h1,.h1,.h2,.h3,.h4,.h5,.h6,h2,h3,h4,h5,h6{margin-top:20px}
}
@media (max-width:768px){
  .article_conclusions{font-size:14px;padding:10px 12px}
  .mg-blog-post-box .small.single details p,.mg-blog-post-box .small.single section p,article .small.single details p,article .small.single section p{margin-top:8px;margin-bottom:8px}
}
@media (max-width:480px){
  .article_introduction,.article_title_conclusions{padding:10px 12px}
  .article_section h1,.h1,.h2,.h3,.h4,.h5,.h6,h2,h3,h4,h5,h6{font-size:clamp(17px,5.5vw,20px)}
  .mg-blog-post-box .small.single{padding:12px}
}

article>details>blockquote  {
    font-style: italic;
    display: table;
    font-weight: 500;
    line-height: normal;
    font-size: 14px
}
 
.newsup-tags a  {
    font-weight: 600;
    display: inline-block;
    background: linear-gradient(to bottom,rgb(255 255 255/93%),rgb(255 255 255/78%));
    color: #072631b3;
    border-radius: 5px;
    padding: 3px;
    margin: 0;
    transition: all .1s ease-in-out;
    box-shadow: 1px 2px 4px 2px rgb(204 204 204/47%);
    font-size: 13px;
    line-height: 1.1em
}
.fa-tag:before,.newsup-tags:after  {
    content: ""
}
.mg-tpt-tag-area ul li a:before  {
    content: ""
}
blockquote  {
    margin: 14px 0 8px
}
#content  {
    padding-top: 14px;
    padding-bottom: 14px
}
.container-fluid  {
    padding-right: 14px;
    padding-left: 14px
}
.wp-block[data-type="core/widget-area"] .editor-styles-wrapper .wp-block.wp-block.wp-block.wp-block.wp-block  {
    max-width: 100%;
    max-height: 220px
}
.small-post .img-small-post  {
    width: 88px;
    height: 88px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    min-width: 88px
}
.title_small_post h5.title  {
    word-break: break-word;
    hyphens: auto;
    margin-top: 2px;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    font-family: monospace
}
.small-list-post h5.title,.small-list-post h5.title a  {
    color: #212121
}
.small-list-post h5.title,.small-post .title,.title_small_post  {
    display: block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}
ul.article-citations  {
    background: repeating-linear-gradient(45deg,#fff0f5,#ffe6f0 10px,#fff0f5 20px);
    border: 2px dashed #ff4d94;
    padding: 1rem;
    border-radius: 8px;
    margin-top: 2rem;
    font-size: .95rem;
    box-shadow: 0 0 5px rgba(255,77,148,.3)
}
ul.article-citations li  {
    margin-bottom: .5rem
}
ul.article-citations a  {
    color: #c2185b;
    text-decoration: underline dotted
}
.mg-blog-post-box h1.title.single  {
    overflow: inherit;
    display: inherit;
    margin: 0;
    padding: 0
}
.mg-blog-post-box .mg-header .mg-info-author-block  {
    border: 0;
    box-shadow: inherit;
    padding: 0;
    margin: 4px 0 0
}
.mg-blog-post-box .mg-header .mg-blog-date i,.mg-blog-post-box .mg-header .newsup-tags i  {
    padding-right: 0
}
#cancel-comment-reply-link,.comment-reply-link,.navigation.posts-navigation .nav-links a:hover,.post-items ol:not(.post-categories) li a,.post-items table a,.post-items ul:not(.post-categories) li a,blockquote a,code a,p a,span:not(.author-name):not(.comments-link):not(.posted-on):not(.post-list) a,strong a  {
    text-decoration: none;
    padding: 2px;
    font-weight: 500;
    font-size: 13px
}
@media (max-width:767.98px)  {
    .mg-posts-modul-6 .mg-sec-top-post .title  {
        margin-top: 0;
        font-size: 21px;
        position: relative;
        display: block;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        background: #17253387;
        text-shadow: 1 1 black;
        color: #000;
        border-radius: 9px;
        padding: 3px 3px 3px 6px;
        border: 1px solid rgb(26 25 25/80%);
        box-shadow: 0 3px 8px rgb(87 87 87/70%)
    }
    .mg-posts-sec-post .mg-sec-top-post .entry-title a  {
        color: #fff;
        font-weight: 500
    }
    .mg-posts-modul-6 .mg-sec-top-post .mg-content p  {
        margin-top: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        box-shadow: 2px 3px 3px 3px rgb(31 31 31/31%);
        background: #5f5f5ff5;
        border: 1px solid rgb(244 244 244);
        color: #fffffff7;
        text-shadow: 2px 2px 3px #000;
        font-family: monospace;
        padding: 0 0 0 3px;
        font-size: 12px;
        border-radius: 8px
    }
}
.mg-content table,.single table  {
    border-collapse: collapse;
    margin: 0;
    width: 100%;
    word-wrap: break-word
}
.google-chart  {
    min-height: 320px
}
.chart  {
    margin: 0;
    padding: 2x;
    overflow-x: clip;
    overflow-y: overlay
}
#page>div[dir=ltr]  {
    width: 100%;
    min-height: 280px
}
.question-meta  {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 5px
}
.question-meta h2  {
    margin: 8px 8px 8px 3px
}
.question-meta-right  {
    text-align: right;
    padding-left: 5px;
    flex-grow: 1;
    width: auto;
    max-width: 524px
}
.question-difficulty  {
    white-space: nowrap;
    font-size: 14px
}
.question-difficulty span  {
    font-size: 12px
}
.question-difficulty em  {
    color: #187dbba3;
    margin-right: 5px;
    font-style: normal;
    font-weight: 700;
    font-size: 14px
}
.question-meta-right mark  {
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;
    text-align: left;
    margin-top: 4px
}
#question-container  {
    border: 1px solid rgb(57 118 37/22%);
    box-shadow: 0 3px 8px #e4e4e4;
    padding: 22px;
    border-radius: 18px;
    min-width: 80%
}
#quiz #question_html  {
    background-color: #008ec2;
    border: 1px solid rgb(255 255 255/59%);
    color: #ffffffe8;
    border-radius: 12px;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 14px;
    min-height: 60px
}
#quiz .option *,#quiz .option iframe,#quiz .option>div,#quiz .option>div>div  {
    background: 0 0!important;
    pointer-events: none
}
#quiz strong  {
    background-color: #ffffffc9;
    padding: 6px;
    border-radius: 8px;
    margin-bottom: 2px
}
#quiz .result_block b,#quiz .result_block strong  {
    background-color: #ffffffc9;
    border-radius: 8px;
    padding: 2px
}
#quiz h2  {
    font-size: 20px;
    text-shadow: rgba(100,100,170,.2);
    border-radius: 6px;
    background: #fff;
    color: #353535fa;
    box-shadow: 0 0 9px 6px rgb(128 170 189/41%);
    margin: 4px;
    font-family: "Montserrat";
    padding: 10px
}
#quiz ins  {
    text-decoration: none
}
#quiz:hover #start-quiz-button  {
    background-color: #ff4d94;
    transform: scale(1.05)
}
#quiz-content  {
    min-width: auto;
    max-width: 800px;
    background: #ffffff82;
    border-radius: 10px;
    margin: 2px;
    padding: 0 20px 20px
}
#start-quiz-button  {
    padding: 15px;
    font-size: 2rem;
    font-weight: 700;
    border: 0;
    border-radius: .6rem;
    cursor: pointer;
    box-shadow: 0 3px 6px rgba(65,65,65,.86);
    transition: background-color .3s ease,transform .1s ease;
    margin-bottom: 12px;
    z-index: 100;
    background-color: #008ec2;
    border-color: #008ec2;
    color: #fff;
    margin-left: -64px;
    margin-top: 34px;
    position: static;
    min-height: 60px
}
#quiz .option  {
    padding: 10px;
    margin: 8px;
    position: relative;
    cursor: pointer
}
#results-feedback  {
    margin: 0;
    border-radius: 10px;
    padding: 0 14px 14px;
    border: 1px solid #b0b0b030
}
form.hf-form  {
    max-width: fit-content;
    margin: 28px auto;
    padding: 15px 3vw;
    background: #22222200;
    border-radius: 8px;
    box-shadow: 0px 8px 13px 1px rgb(87 87 87 / 17%);
    font-family: system-ui, sans-serif;
}
form.hf-form .hf-fields-wrap  {
    display: grid
;
    grid-template-columns: 366px minmax(320px, 1fr);
    column-gap: 16px;
    row-gap: 0px;
    align-items: flex-start;
    width: 100%;
    max-width: 1200px;
    margin: 0px auto;
}
form.hf-form label  {
    text-align: right;
    font-weight: 600;
    margin: 0;
}
form.hf-form input,
form.hf-form select,
form.hf-form textarea  {
    width: 100%;
    box-sizing: border-box;
    padding: 0.6rem 0.9rem;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fafafa;
    transition: border-color 0.2s ease, background 0.2s ease;
}
form.hf-form input:focus,
form.hf-form select:focus,
form.hf-form textarea:focus  {
    outline: none;
    border-color: #ff4d94;
    background: #fff;
}
form.hf-form textarea  {
    min-height: 100px;
    resize: vertical;
}
form.hf-form .datenschutz-wrapper  {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
    margin-top: 2rem;
    font-size: 0.95rem;
    color: #222;
}
form.hf-form .datenschutz-wrapper input[type="checkbox"]  {
    width: 18px;
    height: 18px;
    accent-color: #ff4d94;
    cursor: pointer;
    margin-top: 2px;
}
form.hf-form .kontakt-button  {
    grid-column: 2 / 3;
    background: linear-gradient(145deg, #ff4d94, #e43d84);
    color: #fff;
    font-weight: bold;
    padding: 0.9rem 2rem;
    border: none;
    border-radius: 999px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 4px 12px rgba(255, 77, 148, 0.3);
    margin-top: 1rem;
}
form.hf-form .kontakt-button:hover  {
    background: linear-gradient(145deg, #e43d84, #ff4d94);
    transform: scale(1.03);
    box-shadow: 0 6px 16px rgba(255, 77, 148, 0.4);
}
form.hf-form h1  {
    grid-column: 1 / -1;
    font-size: 1.6rem;
    margin-bottom: 4px;
}
form.hf-form p  {
    grid-column: 1 / -1;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 1rem;
    color: #444;
    line-height: 1.5;
    margin-top: 4px;
}
@media (max-width: 700px)  {
    form.hf-form .hf-fields-wrap  {
        grid-template-columns: 1fr;
    }
    form.hf-form label  {
        text-align: left;
    }
    form.hf-form .kontakt-button  {
        grid-column: 1 / -1;
    }
}
@media (min-width: 768px)  {
    .col-md-6  {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}
 
.mg-latest-news img, .widget-area .post img, img.wp-post-image  {
    border: 1px solid #000000a3;
    border-radius: 56px;
    box-sizing: border-box;
    box-shadow: 1px 1px 1px 1px rgb(187 187 187 / 77%);
    /* margin: 10px;
    */
    /* padding: 6px;
    */
}
img.wp-post-image  {
    border: 1px solid #000000a3;
    border-radius: 56px;
    box-sizing: border-box;
    box-shadow: 1px 1px 1px 1px rgb(187 187 187 / 77%);
    /* margin: 10px;
    */
    /* padding: 6px;
    */
    max-width: -webkit-fill-available;
    padding: 0px;
    margin: 24px;
    margin-top: 0px;
    margin-bottom: 0px;
    max-width: -webkit-fill-available;
}
.mg-blog-post-box .small.single  {
    padding: 24px;
    font-size: initial;
    font-family: sans-serif;
    line-height: 18px;
    margin: 0px 0px 0px;
}
.mg-blog-post-box .mg-header  {
    display: block;
    margin: auto;
    width: 80%;
}

#page .row  {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    flex-direction: row;
    justify-content: space-around;
}
table, th, td  {
    border: 9px solid #e9e9e9c2;
    border-radius: 5px;
    margin-top: 4px;
}
.mg-blog-inner  {
    padding: 10px 20px;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, .7) 100%);
    height: 100%;
}
.mg-blog-post-3.minh, .mg-blog-post.lg  {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: all .5s cubic-bezier(0,1.33,1,1);
    overflow: hidden;
}
.mg-blog-post-3.minh, .mg-blog-post.lg, .mg-post-thumb.md  {
    /* transition: all .5s ease-in-out;
    */
    /* filter: brightness(1);
    */
}
.mg-blog-post-3.minh  {
    height: 197px;
    margin-bottom: 1.5rem;
}
.mg-blog-post-3  {
    position: relative;
    padding: 0;
}
.mg-blog-meta  {
    padding: 0;
    margin-bottom: 0;
    min-height: unset;
    margin-top: 0;
}
.mg-blog-post-3.minh,
.mg-blog-post.lg,
.mg-blog-post-3.minh,
.mg-post-thumb.md,
.mg-posts-sec-post,
.mg-blog-inner  {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: all .5s cubic-bezier(0,1.33,1,1);
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid #e5e5e5eb;
}
.mg-blog-post-3.minh,.mg-blog-post.lg,.mg-post-thumb.md  {
    transition: all .5s ease-in-out;
    filter: brightness(1)
}
.mg-blog-post-3.minh:hover,.mg-blog-post.lg:hover,.mg-post-thumb.md:hover  {
    background-size: COVER;
    background-position: TOP center;
    background-color: #fff;
    filter: brightness(1.20);
    transform: scale(1.03);
    box-shadow: 0 8px 24px rgba(50,50,50,.2);
    transition: all .5s ease-in-out;
    overflow: hidden;
}
.mg-posts-sec-post {
    max-height: 178px;
}
@media (min-width: 768px)  {
    .col-md-3  {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: none;
    }
}
.mg-tpt-tag-area  {
    padding: 5px 4px;
    margin: 8px;
    font-size: 16px;
    border-bottom: 1px solid #008ec233;
    background: #187ea31c;
    margin-bottom: 22px;
}
.mg-tpt-tag-area ul li a {
    border: none;
    box-shadow: none;
}
.topic-tag  {
    display: inline-flex;
    align-items: center;
    border-radius: 2em;
    border: 1px solid #ddd;
    background: #f7f9fc;
    padding: 0.3em 0.7em 0.3em 0.7em;
    gap: 0.35em;
    min-width: 0;
}
.topic-status-icon  {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-left: 0.35em;
    background-image: url(/wp-content/uploads/2025/07/plus.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    vertical-align: middle;
    opacity: 0.85;
    transition: filter 0.18s, opacity 0.18s;
}
.topic-status-icon:hover  {
    opacity: 1;
    filter: brightness(1.1);
}
body.dark .topic-status-icon,
.dark .topic-status-icon  {
    filter: invert(1);
}
.topic-tag  {
    display: inline-flex;
    align-items: center;
    border-radius: 2em;
    border: 1px solid #ddd;
    background: #f7fafd;
    padding: 0.3em 0.7em 0.3em 0.7em;
    gap: 0.35em;
    min-width: 0;
    transition: background 0.17s, box-shadow 0.15s, border 0.15s;
}
.topic-tag:hover  {
    background: #e5f3fa;
    border: 1px solid #b8d5ea;
    box-shadow: 0 0 4px #88bbd6;
    /* Passe Effekte und Farben nach deinem Stil an */
}
.datenschutz-float  {
    position: absolute;
    bottom: 10px;
    left: 5%;
    width: 90%;
    /* background: white;
    */
    /* padding: 5px 10px;
    */
    /* border-radius: 5px;
    */
    /* z-index: 9999;
    */
    font-size: 12px;
}
.post-categories  {
    list-style: none;
    margin: 0;
    padding: 0;
}
.post-categories li  {
    display: inline;
    margin-right: 10px;
}
a.newsup-categories.category-color-1  {
    color: #e8e8e8d9;
    padding: 2px 4px 1px;
    margin-right: 3px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: inherit;
    border-radius: 3px;
    background: none;
}
a.newsup-categories.category-color-1  {
    color: #ffffffa8;
    padding: 2px 4px 1px;
    margin-right: 3px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: inherit;
    border-radius: 20px;
    background: repeating-linear-gradient(266deg, #2391b942, #00a7ff24 100px);
    margin: 2px;
    padding: 6px;
    margin: 19px;
    padding: 0px;
}
#cancel-comment-reply-link, .comment-reply-link, .navigation.posts-navigation .nav-links a:hover, .post-items ol:not(.post-categories) li a, .post-items table a, .post-items ul:not(.post-categories) li a, blockquote a, code a, p a, span:not(.author-name):not(.comments-link):not(.posted-on):not(.post-list) a, strong a  {
    padding: 3px;
    padding: 16px;
    padding: 2px;
    font-weight: 500;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
}
.post-items ul:not(.post-categories) li a, .post-items ol:not(.post-categories) li a, .post-items table a, strong a, blockquote a, code a, p a, span:not(.author-name):not(.comments-link):not(.posted-on):not(.post-list) a, .navigation.posts-navigation .nav-links a:hover, .navigation.posts-navigation .nav-links a:hover, #cancel-comment-reply-link, .comment-reply-link  {
    text-decoration: underline;
}
.post-items ul:not(.post-categories) li a, .post-items ol:not(.post-categories) li a, .post-items table a, strong a, blockquote a, code a, p a, span:not(.author-name):not(.comments-link):not(.posted-on):not(.post-list) a, .navigation.posts-navigation .nav-links a:hover, .navigation.posts-navigation .nav-links a:hover, #cancel-comment-reply-link, .comment-reply-link  {
    text-decoration: underline;
}
a.newsup-categories.category-color-1  {
    color: #ffffffa8;
    padding: 2px 4px 1px;
    margin-right: 3px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: inherit;
    border-radius: 20px;
    background: repeating-linear-gradient(266deg, #2391b942, #00a7ff24 100px);
    margin: 2px;
    padding: 6px;
    margin: 19px;
    padding: 0px;
}
a.newsup-categories.category-color-1  {
    background: #008ec2;
}
.cat-links a, .mg-blog-category a, .mg-tpt-tag-area ul li a, .newsup-categories, .newsup-categories.category-color-1, .post-categories a, .post-meta .meta-category a, .tagcloud a, .wp-block-tag-cloud a  {
    display: inline-block;
    background: linear-gradient(to bottom, rgb(255 255 255 / 93%), rgb(255 255 255 / 78%));
    color: #072631b3;
    border-radius: 5px;
    padding: 6px;
    margin: 2px 3px;
    transition: all .1s ease-in-out;
    box-shadow: 1px 1px 5px 1px rgb(28 33 35 / 23%);
    font-size: 12px;
    line-height: 1.3em;
}
.topic-tag, .topic-tag a  {
    box-shadow: none;
    background: none;
    text-decoration: underline;
}


a.newsup-categories.category-color-1  {
    color: #ffffffa8;
    padding: 2px 4px 1px;
    margin-right: 3px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: inherit;
    border-radius: 20px;
    background: repeating-linear-gradient(266deg, #2391b942, #00a7ff24 100px);
    margin: 2px;
    padding: 6px;
    margin: 19px;
    padding: 0px;
}
.topic-tag  {
    display: inline-flex
;
    align-items: center;
    border-radius: 2em;
    border: 1px solid #ddd;
    background: #1b3855;
    padding: 0.3em 0.7em 0.3em 0.7em;
    gap: 0.35em;
    min-width: 0;
    transition: background 0.17s, box-shadow 0.15s, border 0.15s;
}
.topic-tag  {
    display: inline-flex
;
    align-items: center;
    border-radius: 2em;
    border: 1px solid #ddd;
    background: #f7f9fc;
    padding: 0.3em 0.7em 0.3em 0.7em;
    gap: 0.35em;
    min-width: 0;
}
.topic-tag, .topic-tag a  {
    box-shadow: none;
    background: none;
    text-decoration: underline;
}
*, *::before, *::after  {
    box-sizing: border-box;
}
a.newsup-categories.category-color-1  {
    color: #ffffffa8;
    padding: 2px 4px 1px;
    margin-right: 3px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: inherit;
    border-radius: 20px;
    background: repeating-linear-gradient(266deg, #2391b942, #00a7ff24 100px);
    margin: 2px;
    padding: 6px;
    margin: 19px;
    padding: 0px;
}
#cancel-comment-reply-link, .comment-reply-link, .navigation.posts-navigation .nav-links a:hover, .post-items ol:not(.post-categories) li a, .post-items table a, .post-items ul:not(.post-categories) li a, blockquote a, code a, p a, span:not(.author-name):not(.comments-link):not(.posted-on):not(.post-list) a, strong a  {
    text-decoration: none;
    padding: 2px;
    font-weight: 500;
    font-size: 13px;
}
.post-items ul:not(.post-categories) li a, .post-items ol:not(.post-categories) li a, .post-items table a, strong a, blockquote a, code a, p a, span:not(.author-name):not(.comments-link):not(.posted-on):not(.post-list) a, .navigation.posts-navigation .nav-links a:hover, .navigation.posts-navigation .nav-links a:hover, #cancel-comment-reply-link, .comment-reply-link  {
    text-decoration: underline;
}
.post-items ul:not(.post-categories) li a, .post-items ol:not(.post-categories) li a, .post-items table a, strong a, blockquote a, code a, p a, span:not(.author-name):not(.comments-link):not(.posted-on):not(.post-list) a, .navigation.posts-navigation .nav-links a:hover, .navigation.posts-navigation .nav-links a:hover, #cancel-comment-reply-link, .comment-reply-link  {
    text-decoration: underline;
}
a.newsup-categories.category-color-1  {
    color: #ffffffed;
    padding: 2px 4px 1px;
    margin-right: 3px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: inherit;
    border-radius: 3px;
    /* background: linear-gradient(123deg, #000000d6, #393939f0);
    */
}
a.newsup-categories.category-color-1  {
    background: #008ec2;
}
.cat-links a, .mg-blog-category a, .mg-tpt-tag-area ul li a, .newsup-categories, .newsup-categories.category-color-1, .post-categories a, .post-meta .meta-category a, .tagcloud a, .wp-block-tag-cloud a  {
    display: inline-block;
    background: linear-gradient(to bottom, rgb(255 255 255 / 93%), rgb(255 255 255 / 78%));
    color: #072631b3;
    border-radius: 5px;
    padding: 6px;
    margin: 2px 3px;
    transition: all .1s ease-in-out;
    box-shadow: 1px 1px 5px 1px rgb(28 33 35 / 23%);
    font-size: 12px;
    line-height: 1.3em;
}
.topic-tag, .topic-tag a  {
    box-shadow: none;
    background: none;
    text-decoration: none;
}
.topic-tag  {
    display: inline-flex
;
    align-items: center;
    border-radius: 2em;
    border: 1px solid #ddd;
    background: #f7f9fc;
    padding: 0.3em 0.7em 0.3em 0.7em;
    gap: 0.35em;
    min-width: 0;
}
.topic-name  {
    margin: 0px;
    padding: 0px;
    color: #185b73de;
    background: none;
    text-decoration: none;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 11px;
}
.topic-name a {
    /* background: #008ec2cc;
    background: #1d6485a6 !important;
    */
    text-decoration: none  !important;
    margin: -6px;
    padding: 0 6px 0 6px !important;
    border-radius: 8px !important;
    background: #ffffff4a  !important;
}
a.newsup-categories.category-color-1  {
    background: #ffffff4a;
}
.post-items ul:not(.post-categories) li a, .post-items ol:not(.post-categories) li a, .post-items table a, strong a, blockquote a, code a, p a, span:not(.author-name):not(.comments-link):not(.posted-on):not(.post-list) a, .navigation.posts-navigation .nav-links a:hover, .navigation.posts-navigation .nav-links a:hover, #cancel-comment-reply-link, .comment-reply-link  {
    text-decoration: none;
    border-radius: 8px;
    box-shadow: none;
}
.tag-cloud-link a {
    border: none;
}
.topic-tag  {
    display: inline-flex
;
    align-items: center;
    border-radius: 2em;
    border: 1px solid #ddd;
    background: #1d6485a6;
    padding: 0.3em 0.7em 0.3em 0.7em;
    gap: 0.35em;
    min-width: 0;
}
.topic-tag, .topic-tag a  {
    box-shadow: none;
    background: none;
    text-decoration: none;
}
.topic-tag, .topic-tag a  {
    box-shadow: none;
    background: none;
    text-decoration: none;
}
.topic-tag  {
    display: inline-flex
;
    align-items: center;
    border-radius: 2em;
    border: 1px solid #ddd;
    background: #1d6485a6;
    padding: 0.3em 0.7em 0.3em 0.7em;
    gap: 0.35em;
    min-width: 0;
}
a.newsup-categories.category-color-1  {
    background: #ffffff4a;
}
a.newsup-categories.category-color-1  {
    color: #ffffffed;
    padding: 2px 4px 1px;
    margin-right: 3px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: inherit;
    border-radius: 3px;
    /* background: linear-gradient(123deg, #000000d6, #393939f0);
    */
}
.topic-tag, .topic-tag a  {
    box-shadow: none;
    background: none;
    text-decoration: none;
}
.topic-tag  {
    display: inline-flex
;
    align-items: center;
    border-radius: 2em;
    border: 1px solid #ddd;
    background: #008ec200
    /*  padding: 0.3em 0.7em 0.3em 0.7em;
    */
    gap: 0.35em;
    min-width: 0;
}
.topic-tag  {
    /* display: inline-flex
    ;
    */
    align-items: center;
    border-radius: 2em;
    border: 1px solid #dddddd00;
    background: #ffffffc9;
    /* padding: 0.3em 0.7em 0.3em 0.7em;
    */
    padding: 2px !important;
    padding-left: 4px !important;
    gap: 0.35em;
    min-width: 0;
}
.topic-tag a:hover {
    color: #008ec2 !important;
}
.mg-blog-category  {
    margin-top: 2px !important;
}
a.newsup-categories.category-color-1  {
    color: #000000b8;
    /* padding: 2px 4px 1px;
    */
    margin-right: 3px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: inherit;
    border-radius: 15px;
    background: none;
    font-family: 'Montserrat';
}
a.newsup-categories.category-color-1  {
    color: #000000b8;
    padding: 1px 0px 0px 2px !important;
    margin-right: 0px !important;
    font-size: 12px;
    font-weight: bold;
    text-decoration: inherit;
    border-radius: 24px;
    background: none;
    font-family: 'Montserrat';
    margin-bottom: 3px !important;
    margin-top: 3px !important;
}

.mg-blog-post-box .mg-header  {
    display: table;
    margin: auto;
    width: 100%;
}
.mg-blog-post-3.minh, .mg-blog-post.lg, .mg-blog-post-3.minh, .mg-post-thumb.md, .mg-posts-sec-post, .mg-blog-inner  {
    background-size: cover;
    background-repeat: no-repeat;
    /* transition: all .8s cubic-bezier(1, 0.37, 0.05, 0.63);
    */
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid #e5e5e500;
    /* max-height: none;
    */
    min-height: initial;
}
.mg-blog-post-3.minh, .mg-blog-post.lg, .mg-blog-post-3.minh, .mg-post-thumb.md, .mg-posts-sec-post, .mg-blog-inner :hover {
    background-size: cover;
    background-repeat: no-repeat;
    /* transition: all .8s cubic-bezier(1, 0.37, 0.05, 0.63);
    */
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid #e5e5e500;
    /* max-height: none;
    */
    min-height: initial;
}
#article > div.col-12.col-md-6 > div  {
    background-size: cover;
}
#article > div.col-12.col-md-6 > div :hover  {
    background-size: cover;
    background-position: top center;
    transition: all .8s cubic-bezier(1, 0.37, 0.05, 0.63);
}

.mg-blog-post-3.minh, .mg-blog-post.lg, .mg-blog-post-3.minh, .mg-posts-sec-post, .mg-blog-inner {
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
    transition: all .5s cubic-bezier(0,1.33,1,1);
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid #e5e5e5eb;
    max-height: none;
    min-height: max-content;
}

.mg-post-thumb.md {
    background-size: cover;
    background-position: inherit;
    background-repeat: no-repeat;
    transition: all .5s cubic-bezier(0,1.33,1,1);
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid #e5e5e5eb;
    max-height: fit-content;
    min-height: 214px;
}


/* ==================== IMPROVED FOOTER CSS ==================== */


/* Main Footer Container */
.main-footer-v2 {
    background-color: var(--footer-bg);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: var(--footer-text);
    padding: var(--footer-spacing-2xl) 0 var(--footer-spacing-lg);
    border-top: 1px solid var(--footer-border);
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--footer-spacing-md);
}

/* Main Footer Content Grid */
.footer-main {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--footer-spacing-xl);
    margin-bottom: var(--footer-spacing-2xl);
}

/* Footer Description Section */
.footer-description {
    text-align: center;
}

.footer-tagline {
    font-size: clamp(1.5rem, 4vw, 2.2rem);
    font-weight: 600;
    line-height: 1.3;
    color: var(--footer-text);
    margin: 0;
    letter-spacing: -0.02em;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Navigation Section */
.footer-navigation {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--footer-spacing-lg);
    justify-items: center;
}

.nav-column {
    width: 100%;
    max-width: 300px;
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--footer-spacing-sm);
    text-align: center;
}

.nav-link {
    color: var(--footer-text-muted);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    transition: var(--footer-transition);
    line-height: 1.5;
    padding: var(--footer-spacing-xs) var(--footer-spacing-sm);
    border-radius: var(--footer-radius);
    display: inline-block;
}

.nav-link:hover {
    color: var(--footer-text);
    background-color: rgba(14, 69, 89, 0.89);
    text-decoration: none;
    transform: translateY(-1px);
}

/* CTA Section */
.footer-cta {
    text-align: center;
}

.cta-heading {
    font-size: clamp(1.25rem, 3vw, 1.5rem);
    font-weight: 600;
    color: var(--footer-text);
    margin: 0 0 var(--footer-spacing-sm) 0;
    line-height: 1.3;
}

.cta-description {
    font-size: 0.95rem;
    color: var(--footer-text-muted);
    line-height: 1.6;
    margin: 0 0 var(--footer-spacing-lg) 0;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

/* Improved Button Styling */
.cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: right;
    gap: var(--footer-spacing-xs);
    padding: var(--footer-spacing-sm) var(--footer-spacing-lg);
    background: linear-gradient(135deg, rgba(9, 125, 166, 0.78), rgba(131, 198, 221, 0.89));
    color: #ffffff;
    text-decoration: none;
    border-radius: var(--footer-radius);
    font-weight: 500;
    font-size: 1.1rem;
    letter-spacing: 0.035em;
    text-transform: uppercase;
    transition: var(--footer-transition);
    border: none;
    cursor: pointer;
    min-height: 44px; /* Touch-friendly minimum */
    margin: var(--footer-spacing-xs) 0;
    box-shadow: 0 2px 8px rgba(9, 84, 110, 0.7);
    max-width: 280px;
}

.cta-button:hover {
    background: linear-gradient(135deg, rgba(9, 125, 166, 0.78), rgba(131, 198, 221, 0.89));
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(9, 84, 110, 0.7);
}

.cta-button:focus {
    outline: 2px solid var(--footer-accent);
    outline-offset: 2px;
}

.cta-button i {
    font-size: 16px;
    transition: transform 0.3s ease;
    align-content:  end;
}

.cta-button:hover i {
    color: black;
    transform: translateX(2px);
}

/* Newsletter Button Variant */
.cta-button.newsletter-button {
    background: linear-gradient(135deg, #d63384, #b0256b);
    box-shadow: 0 2px 8px rgba(214, 51, 132, 0.2);
}

.cta-button.newsletter-button:hover {
    background: linear-gradient(135deg, #b0256b, #9c1f5a);
    box-shadow: 0 4px 16px rgba(214, 51, 132, 0.3);
}

/* Contact Button Variant */
.cta-button.contact-button {
    background: linear-gradient(135deg, #23b770, #008547);
    box-shadow: 0 2px 8px rgba(35, 183, 112, 0.2);
}

.cta-button.contact-button:hover {
    background: linear-gradient(135deg, #008547, #006d3a);
    box-shadow: 0 4px 16px rgba(35, 183, 112, 0.3);
}

/* Footer Bottom Section */
.footer-bottom {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--footer-spacing-lg);
    padding-top: var(--footer-spacing-lg);
    border-top: 1px solid var(--footer-border);
    text-align: center;
}

/* Brand Section */
.footer-brand {
    order: 1;
}

.footer-brand .site-title {
    font-size: clamp(1.5rem, 3vw, 1.8rem);
    font-weight: 700;
    color: var(--footer-text);
    margin: 0 0 4px 0;
    text-decoration: none;
}

.footer-brand .site-tagline {
    font-size: 0.8rem;
    color: var(--footer-text-muted);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.footer-brand a {
    text-decoration: none;
    color: inherit;
    transition: var(--footer-transition);
}

.footer-brand a:hover {
    opacity: 0.8;
}

/* Legal Links */
.footer-legal {
    order: 2;
}

.legal-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--footer-spacing-sm);
    align-items: center;
}

.legal-link {
    color: var(--footer-text-muted);
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: var(--footer-transition);
    padding: var(--footer-spacing-xs) var(--footer-spacing-sm);
    border-radius: var(--footer-radius);
}

.legal-link:hover {
    color: var(--footer-text);
    background-color: rgba(9, 125, 166, 0.78);
    text-decoration: none;
}

/* Social Media Section */
.footer-social {
    order: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--footer-spacing-sm);
}

.social-label {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--footer-text-muted);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.social-icons {
    display: flex;
    gap: var(--footer-spacing-sm);
}

.social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: transparent;
    color: var(--footer-text-muted);
    text-decoration: none;
    transition: var(--footer-transition);
    font-size: 18px;
    border-radius: var(--footer-radius);
    border: 1px solid var(--footer-border);
}

.social-icon:hover {
    color: #0077b5;
    background-color: rgba(0, 119, 181, 0.1);
    border-color: #0077b5;
    transform: translateY(-2px);
}
.header-language {
    order: 4;
    font-size: 13px;
    font-weight: 500;
    position: absolute;
    right: 2px;
    top: -255px;
}

/* Language Selector */
.footer-language {
    order: 4;
    font-size: 13px;
    font-weight: 500; 
}

.language-selector {
 
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-weight: 500;
}

.current-lang {
    color: var(--footer-text-muted);
    text-decoration: none;
    cursor: pointer;
    transition: var(--footer-transition);
 
    border-radius: var(--footer-radius);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;

}

.lang-separator {
    color: var(--footer-text-muted);
}

.other-lang {
    color: var(--footer-text);
    text-decoration: none;
    cursor: pointer;
    transition: var(--footer-transition);
    padding: 2px;
    border-radius: var(--footer-radius);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b5b5b5e0;
}

.other-lang .social-icon:hover {
 
    background-color: #335a8159;
}

/* ==================== RESPONSIVE DESIGN ==================== */

/* Tablet Styles (768px and up) */
@media (min-width: 768px) {
    .footer-container {
        padding: 0 var(--footer-spacing-lg);
    }

    .footer-main {
        grid-template-columns: 1fr 1fr;
        gap: var(--footer-spacing-2xl);
        align-items: start;
    }

    .footer-description {
        text-align: left;
    }

    .footer-navigation {
        grid-template-columns: 1fr 1fr;
        justify-items: start;
    }

    .nav-column {
        max-width: none;
    }

    .nav-list {
        text-align: left;
    }

    .footer-cta {
        grid-column: 1 / -1;
        text-align: center;
        max-width: 500px;
        margin: 0 auto;
    }

    .footer-bottom {
        grid-template-columns: auto 1fr auto;
        text-align: left;
        align-items: center;
    }

    .footer-brand {
        order: 1;
    }

    .footer-legal {
        order: 3;
        justify-self: center;
    }

    .legal-links {
        flex-direction: row;
        gap: var(--footer-spacing-lg);
    }

    .footer-social {
        order: 2;
        align-items: flex-end;
    }

    .footer-language {
        order: 4;
        justify-self: end;
    }
}

/* Desktop Styles (1024px and up) */
@media (min-width: 1024px) {
    .main-footer-v2 {
        padding: 80px 0 var(--footer-spacing-xl);
    }

    .footer-main {
        grid-template-columns: 2fr 1fr 1.5fr;
        gap: var(--footer-spacing-2xl);
    }

    .footer-cta {
        grid-column: auto;
        text-align: left;
    }

    .cta-description {
        margin-left: 0;
        margin-right: 0;
    }

    .footer-bottom {
        grid-template-columns: auto 1fr auto auto;
        gap: var(--footer-spacing-xl);
    }

    .footer-language {
        order: 4;
    }
}

/* Large Desktop Styles (1200px and up) */
@media (min-width: 1200px) {
    .footer-container {
        padding: 0 var(--footer-spacing-xl);
    }
}

/* High DPI / Retina Display Optimizations */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .social-icon,
    .cta-button {
        border-width: 0.5px;
    }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Dark Mode Support (if needed in future) */
@media (prefers-color-scheme: dark) {
    :root {
        --footer-bg: #1a1a1a;
        --footer-text: #ffffff;
        --footer-text-muted: #cccccc;
        --footer-border: #333333;
    }
}


 

/*
  This CSS is designed to fix the header on douana.ch
  when it transitions between the scrolled and top positions.
*/

/*
  1. Default (Top) State:
  This ensures the header has enough height and proper alignment
  when the page is scrolled to the very top.
*/
#header-outer.transparent {
    position: absolute !important; /* Use absolute positioning at the top */
    height: 132px !important;      /* Restore original height */
    transition: background-color 0.3s ease, height 0.3s ease-in-out !important;
}

/*
  2. Scrolled (Sticky) State:
  This styles the header when the user has scrolled down.
  The '.scrolled-past-header' class is added by JavaScript.
*/
#header-outer.scrolled-past-header {
    position: fixed !important; /* Keep it fixed to the top */
    height: 80px !important;    /* Define a fixed height for the smaller menu */
    top: 0 !important;
}

/*
  3. Adjusting the Container on Scroll:
  This ensures the content below the header isn't covered
  when the sticky header becomes active.
*/
.container-wrap {
    padding-top: 132px !important; /* Match the original height of the header */
}

 

.mg-blog-post-box > .img-fluid  {
    max-height: 40%;
	max-width: 90%;
    padding: 0px;
    display: block;
    margin: auto;
}
 
.dh-flag-label{
	margin-right: 5px;
}

 
 
div.mg-posts-sec-inner > div.mg-post-thumb.md{
    background-size: cover;
    background-position: 0px -30px;
    background-repeat: no-repeat;
    transition: all .5s cubic-bezier(0,1.33,1,1);
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid #e5e5e5eb;
    max-height: fit-content;
 	    min-height: 240px;
}

.container-fluid.home .post .post-excerpt, .container-fluid.home .post p {
    display: block;
    font-size: 16px;
}

.mg-posts-modul-6 .mg-sec-top-post .mg-blog-meta {
    margin-bottom: 6px;
    margin-top: 10px;
}

.container-fluid.home .post {
    display: flex
;
    align-items: center;
    max-height: 216px;
    overflow: hidden;
    gap: 0;
    padding: 0px;
    border-radius: 12px;
    background: #ffffffed;
}
.mg-post-thumb.md {
    background-size: cover;
    background-position: inherit;
    background-repeat: no-repeat;
    transition: all .5s cubic-bezier(0,1.33,1,1);
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid #e5e5e5eb;
    max-height: fit-content;
    min-height: 250px;
}

.mg-blog-post-3.minh, .mg-blog-post.lg, .mg-blog-post-3.minh, .mg-posts-sec-post, .mg-blog-inner {
    background-size: cover;
    background-position: right top;
    background-repeat: no-repeat;
    transition: all .5s cubic-bezier(0,1.33,1,1);
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid #e5e5e5eb;
    max-height: none;
    min-height: max-content;
}

.mg-posts-modul-6 .mg-sec-top-post {
    display: inline-block;
    width: 100%;
    
    padding: 16px;
    margin-bottom: 0px;
    text-align: start;
    /* height: 240px; */
    margin-top: 0;
    flex-basis: inherit;
    align-content: start;
}

#content > div > div > div > div.mg-blog-post-box > article > div > div.article_section > main > footer > aside > section > ul
{
    margin-top: 10px;
    margin-bottom: 6px;    
    font-family: Montserrat;
}
#content > div > div > div > div.mg-blog-post-box > article > div> div.article_section > main > footer > aside > section
{    margin-top: 18px;    
     font-family: 'Montserrat';
}

 
article .article_introduction, 
article .article_title_conclusions
 {
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    padding: 11px;
    margin-top: 36px;
    margin-bottom: 0;
    color: rgb(44 44 44 / 87%);
    background: rgb(238 239 238 / 91%);
    text-align: left;
    border-radius: 3px; 
    box-shadow: inset -20px -5px 1px 5px rgb(255 255 255 / 0%);

}
article .article_introduction{

    position: relative;
    margin-top: -144px;
    width: 68%;
    left: 63px;
}
article .article_subtitle {
    position: absolute;
    top: 126px;
    right: 114px;
font-size: 14px;
    /* transform: translate(-50%, -50%); */
 background: rgb(238 239 238 / 76%);
    border-radius: 8px;
    width: 370px;
    z-index: 100;
    box-shadow: inset 1px -3px 2px 1px rgb(232 232 232 / 4%);
    padding: 4px;
}

article .article_section h2 {
  
    font-family: inherit !important;
}

.article-sharing.article-footer__sharing {
    justify-content: flex-end;  
    margin-top: 10px;
    margin-bottom: 60px;
}
article .article_introduction {
    position: relative;
    margin-top: -144px;
    width: 68%;
    left: 64px;
    top: -50px;
}

.article_title {
    font-size: 22px;
    margin-top: 65px;
    margin-bottom: 46px;
    background: rgba(200, 200, 170, .2);
    box-shadow: 1px 1px 6px rgba(50, 50, 120, .6);
}

 
/* subtitle overlay top-right */
.article_subtitle{position:absolute;top:12px;right:12px;z-index:3;margin:0;padding:10px 14px;border-radius:6px;max-width:42ch;background:rgba(255,255,255,.9)}

/* introduction overlay bottom-left */
.article_introduction{position:absolute;left:12px;bottom:12px;z-index:3;margin:0;padding:14px 16px;border-radius:6px;max-width:65%;background:rgba(255,255,255,.9)}

/* share links below image */
.mg-post-thumb.md + .share-container{position:relative;margin-top:12px;z-index:5}

/* responsive adjustments */
@media(max-width:1024px){
  .article_subtitle{top:8px;right:8px;max-width:70%}
  .article_introduction{left:8px;right:8px;bottom:8px;max-width:100%}
}
@media(max-width:600px){
  .article_subtitle{font-size:14px;padding:8px}
  .article_introduction{font-size:14px;padding:10px}
}

.article-sharing.article-footer__sharing {
    padding: 2px;
    font-size: initial;
    font-family: 'Montserrat';
    line-height: 18px;
    top: 134px;
    position: absolute;
    right: 112px;
}

article .article_subtitle {
    position: absolute;
    top: 207px;
    right: 159px;
    font-size: 14px;
    /* transform: translate(-50%, -50%); */
    background: rgb(0 0 0 / 65%);
    border-radius: 6px;
    width: 334px;
    z-index: 100;
    box-shadow: -2px 2px 10px 2px #333333d4;
    padding: 7px;
    color: #ffffffc4;
}
article .article_introduction {
    position: relative;
    margin-top: -34px;
    width: 91%;
    left: 86px;
    top: -27px;
}
.article-sharing.article-footer__sharing {
    padding: 2px;
    font-size: initial;
    line-height: 18px;
    top: 141px;
    position: absolute;
    right: 157px;
    z-index: 9998;
    font-weight: 500;
}
 

.article-sharing__link {
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    background: #ffffff6e;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: #554f4f52;
    transition: background .3s cubic-bezier(0, 0.79, 1, -0.31);
    padding: 4px;
    width: 38px;
    box-shadow: 0 3px 8px rgb(255 255 255 / 28%);
    margin: 8px 0px 3px;
}
/* anchor the image box */
.mg-blog-post-box{position:relative!important}
.mg-blog-post-box>.img-fluid{max-height:56%!important;max-width:97%!important;padding:0!important;display:block!important;margin:auto!important}

/* FIX: pin BOTH overlays to TOP-RIGHT ON IMAGE */
 
@media (min-width: 1024px) {
	/* share links BELOW image */
	.article-sharing.article-footer__sharing{
		position: absolute !important;
		display:flex !important;
		justify-content:flex-end !important;
		margin:10px 0 60px !important
	}

	article .article_subtitle {
		position: absolute !important;
		top: 226px;
		right: 5% !important;
		z-index: 3 !important;
		/* margin: 0 !important; */
		padding: 8px 14px;
		max-width: 46ch !important;
		/* padding: 10px 14px !important; */
		ackground: rgba(0, 0, 0, .72) !important;
		color: #fff !important;
		box-shadow: 0 2px 10px rgba(0, 0, 0, .35) !important;
		padding-top: 4px; 
	}

	.article-sharing.article-footer__sharing {
		padding: 0px;
		font-size: initial;
		line-height: 0px;
		top: 176px;
		right: 5% !important;
		position: absolute;
		z-index: 9998;
		font-weight: bold;
		font-family: system-ui;
		font-size: 16px;
		color: #fffffff5;
		position: relative;
		text-shadow: 2px 2px 4px #0e2844b8;
		margin: 0 !important; 
	}

	article .article_introduction {
		position: relative;
		margin-top: -24px;
		width: auto;
		left: 33px;
		/* top: -27px; */
		max-width: 80%;
	}
}


@media (max-width: 1024px) {
	.article-sharing.article-footer__sharing {
		padding: 2px;
		font-size: initial;
		line-height: 18px;
		/* top: 141px; */
		position: sticky;
		/* right: 157px; */
		z-index: 9998;
		font-weight: 500;
        margin: 0;
	}
	.article-sharing article-footer__sharing{
		  position: sticky !important;
	}
    article .article_subtitle {
        position: sticky !important;
        width: 100% !important;

		max-width: none;
    }
    article .article_introduction {
        position: sticky !important;
        margin: 0 !important;
        width: 100% !important;
    }
}

.top-right-area .mg-posts-sec-inner .small-list-post .mg-blog-category {
	max-height: 28px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 16px !important;
}

.topic-tag{
    font-size: 16px !important;
    font-family: inherit !important;
}

.mg-post-thumb.md {
    background-size: cover;
    background-position: inherit;
    background-repeat: no-repeat;
    transition: all .5s cubic-bezier(0,1.33,1,1);
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid #e5e5e5eb;
    /* max-height: fit-content; */
    min-height: 231px;
}

.top-right-area .mg-posts-sec-inner .small-list-post .mg-blog-category {
    max-height: 32px;
    overflow: hidden;
    /* margin: 6px; */
    /* padding: 0; */
     font-size: 14px !important;  
}
a.newsup-categories.category-color-1, article > div.mg-blog-category > ul > li > span > a, .mg-tpt-tag-area ul li a {
    color: #2c2b2be8 !important;
    padding: 1px 4px 0px 5px !important;
    margin-right: 0px !important;
    font-size: 14px;
    font-weight: bold;
    text-decoration: inherit;
    border-radius: 5px;
    background: #f2f2f2db;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.mg-tpt-tag-area {
    padding: 0px 0px;
    margin: 3px;
    font-size: 12px;
    box-shadow: 7px 9px 13px 1px #03030329;
    background: #c7c7c72e;
    margin-bottom: 6px;
}

.auto-faq-section {
    margin: 1.5rem 0 2rem 0;
    padding: 0;
    background: transparent;
    border: none;
}

.auto-faq-section h2 {
    margin-left: 102px;
    margin-right: 102px;
    padding: 0.75rem 1rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--douana-white, #ffffff);
    background: var(--douana-gradient, linear-gradient(112deg, #008ec2 100%,  #1a1a1a 0%)) ;
    border-radius: 6px; 
    box-shadow: 0 2px 8px rgb(40 40 40 / 49%);
}

.faq-item {
    margin-left: 102px;
    margin-right: 102px;
    margin-bottom: 0.5rem;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
    background: var(--douana-white, #ffffff);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease;
}

.faq-item:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.faq-question {
    width: 100%;
    padding: 0.75rem 1rem;
    background: var(--douana-light-bg, #f7f9fc);
    border: none;
    text-align: left;
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--douana-text-dark, #333333);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.2s ease;
    line-height: 1.4;
}

.faq-question:hover {
    background: var(--douana-primary-blue, #008ec2);
    color: var(--douana-white, #ffffff);
}

.faq-question:focus {
    outline: 2px solid var(--douana-primary-pink, #ff4d94);
    outline-offset: -2px;
}

.faq-toggle {
    font-size: 0.75rem;
    font-weight: bold;
    color: var(--douana-primary-blue, #008ec2);
    transition: all 0.2s ease;
    margin-left: 0.5rem;
    flex-shrink: 0;
}

.faq-question:hover .faq-toggle {
    color: var(--douana-white, #ffffff);
}

.faq-answer {
    display: none;
    padding: 0.75rem 1rem;
    background: var(--douana-white, #ffffff);
    border-top: 1px solid #f0f0f0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--douana-text-medium, #666666);
}

.faq-answer p {
    margin: 0 0 0.5rem 0;
}

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

.faq-answer strong {
    color: var(--douana-text-dark, #333333);
    font-weight: 600;
}

.faq-answer a {
    color: var(--douana-primary-blue, #008ec2);
    text-decoration: none;
    font-weight: 500;
}

.faq-answer a:hover {
    color: var(--douana-primary-pink, #ff4d94);
    text-decoration: underline;
}

/* Kompakte mobile Ansicht */
@media (max-width: 768px) {
    .auto-faq-section {
        margin: 1rem 0;
    }
    
    .auto-faq-section h2 {
        font-size: 1.1rem;
        padding: 0.6rem 0.75rem;
    }
    
    .faq-question {
        padding: 0.6rem 0.75rem;
        font-size: 0.9rem;
    }
    
    .faq-answer {
        padding: 0.6rem 0.75rem;
        font-size: 0.85rem;
    }
    
    .faq-toggle {
        font-size: 0.7rem;
    }
}

/* Spezielle Styling für Emojis in Fragen */
.faq-question:has-text("✅") {
    border-left: 3px solid #4CAF50;
}

.faq-question:has-text("⭐") {
    border-left: 3px solid var(--douana-orange, #ff8c00);
}

.faq-question:has-text("❌") {
    border-left: 3px solid #f44336;
}

/* Fallback für Browser ohne CSS Custom Properties */
@supports not (color: var(--douana-primary-blue)) {
    .auto-faq-section h2 {
        background: linear-gradient(135deg, #ff4d94 0%, #008ec2 100%);
        color: #ffffff;
    }
    
    .faq-question {
        background: #f7f9fc;
        color: #333333;
    }
    
    .faq-question:hover {
        background: #008ec2;
        color: #ffffff;
    }
    
    .faq-toggle {
        color: #008ec2;
    }
    
    .faq-answer {
        color: #666666;
    }
    
    .faq-answer a {
        color: #008ec2;
    }
    
    .faq-answer a:hover {
        color: #ff4d94;
    }
}
button.converted-from-link {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    text-decoration: inherit;
    cursor: pointer;
    display: inline;
    line-height: inherit;
}

button.converted-from-link:hover {
    text-decoration: underline;
}

button.converted-from-link:focus {
    outline: 2px solid #008ec2;
    outline-offset: 2px;
}

/* Konvertierte Spans (von Links) */
span.converted-from-link {
    display: inline;
    color: inherit;
    text-decoration: inherit;
}

/* Spezielle Behandlung für Navigation-Elemente */
nav button.converted-from-link,
.navigation button.converted-from-link,
.menu button.converted-from-link {
    padding: 0.5rem 1rem;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

nav button.converted-from-link:hover,
.navigation button.converted-from-link:hover,
.menu button.converted-from-link:hover {
    background-color: rgba(0, 142, 194, 0.1);
    text-decoration: none;
}

/* Spezielle Behandlung für Social Media Icons */
.social-links button.converted-from-link,
.social-media button.converted-from-link {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.social-links button.converted-from-link:hover,
.social-media button.converted-from-link:hover {
    background-color: #008ec2;
    color: white;
    transform: scale(1.1);
}

/* Accessibility Verbesserungen */
button.converted-from-link:focus-visible {
    outline: 2px solid #008ec2;
    outline-offset: 2px;
    border-radius: 2px;
}

/* Screen Reader Support */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Debug-Modus (optional) */
.seo-debug button.converted-from-link {
    border: 1px dashed #ff4d94 !important;
}

.seo-debug span.converted-from-link {
    background-color: rgba(255, 77, 148, 0.1) !important;
    border: 1px dashed #ff4d94 !important;
}

/* Responsive Anpassungen */
@media (max-width: 768px) {
    nav button.converted-from-link,
    .navigation button.converted-from-link,
    .menu button.converted-from-link {
        padding: 0.75rem 1rem;
        width: 100%;
        text-align: left;
    }
    
    .social-links button.converted-from-link,
    .social-media button.converted-from-link {
        width: 44px;
        height: 44px;
    }
}

/* Print Styles */
@media print {
    button.converted-from-link {
        color: #000 !important;
        text-decoration: none !important;
    }
    
    button.converted-from-link:after {
        content: " [Button]";
        font-size: 0.8em;
        color: #666;
    }
}