forked from WEB-IMB-WS2526/lab-development-imb
Add solutions for lab 11
parent
6e90fc3725
commit
26c9dcd953
|
|
@ -0,0 +1,62 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Tagesschau - Maschinenbau-Bilanz</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<p class="headline">Schlechte Jahresbilanz</p>
|
||||||
|
<h1>Maschinenbauer warnen die Politik</h1>
|
||||||
|
<p class="meta">Stand: 09.12.2025 12:32 Uhr</p>
|
||||||
|
<p class="summary">Der Branchenverband der Maschinenbauer zieht eine schlechte Jahresbilanz 2025. Der VDMA verlangt Reformen. Sonst
|
||||||
|
würden noch mehr Unternehmen abwandern. Vor allem der Mittelstand leidet unter den Standortbedingungen.</p>
|
||||||
|
<p class="meta">Von Axel J, SWR</p>
|
||||||
|
<p>
|
||||||
|
Julia Schnitzler schaut von ihrem Büro auf die Landstraße, die direkt an ihrem Unternehmen entlang führt. Von
|
||||||
|
hier
|
||||||
|
aus gehen die Spezialanlagen des Herstellers Strassburger Filter in alle Welt. Julia Schnitzler ist hier
|
||||||
|
geschäftsführende Gesellschafterin.
|
||||||
|
</p>
|
||||||
|
<p>"Wir sind aufgrund unserer Expertise international führend, aber es wird immer
|
||||||
|
schwerer. Der Standort Deutschland macht uns zu schaffen. Auch international wird das Geschäftsklima immer
|
||||||
|
rauer",
|
||||||
|
fasst die Geschäftsfrau ein ernüchterndes Jahr zusammen. "Unsere Exporte sind um mehr als zehn Prozent
|
||||||
|
zurückgegangen." Die Firma fertigt Filtrationssysteme für die Bereiche Pharma, Chemie und Kosmetik. Die Exporte
|
||||||
|
gehen vor allem nach Südostasien oder auch nach Nordamerika.
|
||||||
|
</p>
|
||||||
|
<h2>Druck durch chinesische Konkurrenz</h2>
|
||||||
|
<p>Im rheinhessischen Westhofen hat der Betrieb 50 Angestellte. Auch im chinesischen
|
||||||
|
Shanghai arbeiten zwei Spezialisten für das deutsche Unternehmen. China war lange ein starker Markt für den
|
||||||
|
deutschen Filterbauer. "Das hat sich geändert: Die Nachfrage ist zurückgegangen. Es gibt immer mehr chinesische
|
||||||
|
Wettbewerber, die in ihrem heimischen Markt bevorzugt werden", sagt Schnitzler. Qualitativ sei man noch ein
|
||||||
|
gutes
|
||||||
|
Stück voraus. Dafür seien die Chinesen bei den Preisen kaum noch zu schlagen. "Chinesische Firmen haben viel
|
||||||
|
niedrigere Energiepreise. Auch deshalb bieten sie Produkte an, die teils bis zu 75 Prozent billiger als unsere
|
||||||
|
Anlagen sind."</p>
|
||||||
|
<p>Die US-Zölle verschärften die Krise. "Dadurch wird alles noch komplizierter - und unsicherer. Viele
|
||||||
|
unserer Kunden warten erstmal ab. Wer weiß schon, was sich morgen wieder ändert." Pläne zur Verlagerung des
|
||||||
|
Betriebes in die USA habe sie nicht. Aber Schnitzler stellt fest: "Es wird einem in den USA aufgrund der neuen
|
||||||
|
Gesetzeslage inzwischen sehr einfach gemacht, eine Niederlassung zu gründen."
|
||||||
|
</p>
|
||||||
|
<p>Daheim setzen der Firma die
|
||||||
|
Standortbedingungen immer mehr zu. Vor allem die fehlenden Fachkräfte sind ein Problem. Beim Thema
|
||||||
|
Bürokratieabbau
|
||||||
|
schüttelt Julia Schnitzler fast schon resigniert den Kopf. "Alle reden davon, aber es wird immer mehr. Ständig
|
||||||
|
gibt
|
||||||
|
es neue Richtlinien", sagt die geschäftsführende Gesellschafterin "Ein Beispiel: Wenn wir ein bestimmtes Bauteil
|
||||||
|
in
|
||||||
|
einen Filter verbauen, ist das für die Verwaltung eine Kleinigkeit. Liefern wir es aber als Ersatzteil separat
|
||||||
|
aus,
|
||||||
|
entsteht ein enormer Dokumentationsaufwand. Das kostet Zeit, bindet Mitarbeiter und wird immer teurer. Dieses
|
||||||
|
Geld
|
||||||
|
fehlt dann woanders."
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="meta"><span class="source">Quelle</span>: www.tagesschau.de, abgerufen am 9.12.2025</p>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,26 @@
|
||||||
|
html {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Open Sans', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2 {
|
||||||
|
color: #005CA9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.headline {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
color: darkgray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.meta {
|
||||||
|
font-size: 0.7rem;
|
||||||
|
font-style: italic;
|
||||||
|
color: lightgray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.source {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,43 @@
|
||||||
|
1. Termine:
|
||||||
|
Hintergrundfarbe: keine
|
||||||
|
Schriftfarbe: standard (schwarz)
|
||||||
|
Unterstrichen? nein
|
||||||
|
2. 10k-Lauf:
|
||||||
|
Hintergrundfarbe: orange
|
||||||
|
Schriftfarbe: yellowgreen
|
||||||
|
Unterstrichen? nein
|
||||||
|
3. Elternabend:
|
||||||
|
Hintergrundfarbe: red
|
||||||
|
Schriftfarbe: yellowgreen
|
||||||
|
Unterstrichen? ja!
|
||||||
|
4. Wocheneinkauf:
|
||||||
|
Hintergrundfarbe: orange
|
||||||
|
Schriftfarbe: purple
|
||||||
|
Unterstrichen? nein
|
||||||
|
5. Yoga:
|
||||||
|
Hintergrundfarbe: orange
|
||||||
|
Schriftfarbe: purple
|
||||||
|
Unterstrichen?
|
||||||
|
6. Handball-Training:
|
||||||
|
Hintergrundfarbe: blue
|
||||||
|
Schriftfarbe: white
|
||||||
|
Unterstrichen? nein
|
||||||
|
7. Mathearbeit:
|
||||||
|
Hintergrundfarbe: blue
|
||||||
|
Schriftfarbe: white
|
||||||
|
Unterstrichen? nein
|
||||||
|
8. Fußball-Training:
|
||||||
|
Hintergrundfarbe: blue
|
||||||
|
Schriftfarbe: violet
|
||||||
|
Unterstrichen? nein
|
||||||
|
9. FCB vs. Eintracht:
|
||||||
|
Hintergrundfarbe: orange
|
||||||
|
Schriftfarbe: turquoise
|
||||||
|
Unterstrichen? nein
|
||||||
|
10. Pizza-Tag!:
|
||||||
|
Hintergrundfarbe: keine
|
||||||
|
Schriftfarbe: brown
|
||||||
|
Unterstrichen? nein
|
||||||
|
|
||||||
|
|
||||||
|
*Hintergrundfarbe*, *Schriftfarbe* und *unterstrichen/nicht unterstrichen*
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
|
|
@ -0,0 +1,115 @@
|
||||||
|
.styled-select {
|
||||||
|
appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.styled-checkbox {
|
||||||
|
appearance: none;
|
||||||
|
width: 1.2rem;
|
||||||
|
height: 1.2rem;
|
||||||
|
border: 1px solid #000000;
|
||||||
|
border-radius: 4px;
|
||||||
|
background-color: #ffffff;
|
||||||
|
|
||||||
|
/* richtet sich mittig zur Textzeile/Nachbarelementen aus */
|
||||||
|
vertical-align: middle;
|
||||||
|
/* dient als Anker für absolute Kinder */
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.styled-checkbox:checked {
|
||||||
|
background-color: #000000;
|
||||||
|
border-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.styled-checkbox:checked::after {
|
||||||
|
/* Häkchen-Symbol */
|
||||||
|
content: "\2713";
|
||||||
|
color: #ffffff;
|
||||||
|
font-size: 1rem;
|
||||||
|
|
||||||
|
|
||||||
|
/* Position relativ zum nächsten positionierten Eltern-Element */
|
||||||
|
position: absolute;
|
||||||
|
/* obere Kante in die Mitte (50%) des Eltern-Elements setzen */
|
||||||
|
top: 50%;
|
||||||
|
/* linke Kante in die Mitte (50%) des Eltern-Elements setzen */
|
||||||
|
left: 50%;
|
||||||
|
/* sich selbst um 50% der eigenen Breite/Höhe zurückschieben → exakt zentriert */
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.styled-radio {
|
||||||
|
appearance: none;
|
||||||
|
width: 1.2rem;
|
||||||
|
height: 1.2rem;
|
||||||
|
border: 1px solid #000;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: #ffffff;
|
||||||
|
|
||||||
|
/* richtet sich mittig zur Textzeile/Nachbarelementen aus */
|
||||||
|
vertical-align: middle;
|
||||||
|
/* dient als Anker für absolute Kinder */
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.styled-radio:checked {
|
||||||
|
border-color: #ffffff;
|
||||||
|
background-color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.styled-radio:checked::after {
|
||||||
|
content: "";
|
||||||
|
width: 0.5rem;
|
||||||
|
height: 0.5rem;
|
||||||
|
background-color: #ffffff;
|
||||||
|
border-radius: 50%;
|
||||||
|
|
||||||
|
/* Position relativ zum nächsten positionierten Eltern-Element */
|
||||||
|
position: absolute;
|
||||||
|
/* obere Kante in die Mitte (50%) des Eltern-Elements setzen */
|
||||||
|
top: 50%;
|
||||||
|
/* linke Kante in die Mitte (50%) des Eltern-Elements setzen */
|
||||||
|
left: 50%;
|
||||||
|
/* sich selbst um 50% der eigenen Breite/Höhe zurückschieben → exakt zentriert */
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-size: 18px;
|
||||||
|
font-style: oblique;
|
||||||
|
font-family: 'Courier New', Courier, monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
body{
|
||||||
|
background-image: url(img/background.jpg);
|
||||||
|
background-position: center;
|
||||||
|
background-size: cover;
|
||||||
|
margin: 20px;
|
||||||
|
min-height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding-right: 2rem;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
margin: 20px;
|
||||||
|
padding: 20px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
legend {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
fieldset {
|
||||||
|
border-color: #1440a2;
|
||||||
|
}
|
||||||
|
|
||||||
|
form{
|
||||||
|
backdrop-filter: blur;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,68 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="stylesheet" href="styles_workshop.css">
|
||||||
|
<title>Workshop-Anmeldung</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<h1>Workshop-Anmeldung</h1>
|
||||||
|
<form action="https://web-637691723779.europe-west2.run.app/registrierung" method="post">
|
||||||
|
<fieldset>
|
||||||
|
<legend>Persönliche Angaben:</legend>
|
||||||
|
<label for="vorname">Vorname:</label><br>
|
||||||
|
<input type="text" name="vorname" id="vorname" placeholder="Vorname" required><br>
|
||||||
|
|
||||||
|
<label for="nachname">Nachname:</label><br>
|
||||||
|
<input type="text" name="nachname" id="nachname" placeholder="Nachname" required><br>
|
||||||
|
|
||||||
|
<label for="email">E-Mail:</label><br>
|
||||||
|
<input type="email" name="email" id="email" autocomplete="email"><br>
|
||||||
|
|
||||||
|
<label for="telefon">Handynummer:</label><br>
|
||||||
|
<input type="tel" name="telefon" id="telefon" pattern="^01[5-7][0-9]{7,10}$"><br><br>
|
||||||
|
</fieldset>
|
||||||
|
|
||||||
|
<fieldset>
|
||||||
|
<legend>Kursauswahl:</legend>
|
||||||
|
<label for="kurs">Kurs:</label><br>
|
||||||
|
<input type="text" name="kurs" id="kurs" value="Webentwicklung Basics" readonly disabled><br><br>
|
||||||
|
|
||||||
|
<label for="sessions">Bevorzugte Sessions:</label><br>
|
||||||
|
<select id="sessions" name="sessions" class="styled-select" multiple size="4">
|
||||||
|
<option value="vormittag">Vormittag</option>
|
||||||
|
<option value="nachmittag">Nachmittag</option>
|
||||||
|
<option value="abendsession">Abend</option>
|
||||||
|
<option value="wochenende">Wochenende</option>
|
||||||
|
</select><br>
|
||||||
|
</fieldset>
|
||||||
|
|
||||||
|
<fieldset>
|
||||||
|
<legend>Zusätzliche Optionen:</legend>
|
||||||
|
<input type="checkbox" id="agb" name="agb" class="styled-checkbox" required>
|
||||||
|
<label for="agb">Ich akzeptiere die Teilnahmebedingungen.</label><br>
|
||||||
|
|
||||||
|
<input type="checkbox" id="newsletter" name="newsletter" value="ja" class="styled-checkbox" >
|
||||||
|
<label for="newsletter">Newsletter abonnieren.</label><br>
|
||||||
|
|
||||||
|
<input type="checkbox" id="equipment" name="equipment" value="ja" class="styled-checkbox" >
|
||||||
|
<label for="equipment">Ich benötige spezielles Equipment.</label><br>
|
||||||
|
</fieldset>
|
||||||
|
|
||||||
|
<fieldset>
|
||||||
|
<legend>Teilnahmeformat:</legend>
|
||||||
|
Format wählen:<br>
|
||||||
|
<input type="radio" id="online" name="format" value="online" class="styled-radio" required>
|
||||||
|
<label for="online">Online</label><br>
|
||||||
|
|
||||||
|
<input type="radio" id="praesenz" name="format" value="praesenz" class="styled-radio">
|
||||||
|
<label for="praesenz">Präsenz</label><br>
|
||||||
|
</fieldset>
|
||||||
|
<br>
|
||||||
|
<input type="submit" value="Jetzt anmelden">
|
||||||
|
</form>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue