.desktop,
.desktop * {
    box-sizing: border-box;
}

.desktop {
    background: linear-gradient(180deg, rgba(227, 255, 181, 1.00) 0%, rgba(241, 255, 218, 1.00) 18.75%, rgba(255, 255, 255, 1.00) 77.40384340286255%, rgba(196, 196, 196, 1.00) 85.09615659713745%);
    height: 1400px;
    position: relative;
    overflow-y: auto;
}

.rectangle-2 {
border-radius: 8px;
width: 752px;
height: 423px;
position: absolute;
left: 50%;
translate: -50%;
top: 269px;
box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.25);
}




.das-video-ist-noch-in-entwicklung {
    color: rgba(255, 255, 255, 0.31);
    text-align: center;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 36px;
    font-weight: 400;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 142px;
    width: 591px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.willkommen-bei-den-er-volks-tzen {
    color: rgba(0, 0, 0, 0.76);
    text-align: center;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 40px;
    font-weight: 400;
    position: absolute;
    left: calc(50% - 449.5px);
    top: 184px;
    width: 901px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-text-stroke: 1px #f0ffda;
}

.rectangle-3 {
    background: linear-gradient(90.27deg, rgba(225, 245, 73, 1.00) 0%, rgba(101, 146, 0, 1.00) 100%);
    height: 106px;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
}

.die-er-volks-tzen {
    background: linear-gradient(90deg, rgba(234, 234, 234, 1.00) 0%, rgba(255, 255, 255, 1.00) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 48px;
    font-weight: 400;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 23px;
    width: 1181px;
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mask-group {
    width: 1050px;
    height: 497px;
    position: absolute;
    left: calc(50% - 521.5px);
    top: 719px;
    overflow: visible;
}

.unsere-ziele {
    color: #ffffff;
    text-align: center;
    font-family: 'Judson-Italic', sans-serif;
    font-size: 54px;
    font-weight: 400;
    font-style: italic;
    position: absolute;
    left: calc(50% - 497.5px);
    top: 767px;
    width: 287px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-text-stroke: 3px #000000;
}

.unsere-projekte {
    color: #ffffff;
    text-align: center;
    font-family: 'Judson-Italic', sans-serif;
    font-size: 54px;
    font-weight: 400;
    font-style: italic;
    position: absolute;
    left: calc(50% - 142.5px);
    top: 767px;
    width: 287px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-text-stroke: 3px #000000;
}

.seite-im-bau {
    color: #ffffff;
    text-align: center;
    font-family: 'Judson-Italic', sans-serif;
    font-size: 54px;
    font-weight: 400;
    font-style: italic;
    position: absolute;
    left: calc(50% - -216.5px);
    top: 767px;
    width: 287px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-text-stroke: 3px #000000;
}

.seite-im-bau2 {
    color: #ffffff;
    text-align: center;
    font-family: 'Judson-Italic', sans-serif;
    font-size: 54px;
    line-height: 119.99%;
    font-weight: 400;
    font-style: italic;
    position: absolute;
    left: calc(50% - 521.5px);
    top: 943px;
    width: 336px;
    height: 141px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-text-stroke: 3px #000000;
}

.wer-sind-wir-eigentlich {
    color: #ffffff;
    text-align: center;
    font-family: 'Judson-Italic', sans-serif;
    font-size: 54px;
    line-height: 119.99%;
    font-weight: 400;
    font-style: italic;
    position: absolute;
    left: calc(50% - 155.5px);
    top: 943px;
    width: 336px;
    height: 141px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-text-stroke: 3px #000000;
}

.kontaktiert-uns {
    color: #ffffff;
    text-align: center;
    font-family: 'Judson-Italic', sans-serif;
    font-size: 54px;
    font-weight: 400;
    font-style: italic;
    position: absolute;
    left: calc(50% - -210.5px);
    top: 962px;
    width: 287px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-text-stroke: 3px #000000;
}

.wir-vertreten-euch {
    color: #ffffff;
    text-align: center;
    font-family: 'Judson-Italic', sans-serif;
    font-size: 54px;
    font-weight: 400;
    font-style: italic;
    position: absolute;
    left: calc(50% - 533.5px);
    top: 1110px;
    width: 1069px;
    height: 106px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-text-stroke: 3px #000000;
}

.rectangle-11 {
    background: linear-gradient(92.38deg, rgba(223, 250, 101, 1.00) 0%, rgba(150, 162, 96, 1.00) 100%);
    width: 368px;
    height: 106px;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 1263px;
    box-shadow: -3px 4px 6px 0px rgba(0, 0, 0, 0.25);
}

.tipps-f-r-jeden-sch-ler {
    background: linear-gradient(90deg, rgba(76, 199, 0, 1.00) 0%, rgba(64, 87, 49, 1.00) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-family: 'Judson-Italic', sans-serif;
    font-size: 40px;
    font-weight: 400;
    font-style: italic;
    position: absolute;
    left: calc(50% - 162.5px);
    top: 1279px;
    width: 327px;
    height: 73px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.impressum {
    color: #000000;
    text-align: center;
    font-family: 'Judson-Regular', sans-serif;
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    left: 4px;
    top: 1369px;
    width: 104px;
    display: flex;
    align-items: center;
    justify-content: center;
}





/* projekte.html*/
.desktop-projekte {
  	width: 100%;
  	position: relative;
  	background: linear-gradient(180deg, #e3ffb5, #f1ffda 19%, #fff 77%, #c4c4c4 85%);
  	height: 1800px;
  	overflow-y: auto;
  	text-align: left;
  	font-size: 32px;
  	color: #000;
  	font-family: Inter;
}
.desktop-child-projekte {
  	position: absolute;
  	width: 100%;
  	top: 0px;
  	right: 0px;
  	left: 0px;
  	background: linear-gradient(90.27deg, #e1f549, #659200);
  	height: 106px;
}
.unsere-projekte-projekte {
  	position: absolute;
  	width: 92.27%;
  	top: 23px;
  	left: 3.59%;
  	font-size: 48px;
  	background: linear-gradient(90deg, #eaeaea, #fff);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
  	text-align: center;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	height: 59px;
  	text-shadow: -2px 3px 8.8px rgba(0, 0, 0, 0.25);
}
.wir-haben-ein {
  	position: absolute;
  	top: 147px;
  	left: calc(50% - 371px);
  	font-size: 48px;
  	text-align: center;
  	text-shadow: -1px 2px 4px rgba(0, 0, 0, 0.25);
}
.unser-wahlprogramm-fr {
  	position: absolute;
  	top: 289px;
  	left: 23px;
}
.menstruationsboxen-im-standort-container {
  	position: absolute;
  	top: 371px;
  	left: 44px;
  	font-size: 24px;
}
.menstruationsboxen-im-standort {
  	margin: 0;
  	font-family: inherit;
  	font-size: inherit;
  	padding-left: 32px;
}
.chillgerte-fr-den {
  	margin-bottom: 0px;
}
.unser-wahlprogramm-fr2 {
  	position: absolute;
  	top: 530px;
  	left: 23px;
}
.menstruationsboxen-fr-das-container {
  	position: absolute;
  	top: 610px;
  	left: 44px;
  	font-size: 24px;
  	display: inline-block;
  	width: 789px;
}
.unser-wahlprogramm-fr3 {
  	position: absolute;
  	top: 941px;
  	left: 23px;
}
.events-talent-wettbewerb-mit-container {
  	position: absolute;
  	top: 1007px;
  	left: 23px;
  	display: inline-block;
  	width: 844px;
}
.events {
  	margin: 0;
  	font-weight: 900;
}
.talent-wettbewerb-mit-schulwei {
  	margin: 0;
  	font-size: 24px;
  	padding-left: 32px;
}
.fr-schler-ab {
  	font-weight: 800;
  	font-family: Inter;
}
.schulsprecherblog-mit-informat2 {
  	font-weight: 800;
}



/* ziele.html */

.desktop-ziele {
    background: linear-gradient(180deg, rgba(227, 255, 181, 1.00) 0%, rgba(241, 255, 218, 1.00) 18.99999976158142%, rgba(255, 255, 255, 1.00) 76.99999809265137%, rgba(196, 196, 196, 1.00) 85.00000238418579%);
    height: 1351px;
    position: relative;
    overflow-y: auto;
}

.ziele-rectangle-3 {
    background: linear-gradient(90.27deg, rgba(225, 245, 73, 1.00) 0%, rgba(101, 146, 0, 1.00) 100%);
    height: 106px;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
}

.ziele-titel {
    background: linear-gradient(90deg, rgba(234, 234, 234, 1.00) 0%, rgba(255, 255, 255, 1.00) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 48px;
    font-weight: 400;
    position: absolute;
    right: 4.14%;
    left: 3.59%;
    width: 92.27%;
    top: 23px;
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ziele-sub-titel {
    color: #000000;
    text-align: center;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 48px;
    font-weight: 400;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 147px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ziele-text {
    color: #000000;
    text-align: left;
    font-family: '-', sans-serif;
    font-size: 32px;
    font-weight: 400;
    position: absolute;
    left: 130px;
    top: 253px;
    width: 1006px;
    height: 1098px;
}

.ziele-text-span {
    font-family: 'Inter-Regular', sans-serif;
}

.ziele-text-span2 {
    list-style-type: disc;
    padding-left: 1em;
    font-family: 'Inter-Bold', sans-serif;
    font-weight: 700;
}

.ziele-text-span3 {
    list-style-type: disc;
    padding-left: 1em;
    font-family: 'Inter-Regular', sans-serif;
}

.ziele-text-span4 {
    list-style-type: disc;
    padding-left: 1em;
    font-family: 'Inter-SemiBold', sans-serif;
    font-weight: 600;
}
/*grundsätze*/
.desktop-grunds-tze,
.desktop-grunds-tze * {
    box-sizing: border-box;
}

.desktop-grunds-tze {
    background: linear-gradient(180deg, rgba(227, 255, 181, 1.00) 0%, rgba(241, 255, 218, 1.00) 18.99999976158142%, rgba(255, 255, 255, 1.00) 76.99999809265137%, rgba(196, 196, 196, 1.00) 85.00000238418579%);
    height: 1738px;
    position: relative;
    overflow-y: auto;
}

.grunds-tze-rectangle-3 {
    background: linear-gradient(90.27deg, rgba(225, 245, 73, 1.00) 0%, rgba(101, 146, 0, 1.00) 100%);
    height: 106px;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
}

.grunds-tze-titel {
    background: linear-gradient(90deg, rgba(234, 234, 234, 1.00) 0%, rgba(255, 255, 255, 1.00) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 48px;
    font-weight: 400;
    position: absolute;
    right: 4.14%;
    left: 3.59%;
    width: 92.27%;
    top: 23px;
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.grunds-tze-sub-titel {
    color: #000000;
    text-align: center;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 48px;
    font-weight: 400;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 147px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.grunds-tze-text {
    color: #000000;
    text-align: left;
    font-family: '-', sans-serif;
    font-size: 32px;
    font-weight: 400;
    position: absolute;
    left: 130px;
    top: 253px;
    width: 1006px;
}

.grunds-tze-text-span {
    font-family: 'Inter-Bold', sans-serif;
    font-weight: 700;
}

.grunds-tze-text-span2 {
    font-family: 'Inter-Regular', sans-serif;
}

.grunds-tze-text-span3 {
    list-style-type: disc;
    padding-left: 1em;
    font-family: 'Inter-Regular', sans-serif;
}
/*kontakt*/
.desktop-kontakt {
  	width: 100%;
  	position: relative;
  	background: linear-gradient(180deg, #e3ffb5, #f1ffda 19%, #fff 77%, #c4c4c4 85%);
  	height: 1024px;
  	overflow-y: auto;
  	text-align: center;
  	font-size: 48px;
  	color: #000;
  	font-family: Inter;
}
.desktop-child-kontakt {
  	position: absolute;
  	width: 100%;
  	top: 0px;
  	right: 0px;
  	left: 0px;
  	background: linear-gradient(90.27deg, #e1f549, #659200);
  	height: 106px;
}
.kontakt-kontakt {
  	position: absolute;
  	width: 92.27%;
  	top: 23px;
  	left: 3.59%;
  	background: linear-gradient(90deg, #eaeaea, #fff);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	height: 59px;
  	text-shadow: -2px 3px 8.8px rgba(0, 0, 0, 0.25);
}
.kontaktiert-uns-jederzeit {
  	position: absolute;
  	top: 147px;
  	left: calc(50% - 284px);
  	text-shadow: -1px 2px 4px rgba(0, 0, 0, 0.25);
}
.habt-ihr-fragen-container {
  	position: absolute;
  	top: 236px;
  	left: calc(50% - 284px);
  	font-size: 32px;
  	font-weight: 500;
  	text-align: left;
  	display: inline-block;
  	width: 639px;
  	height: 368px;
  	filter: drop-shadow(-3px 2px 4px rgba(0, 0, 0, 0.25));
}
.habt-ihr-fragen {
  	margin: 0;
}
.teamatzengoethe-schule-harbur {
  	color: #0029f5;
}
/*tipps-für-jeden*/
.desktop-tipps,
.desktop-tipps * {
    box-sizing: border-box;
}

.desktop-tipps {
    background: linear-gradient(180deg, rgba(227, 255, 181, 1.00) 0%, rgba(241, 255, 218, 1.00) 18.99999976158142%, rgba(255, 255, 255, 1.00) 76.99999809265137%, rgba(196, 196, 196, 1.00) 85.00000238418579%);
    height: 1024px;
    position: relative;
    overflow-y: auto;
}

.rectangle-3-tipps {
    background: linear-gradient(90.27deg, rgba(225, 245, 73, 1.00) 0%, rgba(101, 146, 0, 1.00) 100%);
    height: 106px;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
}

.tipps-f-r-jeden-sch-ler-tipps {
    background: linear-gradient(90deg, rgba(234, 234, 234, 1.00) 0%, rgba(255, 255, 255, 1.00) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 48px;
    font-weight: 400;
    position: absolute;
    right: 4.14%;
    left: 3.59%;
    width: 92.27%;
    top: 23px;
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.das-deutschlandticket-ist-f-r-sch-ler-umsonst-richtig-geh-rt-sch-ler-die-die-schulen-in-hamburg-besuchen-bekommen-umsonst-das-deutschland-ticket-wie-einfach-holt-euch-dazu-das-n-tigte-formular-im-schulb-ro-ab-lasst-es-von-euren-eltern-ausf-llen-und-gebt-es-anschlie-end-mit-euren-eltern-an-den-hvv-schaltern-bei-den-jeweiligen-bahnh-fen-ab-so-einfach-geht-s-fernverkehr-rabatte-auf-die-jugend-bahn-card-25-wollt-ihr-reisen-wollt-aber-nicht-auf-den-fernverkehr-verzichten-f-r-sch-ler-die-die-schulen-in-hamburg-besuchen-gibt-es-die-jugend-bahn-card-25-womit-man-einen-25-rabatt-auf-die-meisten-tickets-der-db-bekommt {
    color: #000000;
    text-align: left;
    position: absolute;
    right: 160px;
    left: 122px;
    top: 234px;
    height: 627px;
}

.das-deutschlandticket-ist-f-r-sch-ler-umsonst-richtig-geh-rt-sch-ler-die-die-schulen-in-hamburg-besuchen-bekommen-umsonst-das-deutschland-ticket-wie-einfach-holt-euch-dazu-das-n-tigte-formular-im-schulb-ro-ab-lasst-es-von-euren-eltern-ausf-llen-und-gebt-es-anschlie-end-mit-euren-eltern-an-den-hvv-schaltern-bei-den-jeweiligen-bahnh-fen-ab-so-einfach-geht-s-fernverkehr-rabatte-auf-die-jugend-bahn-card-25-wollt-ihr-reisen-wollt-aber-nicht-auf-den-fernverkehr-verzichten-f-r-sch-ler-die-die-schulen-in-hamburg-besuchen-gibt-es-die-jugend-bahn-card-25-womit-man-einen-25-rabatt-auf-die-meisten-tickets-der-db-bekommt-span {
    font-family: 'Inter-Bold', sans-serif;
    font-size: 32px;
    font-weight: 700;
}

.das-deutschlandticket-ist-f-r-sch-ler-umsonst-richtig-geh-rt-sch-ler-die-die-schulen-in-hamburg-besuchen-bekommen-umsonst-das-deutschland-ticket-wie-einfach-holt-euch-dazu-das-n-tigte-formular-im-schulb-ro-ab-lasst-es-von-euren-eltern-ausf-llen-und-gebt-es-anschlie-end-mit-euren-eltern-an-den-hvv-schaltern-bei-den-jeweiligen-bahnh-fen-ab-so-einfach-geht-s-fernverkehr-rabatte-auf-die-jugend-bahn-card-25-wollt-ihr-reisen-wollt-aber-nicht-auf-den-fernverkehr-verzichten-f-r-sch-ler-die-die-schulen-in-hamburg-besuchen-gibt-es-die-jugend-bahn-card-25-womit-man-einen-25-rabatt-auf-die-meisten-tickets-der-db-bekommt-span2 {
    font-family: 'Inter-SemiBold', sans-serif;
    font-size: 24px;
    font-weight: 600;
}

.hier-findet-ihr-allerlei-tipps-und-tricks-f-r-sch-ler-f-r-den-alltag {
    color: #000000;
    text-align: left;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 32px;
    font-weight: 400;
    position: absolute;
    left: 153px;
    top: 150px;
}
/*Impressum*/

.desktop-impressum,
.desktop-impressum * {
    box-sizing: border-box;
}

.desktop-impressum {
    background: linear-gradient(180deg, rgba(227, 255, 181, 1.00) 0%, rgba(241, 255, 218, 1.00) 18.75%, rgba(255, 255, 255, 1.00) 77.40384340286255%, rgba(196, 196, 196, 1.00) 85.09615659713745%);
    height: 3762px;
    position: relative;
    overflow-y: auto;
}

.rectangle-3-impressum {
    background: linear-gradient(90.27deg, rgba(225, 245, 73, 1.00) 0%, rgba(101, 146, 0, 1.00) 100%);
    height: 106px;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
}

.impressum-impressum {
    background: linear-gradient(90deg, rgba(234, 234, 234, 1.00) 0%, rgba(255, 255, 255, 1.00) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 48px;
    font-weight: 400;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 23px;
    width: 1181px;
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.impressum-angaben-gem-5-tmg-goethe-schule-harburg-ei-erndorfer-stra-e-26-21073-hamburg-vertreten-durch-schulleitung-jochen-fritz-kontakt-telefon-040-4288710-fax-040-428871272-e-mail-goethe-schule-harburg-bsb-hamburg-de-redaktionelle-bearbeitung-julian-peters-e-mail-julian-peters-goethe-schule-harburg-de-haftungsausschluss-haftung-f-r-inhalte-die-inhalte-unserer-seiten-wurden-mit-gr-ter-sorgfalt-erstellt-f-r-die-richtigkeit-vollst-ndigkeit-und-aktualit-t-der-inhalte-k-nnen-wir-jedoch-keine-gew-hr-bernehmen-als-diensteanbieter-sind-wir-gem-7-abs-1-tmg-f-r-eigene-inhalte-auf-diesen-seiten-nach-den-allgemeinen-gesetzen-verantwortlich-nach-8-bis-10-tmg-sind-wir-als-diensteanbieter-jedoch-nicht-verpflichtet-bermittelte-oder-gespeicherte-fremde-informationen-zu-berwachen-oder-nach-umst-nden-zu-forschen-die-auf-eine-rechtswidrige-t-tigkeit-hinweisen-verpflichtungen-zur-entfernung-oder-sperrung-der-nutzung-von-informationen-nach-den-allgemeinen-gesetzen-bleiben-hiervon-unber-hrt-eine-diesbez-gliche-haftung-ist-jedoch-erst-ab-dem-zeitpunkt-der-kenntnis-einer-konkreten-rechtsverletzung-m-glich-bei-bekanntwerden-von-entsprechenden-rechtsverletzungen-werden-wir-diese-inhalte-umgehend-entfernen-haftung-f-r-links-unser-angebot-enth-lt-links-zu-externen-webseiten-dritter-auf-deren-inhalte-wir-keinen-einfluss-haben-deshalb-k-nnen-wir-f-r-diese-fremden-inhalte-auch-keine-gew-hr-bernehmen-f-r-die-inhalte-der-verlinkten-seiten-ist-stets-der-jeweilige-anbieter-oder-betreiber-der-seiten-verantwortlich-die-verlinkten-seiten-wurden-zum-zeitpunkt-der-verlinkung-auf-m-gliche-rechtsverst-e-berpr-ft-rechtswidrige-inhalte-waren-zum-zeitpunkt-der-verlinkung-nicht-erkennbar-eine-permanente-inhaltliche-kontrolle-der-verlinkten-seiten-ist-jedoch-ohne-konkrete-anhaltspunkte-einer-rechtsverletzung-nicht-zumutbar-bei-bekanntwerden-von-rechtsverletzungen-werden-wir-derartige-links-umgehend-entfernen-urheberrecht-die-durch-die-seitenbetreiber-erstellten-inhalte-und-werke-auf-diesen-seiten-unterliegen-dem-deutschen-urheberrecht-die-vervielf-ltigung-bearbeitung-verbreitung-und-jede-art-der-verwertung-au-erhalb-der-grenzen-des-urheberrechtes-bed-rfen-der-schriftlichen-zustimmung-des-jeweiligen-autors-bzw-erstellers-downloads-und-kopien-dieser-seite-sind-nur-f-r-den-privaten-nicht-kommerziellen-gebrauch-gestattet-soweit-die-inhalte-auf-dieser-seite-nicht-vom-betreiber-erstellt-wurden-werden-die-urheberrechte-dritter-beachtet-insbesondere-werden-inhalte-dritter-als-solche-gekennzeichnet-sollten-sie-trotzdem-auf-eine-urheberrechtsverletzung-aufmerksam-werden-bitten-wir-um-einen-entsprechenden-hinweis-bei-bekanntwerden-von-rechtsverletzungen-werden-wir-derartige-inhalte-umgehend-entfernen-datenschutz-die-nutzung-unserer-webseite-ist-in-der-regel-ohne-angabe-personenbezogener-daten-m-glich-soweit-auf-unseren-seiten-personenbezogene-daten-beispielsweise-name-anschrift-oder-e-mail-adressen-erhoben-werden-erfolgt-dies-soweit-m-glich-stets-auf-freiwilliger-basis-diese-daten-werden-ohne-ihre-ausdr-ckliche-zustimmung-nicht-an-dritte-weitergegeben-wir-weisen-darauf-hin-dass-die-daten-bertragung-im-internet-z-b-bei-der-kommunikation-per-e-mail-sicherheitsl-cken-aufweisen-kann-ein-l-ckenloser-schutz-der-daten-vor-dem-zugriff-durch-dritte-ist-nicht-m-glich-der-nutzung-von-im-rahmen-der-impressumspflicht-ver-ffentlichten-kontaktdaten-durch-dritte-zur-bersendung-von-nicht-ausdr-cklich-angeforderter-werbung-und-informationsmaterialien-wird-hiermit-ausdr-cklich-widersprochen-die-betreiber-der-seiten-behalten-sich-ausdr-cklich-rechtliche-schritte-im-falle-der-unverlangten-zusendung-von-werbeinformationen-etwa-durch-spam-mails-vor {
    color: #000000;
    text-align: left;
    position: absolute;
    right: 112px;
    left: 114px;
    top: 224px;
    height: 3474px;
}

.impressum-angaben-gem-5-tmg-goethe-schule-harburg-ei-erndorfer-stra-e-26-21073-hamburg-vertreten-durch-schulleitung-jochen-fritz-kontakt-telefon-040-4288710-fax-040-428871272-e-mail-goethe-schule-harburg-bsb-hamburg-de-redaktionelle-bearbeitung-julian-peters-e-mail-julian-peters-goethe-schule-harburg-de-haftungsausschluss-haftung-f-r-inhalte-die-inhalte-unserer-seiten-wurden-mit-gr-ter-sorgfalt-erstellt-f-r-die-richtigkeit-vollst-ndigkeit-und-aktualit-t-der-inhalte-k-nnen-wir-jedoch-keine-gew-hr-bernehmen-als-diensteanbieter-sind-wir-gem-7-abs-1-tmg-f-r-eigene-inhalte-auf-diesen-seiten-nach-den-allgemeinen-gesetzen-verantwortlich-nach-8-bis-10-tmg-sind-wir-als-diensteanbieter-jedoch-nicht-verpflichtet-bermittelte-oder-gespeicherte-fremde-informationen-zu-berwachen-oder-nach-umst-nden-zu-forschen-die-auf-eine-rechtswidrige-t-tigkeit-hinweisen-verpflichtungen-zur-entfernung-oder-sperrung-der-nutzung-von-informationen-nach-den-allgemeinen-gesetzen-bleiben-hiervon-unber-hrt-eine-diesbez-gliche-haftung-ist-jedoch-erst-ab-dem-zeitpunkt-der-kenntnis-einer-konkreten-rechtsverletzung-m-glich-bei-bekanntwerden-von-entsprechenden-rechtsverletzungen-werden-wir-diese-inhalte-umgehend-entfernen-haftung-f-r-links-unser-angebot-enth-lt-links-zu-externen-webseiten-dritter-auf-deren-inhalte-wir-keinen-einfluss-haben-deshalb-k-nnen-wir-f-r-diese-fremden-inhalte-auch-keine-gew-hr-bernehmen-f-r-die-inhalte-der-verlinkten-seiten-ist-stets-der-jeweilige-anbieter-oder-betreiber-der-seiten-verantwortlich-die-verlinkten-seiten-wurden-zum-zeitpunkt-der-verlinkung-auf-m-gliche-rechtsverst-e-berpr-ft-rechtswidrige-inhalte-waren-zum-zeitpunkt-der-verlinkung-nicht-erkennbar-eine-permanente-inhaltliche-kontrolle-der-verlinkten-seiten-ist-jedoch-ohne-konkrete-anhaltspunkte-einer-rechtsverletzung-nicht-zumutbar-bei-bekanntwerden-von-rechtsverletzungen-werden-wir-derartige-links-umgehend-entfernen-urheberrecht-die-durch-die-seitenbetreiber-erstellten-inhalte-und-werke-auf-diesen-seiten-unterliegen-dem-deutschen-urheberrecht-die-vervielf-ltigung-bearbeitung-verbreitung-und-jede-art-der-verwertung-au-erhalb-der-grenzen-des-urheberrechtes-bed-rfen-der-schriftlichen-zustimmung-des-jeweiligen-autors-bzw-erstellers-downloads-und-kopien-dieser-seite-sind-nur-f-r-den-privaten-nicht-kommerziellen-gebrauch-gestattet-soweit-die-inhalte-auf-dieser-seite-nicht-vom-betreiber-erstellt-wurden-werden-die-urheberrechte-dritter-beachtet-insbesondere-werden-inhalte-dritter-als-solche-gekennzeichnet-sollten-sie-trotzdem-auf-eine-urheberrechtsverletzung-aufmerksam-werden-bitten-wir-um-einen-entsprechenden-hinweis-bei-bekanntwerden-von-rechtsverletzungen-werden-wir-derartige-inhalte-umgehend-entfernen-datenschutz-die-nutzung-unserer-webseite-ist-in-der-regel-ohne-angabe-personenbezogener-daten-m-glich-soweit-auf-unseren-seiten-personenbezogene-daten-beispielsweise-name-anschrift-oder-e-mail-adressen-erhoben-werden-erfolgt-dies-soweit-m-glich-stets-auf-freiwilliger-basis-diese-daten-werden-ohne-ihre-ausdr-ckliche-zustimmung-nicht-an-dritte-weitergegeben-wir-weisen-darauf-hin-dass-die-daten-bertragung-im-internet-z-b-bei-der-kommunikation-per-e-mail-sicherheitsl-cken-aufweisen-kann-ein-l-ckenloser-schutz-der-daten-vor-dem-zugriff-durch-dritte-ist-nicht-m-glich-der-nutzung-von-im-rahmen-der-impressumspflicht-ver-ffentlichten-kontaktdaten-durch-dritte-zur-bersendung-von-nicht-ausdr-cklich-angeforderter-werbung-und-informationsmaterialien-wird-hiermit-ausdr-cklich-widersprochen-die-betreiber-der-seiten-behalten-sich-ausdr-cklich-rechtliche-schritte-im-falle-der-unverlangten-zusendung-von-werbeinformationen-etwa-durch-spam-mails-vor-span {
    font-family: 'Inter-Bold', sans-serif;
    font-size: 64px;
    font-weight: 700;
}

.impressum-angaben-gem-5-tmg-goethe-schule-harburg-ei-erndorfer-stra-e-26-21073-hamburg-vertreten-durch-schulleitung-jochen-fritz-kontakt-telefon-040-4288710-fax-040-428871272-e-mail-goethe-schule-harburg-bsb-hamburg-de-redaktionelle-bearbeitung-julian-peters-e-mail-julian-peters-goethe-schule-harburg-de-haftungsausschluss-haftung-f-r-inhalte-die-inhalte-unserer-seiten-wurden-mit-gr-ter-sorgfalt-erstellt-f-r-die-richtigkeit-vollst-ndigkeit-und-aktualit-t-der-inhalte-k-nnen-wir-jedoch-keine-gew-hr-bernehmen-als-diensteanbieter-sind-wir-gem-7-abs-1-tmg-f-r-eigene-inhalte-auf-diesen-seiten-nach-den-allgemeinen-gesetzen-verantwortlich-nach-8-bis-10-tmg-sind-wir-als-diensteanbieter-jedoch-nicht-verpflichtet-bermittelte-oder-gespeicherte-fremde-informationen-zu-berwachen-oder-nach-umst-nden-zu-forschen-die-auf-eine-rechtswidrige-t-tigkeit-hinweisen-verpflichtungen-zur-entfernung-oder-sperrung-der-nutzung-von-informationen-nach-den-allgemeinen-gesetzen-bleiben-hiervon-unber-hrt-eine-diesbez-gliche-haftung-ist-jedoch-erst-ab-dem-zeitpunkt-der-kenntnis-einer-konkreten-rechtsverletzung-m-glich-bei-bekanntwerden-von-entsprechenden-rechtsverletzungen-werden-wir-diese-inhalte-umgehend-entfernen-haftung-f-r-links-unser-angebot-enth-lt-links-zu-externen-webseiten-dritter-auf-deren-inhalte-wir-keinen-einfluss-haben-deshalb-k-nnen-wir-f-r-diese-fremden-inhalte-auch-keine-gew-hr-bernehmen-f-r-die-inhalte-der-verlinkten-seiten-ist-stets-der-jeweilige-anbieter-oder-betreiber-der-seiten-verantwortlich-die-verlinkten-seiten-wurden-zum-zeitpunkt-der-verlinkung-auf-m-gliche-rechtsverst-e-berpr-ft-rechtswidrige-inhalte-waren-zum-zeitpunkt-der-verlinkung-nicht-erkennbar-eine-permanente-inhaltliche-kontrolle-der-verlinkten-seiten-ist-jedoch-ohne-konkrete-anhaltspunkte-einer-rechtsverletzung-nicht-zumutbar-bei-bekanntwerden-von-rechtsverletzungen-werden-wir-derartige-links-umgehend-entfernen-urheberrecht-die-durch-die-seitenbetreiber-erstellten-inhalte-und-werke-auf-diesen-seiten-unterliegen-dem-deutschen-urheberrecht-die-vervielf-ltigung-bearbeitung-verbreitung-und-jede-art-der-verwertung-au-erhalb-der-grenzen-des-urheberrechtes-bed-rfen-der-schriftlichen-zustimmung-des-jeweiligen-autors-bzw-erstellers-downloads-und-kopien-dieser-seite-sind-nur-f-r-den-privaten-nicht-kommerziellen-gebrauch-gestattet-soweit-die-inhalte-auf-dieser-seite-nicht-vom-betreiber-erstellt-wurden-werden-die-urheberrechte-dritter-beachtet-insbesondere-werden-inhalte-dritter-als-solche-gekennzeichnet-sollten-sie-trotzdem-auf-eine-urheberrechtsverletzung-aufmerksam-werden-bitten-wir-um-einen-entsprechenden-hinweis-bei-bekanntwerden-von-rechtsverletzungen-werden-wir-derartige-inhalte-umgehend-entfernen-datenschutz-die-nutzung-unserer-webseite-ist-in-der-regel-ohne-angabe-personenbezogener-daten-m-glich-soweit-auf-unseren-seiten-personenbezogene-daten-beispielsweise-name-anschrift-oder-e-mail-adressen-erhoben-werden-erfolgt-dies-soweit-m-glich-stets-auf-freiwilliger-basis-diese-daten-werden-ohne-ihre-ausdr-ckliche-zustimmung-nicht-an-dritte-weitergegeben-wir-weisen-darauf-hin-dass-die-daten-bertragung-im-internet-z-b-bei-der-kommunikation-per-e-mail-sicherheitsl-cken-aufweisen-kann-ein-l-ckenloser-schutz-der-daten-vor-dem-zugriff-durch-dritte-ist-nicht-m-glich-der-nutzung-von-im-rahmen-der-impressumspflicht-ver-ffentlichten-kontaktdaten-durch-dritte-zur-bersendung-von-nicht-ausdr-cklich-angeforderter-werbung-und-informationsmaterialien-wird-hiermit-ausdr-cklich-widersprochen-die-betreiber-der-seiten-behalten-sich-ausdr-cklich-rechtliche-schritte-im-falle-der-unverlangten-zusendung-von-werbeinformationen-etwa-durch-spam-mails-vor-span2 {
    font-family: 'Inter-Regular', sans-serif;
    font-size: 32px;
    font-weight: 400;
}

.impressum-angaben-gem-5-tmg-goethe-schule-harburg-ei-erndorfer-stra-e-26-21073-hamburg-vertreten-durch-schulleitung-jochen-fritz-kontakt-telefon-040-4288710-fax-040-428871272-e-mail-goethe-schule-harburg-bsb-hamburg-de-redaktionelle-bearbeitung-julian-peters-e-mail-julian-peters-goethe-schule-harburg-de-haftungsausschluss-haftung-f-r-inhalte-die-inhalte-unserer-seiten-wurden-mit-gr-ter-sorgfalt-erstellt-f-r-die-richtigkeit-vollst-ndigkeit-und-aktualit-t-der-inhalte-k-nnen-wir-jedoch-keine-gew-hr-bernehmen-als-diensteanbieter-sind-wir-gem-7-abs-1-tmg-f-r-eigene-inhalte-auf-diesen-seiten-nach-den-allgemeinen-gesetzen-verantwortlich-nach-8-bis-10-tmg-sind-wir-als-diensteanbieter-jedoch-nicht-verpflichtet-bermittelte-oder-gespeicherte-fremde-informationen-zu-berwachen-oder-nach-umst-nden-zu-forschen-die-auf-eine-rechtswidrige-t-tigkeit-hinweisen-verpflichtungen-zur-entfernung-oder-sperrung-der-nutzung-von-informationen-nach-den-allgemeinen-gesetzen-bleiben-hiervon-unber-hrt-eine-diesbez-gliche-haftung-ist-jedoch-erst-ab-dem-zeitpunkt-der-kenntnis-einer-konkreten-rechtsverletzung-m-glich-bei-bekanntwerden-von-entsprechenden-rechtsverletzungen-werden-wir-diese-inhalte-umgehend-entfernen-haftung-f-r-links-unser-angebot-enth-lt-links-zu-externen-webseiten-dritter-auf-deren-inhalte-wir-keinen-einfluss-haben-deshalb-k-nnen-wir-f-r-diese-fremden-inhalte-auch-keine-gew-hr-bernehmen-f-r-die-inhalte-der-verlinkten-seiten-ist-stets-der-jeweilige-anbieter-oder-betreiber-der-seiten-verantwortlich-die-verlinkten-seiten-wurden-zum-zeitpunkt-der-verlinkung-auf-m-gliche-rechtsverst-e-berpr-ft-rechtswidrige-inhalte-waren-zum-zeitpunkt-der-verlinkung-nicht-erkennbar-eine-permanente-inhaltliche-kontrolle-der-verlinkten-seiten-ist-jedoch-ohne-konkrete-anhaltspunkte-einer-rechtsverletzung-nicht-zumutbar-bei-bekanntwerden-von-rechtsverletzungen-werden-wir-derartige-links-umgehend-entfernen-urheberrecht-die-durch-die-seitenbetreiber-erstellten-inhalte-und-werke-auf-diesen-seiten-unterliegen-dem-deutschen-urheberrecht-die-vervielf-ltigung-bearbeitung-verbreitung-und-jede-art-der-verwertung-au-erhalb-der-grenzen-des-urheberrechtes-bed-rfen-der-schriftlichen-zustimmung-des-jeweiligen-autors-bzw-erstellers-downloads-und-kopien-dieser-seite-sind-nur-f-r-den-privaten-nicht-kommerziellen-gebrauch-gestattet-soweit-die-inhalte-auf-dieser-seite-nicht-vom-betreiber-erstellt-wurden-werden-die-urheberrechte-dritter-beachtet-insbesondere-werden-inhalte-dritter-als-solche-gekennzeichnet-sollten-sie-trotzdem-auf-eine-urheberrechtsverletzung-aufmerksam-werden-bitten-wir-um-einen-entsprechenden-hinweis-bei-bekanntwerden-von-rechtsverletzungen-werden-wir-derartige-inhalte-umgehend-entfernen-datenschutz-die-nutzung-unserer-webseite-ist-in-der-regel-ohne-angabe-personenbezogener-daten-m-glich-soweit-auf-unseren-seiten-personenbezogene-daten-beispielsweise-name-anschrift-oder-e-mail-adressen-erhoben-werden-erfolgt-dies-soweit-m-glich-stets-auf-freiwilliger-basis-diese-daten-werden-ohne-ihre-ausdr-ckliche-zustimmung-nicht-an-dritte-weitergegeben-wir-weisen-darauf-hin-dass-die-daten-bertragung-im-internet-z-b-bei-der-kommunikation-per-e-mail-sicherheitsl-cken-aufweisen-kann-ein-l-ckenloser-schutz-der-daten-vor-dem-zugriff-durch-dritte-ist-nicht-m-glich-der-nutzung-von-im-rahmen-der-impressumspflicht-ver-ffentlichten-kontaktdaten-durch-dritte-zur-bersendung-von-nicht-ausdr-cklich-angeforderter-werbung-und-informationsmaterialien-wird-hiermit-ausdr-cklich-widersprochen-die-betreiber-der-seiten-behalten-sich-ausdr-cklich-rechtliche-schritte-im-falle-der-unverlangten-zusendung-von-werbeinformationen-etwa-durch-spam-mails-vor-span3 {
    font-family: 'Inter-SemiBold', sans-serif;
    font-size: 32px;
    font-weight: 600;
}

.impressum-angaben-gem-5-tmg-goethe-schule-harburg-ei-erndorfer-stra-e-26-21073-hamburg-vertreten-durch-schulleitung-jochen-fritz-kontakt-telefon-040-4288710-fax-040-428871272-e-mail-goethe-schule-harburg-bsb-hamburg-de-redaktionelle-bearbeitung-julian-peters-e-mail-julian-peters-goethe-schule-harburg-de-haftungsausschluss-haftung-f-r-inhalte-die-inhalte-unserer-seiten-wurden-mit-gr-ter-sorgfalt-erstellt-f-r-die-richtigkeit-vollst-ndigkeit-und-aktualit-t-der-inhalte-k-nnen-wir-jedoch-keine-gew-hr-bernehmen-als-diensteanbieter-sind-wir-gem-7-abs-1-tmg-f-r-eigene-inhalte-auf-diesen-seiten-nach-den-allgemeinen-gesetzen-verantwortlich-nach-8-bis-10-tmg-sind-wir-als-diensteanbieter-jedoch-nicht-verpflichtet-bermittelte-oder-gespeicherte-fremde-informationen-zu-berwachen-oder-nach-umst-nden-zu-forschen-die-auf-eine-rechtswidrige-t-tigkeit-hinweisen-verpflichtungen-zur-entfernung-oder-sperrung-der-nutzung-von-informationen-nach-den-allgemeinen-gesetzen-bleiben-hiervon-unber-hrt-eine-diesbez-gliche-haftung-ist-jedoch-erst-ab-dem-zeitpunkt-der-kenntnis-einer-konkreten-rechtsverletzung-m-glich-bei-bekanntwerden-von-entsprechenden-rechtsverletzungen-werden-wir-diese-inhalte-umgehend-entfernen-haftung-f-r-links-unser-angebot-enth-lt-links-zu-externen-webseiten-dritter-auf-deren-inhalte-wir-keinen-einfluss-haben-deshalb-k-nnen-wir-f-r-diese-fremden-inhalte-auch-keine-gew-hr-bernehmen-f-r-die-inhalte-der-verlinkten-seiten-ist-stets-der-jeweilige-anbieter-oder-betreiber-der-seiten-verantwortlich-die-verlinkten-seiten-wurden-zum-zeitpunkt-der-verlinkung-auf-m-gliche-rechtsverst-e-berpr-ft-rechtswidrige-inhalte-waren-zum-zeitpunkt-der-verlinkung-nicht-erkennbar-eine-permanente-inhaltliche-kontrolle-der-verlinkten-seiten-ist-jedoch-ohne-konkrete-anhaltspunkte-einer-rechtsverletzung-nicht-zumutbar-bei-bekanntwerden-von-rechtsverletzungen-werden-wir-derartige-links-umgehend-entfernen-urheberrecht-die-durch-die-seitenbetreiber-erstellten-inhalte-und-werke-auf-diesen-seiten-unterliegen-dem-deutschen-urheberrecht-die-vervielf-ltigung-bearbeitung-verbreitung-und-jede-art-der-verwertung-au-erhalb-der-grenzen-des-urheberrechtes-bed-rfen-der-schriftlichen-zustimmung-des-jeweiligen-autors-bzw-erstellers-downloads-und-kopien-dieser-seite-sind-nur-f-r-den-privaten-nicht-kommerziellen-gebrauch-gestattet-soweit-die-inhalte-auf-dieser-seite-nicht-vom-betreiber-erstellt-wurden-werden-die-urheberrechte-dritter-beachtet-insbesondere-werden-inhalte-dritter-als-solche-gekennzeichnet-sollten-sie-trotzdem-auf-eine-urheberrechtsverletzung-aufmerksam-werden-bitten-wir-um-einen-entsprechenden-hinweis-bei-bekanntwerden-von-rechtsverletzungen-werden-wir-derartige-inhalte-umgehend-entfernen-datenschutz-die-nutzung-unserer-webseite-ist-in-der-regel-ohne-angabe-personenbezogener-daten-m-glich-soweit-auf-unseren-seiten-personenbezogene-daten-beispielsweise-name-anschrift-oder-e-mail-adressen-erhoben-werden-erfolgt-dies-soweit-m-glich-stets-auf-freiwilliger-basis-diese-daten-werden-ohne-ihre-ausdr-ckliche-zustimmung-nicht-an-dritte-weitergegeben-wir-weisen-darauf-hin-dass-die-daten-bertragung-im-internet-z-b-bei-der-kommunikation-per-e-mail-sicherheitsl-cken-aufweisen-kann-ein-l-ckenloser-schutz-der-daten-vor-dem-zugriff-durch-dritte-ist-nicht-m-glich-der-nutzung-von-im-rahmen-der-impressumspflicht-ver-ffentlichten-kontaktdaten-durch-dritte-zur-bersendung-von-nicht-ausdr-cklich-angeforderter-werbung-und-informationsmaterialien-wird-hiermit-ausdr-cklich-widersprochen-die-betreiber-der-seiten-behalten-sich-ausdr-cklich-rechtliche-schritte-im-falle-der-unverlangten-zusendung-von-werbeinformationen-etwa-durch-spam-mails-vor-span4 {
    font-family: 'Inter-Regular', sans-serif;
    font-size: 32px;
    font-weight: 400;
    text-decoration: underline;
}
/*wir*/
.desktop-wir,
.desktop-wir * {
    box-sizing: border-box;
}

.desktop-wir {
    background: linear-gradient(180deg, rgba(227, 255, 181, 1.00) 0%, rgba(241, 255, 218, 1.00) 18.99999976158142%, rgba(255, 255, 255, 1.00) 76.99999809265137%, rgba(196, 196, 196, 1.00) 85.00000238418579%);
    height: 2565px;
    position: relative;
    overflow-y: auto;
}

.rectangle-3-wir {
    background: linear-gradient(90.27deg, rgba(225, 245, 73, 1.00) 0%, rgba(101, 146, 0, 1.00) 100%);
    height: 106px;
    position: relative;
}

.das-sind-wir-wir {
    background: linear-gradient(90deg, rgba(234, 234, 234, 1.00) 0%, rgba(255, 255, 255, 1.00) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 48px;
    font-weight: 400;
    position: absolute;
    left: calc(50% - 594px);
    top: 23px;
    width: 1181px;
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lernt-unser-team-kennen {
    color: #000000;
    text-align: center;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 36px;
    font-weight: 400;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 141px;
}

.rectangle-13 {
    background: #d9d9d9;
    width: 758px;
    height: 273px;
    position: absolute;
    left: calc(50% - 273px);
    top: 238px;
}

.rectangle-12 {
    background: #cecece;
    border-radius: 5px;
    width: 1072px;
    height: 342px;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 204px;
    box-shadow: -1px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.hanna-steckbrief-1 {
    border-radius: 8px;
    width: 210px;
    height: 210px;
    position: absolute;
    left: calc(50% - 507px);
    top: 226px;
    box-shadow: -7px 9px 4px 0px rgba(0, 0, 0, 0.25);
    object-fit: cover;
}

.rectangle-14 {
    background: #989898;
    border-radius: 5px;
    width: 729px;
    height: 165px;
    position: absolute;
    left: calc(50% - 277px);
    top: 248px;
    box-shadow: -3px 2px 4px 0px rgba(0, 0, 0, 0.25);
}

.hanna-message {
    color: #000000;
    text-align: left;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    left: calc(50% - 249px);
    top: 274px;
    width: 674px;
}

.hanna-text {
    color: #000000;
    text-align: center;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    left: calc(50% - 500px);
    top: 452px;
    width: 196px;
}

.rectangle-15 {
    background: #cecece;
    border-radius: 5px;
    width: 1072px;
    height: 342px;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 565px;
    box-shadow: -1px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.rectangle-16 {
    background: #989898;
    border-radius: 5px;
    width: 729px;
    height: 262px;
    position: absolute;
    left: calc(50% - 277px);
    top: 609px;
    box-shadow: -3px 2px 4px 0px rgba(0, 0, 0, 0.25);
}

.sham {
    border-radius: 8px;
    width: 210px;
    height: 210px;
    position: absolute;
    left: calc(50% - 507px);
    top: 587px;
    box-shadow: -7px 9px 4px 0px rgba(0, 0, 0, 0.25);
    object-fit: cover;
}

.hobbys-lesen-schwimmen-reisen-sprachen-deutsch-englisch-spanisch-arabisch-warum-schulsprecherin-ich-m-chte-zusammen-mit-meinem-team-die-interessen-unserer-mitsch-lerinnen-und-mitsch-ler-vertreten-und-die-schule-zu-einem-besseren-ort-f-r-alle-machen-wir-wollen-f-r-euch-da-sein-und-eure-ideen-und-anliegen-in-die-tat-umsetzen-was-finde-ich-an-der-gsh-toll-an-der-gsh-sch-tze-ich-besonders-das-offene-miteinander-und-die-m-glichkeit-mich-in-einer-vielf-ltigen-und-kreativen-umgebung-einzubringen-die-starke-gemeinschaft-und-die-vielen-m-glichkeiten-zur-pers-nlichen-entwicklung-machen-diese-schule-f-r-mich-besonders {
    color: #000000;
    text-align: left;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    left: calc(50% - 249px);
    top: 641px;
    width: 674px;
}

.sham-16-klasse-10-mu {
    color: #000000;
    text-align: center;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    left: calc(50% - 500px);
    top: 813px;
    width: 196px;
}

.rectangle-17 {
    background: #cecece;
    border-radius: 5px;
    width: 1072px;
    height: 342px;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 946px;
    box-shadow: -1px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.jason {
    border-radius: 8px;
    width: 210px;
    height: 210px;
    position: absolute;
    left: calc(50% - 507px);
    top: 963px;
    box-shadow: -7px 9px 4px 0px rgba(0, 0, 0, 0.25);
    object-fit: cover;
}

.rectangle-18 {
    background: #989898;
    border-radius: 5px;
    width: 729px;
    height: 219px;
    position: absolute;
    left: calc(50% - 277px);
    top: 990px;
    box-shadow: -3px 2px 4px 0px rgba(0, 0, 0, 0.25);
}

.jason-message {
    color: #000000;
    text-align: left;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    left: calc(50% - 249px);
    top: 1009px;
    width: 674px;
}

.jason-klasse {
    color: #000000;
    text-align: center;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    left: calc(50% - 500px);
    top: 1194px;
    width: 196px;
}

.rectangle-19 {
    background: #cecece;
    border-radius: 5px;
    width: 1072px;
    height: 342px;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 1327px;
    box-shadow: -1px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.arsham {
    border-radius: 8px;
    width: 210px;
    height: 215px;
    position: absolute;
    left: calc(50% - 507px);
    top: 1344px;
    box-shadow: -7px 9px 4px 0px rgba(0, 0, 0, 0.25);
    object-fit: cover;
}

.rectangle-20 {
    background: #989898;
    border-radius: 5px;
    width: 729px;
    height: 188px;
    position: absolute;
    left: calc(50% - 277px);
    top: 1371px;
    box-shadow: -3px 2px 4px 0px rgba(0, 0, 0, 0.25);
}

.arsham-text {
    color: #000000;
    text-align: left;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    left: calc(50% - 256px);
    top: 1392px;
    width: 687px;
}

.arsham-klasse {
    color: #000000;
    text-align: center;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    left: calc(50% - 500px);
    top: 1575px;
    width: 196px;
}

.rectangle-21 {
    background: #cecece;
    border-radius: 5px;
    width: 1072px;
    height: 124px;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 1690px;
    box-shadow: -1px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.steckbrief-von-ronny-in-arbeit {
    color: #000000;
    text-align: center;
    font-family: '-', sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 1737px;
    width: 1014px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.steckbrief-von-ronny-in-arbeit-span {
    font-family: 'Inter-Regular', sans-serif;
}

.steckbrief-von-ronny-in-arbeit-span2 {
    font-family: 'Inter-SemiBoldItalic', sans-serif;
    font-weight: 600;
    font-style: italic;
}

.rectangle-22 {
    background: #cecece;
    border-radius: 5px;
    width: 1072px;
    height: 124px;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 1835px;
    box-shadow: -1px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.steckbrief-von-youssef-in-arbeit {
    color: #000000;
    text-align: center;
    font-family: '-', sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 1882px;
    width: 1014px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.steckbrief-von-youssef-in-arbeit-span {
    font-family: 'Inter-Regular', sans-serif;
}

.steckbrief-von-youssef-in-arbeit-span2 {
    font-family: 'Inter-SemiBoldItalic', sans-serif;
    font-weight: 600;
    font-style: italic;
}

.rectangle-23 {
    background: #cecece;
    border-radius: 5px;
    width: 1072px;
    height: 124px;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 1980px;
    box-shadow: -1px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.steckbrief-von-omid-in-arbeit {
    color: #000000;
    text-align: center;
    font-family: '-', sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 2027px;
    width: 1014px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.steckbrief-von-omid-in-arbeit-span {
    font-family: 'Inter-Regular', sans-serif;
}

.steckbrief-von-omid-in-arbeit-span2 {
    font-family: 'Inter-SemiBoldItalic', sans-serif;
    font-weight: 600;
    font-style: italic;
}

.rectangle-24 {
    background: #cecece;
    border-radius: 5px;
    width: 1072px;
    height: 124px;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 2125px;
    box-shadow: -1px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.steckbrief-von-julian-in-arbeit {
    color: #000000;
    text-align: center;
    font-family: '-', sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 2164px;
    width: 1014px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.steckbrief-von-julian-in-arbeit-span {
    font-family: 'Inter-Regular', sans-serif;
}

.steckbrief-von-julian-in-arbeit-span2 {
    font-family: 'Inter-SemiBoldItalic', sans-serif;
    font-weight: 600;
    font-style: italic;
}

.rectangle-25 {
    background: #cecece;
    border-radius: 5px;
    width: 1072px;
    height: 124px;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 2270px;
    box-shadow: -1px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.steckbrief-von-othmann-in-arbeit {
    color: #000000;
    text-align: center;
    font-family: '-', sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 2317px;
    width: 1014px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.steckbrief-von-othmann-in-arbeit-span {
    font-family: 'Inter-Regular', sans-serif;
}

.steckbrief-von-othmann-in-arbeit-span2 {
    font-family: 'Inter-SemiBoldItalic', sans-serif;
    font-weight: 600;
    font-style: italic;
}