/*ANCHOR - geändert 1029*/
*,
*:before,
*:after {
	box-sizing: border-box;
}

html, body {padding: 0; margin: 0; top: 0;}

cont html {
	font-size: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Oswald";
	font-weight: 400;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	font-size: 70%;
	color: black;
	line-height: 0;
}

h1 ueber {
	font-size: 80%;
	letter-spacing: 1.2em;
	font-weight: 10;
	color: yellow;
}

p {
	font-size: 1.2em;
	text-align: justify;
}

h1 {
	font-size: 60px;
}
h2 {
	font-size: 37px;
}
h3 {
	font-size: 27px;
}
h4 {
	font-size: 23px;
}
h5 {
	font-size: 17px;
}
h6 {
	font-size: 14px;
}

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

body {
	width: 100vw;
	background: #fff;
	font-family: "Oswald", "Roboto";
	font-size: 140px;
	color: black;
	position: relative;
	-webkit-font-smoothing: antialiased;
}

body,
dl,
dt,
dd,
ol {
	font-size: 16px;
	direction: ltr;
}

html,
body {
	scroll-behavior: smooth;
}

audio::-webkit-media-controls-panel {
	background-color: #4879b0;
}
audio {
	vertical-align: middle;
}

a img {
	border: none;
}

a {
	text-decoration: none;
}

/*menue-farbe*/
:root {
	--menue-farbe: #11e376;
}

a:active {
	color: #00b4cd;
}

a:hover {
	color: #00b4cd;
}

a:focus {
	color: #00b4cd;
}


/*ANCHOR - summary*/
summary {
	cursor: pointer;
}

summary::marker {
	content: "\25BC  mehr lesen";
	transition: all 1s;
}

summary:hover {
	color: red;
}

summary:focus {
	outline: none;
}

details[open] summary::marker {
	content: "\25B2  weniger anzeigen";
	color: blue;
	transition: all 1s;
}

details[open] summary ~ * {
	animation: sweep 1.5s ease-in-out;
}

@keyframes sweep {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*ANCHOR - ende summary*/

.linie1 {
	border-color: #d2d3d3;
	float: left;
	width: 100%;
}

.linie1a {
	border-color: #f78feb;
	float: left;
	width: 100%;
}

.rahmen2 {
	padding: 10px;
	border: 1px solid silver;
	border-radius: 5px;
	background: #fbc462;
	line-height: 2.5em;
}

small {
	font-size: 70%;
	line-height: inherit;
}

.smaller {
	font-size: 0.6em;
}

.quelle {
	padding: 0 0 0 20px;
	height: auto;
	font-style: italic;
	font-size: 14px;
	font-family: Oswald;
	letter-spacing: 0.1em;
	color: #5d5b5c;
}

.quelle2 {
	display: block;
	padding-bottom: 30px;
	height: auto;
	text-align: center;
	font-style: italic;
	font-size: 16px;
	font-family: Oswald;
	letter-spacing: 0.1em;
	color: #ddd;
}

img {
	max-width: 100%;
	height: auto;
}

.leer_blank {
	width: 100%;
	text-align: center;
	height: 30px;
	background-color: white;
}

.leer_blank_tabs {
	width: 100%;
	text-align: center;
	height: 30px;
}

.leer_blank_gr {
	width: 100%;
	height: 100px;
	background-color: #79889a;
}

.leer_blank50_gr {
	width: 100%;
	height: 50px;
	background-color: #79889a;
}

.leer_blank10 {
	line-height: 3em;
	height: 10px;
	background: #e8edfe;
}

.leer_blank20 {
	height: 20px;
	background: #f3f3f3;
}

.leer_archiv {
	width: 60px;
	height: auto;
	position: sticky;
	top: 90px;
}

.leer_blau {
	width: 100vw;
	height: 40px;
	background-color: #141b2d;
}

.leer_ws {
	width: 100vw;
	height: 40px;
	background-color: whitesmoke;
}

#leer_ecke.img {
	position: relative;
	margin-top: -20px;
	float: right;
	height: 50px;
	width: 90px;
	background-color: whitesmoke;
	/*background-image: url("../basis/ecke.png");*/
	transform: skewY(-30deg);
	transition: all 0.5s;
}

.leer-titel {
	width: 100vw;
	height: 50px;
	background-color: #ededed;
}

.leer_archiv_txt {
	text-align: left;
	transform: rotate(-90deg);
	padding: 15px;
	font-size: 1.8em;
	font-family: Oswald;
	letter-spacing: 0.1em;
	color: #787a7b;
}

.fixed {
	width: 100%;
	left: 0;
	position: fixed;
	top: 0;
}

.clear {
	clear: both;
}
.clear.left {
	clear: left;
}
.clear.right {
	clear: right;
}

section,
aside,
footer {
	display: block;
}

/*für background-slider*/
#header2 .headerimg {
	min-height: 800px;
	padding-top: 5px;
}

.headerimg {
	background: #404040 repeat-x 50% 50%;
	width: 100%;
	position: absolute;
	background-size: cover;
	overflow: hidden;
	border: none;
}
/*ende background-slider

/* img über links jquery*/
#imgPreviewWithStyles {
	height: auto;
	width: auto;
	background: #555555;
	border-radius: 5px;
	padding: 5px;
	border: none;
}

/* Text unter image*/
#imgPreviewWithStyles span {
	color: black;
	text-align: center;
	display: block;
	padding: 10px 0 3px 0;
}

.up {
	display: flex;
	flex-wrap: wrap;
	cursor: n-resize;
	align-items: center;
	margin: auto;
	padding: 2px;
}

#view1 {
	cursor: crosshair;
	list-style: url(../basis/link-icon_w_u_32x16.png);
	list-style-position: inside;
}

#view2 {
	cursor: crosshair;
	list-style-position: inside;
	list-style-type: none;
}

.schraeg {
	transform: skewY(-3deg);
}

/*ANCHOR - contents*/
.cont_linkz::after {
	font-size: 1em;
	content: "\27A4";
}

.cont_inf::before {
	content: url(../basis/info-sw_24x24.png);
}

.cont_infa::after {
	content: " " url(../basis/info-sw_24x24.png);
}

.cont_link::before {
	padding-right: 5px;
	content: " " url("../basis/icon-pfeil-lang-rechts-40x30.png");
}

.cont_link::after {
	padding-left: 5px;
	content: " " url(../basis/link-icon_blau2_16x16.png);
}

.cont_linkd22::after {
	content: " " url(../basis/link-icon_d22_16x16.png);
}

.cont_down::after {
	content: " " url(../basis/link-icon_blau_down_16x16.png);
}

.cont_downpdf::after {
	content: " " url(../basis/pdf_18x18.png);
}

.cont_downpdf_gr::after {
	content: " " url(../basis/pdf_22x22.png);
}

.cont_haken::after {
	content: " " url(../basis/haken-gruen_36x32.png);
}

.cont_pfeil-r::after {
	content: " ⟩";
	font-weight: 900;
}

.cont_menu::after {
	content: " " url(../basis/icon_menu-120x120.png);
}

.cont_pfeil-r-w::after {
	content: " " url("../basis/dreieck-rechts-weiss-25.png");
}

.cont_muetze::after {
	content: "" url("../grafiken/sonstige/muetze.webp");
}

/*ende content*/

#topnav.img {
	position: fixed;
	bottom: 5em;
	cursor: n-resize;
	display: block;
	width: 50px;
	height: 50px;
	background-image: url("../basis/topnavi5.png");
	opacity: 1;
	/*animation: zoomInRight;*/
	animation: backInRight;
	animation-duration: 3s;
	z-index: 9999;
}

#topnav.img:hover {
	background-image: url("../basis/topnavi5a.png");
}

#header {
	position: absolute;
	width: 100%;
	height: 65px;
	margin: 0 auto;
	top: 0px;
	color: white;
	background: url("../basis/hg_nav_blau_neu.png") repeat;
	transition: 600ms;
	z-index: 9999;
}

#header.blau {
	position: relative;
	width: 100%;
	top: -5px;
	height: 50px;
	background-color: #141b2d;
	font-size: 0.85em;
	z-index: 9990;
	box-shadow: 0 0 80px 20px #23476f;
}

nav {
	width: 100%;
}

nav ul {
	list-style: none;
	float: left;
	width: 100%;
	margin-top: -4px;
}

nav ul li {
	display: inline-block;
	background-color: #141b2d;
	float: left;
	padding: 0 10px;
	text-align: center;
	line-height: 1.8em;
}

nav a {
	display: block;
	padding: 0 10px;
	color: #fff;
	text-decoration: none;
}


/* Display none Dropdowns */
nav ul ul {
	display: none;
	position: absolute;
	font-size: 0.6em;
	padding: 10px 0 0 0;
}

/* Display Dropdowns bei Hover */
nav ul li:hover > ul {
	display: inherit;
}

/* erstes Dropdown */
nav ul ul li {
	width: 320px;
	height: auto;
	float: none;
	display: list-item;
	padding: 5px;
	text-align: left;
}

/* Dropdown symbol */
li > a:after {
	content: url(../basis/pfeil_u_w_12x12.png);
}
li > a:only-child:after {
	content: "";
}

/***ende dropdown-menü***/

/***Burger Menü***/
.burgericon {
	width: 40px;
	height: 40px;
	display: none;
}

.burgericon div {
	width: 90%;
	margin: 7px 5%;
	height: 3px;
	background-color: white;
	transition: 1s;
}

#navigation {
	opacity: 0;
}

#navigation:checked ~ ul {
	display: block;
}

#navigation:checked ~ label .burgericon {
	margin-top: 15px;
}

#navigation:checked ~ label .burgericon div:first-of-type {
	rotate: 45deg;
}

#navigation:checked ~ label .burgericon div:last-child {
	transition: 1s;
	rotate: -45deg;
	margin-top: -10px;
}

#navigation:checked ~ label .burgericon div:nth-child(2) {
	display: none;
}
/**ende Burgermenü**/

.nicht-sichtbar {
	display: none;
}

/***link buttons***/
.link_button_news {
	width: auto;
	height: auto;
	border: none;
	border-radius: 5px;
	text-align: left;
	padding: 10px;
	letter-spacing: 0.1em;
	font-family: "Roboto";
	font-size: 1.1em;
	color: white;
	background-color: #180953;
	transition: all 0.3s ease-in;
}

.link_button_news:hover {
	cursor: pointer;
	transform: scale(1.2);
	border-radius: 15px;
	box-shadow: 5px 5px 5px rgba(80, 80, 80, 0.8);
	transition: all 0.3s ease-in;
	color: #00ffca;
	background-color: #170c40;
}

.link_button_test:hover,
.link_button_ber:hover {
	cursor: pointer;
	transform: scale(1.1);
	border-radius: 15px;
	box-shadow: 5px 5px silver;
	transition: all 0.3s ease-in;
	opacity: 1;
	color: #1bb1c9;
	background-color: #244770;
}

.link_button_test {
	width: auto;
	min-width: 285px;
	height: auto;
	border: 1px solid silver;
	box-shadow: 3px 3px silver;
	border-radius: 30px;
	text-align: center;
	padding: 10px;
	letter-spacing: 0.1em;
	color: black;
	font-size: 1em;
	font-family: "Roboto";
	background-color: #f3f3f3;
	transition: all 0.3s ease-in;
}

.link_button_ber {
	width: auto;
	min-width: 285px;
	margin: 0 0 10px 0;
	height: auto;
	border: 1px solid silver;
	box-shadow: 3px 3px silver;
	border-radius: 10px;
	text-align: center;
	padding: 10px;
	letter-spacing: 0.1em;
	color: black;
	font-size: 1em;
	font-family: "Roboto";
	background-color: #f3f3f3;
	transition: all 0.3s ease-in;
}

.mitte {
	display: block;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.link_button_test img,
.link_button_ber img {
	padding-left: 10px;
	vertical-align: middle;
}

/**youtube Videos**/
.youtube {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 56.25%;
}
.elastic-video {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
}
.elastic-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
	height: 80%;
}
/*youtube videos ende*/

#kopf_container {
	display: flex;
	width: 100%;
	height: auto;
}

.txt-kopf {
	margin: 0 auto;
	margin-top: 80px;
	padding-bottom: 30px;
	vertical-align: middle;
	word-break: break-all;
	font-family: "Roboto";
	font-size: 8em;
	font-weight: 600;
}

#kopf_titel_neu2 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100vw;
	height: auto;
	background-color: white;
}

#kopf_news_neu2 {
	display: flex;
	justify-content: center;
	flex-direction: column;
	flex-wrap: wrap;
	width: 100vw;
	height: auto;
	/*background-image: url("../grafiken/background/hg-news4.webp");*/
	background-image: url("../grafiken/startseite/background/bg-kopf-nachrichten.webp");
	background-color: #ededed;
	background-repeat: no-repeat;
	background-size: cover;
}

#kopf_illw {
	height: 220px;
	background-image: url(../grafiken/kopf/kopf3_illw.webp);
	background-repeat: no-repeat;
	background-size: cover;
}

#kopf_bericht {
	height: 220px;
	background-image: url(../grafiken/kopf/kopf3_berichte.webp);
	background-repeat: no-repeat;
	background-size: cover;
}

#kopf_high {
	height: 220px;
	background-image: url(../grafiken/kopf/kopf3_high.webp);
	background-repeat: no-repeat;
	background-size: cover;
}

/***Titel startseite***/

.container-titel-aussen {
	display: flex;
	width: 100vw;
	margin: 0;
	min-height: 700px;
	height: auto;
	box-sizing: border-box;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	align-items: stretch;
	column-gap: 10px;
	row-gap: 10px;
	/*background-image: url("../grafiken/background/hg-test.webp");
	background-repeat: no-repeat;
	background-size: cover;*/
}

.container-news-aussen {
	display: flex;
	width: 100vw;
	margin: 0;
	height: auto;
	box-sizing: border-box;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	align-items: stretch;
	column-gap: 10px;
	row-gap: 10px;
}

.container-titel-innen-links {
	display: flex;
	flex-direction: column;
	padding-top: 100px;
	max-width: 50%;
	text-align: left;
}

.container-titel-innen-oben {
	display: flex;
	flex-direction: column;
	padding-top: 100px;
	max-width: 70%;
	text-align: left;
}

.container-titel-innen-rechts {
	display: flex;
	margin-top: 180px;
	flex-direction: column;
	max-width: 50%;
	justify-items: center;
	align-items: center;
}

.container-titel-innen-rechts img:hover {
	transform: scale(1.5);
	transition: all 0.8s;
}

.container-titel-innen-rechts img {
	transition: all 0.8s;
}

.container-titel-navi-aussen {
	display: flex;
	margin: 0 auto;
	width: 100vw;
	min-height: 400px;
	height: auto;
	box-sizing: border-box;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	column-gap: 10px;
	row-gap: 20px;
}

.container-titel-navi-innen,
.container-titel-navi-innen2 {
	display: flex;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 25px;
	min-width: 350px;
	width: 30%;
	border: none;
	background-color: #ededed;
	background: linear-gradient(
		45deg,
		rgba(222, 218, 217, 0.7) 0%,
		rgba(237, 237, 237, 0.7) 100%
	);
	transition: all 0.5s;
}

.container-titel-navi-innen img {
	display: block;
	margin: auto;
	transition: all 0.5s;
}

.container-titel-navi-innen:hover {
	transform: scale(1.05);
	background: linear-gradient(
		45deg,
		rgb(190, 189, 188) 0%,
		rgb(246, 242, 242) 100%
	);
}

.container-titel-navi-innen2 a:hover:after {
	padding-left: 20px;
	font-family: "Outfit";
	font-size: 1.3em;
	font-weight: 300;
	color: green;
	content: "Zur Software Info";
}

.container-titel-navi-innen:hover img {
	display: block;
	margin: auto;
	opacity: 1;
	transition: all 0.5s;
}

