/* Rajdhani */
@font-face {font-family:'Rajdhani';font-style:normal;font-weight:500;font-display:block;src:url(Rajdhani.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
/* Parisienne */
@font-face {font-family:'Parisienne';font-style:normal;font-weight:400;font-display:block;src:url(Parisienne.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
/* Indie Flower */
@font-face {font-family:'Indie Flower';font-style:normal;font-weight:400;font-display:block;src:url(IndieFlower.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
/* Great Vibes */
@font-face {font-family:'Great Vibes';font-style:normal;font-weight:400;font-display:block;src:url(GreatVibes.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
/* Walter Turncoat */
@font-face {font-family:'Walter Turncoat';font-style:normal;font-weight:400;font-display:block;src:url(WalterTurncoat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
/* Ribeye Marrow */
@font-face {font-family:'Ribeye Marrow';font-style:normal;font-weight:400;font-display:block;src:url(RibeyeMarrow.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
/*-------- BODY & HTML --------*/
header, nav, footer, hr, img { opacity:1!important; }
@keyframes fadein { from { opacity:0; } to { opacity:1; } }
body { display:flex; flex-flow:row wrap; max-width:90em; margin:auto; background-color:white; color:rgb(85,85,85); box-shadow:5px 5px 8px rgba(0,0,0,0.7); }
html { font-family:Rajdhani; cursor:crosshair; background-image:url(../layout/MmA_Back.webp); background-repeat:no-repeat; background-attachment:fixed; background-size: cover; background-position: center; scroll-padding-top:70px; scroll-behavior:smooth; }
main { font-size:1.35em; margin-bottom:0; padding:0 1em; hyphens:auto; min-height:60vh; box-sizing:border-box; animation:fadein 1000ms; }
@media all and (min-width:45em) { main { flex:45 1 0%; }}
main img { max-width: 100%; height: auto; }
main aside { font-size:1em; padding:0.2em; hyphens: none !important; }
aside { background-color:rgb(250,250,250); border:1px solid rgb(200,200,200); font-size:1.2em; padding:0.6em; margin:0; }
/*----TRENNLINIEN & AUSRICHTUNG----*/
.visually-hidden { position:absolute; left:-9999px; } 
hr { border:0; border-top:1px solid rgb(200,200,200); }
.center { text-align:center; }
.justify { text-align:justify; }
/*----BACK TO TOP BUTTON----*/
#myBtn { display:none; position:absolute; bottom:4px; left:5px; z-index:99; border:none; outline:none; background-color:rgb(250,250,250); color:rgb(51,51,51); cursor:pointer; padding:8px; border-radius:10px; font-size:14px; }
#myBtn:hover { background-color:#999; color:#fff; }
/*----LINKLISTEN AUFKLAPPBAR---*/
.aufklappen { background-color:white; padding:1px; width:100%; border:none; text-align:left; transition:0.4s; color:rgb(85,85,85); font-family:Rajdhani; text-shadow:1px 1px 1px rgba(250,250,250,1), 3px 3px 3px rgba(171,191,201,1); font-size:1.2em; margin:0.1em; }
.aufklappen:hover { font-weight:bold; cursor:pointer; }
.aufgeklappt { padding:1px; display:none; overflow:hidden; }
.aufgeklappt a { color:rgb(51,51,51); text-shadow:none; text-decoration:none; padding:1px; display:inline-block; }
.aufgeklappt a:hover { font-weight:bold; color:#477d9b; }
.aufklappen::after { content:" \25BC"; font-size:0.65em; vertical-align:0.1em; color:#477d9b; }
.aufklappen.active::after { content:" \25B2"; }
/*----SCHATTEN-BILDER----*/
.shadow { box-shadow:1px 1px 1px rgba(250,250,250,1), 4px 4px 7px rgba(0,0,0,1), -1px -1px 1px rgba(250,250,250,1), -2px -2px 2px rgba(0,0,0,0.3); height:auto; max-width:100%; }
/*-------- HEADER --------*/
header { font-size:0; border-left:1px solid rgb(102,102,102); border-right:1px solid rgb(102,102,102); }
header img { width:100%; height:auto; }
/*-------- HAUPTNAVI --------*/
nav { background:linear-gradient(180deg, rgb(85,85,85) 52%, rgb(51,51,51) 100%); border-bottom:1px solid rgb(102,102,102); border-top:1px solid rgb(102,102,102); width:100%; position:sticky; margin:0; padding:0.1em; left:0; top:0; text-align:center; font-size:1.1em; letter-spacing:0.3em; z-index:1; }
nav a { margin-right: 10px;  display: inline-block; white-space: nowrap; }
nav a.active { pointer-events:none; }
nav a:hover { background-color:transparent; text-shadow:2px 2px 4px rgba(0,0,0,1); }
nav a.nav-home:hover, nav a.nav-home.active { color:#75a5bf; }
nav a.nav-lyrix:hover, nav a.nav-lyrix.active { color:#a68e86; }
nav a.nav-fotos:hover, nav a.nav-fotos.active { color:#b1b1b1; }
nav a.nav-grafix:hover, nav a.nav-grafix.active { color:#c99da2; }
nav a.nav-ai:hover, nav a.nav-ai.active { color:#88a084; }
nav a.nav-3d:hover, nav a.nav-3d.active { color:#d1bccf; }
nav a.nav-shadowlands:hover, nav a.nav-shadowlands.active { color:#89949d; }
nav a.nav-magix:hover, nav a.nav-magix.active { color:#9c95a7; }
nav a.nav-avalon:hover, nav a.nav-avalon.active { color:#979d85; }
nav a.nav-tolkien:hover, nav a.nav-tolkien.active { color:#a39c8b; }
@media all and (min-width:45em) { nav { font-size: 1.4em; }}
/*---- ASIDENAVI ----*/
.scrollmenu { font-family:Verdana, Arial, Helvetica, sans-serif; font-variant:small-caps; font-size:0.8em; text-align:center; overflow:hidden;}
.scrollmenu a { color:rgb(85,85,85); text-shadow:none; text-decoration:none; margin:0; letter-spacing:-.01em;}
.scrollmenu a:hover { background-color:rgb(85,85,85); color:white; text-shadow:none;}
.scrollmenu a.active { pointer-events:none; font-weight:bold; }
@media all and (min-width:45em) { aside { flex:1 1 0%; font-size: 1.15em; position: sticky; top: 47px; align-self: flex-start; align-self: stretch; height: auto; } 
.scrollmenu a { display:block; padding: 0 4px; }
.scrollmenu { text-align:left; }}
.scrollmenu a.nav-home.active { color:#75a5bf; }
.scrollmenu a.nav-lyrix.active { color:#8e7168; } 
.scrollmenu a.nav-fotos.active { color:#525356; }
.scrollmenu a.nav-grafix.active { color:#957779; }
.scrollmenu a.nav-ai.active { color:#88a084; }
.scrollmenu a.nav-3d.active { color:#996996; }
.scrollmenu a.nav-shadowlands.active { color:#89949d; }
.scrollmenu a.nav-magix.active { color:#6b657f; }
.scrollmenu a.nav-avalon.active { color:#979d85; } 
.scrollmenu a.nav-tolkien.active { color:#867d6a; }
.scrollmenu a.nav-morgan.active { color:#6e775c; }
/*-------- FOOTER --------*/
footer { background:linear-gradient(180deg, rgb(51,51,51) 0%, rgb(85,85,85) 100%); border-bottom:2px solid rgb(102,102,102); border-top:1px solid rgb(102,102,102); color:rgb(250,250,250); width:100%; padding-top:0.3em; position:sticky; left:0; bottom:0; text-align:center; font-size:1.1em; letter-spacing:0.1em; }
.footer-navi a:hover { background-color:transparent!important; color:#75a5bf; }
.footer-navi a.active { color:#75a5bf; pointer-events:none; }
.footer-navi a:first-of-type.active { color:#c8cd95; }
.footer-navi a:first-of-type:hover { color:#c8cd95; } 
.footer-navi a.disabled:hover { font-weight:normal!important; }
/*----BOTTOM-NAVI----*/
.bottom-navi a { color: rgb(85,85,85); text-shadow: none; text-decoration: none; margin: 0; letter-spacing: -.01em; position: relative; padding: 2px 0; }
.bottom-navi a:hover:before { transform: scaleY(1); opacity: 1; }
.bottom-navi a:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transform: scaleY(2); transition: 500ms all; border-top: 1px solid rgb(200,200,200);  border-bottom: 1px solid rgb(200,200,200); box-sizing: border-box; }
/*----LINKS---*/
a { color:white; text-shadow:2px 2px 4px rgba(0,0,0,1); text-decoration:none; letter-spacing:0.05em; }
a:hover { background-color:transparent; color:rgb(85,85,85); text-shadow:none; }
a.active:hover { background:transparent!important; color:#8697b0; }
/*----BEREICHSFARBEN & SCHATTEN---*/
.schatten { text-shadow:1px 1px 1px rgba(250,250,250,1), 3px 3px 3px rgba(171,191,201,1); }
.schatten-morgan { text-shadow:1px 1px 1px rgba(250,250,250,1), 3px 3px 3px rgba(110,119,92,0.7); }
.schatten-lyrix { text-shadow:1px 1px 1px rgba(250,250,250,1), 3px 3px 3px rgba(180,160,154,1); }
.schatten-grafix { text-shadow:1px 1px 1px rgba(250,250,250,1), 3px 3px 3px rgba(205,181,183,1); }
.schatten-foto { text-shadow:1px 1px 1px rgba(250,250,250,1), 3px 3px 3px rgba(140,140,140,1); }
.schatten-daz { text-shadow:1px 1px 1px rgba(250,250,250,1), 3px 3px 3px rgba(138,129,161,1); }
.schatten-magix { text-shadow:1px 1px 1px rgba(250,250,250,1), 3px 3px 3px rgba(138,129,161,1); }
.schatten-tolkien { text-shadow:1px 1px 1px rgba(250,250,250,1), 3px 3px 3px rgba(157,158,120,1); }
.schatten-avalon {text-shadow: 1px 1px 1px rgba(250,250,250,1), 3px 3px 3px rgba(151,157,133,1); }
.schatten-shadowlands {text-shadow: 1px 1px 1px rgba(250,250,250,1),3px 3px 3px rgba(126,138,148,1); }
.home { color:#477d9b; }
.lyrix { color:#8e7168; }
.foto { color:#8c8c8c; }
.grafix { color:#957779; }
.ai { color:#88a084; }
.daz { color:#996996; }
.shadowlands { color:#89949d; }
.magix { color:#6b657f; }
.avalon { color:#979d85; }
.tolkien { color:#867d6a; }
.morgan { color:#6e775c; }
.morgan-zitat { color:#818840; }
.home-grey { color:#7e8a94; }
.home-alinks { color: #8697b0; #556883; } /* hover-aktiv
/*----SCHRIFTEN---*/
pwalter, .pwalter { font-family:'Walter Turncoat'; font-size:1em; letter-spacing:0.04em; }
p1indie, .p1indie { font-family:'Indie Flower'; font-size:1.1em; letter-spacing:0.01em; } /* Handschrift */
pvibes, .pvibes { font-family:'Great Vibes'; font-size:2em; letter-spacing:0.01em; } /* wird im mom nicht genutzt */
pribeye, .pribeye { font-family:'Ribeye Marrow'; font-size:1.4em; letter-spacing:0.04em; text-shadow:2px 2px 1px rgba(250,250,250,1), 2px 2px 4px rgba(0,0,0,0.8); } /* 3D-Texte */
pwalterb, .pwalterb { font-family:'Walter Turncoat'; font-size:1.1em; letter-spacing:0.04em; font-weight:bold; text-shadow:2px 2px 1px rgba(250,250,250,1), 2px 2px 4px rgba(0,0,0,0.8); } /* 3D-Texte */
/*----SCHRIFTEN-STYLES---*/
.titel { font-weight:bold; display:block; font-family:'Great Vibes'; font-size:2.3em; letter-spacing:0.05em; text-shadow:2px 2px 2px rgba(250,250,250,1), 3px 3px 6px rgba(0,0,0,0.8); margin-top:.5em; margin-bottom:0; } /* Seitentitel ehemals H5 */
.name { font-family:'Great Vibes'; font-size:1.5em; font-weight:bold; text-align:left; letter-spacing:0.04em; } /* Grafix - Erklärungen  ehemals p6*/
.copyright {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; letter-spacing:0.05em; font-variant:small-caps; margin-top: 10px; text-shadow:1px 1px 1px rgba(250,250,250,1), 3px 3px 3px rgba(0,0,0,0.5);} /* © ehemals p3 */
.welle{ font-weight:bold; display:block; font-family:'Ribeye Marrow'; font-size:1.6em; font-variant:small-caps; letter-spacing:0.04em; text-shadow:2px 2px 2px rgba(250,250,250,1), 3px 3px 5px rgba(0,0,0,0.8); margin-top:.2em; margin-bottom:0; text-align:center; animation:textwelle 3s; }
@keyframes textwelle { 0% { transform:scale(0.1); opacity:0; } 70% { transform:scale(1.25); opacity:1; } 100% { transform:scale(1); opacity:1; } }/* SEhemals H6 */
/*----ÜBERSCHRIFTEN---*/
h1, .h1 { font-family:'Times New Roman', Times, serif; font-size:1.7em; font-variant:small-caps; letter-spacing:0.2em; text-shadow:1px 1px 1px rgba(250,250,250,0.8), 2px 2px 5px rgba(0,0,0,0.7); margin-top:.2em; margin-bottom:0; } /* LS */
h2, .report { font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:.2em; font-variant:small-caps; font-size:0.9em; font-weight:bold; } /* AI? jetzt nur noch für repoert und so und eventuell bei gedichten!!!!*/
h3 { font-family:'Times New Roman', Times, serif; font-size:1.6em; font-variant:small-caps; text-shadow:2px 2px 2px rgba(250,250,250,1), 3px 3px 5px rgba(0,0,0,0.7); margin-top:.2em; margin-bottom:0; text-align:center; animation:textwelle 3s; } /* wird nicht genutzt! */
h9, .h9 {
-webkit-column-span: all;
column-span: all;
font-family:'times new roman';
font-size:1.7em;
font-variant:small-caps;
letter-spacing:0.15em;
font-weight: bold;
text-align:left;
text-shadow:1px 1px 1px rgba(0,0,0,0.5), 0.3em 0.3em 1.7px rgba(0,0,0,0.17);
margin-bottom:.4em;
margin-top:.4em;
}/* das ist das h4 aus mehrspaltig*/
/*----ABSÄTZE---*/
.p1 { font-family:'Walter Turncoat'; font-size:1.2em; letter-spacing:0.04em; font-variant:small-caps; } /* AI? */
.p2 { font-family:'Ribeye Marrow'; font-size:1.7em; font-variant:small-caps; letter-spacing:0.15em; font-weight:bold; text-align:left; text-shadow:2px 2px 2px rgba(250,250,250,1), 0.3em 0.3em 1.7px rgba(0,0,0,0.17); margin-bottom:-0.07em; } /* AI? */
/*----FOTOS----*/
.fotos { display:grid; grid-template-columns:repeat(auto-fill,minmax(12em,1fr)); margin:-0.5em; }
.fotos > section { margin:0.5em; }
/*----KUNTERBUND----*/
.little { display: grid; grid-template-columns: repeat(auto-fill, minmax(7em, 1fr)); gap: 0.6em; margin: -0.2em; grid-auto-flow: dense; }
.little > section { margin: 0; aspect-ratio: 3 / 4; }
.little > section.large { grid-column: span 2; grid-row: span 2; aspect-ratio: auto; }
@media screen and (max-width: 44.99em) {
 .little > section.large { grid-column: span 1; grid-row: span 1; aspect-ratio: 3 / 4; }}
/*----QUADIES zum testen----*/
.quadi { display: grid; grid-template-columns: repeat(auto-fill, minmax(8em, 1fr)); grid-auto-rows: 9em; gap: 0.6em; margin: -0.2em; }
.quadi > section { margin: 0; overflow: hidden;}
.quadi > section.large { grid-column: span 2; grid-row: span 2;}
/*----FÜR ALLE BILDER MIT LINK----*/
#Artikel .example-image-link { display:inline-block; overflow:hidden; vertical-align:middle; box-shadow:1px 1px 1px rgba(250,250,250,1), 2px 2px 4px rgba(0,0,0,1); }
#Artikel .example-image { display:block; max-width:100%; height:auto; transition:transform 0.4s ease, filter 0.9s ease; }
#Artikel .example-image-link:hover .example-image { transform:scale(1.05); filter:grayscale(100%); }
/*----GEDICHTE (FUNDSTÜCKE)----*/
.storybook { display:grid; grid-template-columns:repeat(auto-fill,minmax(20em,1fr)); margin:-0.4em; }
.storybook > section { padding:0.7em 1em; margin:0.5em; border:1px solid #ccc; box-shadow:1px 1px 1px rgba(250,250,250,1), 2px 2px 4px rgba(0,0,0,1); border-radius:1em; }
.storybookbild { margin:-0.2em; max-width:100%; }
.storybookbild > section { padding:0 0.2em; border:1px solid #ccc; box-shadow:1px 1px 1px rgba(250,250,250,1), 2px 2px 4px rgba(0,0,0,1); border-radius:1em; }
.storybook img { height:auto; box-shadow:1px 1px 1px rgba(250,250,250,1), 2px 2px 4px rgba(0,0,0,1); border-radius:0.5em; max-width:100% !important; }
@media screen and (max-width: 30em) {
.storybook { grid-template-columns: 100% !important; margin: 0; }
.storybook > section { margin: 0.5em 0; } }

/*----MEHR (TEXTE)----*/
.mehrspaltig { columns: 3 20em; -webkit-hyphens: auto; hyphens: auto;}
/*----LEXIDARIUM----*/
.dict-container { width:100%; margin:20px 0; font-family:inherit; }
.dict-search-box { position:relative; width:100%; }
.dict-search-box input { width:100%; padding:10px; padding-right:35px; margin-bottom:15px; border:1px solid #7e8a94; background-color:rgba(250,250,250,0.9); color:#333; border-radius:4px; box-sizing:border-box; }
.dict-search-box input:focus { outline:none; } /* Entfernt den fetten schwarzen Rahmen */
.dict-table { width:100%; border-collapse:collapse; margin-top:10px; background-color:rgba(250,250,250,0.5); }
.dict-table th { background-color:#7e8a94; color:white; text-align:left; padding:12px; font-weight:bold; text-shadow:1px 1px 2px rgba(0,0,0,0.3); }
.dict-table td { padding:10px 12px; border-bottom:1px solid rgba(126,138,148,0.3); color:#333; }
.dict-table tr:hover { background-color:rgba(138,129,161,0.1); }
.word-type { display:inline-block; padding:2px 6px; border-radius:3px; font-size:0.85em; }
.type-substantiv { background-color:rgba(126,138,148,0.2); color:#444; }
.type-verb { background-color:rgba(138,129,161,0.2); color:#444; }
#clearSearchBtn { position:absolute; right:12px; top:50%; transform:translateY(-50%); background:none; border:none; font-size:22px; cursor:pointer; color:#7e8a94; padding:0; line-height:1; }
#clearSearchBtn:hover { color:#a82e2e; } /* Färbt das X beim Drüberfahren dezent rot */





/*hintergrundverlauf, testweise bei storie blicke*/
.abschnitt-lyrix { background: rgb(250, 250, 250); }



/* Container, der Bild und Text zusammenhält */
.story-container { display: flex; flex-direction: column; /* Standard fürs Handy: Alles untereinander */ gap: 2em; width: 100%; }
/* Die Bildbox links */
.story-bildbox { width: 100%; }
.story-bildbox img { width: 100%; height: auto; display: block; }
/* Die Textbox rechts */
.story-textbox { width: 100%; }
/* ---- AB PC-GRÖSSE (45em) ---- */
@media all and (min-width: 45em) {
.story-container { flex-direction: row; /* Schaltet am PC auf Nebeneinander um */ align-items: flex-start; }
.story-bildbox {flex: 1 1 40%; /* Bild nimmt 40% der Breite ein */ position: sticky; top: 47px; /* Bleibt unter deiner fixierten Hauptnavi (70px + Puffer) stehen */ }
.story-textbox { flex: 1 1 60%; /* Text nimmt 60% der Breite ein */ }}




/* Die Grundbox für jeden Textabschnitt */
.story-card { background-color: rgb(250, 250, 250); border: 1px solid rgb(220, 220, 220); padding: 1.5em; margin-bottom: 1em; box-shadow: 3px 3px 5px rgba(85,85,85,0.5); }
/* Jeder UNGERADE Block (1, 3, 5...) bekommt einen linken Farbrand */
.story-card:nth-child(odd) { border-left: 5px solid #8e7168; /* Deine Bereichsfarbe (z.B. Lyrix) */ }
/* Jeder GERADE Block (2, 4, 6...) bekommt einen rechten Farbrand */
.story-card:nth-child(even) { border-right: 5px solid #8e7168; }
/* ---- AB PC-GRÖSSE (45em) ---- */
@media all and (min-width: 45em) {
/* Zwingt die ungeraden Boxen, am PC leicht nach links zu rücken */
.story-card:nth-child(odd) { margin-right: 3em; margin-left: 0; }
 /* Zwingt die geraden Boxen, am PC leicht nach rechts zu rücken */
.story-card:nth-child(even) { margin-left: 3em; margin-right: 0; text-align: right; /* Optional: Text in geraden Boxen rechtsbündig für noch mehr Asymmetrie */ } }




.masonryholder { 
  column-count: 6; 
  column-gap: 15px; 
  max-width: 1600px; 
  margin: 5px auto; 
}
.masonryblocks { 
  display: inline-block; 
  background: #ffffff; 
  padding: 5px; 
  margin: 0 0 15px 0; /* GEÄNDERT: Abstand NUR nach unten, nicht zur Seite! */
  width: 100%; 
  box-sizing: border-box; 
}
.masonryblocks img { 
  width: 100%; 
}
/* 1 Spalte auf dem Handy */
@media screen and (max-width: 768px) {
  .masonryholder { column-count: 1; } 
}
/* 2 Spalten auf großen Handys / kleinen Tablets */
@media screen and (min-width: 769px) {
  .masonryholder { column-count: 2; } 
}
/* 3 Spalten auf Tablets */
@media screen and (min-width: 900px) {
  .masonryholder { column-count: 3; } 
}
/* 4 Spalten auf kleinen Laptops */
@media screen and (min-width: 1080px) {
  .masonryholder { column-count: 4; } 
}
/* 5 Spalten auf normalen Bildschirmen */
@media screen and (min-width: 1280px) {
  .masonryholder { column-count: 5; } 
}
/* 6 Spalten auf großen Bildschirmen */
@media screen and (min-width: 1440px) {
  .masonryholder { column-count: 6; } 
}