/**
 * Theme Name:        Oliver Gladys' Content- Portfolio-Theme 2026
 * Theme URI:         
 * Description:       Das Oliver Gladys 2026' Theme ist ein modernes, responsives und minimalistisches Theme, das sich besonders für die Präsentation eines Portfolios eignet. Durch den zweispaltigen Aufbau werden die Arbeitsproben prominent platziert und durch den flächigen, minimalistischen Stil attraktiv in den Vordergrund gerückt. Die Website wurde nach dem Mobile-First-Prinzip konzipiert und mit einer intuitiven Navigation ausgestattet.
 * Version:           0.6
 * Author:            Oliver Gladys
 * Author URI:        
 * Tags:              block-patterns, full-site-editing, portfolio, zweispaltig, mobile-first
 * Text Domain:       Oliver
 * Domain Path:       /assets/lang
 * Tested up to:      6.6
 * Requires at least: 6.0
 * Requires PHP:      8.4
 * License:           GNU General Public License v2.0 or later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 */
/**
 *
 * Table of Content
 * 
 * Normalize
 * Typography
 * CSS Variables
 * Basic Elements
 * Forms
 * Structure (Layout Grid)
 * Header
 * Navigation 
 * Content
 * Sidebar
 * Footer
 * Comments
 * Plugins
 * Media Queries for Phone advanced
 * Media Queries for Tablet
 * Media Queries for Desktop
 *
 */
/**
 * Normalize
 */
@import url(assets/css/normalize.css);

* {
   box-sizing: border-box;
}

/* Passt an die versch. Viewports automatisch an*/
.hero {
   height: 100vh;
   width: 100vw;
 }

/**
  * Typography
  */
/* teko-500 - devanagari_latin *//**
 * Typography
 */
/* Teko 500 - Devanagari & Latin */
/* Teko 600 - Devanagari & Latin */
/* Teko 500 - Devanagari & Latin */
@font-face {
   font-family: 'Teko';
   font-weight: 500;
   src: url('assets/fonts/teko-v20-devanagari_latin-500.woff2') format('woff2'),
        url('assets/fonts/teko-v20-devanagari_latin-500.woff') format('woff'),
        url('assets/fonts/teko-v20-devanagari_latin-500.ttf') format('truetype');
 }
 
 @font-face {
   font-family: 'Teko';
   font-weight: 600;
   src: url('assets/fonts/teko-v20-devanagari_latin-600.woff2') format('woff2'),
        url('assets/fonts/teko-v20-devanagari_latin-600.woff') format('woff'),
        url('assets/fonts/teko-v20-devanagari_latin-600.ttf') format('truetype');
 }

 @font-face {
   font-family: 'Teko';
   font-weight: 600;
   src: url('assets/fonts/teko-v20-devanagari_latin-700.woff2') format('woff2'),
        url('assets/fonts/teko-v20-devanagari_latin-700.woff') format('woff'),
        url('assets/fonts/teko-v20-devanagari_latin-700.ttf') format('truetype');
 }

 

/* Charis SIL Regular - Latin */
@font-face {
   font-family: 'Charis SIL';
   font-weight: normal;
   src: url('assets/fonts/charis-sil-v1-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2') format('woff2'),
        url('assets/fonts/charis-sil-v1-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.woff') format('woff'),
        url('assets/fonts/charis-sil-v1-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf') format('truetype');
}


@font-face {
   font-family: 'Charis SIL';
   font-weight: 700;
   src: url('assets/fonts/charis-sil-v1-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.woff2') format('woff2'),
        url('assets/fonts/charis-sil-v1-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.woff') format('woff'),
        url('assets/fonts/charis-sil-v1-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.ttf') format('truetype');
}


/**
  * CSS Variables
  */
:root {
   --color-01: rgb(72, 103, 188);
   --color-02: rgb(19, 56, 157);
   --color-02b: rgb(11, 32, 90);
   --color-03: rgb(255, 0, 0);
   --color-04: rgb(159, 175, 223);
   --color-05: rgb(250, 250, 250);
   --color-06: rgb(0, 0, 0);
   --color-07: rgb(50, 50, 50);
   --color-07b: rgba(200, 200, 200, 0.35);
   --color-07c: rgba(170, 170, 170);
   --woocommerce: rgb(0, 0, 0);
   --wc-green: #7ad03a;
   --wc-red: #a00;
   --wc-orange: #ffba00;
   --wc-blue: #2ea2cc;
   --wc-primary: rgb(0, 0, 0);
   --wc-primary-text: #fcfbfe;
   --wc-secondary: #e9e6ed;
   --wc-secondary-text: #515151;
}

/**
  * Basic Elements
  */
html {
   font-size: 100%;
}

body {
   width: 100vw;
   font-family: 'Teko';
   background-color: var(--color-05);
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-weight: 700;
}

h1 {
   font-size: 3.5rem;
}


p {
   font-size: 1, 2rem;
   font-weight: 700;
}

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

/**
 * Forms
 */

/**
 * Structure (Layout Grid)
 */

.wrapper {
   display: grid;
   grid-template-columns: repeat(20, 5%);
   grid-template-rows: repeat(6, auto);
   overflow-x: hidden;
}



/**
 * Header
 */

 #social-subheader {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   grid-column-start: 14;
   grid-column-end: 21;
   grid-row-start: 2;
   grid-row-end: 3;
   padding: 0 5vw 0 0;
   margin-top: 2px;
   z-index: 999;
   background-color: var(--color-05);
}

.wp-block-group .wp-block-image {
   position: relative; /* Falls nötig */
   transform: translateY(-10px); /* Verschiebt das Bild um 10px nach oben */
   /* Alternativ: margin-top */
   margin: 10px 0 0 -12px; /* Negative Werte schieben das Element nach oben */
}

.wp-block-image.size-full {
   border: 2.45px var(--color-05);
   border-radius: 3px;
   margin: 0 0 1.5rem -10px;
   padding: 0.5rem 0 1rem 0;
   }








.subheader-widget {
   padding: 0;
   display: inline-block;
   grid-column-start: 15;
   grid-column-end: 21;
   grid-row-start: 2;
   grid-row-end: 3;

}