.txt-bg-nachrichten {
	background: linear-gradient(
		to right,
		hsl(233, 89%, 7%),
		hsl(150, 1%, 73%)
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.txt-bg-archiv {
	background: linear-gradient(
		to right,
		#4989cc,
		#064f9c
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.container-titel-beitrag-aussen {
	margin: 0 auto;
	width: 100vw;
	min-height: 750px;
	box-sizing: border-box;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	column-gap: 20px;
	row-gap: 20px;
	background-image: url("../grafiken/background/hg-deinbericht.webp");
	background-repeat: no-repeat;
	background-size: cover;
}

.container-titel-beitrag-links {
	display: flex;
	flex-direction: column;
	max-width: 100%;
	text-align: left;
	padding-top: 50px;
	padding-left: 10%;
}

.txt-deinbeitrag-ueber {
	text-align: left;
	font-size: 4em;
	font-family: "Outfit";
	font-weight: 600;
	color: #141b2d;
}

.txt-deinbeitrag-norm {
	text-align: left;
	line-height: 1.5em;
	font-size: 2.5em;
	font-family: "Outfit";
	font-weight: 400;
	color: #141b2d;
}

.txt-deinbeitrag-norm img {
	vertical-align: middle;
	padding-right: 20px;
}

.button-beitrag {
	margin-top: 70px;
	margin-bottom: 20px;
	padding: 10px;
	font-size: 2em;
	font-family: "Outfit";
	font-weight: 400;
	color: #141b2d;
	border-bottom: 2px solid #141b2d;
	background-color: transparent;
	transition: all 0.5s;
}

.button-beitrag:hover {
	box-shadow: 10px 10px 10px gray;
	border-radius: 20px;
	background-color: #e9ccc2;
	cursor: pointer;
	transition: all 0.5s;
}

.button-beitrag:hover::after {
	vertical-align: middle;
	padding-left: 10px;
	content: " " url("/basis/dreieck-rechts-30.png");
}

.button-beitrag img {
	vertical-align: middle;
	padding-left: 10px;
}

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

.txt-titel-news-links {
	opacity: 0;
	text-align: left;
	font-size: 9em;
	font-family: "Outfit";
	font-weight: 900;
	color: #141b2d;
}

.textgross-titel {
	font-size: 150%;
	color: #289ea7;
}

.textgross-news {
	font-size: 85%;
	color: #4989cc;
}

.textgross-titel img {
	vertical-align: middle;
}

.txt-titel-innen-links2 {
	text-align: left;
	font-size: 4em;
	font-family: "Outfit";
	font-weight: 600;
	color: #141b2d;
}

.txt-titel-innen-links3 {
	text-align: left;
	font-size: 1.8em;
	font-family: "Outfit";
	font-weight: 400;
	color: #141b2d;
}

.txt-titel-innen-links3 a:hover {
	background-color: #dedad9;
}

.txt-titel-innen-links3a {
	text-align: left;
	font-size: 0.6em;
	font-family: "Outfit";
	font-weight: 400;
	color: #141b2d;
}

.txt-titel-figcaption {
	padding-bottom: 20px;
	font-size: 1em;
	font-family: "Roboto";
	color: black;
}

.linie-titel {
	float: left;
	width: 100%;
	height: 15px;
	border: none;
	background: linear-gradient(to right, #336699 70%, #141b2d);
}

/**responsive flex**/
.img_start {
	width: 450px;
	display: block;
	transition: all 0.5s ease-in;
}

.img_start_si {
	width: 90%;
	transition: all 0.5s ease-in;
	border-radius: 10px;
}

.img_gray {
	filter: grayscale(1);
	opacity: 1;
}

.img_start:hover {
	cursor: crosshair;
	transform: scale(1.6);
	transition: all 0.5s;
	border-radius: 10px;
	box-shadow: 5px 5px silver;
}

.img_start_si:hover {
	margin-left: -100px;
	cursor: crosshair;
	transform: scale(1.65);
	transition: all 0.8s;
	border-radius: 10px;
	box-shadow: 2px 2px 5px 5px rgba(80, 80, 80, 0.8);
	opacity: 1;
	filter: none;
}

#hg_news {
	background-color: #ededed;
	width: 100vw;
	height: auto;
}

#hg_news ul li a {
	letter-spacing: 0.15em;
	line-height: 1.5em;
	color: #141b2d;
	font-size: 1.3em;
	font-family: "Oswald";
	list-style-type: disc;
	background-color: #dedad9;
}

#hg_news a:hover {
	color: crimson;
}

#hg_news ul li::marker {
	color: #141b2d;
}

.hg_txt_news-l {
	background-color: #dedad9;
	margin: 0 auto;
	width: 80%;
	height: auto;
	min-width: 320px;
	border-top: 10px solid #141b2d;
	background-image: url("../grafiken/background/hg-news2.webp");
	background-repeat: no-repeat;
	background-position: right 50px bottom 50%;
}

.txt_news-l {
	min-width: 320px;
	border-radius: 20px;
	padding: 15px;
}

.txt_news-l a:hover,
.txt_news_text1 a:hover {
	color: #00ffca;
	text-decoration: underline;
}

.txt_archiv-l a:hover {
	color: crimson;
	text-decoration: underline;
}

.txt_archiv-l ul li {
	display: block;
	float: left;
}

.txt-news-norm {
	text-align: left;
  letter-spacing: 0.05em;
	font-weight: 300;
	font-size: 1.3em;
	font-family: "Roboto";
	color: #141b2d;
}

.txt_news {
	padding: 10px;
	color: #ddd;
	font-size: 2em;
	letter-spacing: 0.1em;
	font-family: "Outfit";
	font-weight: 600;
	background-color: #141b2d;
}

/*ANCHOR - Sparten*/
.txt-sparte {
	padding: 5px 30px 5px;
	text-align: left;
	letter-spacing: 0.05em;
	margin: 0 auto;
	color: black;
	font-size: 1.4rem;
	font-family: "Outfit";
	font-weight: 600;
}

.bg-sparte-amt {
	background-color: #f7b1b1;
	border-radius: 20px 20px 0 0;
	border-bottom: 5px solid red;
}

.bg-sparte-betrieb {
	background-color: #72a1f8;
	border-radius: 20px 20px 0 0;
	border-bottom: 5px solid rgb(0, 4, 255);
}

.bg-sparte-event {
	background-color: #8cf5af;
	border-radius: 20px 20px 0 0;
	border-bottom: 5px solid rgb(5, 178, 28);
}

.bg-sparte-hardware {
	background-color: #20aabc;
	border-radius: 20px 20px 0 0;
	border-bottom: 5px solid #06606c;
}

.bg-sparte-jeder {
	background-color: #f5eb8c;
	border-radius: 20px 20px 0 0;
	border-bottom: 5px solid rgb(247, 182, 3);
}

.bg-sparte-sonst {
	background-color: #b8b7b4;
	border-radius: 20px 20px 0 0;
	border-bottom: 5px solid rgb(70, 70, 69);
}

.bg-sparte-sicher {
	background-color: #f679ee;
	border-radius: 20px 20px 0 0;
	border-bottom: 5px solid #e609cc;
}

.bg-sparte-technik {
	background-color: #8cd6f5;
	border-radius: 20px 20px 0 0;
	border-bottom: 5px solid rgb(5, 57, 178);
}

/*ANCHOR - ende Sparten*/

.txt_news_text3 {
	text-align: left;
	margin: 0 auto;
	color: #23476f;
	font-size: 2.5rem;
	font-family: "Oswald";
	font-weight: 900;
}

.txt_news_text4 {
	margin: 0 auto;
	text-align: left;
	color: #180953;
	font-size: 2rem;
	font-family: "Outfit";
	font-weight: 600;
}

.txt_news_text4a {
	margin: 0 auto;
	text-align: left;
	color: black;
	font-size: 1.3rem;
	font-family: "Outfit";
	font-weight: 400;
}

.padd10 {
	padding: 10px;
}
.padd10-left {
	padding-left: 10px;
}
.padd25 {
	padding: 0 25px 0 25px;
}
.padd20-left {
	padding-left: 20px;
}
.padd150-left {
	padding-left: 150px;
}
.padd50-top {
	padding-top: 50px;
}

.txt_news_akt {
	padding-bottom: 30px;
	letter-spacing: 0.05em;
	line-height: 2em;
	font-family: "Roboto";
	font-size: 1.2em;
	font-weight: 400;
	color: #141b2d;
}

.txt_news_text1 {
	top: 0;
	margin: 0 auto;
	text-align: left;
	line-height: 1.8rem;
	letter-spacing: 0.07rem;
	color: black;
	font-family: "Roboto";
	font-size: 1.25em;
	font-weight: 300;
}

.txt_news_text1 a {
	letter-spacing: 0.1em;
	text-align: left;
	color: black;
	font-family: "Roboto";
	font-weight: 300;
}

.txt_news_text1 li {
	list-style-type: disc;
	font-weight: 400;
}

/**responsive ende**/

/***Ende NEWS***/

.scaleb:hover {
	transform: scale(1.05);
	transition: all 0.3s;
}

.scaleb {
	animation: backInLeft;
	animation-duration: 3s;
	transition: all 0.3s;
}

.bild:hover {
	opacity: 0;
	transition: 1.5s;
}

section {
	flex: 2 0 0;
	padding: 20px;
	text-align: left;
	transition: height 1s ease-in-out;
}

#ylage1,
#ylage2,
#ylage3 {
	display: none;
	font-size: 1.3em;
}

/*ANCHOR - kontakt*/

.textgross {
	font-size: 200%;
	color: red;
}

.oben {
	color: #048224;
	border: 3px solid #24476f;
}

.rot {
	letter-spacing: 0.1em;
}

.ok {
	display: none;
}

#button1 {
	cursor: crosshair;
	color: black;
	text-align: left;
	line-height: 1.3em;
	letter-spacing: 0.15em;
	font-size: 1.5em;
	font-family: "Oswald";
	border: none;
	background: none;
}

#button2 {
	cursor: crosshair;
	color: black;
	text-align: left;
	line-height: 1.3em;
	letter-spacing: 0.15em;
	font-size: 1.5em;
	font-family: "Oswald";
	border: none;
	background: none;
}

.hide_w {
	transition: height 0.7s ease-in-out;
	height: 22em;
	overflow: hidden;
}

.text_1 {
	font-family: "Oswald";
	letter-spacing: 0.1em;
	color: black;
	font-size: 1.2em;
}

.text_ueber {
	letter-spacing: 0.1em;
	font-family: "Oswald";
	font-size: 1.4em;
	color: black;
}

.solar {
	justify-content: center;
	align-items: center;
}

/*ANCHOR - impressum*/
#container_5 {
	position: relative;
	top: -20px;
	width: 100%;
	height: auto;
	background: url("../bilder/recht.webp");
	background-repeat: no-repeat;
	background-size: cover;
}

.flex-item_imp {
	width: 70%;
	height: auto;
	text-align: left;
	font-family: "Oswald";
	color: black;
	padding: 20px;
	opacity: 0.8;
	background-color: white;
}

