body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
.download-element a{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl a{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls a{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx a{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx a{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt a{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin a{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc a{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx a{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word a{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto a{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms a{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha a{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh a{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe a{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class a{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so a{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea a{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll a{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda a{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf a{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai a{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps a{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps a{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps a{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt a{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx a{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi a{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil a{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif a{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc a{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf a{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg a{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi a{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp a{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods a{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt a{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml a{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc a{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg a{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr a{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir a{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr a{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi a{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar a{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc a{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php a{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3 a{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4 a{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5 a{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml a{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps a{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js a{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd a{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar a{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla a{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf a{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit a{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar a{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz a{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml a{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht a{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip a{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3 a{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma a{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg a{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav a{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg a{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid a{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi a{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif a{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff a{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc a{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram a{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm a{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm a{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra a{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp a{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif a{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg a{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg a{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe a{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png a{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff a{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif a{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg a{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz a{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp a{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif a{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic a{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl a{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml a{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp a{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css a{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss a{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less a{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html a{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm a{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md a{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml a{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt a{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text a{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log a{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx a{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf a{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml a{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl a{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4 a{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v a{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov a{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv a{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm a{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt a{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv a{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi a{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv a{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie a{background-image:url(../../assets/contao/images/iconMOVIE.svg)}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
@charset "UTF-8";
/* 
*   ==============================================================================   
*   Rosa-Luxemburg-Stiftung Southeast Asia
*   Version 1.6 (14.04.2026)
*
*   STYLE
*   ------------------------------------------------------------------------------
*   Aggregator
*   ==============================================================================
*/
/* 
*   ==============================================================================   
*   Rosa-Luxemburg-Stiftung Southeast Asia
*   Version 1.2 (21.09.2023)
*
*   FONTS
*   ------------------------------------------------------------------------------
*   Web-Fonts (Linotype Univers)
*   ==============================================================================
*/
@font-face {
  font-family: "Opensans";
  src: url("../../files/theme-rls-sea/fonts/OpenSans-Light-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Opensans";
  src: url("../../files/theme-rls-sea/fonts/OpenSans-LightItalic-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Opensans";
  src: url("../../files/theme-rls-sea/fonts/OpenSans-Bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Opensans";
  src: url("../../files/theme-rls-sea/fonts/OpenSans-BoldItalic-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Opensans";
  src: url("../../files/theme-rls-sea/fonts/OpenSans-ExtraBold-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Opensans";
  src: url("../../files/theme-rls-sea/fonts/OpenSans-ExtraBoldItalic-webfont.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "UniversExt";
  src: url("../../files/theme-rls-sea/fonts/LinotypeUnivers-940ExXBlack.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
/* 
*   ==============================================================================   
*   Fundamental-Framework
*   version 1.0
*
*   DEFINITIONS
*   ------------------------------------------------------------------------------
*   Sets basic variables used across the site.
*   ==============================================================================
*/
/* 
*   ==============================================================================   
*   Rosa-Luxemburg-Stiftung Southeast Asia
*   Version 0.9 (12.08.2019)
*
*   RESPONSIVE
*   ------------------------------------------------------------------------------
*   Provides mixins and classes for responsive design.
*   ==============================================================================
*/
@media screen and (min-width: 501px) {
  .small-only {
    display: none;
  }
}

.medium-only {
  display: none;
}
@media screen and (min-width: 501px) and (max-width: 1000px) {
  .medium-only {
    display: inline;
  }
}

.large-only {
  display: none;
}
@media screen and (min-width: 1001px) and (max-width: 1600px) {
  .large-only {
    display: inline;
  }
}

@media screen and (max-width: 1600px) {
  .xlarge-only {
    display: none;
  }
}

.medium-up-only {
  display: none;
}
@media screen and (min-width: 501px) {
  .medium-up-only {
    display: inline;
  }
}

.large-up-only {
  display: none;
}
@media screen and (min-width: 1001px) {
  .large-up-only {
    display: inline;
  }
}

.desktop-up-only {
  display: none;
}
@media screen and (min-width: 1001px) and (orientation: landscape) {
  .desktop-up-only {
    display: inline;
  }
}

.medium-down-only {
  display: none;
}
@media screen and (max-width: 1000px) {
  .medium-down-only {
    display: inline;
  }
}

.large-down-only {
  display: none;
}
@media screen and (max-width: 1600px) {
  .large-down-only {
    display: inline;
  }
}

/* 
*   ==============================================================================   
*   Rosa-Luxemburg-Stiftung Southeast Asia
*   Version 1.0 (24.02.2020)
*
*   ANIMATIONS
*   ------------------------------------------------------------------------------
*   Animation classes (on all positioned elements)
*   ==============================================================================
*/
.menu-off {
  transform: translateX(0);
  transition: transform 0.5s ease-out;
}

.menu-on {
  transform: translateX(-75dvw);
  transition: transform 0.5s ease-out;
}

@keyframes kenburns {
  0%, 100% {
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  50% {
    transform: scale3d(1.2, 1.2, 1.2) translate3d(-100px, -40px, 0px);
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
}
@keyframes kenburns-portrait {
  0%, 100% {
    transform: scale3d(1, 1, 1) translate3d(0, 0px, 0);
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  50% {
    transform: scale3d(1.2, 1.2, 1.2) translate3d(0, -30px, 0);
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
}
@keyframes vibrate {
  0%, 100% {
    transform: translateX(0px);
  }
  20% {
    transform: translateX(3px);
  }
  40% {
    transform: translateX(-3px);
  }
  60% {
    transform: translateX(3px);
  }
  80% {
    transform: translateX(-3px);
  }
}
.fun-vibrate:hover {
  animation-name: vibrate;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
  animation-delay: 0;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-fill-mode: none;
  animation-play-state: running;
}

@keyframes off-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100vw);
  }
}
@keyframes off-right {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100vw);
  }
}
@keyframes off-top {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100vh);
  }
}
@keyframes off-bottom {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100vh);
  }
}
.fun-off-left,
.fun-off-right,
.fun-off-top,
.fun-off-bottom {
  animation-name: off-left;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-delay: 2s;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-play-state: running;
}

.fun-off-right {
  animation-name: off-right;
}

.fun-off-top {
  animation-name: off-top;
}

.fun-off-bottom {
  animation-name: off-bottom;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fun-fade-in,
.fun-fade-out {
  animation-name: fade;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-delay: 2s;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-play-state: running;
}

.fun-fade-out {
  animation-direction: reverse;
}

@keyframes pulse {
  0%, 100% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
.fun-pulse,
.fun-pulse-once {
  animation-name: pulse;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-delay: 1s;
  animation-direction: normal;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}

.fun-pulse-once {
  animation-iteration-count: 1;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  2% {
    transform: translateY(3px);
  }
  4% {
    transform: translateY(-3px);
  }
  6% {
    transform: translateY(3px);
  }
  8% {
    transform: translateY(-3px);
  }
  10% {
    transform: translateY(0);
  }
}
.fun-bounce,
.fun-bounce-once {
  animation-name: bounce;
  animation-duration: 4s;
  animation-timing-function: ease-out;
  animation-delay: 1s;
  animation-direction: normal;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}

.fun-bounce-once {
  animation-iteration-count: 1;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
.fun-rotate,
.fun-rotate-once {
  animation-name: rotate;
  animation-duration: 8s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-direction: normal;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}

.fun-rotate-once {
  animation-iteration-count: 1;
}

/* 
*   ==============================================================================   
*   Rosa-Luxemburg-Stiftung Southeast Asia
*   Version 0.9 (12.08.2019)
*
*   FUNDAMENTALS
*   ------------------------------------------------------------------------------
*   Basics for whole site
*   ==============================================================================
*/
* {
  box-sizing: border-box;
  border: 0 none transparent;
  margin: 0;
  padding: 0;
}

html,
body {
  font-display: fallback;
  overflow-x: hidden;
}
html.safari,
body.safari {
  cursor: pointer;
}

html {
  font-size: 15px !important;
}
@media screen and (min-width: 501px) {
  html {
    font-size: 16px !important;
  }
}
@media screen and (min-width: 1001px) {
  html {
    font-size: 17px !important;
  }
}
@media screen and (min-width: 1601px) and (max-width: 2560px) {
  html {
    font-size: 18px !important;
  }
}
@media screen and (min-width: 2562px) {
  html {
    font-size: 22px !important;
  }
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

/* 
*   ==============================================================================   
*   Rosa-Luxemburg-Stiftung Southeast Asia
*   Version 1.0 (16.10.2020)
*
*   TEXT
*   ------------------------------------------------------------------------------
*   Headlines, paragraphs and text elements
*   ==============================================================================
*/
h1, h2, h3, h4, h5, h6,
p, q, li, a,
blockquote, cite,
sub, sup {
  font-kerning: auto;
  font-variant-ligatures: common-ligatures;
  font-variant-numeric: proportional-nums;
  hyphens: auto;
  font-weight: normal;
}

q, blockquote {
  quotes: "»" "«" "›" "‹";
}

blockquote::before {
  content: open-quote;
}

blockquote::after {
  content: close-quote;
}

sup {
  font-variant-position: super;
}

sub {
  font-variant-position: sub;
}

.fun-num-fraction {
  font-variant-numeric: diagonal-fractions;
}

.fun-text-decoration {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: rgb(12, 23, 69);
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

.fun-text-bg-solid {
  display: inline;
  color: rgb(255, 255, 255);
  background-color: rgb(255, 51, 0);
  padding: 0.1rem 0.5rem 0.2rem 0.5rem;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  line-height: 190%;
}

h1, h2, h3,
h4, h5, h6 {
  display: block;
  font-family: "Opensans";
  font-size: 2.5rem;
  line-height: 115%;
  color: rgb(10, 10, 10);
  background-color: transparent;
  margin: 0 0 0 0;
  hyphens: auto;
  text-wrap: balance;
}
@media screen and (max-width: 500px) {
  h1, h2, h3,
  h4, h5, h6 {
    font-size: 2.5rem;
    margin-top: 1.3157894737rem;
    margin-bottom: 0.3289473684rem;
  }
}
@media screen and (min-width: 501px) {
  h1, h2, h3,
  h4, h5, h6 {
    font-size: 3rem;
    margin-top: 1.5789473684rem;
    margin-bottom: 0.3947368421rem;
  }
}
@media screen and (min-width: 1001px) {
  h1, h2, h3,
  h4, h5, h6 {
    font-size: 3rem;
    margin-top: 1.5789473684rem;
    margin-bottom: 0.3947368421rem;
  }
}
@media screen and (min-width: 1601px) and (max-width: 2560px) {
  h1, h2, h3,
  h4, h5, h6 {
    font-size: 3.8rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
  }
}

@media screen and (max-width: 500px) {
  h2 {
    font-size: 1.8rem;
    margin-top: 1.8rem;
    margin-bottom: 0.45rem;
  }
}
@media screen and (min-width: 501px) {
  h2 {
    font-size: 2rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 1001px) {
  h2 {
    font-size: 2rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 1601px) and (max-width: 2560px) {
  h2 {
    font-size: 2rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
  }
}

@media screen and (max-width: 500px) {
  h3 {
    font-size: 1.25rem;
    margin-top: 1.8181818182rem;
    margin-bottom: 0.4545454545rem;
  }
}
@media screen and (min-width: 501px) {
  h3 {
    font-size: 1.375rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 1001px) {
  h3 {
    font-size: 1.375rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 1601px) and (max-width: 2560px) {
  h3 {
    font-size: 1.375rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
  }
}

@media screen and (max-width: 500px) {
  h4, h5 {
    font-size: 1.1rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 501px) {
  h4, h5 {
    font-size: 1.1rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 1001px) {
  h4, h5 {
    font-size: 1.1rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 1601px) and (max-width: 2560px) {
  h4, h5 {
    font-size: 1.1rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
  }
}

@media screen and (max-width: 500px) {
  h6 {
    font-size: 1rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 501px) {
  h6 {
    font-size: 1rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 1001px) {
  h6 {
    font-size: 1rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 1601px) and (max-width: 2560px) {
  h6 {
    font-size: 1rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
  }
}

div > h1, h1 + h2, h2 + h3, h3 + h4, h4 + h5, h4 + h6 {
  margin-top: 0;
}

h1:first-of-type, h2:first-of-type, h3:first-of-type, h4:first-of-type, h6:first-of-type {
  margin-top: 0;
}

p, q, li, blockquote,
sub, sup {
  display: block;
  font-family: "Opensans";
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 140%;
  color: rgb(10, 10, 10);
}
p.fun-indent-first, q.fun-indent-first, li.fun-indent-first, blockquote.fun-indent-first,
sub.fun-indent-first, sup.fun-indent-first {
  text-indent: 1.5rem;
}
p.fun-indent-first:first-of-type, q.fun-indent-first:first-of-type, li.fun-indent-first:first-of-type, blockquote.fun-indent-first:first-of-type,
sub.fun-indent-first:first-of-type, sup.fun-indent-first:first-of-type {
  text-indent: 0;
}
p.fun-indent-left-right, q.fun-indent-left-right, li.fun-indent-left-right, blockquote.fun-indent-left-right,
sub.fun-indent-left-right, sup.fun-indent-left-right {
  padding-left: 8.3333333333dvw;
  padding-right: 8.3333333333dvw;
}
p.fun-spacer-bottom, q.fun-spacer-bottom, li.fun-spacer-bottom, blockquote.fun-spacer-bottom,
sub.fun-spacer-bottom, sup.fun-spacer-bottom {
  padding-bottom: 1rem;
}
p.fun-spacer-bottom:last-of-type, q.fun-spacer-bottom:last-of-type, li.fun-spacer-bottom:last-of-type, blockquote.fun-spacer-bottom:last-of-type,
sub.fun-spacer-bottom:last-of-type, sup.fun-spacer-bottom:last-of-type {
  padding-bottom: 0;
}

sub, sup {
  display: inline-block;
}

li {
  display: list-item;
}

.fun-text-col2,
.fun-text-col3,
.fun-text-col4 {
  width: 100%;
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}
@media screen and (max-width: 500px) {
  .fun-text-col2,
  .fun-text-col3,
  .fun-text-col4 {
    -moz-column-count: 1;
         column-count: 1;
  }
}

.fun-text-col3 {
  -moz-column-count: 1;
       column-count: 1;
}
@media screen and (min-width: 501px) {
  .fun-text-col3 {
    -moz-column-count: 3;
         column-count: 3;
  }
}

.fun-text-col4 {
  -moz-column-count: 2;
       column-count: 2;
}
@media screen and (min-width: 1001px) {
  .fun-text-col4 {
    -moz-column-count: 4;
         column-count: 4;
  }
}

.fun-list-blank,
.fun-list-square,
.fun-list-arrow {
  font: inherit;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.fun-list-blank li,
.fun-list-square li,
.fun-list-arrow li {
  padding-bottom: 0.5rem;
}

.fun-list-square {
  list-style-type: square;
  list-style-position: inside;
}

.fun-list-arrow {
  list-style-type: none;
}
.fun-list-arrow li:before {
  content: "";
  display: inline-block;
  height: 0.8rem;
  width: 0.8rem;
  background-image: url("../../files/theme-rls-sea/images/icons/icon-arrow-right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 1rem;
}

/* 
*   ==============================================================================   
*   Rosa-Luxemburg-Stiftung Southeast Asia
*   Version 1.5 (30.04.2024)
*
*   SPECIFIC
*   ------------------------------------------------------------------------------
*   Classes specific to RLS-SEA
*   ==============================================================================
*/
.ce_rsce_internal-notice {
  position: absolute;
  display: none;
}

body {
  background-color: rgb(255, 255, 255);
}

#mobile-menu-toggle {
  display: none;
}
@media screen and (max-width: 1000px) {
  #mobile-menu-toggle {
    display: block;
  }
}
#mobile-menu-toggle {
  position: fixed;
  z-index: 1010;
  top: 0;
  right: -75dvw;
  width: 75dvw;
  height: 100vh;
  background-color: rgba(12, 23, 69, 0.9);
}
#mobile-menu-toggle nav {
  position: absolute;
  top: 11.1111111111dvh;
  left: 8.3333333333dvw;
}
#mobile-menu-toggle nav li {
  font-family: "Opensans";
  font-weight: 700;
  font-size: 1.5rem;
  color: rgb(255, 255, 255);
  padding-bottom: 1rem;
}
#mobile-menu-toggle nav li a {
  font-weight: inherit;
  color: rgb(255, 255, 255);
}
#mobile-menu-toggle nav li a:hover {
  color: rgb(255, 51, 0);
}

header #header-desktop {
  display: none;
}
@media screen and (min-width: 1001px) {
  header #header-desktop {
    display: block;
  }
}
header #header-desktop {
  position: fixed;
  z-index: 1000;
  width: 100vw;
  height: 11.1111111111dvh;
  min-height: 2rem;
}
header #header-desktop.menu-small {
  height: 6.6666666667dvh;
  transition: height 0.5s ease-out;
}
header #header-desktop.menu-large {
  height: 11.1111111111dvh;
  transition: height 0.5s ease-out;
}
header #header-desktop #header-logo-large {
  position: absolute;
  top: 0;
  left: 8.3333333333dvw;
  height: 13.8888888889dvh;
  opacity: 1;
  transition: opacity 0.5s ease-out;
  box-shadow: 0 0 10px 0 rgba(10, 10, 10, 0.2);
}
header #header-desktop #header-logo-large img {
  width: auto;
  height: 13.8888888889dvh;
}
header #header-desktop #header-logo-large.logo-large-off {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
header #header-desktop #header-logo-small {
  position: absolute;
  bottom: 0.35rem;
  left: 8.3333333333dvw;
  opacity: 1;
  transition: opacity 0.5s ease-out;
}
header #header-desktop #header-logo-small img {
  height: auto;
  width: 25dvw;
}
header #header-desktop #header-logo-small.logo-small-off {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
header #header-desktop #header-logo-office {
  position: absolute;
  height: 11.1111111111dvh;
  width: auto;
  left: 6.9444444444dvw;
  top: 0;
  opacity: 1;
  transition: opacity 0.5s ease-out;
}
header #header-desktop #header-logo-office img {
  width: auto;
  height: 8.8888888889dvh;
  margin-top: 1.1111111111dvh;
}
header #header-desktop #header-logo-office.logo-office-off {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
header #header-desktop #lang-switch {
  position: absolute;
  height: 11.1111111111dvh;
  width: 8.3333333333dvw;
}
header #header-desktop #lang-switch p {
  text-align: center;
  color: rgb(255, 255, 255);
  font-size: 0.8rem;
  margin-top: 4.4444444444dvh;
}
header #header-desktop #lang-switch span.lang-sel {
  text-decoration: none;
}
header #header-desktop #lang-switch a {
  color: rgb(255, 255, 255);
  font-weight: 700;
  cursor: pointer;
  text-decoration: underline;
}
header #header-desktop nav {
  position: absolute;
  bottom: 0;
  right: 8.3333333333dvw;
}
header #header-desktop nav ul {
  text-align: right;
}
header #header-desktop nav li {
  display: inline-block;
  padding: 0.3rem 0 0.3rem 0;
  margin-right: 2rem;
  font-family: "Opensans";
  font-weight: 700;
  color: rgb(255, 255, 255);
}
header #header-desktop nav li.last {
  padding-right: 0;
}
header #header-desktop nav li.active {
  padding-top: 0;
  border-top: 3px solid rgb(255, 255, 255);
}
header #header-desktop nav li a {
  color: rgb(255, 255, 255);
}
header #header-desktop {
  background-color: rgb(255, 51, 0);
}
header #header-mobile {
  display: none;
}
@media screen and (max-width: 1000px) {
  header #header-mobile {
    display: block;
  }
}
header #header-mobile {
  position: fixed;
  z-index: 1000;
  width: 100vw;
  height: 6.1111111111dvh;
}
header #header-mobile .header-logo-mobile {
  position: absolute;
  top: 1.6666666667dvh;
  left: 8.3333333333dvw;
}
header #header-mobile .header-logo-mobile img {
  height: 2.7777777778dvh;
  width: auto;
}
@media screen and (min-width: 501px) and (max-width: 1000px) and (orientation: portrait) {
  header #header-mobile .header-logo-mobile {
    top: 1.9444444444dvh;
  }
  header #header-mobile .header-logo-mobile img {
    height: 2.7777777778dvh;
  }
}
header #header-mobile .header-hamburger {
  position: absolute;
  top: 1.6666666667dvh;
  right: 8.3333333333dvw;
  height: 6.6666666667dvh;
}
header #header-mobile .header-hamburger img {
  height: 2.7777777778dvh;
  width: auto;
}
header #header-mobile {
  background-color: rgb(255, 51, 0);
}

footer {
  width: 100vw;
  background-color: rgb(255, 51, 0);
  background-image: url("../../files/theme-rls-sea/icons/rosa-luxemburg.svg");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: auto 90%;
}
@media screen and (max-width: 500px) and (orientation: portrait) {
  footer {
    background-size: auto 33%;
  }
}
footer .footer-brand {
  position: relative;
  top: -0.45rem;
  width: 91.6666666667dvw;
  margin: 0 0 1rem 8.3333333333dvw;
  border-top: 0.5rem solid rgb(204, 40.8, 0);
  padding: 5.8479532164dvh 0 0 0;
  background-color: transparent;
}
footer .footer-brand p, footer .footer-brand p a {
  font-family: "UniversExt";
  font-weight: 900;
  color: rgb(255, 255, 255);
}
footer .footer-content {
  position: relative;
  width: 91.6666666667dvw;
  margin-left: 8.3333333333dvw;
  padding: 0 8.3333333333dvw 6.1111111111dvh 0;
  display: grid;
  grid-column-gap: 4.1666666667dvw;
  grid-row-gap: 5.5555555556dvh;
  grid-template-columns: 1fr;
  grid-template-areas: "menu" "mission" "imprint";
}
@media screen and (min-width: 501px) {
  footer .footer-content {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "menu imprint" "mission mission";
  }
}
@media screen and (min-width: 1001px) {
  footer .footer-content {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "menu mission imprint";
  }
}
footer .footer-content .f-menu {
  grid-area: menu;
}
footer .footer-content .f-mission {
  grid-area: mission;
}
footer .footer-content .f-imprint {
  grid-area: imprint;
}
footer .footer-content h4, footer .footer-content p, footer .footer-content li, footer .footer-content a {
  color: rgb(255, 255, 255);
}
footer .footer-content p {
  padding-bottom: 0.5rem;
}
footer .footer-content li {
  display: block;
  border-top: 1px solid rgba(255, 255, 255, 0.66);
  padding: 0.5rem 0;
}
footer .footer-content li:first-of-type {
  border-top: 0;
  padding-top: 0;
}
footer .footer-content nav a {
  text-decoration: none;
  font-weight: inherit;
}

.hero-universal img {
  width: 100dvw;
  height: 16.6666666667dvh;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (orientation: landscape) {
  .hero-universal img {
    height: 27.7777777778dvh;
  }
}

.topline {
  font-family: "Opensans";
  font-weight: bold;
  font-size: 1rem;
  color: rgb(127, 127, 127);
  margin-bottom: 0.5rem;
}

.topline-small {
  font-family: "Opensans";
  font-weight: 400;
  font-size: 1rem;
  color: rgb(255, 51, 0);
  margin-bottom: 0.5rem;
}

h1 {
  position: relative;
  margin-bottom: 11.1111111111dvh;
  font-weight: 900;
}
h1::after {
  position: absolute;
  bottom: -5.5555555556dvh;
  left: 0;
  display: inline-block;
  width: 12.5dvw;
  content: "";
  border-top: 0.3rem solid rgb(255, 51, 0);
}

h2, h3 {
  font-family: "Opensans";
  font-weight: 900;
}

.topic-card div h2 {
  font-size: 1.375rem;
  margin-bottom: 0.75rem;
}

#highlight h4 {
  font-size: 1rem;
  color: rgb(255, 51, 0);
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.quote-box {
  background-image: url("../../files/theme-rls-sea/icons/icon-quote-gray.svg");
  background-position: 8.3333333333dvw center;
  background-size: auto 80%;
  background-repeat: no-repeat;
}

q {
  font-size: 2.4rem;
  font-style: oblique;
}

.testimonial {
  font-family: "Opensans";
  font-weight: normal;
  font-size: 1rem;
}

a {
  font-family: "Opensans";
  text-decoration: none;
  color: rgb(52, 152, 219);
  font-weight: inherit;
}

.button,
.button-read-on,
.hero-slide-text a,
.reset-link a.reset,
.back a,
.submit {
  position: relative;
  left: 0;
  margin-top: 0.5rem;
  display: inline-block;
  background-color: rgb(12, 23, 69);
  color: rgb(255, 255, 255);
  border-radius: 1.5rem;
  padding: 0.35rem 1.5rem 0.45rem 1.5rem;
  font-family: "Opensans";
  font-weight: bold;
  line-height: 100%;
}
.button a,
.button-read-on a,
.hero-slide-text a a,
.reset-link a.reset a,
.back a a,
.submit a {
  text-decoration: none;
  color: rgb(255, 255, 255);
  line-height: 100%;
  font-size: 1rem;
  font-weight: 700;
}
.button:hover,
.button-read-on:hover,
.hero-slide-text a:hover,
.reset-link a.reset:hover,
.back a:hover,
.submit:hover {
  background-color: rgb(27.1111111111, 51.962962963, 155.8888888889);
}

a.go-on {
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: bold;
}
a.go-on::before {
  content: "> ";
}

.footer-content p img {
  width: 1.5rem;
  height: auto;
  margin: 0 0.75rem 0 0;
}

.cookiebar {
  display: block;
  padding: 2.7777777778dvh 8.3333333333dvw;
  background-color: rgb(127, 127, 127);
  color: rgb(238, 235, 232);
  font-family: "Opensans";
  font-weight: normal;
  font-size: 0.9rem;
}

.cookiebar__text {
  display: inline-block;
}

.cookiebar__button {
  background-color: rgb(12, 23, 69);
  color: rgb(255, 255, 255);
  margin-left: 2rem;
  border-radius: 1.25rem;
  padding: 0.2rem 1.25rem 0.3rem 1.25rem;
  font-size: 0.9rem;
}

.cookiebar__link {
  color: #a84204;
}

.spacer-l-top {
  padding-top: 11.1111111111dvh;
}

.spacer-m-top {
  padding-top: 5.5555555556dvh;
}

.spacer-s-top {
  padding-top: 5.5555555556dvh;
}

.spacer-l-bottom {
  padding-top: 12.2222222222dvh;
}

.spacer-m-bottom {
  padding-top: 6.1111111111dvh;
}

.spacer-s-bottom {
  padding-top: 3.0555555556dvh;
}

/* 
*   ==============================================================================   
*   Rosa-Luxemburg-Stiftung Southeast Asia
*   Version 1.6 (14.04.2026)
*
*   SPEC HOME
*   ------------------------------------------------------------------------------
*   Classes specific to Homepage RLS-SEA
*   ==============================================================================
*/
.slider-home .rsts-caption {
  display: none;
}
.slider-home .hero-slide-text {
  position: relative;
  top: 50dvh;
  left: 4.1666666667dvw;
}
@media screen and (min-width: 1001px) {
  .slider-home .hero-slide-text {
    top: 66.6666666667dvh;
    left: 8.3333333333dvw;
  }
}
.slider-home .hero-slide-text {
  display: block;
  width: 91.6666666667dvw;
  border-radius: 0.5rem;
}
@media screen and (min-width: 1001px) {
  .slider-home .hero-slide-text {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.slider-home .hero-slide-text h1, .slider-home .hero-slide-text h2, .slider-home .hero-slide-text h3, .slider-home .hero-slide-text h4 {
  font-size: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 0;
  padding-bottom: 1rem;
}
.slider-home .hero-slide-text h1::after, .slider-home .hero-slide-text h2::after, .slider-home .hero-slide-text h3::after, .slider-home .hero-slide-text h4::after {
  display: none;
}
@media screen and (min-width: 1001px) {
  .slider-home .hero-slide-text h1, .slider-home .hero-slide-text h2, .slider-home .hero-slide-text h3, .slider-home .hero-slide-text h4 {
    font-size: 3.8rem;
  }
}
.slider-home .hero-slide-text p {
  font-weight: 700;
  color: rgb(255, 255, 255);
  padding-left: 2px;
  margin-bottom: 0;
}
.slider-home .hero-slide-text p a {
  margin-top: 1rem;
}
.slider-home .hero-slide-text.slide-bg-secondary {
  padding: 0.5rem 1.5rem 1.5rem 1.5rem;
  background-color: rgba(12, 23, 69, 0.7);
}
.slider-home .hero-slide-text.slide-bg-primary {
  padding: 0.5rem 1.5rem 1.5rem 1.5rem;
  background-color: rgba(255, 51, 0, 0.5);
}
.slider-home .hero-slide-text.slide-bg-gray {
  padding: 0.5rem 1.5rem 1.5rem 1.5rem;
  background-color: rgba(127, 127, 127, 0.5);
}
.slider-home .hero-slide-text.slide-bg-tertiary {
  padding: 0.5rem 1.5rem 1.5rem 1.5rem;
  background-color: rgba(52, 152, 219, 0.5);
}
.slider-home .hero-slide-text.slide-bg-white {
  padding: 0.5rem 1.5rem 1.5rem 1.5rem;
  background-color: rgba(255, 255, 255, 0.5);
}
.slider-home .hero-slide-text.slide-bg-white h1, .slider-home .hero-slide-text.slide-bg-white h2, .slider-home .hero-slide-text.slide-bg-white h3,
.slider-home .hero-slide-text.slide-bg-white h4, .slider-home .hero-slide-text.slide-bg-white p {
  color: rgb(10, 10, 10);
}
.slider-home .hero-slide-text.slide-bg-white h1 a, .slider-home .hero-slide-text.slide-bg-white h2 a, .slider-home .hero-slide-text.slide-bg-white h3 a,
.slider-home .hero-slide-text.slide-bg-white h4 a, .slider-home .hero-slide-text.slide-bg-white p a {
  color: rgb(255, 255, 255);
}
.slider-home .hero-slide-text.slide-marker-secondary {
  background-color: transparent;
  border-radius: 0;
}
.slider-home .hero-slide-text.slide-marker-secondary h1 mark,
.slider-home .hero-slide-text.slide-marker-secondary h2 mark,
.slider-home .hero-slide-text.slide-marker-secondary h3 mark,
.slider-home .hero-slide-text.slide-marker-secondary h4 mark,
.slider-home .hero-slide-text.slide-marker-secondary p mark {
  padding: 0 0.75rem;
  background-color: rgb(12, 23, 69);
  color: rgb(255, 255, 255);
}
.slider-home .hero-slide-text.slide-marker-secondary {
  /*
  p {
      line-height: calc($font-line-height-copy * 1.1);
  }
  */
}
.slider-home .hero-slide-text.slide-marker-secondary p mark {
  padding: 0.25rem 0.75rem;
}

div.testimonial {
  margin: 0;
  padding: 0;
  background: rgb(255, 51, 0);
  background: linear-gradient(90deg, rgb(238, 235, 232) 0%, rgb(238, 235, 232) 8.3333333333dvw, rgb(220.66, 214.6, 208.54) 8.3333333333dvw, rgb(220.66, 214.6, 208.54) 100%);
}
div.testimonial .ce_rsce_testimonial {
  padding: 5.5555555556dvh 8.3333333333dvw 5.5555555556dvh calc(8.3333333333dvw + 3rem);
  background-image: url("../../files/theme-rls-sea/icons/rls_icon_quote_gray.svg");
  background-position: calc(8.3333333333dvw + 3rem) center;
  background-size: auto 80%;
  background-repeat: no-repeat;
}
div.testimonial q {
  font-style: italic;
  font-weight: 700;
  font-size: 2rem;
  color: rgb(10, 10, 10);
}
div.testimonial p.testimonial {
  color: rgba(10, 10, 10, 0.7);
}

#work-tiles {
  margin: 0 0 11.1111111111dvh 0;
  padding: 11.1111111111dvh 8.3333333333dvw 11.1111111111dvh 8.3333333333dvw;
  background-color: rgb(238, 235, 232);
}
#work-tiles .mod_newslist {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5.5555555556dvh 3rem;
  grid-auto-rows: min-content;
}
@media screen and (min-width: 501px) {
  #work-tiles .mod_newslist {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
#work-tiles .mod_newslist > div {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: auto;
  background-color: rgb(255, 255, 255);
  border: thin solid rgb(222, 220, 218);
}
#work-tiles .mod_newslist > div p.info {
  position: absolute;
  z-index: 100;
  top: 0.25rem;
  left: 0.5rem;
  color: rgb(255, 255, 255);
  font-size: 0.8rem;
}
#work-tiles .mod_newslist > div figure {
  position: relative;
  z-index: 50;
}
#work-tiles .mod_newslist > div figure::after {
  position: absolute;
  z-index: 75;
  bottom: 0;
  left: 1rem;
  display: inline-block;
  width: 8.3333333333dvw;
  content: "";
  border-top: 0.3rem solid rgb(255, 51, 0);
}
@media screen and (orientation: landscape) {
  #work-tiles .mod_newslist > div figure::after {
    width: 4.1666666667dvw;
  }
}
#work-tiles .mod_newslist > div img {
  aspect-ratio: 3/2 auto;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
#work-tiles .mod_newslist > div .news-temp-container {
  position: relative;
  padding: 1rem 1rem 2.5rem 1rem;
}
#work-tiles .mod_newslist > div .news-temp-container h2 {
  line-height: 90%;
  margin-bottom: 0.5rem;
}
#work-tiles .mod_newslist > div .news-temp-container h2 a {
  color: rgb(10, 10, 10);
  text-transform: uppercase;
  font-size: 1.375rem;
  line-height: 90%;
}
#work-tiles .mod_newslist > div p.more a {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.8rem;
  color: rgb(255, 51, 0);
}

#pub-tiles {
  margin: 0 0 11.1111111111dvh 0;
  padding: 0 8.3333333333dvw 0 8.3333333333dvw;
  background-color: rgb(255, 255, 255);
}
#pub-tiles .mod_newslist {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5.5555555556dvh 4.1666666667dvw;
  grid-auto-rows: min-content;
}
@media screen and (min-width: 501px) {
  #pub-tiles .mod_newslist {
    grid-template-columns: 1fr 1fr;
  }
}
#pub-tiles .mod_newslist > div {
  display: flex;
  flex-direction: column;
  gap: 1rem 1rem;
}
@media screen and (orientation: landscape) {
  #pub-tiles .mod_newslist > div {
    flex-direction: row;
    border: thin solid rgb(220, 220, 220);
  }
}
#pub-tiles .mod_newslist > div {
  position: relative;
  width: 100%;
  height: auto;
  background-color: rgb(255, 255, 255);
}
#pub-tiles .mod_newslist > div img {
  display: block;
  width: 66.6666666667dvw;
  height: 100%;
  aspect-ratio: 21/30;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (orientation: landscape) {
  #pub-tiles .mod_newslist > div img {
    width: 16.6666666667dvw;
  }
}
#pub-tiles .mod_newslist > div .pub-data {
  padding: 0.75rem 1rem 0.75rem 0rem;
}
#pub-tiles .mod_newslist > div p.info {
  color: rgb(255, 51, 0);
  font-size: 0.8rem;
}
#pub-tiles .mod_newslist > div p.more a {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.8rem;
  color: rgb(255, 51, 0);
}
#pub-tiles h2 a, #pub-tiles h3 a, #pub-tiles h4 a {
  color: rgb(10, 10, 10);
}

#about_rosa {
  margin: 0 0 11.1111111111dvh 8.3333333333dvw;
  padding: 0 5.55dvw 0 0;
  background-color: rgb(238, 235, 232);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "image" "text";
}
@media screen and (orientation: landscape) {
  #about_rosa {
    grid-template-columns: 7.333fr 3fr;
    grid-template-areas: "text image";
  }
}
#about_rosa {
  gap: auto 4.1666666667dvw;
}
#about_rosa .about_text {
  padding: 5.5555555556dvh 4.1666666667dvw 5.5555555556dvh 8.3333333333dvw;
  grid-area: text;
}
@media screen and (orientation: landscape) {
  #about_rosa .about_text {
    padding: 5.5555555556dvh 4.1666666667dvw 5.5555555556dvh 4.1666666667dvw;
  }
}
#about_rosa .about_text h1, #about_rosa .about_text h2, #about_rosa .about_text h3, #about_rosa .about_text h4, #about_rosa .about_text h5 {
  position: relative;
  margin: 1.5rem 0 1rem 0;
  text-transform: uppercase;
  font-weight: 400;
}
#about_rosa .about_text h1::before, #about_rosa .about_text h2::before, #about_rosa .about_text h3::before, #about_rosa .about_text h4::before, #about_rosa .about_text h5::before {
  position: absolute;
  top: -1.5rem;
  left: 0;
  display: inline-block;
  width: 8.3333333333dvw;
}
@media screen and (orientation: landscape) {
  #about_rosa .about_text h1::before, #about_rosa .about_text h2::before, #about_rosa .about_text h3::before, #about_rosa .about_text h4::before, #about_rosa .about_text h5::before {
    width: 4.1666666667dvw;
  }
}
#about_rosa .about_text h1::before, #about_rosa .about_text h2::before, #about_rosa .about_text h3::before, #about_rosa .about_text h4::before, #about_rosa .about_text h5::before {
  content: "";
  border-top: 0.2rem solid rgb(255, 51, 0);
}
#about_rosa .about_image {
  grid-area: image;
  padding: 0;
  width: 100%;
  height: auto;
}
@media screen and (orientation: landscape) {
  #about_rosa .about_image {
    background-image: url("../../files/theme-rls-sea/heros/rosa-luxemburg-portrait-xl.jpg");
    background-size: cover;
  }
}
#about_rosa .about_image figure, #about_rosa .about_image img {
  height: auto;
  width: 100%;
}
@media screen and (orientation: landscape) {
  #about_rosa .about_image figure, #about_rosa .about_image img {
    display: none;
  }
}
#about_rosa .about_image figure, #about_rosa .about_image img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.optional-block {
  margin: 0 0 11.1111111111dvh 0;
  padding: 0 8.3333333333dvw;
  background-color: rgb(255, 255, 255);
}
.optional-block .ce_rsce_combo-article-image {
  display: grid;
  gap: 0 4.1666666667dvw;
  grid-template-columns: 1fr;
}
@media screen and (orientation: landscape) {
  .optional-block .ce_rsce_combo-article-image {
    grid-template-columns: 2.5fr 7fr;
  }
}
.optional-block .ce_rsce_combo-article-image figure, .optional-block .ce_rsce_combo-article-image img {
  width: 100%;
  min-height: 19.4444444444dvh;
  -o-object-fit: cover;
     object-fit: cover;
}

.optional-grey,
.optional-gray {
  margin-left: 8.3333333333dvw;
  padding: 5.5555555556dvh 8.3333333333dvw 5.5555555556dvh 4.1666666667dvw;
  background-color: rgb(238, 235, 232);
}

/* 
*   ==============================================================================   
*   Rosa-Luxemburg-Stiftung Southeast Asia
*   Version 1.6 (14.04.2026)
*
*   SPEC WORK 
*   ------------------------------------------------------------------------------
*   Classes specific to Work page 
*   ==============================================================================
*/
#intro-our-work {
  position: relative;
  width: 100vw;
  margin: 0 0 11.1111111111dvh 0;
  padding: 11.1111111111dvh 8.3333333333dvw 0 8.3333333333dvw;
}

.list-our-work {
  margin: 0 8.3333333333dvw 11.1111111111dvh 8.3333333333dvw;
  padding: 0;
}
.list-our-work .list-our-work-filters {
  border: thin solid rgb(127, 127, 127);
  padding: 1rem 1rem;
  margin-bottom: 11.1111111111dvh;
}
.list-our-work .list-our-work-filters .active-categories,
.list-our-work .list-our-work-filters .inactive-categories {
  margin-bottom: 1rem;
}
.list-our-work .list-our-work-filters .active-categories h6,
.list-our-work .list-our-work-filters .inactive-categories h6 {
  font-weight: bold;
  font-size: 0.8rem;
  margin-bottom: 0.75rem;
}
.list-our-work .list-our-work-filters .active-categories ul,
.list-our-work .list-our-work-filters .inactive-categories ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem 0.75rem;
}
.list-our-work .list-our-work-filters .active-categories ul li,
.list-our-work .list-our-work-filters .inactive-categories ul li {
  background-color: rgb(238, 235, 232);
  color: rgb(10, 10, 10);
  padding: 0.1rem 0.75rem 0.2rem 0.75rem;
  border-radius: 3px;
  font-size: 0.9rem;
}
.list-our-work .list-our-work-filters .active-categories ul li a,
.list-our-work .list-our-work-filters .inactive-categories ul li a {
  color: rgb(10, 10, 10);
}
.list-our-work .list-our-work-filters .active-categories ul li:hover,
.list-our-work .list-our-work-filters .inactive-categories ul li:hover {
  background-color: rgb(216.325, 209.5, 202.675);
}
.list-our-work .list-our-work-filters .active-categories ul li {
  background-color: rgb(12, 23, 69);
}
.list-our-work .list-our-work-filters .active-categories ul li strong {
  font-weight: normal;
  color: rgb(255, 255, 255);
}
.list-our-work .mod_newslist {
  display: block;
}
@media screen and (min-width: 1001px) {
  .list-our-work .mod_newslist {
    display: grid;
    grid-auto-rows: min-content;
    gap: 11.1111111111dvh 8.3333333333dvw;
    grid-template-columns: 1fr 1fr;
  }
}
.list-our-work .mod_newslist > div {
  display: flex;
  flex-direction: column;
  gap: 0 1rem;
  width: 100%;
  height: auto;
  margin-bottom: calc(5.5555555556dvh + 1rem);
}
@media screen and (min-width: 1001px) {
  .list-our-work .mod_newslist > div {
    margin-bottom: 0;
  }
}
.list-our-work .mod_newslist > div img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/10;
  -o-object-fit: cover;
     object-fit: cover;
  border: 0;
  margin-bottom: 0.5rem;
}
.list-our-work .mod_newslist > div p.info {
  color: rgb(255, 51, 0);
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.list-our-work .mod_newslist > div .border-container {
  border: thin solid rgb(238, 235, 232);
  padding: 0;
}
.list-our-work .mod_newslist > div .content-container {
  padding-inline: 1rem;
}
.list-our-work .mod_newslist > div h1 a, .list-our-work .mod_newslist > div h2 a, .list-our-work .mod_newslist > div h3 a, .list-our-work .mod_newslist > div h4 a {
  color: rgb(10, 10, 10);
}
.list-our-work .mod_newslist > div p.more {
  padding-inline: 1rem;
}
.list-our-work .mod_newslist > div p.more a {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  color: rgb(255, 51, 0);
}
.list-our-work nav.pagination {
  grid-column: 1/span 2;
  display: flex;
  flex-direction: row;
}
.list-our-work nav.pagination p {
  display: inline-block;
  margin-right: 1rem;
  font-size: 0.9rem;
  text-transform: uppercase;
}
.list-our-work nav.pagination ul {
  display: flex;
  flex-direction: row;
  gap: 0 0.75rem;
}
.list-our-work nav.pagination ul li {
  padding: 0.1rem 0.5rem;
  background-color: rgb(238, 235, 232);
  color: rgb(10, 10, 10);
  font-size: 0.9rem;
  font-weight: normal;
  border-radius: 3px;
}
.list-our-work nav.pagination ul li a {
  color: rgb(10, 10, 10);
  font-weight: bold;
}
.list-our-work nav.pagination ul li.first, .list-our-work nav.pagination ul li.next, .list-our-work nav.pagination ul li.last, .list-our-work nav.pagination ul li.previous {
  padding-inline: 1rem;
}
.list-our-work nav.pagination ul li:has(> strong) {
  background-color: rgb(127, 127, 127);
  color: rgb(255, 255, 255);
}

.our-work-details {
  margin: 11.1111111111dvh 8.3333333333dvw;
  padding: 0;
}
.our-work-details .mod_newsreader > div {
  display: block;
  margin-bottom: calc(5.5555555556dvh + 1rem);
}
@media screen and (min-width: 1001px) {
  .our-work-details .mod_newsreader > div {
    display: grid;
    grid-template-areas: "topline topline" "headline headline" "image caption" "content content" "gallery gallery" "infobox infobox";
    grid-template-rows: min-content;
    grid-template-columns: 58.3333333333dvw auto;
    gap: 0;
    align-items: start;
  }
}
.our-work-details .mod_newsreader > div p.topline {
  grid-area: topline;
  margin-bottom: 2rem;
  font-weight: normal;
}
.our-work-details .mod_newsreader > div p.topline span.highlight {
  color: rgb(255, 51, 0);
}
.our-work-details .mod_newsreader > div p.topline time {
  color: rgb(127, 127, 127);
}
.our-work-details .mod_newsreader > div .ce_headline {
  grid-area: headline;
  margin-bottom: 5.5555555556dvh;
}
.our-work-details .mod_newsreader > div .ce_headline::after {
  display: none;
}
.our-work-details .mod_newsreader > div h1 {
  grid-area: headline;
  margin-bottom: 5.5555555556dvh;
}
.our-work-details .mod_newsreader > div h1::after {
  display: none;
}
.our-work-details .mod_newsreader > div .ce_rsce_headline-subline {
  grid-area: headline;
}
.our-work-details .mod_newsreader > div .ce_rsce_headline-subline h1 {
  grid-area: unset;
  margin-bottom: 1rem;
}
.our-work-details .mod_newsreader > div .ce_rsce_headline-subline h4 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 2rem;
  color: rgb(127, 127, 127);
}
.our-work-details .mod_newsreader > div .main-image,
.our-work-details .mod_newsreader > div .main-video {
  grid-area: image;
  margin-bottom: 0.25rem;
}
@media screen and (min-width: 1001px) {
  .our-work-details .mod_newsreader > div .main-image,
  .our-work-details .mod_newsreader > div .main-video {
    margin-bottom: 2rem;
  }
}
.our-work-details .mod_newsreader > div .main-image img,
.our-work-details .mod_newsreader > div .main-video img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.our-work-details .mod_newsreader > div .main-video figure iframe {
  width: 58.3333333333dvw;
  height: 32.826861752dvw;
}
.our-work-details .mod_newsreader > div .caption-project {
  grid-area: caption;
  margin-bottom: 2rem;
}
@media screen and (min-width: 1001px) {
  .our-work-details .mod_newsreader > div .caption-project {
    border-left: 3px solid rgb(255, 51, 0);
    padding-left: 1rem;
    margin-left: 1.5rem;
    margin-bottom: 0;
  }
}
.our-work-details .mod_newsreader > div .caption-project p {
  font-style: italic;
}
.our-work-details .mod_newsreader > div .main-text {
  grid-area: content;
  margin-bottom: 5.5555555556dvh;
}
.our-work-details .mod_newsreader > div .ce_gallery,
.our-work-details .mod_newsreader > div .content-gallery {
  grid-area: gallery;
  margin-bottom: 1rem;
}
.our-work-details .mod_newsreader > div .ce_gallery h1, .our-work-details .mod_newsreader > div .ce_gallery h2, .our-work-details .mod_newsreader > div .ce_gallery h3, .our-work-details .mod_newsreader > div .ce_gallery h4,
.our-work-details .mod_newsreader > div .content-gallery h1,
.our-work-details .mod_newsreader > div .content-gallery h2,
.our-work-details .mod_newsreader > div .content-gallery h3,
.our-work-details .mod_newsreader > div .content-gallery h4 {
  margin-bottom: 1rem;
  font-weight: 400;
  font-size: 1.5rem;
  text-transform: uppercase;
}
.our-work-details .mod_newsreader > div .ce_gallery figure,
.our-work-details .mod_newsreader > div .content-gallery figure {
  margin: 0 0 1rem 0;
}
@media screen and (min-width: 1001px) {
  .our-work-details .mod_newsreader > div .ce_gallery figure,
  .our-work-details .mod_newsreader > div .content-gallery figure {
    margin: 0 1.25rem 0 0;
  }
}
.our-work-details .mod_newsreader > div .ce_gallery img,
.our-work-details .mod_newsreader > div .content-gallery img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1001px) {
  .our-work-details .mod_newsreader > div .ce_gallery img,
  .our-work-details .mod_newsreader > div .content-gallery img {
    width: calc(20.8333333333dvw - 1.5rem);
  }
}
.our-work-details .mod_newsreader > div .infobox {
  grid-area: infobox;
  background-color: rgb(238, 235, 232);
  padding: 1rem 4.1666666667dvw;
}
@media screen and (min-width: 1001px) {
  .our-work-details .mod_newsreader > div .infobox {
    padding: 5.5555555556dvh 4.1666666667dvw;
  }
}
.our-work-details .mod_newsreader > div .infobox h1, .our-work-details .mod_newsreader > div .infobox h2, .our-work-details .mod_newsreader > div .infobox h3, .our-work-details .mod_newsreader > div .infobox h4 {
  font-size: 1.5rem;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

/* 
*   ==============================================================================   
*   Rosa-Luxemburg-Stiftung Southeast Asia
*   Version 1.5 (26.04.2024)
*
*   SPEC PUBLICATIONS
*   ------------------------------------------------------------------------------
*   Classes specific to Library
*   ==============================================================================
*/
#intro-publications {
  position: relative;
  width: 100vw;
  margin: 0 0 11.1111111111dvh 0;
  padding: 11.1111111111dvh 8.3333333333dvw 0 8.3333333333dvw;
}

.list-publications {
  margin: 0 8.3333333333dvw 11.1111111111dvh 8.3333333333dvw;
  padding: 0;
}
.list-publications .list-publications-filters {
  border: thin solid rgb(127, 127, 127);
  padding: 1rem 1rem;
  margin-bottom: 11.1111111111dvh;
}
.list-publications .list-publications-filters .active-categories,
.list-publications .list-publications-filters .inactive-categories {
  margin-bottom: 1rem;
}
.list-publications .list-publications-filters .active-categories h6,
.list-publications .list-publications-filters .inactive-categories h6 {
  font-weight: bold;
  font-size: 0.8rem;
  margin-bottom: 0.75rem;
}
.list-publications .list-publications-filters .active-categories ul,
.list-publications .list-publications-filters .inactive-categories ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem 0.75rem;
}
.list-publications .list-publications-filters .active-categories ul li,
.list-publications .list-publications-filters .inactive-categories ul li {
  background-color: rgb(238, 235, 232);
  color: rgb(10, 10, 10);
  padding: 0.1rem 0.75rem 0.2rem 0.75rem;
  border-radius: 3px;
  font-size: 0.9rem;
}
.list-publications .list-publications-filters .active-categories ul li a,
.list-publications .list-publications-filters .inactive-categories ul li a {
  color: rgb(10, 10, 10);
}
.list-publications .list-publications-filters .active-categories ul li:hover,
.list-publications .list-publications-filters .inactive-categories ul li:hover {
  background-color: rgb(216.325, 209.5, 202.675);
}
.list-publications .list-publications-filters .active-categories ul li {
  background-color: rgb(12, 23, 69);
}
.list-publications .list-publications-filters .active-categories ul li strong {
  font-weight: normal;
  color: rgb(255, 255, 255);
}
.list-publications .mod_newslist {
  display: block;
}
@media screen and (min-width: 1001px) {
  .list-publications .mod_newslist {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: min-content;
    gap: 11.1111111111dvh 8.3333333333dvw;
  }
}
.list-publications .mod_newslist > div {
  display: flex;
  flex-direction: column;
  gap: 1rem 1rem;
  width: 100%;
  height: auto;
  margin-bottom: 11.1111111111dvh;
}
@media screen and (orientation: landscape) {
  .list-publications .mod_newslist > div {
    flex-direction: row;
    gap: 3rem 1rem;
    margin-bottom: 0;
  }
}
.list-publications .mod_newslist > div img {
  width: 66.6666666667dvw;
  height: auto;
  aspect-ratio: 21/30;
  -o-object-fit: cover;
     object-fit: cover;
  border: thin solid rgb(238, 235, 232);
}
@media screen and (orientation: landscape) {
  .list-publications .mod_newslist > div img {
    width: 16.6666666667dvw;
  }
}
.list-publications .mod_newslist > div .pub-data p.info {
  display: inline-block;
  background-color: rgb(255, 51, 0);
  color: rgb(255, 255, 255);
  font-size: 0.7rem;
  font-weight: bold;
  margin-top: 0.25rem;
  padding-inline: 0.5rem;
}
.list-publications .mod_newslist > div .pub-data h1 a, .list-publications .mod_newslist > div .pub-data h2 a, .list-publications .mod_newslist > div .pub-data h3 a, .list-publications .mod_newslist > div .pub-data h4 a {
  color: rgb(10, 10, 10);
}
.list-publications .mod_newslist > div .pub-data p.more a {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  color: rgb(255, 51, 0);
}
.list-publications nav.pagination {
  grid-column: 1/span 2;
  display: flex;
  flex-direction: row;
}
.list-publications nav.pagination p {
  display: inline-block;
  margin-right: 1rem;
  font-size: 0.9rem;
  text-transform: uppercase;
}
.list-publications nav.pagination ul {
  display: flex;
  flex-direction: row;
  gap: 0 0.75rem;
}
.list-publications nav.pagination ul li {
  padding: 0.1rem 0.5rem;
  background-color: rgb(238, 235, 232);
  color: rgb(10, 10, 10);
  font-size: 0.9rem;
  font-weight: normal;
  border-radius: 3px;
}
.list-publications nav.pagination ul li a {
  color: rgb(10, 10, 10);
  font-weight: bold;
}
.list-publications nav.pagination ul li.first, .list-publications nav.pagination ul li.next, .list-publications nav.pagination ul li.last, .list-publications nav.pagination ul li.previous {
  padding-inline: 1rem;
}
.list-publications nav.pagination ul li:has(> strong) {
  background-color: rgb(127, 127, 127);
  color: rgb(255, 255, 255);
}

#publication-details {
  margin: 11.1111111111dvh 8.3333333333dvw;
  padding: 0;
}
#publication-details .mod_newsreader > div {
  display: grid;
  grid-template-areas: "topline topline" "image headline" "image content" "image meta";
  grid-template-rows: min-content;
  grid-template-columns: 29.1666666667dvw auto;
  gap: 2rem 4.1666666667dvw;
  align-items: start;
  margin-bottom: 2rem;
}
#publication-details .mod_newsreader > div h1 {
  grid-area: headline;
  margin-bottom: 1rem;
}
#publication-details .mod_newsreader > div h1::after {
  display: none;
}
#publication-details .mod_newsreader > div .ce_rsce_headline-subline {
  grid-area: headline;
}
#publication-details .mod_newsreader > div .ce_rsce_headline-subline h1 {
  grid-area: unset;
}
#publication-details .mod_newsreader > div .ce_rsce_headline-subline h4 {
  font-size: 1.25rem;
  font-weight: 700;
}
#publication-details .mod_newsreader > div .ce_hyperlink,
#publication-details .mod_newsreader > div .content-hyperlink {
  grid-area: image;
}
#publication-details .mod_newsreader > div .ce_hyperlink h1, #publication-details .mod_newsreader > div .ce_hyperlink h2, #publication-details .mod_newsreader > div .ce_hyperlink h3, #publication-details .mod_newsreader > div .ce_hyperlink h4,
#publication-details .mod_newsreader > div .content-hyperlink h1,
#publication-details .mod_newsreader > div .content-hyperlink h2,
#publication-details .mod_newsreader > div .content-hyperlink h3,
#publication-details .mod_newsreader > div .content-hyperlink h4 {
  display: none;
}
#publication-details .mod_newsreader > div .ce_hyperlink img,
#publication-details .mod_newsreader > div .content-hyperlink img {
  border: thin solid rgb(238, 235, 232);
  aspect-ratio: 21/30 auto;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}
#publication-details .mod_newsreader > div p.topline {
  grid-area: topline;
  margin-bottom: 0;
  font-weight: normal;
}
#publication-details .mod_newsreader > div p.topline span.highlight {
  color: rgb(255, 51, 0);
}
#publication-details .mod_newsreader > div p.topline time {
  color: rgb(127, 127, 127);
}
#publication-details .mod_newsreader > div .pub-summary {
  grid-area: content;
}
#publication-details .mod_newsreader > div .info-box {
  grid-area: meta;
  position: relative;
  padding: 1rem 1rem;
  border: thin solid rgb(127, 127, 127);
  background-image: url("../../files/theme-rls-sea/icons/icon-info.svg");
  background-position: right 1rem;
  background-repeat: no-repeat;
  background-size: 4.1666666667dvw auto;
}

/* 
*   ==============================================================================   
*   Rosa-Luxemburg-Stiftung Southeast Asia
*   Version 1.5 (02.05.2024)
*
*   SPEC JOBS/TENDERS
*   ------------------------------------------------------------------------------
*   Classes specific to Jobs page
*   ==============================================================================
*/
.jobs {
  padding: 11.1111111111dvh 8.3333333333dvw;
}

.tenders {
  padding: 0 8.3333333333dvw 11.1111111111dvh 8.3333333333dvw;
}

.jobs-headline,
.tenders-headline {
  font-size: 3.8rem;
  margin-bottom: 5.5555555556dvh;
}

.no-jobs,
.no-tenders {
  border: thin solid rgb(127, 127, 127);
  padding: 1rem 3rem;
  background-color: rgb(238, 235, 232);
}
.no-jobs p,
.no-tenders p {
  margin: 0;
}

.job-offer,
.tender-request {
  position: relative;
  padding: 0 0 5.5555555556dvh 2rem;
}
.job-offer h1, .job-offer h2, .job-offer h3, .job-offer h4,
.tender-request h1,
.tender-request h2,
.tender-request h3,
.tender-request h4 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  position: relative;
}
.job-offer h1::before, .job-offer h2::before, .job-offer h3::before, .job-offer h4::before,
.tender-request h1::before,
.tender-request h2::before,
.tender-request h3::before,
.tender-request h4::before {
  position: absolute;
  left: -1.5rem;
  width: 2rem;
  height: auto;
  color: rgb(255, 51, 0);
  content: "_";
}

/* 
*   ==============================================================================   
*   Rosa-Luxemburg-Stiftung Southeast Asia
*   Version 1.5 (04.05.2024)
*
*   SPEC ABOUT
*   ------------------------------------------------------------------------------
*   Classes specific to About page
*   ==============================================================================
*/
#intro-about {
  position: relative;
  width: 100dvw;
  padding: 11.1111111111dvh 8.3333333333dvw 11.1111111111dvh 8.3333333333dvw;
  background-color: rgb(255, 255, 255);
}

.meet-team {
  margin: 0 8.3333333333dvw 11.1111111111dvh 8.3333333333dvw;
  display: block;
}
@media screen and (min-width: 501px) {
  .meet-team {
    display: grid;
    grid-template-columns: 6fr 4fr;
  }
}
.meet-team .ce_headline,
.meet-team .content-headline {
  margin-bottom: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (min-width: 501px) {
  .meet-team .ce_headline,
  .meet-team .content-headline {
    grid-column: 1/span 2;
  }
}
.meet-team img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.meet-team .caption p {
  font-style: italic;
}
@media screen and (min-width: 501px) {
  .meet-team .caption p {
    margin-left: 1.5rem;
    border-left: 3px solid rgb(255, 51, 0);
    padding-left: 1rem;
  }
}

.more-info,
.departments {
  padding: 0 8.3333333333dvw 11.1111111111dvh 8.3333333333dvw;
}
.more-info .ce_headline,
.departments .ce_headline {
  margin-bottom: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}

.departments {
  display: block;
}
@media screen and (min-width: 501px) {
  .departments {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem 4.1666666667dvw;
  }
}
.departments .ce_headline {
  grid-column: 1/span 2;
}
.departments .card {
  border: 1px solid rgb(238, 235, 232);
  padding: 0.75rem 1rem 0.25rem 1rem;
  margin-bottom: 1rem;
}
.departments .card:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 501px) {
  .departments .card:last-of-type {
    margin-bottom: 1rem;
  }
}
.departments .card h1, .departments .card h2, .departments .card h3, .departments .card h4 {
  font-weight: 700;
  font-size: 1rem;
}
.departments .card a[href^="mailto:"] {
  position: relative;
  margin-left: 1.75rem;
}
.departments .card a[href^="mailto:"]::before {
  position: absolute;
  left: -1.75rem;
  top: 0.25rem;
  width: 1.75rem;
  height: 1rem;
  background-image: url("../../files/theme-rls-sea/icons/icon-staff-mail.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

.gallery-headline {
  width: 100dvw;
  padding: 0 8.3333333333dvw 6.1111111111dvh 8.3333333333dvw;
}

.list-group {
  width: 100dvw;
  padding: 0 8.3333333333dvw 12.2222222222dvh 8.3333333333dvw;
}
.list-group figure, .list-group img {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
}
.list-group .ce_rsce_text-only {
  margin-top: 1rem;
}
.list-group .ce_rsce_text-only p {
  font-style: italic;
}

.list-staffers {
  position: relative;
  width: 100dvw;
  padding: 0 8.3333333333dvw 12.2222222222dvh 8.3333333333dvw;
  background-color: rgb(255, 255, 255);
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 4.1666666667dvw;
  grid-row-gap: 5.5555555556dvh;
}
@media screen and (min-width: 501px) {
  .list-staffers {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1001px) and (orientation: landscape) {
  .list-staffers {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.list-staffers h3 {
  position: relative;
  grid-column: span 1;
}
.list-staffers h3::before {
  position: absolute;
  top: 0;
  left: -1rem;
  content: "_";
  color: #ff3300;
}
@media screen and (min-width: 501px) {
  .list-staffers h3 {
    grid-column: span 2;
  }
}
@media screen and (min-width: 1001px) and (orientation: landscape) {
  .list-staffers h3 {
    grid-column: span 4;
  }
}
.list-staffers img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.list-staffers .about-staffer {
  color: rgb(10, 10, 10);
  font-weight: bold;
}
.list-staffers .about-staffer a img {
  height: 0.8rem;
  width: auto;
  padding-left: 0.4rem;
}
.list-staffers .about-jobtitle {
  color: rgb(127, 127, 127);
  font-size: 0.9rem;
}

#ataglance {
  position: relative;
  width: 100dvw;
  padding: 11.1111111111dvh 8.3333333333dvw 12.2222222222dvh 8.3333333333dvw;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../../files/content/about/img-about-ataglance-hd.jpg);
  background-attachment: fixed;
}
#ataglance .glance-content {
  text-align: center;
}
#ataglance .glance-content h3 {
  display: inline-block;
  margin-bottom: 12.2222222222dvh;
  border-bottom: 0.2rem solid rgb(255, 51, 0);
  padding: 0 2rem 1rem 2rem;
  text-align: center;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 1.375rem;
}
#ataglance .glance-content ul {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 4.1666666667dvw;
  grid-row-gap: 11.1111111111dvh;
  grid-template-areas: "offices" "countries" "partners";
  list-style-type: none;
}
@media screen and (min-width: 501px) and (max-width: 1000px) and (orientation: portrait) {
  #ataglance .glance-content ul {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "offices countries" "partners partners";
  }
}
@media screen and (min-width: 1001px) and (orientation: landscape) {
  #ataglance .glance-content ul {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "offices countries partners";
  }
}
#ataglance .glance-content ul li {
  text-align: center;
  color: rgb(255, 255, 255);
}
#ataglance .glance-content ul li.g-offices {
  grid-area: offices;
}
#ataglance .glance-content ul li.g-countries {
  grid-area: countries;
}
#ataglance .glance-content ul li.g-partners {
  grid-area: partners;
}
#ataglance .glance-content ul span.li-number {
  font-size: 4.56rem;
}

#list-links {
  position: relative;
  width: 100dvw;
  margin-bottom: 1rem;
  padding: 11.1111111111dvh 8.3333333333dvw 12.2222222222dvh 8.3333333333dvw;
  background-color: rgb(255, 255, 255);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
  grid-column-gap: 4.1666666667dvw;
  grid-row-gap: 5.5555555556dvh;
}
#list-links h3 {
  position: relative;
  margin-bottom: 5.5555555556dvh;
  text-align: left;
  color: rgb(10, 10, 10);
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 1.375rem;
}
#list-links h3::after {
  position: absolute;
  bottom: -2.7777777778dvh;
  left: 0;
  display: inline-block;
  width: 4.1666666667dvw;
  content: "";
  border-top: 0.2rem solid rgb(255, 51, 0);
}
#list-links li, #list-links li a {
  font-size: 1.1rem;
  padding-block: 0.25rem;
}

#testimonial-about {
  position: relative;
  width: 100vw;
  padding: 5.5555555556dvh 8.3333333333dvw 8.1481481481dvh 8.3333333333dvw;
  background-color: rgb(238, 235, 232);
}
#testimonial-about q, #testimonial-about p {
  color: rgb(127, 127, 127);
}

/* 
*   ==============================================================================   
*   Rosa-Luxemburg-Stiftung Southeast Asia
*   Version 1.5 (02.05.2024)
*
*   SPEC CONTACT
*   ------------------------------------------------------------------------------
*   Classes specific to Contact/Legal page
*   ==============================================================================
*/
#form-container,
#contact-reaction {
  position: relative;
  width: 100dvw;
  padding: 11.1111111111dvh 8.3333333333dvw 12.2222222222dvh 8.3333333333dvw;
}
#form-container .happy-to-hear,
#contact-reaction .happy-to-hear {
  margin-bottom: 2rem;
}
#form-container .happy-to-hear::after,
#contact-reaction .happy-to-hear::after {
  display: none;
}
#form-container .happy-to-hear p,
#contact-reaction .happy-to-hear p {
  padding: 0.5rem 0 6.1111111111dvh 0;
}
#form-container .ce_text p,
#contact-reaction .ce_text p {
  padding-top: 1rem;
}
#form-container .ce_text p:first-of-type,
#contact-reaction .ce_text p:first-of-type {
  padding-top: 0;
}
#form-container h3,
#contact-reaction h3 {
  margin: 11.1111111111dvh 0 6.1111111111dvh 0;
  text-decoration: underline;
  text-decoration-color: rgb(255, 51, 0);
}

.contact-form {
  position: relative;
}
.contact-form .formbody {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem 4.1666666667dvw;
}
@media screen and (min-width: 1001px) {
  .contact-form .formbody {
    grid-template-columns: 1fr 1fr;
  }
}
.contact-form label {
  display: block;
  font-family: "Opensans", sans-serif;
  font-weight: 700;
  font-size: 0.8rem;
  text-transform: uppercase;
  padding: 1rem 0 0.25rem 0;
}
.contact-form .label-first {
  padding-top: 0.5rem;
}
.contact-form input, .contact-form textarea {
  display: block;
  width: 100%;
  text-align: left;
  font-family: "Opensans", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  background-color: rgb(248.8375, 247.75, 246.6625);
  color: rgb(44, 44, 44);
  border: 1px solid rgb(220, 220, 220);
  padding: 0.1rem 0.5rem 0.3rem 0.5rem;
  outline: none;
  resize: vertical;
}
@media screen and (min-width: 1001px) {
  .contact-form .widget-textarea {
    grid-column: 1/span 2;
  }
}
.contact-form legend {
  display: none;
}
.contact-form .submit {
  margin-top: 1.5rem;
  font-weight: 700;
  font-size: 1rem;
}

.tiles-on-contact h1, .tiles-on-contact h2, .tiles-on-contact h3, .tiles-on-contact h4 {
  text-transform: uppercase;
  margin-bottom: 2rem;
}

.legal-imprint,
.legal-data-protection {
  background-color: rgb(238, 235, 232);
  padding: 5.5555555556dvh 8.3333333333dvw;
}
.legal-imprint h1, .legal-imprint h2, .legal-imprint h3, .legal-imprint h4,
.legal-data-protection h1,
.legal-data-protection h2,
.legal-data-protection h3,
.legal-data-protection h4 {
  padding-bottom: 2rem;
  text-transform: uppercase;
  font-size: 1.5rem;
  -webkit-text-decoration: underline solid rgb(255, 51, 0) 1px;
          text-decoration: underline solid rgb(255, 51, 0) 1px;
}

.legal-data-protection {
  background-color: rgb(255, 255, 255);
  padding-block: 11.1111111111dvh;
}
.legal-data-protection p {
  padding-top: 0.5rem;
}
.legal-data-protection p:first-of-type {
  padding-top: 0;
}

/* 
*   ==============================================================================   
*   Rosa-Luxemburg-Stiftung Southeast Asia
*   Version 0.9 (14.08.2019)
*
*   SPEC ERROR
*   ------------------------------------------------------------------------------
*   Classes specific to 403-/404-page
*   ==============================================================================
*/
#error-container {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
#error-container .img40x img {
  width: 50vw;
  height: auto;
}
#error-container .ce_text {
  width: 50vw;
}
#error-container .ce_text h1 {
  margin: 0;
  padding: 0 0 1rem 0;
}
#error-container .ce_text h1:after {
  display: none;
}/*# sourceMappingURL=rls-sea-v05.css.map */