:root { /* RWTH primary color */ --rwth-blue-100: rgb(0,84,159); --rwth-blue-75: rgb(64,127,183); --rwth-blue-50: rgb(142,186,229); --rwth-blue-25: rgb(199,221,242); --rwth-blue-10: rgb(232,241,250); /* RWTH secondary colors */ --rwth-black-100: rgb(0, 0, 0); --rwth-black-75: rgb(100, 101, 103); --rwth-black-50: rgb(156, 158, 159); --rwth-black-25: rgb(207, 209, 210); --rwth-black-10: rgb(236, 237, 237); --rwth-magenta-100: rgb(227, 0, 102); --rwth-magenta-75: rgb(233, 96, 136); --rwth-magenta-50: rgb(241, 158, 177); --rwth-magenta-25: rgb(249, 210, 218); --rwth-magenta-10: rgb(253, 238, 240); --rwth-yellow-100: rgb(255, 237, 0); --rwth-yellow-75: rgb(255, 240, 85); --rwth-yellow-50: rgb(255, 245, 155); --rwth-yellow-25: rgb(255, 250, 209); --rwth-yellow-10: rgb(255, 253, 238); /* RWTH additional colors */ --rwth-petrol-100: rgb(0, 97, 101); --rwth-petrol-75: rgb(45, 127, 131); --rwth-petrol-50: rgb(125, 164, 167); --rwth-petrol-25: rgb(191, 208, 209); --rwth-petrol-10: rgb(230, 236, 236); --rwth-turquoise-100: rgb(0, 152, 161); --rwth-turquoise-75: rgb(0, 177, 183); --rwth-turquoise-50: rgb(137, 204, 207); --rwth-turquoise-25: rgb(202, 231, 231); --rwth-turquoise-10: rgb(235, 246, 246); --rwth-green-100: rgb(87, 171, 39); --rwth-green-75: rgb(141, 192, 96); --rwth-green-50: rgb(184, 214, 152); --rwth-green-25: rgb(221, 235, 206); --rwth-green-10: rgb(242, 247, 236); --rwth-maygreen-100: rgb(189, 205, 0); --rwth-maygreen-75: rgb(208, 217, 92); --rwth-maygreen-50: rgb(224, 230, 154); --rwth-maygreen-25: rgb(240, 243, 208); --rwth-maygreen-10: rgb(249, 250, 237); --rwth-orange-100: rgb(246, 168, 0); --rwth-orange-75: rgb(250, 190, 80); --rwth-orange-50: rgb(253, 212, 143); --rwth-orange-25: rgb(254, 234, 201); --rwth-orange-10: rgb(255, 247, 234); --rwth-red-100: rgb(204, 7, 30); --rwth-red-75: rgb(216, 92, 65); --rwth-red-50: rgb(230, 150, 121); --rwth-red-25: rgb(243, 205, 187); --rwth-red-10: rgb(250, 235, 227); --rwth-maroon-100: rgb(161, 16, 53); --rwth-maroon-75: rgb(182, 82, 86); --rwth-maroon-50: rgb(205, 139, 135); --rwth-maroon-25: rgb(229, 197, 192); --rwth-maroon-10: rgb(245, 232, 229); --rwth-violet-100: rgb(97, 33, 88); --rwth-violet-75: rgb(131, 78, 117); --rwth-violet-50: rgb(168, 133, 158); --rwth-violet-25: rgb(210, 192, 205); --rwth-violet-10: rgb(237, 229, 234); --rwth-purple-100: rgb(122, 111, 172); --rwth-purple-75: rgb(155, 145, 193); --rwth-purple-50: rgb(188, 181, 215); --rwth-purple-25: rgb(222, 218, 235); --rwth-purple-10: rgb(242, 240, 247); }

/* COLOR VARIABLES */
/* background of highlight boxes (e.g., mainly the "teaser" box at the top of the homepage) */
/* light gray background */
/* add headers h{1,...,4} */
/* links in main sections */
/* currently active link */
/* special colors */
/* GENERAL STYLES */
* { box-sizing: border-box; font-family: 'Helvetica Neue', Arial, sans-serif; /* RWTH fonts */ font-weight: 300; margin: 0; padding: 0; }

body { font-size: 20px; line-height: 2rem; }

strong, b { font-weight: 400; }

p { margin-bottom: 10px; }

h1, h2, h3 { margin-bottom: 22px; margin-top: 5px; }

h1:first-child { margin-top: 0; }

ul, ol { margin: 0 0 0.8rem 1.5rem; }