/*ANCHOR - tabs menü*/
#tabs li {
	margin-top: -10px;
	font-size: 1.5em;
}

#tabs img {
	transition: 600ms;
	opacity: 0;
}

#tabs a {
	color: white;
}

#tabs a:hover {
	color: var(--menue-farbe);
}

#tabs a:focus {
	color: var(--menue-farbe);
	text-decoration: underline;
}

#tabs a:active {
	color: var(--menue-farbe);
	text-decoration: underline;
}

/*--ende-tabs--*/

/*ANCHOR - berichte*/
#bereich_bericht_hg {
	width: 100%;
	height: auto;
	min-height: 500px;
	background: url("../grafiken/background/contest1.webp");
	background-repeat: no-repeat;
	background-size: cover;
}

#bereich_bericht_hg2 {
	display: flex;
	width: 100%;
	height: auto;
	min-height: 500px;
	background: url("../grafiken/background/contest3.webp");
	background-repeat: no-repeat;
	background-size: cover;
}

#bereich_bericht_hg2a {
	display: flex;
	width: 100%;
	height: auto;
	min-height: 500px;
	background: url("../grafiken/background/contest3a.webp");
	background-repeat: no-repeat;
	background-size: cover;
}

#bereich_bericht {
	display: flex;
	width: 80%;
	height: auto;
	/*background: #a1a2a4;*/
	background-color: #d8d8d8;
	margin: auto;
	margin-top: -50px;
	border-radius: 20px;
	border: 1px solid silver;
	box-shadow: 8px 5px 15px rgba(80, 80, 80, 0.5);
}

#hg_contest {
	display: flex;
	width: 100%;
	height: auto;
	background-color: #07101a;
}

.bereich_contest2 {
	padding: 30px;
	min-width: 320px;
	height: auto;
	width: 70%;
	height: auto;
	background-color: #032950;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 50px;
	border-radius: 20px;
	box-shadow: 8px 5px 15px rgba(176, 175, 175, 0.5);
	background-image: url("../grafiken/sonstige/iaru-logo.png");
	background-repeat: no-repeat;
	background-position: right 30px bottom 20px;
}

.bereich_contest3 {
	padding: 30px;
	min-width: 320px;
	height: auto;
	width: 70%;
	height: auto;
	background-color: #032950;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 50px;
	border-radius: 20px;
	box-shadow: 8px 5px 15px rgba(176, 175, 175, 0.5);
	background-image: url("../grafiken/sonstige/waedx-logo.jpg");
	background-repeat: no-repeat;
	background-position: right 30px bottom 40px;
}

.bereich_contest4 {
	padding: 30px;
	min-width: 320px;
	height: auto;
	width: 70%;
	height: auto;
	background-color: #032950;
	margin: auto;
	margin-top: -50px;
	margin-bottom: 50px;
	border-radius: 20px;
	box-shadow: 8px 5px 15px rgba(176, 175, 175, 0.5);
	background-image: url("../grafiken/sonstige/thueringen.png");
	background-repeat: no-repeat;
	background-position: right 30px bottom 100px;
}

.bereich_contest5 {
	padding: 30px;
	min-width: 320px;
	height: auto;
	width: 70%;
	height: auto;
	background-color: #032950;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 50px;
	border-radius: 20px;
	box-shadow: 8px 5px 15px rgba(176, 175, 175, 0.5);
	background-image: url("../grafiken/sonstige/scan.png");
	background-repeat: no-repeat;
	background-position: right 30px bottom 100px;
}

.bereich_contest6 {
	padding: 30px;
	min-width: 320px;
	height: auto;
	width: 70%;
	height: auto;
	background-color: #032950;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 50px;
	border-radius: 20px;
	box-shadow: 8px 5px 15px rgba(176, 175, 175, 0.5);
	background-image: url("../grafiken/sonstige/cq.png");
	background-repeat: no-repeat;
	background-position: right 30px bottom 70px;
}

.bereich_contest7 {
	padding: 30px;
	min-width: 320px;
	height: auto;
	width: 70%;
	height: auto;
	background-color: #032950;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 50px;
	border-radius: 20px;
	box-shadow: 8px 5px 15px rgba(176, 175, 175, 0.5);
	background-image: url("../grafiken/sonstige/russ.png");
	background-repeat: no-repeat;
	background-position: right 30px bottom 30px;
}

#bericht_elbe1 {
	height: 100%;
	min-height: 700px;
	background: url("../bilder/illw/elbe1a.webp");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.bericht_titel {
	min-width: 320px;
	height: auto;
	padding-bottom: 30px;
}

.bericht_titel ul li {
	margin-left: 100px;
	margin-top: 10px;
	font-family: "Roboto";
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #ddd;
}

.bericht_titel a,
.bericht_titel li::marker {
	color: #00ffca;
}

.bericht_titel a:hover {
	color: #fff;
}

.txt_ber4 {
	letter-spacing: 0.1em;
	font-weight: bold;
	font-size: 2em;
	font-family: "Oswald";
	color: #23476f;
}

.txt_ber4 img {
	padding-left: 20px;
}

.txt_ber3 {
	letter-spacing: 0.1em;
	font-weight: 400;
	font-size: 1.2em;
	font-family: "Roboto";
	color: #3a3b3b;
}

.txt_ber3a {
	letter-spacing: 0.1em;
	font-weight: 400;
	font-size: 1em;
	font-family: "Roboto";
	color: #3a3b3b;
}

.txt_line {
	line-height: 1.5em;
}

.txt_ber2 {
	color: white;
	font-size: 1.7rem;
	font-family: "Oswald";
	font-weight: 600;
	/*text-shadow: 4px 4px 2px grey;*/
}

.text_innen {
	padding: 20px;
	height: auto;
}

.txt_ber5 {
	text-align: center;
	color: #23476f;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-family: "Oswald";
}

.txt_ber6 {
	font-weight: 400;
	font-size: 1.1em;
	font-family: "Roboto";
	color: #464849;
}

.txt_ber7 {
	display: flex;
	height: 3em;
	align-items: center;
	justify-content: center;
	font-size: 2.2em;
	font-weight: 400;
	font-family: Oswald;
	color: #d8dbdb;
}

.txt_ber8 {
	letter-spacing: 0.1em;
	font-weight: bold;
	font-size: 2em;
	font-family: "Oswald";
	color: #00ffca;
}

.txt_ber8a {
	letter-spacing: 0.1em;
	font-weight: 400;
	font-size: 1.2em;
	font-family: "Roboto";
	color: #ddd;
}

.txt_ber8b {
	/*display: grid;
	place-items: center;*/
	letter-spacing: 0.1em;
	line-height: 1.5em;
	font-weight: 400;
	font-size: 1.3em;
	font-family: "Roboto";
	color: #00ffca;
}

.txt_ber9 {
	text-align: left;
	padding: 10px;
	font-family: "Roboto";
	color: #141b2d;
	font-size: 3em;
	font-weight: 600;
	letter-spacing: 0.1em;
}

.marg100 {
	margin-top: 100px;
}
.marg150 {
	margin-left: 150px;
}

.flex-container_bericht {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 40px;
	row-gap: 20px;
	background: white;
}

.flex-container2_bericht {
	display: flex;
	width: 100%;
	padding: 5px 0;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	/*background-color: #141b2d;*/
	background-color: #141b2d;
}

.flex-container2_bericht.bg {
	background-color: #3e3f43;
}

.flex-item1_bericht {
	box-sizing: border-box;
	text-align: center;
	border-radius: 30px;
	flex-wrap: wrap;
	flex: 1;
	min-width: 320px;
	max-width: 25%;
	height: auto;
	background: white;
	overflow: hidden;
	transition: all 0.5s;
	/*box-shadow: 0 2px 3px rgba(0,0,0,0.2);*/
}

.img_illw {
	transition: all 0.5s;
}

.img_illw:hover {
	transform: scale(1.05);
	transition: all 0.5s;
}

.border_bericht {
	border-radius: 20px 20px 0 0;
}

.button_berichte {
	padding: 10px;
	width: 360px;
	height: 0px;
	border: none;
	border-radius: 20px;
	text-align: left;
	font-size: 1.5em;
	font-family: "Roboto";
	color: white;
	cursor: pointer;
	opacity: 0;
}

.button_berichte:hover {
	transform: scale(1.02);
}

.button_berichte.anzeigen {
	height: 250px;
	opacity: 1;
	transition: opacity 1s;
	transition: height 1s;
}

.flex-item_berichte {
	display: flex;
	align-items: center;
	justify-content: center;
	height: auto;
	flex-wrap: wrap;
	padding: 10px;
	column-gap: 30px;
	row-gap: 30px;
	height: auto;
}


#weltkarte2 {
	display: grid;
	place-items: center;
	width: 100%;
	height: auto;
	background-color: #000;
	background-size: cover;
}

/*--ende berichte--*/

/*ANCHOR - Seiten-Menue funk*/
fu-menue {
	display: flex;
	width: 100%;
	min-height: 80px;
	justify-content: center;
	align-items: center;
	background-color: #fff;
}

