/*Neue Standards*/
/*/*Responsive Schrift */
html { font-size: 62.5%; }
body { font-size: 1.2rem; }
.c-heading > h1 { font-size: 2.9rem; color: #0080C8; font-weight: 600; }
/*/*Main Element für neue Datenblätter */
main { display: block; width: auto; border-radius: 5px; border-top-left-radius: 0; padding: 1.5rem 1.5rem 0 1.5rem; background-color: #FFF; }
/*/*Article Formatierung*/
article { padding: 0; border: none; background: none; }
/* article > header h1 { font-size: 2.8rem; font-weight: 600; color: #0080C8; }
article > header h2 { font-size: 1.6rem; margin-bottom: 0.8rem; }
article > header p { font-size: 1.2rem; line-height: 1.6; margin: 0; border: solid transparent; } */
/*/*Wenn es keine Navigation gibt soll der Randabstand größer sein */
#c-wrapper > article { padding: 1.5rem 8rem 0 8rem; border-radius: 0; }
/*/*Vertikale Linien auf volle Breite setzen, wenn es keine Navigation gibt */
#c-wrapper > article hr { margin-right: -8rem; margin-left: -8rem; }
/*/*Anpassung der Laufweite der "Nach oben"-Leiste wenn keine Navigation vorhanden ist */
#c-wrapper > article #c-totop { margin-left: -8rem; }
/*/*Anpassung der Laufweite der "Nach oben"-Leiste wenn eine Navigation vorhanden ist */
.t-order > #c-totop {margin: 0;}
main > article > #c-totop { margin-left: -1.5rem; margin-right: -1.5rem; }
a#c-totop { display: block; margin: 0 -1.5rem 0 -1.5rem; padding: 1rem; background-color: white; text-align: right; opacity: 0.9; cursor: pointer; }
a#c-totop:hover { background-color: #C8C8C8; }
a#c-totop.scroll { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 10; margin-top: 0; border-radius: 0; background-color: #eeeeee;}
/*/*KEINE FUNKTION?????*/
article .c-outerindent { margin-right: -1.5rem; margin-left: -1.5rem; }
#c-wrapper > article .c-outerindent { margin-right: -8rem; margin-left: -8rem; }
.c-innerindent { margin: 0 1rem 0 1rem; }
/*/*MUSS IRGENDWANN WEG*/
.c-intro h1 { margin-bottom: 0.2rem; font-size: 2.8em; font-weight: 600; color: #0080C8; }
.c-intro h2 { margin-bottom: 0.2rem; font-size: 1.8em; font-weight: 600; }
header h2 { font-size: 1.8rem; font-weight: 600; }
article header strong { display: block; margin-top: 0.5rem; }
article header { margin-bottom: 2.5rem; }
section.c-category h3,
section.c-category form h3 { font-size: 1.6rem; color: #0080c8; font-weight: 600; }
/*/*Standard Figure */
figure > img { margin: 5px 0; }
figcaption { text-align: center; }
/*/*Figure mit Rahmen und grauer Caption */
figure.t-card { border: 1px solid #DDD; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }
figure.t-card > * { padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
figure.t-card figcaption { display: inline-block; width: 100%; background-color: #DDD; text-align: left; }
/*/*Themes*/
.t-landing { padding: 1rem 5rem 0 5rem; border-radius: 0; background-color: white;}
.t-order { background-color: white; }
.t-teaser { margin-top: 3.2rem; margin-bottom: 3.2rem; }
.t-landing hr { margin: 0 -8rem 3.2rem; }
#c-wrapper > article .c-fullwidth { margin-right: -8rem; margin-left: -8rem; }
article .c-fullwidth { margin-right: -1.5rem; margin-left: -1.5rem; }
@media only screen and ( max-width: 675px )
	{ /* Das article-Element bekommt im Mobillayout weniger Rand */
	#c-wrapper > article { padding-right: 1.5rem; padding-left: 1.5rem; }
    #c-wrapper > article hr { margin-right: -1.5rem; margin-left: -1.5rem; }
    #c-wrapper > article #c-totop { margin-left: -1.5rem; }
    #c-wrapper > article .c-fullwidth { margin-right: -1.5rem; margin-left: -1.5rem; }
	.t-order hr { margin-left: 0; margin-right: 0;}
	}
/*#################*/
/*LISTEN*/
/*/*Horizontale Liste */
.c-collist { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; }
/*/*Vertikale Liste */
.c-rowlist { display: flex; flex-direction: column; gap: 1rem; }
/*/*Items für Liste */
.c-collist > li h1,
.c-collist > li h2,
.c-collist > li h3,
.c-collist > li h4,
.c-collist > li h5 { text-align: center; margin: 0.6rem 0 1.2rem 0; }
.c-collist > li { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0 auto; padding: 1.6rem; text-align: center; }
.c-collist[data-cols="2"] > li { width: 45%; }
.c-collist[data-cols="3"] > li { width: 30%; }
@media only screen and ( max-width: 800px )
	{ /* 3-spaltige Layouts werden auf kleineren Bildschirmen 2-spaltig */
		.c-collist[data-cols="3"] > li { width: 45%; }
	}
@media only screen and ( max-width: 675px )
	{ /* Horizontale Liste wird in Mobilversion nur noch 1-spaltig */
    .c-collist > li,
    .c-collist.t-tiles { display: block; }
		.c-collist > li,
		.c-collist[data-cols="2"] > li,
		.c-collist[data-cols="3"] > li { width: auto; }
    .c-collist.t-tiles > li { margin-bottom: 1.2rem; }
	}
/*Unspezifische Themes*/
/*/*Liste mit System-Icons*/
.c-collist.t-systems { width: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; border: solid 1px #B2B2B2; border-top: none; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: -15px; }
.c-collist.t-systems  li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; height: 2.6rem; width: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; border-right: solid 1px #B2B2B2; }
.c-collist.t-systems  li:last-child { border: none; }
.c-collist.t-systems  img { height: 24px; width: 24px; margin-right: 0.5rem; }
.c-collist.t-systems  a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; color: black; margin: 0; }
.c-collist.t-systems  a.t-link { background-color: #E5E5E5; }
.c-collist.t-systems  a.t-link p { text-decoration: none; }
.c-collist.t-systems  a.t-download { background-color: #0080C8; }
.c-collist.t-systems  a.t-download p { color: white; text-decoration: none; }
.t-sdatasheet { flex-wrap: nowrap; }
/*.t-sdatasheet*//* .c-description { margin-top: 1rem; }*/
/*.t-sdatasheet*/ .c-description p { text-align: justify; }
/*/*Kachel-Optik */
.c-collist.t-tiles { padding: 0.8rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #C8C8C8; }
.c-collist.t-tiles > li { margin: 0.8rem; border-radius: 5px; padding: 0.8rem 0.8rem 3.2rem 0.8rem; background-color: #FFF; }
.c-collist.t-tiles > li .c-articlenr { text-align: left; font-size: 8pt; color: #999; }
.c-collist.t-tiles > li h3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 1rem 0; text-align: left; font-size: 1.3rem; font-weight: 600; color: #0080C8; }
.c-collist.t-tiles > li h4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 1rem 0; text-align: left; font-size: 1.2rem; font-weight: 400; color: #0080C8; }
.c-collist.t-tiles > li p { font-size: 1.2rem; }
/*/*Bestell-Button am Ende eines Listitems*/
.c-collist.t-tiles > li .c-selected { background-color: #0080C8; color: white;}
.c-collist.t-tiles > li .c-selected,
.c-collist.t-tiles > li button[name^="Order"],
.c-collist.t-tiles > li button[name^="Sample"] { position: absolute; left: 0; bottom: 0; width: 100%; margin: 0; border-radius: 0 0 5px 5px; text-align: center; }
/*/*???*/
.c-collist.t-tecdata > li { text-align: left; }
.c-collist.t-tecdata > li h5 { text-align: left; }
/*Spezifische Themes*/
/*/*Aufteilung für Standard Header*/
.c-collist[data-cols="2"].t-buttonnav { flex-wrap: nowrap; -ms-flex-wrap: nowrap; margin-bottom: 1.5rem; }
.c-collist[data-cols="2"].t-buttonnav > *:nth-child(1) { display: flex; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1;  flex-grow: 1; margin-right: 1rem; }
.c-collist[data-cols="2"].t-buttonnav figure { align-items: center; margin-bottom: 15px; padding: 1.5rem 0 1.5rem 0;  border: solid 1px #B2B2B2; }
.c-collist[data-cols="2"].t-buttonnav figure img, object { max-height: 270px; max-width: 100%; height: auto; border: 0; vertical-align: middle; }
.c-collist[data-cols="2"].t-buttonnav figure.t-software {max-height: 200px;}
.c-collist[data-cols="2"].t-buttonnav figure.t-software img {max-height: inherit;}
.c-collist[data-cols="2"].t-buttonnav aside { width: 160px; }
.c-collist[data-cols="2"].t-buttonnav ul:last-child { margin-bottom: 20px; }
@media only screen and ( max-width: 675px )
	{ /* Untereinander auf kleinen Bildschirmen */
		.c-collist[data-cols="2"].t-buttonnav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
		.c-collist[data-cols="2"].t-buttonnav > figure { border: none; margin-bottom: 1.5rem; }
		.c-collist[data-cols="2"].t-buttonnav > aside { width: 100%; }
	}
/*/*Text und Bild nebeneinander*/
.c-collist[data-cols="2"].t-textimg { align-items: center; justify-content: initial; }
.c-collist[data-cols="2"].t-textimg li { margin: 0; padding: 0; }
.c-collist[data-cols="2"].t-textimg li:nth-child(1) { width: 50%; text-align: left; }
.c-collist[data-cols="2"].t-textimg li:nth-child(2) { width: 50%; }
@media only screen and ( max-width: 675px )
	{ /* Untereinander auf kleinen Bildschirmen */
		.c-collist[data-cols="2"].t-textimg { flex-direction: column; }
		.c-collist[data-cols="2"].t-textimg li:nth-child(1) { width: 100%; }
		.c-collist[data-cols="2"].t-textimg li:nth-child(2) { width: 50%; padding-bottom: 2rem; }
		/* Nebeneinander auf kleinen Bildschirmen */
		.c-collist.t-features li { display: flex; flex-direction: row-reverse; text-align: left; }
		.c-collist.t-features li div.c-linkedarea { display: flex; flex-direction: row-reverse; text-align: left; }
		.c-collist.t-features li h5 { text-align: left; }
		/* Breiter Button für t-textimg */
		button.t-bigbutton { width: 100%; text-align: center; }
		a.t-bigbutton { width: 100%; text-align: center; }
	}
/*/* Aufteilung für virtuelle Visitenkarte */
.c-collist.t-vCard[data-cols="2"] > li:nth-child(1) { width: 75%; }
.c-collist.t-vCard[data-cols="2"] > li:nth-child(2) { width: 25%; }
/*########*/
/*Tabellen*/
/*/*Produktübersicht*/
table.c-products col { width: 19%; }
table.c-products col:nth-child(1) { width: 24%; }
table.c-products th, tr, td { vertical-align: baseline; }
table.c-products caption { font-size: 1.6rem; font-weight: 600; color: #000; }
table.c-products tr { border-width: 0; border-bottom: solid 1px #E5E5E5; }
table.c-products tr:last-child { border-bottom: none; }
table.c-products tr > th { color: #000; }
table.c-products tr > th,
table.c-products tr > td { border: none; background-color: #FFF; }
table.c-products tr:not(:nth-child(1)) td:nth-child(even) { background-color: #F8F8F8; }
table.c-products tr > td img { width: 60px; }
table.c-products tr > td li { margin-bottom: 1.6rem; }
@media only screen and ( max-width: 675px )
	{ /* 1. Spalte in Produktübersichtstabelle entfernen */
    table.c-products.t-crop tr > *:first-child { display: none; }
	}
/*/*Übersicht */
table th, tr, td { vertical-align: baseline; padding: 1rem 0.5rem;}
table caption { font-size: 1.6rem; font-weight: 600; color: #000; }
table tr { border-width: 0; border-bottom: solid 1px #E5E5E5; }
table tr:last-child { border-bottom: none; }
table tr > th { color: #000; }
table tr > th,
table tr > td { border: none; background-color: #FFF; font-size: 1.2rem; }
table td:nth-child(even) { background-color: #F8F8F8; }
table tr > td li { margin-bottom: 0.5rem; }
/*/*Downloadbereich Datenblatt*/
table.c-informations { font-size: 1.2rem; margin-bottom: 0; margin-top: -0.5rem;}
table.c-informations tr, th, td { border: none; }
table.c-informations tr { border: solid 1px #E5E5E5; margin-bottom: 0; border-top: none; }
table.c-informations th { background-color: white; color: black; border-right: solid 1px #E5E5E5; padding: 1rem; }
table.c-informations td { background-color: white; color: black; padding: 1rem; }
/*/*Bildergalerie*/
.c-carousel { display: flex; }
.c-carousel > * { flex-grow: 1; }
.c-carousel button { text-align: center; min-width: 8rem; max-width: 8rem; margin-bottom: 0; border-radius: 0; color: transparent; background-color: transparent; background-image:none; }
.c-carousel button:hover { background-color: #f8f8f8; }
.c-carousel figure { border: solid 1px #e5e5e5; text-align: center; }
.c-carousel figcaption { display: inline-block; text-align: center; width: 100%; }
.c-carousel figcaption p {text-align: justify; margin: 1rem; padding: 0 1.5em 0 1.5em; }
@media only screen and ( max-width: 675px )
	{ /* Untereinander auf kleinen Bildschirmen */
		.c-carousel button { display: none!important;}
		.c-carousel figure { margin: 0 1.5rem 0 1.5rem; }
	}
ol.c-dotnav { text-align: center; margin: 0; margin-top: -2.5rem; list-style-type: none; }
ol.c-dotnav li{ display: inline-block; margin: 0.5rem; height: 28px; }

.c-mashup-image { display: flex; flex-wrap: nowrap; }
.c-mashup-image[data-cols="2"] * { width: 50%; }
.c-mashup-image[data-cols="3"] * { width: 33%; }






.t-software { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; }
.t-software > * { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 48%; min-width: 29rem; }
.t-software .c-linklist { margin-top: 1.5rem;  }
.t-software .c-description { margin-bottom: 0; }
.t-software .c-choice { margin-bottom: 2.5rem; }
@media only screen and ( max-width: 630px )
	{ /* Untereinander auf kleinen Bildschirmen */
		.t-software { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
		.t-software > * { width: 100%; }
		.c-description { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
		.c-download { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
		.c-linklist { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
		.c-choice { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
	}
@media only screen and (max-width: 884px) and (min-width: 676px)
{ 	/* Untereinander auf kleinen Bildschirmen */
		.c-description { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
		.c-download { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
		.c-linklist { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
		.c-choice { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
}


.c-choice { background-color: #f2f2f2; padding: 1rem; border-top: solid 3px #0080c9; border-left: solid 1px #E5E5E5; border-right: solid 1px #E5E5E5; border-bottom: solid 1px #E5E5E5; -webkit-box-sizing: border-box; box-sizing: border-box; }
.c-choice ul.c-collist { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; }
.c-choice li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: solid 1px gray; width: 8rem; height: 8rem; margin: 0 0 0 -1px; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.c-choice li a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.c-choice li:hover { -webkit-filter: none; filter: none; }
.c-choice li.c-active { z-index: 1; border: solid 2px #0080c8; -webkit-filter: none; filter: none; }
.c-choice li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.c-download header { margin-bottom: 0.5rem; }
.c-download header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #0080c8; }
.c-download header > img { margin-left: 2rem; border: solid 1px gray; border-radius: 0.5rem; margin-top: -0.5rem; margin-bottom: -0.5rem; width: 56px; }
.c-download header > span { -ms-flex-item-align: center; align-self: center; margin-bottom: 3px; margin-left: 1rem; color: white; font-size: 2.5rem; }
.c-download header > .t-icon > img { padding: 1rem; width: 28px; height: 28px; background-color: #0069b3; }

.c-choice a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.c-system-linux::before,
.c-system-windows::before { display: block; content: ""; height: 24px; background: no-repeat top center; }
.c-system-linux::before { background-image: url( '/pics/icon/e-wwwww-sy-spww-000.svg#linux' ); }
.c-system-windows::before { background-image: url( '/pics/icon/e-wwwww-sy-spww-000.svg#windows' ); }

.c-newspaper { display: inline-flex; flex-wrap: wrap; gap: 4rem; }
.c-newspaper > * { flex-grow: 1; flex-shrink: 1; flex-basis: calc(50% - 2rem); text-align: justify; min-width: 240px; position: relative; }

.c-newspaper .t-note { display: flex; flex-direction: column; }
.c-newspaper .t-note p:first-of-type  { flex-grow: 1; }
.c-newspaper .t-note .c-note { height: 45px; margin: 0; }

.c-more { display: inline-flex; gap: 1rem; }
.t-landing .c-more h3 { margin-bottom: 0; }
.t-landing .c-more a { background-color: #ffc107; vertical-align: middle; padding: 0 12px; border-radius: 100%; font-size: 2rem; color: white; font-weight: bold; }

ul.c-selection { justify-content: left; margin-top: 1.5rem; }
ul.c-selection li { filter: grayscale(); }
ul.c-selection li.active { filter: none; }

.c-selection button.btn { filter: grayscale(); text-align: center; width: 100%; padding: 1rem 1.6rem; border-bottom: solid 3px #E3E9F1; color: #000; font-size: 1.6rem; cursor: pointer; text-decoration: none; background: none; outline: none; border-radius: 0; min-width: 0; }
.c-selection button.btn.active { filter: none; }



/*########*/
/* Navigation */
/* - Menü für z.B Übersicht */
nav.t-menu { display: flex; justify-content: space-evenly; padding-bottom: 20px; width: 100%; }
nav.t-menu button.btn { flex-shrink: 1; text-align: center; width: 100%; padding: 1rem 1.6rem; border-bottom: solid 3px #E3E9F1; color: #000; font-size: 1.6rem; cursor: pointer; text-decoration: none; background: none; outline: none; border-radius: 0; min-width: 0; }
nav.t-menu button.btn.active { border-bottom: solid 3px #0080c8; transition-property: border-bottom; transition: 1s ease; }
/*/*Tab-Navigation */
.c-tabbar { margin: 0 -0.8rem 10px -0.8rem; }
.c-tabbar ul { display: flex; display: -webkit-box; display: -ms-flexbox; }
.c-tabbar li { flex: 1; -webkit-box-flex: 1; -ms-flex: 1; margin: 0 0.8rem 0.5rem 0.8rem; border-radius: 4px; text-align: center; background-color: #E5E5E5; cursor: pointer; }
.c-tabbar li a { display: block; padding: 0.8rem; margin-bottom: 0; font-size: 0.9em; color: #000; }
.c-tabbar li.active { background-color: #0080C8; }
.c-tabbar li.active a { color: #FFF; }
.c-tabbar.scroll > ul { position: fixed; top: 0; z-index: 2; background-color: #FFF; }
@media only screen and ( max-width: 675px )
	{ /* Untereinander auf kleinen Bildschirmen */
		.c-tabbar ul { flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
	}
/*Formatierung*/
.c-datasheet section { margin-bottom: 50px; }
.c-description { margin-bottom: 1.5rem; }
/*/*Schriften auf Landingpages */
/* .t-landing h1,
.t-landing h2,
.t-landing h3,
.t-landing h4,
.t-landing h5 { margin-bottom: 0.3rem; font-weight: 600; }
.t-landing h1 { font-size: 3.2rem; color: #0080C8; }
.t-landing h2 { font-size: 2.2rem; color: #000; }
.t-landing h3 { font-size: 2rem; color: #0080C8; }
.t-landing h4 { font-size: 1.8rem; color: #000; }
.t-landing h5 { font-size: 1.4rem; color: #000; }
.t-landing a > h4 { font-size: 2rem; color: #0080C8; } */
/*/*Einzug*/
.c-indent figure { border: none; margin-bottom: 4rem; }
.c-indent figure figcaption { background-color: white; text-align: center; color: #0080C8; }
/*/*Text 2 spaltig wie Zeitung*/
.t-columntext { text-align: justify; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 2.5rem; -moz-column-gap: 2.5rem; column-gap: 2.5rem; -webkit-column-width: 100%; -moz-column-width: 100%; column-width: 100%; -moz-text-align-last: left; text-align-last: left; }
@media only screen and ( max-width: 675px )
	{ /* Text wieder lang laufen lassen */
		.t-columntext { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
	}
/*Miscellaneous*/
/*/*Info-Kasten*/
.c-note { display: inline-block; margin: 25px 0px 25px 0; border-radius: 5px; padding: 0.8rem; font-size: 8pt; font-weight: 400; background-color: #FFD700; }
.c-note button { background: none; text-align: center; padding: 0; margin: 0; font-size: 1.1rem; color: black; text-decoration: none; }
.c-note strong { font-size: 1.2rem; color: #0080c8; }
.c-note button strong { text-decoration: underline;}
/*/*Pseudolink */
.c-linkedarea { position: relative; }
.c-linkedarea a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; }
.c-note.c-linkedarea a { top: 3px; font-size: 1.2rem; font-weight: 600; }
/*/*Figure Element mit wechselbaren Bildern*/
.c-figallery ul 	{ display: -webkit-box; display: -ms-flexbox; display: flex; height: 270px; }
.c-figallery ul li	{ display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
/*/*Gallerie für Bildwechsel */
.c-gallery 				{ margin-top: -0.5rem; margin-bottom: 0; font-size: 8pt; font-weight: 400; text-align: center; }
.c-gallery ul 			{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center;-ms-flex-pack: center; justify-content: center; margin-top: -0.2rem; margin-bottom: 1.5rem;}
.c-gallery ul li 		{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: center; text-align: center; overflow: hidden; max-height: 42px; max-width: 42px; margin-right: 8px; margin-bottom: 0; padding: 5px; border: 1px solid #DDD; }
.c-gallery ul li img 	{ display: inline-block; max-height: 100%; max-width: none; }

/*Test-Grid*/
.c-testgrid { display: grid; grid-template-columns: 8rem 1fr 8rem; margin-bottom: 3rem; }
.c-testgrid figure { border: solid 1px #e5e5e5; text-align: center; }
.c-testgrid figcaption { display: inline-block; text-align: center; width: 100%; }
.c-testgrid figcaption p {text-align: justify; margin: 1rem; padding: 0 1.5em 0 1.5em; }
.c-testgrid button {min-width: 8rem; height: 100%; text-align: center; margin-bottom: 0; border-radius: 0; color: transparent; background-color: transparent; background-image: none; }
.c-testgrid button:hover { background-color: #f8f8f8; }

/*/////////////// Multi-Use-Flexbox ////////////////*/
.c-flex-collist { display: flex; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; }
.c-flex-collist * { flex-grow: 1; flex-shrink: 1; box-sizing: border-box; }

/*Suchseite - Oberes Menü*/
.t-search .searchField { display: flex; }
.t-search .searchField input[type=image] { margin-left: 1rem; margin-right: 2rem; }
.t-search .c-optionlist { display: flex; }
.t-search .c-optionlist > *:not(:first-child) { margin-left: 1.5rem; }
.t-search .c-filter { display: flex; align-self: flex-end; }
.t-search section { margin-bottom: 1.5rem;}
.t-search aside { margin-bottom: 1.5rem; }
.searchTerm h1 { font-size: 2.4rem; color: #0080C8; }
.searchType { border-bottom: solid 3px #E3E9F1; }
.searchType nav {  display: flex; padding: 0 1.5rem 0 1.5rem; gap: 1.5rem; position: relative; }
.searchType span { display: flex; width: 100%; gap: 1.5rem; position: relative; }
.searchType span a { padding: 0 0.5rem 0 0.5rem; min-width: 0; position: relative; top: 3px; text-align: center; color: #000; cursor: pointer; text-decoration: none; background: none; outline: none; border-radius: 0; border-bottom: solid 3px #E3E9F1; font-size: 1.3rem; }
.searchType span a:hover { text-decoration: none; }
.searchType span a.active { border-bottom: solid 3px #0080C8; }
.searchType nav > a { min-width: 8.8rem; max-width: 8.8rem; text-align: center; }
.searchField input[type=text] { padding: 1rem; border: 1px solid #DDD; background: #f1f1f1; width: 100%; border-radius: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.advancedSearch select { width: 100%; }
.searchField button[type=submit] { min-width: 8.8rem; max-width: 8.8rem; text-align: center; margin: 0;  padding: 1rem; background: #0080C8; color: white; font-size: 17px; border: 1px solid #DDD; border-left: none; cursor: pointer; border-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.advancedSearch {  min-width: 0; text-align: left; padding: 0!important; margin-right: 2.5rem; overflow: visible; border: none; color: #0080c8; background-color: #FFF; font-size: 1.3rem ; }
.searchField button img { filter: brightness(0) invert(1); margin: 0 1.5rem 0 1.5rem ;}
.searchResults::before, .mediaResults::before { content: ""; display: block; border-top: 3rem solid #FFF; }

/*Webseiten - Suche*/
/* .searchResults { position: relative; } */
.searchResults > div { padding-top: 0.8rem; overflow: hidden; }
.result-content { display: flex; padding-bottom: 1.5rem; }
.result-header { display:flex; position: relative; border-top: solid 3px #0080c8; }
.result-header::after { content: ""; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #0080c8; position: relative; top: -13px; }
.result-header p { margin: 0; padding-left: 1.5rem; padding-right: 3.5rem; position: relative; top: -13px; line-height: 18px; background-color: #0080c8; color: white; font-size: 1.3rem; display: flex; align-items: center; }
.textpreview { flex-grow: 1; padding: 1.5rem; }
.textpreview p { text-align: justify; }
.textpreview h1 { padding-bottom: 0.5rem; font-weight: 500; color: #0080c8; }
/*thumbnails*/
.thumbnails { padding: 1.5rem; display: flex; gap: 0.5rem; }
.thumbnails ul { display: flex; flex-direction: column; gap: 0.5rem; }
.thumbnails ul li { display: flex; align-items: center; padding: 0.2rem; height: 28px; width: 28px; border: 1px solid #DDD; }
.thumbnail-large { width: 168px; padding: 1rem; border: 1px solid #DDD; height: 128px; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.thumbnail-large img { max-height: 128px;  max-width: 168px; object-fit: scale-down; }
/*Graue Linie am Ende*/
section div:last-of-type .result-content { border-bottom: solid 3px #E3E9F1; }

/*Medien - Suche*/
.mediaResultsWrapper ul { 	display: grid; grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)); margin: 1.5rem; grid-gap: 1.5rem;}
.mediaResultsWrapper > div > a { display: flex; width: 100%; height: 130px; align-items: center; justify-content: center; background-color: #f7f7f7; border: solid 1px #e5e5e5; overflow: hidden; }
.mediaResultsWrapper > div img { background-color: white;  border: solid 0.5rem white; box-sizing: border-box; }
.mediaResultsWrapper > div h3 { margin-bottom: 0.2rem; margin-top: 0.2rem; max-height: 40px; overflow: hidden; }
.mediaResultsWrapper div { position: fixed; }
.mediaResultsWrapper .modal * { background-color: white; }

/*Download - Suche*/
.c-downloads h3 { margin-bottom: 1.5rem;}
.c-downloads .downloadFilter { display: flex; flex-wrap: wrap; }
.c-downloads .downloadFilter > div { width: calc(100% / 4); min-width: 15rem; margin-bottom: 1.5rem; }
.c-downloads .c-details { display: flex; flex-wrap: wrap;}
.c-downloads .c-details > div { width: 45%; }
.c-downloads table th,
.c-downloads table td { background-color: white; }
.c-downloads th.check { width: 5%; text-align: center; background-color: #9D9C9C; }
.c-downloads th.name { width: 20%; background-color: #9D9C9C; }
.c-downloads th.category { width: 20%; background-color: #9D9C9C; }
.c-downloads th.release { width: 30%; background-color: #9D9C9C; }
.c-downloads th.action { width: 20%; background-color: #9D9C9C; }
.c-downloads th.expand { width: 5%; text-align: center; background-color: #9D9C9C; }

/*Seitennavigation*/
.pageNavigation { display: flex; align-items: center; justify-content: center; padding: 1.5rem; gap: 1rem; font-size: 1.6rem; font-weight: 500; color: #ddd; }
.pageNavigation li { text-align: center; width: 2.4rem; height: 2.4rem; }
.pageNavigation a {  display: block; width: 2.4rem; height: 2.4rem; color: #727272; }
.pageNavigation a:hover {  text-decoration:  none; }
.pageNavigation li:hover { border-radius: 5px; color: white; background-color: #ddd; opacity: 0.8;   }
.pageNavigation li.active { border-radius: 5px; color: white; background-color: #0080C8;  }
.pageNavigation li.active a { color: white }
/*Vorwärts und Rückwärts*/
.searchResults .previous::after,
.mediaResultsWrapper .previous::after { display: block; position: relative; top: 2px; width: 18px; height: 18px; content: ""; background-image: url(/pics/icon/e-wwwww-sy-spww-000.svg#Arrow); background-repeat: no-repeat; filter: contrast(0.5); transform: rotate(90deg); }
.searchResults .next::after,
.mediaResultsWrapper .next::after { display: block; position: relative; top: 2px; width: 18px; height: 18px; content: ""; background-image: url(/pics/icon/e-wwwww-sy-spww-000.svg#Arrow); background-repeat: no-repeat; filter: contrast(0.5); transform: rotate(-90deg); }
/*Anzahl der Suchergebnisse*/
.paginationInfo { display: flex; justify-content: center; padding-bottom: 1.5rem; color: #727272; }
.paginationInfo select { padding: 0.2rem 0.5rem 0.2rem 0.5rem; color: #727272; }


.media-search {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.media-search-item {
	display: flex;
	flex-direction: row;
}

.c-benefits {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.c-benefits h4 {
	margin-bottom: 0;
    margin-top: 0.5rem;
    margin-left: 0.5rem;
}

.c-benefits img {
	height: 32px;
    width: 32px;
}
.c-benefits img.t-negative {
	transform: scaleX(-1) rotate(180deg);
    margin-bottom: -1.5rem;
}