abbr { border-bottom: 1px dashed #cfcfcf; cursor: help; }

#tooltip { display: block; font-size: 15px; color: white; background: var(--rwth-blue-100); padding: 5px 8px; min-width: 80px; box-shadow: 3px 3px rgba(0, 0, 0, 0.2); }

.infobox { display: block; background: var(--rwth-blue-100); border: 1px solid var(--rwth-blue-50); padding: 15px 20px; font-size: 14px; line-height: 17px; }

/* LINKS */
a, a:link { color: var(--rwth-blue-75); text-decoration: none; }

a:focus, a:hover { color: var(--rwth-blue-100); transition: 0.3s; text-decoration: underline; }

/* EXTERNAL LINKS */
a[href^="http"]::after, a[href^="https://"]::after { content: ""; width: 14px; height: 14px; margin-left: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M384 320c-17.67 0-32 14.33-32 32v96H64V160h96c17.67 0 32-14.32 32-32s-14.33-32-32-32L64 96c-35.35 0-64 28.65-64 64V448c0 35.34 28.65 64 64 64h288c35.35 0 64-28.66 64-64v-96C416 334.3 401.7 320 384 320zM488 0H352c-12.94 0-24.62 7.797-29.56 19.75c-4.969 11.97-2.219 25.72 6.938 34.88L370.8 96L169.4 297.4c-12.5 12.5-12.5 32.75 0 45.25C175.6 348.9 183.8 352 192 352s16.38-3.125 22.62-9.375L416 141.3l41.38 41.38c9.156 9.141 22.88 11.84 34.88 6.938C504.2 184.6 512 172.9 512 160V24C512 10.74 501.3 0 488 0z'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; opacity: 0.3; }

article a[href^="https://aim.rwth-aachen.de"]::after { display: none !important; }

/* MAIL LINKS */
a[href^="mailto:"]::after { content: ""; width: 15px; height: 15px; margin-left: 5px; margin-bottom: -2px; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M464 64C490.5 64 512 85.49 512 112C512 127.1 504.9 141.3 492.8 150.4L275.2 313.6C263.8 322.1 248.2 322.1 236.8 313.6L19.2 150.4C7.113 141.3 0 127.1 0 112C0 85.49 21.49 64 48 64H464zM217.6 339.2C240.4 356.3 271.6 356.3 294.4 339.2L512 176V384C512 419.3 483.3 448 448 448H64C28.65 448 0 419.3 0 384V176L217.6 339.2z'/%3E%3C/svg%3E"); opacity: 0.3; }

h1, h2, h3, h4 { color: var(--rwth-blue-100); font-weight: 300; /*  line-height: 2rem;*/ }

h1 { font-weight: 400; }

.refer { color: var(--rwth-black-50); }

/* GENERAL STRUCTURE */
header { position: sticky; top: 0; z-index: 99; height: 80px; background: #fff; box-shadow: 0 0.1rem 0.08rem rgba(0, 0, 0, 0.3); background-color: white; /*margin-bottom: 35px;*/ }

header h1.logo:after { display: none; }

.wrapper { width: 100%; }

.box { width: 80%; margin: 0 auto; padding: 3rem 0 3rem; max-width: 1400px; }

/* Make sure that direct siblings of boxes do have a zero padding */
.box + .box { padding-top: 0; }

header .box { padding-top: 0; padding-bottom: 0; }

header .box { display: flex; justify-content: space-between; flex-direction: row; }

header h1 { border-bottom: 0; margin: 0; }

#our-aim { background: var(--rwth-blue-100); color: white; text-align: center; padding-left: 25px; padding-right: 25px; }

#our-aim h1, #our-aim h2 { color: white; }

#our-aim a, #our-aim a:link { color: var(--rwth-blue-50); }

#ada-and-aim { font-size: 110%; padding-left: 10%; padding-right: 10%; }

#ada-and-aim h2 { text-transform: none; font-size: 110%; }

#ada-and-aim h2 b { color: var(--rwth-blue-100); background-color: white; border-radius: 5px; display: inline-block; padding: 2px 6px; }

#our-aim a[href^="http"]::after, #our-aim a[href^="https://"]::after { display: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M384 320c-17.67 0-32 14.33-32 32v96H64V160h96c17.67 0 32-14.32 32-32s-14.33-32-32-32L64 96c-35.35 0-64 28.65-64 64V448c0 35.34 28.65 64 64 64h288c35.35 0 64-28.66 64-64v-96C416 334.3 401.7 320 384 320zM488 0H352c-12.94 0-24.62 7.797-29.56 19.75c-4.969 11.97-2.219 25.72 6.938 34.88L370.8 96L169.4 297.4c-12.5 12.5-12.5 32.75 0 45.25C175.6 348.9 183.8 352 192 352s16.38-3.125 22.62-9.375L416 141.3l41.38 41.38c9.156 9.141 22.88 11.84 34.88 6.938C504.2 184.6 512 172.9 512 160V24C512 10.74 501.3 0 488 0z'/%3E%3C/svg%3E"); }

body > footer { background-color: var(--rwth-black-10); }

footer .box { display: grid; grid-template-columns: 1fr 1fr; grid-row-gap: 25px; grid-col-gap: 25px; }

#logo:after { display: none; }

#logo h1 { display: block; margin: 24px 0; }

#logo img { margin: 15px 0 0 0; width: 300px; }

/* MAIN MENU */
.toggle { display: none; }

.active { display: block; }

.here-we-are { font-weight: bold; border-bottom: 3px solid var(--link-hover-color); }

header ul { display: flex; justify-content: space-evenly; align-items: center; list-style-type: none; margin: 0; padding: 0; }

header ul li { display: inline-block; line-height: 1; }

header ul a { display: block; letter-spacing: 1px; padding: 30px 15px 25px 15px; border-bottom: 3px solid transparent; text-decoration: none; font-size: 22px; font-weight: 300; text-transform: uppercase; /* JB: temporaritly adapted since we now have 8 main menu items */ font-size: 18px; padding: 33px 15px 26px 15px; }

header ul a:focus, header ul a:hover { transition: none; text-decoration: none; color: var(--rwth-blue-75); border-bottom-color: var(--rwth-blue-25); transition: all .2s ease-in-out; }

/* BLOG */
#blog article img { display: block; }

.post:not(:first-child) { margin-top: 25px; }

.post_author { font-size: 14px; line-height: 1.1rem; color: var(--rwth-black-50); }

.post_author img { float: left; margin-top: -8px; position: block; width: 50px; height: 50px; border-radius: 25px; margin-bottom: 10px; }

/* MEMBER LIST */
#member-list { display: grid; grid-template-columns: 1fr 1fr; grid-row-gap: 25px; grid-column-gap: 50px; }

.member-image { position: block; width: 50px; height: 50px; border-radius: 25px; margin-bottom: 10px; }

.member-name { display: block; font-weight: 500; }

.member-position { display: block; color: var(--rwth-black-75); }

.member-links { font-size: 0.8rem; line-height: 2.0rem; list-style-type: none; padding-left: 0; margin-left: 0 !important; }

.member-links li { display: inline; }

.member-links li:not(:last-child)::after { content: "|"; padding-left: 0.4rem; padding-right: 0.4rem; }

.member-links a[href^="http"]::after, .member-links a[href^="https://"]::after { height: 10px; width: 10px; }

.member-links a[href^="http"]::after, .member-links a[href^="https://"]::after { display: none; }

.member-links a { border-radius: 5px; border: 1px solid var(--rwth-blue-50); background-color: white; text-transform: uppercase; padding: 6px 8px; }

.member-links a:hover, .member-links a:focus { /*border-color: var(--rwth-turquoise-100);*/ background-color: var(--rwth-blue-100); border-color: var(--rwth-blue-100); color: white; text-decoration: none; }

.faq_question { cursor: pointer; }

.faq_question:after { display: inline-block; content: '+'; color: gray; padding-left: 0.5rem; }

.faq_open:after { content: '-'; }

.faq_answer { display: none; }

.member-links li:not(:last-child)::after { display: none; }

@media only screen and (max-width: 1400px) { .box { width: 98%; } header { justify-content: space-between; align-items: center; flex-direction: column; } header ul a { font-size: 18px; padding: 33px 15px 26px 15px; } }

@media only screen and (max-width: 1000px) { body { font-size: 14px; line-height: 1.4rem; } header { height: 70px; } #logo img { margin: 12px 0 0 0; width: 270px; } .toggle { display: block; font-size: 25px; margin-top: 23px; } .active { display: block; } header nav { display: none; position: absolute; top: 65px; z-index: 9999; width: 100%; left: 0; box-shadow: 0 0.1rem 0.08rem rgba(0, 0, 0, 0.3); } header ul { flex-wrap: wrap; justify-content: space-between; align-items: center; } header ul li { width: 100%; text-align: center; } header ul a { display: block; letter-spacing: 1px; padding: 10px 15px 10px 15px; border-bottom: 0; background: white; text-decoration: none; font-size: 14px; font-weight: 300; text-transform: uppercase; } header ul a:link, header ul a:hover { border-bottom: 0; } .box { width: 95%; } #ada-and-aim { padding: 0; } #ada-and-aim h2 b { /*padding: 1px 3px;*/ line-height: 110%; } #member-list, footer .box { grid-template-columns: 1fr; } }

.picto_enumeration img { float: left; width: 75px; margin-right: 15px; }

#logo { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-row-gap: 25px; grid-column-gap: 50px; text-align: center; }

#logo img { width: 80%; }

#logo a::after { display: none; }

#menu ul { display: inline-block; }

#language_switch { margin-top: 23px; font-weight: bold; margin-left: 1em; }

@media only screen and (max-width: 1000px) { #menu ul { display: block; } .picto_enumeration img { width: 40px; } #logo img { width: 84px !important; } #language_switch { display: block; margin: 0; background: white; text-align: center; } }

.button-day { align-items: center; background-clip: padding-box; background-color: #fa6400; border: 1px solid transparent; border-radius: .25rem; box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-flex; font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; font-weight: 600; justify-content: center; line-height: 1.25; margin: 0; min-height: 3rem; padding: calc(.875rem - 1px) calc(1.5rem - 1px); position: relative; text-decoration: none; transition: all 250ms; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; width: auto; }

.button-day:hover, .button-day:focus { background-color: #fb8332; box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px; }

.button-day:hover { transform: translateY(-1px); }

.button-day:active { background-color: #c85000; box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px; transform: translateY(0); }

.hidden { display: none; /* Initially hide the div */ }

:target { display: block; /* Show the div when it is targeted */ }

/*# sourceMappingURL=styles.css.map */