.fu-menue ul {
	font-family: "Roboto";
	font-size: 2em;
	font-weight: 400;
	color: #141b2d;
	list-style-type: circle;
	text-align: center;
	line-height: 1.5em;
}

.fu-menue ul li {
	display: inline;
}

.fu-menue ul li a {
	text-decoration: none;
	padding: 5px 20px;
	color: #141b2d;
	background-color: yellow;
}

.fu-menue ul li a:hover {
	color: #fff;
	background-color: #369;
	cursor: pointer;
}

.fu-menue-button {
	margin: 5px;
	font-family: "Roboto";
	font-size: 0.8em;
	font-weight: 400;
	text-align: center;
	padding: 15px;
	color: beige;
	background-image: linear-gradient(135deg, #497389 95%, #9fbe54 5%);
	border: none;
	transition: all 0.7s;
}

.fu-menue-button img,
.digis-menue-button img {
	display: block;
	margin: 0 auto;
	padding-top: 15px;
}

.fu-menue-button:hover,
.digis-menue-button:hover {
	background-image: none;
	background-color: #52a4f7;
	border-radius: 12px;
	transition: all 0.7s;
	color: #141b2d;
	transform: scale(1.05);
	cursor: pointer;
}

.danke {
	position: relative;
	display: block;
	text-align: center;
	font-size: 1em;
	font-family: "Roboto";
	color: #141b2d;
	font-weight: 400;
}

/*Ende Seiten-Menue funk*/

#button5 {
	cursor: crosshair;
	text-decoration: none;
	color: white;
	padding: 0 0 0 150px;
	text-align: left;
	line-height: 1.3em;
	letter-spacing: 0.15em;
	font-size: 1.5em;
	font-family: "Oswald";
	border: none;
	background: none;
}

.hg-pmr2 {
	background: rgba(201, 201, 201, 0.1);
}

.button_afu {
	width: 220px;
	min-height: 300px;
	padding: 10px;
	background-image: url("../grafiken/funk/hg_button_afu_p.png");
	line-height: 1.2em;
	border: 1px solid silver;
	border-radius: 20px 0 20px 0;
	box-shadow: 0 5px 5px silver;
	cursor: pointer;
}

.cbfunk-button {
	vertical-align: middle;
	font-size: 1.5em;
	font-family: "Oswald";
	font-weight: 400;
	letter-spacing: 0.1em;
	color: whitesmoke;
	padding: 10px;
	border: none;
	background-color: #497288;
	border-radius: 10px;
	transition: all 0.5s;
}

.cbfunk-button:hover {
	color: #141b2d;
	background-color: #00a3be;
	border-radius: 20px;
	transition: all 0.5s;
}

.cbfunk-button:hover span {
	display: none;
}

.cbfunk-button:hover:before {
	content: "Jetzt klicken!";
}

/***buttons ende***/

.txt_item1 {
	text-align: left;
	padding: 0 15px 0 0;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	color: black;
	font-size: 1.2em;
	font-family: "Roboto";
	font-weight: 300;
}

.hidden-complete {
	display: none;
	padding: 0 0 0 120px;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	color: black;
	font-size: 1.2em;
	font-family: "Roboto";
}

[aria-expanded="true"] + .hidden-complete {
	display: block;
}

/***Ende Prüfung***/

/***accordion funk***/
.accordion {
	display: flex;
	padding: 20px;
	cursor: crosshair;
	height: auto;
	width: 90%;
	min-width: 340px;
	border: 1px solid #d2d5d7;
	border-radius: 20px;
	background: #c6c6c6;
	color: #23476f;
	transition: 0.6s ease-in-out;
	align-items: center;
	letter-spacing: 0.1em;
	font-size: 1.4em;
	font-family: "Roboto";
	background-image: url("../basis/plus4.png");
	background-repeat: no-repeat;
}

.accordion2 {
	display: flex;
	padding: 20px;
	cursor: crosshair;
	height: auto;
	width: 100%;
	min-width: 320px;
	border: 1px solid #d2d5d7;
	background: #c6c6c6;
	color: black;
	transition: 0.8s ease-in-out;
	align-items: center;
	letter-spacing: 0.1em;
	font-size: 1.2em;
	font-family: "Roboto";
}

.active,
.accordion:hover {
	background: #23476f;
	color: white;
	transition: 0.5s;
	border-radius: 20px;
	box-shadow: 4px 4px silver;
}

.active2,
.accordion2:hover {
	background: #23476f;
	color: white;
	transition: 0.5s;
	border-radius: 20px;
	box-shadow: 4px 4px silver;
}

.active:after {
	content: "\2212";
	font-weight: bold;
	padding-left: 30px;
	color: white;
}

.panel {
	background-color: #e8edfe;
	max-height: 0;
	overflow: hidden;
	transition: height 1.2s linear;
}

.panel-digi {
	max-height: 0;
	overflow: hidden;
	transition: height 1.2s linear;
}

.txt_panel {
	display: inline;
	padding: 10px 10px 10px 0;
	line-height: 1.3em;
	letter-spacing: 0.1em;
	color: black;
	font-family: "Roboto";
	font-size: 1.2em;
	font-weight: 300;
}

.txt_panel_ueber {
	color: #23476f;
	font-size: 1.4em;
	font-weight: 400;
}

.txt_panel a {
	color: #fb540c;
	font-weight: 500;
}

.txt_panel2 {
	padding: 0 0 0 15px;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	color: black;
	font-size: 1.2em;
	font-family: "Roboto";
	text-decoration: underline;
	text-underline-offset: 0.3em;
}

/***Ende accordion funk***/

/***Hauptbereich Software***/
#bereich_soft {
	width: 100%;
	height: auto;
}

#bereich_soft a {
	color: black;
}

#bereich_soft a:hover {
	color: #00b4cd;
}

#bereich_soft ul li {
	letter-spacing: 0.15em;
	line-height: 1.5em;
	color: black;
	font-size: 1.3em;
	font-family: "Oswald";
	list-style-type: disc;
}

.container_gpredict {
	padding: 30px;
	min-width: 320px;
	height: auto;
}

.container_test {
	min-width: 320px;
	padding-bottom: 5em;
	height: auto;
}

.bereich_test {
	display: flex;
	width: 85%;
	height: auto;
	margin: auto;
	padding-top: 50px;
}

.txt_soft_ueber {
	color: #d8dbdb;
	font-size: 3rem;
	font-family: "Oswald";
	font-weight: 900;
}

.txt_soft_ueber2 {
	letter-spacing: 0.1em;
	font-size: 4em;
	font-family: "audiowide";
	font-weight: 900;
	text-shadow: 5px 5px 10px silver;
}

.color_hblau {
	color: #4374b9;
}
.color_orange {
	color: #ed7004;
}
.color_turkis {
	color: #347d8b;
}
.color_gruen {
	color: #43a94d;
}
.color_rot {
	color: #fb450d;
}
.color_gelb {
	color: #e5d012;
}
.color_weiss {
	color: white;
}
.color_2blau {
	color: #24869b;
}
.color_silver {
	color: silver;
}
.color_hellgrau {
	color: #ddd;
}
.color_beige {
	color: beige;
}

.color_black {
	color: #000;
	padding: 10px;
}

.bcolor_gruen {
	background-color: #0b8a0f;
}
.bcolor_orange {
	background-color: #ed7004;
}

#txt_soft_1,
#txt_soft_2,
#txt_soft_5 {
	margin-top: -10px;
	letter-spacing: 0.1em;
	font-weight: 400;
	font-size: 1.6em;
	font-family: "Oswald";
	color: white;
	opacity: 0;
	transition: opacity 3s;
}

#txt_soft_1.txt,
#txt_soft_2.txt,
#txt_soft_5.txt {
	opacity: 1;
	transition: opacity 8s;
	color: #6a93cc;
}

.soft {
	list-style-type: none;
}

.soft2::marker {
	color: #244770;
	font-size: 1.6em;
}

.audios_hg {
	width: 100%;
	height: 500px;
	background: url("../grafiken/audio_hg.webp");
	background-repeat: no-repeat;
	background-size: cover;
}

/*ANCHOR - table
table {
	border-spacing: 0;
}

caption,
thead {
	background: #23476f;
	padding: 10px;
}

td {
	font-size: 1em;
	padding: 5px;
}

th {
	text-align: left;
	background: #23476f;
	color: white;
	font-size: 1em;
	font-weight: 600;
	font-family: "Roboto";
	padding: 5px;
	width: 200px;
}

.th-hg {
	background: #41633e;
}

tr {
	padding: 5px;
	letter-spacing: 0.1em;
}

tr:nth-child(even) {
	background-color: #d2d7d8;
}

tr:hover {
	background: #00b4cd;
}

/***tabelle digi ende***/

.flex-container_soft {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 20px;
	row-gap: 20px;
	background: white;
}

.flex-item1_soft {
	box-sizing: border-box;
	flex-wrap: wrap;
	flex: 1;
	padding: 20px;
	min-width: 320px;
	max-width: 28%;
	height: auto;
}

