/*ANCHOR - Titel*/
html, body {padding: 0; margin: 0; top: 0;}

html, body {width: 100vw;}

body {background-color: #f5f5f5}

b {
	/*font-size: 110%;*/
	font-weight: 500;
}

/*ANCHOR - Text-Animation*/
.animate-text-hier {
  background-image: linear-gradient(-225deg, #14b214 10%, #141b2d 29%, #ff1361 67%, #fff800 100%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: text-hier 2.35s linear infinite;
}

@keyframes text-hier {
  to {
  	background-position: 200%;
  }
}

/*ANCHOR - Schrift mit Füllung*/

.text-test {
	text-align: center;
}

.fuelltext span {
	color: #fff;
	font-family: 'Outfit';
	font-size: 8rem;
	font-weight: 900;
	position: absolute;
	transform: translate(-50%, -50%);
}

/* Rand und Füllung Farbe*/
.fuelltext span:nth-child(1) {
	color: #ddd9d9;
	-webkit-text-stroke: 2px #dcd8d8;
}
/* Füllung*/
.fuelltext span:nth-child(2) {
	color: #f50eed;
	animation: animate 4s ease-in-out infinite;
}

@keyframes animate {
	0%,
	100% {
		clip-path: polygon(
			0% 45%,
			16% 44%,
			33% 50%,
			54% 60%,
			70% 61%,
			84% 59%,
			100% 52%,
			100% 100%,
			0% 100%
		);
	}

	50% {
		clip-path: polygon(
			0% 60%,
			15% 65%,
			34% 66%,
			51% 62%,
			67% 50%,
			84% 45%,
			100% 46%,
			100% 100%,
			0% 100%
		);
	}
}

/*ANCHOR - Text Animation Ende*/

/*ANCHOR - Start kopf*/
#kopf_start {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: auto;
	height: auto;
	background-color: white;
}

.container-start-aussen {
	display: flex;
	width: 100vw;
	margin: 0;
	height: auto;
	justify-content: center;
	justify-items: center;
	text-align: center;
	/*background-color: #141b2d;*/
	background-color: black;
}

/*ANCHOR - rotation*/
@keyframes rotating {
	0% {
		rotate: 0;
	}
	100% {
		rotate: 1turn;
	}
}

@keyframes scratch {
	0% {
		rotate: 0;
	}
	10% {
		rotate: -1turn;
	}
	100% {
		rotate: -1turn;
	}
}

.disc {
	height: 600px;
	width: 600px;
	animation: rotating 10s linear infinite;
	background-image: url("../grafiken/startseite/background/bg-kopf.webp");
}

.disc:hover {
	animation: scratch 15s linear infinite;
}

/*ANCHOR - rotation ende*/


/*.bg0-start-aussen {
	background-image: url("../grafiken/startseite/background/hg-start-titel-.webp");
	background-repeat: no-repeat;
	background-size: cover;
}*/

.bg0-start-aussen {
	background-image: url("../grafiken/startseite/background/hg-start-titel-9-b-gruen.webp");
	/*background-image: url("../grafiken/startseite/sonstiges/ostern2025.webp");*/
	/*background-image: url("../grafiken/sonstige/glocken.webp");*/
	background-repeat: no-repeat;
	background-position: top 55% right 20%;
	/*background-position: top 25% right 20%;*/
	transition: all 1s;
	/*background-size: 100% 100%;*/
}

.bgw-start-aussen {
	background-image: none;
}

.bg0-start-aussen img {
	animation: swing;
	animation-delay: 1s;
	animation-duration: 4s;
}

.container-start-innen-oben {
	display: flex;
	flex-direction: column;
	padding-top: 150px;
	width: 65%;
	text-align: left;
}

.container-start-innen-oben-rechts {
	display: flex;
	flex-direction: column;
	padding-top: 150px;
	width: 35%;
	
}

.txt-start-innen-links {
	opacity: 1;
	text-align: left;
	font-size: 10rem;
	font-family: "Archivo";
	font-weight: 400;
	/*color: #141b2d;*/
	color: white;
}

.txt-start-titel {
	opacity: 1;
	text-align: left;
	font-size: 8em;
	font-family: "Outfit";
	font-weight: 900;
	color: #141b2d;
}

.txtgross-titel {
	font-size: 10rem;
	font-family: "Archivo";
  font-weight: 400;
  font-style: normal;
	/*color: #289ea7;*/
	/*color: #5996d1;*/
	/*color: #ff9800;*/
	color: black;
  -webkit-text-fill-color: black;
  -webkit-text-stroke: 3px #43c0fa;
	-webkit-text-stroke: 3px #11e376;
}

.schatten-txt {
  text-shadow: 10px 10px 30px #43c0fa;
	text-shadow: 10px 10px 30px #12aa5b;
}

.txtgross2-titel {
	font-size: 8rem;
	font-family: "Archivo";
  font-weight: 400;
	/*color: #289ea7;*/
	/*color: #5996d1;*/
	/*color: #ff9800;*/
	color: #0099de;
	color: #11e376;
}

.txtgross-titel img, .txtgross2-titel img {
	vertical-align: middle;
}

.si-white {
	box-shadow: 3px 3px 32px white;
}

.txt-titel2 {
	text-align: left;
	font-size: 4em;
	font-family: "Outfit";
	font-weight: 600;
	color: white;
}

.txt-titel3 {
	text-align: left;
	font-size: 1.85rem;
	font-family: "Outfit";
	font-weight: 400;
	color: #43c0fa;
	color: #11e376;
	line-height: 2.15rem;
}

.txt-titel3a {
	text-align: left;
	font-size: 1.4rem;
	font-family: "Outfit";
	font-weight: 400;
	color: white;
}

/*ANCHOR - blog*/
.container-blog {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding-top: 150px;
	width: 75%;
}

.txtgross-a-blog {
	font-size: 5rem;
	font-family: "Archivo";
  font-weight: 400;
  font-style: normal;
	color: white;
	transition: all 0.7s;
}

.txtgross-b-blog {
	font-size: 5rem;
	font-family: "Archivo";
  font-weight: 400;
  font-style: normal;
	color: black;
	text-decoration: underline #11e376;
  text-underline-offset: 15px;
  -webkit-text-fill-color: black;
  -webkit-text-stroke: 2px #43c0fa;
	-webkit-text-stroke: 2px #11e376;
	transition: all 0.7s;
}

.linie-blog {
	width: 20%;
	text-align: left;
	border: 1px solid #43c0fa;
	border: 1px solid #11e376;
}

.txt-blog {
	text-align: left;
	font-size: 1.4rem;
	font-family: "Outfit";
	font-weight: 300;
	letter-spacing: 0.04em;
	color: white;
}

.flex-item-blog {
	display: flex;
	flex-direction: column;
	align-items: left;
	max-width: 50%;
	height: auto;
	text-align: left;
	padding-bottom: 80px;
	transition: all 0.7s;
}

/*ANCHOR - Bewegung Hand */
.hand { animation: bewegung 3s infinite linear }

@keyframes bewegung{
    from { transform:translate(0px,0px) }
    to { transform:translate(80px,0px) }
}

@keyframes bewegung {
		0% {transform:translate(0px,0px)}
   20% {transform:translate(20px,0px)}
   30% {transform:translate(40px,0px)}
   40% {transform:translate(60px,0px)}
   50% {transform:translate(80px,0px)}
	 60% {transform:translate(60px,0px)}
   70% {transform:translate(40px,0px)}
   80% {transform:translate(20px,0px)}
   100% {transform:translate(0px,0px)}
}
/*ANCHOR - Bewegung Hand Ende*/

.button-blog {
	padding: 7px 20px;
	background-color: #0099de;
	background-color: #11e376;
	font-family: 'Outfit';
	font-size: 1.5rem;
	font-weight: 400;
	border: none;
	text-align: left;
	border-radius: 5px;
	transition: all 0.7s;
}

.button-blog img {
	padding-left: 10px;
	vertical-align: middle;
	transition: all 0.7s;
}

.button-blog:hover {
	transition: all 0.7s;
	cursor: pointer;
	border-right: 10px solid white;
}

.button-blog:hover img {
	transition: all 0.7s;
	padding-left: 25px;
}

/*ANCHOR - ende blog*/

.txt-aktuell {
	padding-bottom: 30px;
	letter-spacing: 0.05em;
	line-height: 2em;
	font-family: "Roboto";
	font-size: 1.35rem;
	font-weight: 400;
	color: whitesmoke;
}

.txt-news-norm {
  letter-spacing: 0.08em;
	font-weight: 400;
	font-size: 1.3em;
	font-family: "Roboto";
	color: #141b2d;
}

/*ANCHOR - Start kopf ende*/

/*ANCHOR - Laufschrift Unwetterwarnung*/

#laufschrift1 {
	display: inline-block;
	background-color: black;
	height: 130px;
	width: 100vw;
}

.marquee {
	font-family: 'Archivo';
	font-weight: 400;
	font-size: 6.5rem;
	text-transform: uppercase;
	line-height: 6.5rem;
	color: #0099de;
	color: #11e376;
	color: crimson;
	background-color: black;
	animation: marquee 5s linear infinite;
	-webkit-animation: marquee 5s linear infinite;
}

.txtmarquee1 {
	font-family: 'Archivo';
	font-weight: 400;
	font-size: 6.5rem;
	text-transform: uppercase;
	line-height: 6.5rem;
	color: #0099de;
	color: #11e376;
}

.txtmarquee2 {
	font-family: 'Archivo';
	font-weight: 400;
	font-size: 6.5rem;
	text-transform: uppercase;
	line-height: 7.5rem;
	color: black;
  -webkit-text-fill-color: black;
  -webkit-text-stroke: 2px #43c0fa;
	-webkit-text-stroke: 2px #11e376;
}

.txtmarquee3 {
	font-family: 'Archivo';
	font-weight: 400;
	font-size: 6.5rem;
	text-transform: uppercase;
	line-height: 6.5rem;
	color: white;
}

.schraeg {
	transform: rotate(-2deg);
}

/*.marquee span {
	display: inline-block;
	padding-left: 105%; /* die zusätzlichen 5% erzeugen einen verzögerten Start und vermeiden so ein Ruckeln auf langsamen Seiten 
	animation: marquee 5s linear infinite;
}*/

