/*
Theme Name: SM
Author: Steve Morgen
Version: 1.0.0
Text Domain: SM
*/

*,
*::before,
*::after{box-sizing:border-box}
html,body{height:100%}
body{margin:0; font: 300 18px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; color:#c2c6ca; background:#000}
a{color:inherit;text-decoration:none !important}
#wpadminbar {background-color:  #1C2327A2 !important}
::selection{background:#D1D9DF;color:#000;}
strong, b {font-weight: 600;}
ol.wp-block-list li::marker{font-weight:600}

.sm-pn{display:flex;align-items:center; margin:10px auto;}
.sm-pn-prev{text-align:left; }
.sm-pn-next{margin-left:auto;text-align:right}
.sm-pn-prev, .sm-pn-next {border:2px solid #748790; border-radius:20px;padding: 0 8px;}
.sm-pn-prev:hover, .sm-pn-next:hover {border:2px solid #283135}

/* Color START */
.XX-Orange{color: #eb3e00}
.XX-Orange:hover{color: #ba3100}
.XX-Dark.Menu.Grey{color: #191C20}
.XX-Hover.Menu.Grey{color: #283135}
.XX-Active.Menu.Grey {color:#748790}
.XX-Border.Line{color: #00000022}
.XX-White.Font.Color{color: #D1D9DF}
.XX-White.Font.Color.hover{color: #b5b9bd}
.XX-Petrol {color:#007E7E}
/* Color END */
a,a *{
user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
}
article.cat h2 {margin-top:-80px;}
#page-3 h2 {display:none;}
/* Breadcrumb START */
.bc li,.bc a{white-space:nowrap}
.bc{position:fixed;z-index:10;pointer-events:auto}
.bc{background:#D1D9DF;color:#191C20;border-radius:20px;position:fixed;top:20px;left:15px;padding:0}
.bc ul{list-style:none;margin:0;padding:0;display:flex}
.bc li{position:relative}
.bc li+li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:#0003}
.bc a{display:block;padding:10px 16px;text-decoration:none}
.bc a:hover{text-decoration:underline}
.bc,.bc *{pointer-events:auto}
.bc li:first-child:hover {background:#b5b9bd; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.bc li:nth-child(2):hover {background:#b5b9bd; }
.bc li:nth-child(3):hover {background:#b5b9bd; }
.bc li:nth-child(4):hover {background:#b5b9bd; }
.bc li:last-child:hover {background:#b5b9bd;  border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
/* Breadcrumb ENDE */

/* CONTENT START */
.category-news time{text-align: center; display:block;margin-top:-26px; font-weight:500; color:#748790}
.category .around,
.archive .around,
.tag .around{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cat{position:relative}
.cat .postlink{position:absolute;inset:0;z-index:1;}

body.category article h2 {padding-bottom:15px; 
    
}


.around .wp-category-image {margin-bottom: -150px; }
img.wp-category-image{border-top-left-radius :50px; border-top-right-radius:50px;}
.cat>*{position:relative;}
.cat a:not(.postlink){position:relative;z-index:11}
.cat{transition:filter .2s}
.cat:hover{filter:brightness(1.15)}
.wp-block-embed__wrapper{aspect-ratio:16/9}
.wp-block-embed iframe{width:100%;height:100%}
.around {width:100%;  margin:100px auto; padding: 0px 5%  80px 5%;}


.bc{transition:opacity .2s,transform .2s}
.bc-hide{opacity:0;transform:translateY(-10px);pointer-events:none}


/* ANIMATED BORDER START */
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg;}
article p a{position:relative;display:inline-block;padding:4px 8px;border-radius:999px; }
article p a:before{
content:"";
position:absolute;
inset:3px  0px;
border-radius:inherit;
padding:2px;margin:0 0px;
pointer-events:none;
--a:0deg;
background:conic-gradient(from var(--a),#feda75 0%,#fa7e1e 18%,#d62976 38%,#962fbf 62%,#4f5bd5 82%,#feda75 100%);
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
animation:spin 6s linear infinite;
}
/* ORB BORDER START */
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg;}
article p a:after{
content:"";
position:absolute;
width:15px;height:15px;
border-radius:50%;
--a:0deg;
background:conic-gradient(from var(--a),
#feda75 0%,#fa7e1e 18%,#d62976 38%,#962fbf 62%,#4f5bd5 82%,#feda75 100%);
filter:blur(15px);
opacity:.9;
pointer-events:none;
offset-path:inset(1px 15px round 999px);
offset-rotate:0deg;
animation:orbit 20s linear infinite,spin 6s linear infinite;
}
@keyframes orbit{to{offset-distance:100%}}
@keyframes spin{to{--a:360deg}}
@keyframes spin{to{--a:360deg}}
/* ANIMATED BORDER END */



article p a:hover {filter:brightness(1.15)}
article h1 {text-align: center;}

h1, h2 {text-align: center}
h1 {font-size:300%;}
h2{font-size:250%;}
h3{font-size:200%;margin:0 auto 10px auto}
h4 {font-size:150%; margin:0 auto 5px auto}
.category .around>h1,
.category .around>.term-desc,
.archive .around>h1,
.archive .around>.term-desc,
.tag .around>h1,
.tag .around>.term-desc{grid-column:1/-1}
h1, h2, h3, h4 {overflow-wrap:break-word;word-break:break-word;hyphens:auto; line-height:1;}
.wp-block-table td{border: 0px solid black !important;}
/* CONTENT ENDE */

/* FORM INPUT ACTION START */
.sm-upload{display:flex;flex-wrap:wrap; justify-content:center;align-items:center; margin:60px auto 40px auto;color:#D1D9DF;}
input[type=file]{padding:12px 16px;border-radius:20px;display:flex;font:inherit;cursor:pointer}
input[type=file]::-webkit-file-upload-button{border:2px solid #eb3e00;border-radius:20px;padding:8px 16px;color:#D1D9DF;background: #191C20;font:inherit; cursor:pointer; }
input[type=file]::file-selector-button:hover{background:#748790; color:#fff}
input[type=file]::-webkit-file-upload-button:hover{background:#748790; color:#fff}
button{border:2px solid #eb3e00; border-radius:20px; padding:10px 22px; background: #191C20; font:inherit;color:#D1D9DF; cursor:pointer}
button:hover{background:#748790;}
/* FORM INPUT ACTION END */

/* IMAGE START */

img.attachment-large.size-large.wp-post-image {width:100%;}
img{width:100%;height:350px;object-fit:cover;object-position:center 30%;display:block; margin:auto;}

.post-24 .sm-thumb img, .post-15 .sm-thumb img, .post-14 .sm-thumb img, .post-18 .sm-thumb img  {object-fit:contain !important;}





.category-3 article img {object-fit:contain;}

.category .around>img.wp-category-image{grid-column:1/-1;justify-self:center}

.single article img,.page article img{height:auto;max-height:500px;object-fit:cover}
.bc li a img{height:30px;width:auto;vertical-align:middle}
.icloud-grid img{width:90% ; height:auto !important; border-radius:10px; }
.icloud-grid video{width:90% ; height:auto !important; background:grey; margin:auto;  border-radius:10px;}
.icloud-grid{grid-template-columns:repeat(2,1fr)}
@media(max-width:1000px){
.icloud-grid{grid-template-columns:1fr}}
.cat .wp-post-image{-webkit-mask-image:linear-gradient(to top,transparent 0%,#000 30%,#000 100%);
mask-image:linear-gradient(to top,transparent 0%,#000 30%,#000 100%);}
/* IMAGE ENDE */

/* MENU  */
.top{z-index:2;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.top{position:fixed;top:0;left:0;right:0;height:0;z-index:40;pointer-events:none}

.burger{width:50px;height:50px;border:1px solid #00000022;border-radius:50%;cursor:pointer;pointer-events:auto;display:grid;place-items:center;font:700 28px/1 monospace;background:#D1D9DF;color:#000;position:fixed;right:10px;top:20px;z-index:50;pointer-events:auto}
.burger:hover{background:#b5b9bd;}
.overlay{display:none;position:fixed;inset:0;z-index:0}
.overlay{position:fixed;inset:0;z-index:20;pointer-events:auto}
#m:checked~.overlay{display:block}
#m:checked+.overlay+.top .burger{border:4px solid #007E7E}
.nav{display:none;position:fixed;top:0;right:0;z-index:1;min-width:200px;padding:18px 10px 10px 10px ;border:1px solid #0002;border-radius:0 0 0 15px;background:#191C20;max-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;}
.nav{position:fixed;top:0;right:0;z-index:30;pointer-events:auto;}
.nav::-webkit-scrollbar{width:0;height:0}
.nav::after{
content:"스티브 모르겐이 작성";
color:#283135;
 float:right; margin-right:0; transform:translateX(-20%);
}
#m:checked~.nav{display:block}
.menu,.sub{list-style:none;margin:0;padding:0}
.menu a,.menu details>summary{display:block;padding:10px 10px 10px 34px;text-decoration:none;border-radius:20px}
.menu li {margin:5px 0;}
.menu li:hover,.menu li.current-menu-item{background:#293135;border-radius:20px}
.menu li:hover>a,.menu li:hover>details>summary,.menu li.current-menu-item>a,.menu li.current-menu-item>details>summary{color:Turquoise}
.menu li.has>details{position:relative}
.menu li.has>details::before{
content:""; position:absolute; left:50%; bottom:-3px; transform:translateX(-50%); width:80%; border-bottom:1.5px solid #202629; pointer-events:none}
.sub{transform:translateY(-6px);transition:transform .2s ease}
details,details>summary{position:relative}
details ul:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;-top:1.5px solid #191C20}
details>summary{list-style:none;cursor:pointer;user-select:none}
details>summary::-webkit-details-marker{display:none}
details>summary:before{content:"﹀";position:absolute;left:0;top:12px;bottom:0;width:34px;display:grid;place-items:center;font:700 15px/1 monospace;color:color(display-p3 0.47 0.528 0.564)}
details[open]>summary:before{content:"︿"; top:-5px;}
details[open]>.sub{transform:translateY(0)}
.sub li a{margin-left:10px}
.nav ul.sub>li:last-child{margin-bottom:15px}
details>summary .go{float:right;padding:0 10px;color:color(display-p3 0.47 0.528 0.564);text-decoration:none}
details>summary .go:hover{color:DarkTurquoise;text-decoration:none}
#m67{display:flex;align-items:center;--a:0deg;--in:#191C20;border:2px solid transparent;border-radius:20px;background:linear-gradient(var(--in),var(--in)) padding-box,conic-gradient(from var(--a),#feda75 0%,#fa7e1e 18%,#d62976 38%,#962fbf 62%,#4f5bd5 82%,#feda75 100%) border-box;animation:spin 6s linear infinite}
#m67:hover{--in:#293135}
#m67>a{display:flex;align-items:center;width:100%}

@keyframes ring{0%{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}100%{transform:rotate(0)}}
#m67>a::after{content:"\f0f3";font-family:FontAwesome;margin-left:auto;margin-right:10px;--a:0deg;background:conic-gradient(from var(--a),#feda75 0%,#fa7e1e 18%,#d62976 38%,#962fbf 62%,#4f5bd5 82%,#feda75 100%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:ring 1s ease-in-out 1,spin 6s linear infinite;transform-origin:20% 0}
#m67:hover{animation:spin 6s linear infinite}
#m67.current-menu-item{animation:none}
#m67.current-menu-item>a::after{animation:ring 1s ease-in-out 1}













/* MENU END */

/* FOOTER START */
.footeraround {width:80%; margin:auto   ; padding: 0px 20px  40px 20px;}
#footer .sitemapCols .col h4 a[href*="/category/uncategorized"]{display:none}
#footer .sitemapCols .col:has(h4 a[href*="/category/uncategorized"]){display:none}
#footer .sitemapCols .col h4 a[href*="/category/media"]{display:none}
#footer .sitemapCols .col:has(h4 a[href*="/category/media"]){display:none}
#footer {text-align:center; font-weight:200;font-size:75%; color:#7f888e}
#footer .sitemapCols{display:grid;gap:16px;grid-template-columns:repeat(5,minmax(0,1fr)); margin-bottom:40px;}
#footer .sitemapCols .col{display:flex;flex-direction:column;gap:6px;}
#footer .sitemapCols strong{display:block;font-weight:600;margin:0 0 2px; font-size:120%;}
#footer #cc {color: rgba(0, 0, 0, 0); }
#footer .sitemapCols a{text-decoration:none;}
#footer .sitemapCols a.more{opacity:.75;font-style:italic;}
#smsidebar-1{display:flex;gap:20px; font-size:200%; }
#smsidebar-1 .widget:hover {color:#b5b9bd}
#smsidebar-1>.widget{flex:1}

#smsidebar-2{font-size:50%; width:50%; margin:60px auto;}

input.tnp-email{text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px;}
input.tnp-email[placeholder=""]{placeholder:"E-Mail-Adresse eingeben" !important; color: #191C20 !important}
input.tnp-submit {background: #191C20 !important; cursor:pointer !important; border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important; color: #283135; }
.tnp-email::placeholder{content:"asdas"; color:#6b7076!important}
input.tnp-submit:hover {background: #283135 !important}
#legal {margin-top:30px;}
input.tnp-email::before {content:"asdas" !important;}
.tnp-field-gender {display:none;}

/* Color START */
.XX-Orange{color: #eb3e00}
.XX-Orange:hover{color: #ba3100}
.XX-Dark.Menu.Grey{color: #191C20}
.XX-Hover.Menu.Grey{color: #283135}
.XX-Active.Menu.Grey {color:#748790}
.XX-Border.Line{color: #00000022}
.XX-White.Font.Color{color: #D1D9DF}
.XX-White.Font.Color.hover{color: #b5b9bd}
.XX-Petrol {color:#007E7E}
/* Color END */






/* FOOTER END */

/* WEBSITE RESPONSIVE HACKS START */
@media(max-width:1000px){#smsidebar-2 {width:100% !important; margin:40px 0 50px 0 !important;}
.category .around,.archive .around,.tag .around {grid-template-columns:1fr}
figure.wp-block-gallery.has-nested-images{justify-content:center}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){width:100%!important;margin:0 auto!important;}
.wp-block-gallery.has-nested-images figure.wp-block-image img{
width:100%!important;height:auto}}
.wp-block-gallery{margin:40px auto;}
.wp-block-gallery figure img{border-radius:20px;}
.wp-block-gallery figure img:hover {cursor: pointer;filter:brightness(1.15) }
@media(max-width:1000px) {#footer .sitemapCols{grid-template-columns:repeat(3,minmax(0,1fr));}
                  
}

@media(min-width:1000px){.around {width:100%;padding: 0px 15%  50px 15%;}}
/* WEBSITE RESPONSIVE HACKS END */
/* H1 SHINER Start */

body.page-id-70 h1{
color:#000;
position:relative;
z-index:2;
animation:sm-textfade .8s ease-out 3.2s forwards;
}
body.page-id-70 h1::before{
content:"";
position:absolute;
inset:0px;
background:linear-gradient(60deg,transparent 40%,rgba(255,255,255,.6) 50%,transparent 60%);
filter:blur(40px);
z-index:-1;
animation:sm-glowbg 3.2s ease-out 1;
}
@keyframes sm-textfade{
to{color:#b5b9bd}
}

@keyframes sm-glowbg{
0%{transform:translateX(-200px);opacity:0}
35%{opacity:1}
100%{transform:translateX(200px);opacity:0}
}
body.page-id-70 h1::before{opacity:0}
body.page-id-70 h1.glow::before{opacity:1;animation:sm-glowbg 3.2s ease-out 1}
body.page-id-70 h1{
color:#000;
position:relative;
z-index:2;
animation:sm-textfade .8s ease-out 3.2s forwards,sm-hide .4s ease-out 7s forwards;
}

@keyframes sm-hide{
to{opacity:0;height:0;margin:0;padding:0}
}body.page-id-70 article p{
opacity:0;
animation:sm-articlein .6s ease-out 8.2s forwards;
}

@keyframes sm-articlein{
from{opacity:0}
to{opacity:1}
}
body.page-id-70 article>h1,
body.page-id-70 article>h1::before{pointer-events:none}

/* H1 SHINER END */


/* FRONT PAGE LOGOS */
.frontpagelogo{margin:0px auto 60px auto;}
.frontpagelogo .logos{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.frontpagelogo .logos a{position:relative;flex:0 0 100%;max-width:520px;display:flex;justify-content:center;align-items:center}
.frontpagelogo .logos img{width:100%;height:auto;display:block;transition:filter .2s ease}
.frontpagelogo .logos a::after{content:"";position:absolute;inset:35px;background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4);filter:blur(32px);opacity:0;z-index:-1;border-radius:50%;transform-origin:center}
.frontpagelogo .logos a:hover::after{opacity:.7;animation:glowspin 6s linear infinite,glowpulse 2.5s ease-in-out infinite}
.frontpagelogo .logos a:hover img{filter:brightness(1.15)}
@keyframes glowspin{to{transform:rotate(360deg)}}
@keyframes glowpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@media (min-width:400px){
.frontpagelogo .logos a{flex-basis:calc(50% - 8px);max-width:480px}
}
@media (min-width:1200px){
.frontpagelogo .logos a{flex-basis:calc(25% - 12px);max-width:360px}
}

}


/* DARK MODE SWITCHER */
.menu-item.switch a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
/* DARK MODE SWITCHER */