.flex-item1b_soft {
	box-sizing: border-box;
	padding: 50px;
	min-width: 320px;
	max-width: 42%;
	height: auto;
}

.border_soft {
	border: 1px solid gray;
	border-radius: 10px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

.border_txt {
	border-bottom: 1px solid gray;
}

.img_soft {
	width: 700px;
	display: block;
	transition: all 0.5s ease-in;
}

.img_soft:hover {
	margin-left: -100px;
	cursor: crosshair;
	transform: scale(1.4);
	transition: all 0.7s;
	border-radius: 5px;
	box-shadow: 5px 5px grey;
}

.txt_item1_soft {
	text-align: left;
	padding: 0 15px 0 0;
	line-height: 1.5em;
	color: black;
	font-size: 1em;
	font-family: "Roboto";
}

.txt_item1_soft2 {
	text-align: left;
	padding: 0 15px 0 0;
	line-height: 1.5em;
	color: white;
	font-size: 1em;
	font-family: "Roboto";
}

.txt_item1_soft3 {
	text-align: left;
	padding: 0 15px 0 0;
	line-height: 1.5em;
	color: white;
}

.txt_item1_soft3a {
	text-align: left;
	line-height: 1.5em;
	color: black;
	font-size: 1.5em;
	font-family: "Roboto";
}

.txt_item1_soft3a img {
	vertical-align: middle;
}

.column {
	float: left;
	width: 33.3%;
	margin-bottom: 16px;
	padding: 0 8px;
}

.container {
	padding: 0 16px;
}

/* Clear floats */
.container::after,
.row::after {
	content: "";
	clear: both;
	display: table;
}

.title {
	color: grey;
}

.button {
	border: none;
	outline: 0;
	display: inline-block;
	padding: 8px;
	color: white;
	background-color: #000;
	text-align: center;
	cursor: pointer;
	width: 100%;
}

.button:hover {
	background-color: #555;
}

/***Test Ende***/

/*ANCHOR - animate*/
.animate__animated-hb {
	animation: heartBeat;
	animation-duration: 1s;
}

.animate__animated-swing {
	animation: swing;
	animation-duration: 3s;
}

.animate__animated-bounce {
	animation: bounce;
	animation-duration: 1s;
}

.animate__animated-rollen {
	animation: rollIn;
	animation-duration: 3s;
}

.animate__animated-inrechts {
	animation: backInRight;
	animation-duration: 2s;
}

.animate__animated-inrechts4s {
	opacity: 1;
	animation: backInRight;
	animation-duration: 4s;
	animation-delay: 0.7s;
}

.animate__rotateOut {
	animation: rotateOut;
	animation-duration: 0.5s;
}

.animate__animated-zoomin {
	animation: zoomIn;
	animation-duration: 3s;
	border: none;
	box-shadow: -5px -5px 15px grey;
	border-radius: 5px;
}

.animate__animated-zoomin1 {
	animation: zoomIn;
	animation-duration: 4s;
	animation-delay: 0.5s;
}

.animate__animated-zoomin1a {
	opacity: 1;
	animation: zoomIn;
	animation-duration: 4s;
}

.animate__animated-zoomin-links {
	animation: zoomInLeft;
	animation-duration: 3s;
}

.animate__animated-zoomin-rechts {
	animation: zoomInRight;
	animation-duration: 3s;
	border: none;
	box-shadow: -5px -5px 15px grey;
	border-radius: 5px;
}

.animate__animated-zoomin-rechts2 {
	animation: zoomInRight;
	animation-duration: 3s;
}

.animate__animated-flip {
	animation: flip;
	animation-duration: 2.5s;
	animation-delay: 0.7s;
}

.animate__animated-bid {
	animation: backInDown;
	animation-duration: 2.5s;
}

.animate__animated-flipIn {
	animation: flipInY;
	animation-duration: 3s;
}

.animate__animated-bil {
	animation: backInLeft;
	animation-duration: 2.5s;
}

.animate__animated-bil2 {
	animation: backInLeft;
	animation-duration: 2.5s;
	box-shadow: 10px 10px 15px rgba(37 37 37 / 0.9);
	border-radius: 20px;
}

.animate__animated-spInrechts {
	animation: lightSpeedInRight;
	animation-duration: 1s;
}

.animate__bounceInRight {
	animation: bounceInRight;
	animation-duration: 2s;
}

.animate__bounceInLeft {
	animation: bounceInLeft;
	animation-duration: 4s;
}

.animate__rubberBand {
	animation: rubberBand;
	animation-duration: 3s;
}

.pulse {
	animation: pulse 2s infinite;
}


/** animated ende **/

/*ANCHOR - footer*/
#footer {
	display: flex;
	flex-direction: row;
	column-gap: 30px;
	justify-content: center;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	height: 350px;
	width: 100vw;
	background: #404040 url("../grafiken/footer/footer_dgrau.webp") repeat-x 50% 50%;
	/*background-image: url("../grafiken/footer/footer_grau.webp");*/
}

#footer a {
	font-family: "Oswald";
	font-size: 1.2em;
	color: white;
}

#footer a:hover {
	color: #00b4cd;
}

.footer_scale {
	filter: grayscale(100%);
	border-radius: 10px;
	border: 2px solid silver;
	transition: all 0.3s ease-in-out;
}

.footer_scale:hover {
	filter: grayscale(0%);
	transform: scale(1.3);
	transition: all 0.3s ease-in-out;
}

/*ANCHOR - digis*/

.txt_digi_2 {
	width: 50%;
	height: auto;
	text-align: left;
	padding: 220px 0 0 100px;
	letter-spacing: 0.1em;
	font-weight: 300;
	font-size: 1.5em;
	font-family: "Roboto";
	color: white;
}

#txt_digi_1 {
	letter-spacing: 0.1em;
	font-weight: 400;
	font-size: 1em;
	font-family: "Oswald";
	color: white;
	opacity: 0;
	transition: opacity 3s;
}

#txt_digi_1.txt {
	opacity: 1;
	transition: opacity 8s;
	color: #6a93cc;
}

#txt_digi_3 {
	letter-spacing: 0.1em;
	font-weight: 400;
	font-size: 1em;
	font-family: "Oswald";
	color: white;
	opacity: 0;
	transition: opacity 3s;
}

#txt_digi_3.txt {
	opacity: 1;
	transition: opacity 8s;
	color: #6a93cc;
}

/***Ende digis***/

/*ANCHOR - flex-container*/
.flex-container {
	width: 100%;
	padding: 5px 0;
	display: flex;
	flex-shrink: 1;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
}

.flex-item1_w {
	margin-top: 100px;
	padding-right: 50px;
}

.flex-container a:hover,
.flex-container3 a:hover {
	color: #00b4cd;
	text-decoration: underline;
}

.flex-item1 {
	box-sizing: border-box;
	flex: 2;
	padding: 20px;
	min-width: 350px;
	max-width: 45%;
	height: auto;
}

.flex-item1 ul li a,
.flex-item3 ul li a,
.flex-item1_soft ul li a {
	letter-spacing: 0.15em;
	color: black;
	font-size: 1.5em;
	font-family: "Oswald";
	list-style-type: disc;
}

.font_soft {
	letter-spacing: 0.15em;
	color: black;
	font-size: 1.5em;
	font-family: "Oswald";
}

.flex-item1 a:hover {
	color: #00b4cd;
	text-decoration: underline;
}

.flex-item2c {
	position: relative;
	box-sizing: border-box;
	padding: 20px;
	min-width: 320px;
	max-width: 50%;
	height: auto;
	z-index: -9999;
}

.flex-item2c a {
	letter-spacing: 0.1em;
	color: black;
}

.flex-item2d {
	position: relative;
	box-sizing: border-box;
	padding: 20px;
	min-width: 320px;
	max-width: 50%;
	height: auto;
	z-index: 1;
}

.flex-container3 {
	width: 100%;
	display: flex;
	flex-shrink: 1;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
}

.flex-container4 {
	width: 100%;
	padding: 5px 0;
	display: flex;
	flex-shrink: 1;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	background: #497288;
}

.flex-item3 {
	box-sizing: border-box;
	padding: 20px;
	min-width: 320px;
	max-width: 80%;
	height: auto;
	margin: auto;
	word-wrap: break-word;
}

.flex-item3 img {
	padding-left: 20px;
	vertical-align: middle;
}

.flex-item3 a {
	color: #ed7004;
}

.flex-item0 {
	width: 50px;
	height: auto;
}

/*ANCHOR - php container*/
.php-container {
	width: 100vw;
	padding: 5px 0;
	display: flex;
	flex-shrink: 1;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
}

.php-item1 {
	box-sizing: border-box;
	flex: 2;
	padding: 20px;
	min-width: 320px;
	max-width: 55%;
	height: auto;
	font-family: "Roboto";
}

.php-item2 {
	box-sizing: border-box;
	padding: 20px;
	min-width: 350px;
	max-width: 40%;
	height: auto;
}

