{"id":122,"date":"2024-09-27T16:34:31","date_gmt":"2024-09-27T14:34:31","guid":{"rendered":"https:\/\/krisol-wissenschaft.org\/?page_id=122"},"modified":"2025-11-16T12:54:39","modified_gmt":"2025-11-16T11:54:39","slug":"navigations-seite","status":"publish","type":"page","link":"https:\/\/krisol-wissenschaft.org\/en\/navigations-seite\/","title":{"rendered":"Navigation Page"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":14,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"class_list":["post-122","page","type-page","status-publish","hentry"],"grid":"{\r\n  \"colCount\": 16,\r\n  \"colGutter\": 1,\r\n  \"rowGutters\": [],\r\n  \"frameMargin\": 5,\r\n  \"leftFrameMargin\": 10,\r\n  \"rightFrameMargin\": 10,\r\n  \"topFrameMargin\": 4,\r\n  \"mus\": {\r\n    \"colGutterMu\": \"%\",\r\n    \"rowGutterMu\": \"%\",\r\n    \"topFrameMu\": \"%\",\r\n    \"bottomFrameMu\": \"%\",\r\n    \"frameMu\": \"px\"\r\n  },\r\n  \"bottomFrameMargin\": 4,\r\n  \"rowAttrs\": [\r\n    {\r\n      \"row100vh\": false,\r\n      \"rowcustomheight\": \"90vh\",\r\n      \"relid\": 10\r\n    }\r\n  ],\r\n  \"bgColor\": null,\r\n  \"bgImage\": null,\r\n  \"cont\": [\r\n    {\r\n      \"type\": \"html\",\r\n      \"cont\": \"\\n\\n<!-- Desktop Main Menu container wrapping all boxes -->\\n<div id=\\\"main-menu\\\" class=\\\"menu-container\\\">\\n    \\n    <!-- Start Box -->\\n    <a href=\\\"#Start\\\" id=\\\"Start-link\\\" class=\\\"custom-box\\\">\\n        <span class=\\\"titel1\\\">Alliance<\/span><span class=\\\"titel2\\\">for Critical<\/span><br \/>\\n        <span class=\\\"titel2\\\">Scholarship in<\/span><span class=\\\"titel1\\\">Solidarity<\/span>\\n    <\/a>\\n    \\n    <!-- Mitglieder Box -->\\n    <a href=\\\"#Mitglieder\\\" id=\\\"Mitglieder-link\\\" class=\\\"custom-box\\\">\\n        Members\\n    <\/a>\\n    \\n    <!-- Allianz Box -->\\n    <a href=\\\"#Allianz\\\" id=\\\"Allianz-link\\\" class=\\\"custom-box\\\">\\n        Alliance\\n    <\/a>\\n\\n    <!-- Aktivitaeten Box -->\\n    <a href=\\\"#Aktivitaeten\\\" id=\\\"Aktivitaeten-link\\\" class=\\\"custom-box\\\">\\n        Activities\\n    <\/a>\\n\\n    <!-- Debatte Box B6DFA8 -->\\n    <a href=\\\"#Debatte\\\" id=\\\"Debatte-link\\\" class=\\\"custom-box\\\">\\n        Debate\\n    <\/a>\\n\\n    <!-- Kontakt Box -->\\n    <a href=\\\"#Kontakt\\\" id=\\\"Kontakt-link\\\" class=\\\"custom-box\\\">\\n        Contact\\n    <\/a>\\n    \\n<\/div>\\n\\n\\n<!-- Aktuelles Box -->\\n<div id=\\\"aktuelles-box\\\" class=\\\"custom-box aktuelles\\\">\\n    <button class=\\\"close-btn\\\">&times;<\/button>\\n    <span class=\\\"titel1\\\">News<\/span>\\n    <p class=\\\"breakfont\\\">&nbsp;<\/p>\\n    <div id=\\\"aktuelles-content\\\"><\/div> <!-- This will be populated with AJAX content -->\\n<\/div>\\n\\n<!-- Alternate Menu (Hidden by default) -->\\n<div id=\\\"alternate-menu\\\" class=\\\"menu-container\\\" style=\\\"display: none;\\\">\\n    \\n    <a href=\\\"\/\\\" id=\\\"back-to-home\\\" class=\\\"custom-box\\\">\\n        <span class=\\\"titel1\\\">Alliance<\/span><span class=\\\"titel2\\\">for Critical<\/span><br \/>\\n        <span class=\\\"titel2\\\">Scholarship in<\/span><span class=\\\"titel1\\\">Solidarity<\/span>\\n    <\/a>\\n    \\n    <p id=\\\"Drift-box\\\" class=\\\"custom-box\\\">\\n        <span>Facing the Authoritarian <br> Drift: Art Schools<br>as Sites of Critique<br><\/span>\\n    <\/p>\\n    \\n<\/div>\\n\\n\\n<style>\\n\/* \\n   .menu-container: \\n   This container wraps all the boxes and ensures they are grouped together. \\n   Adjusting 'left' moves the entire menu horizontally. \\n   The 'top' value can be adjusted to move the entire menu vertically.\\n*\/\\n.menu-container {\\n    position: relative; \/* Allows positioning the menu in relation to the main layout *\/\\n    left: 180px; \/* Adjust this value to move the entire menu to the right *\/\\n    top: 1px; \/* Controls the vertical positioning of the entire menu *\/\\n}\\n\\n\/* \\n   .custom-box:\\n   This class is applied to each individual menu box. \\n   'position: absolute' ensures that each box is positioned independently inside the container.\\n   The 'width' and 'height' values control the size of each box.\\n   The 'transition' enables smooth animation when a box is activated (via the 'jump' class).\\n*\/\\n.custom-box {\\n    position: absolute; \/* Independent positioning for each box inside the container *\/\\n    border: 1.5px solid black; \/* Border around each box *\/\\n    padding: 10px; \/* Inner padding for the content inside the box *\/\\n    width: 340px; \/* Box width, adjust this but be cautious of layout *\/\\n    height: 530px; \/* Box height *\/\\n    font-size: 26px; \/* Font size for text inside the boxes *\/\\n    font-family: ROMMono, sans-serif; \/* Font family, change this for typography purposes *\/\\n    line-height: 1;\\n    text-decoration: none; \/* Removes underline from the links *\/\\n    color: black; \/* Text color, can be changed to fit design *\/\\n    text-align: left; \/* Aligns the text to the left *\/\\n    transition: transform 0.3s ease; \/* Smooth animation when the box is activated *\/\\n    box-sizing: border-box; \/* Ensures padding and border are included in width\/height *\/\\n}\\n\\n\/* Uniform word-spacing adjustments *\/\\n.titel1, .titel2 {\\n    margin: 0; \/* Remove any default margin *\/\\n    line-height: 1; \/* Adjust line height for tighter vertical spacing *\/\\n    display: inline; \/* Keep everything inline *\/\\n}\\n\\n.titel1 {\\n    font-family: ROMMono, sans-serif;\\n    font-size: 26px;\\n    margin-right: 0.19em; \/* Manual Spacing after the word Alliance *\/\\n}\\n\\n.titel2 {\\n    font-family: ROMCondensed, sans-serif;\\n    font-size: 26px;\\n    word-spacing: normal; \/* Default word spacing for ROMCondensed *\/\\n    margin-right: 0.21em; \/* Manual Spacing LEA*\/\\n}\\n\\n.breakfont {\\n    margin-bottom: -40px\\n}\\n\\n\\n\\n\/* \\n   IDs for each link:\\n   Each box has a unique ID (e.g., #Allianz-link, #Debatte-link).\\n   These IDs are crucial for both design and functionality. \\n   DO NOT CHANGE THESE IDs, as they are used in JavaScript for linking and animation.\\n*\/\\n\\n\/* Start box *\/\\n#Start-link {\\n    top: 0; \/* Position at the top *\/\\n    left: 0; \/* Left alignment, first box starts here *\/\\n    z-index: 5; \/* Stacking order, higher z-index means it appears above others *\/\\n    background-color: #F5FF82;\\n    text-align: center; \/* Center the text *\/\\n    display: inline-block;\\n}\\n\\n\\n\/* Position and background color for Mitglieder box *\/\\n#Mitglieder-link {\\n    top: 90px; \/* Position below Start *\/\\n    left: -160px; \/* Further left offset for staggered effect *\/\\n    z-index: 6; \/* Higher stacking order *\/\\n   \/*  background-color: #9DD6FF; \/* Background color for Mitglieder box *\/\\n    background-color: white;\\n}\\n\\n\/* Position and background color for Allianz box *\/\\n#Allianz-link {\\n    top: 150px; \/* Position below Mitglieder *\/\\n    left: -180px; \/* Left alignment, first box starts here *\/\\n    z-index: 7; \/* Stacking order, higher z-index means it appears above others *\/\\n    \/* background-color: #C3CEF4; \/* Background color for Allianz box *\/\\n    background-color: white;\\n}\\n\\n\/* Position and background color for Aktivitaeten box *\/\\n#Aktivitaeten-link {\\n    top: 210px; \/* Position below Allianz *\/\\n    left: -150px; \/* Further left offset *\/\\n    z-index: 8; \/* Higher stacking order *\/\\n    \/* background-color: #FFA564; \/* Background color for Aktivitaeten box *\/\\n    background-color: white;\\n}\\n\\n\/* Position and background color for Debatte box *\/\\n#Debatte-link {\\n    top: 270px; \/* Position below Allianz *\/\\n    left: -130px; \/* Further left offset *\/\\n    z-index: 8; \/* Higher stacking order *\/\\n    \/* background-color: #FFA564; \/* Background color for Aktivitaeten box *\/\\n    background-color: white;\\n}\\n\\n\/* Position and background color for Kontakt box *\/\\n#Kontakt-link {\\n    top: 330px; \/* Position below Aktivitaeten *\/\\n    left: -210px; \/* Further left offset *\/\\n    z-index: 9; \/* Highest stacking order *\/\\n    \/* background-color: #9FBEE2; \/* Background color for Kontakt box *\/\\n    background-color: white;\\n}\\n\\n#Start-link, #Start-link span {\\n    background-color: #F5FF82; \\n}\\n\\n\/* \\n   .jump:\\n   This class is triggered when a box is activated, either by clicking or scrolling.\\n   It controls the movement of the box, making it \\\"jump\\\" slightly to the right.\\n   DO NOT REMOVE this class, as it is used for interactive animations.\\n*\/\\n.custom-box.jump {\\n    transform: translateX(120px); \/* Moves the box 100px to the right when activated *\/\\n}\\n\\n\\n\/* Apply colors when in the jump state (when moved to the right) *\/\\n#Allianz-link.jump {\\n    background-color: #C3CEF4; \/* Allianz box color *\/\\n}\\n\\n#Mitglieder-link.jump {\\n    background-color: #9DD6FF; \/* Members box color *\/\\n}\\n\\n#Aktivitaeten-link.jump {\\n    background-color: #FFA564; \/* Activities box color *\/\\n}\\n\\n#Debatte-link.jump {\\n    background-color: #B6DFA8; \/* Debatte box color *\/\\n}\\n\\n#Kontakt-link.jump {\\n    background-color: #9FBEE2; \/* Contact box color *\/\\n}\\n\\n\/* Apply hover effect only when the box is not in the jump state *\/\\n#Allianz-link:not(.jump):hover {\\n    background-color: #C3CEF4; \/* Allianz hover color *\/\\n}\\n\\n#Mitglieder-link:not(.jump):hover {\\n    background-color: #9DD6FF; \/* Members hover color *\/\\n}\\n\\n#Aktivitaeten-link:not(.jump):hover {\\n    background-color: #FFA564; \/* Activities hover color *\/\\n}\\n\\n#Debatte-link:not(.jump):hover {\\n    background-color: #B6DFA8; \/* Debatte box color *\/\\n}\\n\\n#Kontakt-link:not(.jump):hover {\\n    background-color: #9FBEE2; \/* Contact hover color *\/\\n}\\n\\n\/* Aktuelles Box (News) styles *\/\\n#aktuelles-box {\\n    position: absolute;\\n    top: 390px; \\n    left: 10px; \\n    width: 390px; \\n    height: 530px; \/* Set height so it doesn't overflow *\/\\n    padding: 15px; \\n    background-color: #FFFFFF; \\n    z-index: 11; \\n    border: 1.5px solid black;\\n    font-size: 26px;\\n    text-align: center;\\n    font-family: ROMMono, sans-serif;\\n    overflow: hidden;\\n    box-sizing: border-box;\\n    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;\\n}\\n\\n#aktuelles-box a {\\n    text-decoration: none;\\n    color: black;\\n}\\n\\n#aktuelles-box a:hover {\\n    color: black;\\n    text-decoration: underline;\\n}\\n\\n\\n\\n\/* Set iframe inside #aktuelles-box to be scrollable *\/\\n#aktuelles-box iframe {\\n    width: 100%;\\n    height: 100%;\\n    overflow-y: auto; \/* Enables vertical scroll within the iframe *\/\\n    border: none; \/* Removes border from iframe for seamless look *\/\\n    box-sizing: border-box;\\n}\\n\\n#aktuelles-box * {\\n    \/*font-size: inherit !important; LEA*\/\\n}\\n\\n\/* Close button for Aktuelles box *\/\\n#aktuelles-box .close-btn {\\n    position: absolute;\\n    top: 10px;\\n    right: 10px;\\n    background-color: transparent;\\n    border: none;\\n    font-size: 26px;\\n    cursor: pointer;\\n}\\n\\n\/* When hidden, make the Aktuelles box disappear *\/\\n#aktuelles-box.hidden {\\n    opacity: 0;\\n    visibility: hidden;\\n    transform: translateY(-20px);\\n}\\n\\n\/* alternate menu *\/\\n#back-to-home {\\n    top: 0; \/* Position at the top *\/\\n    left: 0; \/* Left alignment, first box starts here *\/\\n    text-align: center;\\n    z-index: 5; \/* Stacking order *\/\\n    background-color: white;\\n    display: inline-block;\\n}\\n\\n\/* Hover effect *\/\\n#back-to-home:hover {\\n    background-color: #F5FF82;  \/* Slightly lighter color #FAFFB0; *\/\\n    transition: transform 0.3s ease, background-color 0.3s ease; \/* Smooth transition *\/\\n}\\n\\n#Drift-box {\\n    top: 101px; \/* Adjust positioning as needed *\/\\n    left: -60px; \/* Offset similar to #Mitglieder-link *\/\\n    z-index: 6; \/* Set stacking order *\/\\n    background-color: #F5FF82; \/* Background color *\/\\n    padding: 10px; \/* Consistent padding with other boxes *\/\\n    border: 1.5px solid black; \/* Border styling *\/\\n    width: 378px; \/* Box width, matching the others *\/\\n    height: 534px; \/* Box height *\/\\n    font-size: 26px; \/* Font size for text *\/\\n    font-family: ROM-Regular, sans-serif; \/* Matching font *\/\\n    line-height: 1;\\n    text-align: center; \/* Center text for uniformity *\/\\n    display: inline-block;\\n}\\n\\n\/* =========================================\\n   SMOOTH REACTIVE SCALING BASED ON VW\\n   ========================================= *\/\\n\/* =========================================\\n   DEFAULT (above 1300px) \u2014 normal scale\\n   ========================================= *\/\\n.menu-container,\\n#alternate-menu {\\n    transform: scale(0.85);\\n    transform-origin: top left;\\n    left: 140px; \/* default horizontal position *\/\\n    top: 1px;    \/* vertical position for the menu *\/\\n}\\n\\n#aktuelles-box {\\n    transform: scale(0.85);\\n    transform-origin: top left;\\n    top: 350px;   \/* move it up\/down as needed *\/\\n    left: 20px;   \/* move it left to align with menu *\/\\n}\\n\\n\\n\/* =========================================\\n   1080px\u20131300px \u2014 scale 0.75, move slightly left\\n   ========================================= *\/\\n@media (min-width: 1080px) and (max-width: 1300px) {\\n\\n    .menu-container,\\n    #alternate-menu,\\n    #aktuelles-box {\\n        transform: scale(0.73);\\n        transform-origin: top left;\\n    }\\n\\n    .menu-container,\\n    #alternate-menu {\\n        left: 120px; \/* menu slightly left *\/\\n    }\\n\\n    #aktuelles-box {\\n        top: 330px;\\n        left: 10px; \/* adjust if needed *\/\\n    }\\n}\\n\\n\\n\/* =========================================\\n   Below 1080px \u2014 scale 0.6, move just a little left, shift down\\n   ========================================= *\/\\n@media (max-width: 1079px) {\\n\\n    .menu-container,\\n    #alternate-menu,\\n    #aktuelles-box {\\n        transform: scale(0.6);\\n        transform-origin: top left;\\n    }\\n\\n    .menu-container,\\n    #alternate-menu {\\n        left: 100px; \/* smaller left offset *\/\\n        top: 20px; \/* shift entire menu down for smaller screens *\/\\n    }\\n\\n    #aktuelles-box {\\n        top: 280px; \/* move down in sync with menu *\/\\n        left: 10px;\\n    }\\n}\\n\\n\\n<\/style>\\n\",\r\n      \"align\": \"top\",\r\n      \"row\": 0,\r\n      \"col\": 2,\r\n      \"colspan\": 8,\r\n      \"offsetx\": 0,\r\n      \"offsety\": 0,\r\n      \"spaceabove\": 0,\r\n      \"spacebelow\": 0,\r\n      \"yvel\": 1,\r\n      \"push\": 2,\r\n      \"relid\": 14,\r\n      \"absolute_position\": true\r\n    }\r\n  ]\r\n}","phonegrid":"{\r\n  \"colCount\": 16,\r\n  \"colGutter\": 1,\r\n  \"rowGutters\": [],\r\n  \"frameMargin\": 5,\r\n  \"leftFrameMargin\": 5,\r\n  \"rightFrameMargin\": 5,\r\n  \"topFrameMargin\": 5,\r\n  \"mus\": {\r\n    \"colGutterMu\": \"%\",\r\n    \"rowGutterMu\": \"%\",\r\n    \"topFrameMu\": \"%\",\r\n    \"bottomFrameMu\": \"%\",\r\n    \"frameMu\": \"%\"\r\n  },\r\n  \"bottomFrameMargin\": 5,\r\n  \"rowAttrs\": [\r\n    {\r\n      \"relid\": 1\r\n    }\r\n  ],\r\n  \"bgColor\": null,\r\n  \"bgImage\": null,\r\n  \"cont\": [\r\n    {\r\n      \"type\": \"html\",\r\n      \"cont\": \"<!-- Wrapper around Fixed Mobile Header -->\\n<div id=\\\"mobile-header\\\">\\n    <!-- Title and Hamburger Menu Icon -->\\n    <div id=\\\"mobile-start-link\\\" class=\\\"header-title\\\">\\n        <span class=\\\"titel1\\\">Alliance<\/span><span class=\\\"titel2\\\">for Critical<\/span><br \/>\\n        <span class=\\\"titel2\\\">Scholarship in<\/span><span class=\\\"titel1\\\">Solidarity<\/span>\\n    <\/div>\\n    <div id=\\\"hamburger-menu\\\">\\n        <span><\/span>\\n        <span><\/span>\\n    <\/div>\\n\\n<\/div>\\n\\n\\n<!-- Full-Screen Mobile Navigation Overlay -->\\n<div id=\\\"mobile-menu\\\" >\\n<!-- Mitglieder Box -->\\n<a href=\\\"#Mitglieder\\\" id=\\\"mobile-mitglieder-link\\\" class=\\\"custom-box mobile-box mobile-menu-link\\\">Members<\/a>\\n\\n<!-- Allianz Box -->\\n<a href=\\\"#Allianz\\\" id=\\\"mobile-allianz-link\\\" class=\\\"custom-box mobile-box mobile-menu-link\\\">Alliance<\/a>\\n\\n<!-- Aktivitaeten Box -->\\n<a href=\\\"#Aktivitaeten\\\" id=\\\"mobile-aktivitaeten-link\\\" class=\\\"custom-box mobile-box mobile-menu-link\\\">Activities<\/a>\\n\\n<!-- Debatte Box B6DFA8 -->\\n<a href=\\\"#Debatte\\\" id=\\\"mobile-debatte-link\\\" class=\\\"custom-box mobile-box mobile-menu-link\\\">Debate<\/a>\\n\\n<!-- Kontakt Box -->\\n<a href=\\\"#Kontakt\\\" id=\\\"mobile-kontakt-link\\\" class=\\\"custom-box mobile-box mobile-menu-link\\\">Contact<\/a>\\n\\n<!-- Aktuelles Box -->\\n<div id=\\\"mobile-aktuelles-box\\\" class=\\\"custom-box mobile-box mobile-aktuelles\\\">\\n    <button class=\\\"close-btn\\\">&times;<\/button>\\n    <span class=\\\"titel1\\\">News <\/span>\\n    <p class=\\\"breakfont\\\">&nbsp;<\/p>\\n    <div id=\\\"mobile-aktuelles-content\\\"><\/div>\\n<\/div>\\n<\/div>\\n\\n\\n<!-- Alternate Menu (Hidden by default) -->\\n<div id=\\\"mobile-alternate-menu\\\" class=\\\"menu-container\\\">\\n\\n<a href=\\\"\/\\\" id=\\\"back-to-home\\\" class=\\\"custom-box mobile-box mobile-menu-link\\\">\\n    <span class=\\\"titel3\\\">Alliance<\/span><span class=\\\"titel4\\\">for Critical<\/span><br \/>\\n    <span class=\\\"titel4\\\">Scholarship in<\/span><span class=\\\"titel3\\\">Solidarity<\/span>\\n<\/a>\\n\\n<p id=\\\"mobile-drift-box\\\" class=\\\"custom-box mobile-box\\\">\\n    <span>Facing the Authoritarian <br> Drift: Art Schools<br>as Sites of Critique<br><\/span>\\n<\/p>\\n\\n<\/div>\\n\\n\\n<style>\\n@media (max-width: 600px) {\\n\\n\\n\\n\/* FONTS*\/\\n.titel1 {\\n    font-family: ROMMono, sans-serif;\\n    font-size: 5.5vw;\\n    margin-right: 0.2em; \/* Manual Spacing after the word Alliance *\/\\n}\\n\\n.titel2 {\\n    font-family: ROMCondensed, sans-serif;\\n    font-size: 5.5vw;\\n    word-spacing: normal; \/* Default word spacing for ROMCondensed *\/\\n    margin-right: 0.25em; \/* Manual Spacing LEA*\/\\n}\\n\\n.titel3 {\\n    font-family: ROMMono, sans-serif;\\n    font-size: 4.7vw;\\n    margin-right: 0.2em; \/* Manual Spacing after the word Alliance *\/\\n}\\n\\n.titel4 {\\n    font-family: ROMCondensed, sans-serif;\\n    font-size: 4.7vw;\\n    word-spacing: normal; \/* Default word spacing for ROMCondensed *\/\\n    margin-right: 0.25em; \/* Manual Spacing LEA*\/\\n}\\n\\n.breakfont {\\n    margin-bottom: -10px;\\n}\\n\\n\/* HEADER*\/\\n#mobile-header {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 100%;\\n    height: 17vw; \/* Adjust height as needed *\/\\n    background-color: #F5FF82;\\n    z-index: 5000;\\n    display: flex;\\n    align-items: center;\\n    justify-content: space-between;\\n    padding: 15px 20px;\\n    box-sizing: border-box;\\n    border-bottom: 1.5px solid black;\\n}\\n\\n\/* Center the title text and make it responsive *\/\\n#mobile-start-link {\\n    flex: 1;\\n    text-align: center;\\n    font-family: ROMMono, sans-serif;\\n    font-size: 20px;\\n    line-height: 1;\\n    color: black;\\n}\\n\\n\/* Hamburger Menu Animation *\/\\n#hamburger-menu {\\n    width: 30px;\\n    height: 30px;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    cursor: pointer;\\n    position: relative;\\n}\\n\\n\/* Styling for each bar *\/\\n#hamburger-menu span {\\n    position: absolute;\\n    width: 100%;\\n    height: 2px;\\n    background-color: black;\\n    transition: 0.3s;\\n}\\n\\n\/* Position the two bars *\/\\n#hamburger-menu span:nth-child(1) {\\n    top: 10px; \/* Top bar *\/\\n}\\n\\n#hamburger-menu span:nth-child(2) {\\n    top: 20px; \/* Bottom bar *\/\\n}\\n\\n\/* Open State: Transform the two bars into an \\\"X\\\" *\/\\n#hamburger-menu.open span:nth-child(1) {\\n    transform: rotate(45deg);\\n    top: 15px; \/* Centered vertically *\/\\n}\\n\\n#hamburger-menu.open span:nth-child(2) {\\n    transform: rotate(-45deg);\\n    top: 15px; \/* Centered vertically *\/\\n}\\n\/* Hamburger Menu Animation  END*\/\\n\\n\\n\\n\/* Full-Screen Mobile Menu Overlay *\/\\n#mobile-menu {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 100%;\\n    height: 100%;\\n    background-color: white;\\n    z-index: 300; \/* Ensure it's on top of everything *\/\\n    display: none; \/* Hidden by default *\/\\n    overflow: hidden; \/* Prevent overflow for fixed positioning *\/\\n    margin-top: 15vw;\\n}\\n\\n\/* Full-Screen Alternate Mobile Menu Overlay *\/\\n#mobile-alternate-menu {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 100%;\\n    height: 100%;\\n    background-color: white;\\n    z-index: 300; \/* Ensure it's on top of everything *\/\\n    display: none; \/* Hidden by default *\/\\n    overflow: hidden; \/* Prevent overflow for fixed positioning *\/\\n    margin-top: 15vw;\\n}\\n\\n\/* Mobile menu box styling with responsive sizes and absolute positioning *\/\\n.mobile-box {\\n    position: absolute;\\n    width: 65vw; \/* Responsive width *\/\\n    height: 45vh;\\n    border: 1.5px solid black;\\n    font-size: 5vw; \/* Font size relative to viewport width *\/\\n    font-family: ROMMono, sans-serif;\\n    color: black;\\n    text-align: left;\\n    padding: 2vw;\\n    box-sizing: border-box;\\n    text-decoration: none;\\n    transform: translateX(-5vw); \/* Shift all boxes left *\/\\n}\\n\\n\/* Position and background color for each box *\/\\n#mobile-mitglieder-link {\\n    top: 8vh; \/* Relative positioning from the top *\/\\n    left: 20vw;\\n    background-color: #9DD6FF;\\n    z-index: 401;\\n}\\n\\n#mobile-allianz-link {\\n    top: 15vh;\\n    left: 15vw;\\n    background-color: #C3CEF4;\\n    z-index: 402;\\n}\\n\\n#mobile-aktivitaeten-link {\\n    top: 22vh;\\n    left: 25vw;\\n    z-index: 403;\\n    background-color: #FFA564;\\n}\\n\\n#mobile-debatte-link {\\n    top: 29vh;\\n    left: 10vw;\\n    z-index: 404;\\n    background-color: #B6DFA8;\\n}\\n\\n#mobile-kontakt-link {\\n    top: 36vh;\\n    left: 23vw;\\n    background-color: #9FBEE2;\\n    z-index: 405;\\n}\\n\/* STATIC BOX FOR SUPAGES (Allianz Box) *\/\\n#back-to-home {\\n    top: 15vh;\\n    left: 25vw;\\n    z-index: 401;\\n    background-color: white;\\n}\\n#mobile-drift-box {\\n    top: 29vh;\\n    left: 15vw;\\n    z-index: 402;\\n    background-color: #F5FF82;\\n    text-align: center;\\n    font-size: 4.7vw;\\n}\\n\\n\\n\\n\\n\/* Aktuelles Box (Mobile) styles with responsive sizing *\/\\n#mobile-aktuelles-box {\\n    position: absolute;\\n    top: 44vh;\\n    left: 10vh;\\n    width: 65vw; \/* Responsive width *\/\\n    height: 35vh; \/* Adjust height for smaller screens *\/\\n    padding: 2vw;\\n    background-color: #FFFFFF;\\n    z-index: 501;\\n    border: 1.5px solid black;\\n    font-size: 2vw; \/* Responsive font size *\/\\n    text-align: center;\\n    font-family: ROMMono, sans-serif;\\n    display: none; \/* Hidden by default *\/\\n    box-sizing: border-box;\\n    overflow: auto;\\n}\\n#mobile-aktuelles-box a {\\n    color: black !important; \/* Set link color to black *\/\\n    text-decoration: none !important; \/* Remove underline if any *\/\\n}\\n\\n#mobile-aktuelles-box a:visited,\\n#mobile-aktuelles-box a:hover,\\n#mobile-aktuelles-box a:active {\\n    color: black !important; \/* Ensure all link states remain black *\/\\n    text-decoration: none !important;\\n}\\n\\n\/* Close button for mobile Aktuelles box *\/\\n#mobile-aktuelles-box .close-btn {\\n    position: absolute;\\n    top: 6px;\\n    right: 5px;\\n    background-color: transparent;\\n    border: none;\\n    font-size: 4vw;\\n    cursor: pointer;\\n    color: black;\\n}\\n\\n.laynav.mobile-nav {\\n    display: none !important;\\n    position: fixed;\\n    top: 20vw;\\n    right: 5vw;\\n    z-index: 35;\\n}\\n\\n.laynav.mobile-nav-item {\\n    visibility: hidden; \/* Hide inner items by default *\/\\n}\\n\\n\/* Show language menu when the 'active' class is added to parent *\/\\n.laynav.mobile-nav.active {\\n    display: block !important;\\n}\\n\\n\/* Ensure all child items become visible when the language menu is active *\/\\n.laynav.mobile-nav.active .laynav.mobile-nav-item {\\n    visibility: visible !important; \/* Override any hidden visibility *\/\\n    display: inline-block !important; \/* Ensure display inline-block *\/\\n}\\n\\n\\n\/* Make the .sub-menu visible when .menu-item-has-children has the .active class *\/\\n.laynav.mobile-nav .menu-item-has-children.active .sub-menu {\\n    display: block !important;\\n}\\n\\n._Default._NavTitel {\\n    margin-right: 15px;\\n}\\n\\n<\/style>\",\r\n      \"align\": \"top\",\r\n      \"row\": 0,\r\n      \"col\": 3,\r\n      \"colspan\": 10,\r\n      \"offsetx\": 0,\r\n      \"offsety\": 0,\r\n      \"spaceabove\": 0,\r\n      \"spacebelow\": 0,\r\n      \"yvel\": 1,\r\n      \"push\": 3,\r\n      \"relid\": 2,\r\n      \"panelPosition\": {\r\n        \"width\": 1920,\r\n        \"height\": 1134,\r\n        \"left\": \"217.5px\",\r\n        \"top\": \"63px\",\r\n        \"transform\": \"none\"\r\n      },\r\n      \"panelBodyHeight\": {\r\n        \"height\": \"998px\"\r\n      },\r\n      \"absolute_position\": false\r\n    }\r\n  ]\r\n}","_links":{"self":[{"href":"https:\/\/krisol-wissenschaft.org\/en\/wp-json\/wp\/v2\/pages\/122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/krisol-wissenschaft.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/krisol-wissenschaft.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/krisol-wissenschaft.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/krisol-wissenschaft.org\/en\/wp-json\/wp\/v2\/comments?post=122"}],"version-history":[{"count":0,"href":"https:\/\/krisol-wissenschaft.org\/en\/wp-json\/wp\/v2\/pages\/122\/revisions"}],"wp:attachment":[{"href":"https:\/\/krisol-wissenschaft.org\/en\/wp-json\/wp\/v2\/media?parent=122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}