<!DOCTYPE html> 
<html> 
<head>       
<style>


body {
background-color: #fed164; 
//background: linear-gradient(180deg, rgba(108,46,154,1) 3%, rgba(172,91,195,1) 26%, rgba(167,115,127,1) 59%, rgba(103,47,148,1) 95%);
}  
/*
p {
text-align: center; 
padding-top: 0.25rem; 
padding-bottom: 0.25rem;
} */

 .header {
 font-family: 'Crimson Pro', serif !important; 
 font-weight:bold; 
 font-size:2.8rem; 
 line-height: 2.8rem;
 padding-bottom:1.6rem;
text-align: center; 
padding-top: 0.25rem; 
padding-bottom: 0.25rem;
 }
 
/* Alle Links haben <a id="link-<nummer>">. Der folgende Selector findet alle Links*/
a[id^='link-']{
    background: rgb(205,50,134); 
    background: linear-gradient(10deg, rgba(205,50,134,1) , rgba(103,47,148,1) );
    color:#fff;
    font-family: 'Crimson Pro', serif !important;
    font-size:1.7rem;
    }
/*Für alle Link Subtitles */
a[id^='link-'] span{
    color:#fff;
    font-family: 'Crimson Pro', serif !important;
    font-size:1.3rem;
    } 

/*Für alle Links in einem Div statt einem a */
div[id^='link-']{
    font-family: 'Crimson Pro', serif !important;
    font-size:1.3rem;
    } 

/* Grüne Links (link Nummern auflisten): */
a[id^='link-35300'], a[id^='link-34872']{
    background: rgb(112,153,74); 
    background: linear-gradient(10deg, rgba(20,170,55,1) , rgba(73,224,108,1) );
    color:#fff;
    font-family: 'Crimson Pro', serif !important;
    font-size:1.7rem;
    }
 #colored_textbox{
    background-color: #fed164;
    background-image: none;
    text-align: center;
    border-radius: .5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: .75rem;
    padding-right: .75rem;
    box-sizing: border-box;
    border: 2 solid #e5e7eb;
    color: #000000;
 }  
 #colored_textbox .txtbx_header{
    font-family: 'Crimson Pro', serif !important;
    font-size:1.6rem;
    font-weight:bold;
 } 
 #colored_textbox p{
    font-family: 'Crimson Pro', serif !important;
    font-size:1.3rem;
 } 
</style>
<link rel="preconnect" href="https://fonts.googleapis.com"> 
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 
<link href="https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,300;0,700;1,300&display=swap" rel="stylesheet"> 

</head> 
<body> </body></html>

https://orga.extinctionrebellion.de/s/7oDfX57gPAyrwrC/preview

Handeln statt Hoffen

<p class="header" > Extinction Rebellion Rostock </p>

XR Ortsgruppe Rostock

https://social.tchncs.de/@xr_rostock@norden.social

https://chat.whatsapp.com/ELHHRn8K5U8IMxeGGQZcP5

https://www.facebook.com/ExtinctionRebellionRostock/

https://orga.extinctionrebellion.de/s/j3pL8XXGQifK68g/preview

<div id="colored_textbox" > <p class="txtbx_header">DU HAST DIE FLUT, DAS FEUER UND DIE DÜRREN GESEHEN.</p>  <p >Die Klimakrise ist immer öfter, immer gewaltiger auf der Titelseite. Die Politik ist viel zu langsam: Du würdest gerne etwas tun! Vielleicht weißt du noch nicht, wie? Dann bist du hier richtig. Wir sind die Extinction Rebellion (XR).</p> </div>

https://extinctionrebellion.de/archiv/fruehlings-rebellion-2023/

<div id="colored_textbox"> 
    <p>
        Wir laden euch herzlich ein, euch uns anzuschließen und mitzumachen bei nichts Geringerem als der Rebellion für's Überleben. Wenn du mehr über uns und unsere Themen und Ziele lernen möchtest, dann setze dich gern mit uns in Verbindung und wir organisieren ein Treffen. Gerne machen wir für Gruppen auch einen Info- und Kennenlernentreff. Schreib uns einfach an!   
    </p> 
</div>  <br>

https://orga.extinctionrebellion.de/s/o2sWknaj6wgqATi/preview