.img_php {
	box-sizing: border-box;
	display: block;
	max-width: 480px;
	transition: all 0.5s ease-in;
}

.php-item2 img:hover {
	cursor: crosshair;
	border-radius: 20px;
	transform: scale(1.6);
	transition: all 0.5s ease-in-out;
}

.php-item2 img {
	max-width: 450px;
	border: 1px solid silver;
	transition: all 0.5s ease-in-out;
}

/***farben**/
.gruen {
	color: #36bd7b;
}

#hg_blau {
	width: 100%;
	height: auto;
	background-image: url(../grafiken/background/hg_news_blau.webp);
	background-size: cover;
	opacity: 0.2;
}

#hg_blau.img {
	transition: all 1s ease-in;
	opacity: 1;
}

.hg_archiv {
	width: 100vw;
	height: auto;
	/*background-image: linear-gradient(to top, white 0%, #141b2d 50%);*/
	background-color: whitesmoke;
	background-size: cover;
}

.hg_archiv ul li a {
	letter-spacing: 0.15em;
	line-height: 1.5em;
	color: black;
	font-size: 1.3em;
	font-family: "Oswald";
	list-style-type: disc;
}

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

.txt_archiv {
	text-align: center;
	color: #141b2d;
	font-size: 4em;
	font-family: "Outfit";
	font-weight: 900;
}

.txt_archiv-l {
	padding: 0 10px 0 10px;
	min-width: 320px;
	height: 100%;
}

.txt_archiv_sm {
	text-align: center;
	color: #141b2d;
	font-size: 2em;
	font-family: "Oswald";
	font-weight: 200;
}

.txt_archiv_rub {
	top: 0;
	margin: 0 auto;
	text-align: left;
	letter-spacing: 0.1em;
	font-size: 1.5em;
	font-family: "Oswald";
	font-weight: bold;
	color: black;
	text-decoration: underline;
}

.txt_archiv_tabs {
	text-align: left;
	font-size: 1.3em;
	font-family: "Oswald";
	font-weight: 300;
	letter-spacing: 0.1em;
	color: black;
}

.txt_archiv_tabs a {
	color: black;
}

.hg_archiv1 {
	width: 100%;
	height: auto;
	background-image: url(../bilder/hg_archiv1.webp);
	background-repeat: no-repeat;
	background-size: cover;
}

.hg_test {
	width: 100%;
	height: auto;
}

.hg_gestern {
	width: 100%;
	height: auto;
}

.hg_gestern ul li a {
	letter-spacing: 0.15em;
	line-height: 1.5em;
	color: white;
	font-size: 1.5em;
	font-family: "Oswald";
	list-style-type: disc;
}

.hg_gestern ul li::marker {
	color: white;
}

.txt_gestern {
	margin: 0 0 0 150px;
	color: #8fa8c4;
	font-size: 7em;
	font-family: "Oswald";
	font-weight: 900;
}

.flex-item1_archiv {
	box-sizing: border-box;
	flex-wrap: wrap;
	flex: 1;
	min-width: 320px;
	max-width: 30%;
	height: auto;
}

.linie {
	width: 100%;
	height: 1px;
	border-color: #dfe2e5;
}

.linie2 {
	width: 100%;
	height: 1px;
	border-color: #eee;
}

.linie3 {
	width: 90%;
	border-color: #aaa;
}

.linie4 {
	display: flex;
	width: 100%;
	height: 1px;
	border-color: #ccc;
}

.linie6 {
	width: 100%;
	height: 1px;
	border-color: beige;
}

.linie7 {
	width: 100%;
	border: 1px solid black;
}

.linie8 {
	width: 100%;
	height: 5px;
	border: none;
	background-color: #c609cc;
}

.linie9 {
	width: 100%;
	height: 1px;
	border-color: #f9e798;
}

/*ANCHOR - tabs archiv*/
#tab-container {
	width: 80%;
	padding: 5px 0;
	margin: 0 auto;
	display: flex;
	flex-shrink: 1;
	flex-wrap: wrap;
	z-index: -1;
}

/* radio button ausblenden */
.tabset > input[type="radio"] {
	position: absolute;
	left: -200vw;
}

.tabset .tab-panel {
	display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
	display: block;
}

.labtext {
	font-family: "Oswald";
	font-size: 1.2em;
	font-weight: 300;
	letter-spacing: 0.1em;
	color: #657dbb;
}

.tabset > label {
	display: inline-block;
	padding: 12px;
	border-bottom: 0;
	cursor: pointer;
	font-weight: 600;
	background: #dedad9;
}

input:focus-visible + label {
	outline: 2px solid rgba(0, 102, 204, 1);
	border-radius: 30px;
}

.tabset > label:hover,
.tabset > input:focus + label,
.tabset > input:checked + label {
	color: crimson;
	text-decoration: underline;
	font-size: 1.3em;
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
	background: #141b2d;
}

/* aktiver tabset-label */
.tabset > input:checked + label {
	background: #dedad9;
}

/* tabs innen */
.tab-panel {
	border-radius: 0 30px 30px 30px;
	background: #dedad9;
}

/* Breite des tab-bereiches */
.tabset {
	max-width: 100%;
}

.php-container-tabs {
	margin-top: 20px;
	width: 100%;
	display: flex;
	flex-shrink: 1;
	flex-wrap: wrap;
	column-gap: 20px;
}

.php-tabs1 {
	box-sizing: border-box;
	padding-top: 10px;
	min-width: 320px;
	max-width: 55%;
	height: auto;
	font-family: "Roboto";
}

.php-tabs2 {
	box-sizing: border-box;
	padding-top: 10px;
	max-width: 40%;
	height: auto;
}

.img_php-tabs {
	box-sizing: border-box;
	display: block;
	transition: all 0.5s ease-in;
}

.php-tabs2 img:hover {
	cursor: crosshair;
	transform: scale(1.6);
	transition: all 0.5s ease-in-out;
}

.php-tabs2 img {
	width: 450px;
	border: 1px solid silver;
	border-radius: 20px;
	transition: all 0.5s ease-in-out;
}

.hg_tabs_archiv-l {
	background: rgba(201, 201, 201, 0.7);
	min-width: 330px;
	height: auto;
	border-radius: 10px;
}

/*****Ende Tabs*****/

.bord-l {
	border-left: 1px solid #00ffca;
}
.bord-r {
	border-right: 1px solid #00ffca;
}

.x {
	padding: 20px;
	border: 1px solid #00ffca;
	border-image: linear-gradient(
		to bottom,
		rgba(108, 219, 141, 0) 25%,
		#00ffca 25%,
		#00ffca 75%,
		rgba(108, 219, 141, 0) 75%
	);
	border-image-slice: 2;
}

.flex-container-news4 img {
	vertical-align: middle;
	padding-right: 20px;
}

/*ANCHOR - ab hier keine Farbauswahl*/

.hg-flex-container-innen {
	display: flex;
	height: 300px;
	width: 100%;
	background-color: #f36485;
}

