/*ANCHOR - funk.css*/

/*ANCHOR - css variablen*/
:root {
	--color-bg-txt-dark: #141b2d ;
	--color-bg-txt-white:  white;
}

h3 {
	display: block;
	font-size: 85%;
	margin: 0 auto;
	padding: 0;
	text-decoration: underline dotted 2px green;
}

h4 {
	display: block;
	font-family: 'Outfit';
	font-size: 1.2rem;
	font-weight: 600;
	color: crimson;
	margin: 0 auto;
	padding: 0;
}

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

/*ANCHOR - css variablen ende*/
#kopf-funk {
	margin: 0 auto;
	display: flex;
	width: 100vw;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: auto;
	min-height: 800px;
}

.bg-kopf-technik {
  background-color: #141b2d;
  background-image: url("../grafiken/hardware/hg-hardware-kopf.webp");
  background-repeat: no-repeat;
  background-size: cover;
}

.kopf-innen-funk {
	margin: 60px 0;
	margin-top: 100px;
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	row-gap: 50px;
	column-gap: 10px;
	width: 75%;
}

/*ANCHOR - Fülltext*/
.text-fuell {
	text-align: left;
	font-family: "Outfit";
	font-size: 8rem;
	font-weight: 600;
  position: relative;
}

small {font-size: 87%;}

.posfuell {
	height: 200px;
}

.fuelltext span {
	margin-left: -0.15em;
	position: absolute;
}

/* Rand und Füllung Farbe*/
.fuelltext span:nth-child(1) {
	color: #ffffff;
	/*-webkit-text-stroke: 1px #c41187; Rahmen um Text*/
}