/*
.wp-block-search__button {
   border: 0px;
}*/

/* neuer Suchbutton*/

.search-icon {
   position: absolute;
   right: 2px; /* Abstand vom rechten Rand */
   top: 75px; /* Position im Subheader anpassen */
   z-index: 1000; /* Über anderen Elementen halten */
   cursor: pointer;
   display: none;
}



.alignright.size-full {
   padding: 2rem 0 0 0;
}





.search-page form {
   margin-top: 20px;
}

.search-page input {
   width: 100%;
   padding: 10px;
   font-size: 25px;
}

.search-results ul {
   list-style: none;
   padding: 0;
}

.search-results li {
   margin-bottom: 10px;
}



/*
.wp-block-search__button:active {
   transform: translateY(10px);
 }*/





.header {
   z-index: 980;
   display: flex;
   grid-column-start: 1;
   grid-column-end: 16;
   grid-row-start: 2;
   grid-row-end: 2;
   background-color: var(--color-05);

/*align-items: center;*/
   
}

.header__brand {
   display: flex;
   align-items: center;
   flex-direction: row;
   padding: 0rem;
}

.header__brand__logo {
   height: 80px;
   padding: 0.1rem 0 0.1rem 1.5rem;
   margin-top: 1rem;
}



.header__subheader p {
   color: var(--color-02b);
}

.header a {
   text-decoration: none;
   color: var(--color-06);
}

.header__brand__logo img {
   display: block;
   width: auto;
   height: 100%;
   margin-right: 1rem;
}

.header p {
   color: var(--color-06);
}

.header__brand__name__title {
   font-size: 2rem;
   margin: 0 0 0.5rem 0;
   padding-top: 1.2rem;
   text-transform: capitalize;
}

.header__brand__name__subtitle {
   margin: 0;
   letter-spacing: 0.025em;
}

/*.header__image {
}*/
.header__image video {
   display: none;
}

.wp-custom-header {
   display: none;
}

/**
 * Navigation
 */
/*Gestaltung des Desktop-Menus*/
.navmain {
   position: relative;
   grid-column-start: 16;
   grid-column-end: 21;
   grid-row-start: 3;
   grid-row-end: 4;
   padding: 0rem 0rem 0 1rem;
   background-color: var(--color-05);
}

.error-404.not-found {
   position: relative;
   grid-column-start: 1;
   grid-column-end: 17;
   grid-row-start: 4;
   grid-row-end: 5;
   padding: 3.9rem 0rem 23.6rem 2.1rem;
   background-color:var(--color-05);
   z-index: 10;
}
.error-404__content {
   font-family: 'Charis SIL';
   font-size: 1.2rem;
   font-weight: 400;
   font-style: normal;
   line-height: 1.8rem;
   padding: 1rem 0 0 0;
}

#navmain__desktop {
   display: none;
}

#navmain__mobile {
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
   height: 80px;
   padding: 10px 10px 0 0;
}


#navmain__mobile__toggle {
   position: relative;
   z-index: 980;
   top: 20px;
   display: flex;
   align-items: center;
   flex-direction: column;
   user-select: none;
}

#navmain__mobile__toggle input {
   position: absolute;
   z-index: 990;
   width: 40px;
   height: 32px;
   opacity: 0;
   cursor: pointer;
   z-index: 999;
}

/*Hamburger*/
#navmain__mobile__toggle span {
   z-index: 980;
   width: 50px;
   height: 5px;
   margin-bottom: 5px;
   transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
   background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
   opacity 0.55s ease;
   transform-origin: 5px 0;
   background-color: var(--color-06)
}

/* Animation des Hamburger Menüs */
#navmain__mobile__toggle span:first-child {
   transform-origin: 0 0;
}

#navmain__mobile__toggle span:nth-child(2) {
   transform-origin: 0 100%;
}

/* Hier Korrektur toogle span zu input-blue */
#navmain__mobile__toggle input:checked~span {
   transform: rotate(45deg) translate(-10.5px, -8.5px);
   opacity: 1;
   background-color: var(--color-06);
}

#navmain__mobile__toggle input:checked~span:nth-last-child(3) {
   transform: rotate(-45deg) translate(-2px, -7px);
   opacity: 0;
}

#navmain__mobile__toggle input:checked~span:nth-last-child(2) {
   transform: rotate(-45deg) translate(-1.45px, -3px);
   opacity: 1;
}

#navmain__mobile__menu {
   position: absolute;
   z-index: 999;
   width: 300px;
   height: auto;
   margin: 93px 0 0 -5px;
   padding: 50px 30px;

/* Animation für die Menü-Card */
   transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
   transform: translate(100%, 0);
   transform-origin: 0 0;
   opacity: 65%;
   background-color: var(--color-06);
}

#navmain__mobile__menu ul {
   padding: 0;
   list-style: none;
}

#navmain__mobile__menu a {
   font-size: 1.2rem;
   line-height: 2rem;
   text-decoration: none;
   color: var(--color-05);
}

#navmain__mobile__toggle input:checked~ul {
   transform: none;
}

.index__main__sidenav,
.single__main__sidenav {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   width: 98%;
   margin-top: 2px;
   margin-left: 0.125rem;
   gap: 4rem;
   color: var(--color-05);
   background-color: none;
}

.index__main__sidenav a,
.single__main__sidenav a {
   font-size: 1.5rem;
   text-decoration: none;
   color: var(--color-02b);
   margin: center;
}

.single__main__sidenav p {
   word-break: break-word;      /* oder overflow-wrap */
   overflow-wrap: anywhere;     /* neuere Alternative */
   white-space: normal;         /* stellt sicher, dass normaler Umbruch erlaubt ist */
   hyphens: auto;
 }


.single__main__sidenav,
.fas {
   font-size: 1.5rem;
   position: relative;
   top: -0.0215rem;
   vertical-align: middle;
   color: var(--color-03);
   padding-inline: 0.59rem;
   word-wrap: break-word;
   overflow-wrap: break-word;  
}


/* Hier noch Korrekturen Stand! 30.03.2026 */
.single__main__article h2,
.page__main__article h2 {
   font-family: 'Teko';
   font-size: 2.9rem;
   font-weight: 700;
   padding: 2rem 0 0 1rem;
   line-height: 3.2rem;
}



.single__main__article p,
.page__main__article p {
   font-family: 'Charis SIL';
   font-size: 1.3rem;
   font-weight: 400;
   font-style: normal;
   line-height: 1.8rem;
   padding: 0.5rem 2rem 0.5rem 1rem;
}



/**
 * Content
 */

 .index__main {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   grid-column-start: 1;
   grid-column-end: 21;
   grid-row-start: 4;
   grid-row-end: 5;
   padding: 7rem 1rem 2.5rem 2rem;
   background-color: var(--color-05);
}


.post-link-wrapper {
   width: 100%;
   flex-basis: 100%;
   margin-bottom: 0rem;
   margin-right: 0rem; /* Fügt Abstand zwischen den Spalten hinzu */
}

.wp-block-search__input{
min-width: 1vw;
margin: 0 0 0 -1.5rem;
}



@media (max-width: 768px) {
   .post-link-wrapper {
      width: 100%;
   }
}


/*animation: fadeIn 1s forwards;*/



.post-link-wrapper {
   opacity: 0;
   transform: translateY(150px);
   transition: opacity 0.5s, transform 1.5s;
}

.post-link-wrapper.show {
   opacity: 1;
   transform: translateY(0);
}


.index__main__container a {
   text-decoration: none;
   cursor: pointer;
}



/*Hier startet die Animation
@keyframes fadeIn {
   from {
      transform: translateY(150px);
      opacity: 0;
   }

   to {
      transform: translateY(0);
      opacity: 1;
   }
}

/*Hier startet die Animation der Beiträge
.post-link-wrapper:nth-child(1) {
   animation-delay: 0s;
}

.post-link-wrapper:nth-child(2) {
   animation-delay: 2s;
}

.post-link-wrapper:nth-child(3) {
   animation-delay: 4s;
}

.post-link-wrapper:nth-child(4) {
   animation-delay: 3s;
} */

.index__main h1,
.index__main h2,
.index__main h3,
.index__main h4,
.index__main h5,
.index__main h6,
.index__main p {
   color: var(--color-02b);
}

.index__main p {
   font-size: 1.2rem;
   font-weight: 400;
   font-style: normal;
   line-height: 1.4rem;
   color: black;
}

.index__main__container {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   row-gap: 2.5rem;
   grid-auto-rows: 1rem;
   width: 99%;
   max-width: 3000px; /* Falls nötig, passe die maximale Breite an */
   margin: 0 auto; /* Zentriert den Inhalt */
}

.index__main__article {
   position: relative;
   padding: 0 0 0 0;
   margin: 0 3.5rem 0 0;
   border: 3.25px solid black;
   border-radius: 8px;
   background-color: #fff;
}

/* Hier beginnen woocommerce Artikel */

.woocommerce-Price-amount {
   font-size: 1.2rem;
   font-weight: 400;
   font-style: normal;
   line-height: 1.4rem;
   color: black !important;
}


 

.speech-bubble-wrapper {
   position: relative;
   background-size: cover;
   background-repeat: no-repeat;
   padding: 7px;
   border-radius: 15px;
}

.speech-bubble-content {
   position: relative;
   z-index: 2;
   padding: 5px;
   background-color: rgba(246, 12, 12, 0.8); /* Weißer Hintergrund für den Inhalt */
}

.tab-style-wrapper {
   position: relative;
   background-size: cover;
   background-repeat: no-repeat;
   padding: 7px;
   border-radius: 10px;
}

.tab-style-content {
   position: relative;
   z-index: 2;
   padding: 5px;
   background-color: rgba(255, 255, 255, 0.8); /* Weißer Hintergrund für den Inhalt */
}

.index__main__article.tab-border {
   position: relative;
   width: 90%;
   border: 12px solid transparent; /* Initial border setup */
   border-image-source: url('assets/images/tab-border_v2.svg'); /* Link to the SVG file */
   border-image-slice: 45 45 45 45; /* Adjust this value as per your design */
   border-image-repeat: stretch; /* Options: stretch, repeat, round, or space */
   border-image-width: 10; /* Optionally adjust the width */
   background: transparent; /* Transparent background so it's controlled by ::before */
   overflow: hidden; /* Ensures child elements don't overflow the border */
   padding: 0.25rem 0 0 0.25rem;
}


.index__main__article.tab-border-v3 {
   position: relative;
   width: 90%;
   border: 12px solid transparent; /* Initial border setup */
   border-image-source: url('assets/images/tab-border_v3.svg'); /* Link to the SVG file */
   border-image-slice: 45 45 45 45; /* Adjust this value as per your design */
   border-image-repeat: stretch; /* Options: stretch, repeat, round, or space */
   border-image-width: 10; /* Optionally adjust the width */
   background: transparent; /* Transparent background so it's controlled by ::before */
   overflow: hidden; /* Ensures child elements don't overflow the border */
   padding: 0.25rem 0 0 0.25rem;
}

.index__main__article.speech-bubble {
   position: relative;
   width: 90%;
   border: 12px solid transparent; /* Initial border setup */
   border-image-source: url('assets/images/bubble_v4.svg'); /* Link to the SVG file */
   border-image-slice: 45 45 45 45; /* Adjust this value as per your design */
   border-image-repeat: stretch; /* Options: stretch, repeat, round, or space */
   border-image-width: 10; /* Optionally adjust the width */
   background: transparent; /* Transparent background so it's controlled by ::before */
   overflow: hidden; /* Ensures child elements don't overflow the border */
   padding: 0.25rem 0 0 0.25rem;
}


.index__main__article.speech-bubble-v3 {
   position: relative;
   width: 90%;
   border: 12px solid transparent; /* Initial border setup */
   border-image-source: url('assets/images/bubble_v3.svg'); /* Link to the SVG file */
   border-image-slice: 45 45 45 45; /* Adjust this value as per your design */
   border-image-repeat: stretch; /* Options: stretch, repeat, round, or space */
   border-image-width: 10; /* Optionally adjust the width */
   background: transparent; /* Transparent background so it's controlled by ::before */
   overflow: hidden; /* Ensures child elements don't overflow the border */
   padding: 0.25rem 0 0 0.25rem;
}