.flex-container-innen {
	margin: 0 auto;
	margin-top: -85px;
	min-width: 320px;
	max-width: 80%;
	height: auto;
	background-image: url("../grafiken/background/titel-neu2.webp");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.txt-news-innen {
	display: block;
	width: 100%;
	padding: 20px 0 0 0;
	text-align: center;
	font-size: 2.5em;
	font-family: "Outfit";
	font-weight: 600;
	color: #170c40;
}

.txt-news-innen2 {
	display: block;
	text-align: center;
	padding: 20px;
	font-size: 1.5em;
	font-family: "Outfit";
	font-weight: 200;
	color: #000;
}

.flex-container-news1 {
	background-image: url("../grafiken/background/hg_news_link.webp");
}
.flex-container-news2 {
	background-image: url("../grafiken/background/hg_news_link2.webp");
}

.flex-container-news1:hover img,
.flex-container-news1:hover span,
.flex-container-news2:hover img,
.flex-container-news2:hover span,
.flex-container-news3:hover img,
.flex-container-news3:hover span,
.flex-container-news4:hover img {
	opacity: 1;
	transition: all 1s;
}

.flex-container-news4:hover {
	opacity: 1;
	transition: all 0.5s;
}

.flex-container-news4:hover span {
	opacity: 1;
	transition: all 0.5s;
	color: #00ffca;
}

.flex-container-news1:hover {
	box-shadow: 5px 5px 15px rgb(10 195 220/ 0.6);
	transition: all 0.5s;
	transform: scale(1.015);
	/*background-color: #170c40;*/
	cursor: pointer;
}

.flex-container-news2:hover {
	box-shadow: 5px 5px 15px rgb(10 195 220/ 0.6);
	transition: all 0.5s;
	transform: scale(1.015);
	/*background-color: #143405;*/
	cursor: pointer;
}

.flex-container-news3:hover {
	box-shadow: 5px 5px 15px rgb(10 195 220/ 0.6);
	transition: all 0.5s;
	transform: scale(1.015);
	background-color: #353535;
	cursor: pointer;
}

.img-news2 {
	opacity: 0;
	transition: all 0.7s;
}

.txt-news-ueberschrift {
	vertical-align: middle;
	font-family: "Outfit";
	font-size: 1.5em;
	font-weight: 300;
	color: white;
	text-decoration: underline;
}

.txt-news-ueberschrift2 {
	vertical-align: middle;
	font-family: "Outfit";
	font-size: 2.5em;
	font-weight: 600;
	color: #803bec;
	text-decoration: underline;
}

.txt-news-text {
	font-family: "Outfit";
	font-size: 1.8em;
	font-weight: 600;
	color: white;
}

.txt-news-text3 {
	font-family: "Outfit";
	font-size: 1.5em;
	font-weight: 400;
	color: #141b2d;
}

.txt-news-text2 {
	opacity: 0;
	display: block;
	text-align: center;
	font-family: "Outfit";
	font-size: 1.3em;
	font-weight: 300;
	color: white;
}

/*alle nachrichten*/
.flex-container_nachrichten {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 60px;
	row-gap: 20px;
	background: whitesmoke;
}

.flex-item1_nachrichten {
	box-sizing: border-box;
	text-align: center;
	flex-wrap: wrap;
	flex: 1;
	min-width: 320px;
	max-width: 40%;
	height: auto;
	background: whitesmoke;
}

.txt_nachrichten {
	text-align: left;
	color: #23476f;
	font-size: 1.4em;
	font-weight: 300;
	letter-spacing: 0.1em;
	font-family: "Outfit";
}

.container-action {
	width: 100%;
	height: auto;
	background-image: url("../grafiken/background/globus.webp");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.action-text {
	padding: 50px 0 0 80px;
	width: 80%;
}

.action-text2 {
	margin: 50px 0 0 80px;
	max-width: 50%;
	height: auto;
	background: rgb(80 80 80/0.8);
}

.action-txt-ueber {
	font-family: "Roboto";
	font-weight: 900;
	font-size: 4em;
	color: #00ffca;
}

.action-txt-ueber2 {
	font-family: "Oswald";
	font-weight: 400;
	font-size: 3em;
	color: #ddd;
}

.action-txt-norm {
	letter-spacing: 0.1em;
	font-family: "Roboto";
	font-weight: 400;
	font-size: 1.8em;
	color: #00ffca;
}

.action-button {
	display: block;
	margin: 0 auto;
	width: auto;
	height: auto;
	border: none;
	border-radius: 10px;
	text-align: center;
	/*vertical-align: middle;*/
	padding: 10px;
	letter-spacing: 0.1em;
	font-weight: bold;
	font-family: "Roboto";
	font-size: 1.2em;
	color: black;
	background-color: #ed7004;
	transition: all 0.3s ease-in;
}

.action-button img {
	vertical-align: middle;
}

.action-button:hover {
	border-radius: 30px;
	background-color: #00ffca;
}

.action-button a {
	color: #000;
}

.action-button a:hover {
	color: #032950;
}

.action-flex-container {
	display: flex;
	justify-content: center;
	padding: 50px;
}

#nachrichten {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 500px;
	background-color: whitesmoke;
}

.nachrichten-liste {
	display: flex;
	width: 80%;
	height: 300px;
	background-color: rgb(215, 211, 211);
	border-top: 10px solid #04668d;
}

.txt-ueber-liste {
	font-family: "Outfit";
	font-size: 2em;
	color: #ddd;
	background-color: #04668d;
}

/***Ende neuer Link News***/

.text-color-sw {
	color: black;
}
.text-color-gelb {
	color: yellow;
}
.text-color-beige {
	color: beige;
}
.text-color-hgrau {
	color: #bbbbbb;
}
.text-color-ws {
	color: whitesmoke;
}
.text-color-rot {
	color: red;
}
.text-color-blau {
	color: #00b4cd;
}
.text-color-vio {
	color: #f120ff;
}
.text-color-dblau {
	color: #336699;
}

/*ANCHOR - tooltip*/
a.tooltip {
	position: relative;
	text-decoration: none;
	color: #04668d;
	cursor: pointer;
}
a.tooltip:after {
	content: attr(data-tooltip);
	position: absolute;
	text-align: left;
	font-size: 0.7em;
	bottom: 130%;
	left: 20%;
	background: #ffcb66;
	padding: 5px 15px;
	color: black;
	border-radius: 20px;
	width: 400px;
	white-space: pre-line;
	display: none;
	transition: all 0.6s ease;
}
a.tooltip:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	/*border-top: 20px solid #ffcb66;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;*/
	transition: all 0.6s ease;
	opacity: 0;
	left: 30%;
	bottom: 90%;
}
a.tooltip:hover:after {
	bottom: 100%;
}
a.tooltip:hover:before {
	bottom: 50%;
}
a.tooltip:hover:after,
a.tooltip:hover:before {
	display: block;
	opacity: 1;
	transition: all 0.6s ease;
	animation: zoomIn;
	animation-duration: 0.7s;
	box-shadow: 8px 8px 10px rgba(144, 143, 143, 0.9);
}


/*ANCHOR - media screen*/

@media screen and (max-width: 1440px) {
	.hg_txt_news-l {
		background-image: url("../grafiken/background/hg-news2a.webp");
		
	}
}

@media screen and (max-width: 1024px) {
	.txt-titel-news-links {
		font-size: 7rem;
	}
	
}

@media screen and (max-width: 900px) {
	#tab-container {
		width: 90%;
	}
	.php-container {
		flex-direction: column;
		padding-left: 50px;
	}
	.php-item1, php-item2 {
		width: 90%;
		max-width: 95%;
	}
	.php-container-tabs {
		flex-direction: column;
	}
	.php-tabs1, .php-tabs2 {
		max-width: 90%;
	}
}

@media screen and (max-width: 800px) {
	.column {
		width: 100%;
		display: block;
	}
	.txt-titel-innen-links {
		font-size: 6.5em;
	}
	.hg_txt_news-l {
		margin-left: 20px;
		background-image: none;
	}
	.txt_news {
		margin-left: 0;
	}
	
}

@media (max-width: 762px) {
	.burgericon {
		display: block;
		font-size: 1em;
	}
	nav ul li {
		width: 100%;
		line-height: 2em;
		background: #141b2d;
	}
	nav ul {
		display: none;
	}
	nav ul ul {
		display: block;
		position: relative;
		text-align: left;
	}
	.php-item1 {
		max-width: 90%;
	}
	.hg_txt_news-l {
		width: 90%;
	}
	#tab-container .php-container {
		width: 100%;
	}
	.php-item1, .php-item2 {
		padding: 5px;
	}
	.php-tabs1, .php-tabs2 {
		max-width: 100%;
		padding: 5px;
	}
	.php-tabs2 {
		max-width: 100%;
	}
	.php-item2 img:hover {
		transform: none;
	}
	.php-tabs2 img:hover {
		transform: none;
	}
	.container-titel-navi-aussen {
		flex-flow: column;
		column-gap: 20px;
		width: 100%;
	}
	.container-titel-navi-innen {
		max-width: 90%;
		width: 70%;
	}
	.txt-titel-news-links {
		font-size: 5rem;
	}
	.leer_archiv {
		top: 0;
		padding: 5px;
		background-color: whitesmoke;
		border: 1px solid gray;
	}
	.leer_archiv_txt {
		transform: rotate(0);
		width: auto;

	}
}

@media (min-width: 800px) {
	header {
		position: fixed;
		width: 100%;
		z-index: 9999;
	}
}

@media screen and (max-width: 600px) {
	.container-titel-beitrag-aussen {
		display: none;
	}
	.txt_news_text3 {
		padding-left: 10px;
	}
	.txt-titel-innen-links {
		font-size: 4em;
	}
	.txt-titel-innen-links2 {
		font-size: 2em;
	}
	.php-item1 {
		max-width: 100%;
	}
	.php-item2 img {
		max-width: 100%;
		border: none;
		padding-left: 5px;
	}
	.txt_news-l ul {
		margin-left: -1em;
	}
	.txt_news-l li {
		font-size: 0.85em;
		padding-bottom: 5px;
		margin-left: -1em;
	}
	.txt-titel-news-links {
		font-size: 4rem;
	}
	#topnav.img {
		display: none;
	}
}

@media screen and (max-width: 462px) {
	.txt-titel-news-links {
		font-size: 3rem;
	}
	.txt_news_text4, .txt_news_text4a, .txt_news_text3 {
		font-size: 1.5rem;
	}
	.txt_news_text1 {
		font-size: 1rem;
	}
	.linie4 {
		width: 90%;
		height: 3px;
	}
	.php-container {
		padding: 10px;
	}
	.php-container-tabs, .php-tabs1, .php-tabs2 {
		min-width: 100%;
		padding: 0;
	}
	.php-item1, .php-item2 img {
		max-width: 95%;
	}
	.txt_archiv-l ul li {
		display: inline-block;
		float: none;
		
	}
	
}

@media screen and (max-width: 390px) {
	.php-item2 img {
		max-width: 85%;
	}
	.link_button_news {
		width: 90%;
	}	
}