/* LOVEBIRD

*/ :root { --sowulo-mainpic: url(https://abload.de/img/4cb142d96319d9822189c7zcxq.png); --sowulo-main: #F8F8F8; --sowulo-secondary: #FCFCFC; --sowulo-tertiary: #EFEFEF; --sowulo-border: #D3D3D3; --sowulo-border2: #DBD8D8; --sowulo-line: #E0E0E0; --sowulo-imgborder: #B9B8B8; --sowulo-galleryborder: #BABABA; --sowulo-title: #566E83; --sowulo-text: #383838; --sowulo-quote: #7090A2; } /*

----- BODY & HEAD -----
*/ .sowulo { width: 550px; height: auto; background: var(--sowulo-main); box-sizing: border-box; margin: auto; overflow: hidden; font-size: 13px; font-family: 'Nunito', sans-serif; color: var(--sowulo-text);} /*

*/ .sowulo-lovebird { height: 75px; background: var(--sowulo-secondary); border-bottom: 1px solid var(--sowulo-border); font-family: 'Dancing Script', cursive; font-size: 39px; display: flex; align-items: center; justify-content: center; color: var(--sowulo-title);} /*
*/ .sowulo-lovebird::before { content: 'Lovebird';} /*
*/ .sowulo-lovebird img { height: 32px;} /*

----- MAIN -----

*/ .sowulo-main { background: var(--sowulo-mainpic); width: 500px; height: 350px; background-size: cover; background-position: center; border-radius: 5px; margin: auto; border: 1px solid var(--sowulo-imgborder); box-sizing: border-box; margin-top: 25px; font-size: 13px; font-family: 'Nunito', sans-serif; position: relative; overflow: hidden;} /*

*/ .sowulo-row { width: 100%; height: 180px; margin-top: -33px; display: flex; } /*
*/ .sowulo-row.in { margin-top: 0; height: 48px; align-items: center; padding-left: 20px; width: 287px;} /*
*/ .sowulo-box { box-sizing: border-box; width: 307px; height: 180px; background: var(--sowulo-secondary); border: 1px solid var(--sowulo-border2); border-radius: 5px; margin-left: 38px; z-index: 3;} /*
*/ .sowulo-box.two { width: 156px; margin-left: 11px;} /*

*/ .sowulo-name, .sowulo-age { font-family: 'Arial', sans-serif; text-transform: uppercase; font-weight: bold; color: var(--sowulo-title); font-size: 20px; padding-top: 5px;} /*
*/ .sowulo-age { font-family: 'Nunito', sans-serif; font-weight: normal; font-size: 17px; padding-left: 10px; } /*

*/ .sowulo-row.in::after { content: ''; width: 267px; height: 1px; position: absolute; background: var(--sowulo-line); margin-top: 45px;} /*
*/ .sowulo-mini { width: 50%; height: 130px; overflow: hidden; position: relative; } /*
*/ .sowulo-mini.two { height: 72px; } /*
*/ .sowulo-line { width: 100%; font-family: 'Nunito', sans-serif; font-weight: 300; font-size: 14px; margin-bottom: 20px; display: flex; margin-top: 14px;} /*
*/ .sowulo-line.two { width: 156px; height: 90px; margin-top: 7px; margin-bottom: 9px;} /*
*/ .sowulo-line.three { display: flex; height: 72px; margin-top: 0px; margin-bottom: 0px;} /*

*/ .sowulo-icon { width: 50px; display: flex; justify-content: center; margin-right: 22px;} /*
*/ .sowulo-icon img { width: 18px; height: 18px;} /*
*/ .sowulo-quote { font-size: 12px; color: var(--sowulo-quote); width: 100px; position: absolute; right: 5px; top: 45px; z-index: 3; font-style: italic; text-align: left; } /*
*/ .sowulo-search { background: url(https://abload.de/img/magnifiertjezu.png); width: 116px; height: 116px; background-size: cover; transform: rotate(-5deg); position: absolute; bottom: -5px; right: -10px; opacity: 5%;} /*

*/ .sowulo-line.two img, .sowulo-mini.two img { width: 130px; height: 80px; object-fit: cover; margin: auto; border: 1px solid var(--sowulo-galleryborder); border-radius: 3px;} /*
*/ .sowulo-mini.two img { width: 60px; height: 60px; margin-left: 11px;} /*
*/ .sowulo-mini.two.tvo img { margin-left: 4px;} /*
*/ .sowulo-mini.two.tvo::after { content: '+'; position: absolute; left: 5px; top: 1px; bottom: 0; right: 0; width: 60px; height: 60px; background: rgba(144, 144, 144, 57%); border-radius: 3px; display: flex; align-items: center; justify-content: center; font-size: 50px; font-family: 'Arial', sans-serif; font-weight: bold; color: #171616;} /*

*/ .sowulo-box.large { width: 474px; height: 250px; margin-top: 13px; z-index: 3; position: relative;} /*

*/ .sowulo-row.in.bio { width: 454px; display: flex; padding: 0px; justify-content: flex-end; } /*
*/ .sowulo-name { text-align: right;} /*
*/ .sowulo-row.in.bio::after { width: 434px;} /*
*/ .sowulo-scroll { height: 145px; overflow: auto; padding: 20px; text-align: justify; line-height: 20px;} /*

*/ .sowulo-grey { height: 210px; width: 550px; background: var(--sowulo-tertiary); position: absolute; z-index: 1; top: 60px; } /*
*/ .sowulo-gray { height: 209px; width: 550px; background: rgba(198, 198, 198, 26%); position: absolute; z-index: 1;} /*

*/ .sowulo-upper { padding-bottom: 40px; border-bottom: 13px solid rgb(198, 198, 198, 37%);} /*

*/ .sowulo-middle { height: 455px; width: 100%;  background: url(https://abload.de/img/tom-holland-cover-gq-5yiru.png); background-size: 1200px; background-position: -190px center;} /*

*/ .sowulo-row.middle { align-items: center; justify-content: center; margin-top: 0; height: auto;} /*
*/ .sowulo-row.middle.two { align-items: flex-start; height: auto;} /*
*/ .sowulo-match { font-family: 'Sue Ellen Francisco', cursive; font-size: 70px; color: #FFFFFF; opacity: 56%; text-align: center; padding: 10px 0px; } /*
*/ .sowulo-sub { font-family: 'Nunito', sans-serif; font-size: 13px; font-weight: 700; margin-top: -5px;} /*

*/ .sowulo-pic img { width: 130px; height: 130px; border-radius: 50%; object-fit: cover; border: 2px solid var(--sowulo-main); margin-right: 20px; margin-top: 25px;} /*

*/ .sowulo-buttons { width: 347px; height: 49px; border-radius: 50px; border: 1px solid #5C5E71; margin: auto; background: linear-gradient(to left, #D8DCEB, #93A9D3); display: flex; align-items: center; justify-content: center; text-transform: uppercase; color: #637EA8; font-weight: 700; margin-top: 25px;}  /*
 
*/ .sowulo-buttons.two { background: transparent; border: 1px solid #5C5E71; margin-top: 10px;} /*

*/ .sowulo-chat { width: 510px; height: 515px; margin: auto; background: var(--sowulo-secondary); z-index: 2; position: relative; border: 1px solid var(--sowulo-border2); border-radius: 5px; margin-top: 20px;} /*

*/ .sowulo-row.chat { margin-top: 30px; height: auto; align-items: center; justify-content: flex-end;} /*
*/ .sowulo-row.chat.l { justify-content: flex-start; margin-top: 0px;} /*
*/ .sowulo-row.chat.m { margin-top: 0px; align-items: flex-start;} /*
*/ .sowulo-message { width: auto; height: 38px; background: #F0F0F0; padding: 10px 20px; border-radius: 10px; font-weight: 700; color: #7B94A7; position: relative; box-sizing: border-box; margin-right: 30px;} /*
*/ .sowulo-message.l { margin-left: 10px;} /*
*/ .sowulo-message.m { width: 270px; height: 282px; margin-top: 10px; padding: 10px 0px 10px 10px; font-weight: normal; color: var(--sowulo-text);} /*
*/ .sowulo-message::after { content: ''; position: absolute; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 15px solid #F0F0F0; right: -15px; top: 12px;} /*
*/ .sowulo-message.l::after {width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 15px solid #F0F0F0; left: -14px; border-left: 0px; top: 12px;} /*
*/ .sowulo-micon img { width: 50px; height: 50px; object-fit: cover; border-radius: 50%; border: 1px solid #7291AC; margin-right: 20px;} /*
*/ .sowulo-micon.l { margin-left: 20px;} /*
*/ .sowulo-scroll.m { padding: 0px 20px 0px 10px; width: 230px; height: 260px; } /*

*/ .sowulo-row.chat.end { margin-top: 32px; background: linear-gradient(to right, #D8DCEB, #93A9D3); height: 57px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; justify-content: center;} /*

*/ .sowulo-upload, .sowulo-field { background: rgba(255,255,255,19%); width: 35px; height: 35px; border-radius: 50%; border: 1px solid rgba(30, 40, 96, 26%); display: flex; align-items: center; justify-content: center; margin-right: 20px;} /*
*/ .sowulo-upload img { width: 16px; height: 16px; object-fit: cover; opacity: 50%;} /*
*/ .sowulo-field { width: 284px; height: 36px; box-sizing: border-box; padding: 10px; border-radius: 50px; justify-content: flex-start; font-style: italic; margin-left: 0px; color: rgba(0,0,0,50%);} /*

*/ .sowulo-end { width: 550px; height: 285px; background: var(--sowulo-secondary); border-top: 1px solid var(--sowulo-border2); margin-top: 35px; display: flex; position: relative;} /*

*/ .sowulo-mini.end { height: 100%;} /*
*/ .sowulo-mini.end.p::after { content: ''; position: absolute; width: 315px; height: 315px; background: url(https://abload.de/img/bird-3p5f4h.png); background-size: cover; left: -90px; margin-top: 30px;transform: rotate(-25deg); opacity: 10%;} /*
*/ .sowulo-message.m.e { width: 227px; height: 240px; top: 13px; z-index: 1; } /*
*/ .sowulo-message.m.e::after { border: 0;} /*
*/ .sowulo-arrow { content: ''; position: absolute; border: 0;  width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-right: 132px solid #F0F0F0; left: 175px; top: 80px; transform: rotate(151deg) scaleX(-1);} /*
*/ .sowulo-scroll.e { width: 185px; height: 220px; } /*

*/ .sowulo-scroll::-webkit-scrollbar { width: 3px; border-radius: 10px; } /*
*/ .sowulo-scroll::-webkit-scrollbar-track { background: transparent; } /*
*/ .sowulo-scroll::-webkit-scrollbar-thumb { background: rgba(0,0,0,10%); } /*

*/ .sowulo-scroll b, .sowulo-scroll i { color: var(--sowulo-text); } /*


/* INSTAGRAM */

/*
----- FARBEN + BILDER -----
*/ :root { --insta-iconhead: url(https://abload.de/img/ian37ncbj.jpeg); --insta-mainimg: url(https://abload.de/img/iankopietxi24.jpeg); --insta-pic1: url(https://abload.de/img/ian57acp4.jpeg); --insta-pic2: url(https://abload.de/img/ian13ddf9.jpeg); --insta-pic3: url(https://abload.de/img/bildschirmfoto2022-04xxfso.png); --insta-pic4: url(https://abload.de/img/ian37ncbj.jpeg); --insta-search: url(https://abload.de/img/xxff5tfvl.jpeg); --insta-end1: url(https://abload.de/img/xxjqc96.jpeg); --insta-end2: url(https://abload.de/img/hrmiyeoz.png); --insta-end3: url(https://abload.de/img/hh9hef3.jpeg); --insta-main: #F4F4F4; --insta-bottom: #EDEDED; --insta-overlay: #2F3F6A; --insta-overlay2: #FFEB55; --insta-text: #28435A; --insta-text2: #182B3B; --insta-iconborder: #0d1834; --insta-iconborder2: #c6b538; --insta-grad1: linear-gradient(45deg, #F0FF3E, #7283FF);  --insta-follow: #0b2941; --insta-kursiv: rgb(20, 28, 55); --insta-fett: rgb(20, 28, 55); } /*

----- BODY -----
*/ .insta-body { width: 555px; height: auto; background: var(--insta-main); margin: auto; box-sizing: border-box; font-family: 'Nunito', sans-serif; color: var(--insta-text); font-size: 14px; font-weight: 300; overflow: hidden; padding-bottom: 50px;} /*

------ HEAD ------
*/ .insta-head { height: 100px; width: 100%; display: flex;} /*
*/ .insta-box { width: 127px; display: flex; justify-content: center; align-items: center;} /*
*/ .insta-box.two { width: 301px; font-style: italic; justify-content: flex-start; font-size: 15px;} /*

*/ .insta-icon { width: 65px; height: 65px; background: var(--insta-grad1); border-radius: 50%; position: relative; padding: 2px;} /*
*/ .insta-icon::before { content: ''; width: 65px; height: 65px; position: absolute; background: var(--insta-iconhead); border-radius: inherit; background-position: center; background-size: cover;} /*
*/ .insta-icon::after { content: ''; width: 65px; height: 65px; position: absolute; background: var(--insta-overlay); z-index: 2; border-radius: inherit; opacity: 43%; } /*

*/ .insta-follow { text-transform: uppercase; font-weight: bold; padding: 5px 20px; border-radius: 10px; border: 1px solid var(--insta-text); font-family: Arial; transition: 0.7s ease-in-out;} /*
*/ .insta-follow:hover { background: var(--insta-follow); color: var(--insta-main); } /*


----- MAIN MIDDLE + IMAGE + Extras -----
*/ .insta-mimg { background: var(--insta-mainimg); width: 100%; height: 400px; background-size: cover; background-position: center; position: relative;} /*
*/ .insta-mimg::after { content: ''; position: absolute; background: var(--insta-overlay); width: 100%; height: 100%; opacity: 47%;} /*

-- Extras --
*/ .insta-head.row { height: 60px; display: flex;} /*
*/ .insta-box.row { width: 200px;} /*
*/ .insta-box.two.row { justify-content: center; margin-left: -25px;} /*
*/ .insta-minibox { width: 40px; display: flex; align-items: center; justify-content: center; margin-right: 15px;} /*
*/ .insta-minibox.sp { transform: scaleX(-1); } /*

-- Middle --

*/ .insta-text, .insta-gbox, .insta-end { width: 470px; height: 212px; text-align: justify; overflow: auto; margin: auto; padding-left: 15px; } /*
*/ .insta-scroll, .insta-gscroll { padding-right: 15px;} /*
*/ .insta-user { font-weight: 700;} /*

----- LOWER PART -----

*/ .insta-lower { height: auto; width: 100%; display: flex; padding-top: 50px;} /*
*/ .insta-block { width: 275px; padding-left: 50px; box-sizing: border-box;} /*

-- Icon Block --
*/ .insta-blow { display: inline-grid; gap: 10px; grid-template-columns: auto auto;} /*
*/ .insta-lpic { width: 100px; height: 100px; border-radius: 5px; position: relative; border: 1px solid var(--insta-iconborder);} /*
*/ .insta-lpic::after { content: ''; position: absolute; width: 100px; height: 100px; background: var(--insta-overlay); opacity: 45%; border-radius: 5px;} /*
*/ .insta-lpic.one { border-top-left-radius: 20px; background: var(--insta-pic1); background-size: cover; background-position: center;} /*
*/ .insta-lpic.one::after { border-top-left-radius: 20px;} /*
*/ .insta-lpic.four { border-bottom-right-radius: 20px; background: var(--insta-pic4); background-size: cover; background-position: center;} /*
*/ .insta-lpic.four::after { border-bottom-right-radius: 20px;} /*
*/ .insta-lpic.three { background: var(--insta-pic3); background-size: cover; background-position: center;} /*
*/ .insta-lpic.two { background: var(--insta-pic2); background-size: cover; background-position: center;} /*

-- Fact Block --

*/ .insta-line { margin-bottom: 11px; display: flex;} /*
*/ .lbx { width: 20px; height: 20px; margin-right: 7px; display: flex; align-items: center; } /*
*/ .lbx.r { margin: 0px 0px 0px 7px; justify-content: flex-end;} /*

----- SUCHENDER -----

*/ .insta-two { padding-top: 180px; position: relative;} /*

*/ .insta-triangle { width: 0; height: 0; border-left: 300px solid transparent; border-right: 300px solid transparent; border-bottom: 90px solid var(--insta-bottom); z-index: 9; top: 55px; position: absolute; margin-left: -22px} /*

*/ .insta-btriangle { width: 0; height: 0; border-left: 300px solid transparent; border-right: 300px solid transparent; border-top: 90px solid var(--insta-bottom); margin-left: -22px; margin-top: -56px; z-index: 1; position: relative;} /*
*/ .insta-triangle.white { position: absolute; width: 0; height: 0; border-left: 278px solid transparent; border-right: 277px solid transparent; border-bottom: 60px solid var(--insta-main); margin-top: 32px; margin-left: 0; } /*
*/ .insta-btriangle.white { width: 0; height: 0; border-left: 300px solid transparent; border-right: 300px solid transparent; border-top: 60px solid var(--insta-main); margin-left: -22px; margin-top: 35px; z-index: 3; position: relative;} /*

*/ .insta-bottom, .insta-three { height: 355px; background: var(--insta-bottom); position: relative;} /*
*/ .insta-bottom::before { content: ''; position: absolute; width: 0; height: 0; border-left: 278px solid transparent; border-right: 277px solid transparent; border-bottom: 55px solid var(--insta-bottom); margin-top: -55px; z-index: 9;} /*
*/ .insta-bottom::after { content: ''; position: absolute; width: 0; height: 0; border-left: 278px solid transparent; border-right: 277px solid transparent; border-top: 55px solid var(--insta-bottom); bottom: -55px; z-index: 9;} /*

-- Instaroid + Suchender --

*/ .insta-search { background: url(https://abload.de/img/instaaazidtc.png); width: 243px; height: 243px; background-size: cover; margin-top: 40px; position: absolute; transform: rotate(42deg);} /*
*/ .insta-search::before { content:''; position: absolute; background: var(--insta-search); width: 81px; height: 81px; background-size: cover; border-radius: 50%; top: 81px; left: 81px; transform: rotate(-42deg);} /*
*/ .insta-search::after { content: ''; position: absolute; background: var(--insta-overlay2); width: 81px; height: 81px; border-radius: 50%; top: 81px; left: 81px; transform: rotate(-42deg); opacity: 52%;} /*

*/ .insta-bbox { position: absolute; right: 25px; top: 28px; color: var(--insta-text2);} /*
*/ .insta-title { width: 400px; font-size: 22px; text-align: right;} /*
*/ .insta-gbox { width: 308px; height: 227px; margin-top: 20px; position: absolute; right: -15px;} /*

*/ .insta-three { height: 420px; margin-top: -40px; } /*
*/ .insta-three::before { content: ''; position: absolute; width: 0; height: 0; border-left: 300px solid transparent; border-right: 300px solid transparent; border-top: 90px solid var(--insta-main); margin-left: -22px; margin-top: -9px} /* 
*/ .insta-three::after { content: ''; position: absolute; width: 0; height: 0; border-left: 300px solid transparent; border-right: 300px solid transparent; border-bottom: 60px solid var(--insta-main); bottom: 0; margin-left: -22px;} /*

*/ .insta-lower.two { height: 120px; margin-top: 60px; position: absolute;} /*
*/ .insta-block.end { text-align: right;} /*
*/ .insta-line.end { margin-bottom: 5px; color: var(--insta-text2); } /*
*/ .insta-line.end.t { display: flex; justify-content: flex-end; } /*
*/ .insta-divider { width: 90px; display: flex; justify-content: center; margin-left: -5px;} /*

*/ .insta-lower.three { height: 75px; position: absolute; bottom: 105px; display: flex; justify-content: center; align-items: center;} /*

*/ .insta-pend { width: 100px; height: 100px; background: var(--insta-end1); background-size: cover; background-position: center; border-radius: 5px; border: 1px solid var(--insta-iconborder2); margin-right: 15px;} /*
*/ .insta-pend::after { content: ''; position: absolute; background: var(--insta-overlay2); width: inherit; height: inherit; opacity: 47%; border-radius: inherit;} /*
*/ .insta-pend.two { background: var(--insta-end2); background-size: cover; background-position: center;} /*
*/ .insta-pend.three { background: var(--insta-end3); background-size: cover; background-position: center; margin-right: 0;} /*

----- ENDE -----

*/ .insta-end { width: 310px; height: 228px; margin-left: 30px; margin-top: 50px; padding-right: 15px; color: var(--insta-text);} /*
*/ .insta-discord { background: url(https://abload.de/img/discordmhiz5.png); width: 350px; height: 350px; background-size: cover; position: absolute; right: -75px; top: -90px; transform: rotate(-12deg); opacity: 3%;} /*

-- Icon Anpassung --

*/ .insta-body i { color: var(--insta-kursiv);} /*
*/ .insta-body b { color: var(--insta-fett); } /*

*/ .insta-head I, .insta-line i { font-family: "Font Awesome 5 Free"; color: var(--insta-text2); font-style: normal; font-size: 19px; } /*
*/ .insta-circle I { font-size: 8px; margin: 0 2px; } /*
*/ .insta-line i { font-size: 13px; } /*
*/ * > .fa-hover-show, *:hover > .fa-hover-hidden { display: none; } /*
*/ *:hover > .fa-hover-show { display: inline-block; } /*

*/ .insta-text::-webkit-scrollbar, .insta-gbox::-webkit-scrollbar, .insta-end::-webkit-scrollbar { width: 2px; } /*
*/ .insta-text::-webkit-scrollbar-track, .insta-gbox::-webkit-scrollbar-track, .insta-end::-webkit-scrollbar-track { background: transparent; } /*
*/ .insta-text::-webkit-scrollbar-thumb, .insta-gbox::-webkit-scrollbar-thumb, .insta-end::-webkit-scrollbar-thumb { background: var(--insta-text); opacity: 80%; } /*


---- FIVE OF SWORDS ----

*/ :root { --tc-gold:#6E6100; } /*

--- BASE ---
*/ .tc-base { width: 520px; height: 2440px; border: 5px solid var(--tc-gold); margin: auto; border-radius: 50px; background: url(https://abload.de/img/viktor-forgacs-bvo2-spgcxc.jpg); background-position: top right; background-size: 1038px 1298px; position: relative; } /*

*/ .tc-base::before { content: ''; position: absolute; background: rgba(45, 54, 80, 33%); width: 520px; height: 2440px; border-radius: 45px;} /*

--- INNERE UMRANDUNG ---
*/ .tc-inbo { width: 492px; height: 2410px; box-sizing: border-box; border: 2px solid var(--tc-gold); border-radius: 35px; margin: 15px auto; position: relative; } /*

--- KREISE ---
*/ .tc-circles { height: 101px; width: 550px; position: absolute; display: flex;} /*
*/ .tc-circles.bottom { bottom: 0; transform: scaleY(-1);} /*
*/ .tc-c-main { width: 53px; height: 53px; background: var(--tc-gold); border-radius: 50%; position: absolute; top: 4px; left: 3px; } /*

*/ .tc-c-main.two { left: 465px; top: 4px; } /*

*/ .tc-c-main::before, .tc-c-main.two::before { content: ''; position: absolute; background: url(https://cdn.discordapp.com/attachments/563024270150860810/1056211740980936746/Mond1.png); width: 38px; height: 38px; background-size: cover; top: 43px; left: 41px;} /*

*/ .tc-c-main::after, .tc-c-main.two::after { content: ''; position: absolute; background: url(https://cdn.discordapp.com/attachments/563024270150860810/1056211740557324288/Mond2.png); width: 25px; height: 25px; background-size: cover; top: 74px; left: 73px;} /*

*/ .tc-c-main.two::before { transform: scaleX(-1); left: -30px;} /*

*/ .tc-c-main.two::after { transform: scaleX(-1); left: -50px;} /*

--- SWORD ---

*/ .tc-sword { position: relative; } /*

*/ .tc-sp { width: 15px; height: 15px; border-radius: 50%; background: rgba(132, 132, 0, 15%); position: absolute; top: 51px; left: 235px; z-index: 3;} /*

*/ .tc-sp::before { content: ''; position: absolute; width: 9px; height: 9px; background: #393f10; border-radius: 50%; top: 3px; left: 3px; } /*

*/ .tc-sp::after { content:''; width: 3px; height: 3px; background: #d1d39d; position: absolute; border: 1px solid #8e904b; border-radius: 50%; top: 5px; left: 5px;} /*

*/ .tc-sp.two { top: 86px;} /*
*/ .tc-sp.tre { top: 108px; left: 193px;} /*
*/ .tc-sp.four { top: 108px; left: 277px;} /*
*/ .tc-sp.fem { top: 135px; left: 173px;} /*
*/ .tc-sp.six { top: 135px; left: 297px;} /*
*/ .tc-sp.sju { top: 118px; left: 218px;} /*
*/ .tc-sp.atte { top: 118px; left: 252px;} /*
*/ .tc-sp.ni { top: 515px; left: 238px;} /*

*/ .tc-sl { width: 1px; height: 35px; background: #707070; position: absolute; left: 242px; top: 60px;} /*
*/ .tc-sl.two, .tc-sl.tre { height: 46px; left: 218px; transform: rotate(61deg); top: 83px;} /*
*/ .tc-sl.tre { transform: rotate(-61deg); left: 265px;} /*
*/ .tc-sl.four, .tc-sl.fem { height: 33px; top: 111px; left: 191px; transform: rotate(36deg);} /*
*/ .tc-sl.fem { transform: rotate(-36deg); left: 293px;} /*
*/ .tc-sl.six, .tc-sl.sju { height: 35px; top: 94px; transform: rotate(27deg); left: 233px;} /*
*/ .tc-sl.sju { left: 251px; transform: rotate(-27deg);} /*
*/ .tc-sl.atte { height: 400px; left: 235px; top: 122px; transform: rotate(-3deg);} /*
*/ .tc-sl.ni { height: 400px; left: 252px; top: 122px; transform: rotate(2deg);} /*

--- SUN ---

*/ .tc-sun { width: 310px; height: 310px; border-radius: 50%; background: rgba(56, 50, 0, 14%); position: absolute; top: 150px; left: 91px;} /*
*/ .tc-sun::before, .tc-sun::after { content: ''; position: absolute; width: 250px; height: 250px; border-radius: 50%; background: rgba(123, 123, 3, 8%); top: 30px; left: 30px;} /*
*/ .tc-sun::after { width: 220px; height: 220px; background: rgba(140, 145, 0, 10%); top: 45px; left: 45px;} /*

*/ .tc-sun.two { left: 65px; top: 65px; width: 180px; height: 180px; background: rgba(113, 109, 0,17%);} /*
*/ .tc-sun.two::before { width: 160px; height: 160px; background: url(https://abload.de/img/hmmm3ycj3.jpeg); background-size: cover; top: 10px; left: 10px;} /*
*/ .tc-sun.two::after { width: 160px; height: 160px; top: 10px; left: 10px; background: rgba(78, 69, 0, 60%);} /*

--- TEXT ---

*/ .tc-box { width: 400px; margin: auto; font-family: 'Nunito Sans', sans-serif; color: #CCC;} /*

*/ .tc-name { text-align: center; color: #ccc; font-family: 'Helvetica', sans-serif; font-size: 15px;} /*
*/ .tc-text { height: 227px; overflow: auto; text-align: justify; font-size: 13px; margin-top: 5px; padding: 5px 15px;} /*

--- SWORD DONALD ---

*/ .tc-sp.d1 { left: 180px; top: 91px;} /*
*/ .tc-sp.d2 { left: 104px; top: 313px;} /*
*/ .tc-sp.d3 { left: 94px; top: 342px;} /*
*/ .tc-sp.d4 { left: 149px; top: 313px;} /*
*/ .tc-sp.d5 { left: 176px; top: 294px;} /*
*/ .tc-sp.d6 { left: 71px; top: 289px;} /*
*/ .tc-sp.d7 { left: 64px; top: 260px;} /*
*/ .tc-sp.d8 { left: 100px; top: 283px;} /*
*/ .tc-sp.d9 { left: 129px; top: 292px;} /*

*/ .tc-sl.d1 { transform: rotate(19deg); left: 107px; top: 317px; height: 30px;} /*
*/ .tc-sl.d2 { transform: rotate(90deg); left: 134px; top: 301px; height: 40px;} /*
*/ .tc-sl.d3 { transform: rotate(126deg); left: 96px; top: 290px; height: 40px;} /*
*/ .tc-sl.d4 { transform: rotate(53deg); left: 171px; top: 296px; height: 30px;} /*
*/ .tc-sl.d5 { transform: rotate(-12deg); left: 74px; top: 265px; height: 30px;} /*
*/ .tc-sl.d6 { transform: rotate(-8deg); left: 109px; top: 292px; height: 30px;} /*
*/ .tc-sl.d7 { transform: rotate(49deg); left: 124px; top: 295px; height: 30px;} /*
*/ .tc-sl.d8 { transform: rotate(14deg); left: 162px; top: 91px; height: 211px;} /*
*/ .tc-sl.d9 { transform: rotate(23deg); left: 146px; top: 91px; height: 211px;} /*

--- SUN DONALD ---

*/ .tc-sun.d1 { position: relative; width: 166px; height: 166px; left: 69px; top: 120px;} /*
*/ .tc-sun.d1::before { height: 142px; width: 142px; left: 12px; top: 12px;} /*
*/ .tc-sun.d1::after { height: 114px; width: 114px; left: 26px; top: 26px; background: rgba(140, 145, 0, 15%);} /*
*/ .tc-sun.d2 { width: 86px; height: 86px; background: url(https://abload.de/img/tumblr_0b289abdd7a87pcdc7.jpeg); background-size: cover; top: 40px; left: 40px;} /*
*/ .tc-sun.d2::before { display: none; } /*
*/ .tc-sun.d2::after { width: 86px; height: 86px; left: 0px; top: 0px; background: rgba(113, 109, 0, 30%); } /*
*/ .tc-name.d1 { position: absolute; left: 158px; top: 65px;} /*

--- FABIAN ---
*/ .tc-sword.three { transform: scaleX(-1) rotate(-10deg); left: 75px; top: -30px} /*
*/ .tc-sun.d1.f1 { left: 290px; top: 100px;} /*
*/ .tc-sun.d2.f2 { background: url(https://abload.de/img/fabsid5d1g.jpeg); background-size: cover;} /*
*/ .tc-name.f1 { position: absolute; left: 325px; top: 43px;} /*

--- GABRIEL ---
*/ .tc-sword.four { transform: scaleY(-1) rotate(37deg); top: 292px; left: 124px;} /*
*/ .tc-sun.d1.g1 { top: 100px; left: 92px;} /*
*/ .tc-sun.d2.g2 { background: url(https://abload.de/img/0073iig0.jpeg); background-size: cover;} /*
*/ .tc-name.g1 { position: absolute; left: 283px; top: 240px;} /*

--- MORGAN ---
*/ .tc-name.m1 { padding-top: 15px; } /*
*/ .tc-morgan { transform: scaleY(-1); position: relative; height: 550px;} /*
*/ .tc-sun.two.m2::before { transform: scaleY(-1); background: url(https://abload.de/img/ggu8cxp.jpeg); background-size: cover;} /*

--- BOTTOM ---

*/ .tc-fos { height: 86px; background: rgba(25, 25, 25, 31%); border-top: 2px solid var(--tc-gold); width: 488px; border-bottom-left-radius: 33px; border-bottom-right-radius: 33px; margin-top: 15px; font-weight: bold; text-transform: uppercase; color: #887908; display: flex; align-items: center; justify-content: center; font-family: 'Nunito Sans', sans-serif; font-size: 25px; letter-spacing: -1px; } /*

--- FORMATIERUNGEN ---

*/ .tc-text::-webkit-scrollbar { width: 2px; } /*
*/ .tc-text::-webkit-scrollbar-track { background: transparent; } /*
*/ .tc-text::-webkit-scrollbar-thumb { background: rgba(70, 71, 101, 0.23); } /*

*/ .tc-text i, .tc-text b, .tc-text u { color: #b5a94e; } /*
*/ .tc-text a:visited, .tc-text a:link { color: #b5a94e; text-transform: uppercase; } /*
*/ .tc-text a:hover { color: #9aa4df; } /*


--------- MISSY --------- */

:root { --missy-main1: #373E37; --missy-main2: #313632; --missy-head1: #34432B; --missy-head2: #3E4E32; --missy-head3: #47583D; --missy-title1: #242F1E; --missy-title2: #E3DEB3; --missy-box: #292F29; --missy-text: #D6D6D6; --missy-border: #404840; --missy-overlay: #252E23; --missy-fact1: #747050; --missy-fcolor: #241D01; --missy-cursive: rgb(147, 173, 141); --missy-link: rgb(212, 191, 117); --missy-underline: rgb(105, 138, 97); --missy-pic1: url(https://abload.de/img/cohen5gdm5.jpeg); --missy-pic2: url(https://abload.de/img/bildschirmfoto2023-015pcw2.png);}

.missym { width: 550px; height: 1950px; background: var(--missy-main1); margin: auto; box-sizing: border-box; overflow: hidden;}

/* Head */
.missy-head { height: 185px; background: var(--missy-head1); display: flex; justify-content: flex-end; overflow: hidden; position: relative;} 
.missyhbox.r { width: 277px; background: var(--missy-head2); position: relative; }
.missyhbox.r::before, .missyhbox.r::after { content: ''; position: absolute; width: 100px; height: 185px; background: var(--missy-head2); transform: skewX(-20deg); left: -60px; }
.missyhbox.r::after { background: var(--missy-head1); width: 10px; left: -45px;}
.missytitle { font-family: 'Lato', sans-serif; text-transform: uppercase; position: absolute; font-size: 25px; top: 59px; right: -4px; color: var(--missy-title1);}
.missytitle.sub { font-family: 'Licorice', cursive; color: var(--missy-title2); text-transform: lowercase; font-size: 70px; top: 53px; }
.missy-hline { height: 10px; background: var(--missy-head3);}
.missy-flower { width: 205px; height: 242px; background: url(https://abload.de/img/kindpng_7159361eul.png); background-size: cover; opacity: 30%; position: absolute; z-index: 2; left: 0; top: -25px; transform: rotate(-9deg);}
.missy-flower.g { width: 418px; height: 472px; background: url(https://abload.de/img/kindpng_1743183fgegq.png); background-size: cover; opacity: 11%; top: 430px; left: 200px;}

/* Boxen */
.missy-box { width: 450px; height: 255px; background: var(--missy-box); margin: auto; padding-top: 20px; margin-top: -40px; position: relative; z-index: 3; border-radius: 10px; box-shadow: 0px 1px 5px rgba(0,0,0,16%); color: var(--missy-text); font-family: 'Nunito Sans', sans-serif; font-size: 12px; box-sizing: border-box; text-align: justify; line-height: 22px; padding-right: 10px;}
.missy-text { overflow: auto; height: 215px; padding: 0px 10px 0px 20px; box-sizing: border-box;}
.missy-main { position: relative; height: 1142px; background: var(--missy-main2); padding-top: 5px;}

/* Dreiecke */
.missy-tri { width: 0; height: 0; border-left: 300px solid transparent; border-right: 300px solid transparent; border-top: 85px solid var(--missy-main1); margin-left: -25px; position: relative;}
.missy-tri::before { content: ''; position: absolute; width: 0; height: 0; border-right: 275px solid transparent; border-left: 275px solid transparent; border-top: 73px solid var(--missy-main2); left: -275px; bottom: 12px;}
.missy-tri::after { content: ''; position: absolute; width: 0; height: 0; border-right: 275px solid transparent; border-left: 275px solid transparent; border-top: 71px solid var(--missy-main1); left: -275px; bottom: 20px;}
.missy-tri.t { transform: rotate(180deg);}

/* Suchender / Gesuchter */
.missy-ges { position: relative; margin-top: 50px;}
.missy-ges.s { margin-top: 90px; height: 453px}
.missy-btitle { font-size: 45px; font-family: 'Licorice', cursive; color: var(--missy-title2); text-transform: lowercase; margin-bottom: -20px; z-index: 4; position: relative; } 
.missy-btitle.s { text-align: right; }
.missy-box.g { margin: 0; width: 460px; height: 330px; box-shadow: 0px 2px 3px rgba(0,0,0, 16%); border-radius: 0px; border-bottom-right-radius: 20px; border-top-right-radius: 20px; padding-top: 20px;}
.missy-box.g.s { border-radius: 0; border-bottom-left-radius: 20px; border-top-left-radius: 20px; position: absolute; right: 0; display: flex; justify-content: flex-end; }
.missy-text.g { width: 340px; padding-top: 0; height: 290px;}
.missy-bpic { width: 200px; height: 360px; border: 10px solid var(--missy-border); position: absolute; right: -20px; bottom: 30px; border-radius: 20px; z-index: 5; background: var(--missy-pic1); background-size: cover;}
.missy-bpic.s { left: -20px; top: 60px; background: var(--missy-pic2); background-size: cover;}
.missy-bpic::before { content: ''; position: absolute; width: 200px; height: 360px; background: var(--missy-overlay); border-radius: 10px; opacity: 24%;}
.missy-hover { transition: .5s ease; opacity: 0; position: absolute; width: 200px; height: 360px; background: rgba(0,0,0,70%); border-radius: 10px; padding-top: 60px; box-sizing: border-box; }
.missy-bpic:hover .missy-hover { opacity: 1;}
.missy-fact { display: table; max-width: 150px; padding: 10px; background: var(--missy-fact1); margin: 0; text-transform: uppercase; font-size: 11px; font-family: 'Nunito Sans', sans-serif; border-radius: 5px; margin: 10px 0px 0px 10px; color: var(--missy-fcolor); }
.missy-fact.s { float: right; clear: both; margin-right: 10px;}

/* Ende */
.missy-end { height: 437px; position: relative; display: flex;}
.missy-end::before { content: ''; position: absolute; background: url(https://abload.de/img/kindpng_1397750yde78.png); background-size: cover; width: 407px; height: 800px; opacity: 13%; left: -90px; transform: rotate(0deg);}
.missy-column { width: 165px; z-index: 1; position: relative; height: 400px; transform: rotate(180deg); }
.missy-box.e { width: 385px; height: 395px; border-radius: 0px; border-top-left-radius: 20px; position: absolute; right: 0; bottom: 0;}
.missy-text.e { height: 310px;}
.missy-fact.e { transform: rotate(180deg); margin-left: 20px;}
.missy-fact.e.b { margin-top: 30px;}

/* Formatierung */
.missy-text b, .missy-text u { color: var(--missy-title2); }
.missy-text i { color: var(--missy-cursive);}
.missy-text a:link, .missy-text a:visited { text-transform: uppercase; color: var(--missy-link);} 
.missy-text a:hover { text-transform: uppercase; color: var(--missy-title2); }

.missy-text::-webkit-scrollbar { width: 3px; } 
.missy-text::-webkit-scrollbar-track { background: transparent; } 
.missy-text::-webkit-scrollbar-thumb { background: rgba(0,0,0,15%); }