.post-link {
   cursor: url('assets/images/chat_bubble_message_contact_icon_264231.png'), auto;
}


.index__main__article::before {
   content: "";
   position: absolute;
   top: 30px; /* Match border width */
   left: 30px; /* Match border width */
   right: 30px; /* Match border width */
   bottom: 75px; /* Match border width */
   background-color: white; /* The desired background color */
   z-index: -1; /* Ensure it appears behind any content */
}

.index__main__article__img {
   padding-top: 0.015rem;
   padding-right: 0.25rem;
}

.index__main__article::after {
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   height: 0;
   content: '';
}


/*Hier min-width überprüfen*/

.index__main__article__content h2 {
   font-family: 'Teko';
   font-size: 2rem;
   font-weight: 700;
   line-height: 2.4rem;
   word-wrap: break-word;
   overflow-wrap: break-word;
   margin-bottom: -0.45rem;
   padding: 0.05rem 0 1.25rem 0;
   overflow-wrap: break-word;    /* weniger aggressiv als anywhere */
   word-break: break-word;
   white-space: normal;
   hyphens: manual;              /* nur ­ erlaubt, keine automatische Trennung */
}


.index__main__article__content p {
   font-family: 'Charis SIL';
   font-weight: 400;
   font-style: normal;
   line-height: 2rem;
   text-decoration: none;
   min-width: 65%;
   overflow-wrap: break-word;
   hyphens: manual;              /* wenn du auch im Fließtext nur gezielte Trennungen willst */
   margin-bottom: -1.45rem;
}

.no-break {
   white-space: nowrap;
   word-break: keep-all;
   hyphens: none;
}


.index__main__article__content a {
   font-weight: 700;
   display: inline-block;
   margin-top: 2rem;
   padding: 0.8rem;
   text-decoration: none;
   color: var(--color-02);
   background-color: var(--color-04);
   box-shadow: 3px 3px 15px -8px #2C3531;
}

.index__main__article__content a:hover {
   color: var(--color-04);
   background-color: var(--color-02);
   box-shadow: none;
}

.index__main__article__footer {
   position: absolute;
   bottom: 0;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   width: 100%;
   background-color: var(--color-02);
}

.fa-user-astronaut {
   font-size: 0.95rem;
   padding-right: 0.5rem;
}

.icon::before {
   font-family: "Font Awesome 6 Free";
   font-size: 0.95rem;
   margin-right: 0.5rem;
   content: "\f073";
}

.index__main__article__footer p {
   display: block;
   margin: 0;
   padding: 0.5rem;
   color: var(--color-05);
}

.single__main,
.page__main,
.page-home__main,
.page__main__article,
.error-404.not-found {
   grid-column-start: 1;
   grid-column-end: 20;
   grid-row-start: 4;
   grid-row-end: 5;
   position: relative;
   min-height: 71.4vh;
   padding: 2rem 0 0 0.75rem;
}




/*
.page__main {
   position: relative;
   min-height: 75.5vh;
}*/

.page-home__main__article {
   display: flex;
   flex-direction: row;
   gap: 0.3125rem;
   flex-wrap: wrap;
   justify-content: center;
}

.has-small-font-size {
   font-family: 'Charis SIL';
   font-size: 1.2rem;
   font-weight: 400;
   font-style: normal;
   line-height: 1.6rem;
   padding: 0.5rem 1.5rem 0rem 1.5rem; 
}

.has-medium-font-size {
   font-family: 'Charis SIL';
   font-size: 1.2rem;
   font-weight: 400;
   font-style: normal;
   line-height: 1.6rem;
   padding: 2.5rem 1.5rem 0.5rem 1.5rem; 
   color: solid black; 
}

li.has-medium-font-size {
   font-family: 'Charis SIL';
   font-size: 1.3rem;
   font-weight: 400;
   font-style: normal;
   line-height: 1.8rem;
   margin-left: 1rem;
   padding: 2.5rem 1.5rem 0.5rem 0.5rem; 
   color: solid black; 
}

.has-large-font-size {
   font-family: 'Charis SIL';
   font-size: 3.4rem;
   font-weight: 700;
   font-style: normal;
   line-height: 1.6rem;
   padding: 0.5rem 1.5rem 0rem 1.5rem; 
   color: solid black; 
}
.has-x-large-font-size {
   font-family: 'Charis SIL';
   font-size: 3.4rem;
   font-weight: 700;
   font-style: normal;
   line-height: 1.6rem;
   padding: 0.5rem 1.5rem 0rem 1.5rem; 
   color: solid black; 
}
/* letzte Änderung30.03.2026*/
.wp-block-heading.has-medium-font-size h2 {
   font-family: 'Teko';
   font-size: 5.6rem;
   font-weight: 700;
   font-style: normal;
   line-height: 1.05;
   padding: 0.5rem 1.5rem 1.5rem 1.5rem; 
   color: solid rgb(242, 10, 10);  
}







ul.wp-block-list {
  margin: 0 0 0 0;
  padding: 0 1.5rem 2.5rem 0;
}

ul.wo-block-list li::marker {
 /* Marker-Größe,font-size: 1em; optional */
  padding-right: 0.2em;
}



.sidebar_page,
.sidebar_home {
   display: none;
}

/* Bildtransform */
.page-home__main__article_img {
   position: relative;
   display: flex;
   overflow: hidden;
   align-items: end;
   justify-content: center;
   width: 90%;
}

.page-home__main__article_img p {
   font-family: 'Teko';
   font-size: 1.5rem;
   font-weight: 700;
   position: absolute;
   z-index: 10;
   width: 100%;
   padding: 0.5rem 0.5rem;
   text-align: center;
   background-color: var(--color-07b);
}

.page-home__main__article_img a {
   text-decoration: none;
   color: var(--color-07);
}

.page-home__main__article_img a:hover {
   transition-duration: 9s;
   transform: scale(1.5);
}

