/*
Theme Name: Vishnu Hatha
Author: Frank Hempel
Author URI: https://frank-hempel.de/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yoga-2026
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* bricolage-grotesque-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Bricolage Grotesque';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/bricolage-grotesque-v9-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



html {
    /* Footer nach unten */
    height: 100%;
}

body {
    /* Footer nach unten */
    margin: 0;
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    min-height: 100%;
    /* Scrollbar immer da */
    border-bottom: 1px solid transparent;
    box-sizing: content-box;
    color: #333;
}

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

p {
    margin: 0.2em 0;
}
hr.wp-block-separator {
    border:none;
    border-top: 1px solid #666;
    margin:2rem 0;
}

/* Breite innerer Breich */
.main-header,
.main-menu ul,
.inner {
    max-width: 1000px;
    margin:auto;
 }
/* Überschriften ohne Margin */
header h1,
header h2,
main h3 {
    margin:0;
    line-height: 1em;
}
header .main-header {
    padding: 1rem 0;
}

/* Naigation Links waagrecht */
.main-menu ul {
    display: flex;
    flex-wrap: wrap;
}
main .inner {
    height: 100%;
}

/* Nächster vorheriger Artikel/Seite */
.next-previous-posts,
.next-previous-post {
    display: flex;
    justify-content: space-between;
    line-height: 1.1em;
}
.next-post {
    text-align: right;
}
/* Schiebt den next-previous-link nach unten */
.single main .inner {
    display: grid;
    grid-template-rows: auto 1fr auto;
}
footer ul {
    margin: 0;
}
a[target="_blank"]:after {
            content: "";
            background-image: url(assets/icons/external_link_icon.png);
            background-repeat: no-repeat;
            background-size: contain;
            width: 0.6em;
            height: 0.6em;
            margin-bottom: 0.2em;
            margin-left: 0.2em;
            display: inline-block;
        }
a[href^="tel"],
a[href^="tel"]:hover {
    text-decoration: none;
    border:none;
    cursor: text;
}

nav a[href=""], nav a[href=""]:hover {
    cursor: text;
}

/* Nach oben Button */
#back-to-top {
    display: none;
    position: fixed;
    bottom:2rem;
    left:calc(50% + 450px);
    width: 45px;
    height: 45px;
    border-radius: 45px;
    background-image: url(assets/icons/top-icon-black.png);
    cursor: pointer;
    z-index: 9999;
    background-color: #D1EBFA;
    opacity: 0.65;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
#back-to-top:hover {
    -webkit-transform: rotate(360deg);
    opacity:0.9;
}

@media screen and (width < 1200px) {
    #back-to-top {
        left:calc(100% - 50px);
    }
}





/* Test Styling */

a {
color: #333;
text-decoration: none;
border-bottom: 1px dotted #333;
outline: none;
}
a:hover {
    border-bottom: 1px solid #777;
}
.wp-block-image a,
.wp-block-image a:hover {
    border-bottom: none;
}
body {
    line-height: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
    font-family: 'Bricolage Grotesque';
    background-color: rgba(210,235,249,1);
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffff+0,d2ebf9+100 */
    background: linear-gradient(to bottom,  #feffff 0%,#d2ebf9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-attachment: fixed;
}
.klein {
    font-size: 0.75em;
}
h3 {
    font-weight: normal;
}
h3.wp-block-heading {
    margin: 1em 0 0.4em 0 !important;
}
.blog h3.article-headline {
    padding:0;

}

.main-header,
.main-menu ul,
.inner {
    padding: 0;

 }
.logo  {
    max-width: 480px;

}
header a,
header a:hover {
    text-decoration: none;
    border:none;
}
/* Hauptmenü oben */
.main-menu {
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    position: sticky;
    top:0;
    background-color: #fff;
    z-index: 20;
}
.main-menu li:last-child {
        border-right: 1px solid #999;
}

.main-menu li {
    margin-right: 0;
}
.main-menu a,
.main-menu a:hover {
    border: none;
    border-left: 1px solid #aaa;
}
.main-menu a {
    display: block;
    background-color: #f2f2f2;
    line-height: 2em;
    padding:0 1em;
    transition: background-color 0.5s;
}
.main-menu a:hover {
    background-color: #fff;
}
.main-menu .sub-menu li,
.main-menu .sub-menu a {
    border:none;
}

.main-menu .sub-menu {
    z-index: 10;
    display: block !important;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: all 0.3s;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #999;
}
.main-menu li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
}
/* Hamburger-Menü Slicknav */
.slicknav_menu a,
.slicknav_menu a:hover {
    border: none;
    text-decoration:none;
}


main {
    box-shadow: 0 0 1rem rgba(0,0,0,0.2) inset;
}
main .inner {
    background-color: #fff;
    border-left: 1px solid #A9D8F4;
    border-right: 1px solid #A9D8F4;
}

.wp-post-image {
    float: left;
    margin: 0 1em 1em 0;
}
article {
    clear:both;
    padding: 1rem 1rem 3rem 1rem;
}
.blog article,
.archive article {
    border-bottom: 1px solid #000;
}
.article-headline {
    padding: 1rem 0 0 1rem;
}

.article-headline a,
.article-headline a:hover {
    border-bottom: none;
}

.read-more {
    text-align: right;
    font-size: 0.75em;
}
.article-date {
    font-size: 0.75em;
    text-align: right;
}
.cat-slug {
    clear:both;
    line-height: 1.2em;
    font-size: 0.8em;
    max-width: 33%;
}
.cat-slug a {
    white-space: nowrap;
}
.wp-block-group {
    justify-content: center;
}
.wp-block-gallery {
    z-index: 5 !important;
}
.wp-block-image figcaption {
    text-align: center;
    line-height: 1.1em;
    font-size: 0.8em;
    margin: 0.3em 0;
}

/* Galerie HIntergrund */
.pswp__bg {
    background-color: #FFF !important;
}


.mitarbeiter article {
    display: flex;
    flex-wrap: wrap;
}
.mitarbeiter article:nth-child(2) .wp-block-image {
    margin: 0 0.4% 0.5em;
}

.mitarbeiter .wp-block-image {
    width: 32.5%;
    border: 1px solid #ccc;
}
.mitarbeiter .wp-block-image figcaption {
    margin: 0;
    text-align: center;
    font-size: 0.85em;
    line-height: 1.1em;
    padding: 0.3em 0;

}


.next-previous-post {
    margin-bottom: 2rem;
}
.next-previous-posts {
    margin: 2rem 0;
}

footer {
    background-color: #fff;
    padding: 1rem 0;
    border-top: 1px solid #999;
    font-size: 0.8em;
}
footer h2 {
    line-height: 1em;
    margin:0;
}
footer .inner {
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem;
}
footer div,
footer nav {
    margin-right: 1rem;
    margin-bottom: 0.5rem;
}
footer .copyright,
footer .made-by {
    line-height: 1em;
}
footer .widget-title {
    margin:0;
    font-weight: normal;
    line-height: 1em;
}
footer .textwidget p {
    margin: 0.3em 0 0.3em 0;
    line-height: 1.1em;
}
footer nav li,
footer nav a,
footer nav ul {
    margin:0;
    padding: 0;
    line-height: 1em;
}
@media screen and (width<1000px) {
header .logo {
margin:auto;
padding: 0 1rem;
}

}