/* Füllung*/
.fuelltext span:nth-child(2) {
	color: #084fde;
	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 - Fülltext Ende*/

.padd-left10 {padding-left: 10px;}

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

/*ANCHOR - farben*/
.qcolgruen {color: #95b456;}
.qcolblau {color: #5854be;}
.qcolorange {color: orange;}
.qcolhblau {color: #10cdf3;}
.qcolmblau {color: #458df9;}
.qcolcrim {color: crimson;}
.qcoltuerk {color: #00a3be;}
.qcololive {color: #96a102;}
.qcolrosa {color: #fcb8fc;}
.trenncoltuerk {background-color: #c9fcfb;}
.trenncolmblau {background-color: #24c3fb;}

/*ANCHOR - flex-test*/
.flex-item-funk-lr {
  flex-basis: 45%;
  flex-grow: 1;
  flex-shrink: 1;
	position: relative;
}

.flex-item-funk {
  flex-basis: 100%;
  flex-grow: 1;
  flex-shrink: 1;
	position: relative;
}

.flex-item-funk-2 {
	text-align: center;
	padding: 20px;
	height: auto;
	flex-grow: 1;
  flex-shrink: 1;
	width: 70%;
	background-color: #185eebbd;
	border-radius: 50px;
}

.inforecht {
	background-color: #204c77;
}

.txt-aktuell {
	font-family: 'Outfit';
	font-size: 1.3rem;
	font-weight: 300;
	line-height: 2rem;
	color: #dfe0e1;
}

.txt-aktuell img {
	padding-right: 10px;
	vertical-align: middle;
}

.txt-funk-button {
	font-size: 1.5rem;
}

.txt-amateurfunk {
	font-family: 'Outfit';
  font-weight: 600;
	font-size: 2rem;
	color: white;
	padding: 10px 80px;
	background-color: #084fde;
	border-radius: 10px;
}



/*ANCHOR - meintooltip*/

.txt-anker {
	cursor: help;
	color: #5b8004;
	font-family: 'Outfit';
	font-size: 1.5rem;
	font-weight: 600;
	border-bottom: 1px dotted gray;
}

.txt-anker-s {
	cursor: help;
	line-height: 2em;
	color: #141b2d;
	font-family: 'Outfit';
	font-size: 1.3rem;
	font-weight: 600;
	border-bottom: 1px dotted gray;
}

.tooldiv {
	display: flex;
	flex-direction: row;
	justify-content: center;
	justify-items: center;
	align-items: center;
}

.toolflex {
	display: flex;
	width: 80%;
	row-gap: 20px;
	text-align: left;
}

/*ANCHOR - ende meintooltip*/

.button-download {
	padding: 10px 5px;
	cursor: pointer;
	height: auto;
	width: 50%;
	border: none;
	border-right: 20px solid #1d85d3;
	border-radius: 10px;
	background: whitesmoke;
	color: #141b2d;
	text-align: center;
	font-weight: 400;
	font-family: 'Outfit';
	transition: all 0.6s ;
}

.button-download:hover {
	background: #1d85d3;
	color: whitesmoke;
	border-radius: 40px;
	border-right: 20px solid whitesmoke;
	box-shadow: 4px 4px #9e9d9d;
}

.button-download img {
	vertical-align: middle;
	padding-right: 10px;
}

.buttonbg-weiss {
	background-color: white;
}

li > a:after {
	content: " ";
}

nav li > a:after {
	content: url(../basis/pfeil_u_w_12x12.png);
}

nav li a.buttlinks {
	color: #00ffca;
}

li > a:only-child:after {
	content: "";
}

.li-inhalt, .li-inhalt a {
	/*line-height: 1.5em;*/
	text-align: center;
	font-family: 'Roboto';
	font-size: 1.75rem;
	color: whitesmoke;
	list-style-type: none;
	transition: all 0.5s;
}

.li-inhalt li:hover, .li-inhalt a:hover {
	cursor: pointer;
	color: yellow;
	text-decoration: underline;
	letter-spacing: 0.05em;
	transition: all 0.5s;
}

.container1-funk {
	margin: 0 auto;
	/*padding: 10px;*/
	display: flex;
	width: 100vw;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	row-gap: 10px;
	column-gap: 10px;
	height: auto;
	/*position: sticky;
	top: 0;
	z-index: -1;*/
}

.titeltrenner {
	width: 97%;
	height: 12px;
	border-radius: 50px;
}

/*ANCHOR - background container*/
.bg-container2 {
	background-color: #efefef;
	background-image: url("../grafiken/hardware/data/hg-hardware-data-2.webp");
	background-position: left 0  bottom 0;
	background-repeat: no-repeat;
}

.bg-container2.ani {
	background-position: right 17% top 6%;
	transition: all 3s;
}

.bg-container7 {
	background-color: #e4e1e1;
	background-image: url("../grafiken/hardware/micro/bg-micro.webp");
	background-position: left 1% top 80px;
	background-repeat: no-repeat;
}

.bg-container7.ani {
	background-position: right 17% top 80px;
	transition: all 4s;
}

.container1-innen-funk {
	margin: 0 auto;
	padding: 10px;
	display: flex;
	flex-direction: row;
  justify-content: center;
  /*align-items: center;*/
	flex-wrap: wrap;
	row-gap: 30px;
	column-gap: 10px;
	width: 75%;
}

.txt-funk-ueber {
	line-height: 5.7rem;
	text-align: left;
	font-size: 6rem;
	font-family: 'Oswald';
	font-weight: 400;
}

.txt-funk-ueber-b {
	line-height: 5.5rem;
	text-align: left;
	font-size: 4.5rem;
	font-family: 'Oswald';
	font-weight: 400;
}

.txt-funk-ueber2 {
	font-size: 2.5rem;
	font-family: 'Oswald';
	font-weight: 300;
}

.txt-funk-ueber3 {
	line-height: 4rem;
	text-align: left;
	font-size: 3.5rem;
	font-family: 'Oswald';
	font-weight: 400;
}

/*ANCHOR - liste micro*/

.liste-micro li {
	display: inline;
	font-size: 1.5rem;
	font-family: 'Outfit';
	font-weight: 600;
	color: #141b2d;
	list-style: none;
}

.liste-micro li a {
	color: #141b2d;
	cursor: pointer;
}

.liste-micro li a:hover {
	color: crimson;
	text-decoration: underline;
}

.liste-micro li:after {
	padding-left: 5px;
	content: ", ";
}

/*ANCHOR - ende liste micro*/


.txt-funk-norm-a {
	text-align: left;
	font-size: 1.35rem;
	font-family: 'Outfit';
	font-weight: 300;
	color: #141b2d;
}

.txt-funk-norm-fett {
	text-align: left;
	font-size: 1.5rem;
	font-family: 'Outfit';
	font-weight: 600;
	color: #141b2d;
}

.txt-funk-norm-fett-2 {
	text-align: left;
	font-size: 2.5rem;
	font-family: 'Outfit';
	font-weight: 600;
	color: #141b2d;
}

.txt-technik-norm-fett {
	text-align: left;
	font-size: 4rem;
	font-family: 'Outfit';
	font-weight: 400;
	color: white;
}

.txt-technik-norm-fett-2 {
	font-size: 1.75rem;
	font-family: 'Outfit';
	font-weight: 400;
	color: white;
}

.txt-technik-norm-fett-2a {
	font-size: 1.35rem;
	font-family: 'Outfit';
	font-weight: 400;
	color: white;
}

.txt-technik-norm-fett-2a a {
	font-weight: 600;
	text-decoration: underline;
	color: white;
}


.txt-funk-norm-fett2 {
	text-align: center;
	padding: 30px;
	font-size: 2rem;
	font-family: 'Outfit';
	font-weight: 600;
	color: brown;
}

.txt-funk-norm a {
	font-weight: 600;
}

.txt-funk-norm img {
	vertical-align: middle;
	/*padding-left: 45%;*/
}

/*ANCHOR - dipol2*/
.dipol2 {
	align-items: center;
	display: flex;
	justify-content: center;
	flex-direction: column;
}


.txt-funk-border-mic {
	border-left: 50px solid #c9fcfb;
	border-radius: 50% 50%;
}

.txt-funk-border-data {
	border-left: 50px solid #24c3fb;
	border-radius: 50% 50%;
}

.txt-bg-funk {
	background: linear-gradient(to right, hsl(200 100% 50%), hsl(77 100% 50%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

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

.txt-funk-text3a {
	color: white;
	font-size: 2.5rem;
	font-family: "Oswald";
	font-weight: 900;
}

.txt-funk-text3a img {
	padding-left: 20px;
	vertical-align: middle;
}



/*ANCHOR - farben */
.colpink {color: #c41187;}
.colgrhell {color: rgb(235, 233, 233);}
.colblack {color: black;}
.coldblau {color: #141b2d;}
.colgruen {color: #738a3c;}
.colblau {color: #5854be;}
.colwhite {color: white;}

.bgcolwhite {background-color: white;}

a:active {
	color: #00b4cd;
}

a:hover {
	color: #00b4cd;
}

a:focus {
	color: #00b4cd;
}


@media screen and (max-width: 600px) {
	
	.txt-funk-text3a {
		text-align: center;
		font-size: 1.5em;
	}
	
	.txt-funk-text3a img {
		padding-left: 30%;
	}
}

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

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

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

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

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

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

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

.txt_funk_text1 {
	top: 0;
	margin: 0 auto;
	letter-spacing: 0.1em;
	/*line-height: 1.3;*/
	text-align: left;
	color: black;
	font-family: "Roboto";
	font-size: 1.2em;
	font-weight: 300;
}

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

.txt_funk_text1 a:hover {
	color: #00ffca;
	text-decoration: underline;
}

/*ANCHOR - skallieren*/
.scalez:hover {
	transform: scale(1.1);
	transition: all 0.5s;
	border-radius: 28px;
	box-shadow: 5px 5px silver;
	opacity: 1;
}

.scalez {
	animation: backInRight;
	animation-duration: 3s;
	transition: all 0.5s ease-in;
}


.txt_funk_text4 {
	padding: 0 40px 0 120px;
	text-align: left;
	letter-spacing: 0.1em;
	color: white;
	font-family: "Roboto";
	font-size: 1.1em;
	font-weight: 400;
}


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

#navfarbe-t {
	color: var(--menue-farbe);
	text-decoration: underline double 2px;
}


/*ANCHOR - media screens*/

@media screen and (max-width: 1440px) {
	.funk-button2, .funk-button3 {
		width: 55%;
	}
	.container1-innen-funk {
		width: 85%;
	}
	.txt-funk-ueber {
		font-size: 5rem;
	}
	.bg-kopf-funk {
		background-position: right 2% top 60%;
	}
}

@media screen and (max-width: 1220px) {
	.txt-funk-ueber {
		font-size: 4.5rem;
	}
	.flex-item-funk-lr {
		flex-basis: 60%;
	}
	.bg-container4 {
		background-image: none;
	}
	
	.bg-kopf-funk {
		background-position: right 2% top 35%;
	}
	
}

@media screen and (max-width: 962px) {
	.funk-button2, .funk-button3 {
		width: 70%;
	}
	.button-download {
		width: 85%;
	}
	figure img {
		width: 140%;
	}
	
}

@media screen and (max-width: 762px) {
	.kopf-innen-funk {
		width: 95%;
	}
	.bg-kopf-funk {
		background-image: url("../grafiken/funk/bg-kopf2.webp");
		background-position: right 2% top 0;
	}
	.funk-button {
		width: 100%;
	}
	.funk-button2, .funk-button3 {
		width: 75%;
	}
	.container1-innen-funk {
		width: 95%;
	}
	.txt-funk-ueber {
		font-size: 4rem;
	}
	.txt-funk-ueber2 {
		font-size: 2rem;
	}

}

@media screen and (max-width: 660px) {
	.txt-funk-ueber3 {
		font-size: 2.5rem;
	}
	.txt-funk-norm-fett-2 {
		font-size: 2rem;
		font-weight: 600;
	}
}

@media screen and (max-width: 648px) {
	.bg-container7 {
		background-position: right 0 top 10px;
	}
	.posfuell {
		height: 150px;
	}
	.text-fuell {
		font-size: 6rem;
	}
	.text-kopf-funk2 {
		margin-top: 40px;
	}
	.txt-kopf-funk2 {
		font-size: 2.5rem;
	}
	.txt-funk-button {
		font-size: 1.35rem;
	}
	.bg-container7, .bg-container3, .bg-container2 {
		background-image: none;
	}
	.container1-innen-funk {
		width: 100%;
	}
	.funk-button2, .funk-button3 {
		width: 85%;
	}
	.nachoben280 {
		margin-top: -280px;
	}
	.txt_funk_text3 {
		font-size: 1.5em;
	}
	.flex-item3-funk {
		max-width: 100%;
		padding: 10px;
	}
	.txt_funk_text1 {
		font-size: 1em;
	}
	.txt_afuaus_text1 {
		font-size: 1.5em;
	}
	.txt_afuaus_text2,
	.txt_afuaus_text3 {
		padding-left: 0;
		font-size: 1em;
		font-weight: 400;
		text-align: left;
		padding: auto;
		font-family: "Roboto";
	}
	
	.txt_funk_text4 {
		padding: 10px;
		font-size: 1em;
	}
	.flex-item3-funk ul li a {
		text-align: left;
		letter-spacing: 0.1em;
		font-size: 1.3em;
	}
	.txt-funk-norm {
		font-size: 1.2rem;
	}
}


@media screen and (max-width: 560px) {
	.txt-funk-norm-fett, .txt-funk-norm {
		font-size: 1.3rem;
	}
	.txt-funk-norm-fett-2 {
		font-size: 1.5rem;
		font-weight: 400;
	}
	
}

@media screen and (max-width: 500px) {
	.txt-funk-ueber {
		font-size: 3.5rem;
		line-height: 3rem;
	}
	.text-fuell {
		font-size: 4.5rem;
	}
	.text-kopf-funk2 {
		margin-top: 0px;
	}
	.txt-technik-norm-fett {
		font-size: 3.5rem;
	}
	q {
		quotes: "\201D";
		font-size: 1.65rem;
		font-weight: 400;
	}
	.liste-micro li {
		display: block;
	}
	
}

@media screen and (max-width: 468px) {
	.txt-funk-norm-fett, .txt-funk-norm {
		padding-left: 15px;
		width: 95%;
		font-size: 1.1rem;
	}
	.txt-funk-ueber3 {
		font-size: 2rem;
	}
}

@media screen and (max-width: 426px) {
	.text-fuell {
		font-size: 3.5rem;
	}
	.txt-technik-norm-fett {
		font-size: 2.5rem;
	}
	.txt-funk-norm-fett-2 {
		font-size: 1.25rem;
	}
	
}