.single-vollebreite__main {
   grid-column-start: 1;
   grid-column-end: 20;
   grid-row-start: 4;
   grid-row-end: 5;
   position: relative;
   min-height: 75.15vh;
   padding: 2rem 0 0 1.5rem;
   background-color: var(--color-05);
}

/*Volle Breite Pfeil rot?*/
.single-vollebreite__main .single__main__sidenav .fas {
   font-size: 1.15rem;
   position: relative;
   top: -0.0215rem;
   vertical-align: middle;
   color: red;

   padding-inline: 0.59rem;
}

/**
 * Sidebar
 */
.sidebar_mobile {
   display: none;
   font-family: 'Teko';
   font-size: 1.25rem;
   font-weight: 400;
   font-style: normal;
   line-height: 1rem;
   grid-column-start: 1;
   grid-column-end: 21;
   grid-row-start: 5;
   grid-row-end: 6;
   padding: 0 1.5rem 0 2.5rem;
   list-style-type: none;
   text-decoration: none;
   color: var(--color-05);
   background-color: var(--color-07c);
}

.sidebar,
.sidebar-2,
.sidebar_right,
.sidebar_bottom {
   display: none;
   /* Ausblenden auf mobilen Geräten */
}

/**
 * Footer
 */



   .footer {
   position: relative;
   bottom: 1rem;
   left: 0;
   right: 0;
   width: 100%;
   grid-column-start: 1;
   grid-column-end: 21;
   grid-row-start: 5;
   grid-row-end: 6;
   display: flex;
   flex-direction: column;
   justify-content: flex-start; /* 'left' ist kein gültiger Wert */
   margin: 1rem 0 0 0;
   background-color: var(--color-07);
   min-height: 100px; /* <-- Standardwert */
}
   /* Mobile: Hochformat → mehr Platz für Footer */
@media screen and (max-width: 767px) and (orientation: portrait) and (pointer: coarse) {
   .footer {
      min-height: 200px;
   }
}

   /* Querformat */
      @media screen and (orientation: landscape) and (max-width: 1024px) {
      .footer {
            min-height: 100px;
         }
      .index__main__container {
         margin-left: 25px;
      }
}

   .is-layout-flex > :is(*, div) {
      margin: 0 0 5px 0}

.index__main__article__content {
   width: 99%;
   max-width: 3000px; /* Falls nötig, passe die maximale Breite an */
   margin: 0 auto; /* Zentriert den Inhalt */
   padding: 0.5rem 2rem 5rem 1.5rem;
}

.post-link-wrapper.show {
   width: 100%; /* Passt sich dem Container an */
   min-width: 290px;
   max-width: 2500px; /* Verhindert, dass es größer als der Container wird */
   box-sizing: border-box; /* Stellt sicher, dass Padding mit in die Breite einfließt */
   margin: 0 auto; /* Zentriert das Element */
   margin-left: -5px;
   overflow: hidden; /* Verhindert unerwünschtes Scrollen */
    /* Stellt sicher, dass Inhalte nicht versteckt werden */
}

   .wp-block-heading {
   font-family: 'Teko';
   font-size: 5.6rem;
   font-weight: 700;
   font-style: normal;
   line-height: 5.2rem;
   padding: 0.5rem 1.5rem -1.5rem 1.5rem; 
   margin-bottom: -0.5rem;
   color: solid black;  
   }

   .wp-block-heading {
      font-family: 'Teko';
      font-size: 5.6rem;
      font-weight: 700;
      font-style: normal;
      line-height: 3.2rem;
      padding: 0.5rem 1.5rem -1.5rem 1.5rem;
      margin-bottom: -0.5rem; 
      color: solid black;  
   }


.footer p,
.footer a {
   font-family: 'Teko';
   font-size: 1.72rem;
   font-weight: 400;
   text-decoration: none;
   color: var(--color-05);
}

.footer ul {
   list-style-type: none;
}

.footer_widget img {
   width: 100%;
   height: auto;
}

.footer_widget {
   position: absolute;
   bottom: -1px; /* Abstand zum unteren Rand */
   left: 0;
   right: 0;
   width: 100%;
   margin-left: 25px;
   padding-top: 0.125px;
   letter-spacing: 0.09rem;
   margin-bottom: 10px;
}

.menu-footermenue {
   padding-top: 10px;
}



.footer_menu ul {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap; /* Erlaubt Umbrüche in die nächste Zeile */
   gap: 35px; /* Abstand zwischen den Elementen */
   row-gap: 10px; /* Abstand zwischen den Reihen (vertikaler Abstand) */
   padding: 0 0 0 28px;
}




   .page__main__article h5 {
      font-family: 'Teko';
      font-size: 1.9rem;
      font-weight: 700;
      word-wrap: break-word;
      overflow-wrap: break-word;
      padding: 1.5rem, 0, 0, 1.25rem;
      line-height: 0.55;
   }

   
   .page__main__article ul {
      font-family: 'Charis';
      font-size: 1rem;
      font-weight: 400;
   }


   /*Allgemeine Hinweise*/
   h2.wp-block-heading.has-large-font-size {
      font-size: 4.9rem;
      line-height: 4.2rem;
   }

 .page__main__article ul {
  font-family: 'Charis';
  font-size: 1.5rem;
  font-weight: 800;
  margin-left: 1.2rem;
}








/**
 * Comments
 */

/**
 * Plugins
 */

/**
 * Media Queries for Phone advanced
 */

@media screen and (min-width: 481px) {
}

/**
 * Media Queries for Tablet
 */

