/*
******************************************************************
theme-CSS

(c) sinntun.codes
******************************************************************
*/


/*****************************************************************
**** Allgemein
******************************************************************/

* {
    font-family: var(--sinntun-font-family), sans-serif;
    font-style: normal;
}

h1 {
    font-size: var( --sinntun-font-size-36px);
    font-weight: 800;
}

h1.margin {
    margin-bottom: 1.875rem;
}

h2 {
    font-size: var( --sinntun-font-size-18px);
}

h1, h2 {
    /*color: #FFFFFF;*/
    font-family: var(--sinntun-font-family), sans-serif;
    font-weight: 600;
}

h3 {
}

strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

a, .link, a span {
    color: var(--sinntun-light-blue);
    border-radius: 0.313rem;
}

a:hover, .link:hover, a span:hover {
    color: var(--sinntun-text-color-anth);
}

#logo {
    display: block;
}



.link:hover {
    color: #808080;
}


/*** link-button
******************************************************************/


/*** back-to-top
******************************************************************/

.back-to-top {
    background-color: #00528C;
    color: #fff;
    border: 0.063rem solid #007CC5;
}

.back-to-top .fa-arrow-up {
    color: #fff;
}

.back-to-top:hover {
    background-color: var(--sinntun-yellow);
    border: 0.063rem solid #007CC5;
}

.back-to-top:hover .fa-arrow-up {
    color: var(--sinntun-text-color-anth);
}

/*****************************************************************
**** Canvases
******************************************************************/

/*** Footer
******************************************************************/


#footer-canvas a:hover,
#footer-canvas a:hover::before {
    color: #fff;
}

#footer-canvas a:hover span {
    text-decoration: underline;
}

#footer-canvas a:focus-visible,
#footer-canvas a:focus-visible i {
    color: #fff;
}

#footer-canvas a:focus-visible {
    outline: none;
}

#footer-canvas a:focus-visible span {
    text-decoration: underline;
}

#footer-canvas .text,
#footer-canvas .text span {
    color: #fff;
    white-space: nowrap;
}

#footer-canvas .social-media-link i {
    color: #fff;
    font-size: 3.75rem;
}

#footer-socialmedia .social-media-link:focus-visible i {
    color: var(--sinntun-yellow);
}




/*****************************************************************
**** Navigation
******************************************************************/

/*** nav1
******************************************************************/


/*****************************************************************
**** Elements
******************************************************************/


/*** text
******************************************************************/

.text a:hover {
    color: #808080;
}

.text ul {
    list-style: disc;
}

.text ol {
    list-style: decimal;
}

.text li {
    float: none;
}



#footer-contact .divider {
    color: #FFFFFF;
}

#footer-contact .address {
    display: inline-block;
    margin: 0;
    width: 150%;
}
#footer-contact .address.address-line1 {
    margin-top: 3.75rem;
}
#footer-contact .address.address-line2 {

}
#footer-contact .address.address-line3 {
    margin-bottom: 3.75rem;
}
#footer-contact .contact {
    display: inline-block;
}
#footer-contact .divider {
    display: inline-block;
}