.marquee img {
	vertical-align: middle;
}

/* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift
.laufschrift span:hover {
	animation-play-state: paused 
}*/



/* Laufschrift Ende*/



/*ANCHOR - allgemeines*/

figcaption {
	font-style: italic;
}

img.a {
	vertical-align: middle;
}

.txt-klein {
	font-size: 1.35rem;
}

/*ANCHOR -  container*/

#container2 {
	width: 100vw;
  height: auto;
}

#container3 {
	width: 100vw;
	height: auto;
}

#container4 {
	width: 100vw;
	height: auto;
}

figure {margin: 0;}

/*ANCHOR - flexbox test ende*/

* {
	box-sizing: border-box;
}

.container2-start-aussen, .container3-start-aussen, .container4-start-aussen{
  display: flex;
  justify-content: center;
}

.bg-start-aussen {
	background-image: linear-gradient(135deg, white 50%, #885dae 50%);
}

.bg2-start-aussen {
	background-image: linear-gradient(45deg, white 95%, #0099de 5%);
}

.bg3-start-aussen {
	background-image: linear-gradient(-45deg, #f5f5f5 95%, #48c4cc 5%);
}

.bg4-start-aussen {
	background-image: linear-gradient(45deg, white 95%, orange 5%);
}

.bg-deinbeitrag {
	background-image: url("../grafiken/startseite/background/bg-blog6.webp");
	background-repeat: no-repeat;
	background-position: top 50% left 15%;
}

.container2-start-innen, .container3-start-innen, .container4-start-innen {
  width: 70%;
  height: auto;
}

.listenblock-start-ul, .listenblock2-start-ul, .listenblock3-start-ul, .listenblock4-start-ul, .listenblock5-start-ul {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0;
	align-items: center;
	justify-items: center;
	/*filter: grayscale(100%);*/
}

/*.listenblock2-start-ul {
	opacity: 0.1;
}*/

.listenblock3-start-ul {
	filter: grayscale(0);
}

.button-start-liste {
	padding: 15px;
	width: 100%;
	background-color: rgb(236, 232, 232);
	font-family: 'Outfit';
	font-size: 1.35rem;
	font-weight: 400;
	border: none;
	text-align: left;
	border-radius: 15px;
	transition: all 0.7s;
}

.btborder {
	padding: 12px;
	border: 2px solid #289ea7;
}

.bsl-weite {
	width: 90%;
}

.button-start-bild {
	height: 225px;
	background-color: transparent;
	border: none;
	transition: all 0.7s;
}

.bild-rund {
	padding-top: 15px;
	border-radius: 100%;
}

.img-gray {
	filter: grayscale(1);
	opacity: 1;
}

.bereich-bild {
	text-align: center;
	align-items: center;
	width: 100%;
	transition: all 0.7s;
}

.bereich-bild:hover {
	color: #289ea7;
	transition: all 0.5s;
	transform: scale(1.05);
	border-radius: 20px;
	/*box-shadow: 3px 3px 4px #8709f480;*/
	background-color: #e1e5e6;
	filter: none;
}

.txt-bild {
	text-align: center;
	padding: 15px;
	font-family: 'Outfit';
	font-size: 1.5rem;
	font-weight: 400;
	font-style: normal;
	color: #141b2d;
}

.button-start-bild img {
	border-radius: 100%;
	vertical-align: middle;
	transition: all 0.7s;
}

.button-start-liste img {
	vertical-align: middle;
	transition: all 0.7s;
}

.btxt-klein {
	font-size: 1.5rem;
}

.btxt {
	font-family: 'Outfit';
	font-size: 2rem;
	font-weight: 400;
	color: #141b2d;
}

.btxt-fett {
	font-size: 3rem;
	font-weight: 600;
	background-color: rgb(232, 252, 252);
}

.button-start-liste:hover {
	background-color: rgb(215, 212, 212);
	transform: scale(1.02);
	transition: all 0.7s;
	cursor: pointer;
	border-color: crimson;
}

.button-start-liste:hover img {
	transition: all 0.7s;
	padding-left: 25px;
}

.txt-kalam {
	text-align: left;
	color: #141b2d;
	font-size: 4rem;
	font-family: 'kalam';
	font-weight: 700;
	text-shadow: 2px 2px 5px #5c5b5b;
}

.txt-kalam-fett {
	color: #141b2d;
	font-size: 6rem;
	font-family: 'kalam';
	font-weight: 500;
}

.listenblock2-start-ul.farbe, .listenblock4-start-ul.farbe {
	filter: grayscale(0);
	opacity: 1;
	transition: all 5s ;
}

.listenbox4-start-li.img img {
	animation: swing;
	animation-duration: 6s;
}

.kopf-box img {
	animation: swing;
	animation-delay: 1s;
	animation-duration: 4s;
}

.osterei {
	animation: swing;
	animation-duration: 6s;
  animation-iteration-count: infinite; 
}

.listenbox3-start-li img {
	opacity: 0;
}

.listenbox3-start-li.img img {
	animation: zoomInRight;
	animation-duration: 2s;
	opacity: 1;
}

.listenbox-start-li100 {
	margin: 80px 0;
	column-gap: 20px;
	list-style: none;
	display:flex;
	width: 100%;
}

.listenbox-start-li, .listenbox2-start-li, .listenbox3-start-li, .listenbox4-start-li {
	margin: 80px 0;
	list-style: none;
	display:flex;
	padding:.5em;
	max-width: 50%;
	text-align: left;
}

.txt-start-liste {
	font-family: 'Outfit';
	font-size: 3rem;
	font-weight: 600;
}

.txt-start-fett {
	font-family: 'Outfit';
	font-size: 3.5rem;
	font-weight: 700;
}

.txt-start-fett2 {
	font-family: 'Outfit';
	font-size: 5rem;
	font-weight: 900;
}

q {
	quotes:"\201E"  "\201C";
	font-size: 3rem;
	font-weight: 900;
	color: #5e7950;
}

.listenbox-start-li, .listenbox2-start-li, .listenbox3-start-li, .listenbox4-start-li  {
	display: inline-block;
	background: white;
	padding:1.5em 1em;
	width: auto;
	word-wrap: break-word;
}

.listenbox-start-li figure, .listenbox2-start-li figure, .listenbox3-start-li figure, .listenbox4-start-li figure {
	justify-items: center;
  margin: 0;
  padding: 0;
}

.listenbox3-start-li figure {
	scale: 1;
	transition: all 0.7s;
}

.listenbox3-start-li figure:hover {
	cursor: pointer;
	scale: 1.5;
	transition: all 0.7s;
}

.listenbox-start-li img, .listenbox2-start-li img, .listenbox3-start-li img, .listenbox4-start-li img {
	justify-items: center;
  margin: 0;
  padding: 0;
}

.listenbox-start-li figcaption, .listenbox2-start-li figcaption, .listenbox3-start-li figcaption, .listenbox4-start-li figcaption {
	font-family: 'Outfit';
	font-size: 1.3rem;
	font-style: normal;
}

.txt-newsliste {
	font-family: 'Outfit';
	font-size: 1.4rem;
	font-weight: 300;
	padding-left: 25px;
}

.txt-newsliste a {
	color: #141b2d;
}

.txt-newsliste img {
	vertical-align: middle;
	padding-left: 10px;
}

/*li:hover {
	color: crimson;
	list-style: disc;
	font-size: bold;
}*/

.listenbox-start-li a:hover, .listenbox2-start-li a:hover, .listenbox3-start-li a:hover, .listenbox4-start-li a:hover {
	font-weight: 400;
	list-style: disc;
	/*font-size: bold;*/
	color: crimson;
}

.txt-newsliste a:hover {
	color: crimson;
}

/*ANCHOR - farben*/
.colred {color: red;}
.colcri {color: crimson;}
.colblue {color: #055991;}
.colblue2 {color: #0867dc;}
.colblue3 {color: #0099de;}
.colorange {color: orange;}
.colgreen {color: rgb(55, 107, 3);}
.coltuerk {color: #289ea7;}
.colvio {color: #c90d55;}
.colvio2 {color: #790463;}
.colvio3 {color: #885dae;}
.colbraun {color: #dc7008;}
.colwhite {color: whitesmoke;}
.colgray {color: gray;}

.bordcri {border-right: 10px solid crimson;}
.bordtuerk {border-right: 10px solid #289ea7;}
.bordvio3 {border-right: 10px solid #885dae;}
.bordorange {border-right: 10px solid orange;}
.bordbraun {border-right: 10px solid #dc7008;}
.bordblue2 {border-right: 10px solid #0867dc;}


.bgcolorliste-grau {background-color: #f5f5f5;}

/*ANCHOR - flex-container liste ende*/


#navfarbe-index a {
	color: var(--menue-farbe);
  text-decoration: underline 3px;
}

#navfarbe-umenue a {
	color: white;
	text-decoration: none;
}

/*ANCHOR - media querys*/
@media screen and (min-width: 40em) {
	.listenbox-start-li, .listenbox2-start-li, .listenbox3-start-li, .listenbox4-start-li {
		width: 50%;
	} 
}

@media screen and (min-width: 75em) {
	.listenbox-start-li, .listenbox2-start-li, .listenbox3-start-li, .listenbox4-start-li {
		/*width:33.333%;*/
		width:50%;
	}
}

@media screen and (max-width: 1600px) {
	.container2-start-innen, .container3-start-innen, .container4-start-innen {
		width: 80%;
	}	
}

@media screen and (max-width: 1440px) {
	.container2-start-innen, .container3-start-innen, .container4-start-innen {
		width: 85%;
	}
	.container-start-innen-oben {
		width: 85%;
	}
}

@media screen and (max-width: 1200px) {
	.container2-start-innen, .container3-start-innen, .container4-start-innen {
		width: 90%;
	}
	.txtgross-titel, .txt-start-innen-links {
		font-size: 8.5rem;
	}
	.txt-titel2, .txt-titel2a {
		font-size: 3rem;
	}
	.txt-titel3 {
		line-height: 2rem;
	}
	.button-start-liste {
		font-size: 1.3rem;
	}
	.btxt-fett {
		font-size: 2.5rem;
	}	
	.btxt {
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 1068px) {
	.txtgross-titel, .txt-start-innen-links {
		font-size: 8rem;
	}
	
}

@media screen and (max-width: 962px) {
	.container-start-aussen {
		flex-direction: column;
	}
	.container-start-innen-oben{
		padding-left: 30px;
		width: 90%;
	}
	.container-start-innen-oben-rechts {
		width: 90%;
	}
	.bg0-start-aussen {
		/*background-image: url("../grafiken/startseite/background/hg-start-titel-9a.webp");*/
		background-image: none;
		transition: all 1s;
	}
	.listenblock-start-ul, .listenblock2-start-ul, .listenblock3-start-ul, .listenblock4-start-ul, .listenblock5-start-ul {
		flex-direction: column;
	}
	.listenbox-start-li, .listenbox2-start-li, .listenbox3-start-li, .listenbox4-start-li {
		width: 90%;
		max-width: 95%;
		margin: 20px 0;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.listenbox2-start-li img, .listenbox3-start-li img, .listenbox4-start-li img {
		width: 60%;
		height: 60%;
	}
	.txt-titel2a {
		text-align: center;
	}
	.txt-newsliste {
		text-align: left;
		padding-left: 2.5em;
	}
	.bg-deinbeitrag {
		background-image: url("../grafiken/startseite/background/bg-blog3a.webp");
	}
	.txtgross-a-blog, .txtgross-b-blog {
		font-size: 4rem;
		transition: all 0.7s;
	}
}

@media screen and (max-width: 786px) {
	.txtgross-titel, .txt-start-innen-links {
		font-size: 7rem;
	}
	
}

@media screen and (max-width: 762px) {
	.listenbox-start-li100 {
		flex-direction: column;
		row-gap: 50px;
		padding: 35px;
	}
	.container2-start-innen, .container3-start-innen {width: 100%;}
	.listenbox-start-li, .listenbox2-start-li, .listenbox3-start-li, .listenbox4-start-li {
		width: 100%;
	}	
	.listenblock-start-ul, .listenblock2-start-ul, .listenblock3-start-ul, .listenblock4-start-ul, .listenblock5-start-ul {
		padding: 10px;
	}
	.txt-titel2a, .btxt-fett {
		font-size: 1.7rem;
	}
	.txt-start-innen-links {
		font-size: 7.5rem;
		animation: none;
	}
	.txtgross-titel {
		font-size: 7.5rem;
		-webkit-text-stroke: 2px #43c0fa;
		-webkit-text-stroke: 2px #f71111;
	}
	.txtgross2-titel {
		font-size: 7.5rem;
	}
	.container-blog {
		flex-direction: column;
		width: 90%;
	}
	.flex-item-blog {
		max-width: 90%;
		transition: all 0.7s;
	}
}

@media screen and (max-width: 600px) {	
	.listenblock-start-ul, .listenblock2-start-ul, .listenblock3-start-ul, .listenblock4-start-ul, .listenblock5-start-ul {
		width: 100%;
		padding: 0;
	}
	.txtgross-titel, .txtgross2-titel, .txt-start-innen-links {
		font-size: 6.5rem;
	}
	.container-start-innen-oben-rechts {
		margin-top: -120px;
	}
}

@media screen and (max-width: 550px) {
	.txtmarquee1, .txtmarquee2, .txtmarquee3{
		font-size: 4.5rem;
	}
	.txt-titel2 {
		font-size: 2rem;
	}
	.txt-titel3 {
		line-height: 1.5rem;
	}
	.txtgross-titel, .txtgross2-titel, .txt-start-innen-links {
		font-size: 5.5rem;
	}
	.container-start-aussen, .container2-start-aussen, .container3-start-aussen, .container4-start-aussen {
		margin: 0;
	}
	#kopf_start {
		height: auto;
	}
	.txt-start-fett {
		font-size: 2.8rem;
	}
	.txt-start-fett2 {
		font-size: 3rem;
	}
	.button-start-liste {
		font-size: 1.2rem;
	}
	.txt-newsliste {
		font-size: 1.3rem;
	}
}

@media screen and (max-width: 440px) {
	#topnav.img {
		display: none;
	}
	.txt-button-fett {
		font-weight: 400;
	}
	.listenblock-start-ul, .listenblock2-start-ul, .listenblock3-start-ul, .listenblock4-start-ul, .listenblock5-start-ul {
		width: 98%;
		padding: 2px;
	}
	.listenbox-start-li, .listenbox2-start-li, .listenbox3-start-li, .listenbox4-start-li {
		padding-bottom: 10px;
	}
	.listenbox-start-li figcaption, .listenbox2-start-li figcaption, .listenbox3-start-li figcaption, .listenbox4-start-li figcaption {
		font-size: 1.15rem;
	}
	.listenbox2-start-li img, .listenbox3-start-li img, .listenbox4-start-li img {
		width: 0;
	}
	.listenbox3-start-li {
		display: none;
	}
	.txt-start-fett {
		font-size: 2.3rem;
	}
	.txt-start-fett2 {
		font-size: 2.8rem;
	}
	.container2-start-aussen, .container3-start-aussen, .container4-start-aussen {
		background-image: none;
	}
	.container3-start-aussen {
		margin-top: -100px;
	}
	.txt-newsliste {
		padding-left: 1em;
		font-size: 1.2rem;
	}
	.txtgross-titel {
		-webkit-text-stroke: 1.35px #43c0fa;
	}

	.txtgross-titel, .txtgross2-titel, .txt-start-innen-links {
		font-size: 4.5rem;
	}
	.txtgross-a-blog, .txtgross-b-blog {
		font-size: 3.5rem;
		transition: all 0.7s;
	}
}

@media screen and (max-width: 360px) {
	.bereich-bild:hover {
		transform: scale(1);
		box-shadow: none;
	}
	.txt-start-fett {
		font-size: 1.8rem;
	}
	.txt-start-fett2 {
		font-size: 2rem;
	}
	.txtgross-titel, .txtgross2-titel, .txt-start-innen-links {
		font-size: 3.5rem;
	}
}