@media screen and (min-width: 769px) {
   .index__main__sidenav {
      width: 92.5%;
   }

/*Social Media*/
   #social-subheader {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      grid-column-start: 14;
      grid-column-end: 21;
      grid-row-start: 2;
      grid-row-end: 3;
      padding: 0 5vw 0 0;
      z-index: 999;
      background-color: var(--color-05);
   }

   .search-icon {
      position: absolute;
      right: 25px; /* Abstand vom rechten Rand */
      top: 62px; /* Position im Subheader anpassen */
      z-index: 1000; /* Über anderen Elementen halten */
      cursor: pointer;
      display: none;
   }

   .wp-block-image.size-full {
      border: 2.5px var(--color-05);
      border-radius: 2.5px;
      }
   


   /* Navigation*/

   .index__main {
      grid-column-start: 1;
      grid-column-end: 21;
      grid-row-start: 4;
      grid-row-end: 5; 
      padding: 5rem 1rem 2.5rem 4rem;
   }


   
   /* Basislayout für mobile Ansicht (einspaltig) */

   
   
   .post-link-wrapper {
      width: 100%;
      flex-basis: 50%;
      margin-bottom: 0rem;
      margin-right: 0%; /* Fügt Abstand zwischen den Spalten hinzu */
   }
   .index__main__article.speech-bubble,
   .index__main__article.speech-bubble-v3,
   .index__main__article.tab-border,
   .index__main__article.tab-border-v3 {
     width: 100%;
     display: inline-block;
     vertical-align: top;
   }
    .index__main article {
      width: 95%;
   }

   .index__main__container {
      padding: 0 0 6rem 0;
   }

   .index__main__article.speech-bubble,
   .index__main__article.speech-bubble-v3 {
      width: 90%;
   }
   .index__main__article.tab-border,
   .index__main__article.tab-border-v3 {
      width: 90%;
   }

   .index__main__article__content h2 {
      font-family: 'Teko';
      font-size: 2rem;
      font-weight: 700;
      line-height: 2.2rem;
      word-wrap: break-word;
      overflow-wrap: break-word;
      margin-left: -0.25rem;
      margin-bottom: -0.45rem;
      padding: 0.05rem 0 0 0;
   }
   
   .index__main__article__content p {
      font-family: 'Charis SIL';
      font-weight: 400;
      font-style: normal;
      line-height: 2rem;
      text-decoration: none;
      min-width: 65%;
      word-wrap: break-word;
      overflow-wrap: break-word;
      margin-left: -0.5rem;
      margin-bottom: -0.45rem;
      padding: 0 0 0.15rem 0; 
   }

   ul.wp-block-list {
      margin: 0 0 0 0;
      padding: 0 0 3.5rem 1rem;
   }

   ul.wo-block-list li::marker {
 /* Marker-Größe,font-size: 1em; optional */
  padding-right: 0.2em;
  color: red;
}

   .sidebar p {
      font-size: 1.0rem;
      list-style-type: none;
      text-decoration: none;
      color: var(--color-05);
   }

   .cat-item.cat-item {
      font-size: 1rem;
      list-style-type: none;
      text-decoration: none;
   }

   .cat-item.cat-item a {
      font-size: 1rem;
      text-decoration: none;
   }
   .page__main,
   .single__main,
   .page-home__main,
   .page__main__article,
   .error-404.not-found {
      grid-column-start: 1;
      grid-column-end: 21;
      grid-row-start: 3;
      grid-row-end: 5;
      padding: 0 5rem 0 5rem;
      position: relative;
      min-height: 68.5vh;
      line-height: 4rem;
   }
/*
   .page-home__main__article, 
   .single__main__article,
   .page__main__article {
      grid-column-start: 1;
      grid-column-end: 19;
      grid-row-start: 3;
      grid-row-end: 4;
      background-color: red;
   }*/



   .page__main__article h2,
   .single__main__article h2 {
   font-size: 3.9rem;
   padding: 5.5rem 0 2.5rem 1.25rem;
   line-height: 4rem;
}






.single__main__article p,
.page__main__article p {
   padding: 0 1.5rem 2.5rem 1.25rem;
   line-height: 2.5rem;
}



   .single__main__article p {
      padding: 0.5rem 2rem 0.5rem 1rem;
      margin-right: 5rem;
      margin-left: 0.5rem;
   }



   .single-vollebreite__main {
      grid-column-start: 2;
      grid-column-end: 20;
      grid-row-start: 4;
      grid-row-end: 5;
      padding: 1rem 5rem 0 5rem;
      position: relative;
      min-height: 67.5vh;
   }

   .page-home__main__article_img {
      position: relative;
      width: 45%;
   }

   .wp-block-heading {
   font-family: 'Teko';
   font-size: 5.6rem;
   font-weight: 700;
   font-style: normal;
   line-height: 5.2rem;
   padding: 0.5rem 1.5rem -1.5rem 1.5rem; 
   margin-bottom: -1rem;
   color: solid black;  
   }

   .wp-block-heading {
      font-family: 'Teko';
      font-size: 5.6rem;
      font-weight: 700;
      font-style: normal;
      line-height: 3.2rem;
      padding: 0.5rem 1.5rem -1.5rem 1.5rem;
      margin-bottom: -1rem; 
      color: solid black;  
   }


   .footer {
      position: relative;
      bottom: 1rem;
      left: 0;
      right: 0;
      width: 100%;
      grid-column-start: 1;
      grid-column-end: 21;
      grid-row-start: 5;
      grid-row-end: 6;
      flex-direction: column;
      justify-content: left;
      margin: 1rem 0 0 0;
      background-color: var(--color-07);
      min-height: 100px;
   }
   .footer_widget {
   position: absolute;
   bottom: -1px; /* Abstand zum unteren Rand */
   left: 0;
   right: 0;
   width: 100%;
   margin-left: 25px;
   padding-top: 0.125px;
   letter-spacing: 0.11rem;
   margin-bottom: 10px;
}


/*Hier stimmts noch nicht!!!*/
   .index__main__article__content {
      padding: 0.5rem 2rem 4rem 1.5rem;
   }
/* Max Größe des Artikels des Suchergebnisse*/
   .post-link-wrapper.show {
      padding: 0.5vw 0.5vw 0 0.5vw;
      min-height: 43.24vh;
      margin: 0 auto; /* Zentriert das Element */
   }

   .error-404.not-found {
      padding: 1.9rem 0rem 32.5rem 5.5rem;
      z-index: 10;
   }
   .error-404__content {
         padding: 1rem 0 0 0;
   }
 /* Ab hier Tablet und Desktop*/
 
.has-small-font-size {
   font-family: 'Charis SIL';
   font-size: 1.2rem;
   font-weight: 400;
   font-style: normal;
   line-height: 1.6rem;
   padding: 0.5rem 1.5rem 0rem 1.5rem; 
}

p.has-medium-font-size,
li.has-medium-font-size {
   font-family: 'Charis SIL';
   font-size: 1.2rem;
   font-weight: 400;
   font-style: normal;
   line-height: 2.5rem;
   padding: 1.5rem 1.5rem 0 1.5rem; 
   color: solid black; 
}




.has-large-font-size {
   font-family: 'Charis SIL';
   font-size: 3.4rem;
   font-weight: 700;
   font-style: normal;
   line-height: 1.6rem;
   padding: 0.5rem 1.5rem 0rem 1.5rem; 
   color: solid black; 
}
.has-x-large-font-size {
   font-family: 'Charis SIL';
   font-size: 3.4rem;
   font-weight: 700;
   font-style: normal;
   line-height: 1.6rem;
   padding: 0.5rem 1.5rem 0rem 1.5rem; 
   color: solid black; 
}

.wp-block-heading.has-medium-font-size h2 {
   font-family: 'Teko';
   font-size: 5.6rem;
   font-weight: 700;
   font-style: normal;
   line-height: 5.2rem;
   padding: 0.5rem 1.5rem 0rem 1.5rem; 
   color: solid black;  
}

.wp-block-heading.has-large-font-size {
   font-family: 'Teko';
   font-size: 5.6rem;
   font-weight: 700;
   font-style: normal;
   line-height: 3.2rem;
   padding: 0.5rem 1.5rem 1.5rem 1.1rem; 
   color: solid black;  
}  

   /**
 * Media Queries for Desktop
 */

   @media screen and (min-width: 1280px) {
      .header {
         grid-column-start: 1;
         grid-column-end: 21;
         grid-row-start: 2;
         grid-row-end: 3;
      }

         /*Social Media*/
   #social-subheader {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      grid-column-start: 16;
      grid-column-end: 21;
      grid-row-start: 2;
      grid-row-end: 3;
      padding: 0 2vw 0 0;
      z-index: 999;
      background-color: var(--color-05);
   }
   .search-icon {
      position: absolute;
      right: 45px; /* Abstand vom rechten Rand */
      top: 62px; /* Position im Subheader anpassen */
      z-index: 1000; /* Über anderen Elementen halten */
      cursor: pointer;
      display: none;
   }
   .wp-block-search__input{
   min-width: 1vw;
   margin: 0 0 -3.5rem -2.5rem;
   }

      /* header__image__video */

      .header__image video {
         display: block;
         justify-content: center;
         padding-right: 21rem;
      }

      .wp-custom-header {
         display: block;
      }

      /* Navigation */

      .navmain {
         grid-column-start: 1;
         grid-column-end: 21;
         grid-row-start: 3;
         grid-row-end: 3;
         padding: 1.5rem 0 0 0;
         text-align: left;
      }

      .index__main {
         grid-column-start: 1;
         grid-column-end: 21;
         grid-row-start: 4;
         grid-row-end: 5;
         padding: 4rem 1rem 2.5rem 6.5rem;
       }

      .post-link-wrapper {
         width: 50%;
         flex-basis: 50%;
         margin-bottom: 0rem;
         margin-right: 0rem; /* Fügt Abstand zwischen den Spalten hinzu */
         padding: 0 0 1rem 0;
      }
      .index__main__article.speech-bubble,
      .index__main__article.speech-bubble-v3,
      .index__main__article.tab-border,
      .index__main__article.tab-border-v3 {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin-left: 0rem;
      }
       .index__main article {
         width: 85%;
      }
       
       .post-link {
         display: block; /* Stellt sicher, dass der Link die volle Breite des Wrappers einnimmt */
         width: 85%;
         justify-content: space-between;
       }
       
      #navmain__mobile {
         display: none;
      }

      #navmain__desktop {
         display: block;
      }

      #navmain__desktop ul {
         margin: 0 0 0 1.2rem;
         padding: 0;
      }

      #navmain__desktop ul li {
         position: relative;
         float: left;
         list-style: none;
      }

      /* Link Gestaltung */
      #navmain__desktop ul li a {
         font-size: 2rem;
         font-weight: 600;
         float: left;
         min-width: 9rem;
         margin: 0 4px 4px 0;
         padding: 0.8rem;
         text-align: center;
         text-decoration: none;
         color: var(--color-06);
      }

      /* Navigation mit Untermenues */
      #navmain__desktop ul li a:hover {
         color: var(--color-02b);
      }

      #navmain__desktop ul li ul {
         position: absolute;
         z-index: 999;
         top: 100%;
         left: 0;
         overflow: hidden;
         max-height: 0;
      }

      #navmain__desktop ul li:hover>ul {
         overflow: visible;
         max-height: auto;
      }

      #navmain__desktop ul li ul li ul {
         top: 0;
         left: 100%;
      }

      .index__main__sidenav {
         width: 92.75%;
      }

      .page__main,
      .single__main,
      .page-home__main,
      .page__main__article,
      .error-404.not-found {
         grid-column-start: 1;
         grid-column-end: 21;
         grid-row-start: 4;
         grid-row-end: 5;
         position: relative;
         min-height: 57.9vh;
         line-height: 1.25;
         padding: 0 5rem 0 5rem;
         }


      .page__main__article h2 {
         font-size: 4.9rem;
         padding: 5.5rem 0 2.5rem 1.25rem;
         line-height: 1.25;   
      }


      /*.single__main__article h2 {
         padding: 3.5rem 1rem 2.5rem 1.55rem;
         overflow-wrap: break-word;    
         word-break: break-word;
         white-space: normal;
         hyphens: manual;          nur &shy; erlaubt, keine automatische Trennung
      }*/

      .single__main__article h2,
      .page__main__article h2 {
      font-size: 4.9rem;
      padding: 3.5rem 1rem 2.5rem 1.55rem;
      overflow-wrap: break-word;    /* weniger aggressiv als anywhere */
      word-break: break-word;
      white-space: normal;
      line-height: 4.5rem;
      hyphens: manual;
      color: black;              /* 06_06 nur &shy; erlaubt, keine automatische Trennung */
      }

   /*
      .page__main__article h2 {
      font-size: 4.9rem;
      padding: 5.5rem 0 2.5rem 1.25rem;
      overflow-wrap: break-word;    
      word-break: break-word;
      white-space: normal;
      hyphens: manual;
      color: black;              
      }*/

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product.title,
.woocommerce ul.products li.product h3 {
    font-size: 4.9rem !important;
    padding: 3.5rem 1rem 2.5rem 1.55rem !important;
    color: black !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    white-space: normal !important;
    hyphens: manual !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title a,
.woocommerce ul.products li.product .woocommerce-loop-product__title a,
.woocommerce ul.products li.product .woocommerce-loop-product.title a,
.woocommerce ul.products li.product h3 a {
    color: #000000 !important;
    text-decoration: none !important;
}

.woocommerce ul.products li.product a .woocommerce-loop-product__title,
.woocommerce ul.products li.product a .woocommerce-loop-category__title {
    color: #000000 !important;
}

.woocommerce-LoopProduct-link,
.woocommerce-LoopProduct-Link,
.wooconmerce-LoopProduct-link,
.wooconmerce-LoopProduct-Link,
.woocommerce-loop-product-link,
.wooconnerce-loop-product_link,
.wooconnerce-loop-product_Link,
.woocommerce ul.products li.product a {
    color: #000000 !important;
    text-decoration: none !important;
}

.woocommerce-LoopProduct-link:visited,
.woocommerce-LoopProduct-Link:visited,
.wooconmerce-LoopProduct-link:visited,
.wooconmerce-LoopProduct-Link:visited,
.woocommerce-loop-product-link:visited,
.wooconnerce-loop-product_link:visited,
.wooconnerce-loop-product_Link:visited,
.woocommerce ul.products li.product a:visited {
    color: #000000 !important;
}


}

      .single__main__article p,
      .page__main__article p {
      padding: 0 1.5rem 2.5rem 1.25rem;
      line-height: 2.5rem;
   }





      .single__main {
         grid-column-start: 1;
         grid-column-end: 17;
         grid-row-start: 4;
         grid-row-end: 5;
      }



      .single__main__article p {
         padding: 0.5rem 2rem 0.5rem 1rem;
      }

     

      .page-home__main__article_img {
         position: relative;
         width: 30%;
      }

      .page-home__main__article_img a {
         font-family: 'Teko';
         transition: all 0.3s linear;
         transform: scale(1);
         text-decoration: none;
         color: var(--color-07);
      }



      /*.page-home__main__article_img a:hover {
       page-home__main__article
      }*/

      /*.page-home__main__article_img img {
         -webkit-filter: sepia(1) hue-rotate(120deg)  blur(2px);
         filter: sepia(1) hue-rotate(130deg) blur(2px);
      }*/

      .page-home__main__article_img a:hover img {
         -webkit-filter: none;
         filter: none;
      }

      .sidebar_right {
         display: block;
         grid-column-start: 17;
         grid-column-end: 21;
         grid-row-start: 4;
         grid-row-end: 5;
         background-color: var(--color-02b);
      }

      .sidebar_right img {
         padding: 1rem;
      }

      .sidebar_right p {
         padding-left: 1rem;
         color: var(--color-05);
      }

      .sidebar_bottom {
         display: none;
         grid-column-start: 1;
         grid-column-end: 21;
         grid-row-start: 5;
         grid-row-end: 6;
         background-color: red;
      }

      .single .sidebar_bottom {
         /* Neue Zeile */
         display: none;
      }

      .sidebar_page {
         display: block;
         grid-column-start: 17;
         grid-column-end: 21;
         grid-row-start: 4;
         grid-row-end: 5;

      }

      .sidebar_page a {
         font-size: 1.5rem;
         line-height: 2rem;
         padding-left: 1rem;
         text-decoration: none;
         color: var(--color-05);
      }

      .sidebar_page p {
         padding-left: 1rem;
         color: var(--color-05);
      }

      .sidebar_page img {
         padding: 1rem;
      }

      .sidebar_home {
         display: block;
         grid-column-start: 17;
         grid-column-end: 21;
         grid-row-start: 4;
         grid-row-end: 5;
         background-image: linear-gradient(45deg, var(--color-05), var(--color-02b));
      }

      .sidebar_home a {
         font-size: 1.5rem;
         line-height: 2rem;
         padding-left: 1rem;
         text-decoration: none;
         color: var(--color-05);
      }

      .sidebar_home p {
         padding-left: 1rem;
         color: var(--color-05);
      }

      .sidebar_home img {
         padding: 1rem;
      }
      .footer {
         position: relative;
         bottom: 1rem;
         left: 0;
         right: 0;
         width: 100%;
         grid-column-start: 1;
         grid-column-end: 21;
         grid-row-start: 5;
         grid-row-end: 6;
         flex-direction: column;
         justify-content: left;
         background-color: var(--color-07);
         margin: 0 0 0 0;
         padding: 0 0 0 0;
         min-height: 100px;
         z-index: 990;  
      }

      .index__main__article__content {
         padding: 0.5rem 2rem 4rem 1.5rem;
         min-width: 100%;
      }

      .post-link-wrapper.show {
         padding: 0.5rem 0.5rem 0.5rem 0.5rem;
         min-height: 33.71vh;
         margin: 0 auto; /* Zentriert das Element */
      }
      
      .error-404.not-found {
         padding: 1.9rem 0rem 32.5rem 5.8rem;
         z-index: 10;
      }
      .error-404__content {
            padding: 1rem 0 0 0;
      }

      .single-vollebreite__main {
         grid-column-start: 2;
         grid-column-end: 20;
         grid-row-start: 4;
         grid-row-end: 5;
         position: relative;
         min-height: 65.5vh;
         padding: 1rem 5rem 0 5rem;
         }

      /*Hier weiter mit dem Post
      .post-link-wrapper.show,
      .index__main__article.tab-border-v3 {
         padding: 0.5rem 0.5rem 5.65rem 0.5rem;
         min-height: 15.7rem;
         min-width: 100%;
      }*/
   }