@charset "utf-8";

@page {
margin: 20mm 15mm 20mm 22mm; /* verfügbare Breite: 17,3 cm */
}
@page:first {}

* {	/*
	Hintergrund drucken, erf. für Checkboxen und Radiobuttons
	https://stackoverflow.com/questions/6670151/how-can-i-force-browsers-to-print-background-images-in-css
	*/
	-webkit-print-color-adjust: exact !important;   /* Chrome, Safari 6 – 15.3, Edge */
	color-adjust: exact !important;                 /* Firefox 48 – 96 */
	print-color-adjust: exact !important;           /* Firefox 97+, Safari 15.4+ */
}


/* ::::::::::::::::::::::::: Formate ::::::::::::::::::::::::: */
.preload { display: none; }

.prnv { display: none; }	/* Teile, die nicht gedruckt werden. */
.prtx{}						/* 'Nicht für den Druck vorgesehen.' */

p, li, td, a, label {
font-family: 'latoregular';
font-size: 10pt;
line-height: 13pt;
}

.small {
font-size: 8pt;
color: #999999;
}

p {
padding: 0;
margin: 0 0 5pt 0;
}

h1 { /* Seitentitel */
padding: 0;
margin: 0;
font-family: 'latoregular';
font-size: 19pt;
line-height: 22pt; /* normal zu groß */
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2pt;
word-spacing: 3pt;
}

h2 {
padding: 0;
margin: 0 0 3pt 0;
font-family: 'latoregular';
font-size: 11pt;
line-height: 14pt;
text-transform: uppercase;
letter-spacing: 1pt;
word-spacing: 2pt;
break-after: avoid;
}

h3 { /* Module */
padding: 0;
margin: 0;
font-family: 'latoregular';
font-size: 11pt;
}

.titlebox {
padding: 3mm 3mm 3mm 4mm;
margin-bottom: 5mm;
border: 0.5mm solid #999999;
border-radius: 3mm;
}

ul {
padding: 0;
margin: 0;
}
ul li {
padding-left: 2pt;
margin: 0 0 2pt 12mm;
}

.hyph    { hyphens: auto; }
.hyphnon { hyphens: none; }

.dnl { margin-bottom:  0   !important; } /* verwendet */
.dsm { margin-bottom:  1mm !important; }
.dnm { margin-bottom:  2mm !important; }
.dbg { margin-bottom:  4mm !important; } /* verwendet */
.dgr { margin-bottom:  6mm !important; } /* verwendet */
.dmx { margin-bottom: 12mm !important; } /* verwendet */

.spc2 { letter-spacing: 1pt; }

a {
color: #000000;
text-decoration: underline;
}

a.int {
display: inline-block;
padding-left: 2.3mm;
color: #000000;
text-decoration: none;
background-image: url(../images/pic_int.svg);
background-repeat: no-repeat;
background-position: 0 center;
}

.cta-button { /* Call to Action */
display: block;
width: 80mm;
padding: 5pt;
border: 0.5mm solid #999999;
border-radius: 3mm;
font-weight: bold;
text-decoration: none;
text-align: center;
}

a.em { /* EM-Symbol */
display: block;
text-decoration: none; /* sonst wird Leerzeichen unterstrichen */
width: 6mm;		/* 18px */
height: 3.67mm;	/* 11px */
background-image: url(../images/pic_em.svg);
background-size: 6mm 3.67mm;
background-repeat: no-repeat;
background-position: center;
}

.pgnav { display: none; }

table {
border-spacing: 0;
border-collapse: collapse;
border-width: 0;
}
td {
padding: 0;
border-width: 0;
}

img {
display: block; /* sonst Abstand unten, ist kein margin oder padding */
height: auto;
}

.flexitem { /* simulierte Tablle, wird bei kleinen Screens zur Liste */
display: flex;
margin-bottom: 3.5mm;
}
.flexitem div:first-of-type { /* linke Spalte */
min-width: 35mm;
max-width: 35mm;
hyphens: none;
}
.flexitem p {
margin-bottom: 3pt;
}
.flexitem p:last-of-type {
margin-bottom: 0;
}

.iboxKlm { /* ergänzender Text in eckigen Klammern */
display: inline-block;
padding: 3.5pt 10pt;
margin-left: 12mm;
background-image: url(../images/pic_Klammer_links.svg), url(../images/pic_Klammer_rechts.svg);
background-position-x: left, right;
background-position-y: 0;
background-repeat: no-repeat;
background-size: contain;
}
.iboxKlm h3 {
margin-bottom: 1pt;
}
.iboxKlm a {
text-decoration: none;
}


/* ::::::::::::::::::::::::: header :::::::::::::::::::::::::: */
header {}
#header_title_1 {
margin-bottom: 4mm;
}
#header_title_2 { display: none; }


nav { display: none; }
#nav_sm { display: none; }
#pic_nav_sm { display: none; }


/* ::::::::::: main (alles zw. header und footer) :::::::::::: */

/* ...................... main > #left ....................... */
#left img {
height: 40mm;
margin-bottom: 5mm;
margin: 0 0 5mm 7mm;
}

#left .gallery { display: none; }

/* ...................... main > aricle ...................... */


/* ::::::::::::::::::::::::: footer :::::::::::::::::::::::::: */
footer { display: none; }


/* :::::::::::::::::::::::::: Seiten ::::::::::::::::::::::::: */
/* .................... KIVEER.php (home) .................... */
#home h1 {
text-transform: none;
letter-spacing: 1pt;
}

#LogoInl { display: none; }

#ProjFoerd_EU { /* identisch für Impressum.php */
display: table;
margin-bottom: 4mm;
}
#ProjFoerd_EU_Bild { /* Flagge EU */
display: table-cell;
width: 31mm;
}
#ProjFoerd_EU_Bild img {
width: 26mm;
}
#ProjFoerd_EU_Text { /* Kofinanziert ... */
display: table-cell;
vertical-align: middle;
}
#ProjFoerd_EU_Text p {
font-family: Arial, Helvetica, sans-serif; /* important gegen .flexitem (small) */
font-size: 16pt;
line-height: 19pt;
font-weight: bold;
letter-spacing: normal;
color: #003399;
white-space: nowrap;
}

#ProjFoerd_Sachsen {
display: table;
}
#ProjFoerd_Sachsen_Bild { /* Wappen Sachsen */
display: table-cell;
width: 31mm;
}
#ProjFoerd_Sachsen_Bild img {
width: 17mm;
margin-left: 4.5mm;
}
#ProjFoerd_Sachsen_Text { /* Diese Maßnahme ... */
display: table-cell;
vertical-align: middle;
}
#ProjFoerd_Sachsen_Text p {
font-family: 'rotis_sans_serif_stdregular';
font-size: 12pt;
line-height: 14pt;
white-space: nowrap;
}

/* ....................... KIVEER01.php ...................... */
main#kiveer01 #left { display: none; }

main#kiveer01 .titlebox {
margin-bottom: 7mm;
}

#modul_nav { display: none; }

.modul {
padding: 3mm 3mm 3mm 4mm;
margin-bottom: 5mm;
border: 0.5mm solid #999999;
border-radius: 3mm;
break-inside: avoid;
}
#mod_K1_M10 { /* letztes Modul */
margin-bottom: 7mm;
}
.modul_titel {
margin-bottom: 1mm;
}
.modul_titel td:first-of-type {			/* td Icon */
width: 70mm;
}
.modul_titel td:first-of-type img {
width: 30mm;
}
.modul_titel table td:first-of-type {	/* Spalte Freitag/Samstag */
width: auto;
padding-right: 0.5mm;
}
.modul_titel_small { display: none; }

.modul_inhalt {
margin-left: 6.5mm;
}
.modul_inhalt p {
margin-bottom: 3pt;
line-height: normal;
}

#VAOrt {
display: flex;
align-items: stretch; /* gleiche Höhe */
column-gap: 6mm;
margin-bottom: 7mm;
}
#VAOrt_Adr_small { display: block; }
#VAOrt_Adr_basic { display: none; }

/* ..................... KIVEER01_Anm.php .................... */
main#kiveer01_anm #left { display: none; }

/* ......................... Team.php ........................ */
main#team #left { display: none; }

#team_Container {
width: 120mm;
}

#teamGrpImg {
margin-bottom: 8mm;
}
#teamGrpImg img {
width: 100%;
border: 0.5mm solid #999999;
}

#teamFlex { /* #teamTxt + #teamLtrImg */
display: flex;
justify-content: space-between;
}
#teamTxt p:first-of-type {
margin-top: -2mm;
}
#teamLtrImg img {
border: 0.5mm solid #999999;
}

#team #trenner {
margin: 6.6mm 0 3.7mm 0;
border-bottom: 0.5mm solid #999999;
}

/* ....................... Kontakt.php ....................... */
main#kontakt #left { display: none; }

#kont_daten {
display: table;
}
#kont_daten div:first-of-type {
display: table-cell;
width: 70mm;
vertical-align: bottom;
}
#kont_daten div:last-of-type {
display: table-cell;
vertical-align: bottom;
}
#kont_daten div:last-of-type img {
width: 50mm;
}

#kont_daten div:first-of-type table tr:first-of-type td {	/* 1. Zeile */
padding-bottom: 1mm;
}
#kont_daten div:first-of-type table td:first-of-type {		/* 1. Spalte */
padding-right: 4mm;
}

#kontakt #trenner {
margin: 6.6mm 0 3.7mm 0;
border-bottom: 0.5mm solid #999999;
}

/* ....................... Infothek.php ...................... */
main#infth #left { display: none; }

a.InfothItem {
display: block;
padding: 2mm 4mm;
border: 0.5mm solid #999999;
border-radius: 3mm;
text-decoration: none;
}

/* ...................... Impressum.php ...................... */
main#impr #left { display: none; }

#impr #trenner1 {
margin: 4.8mm 0 6.1mm 0;
border-bottom: 0.5mm solid #999999;
}
#impr #trenner2 {
margin: 4.8mm 0 4.8mm 0;
border-bottom: 0.5mm solid #999999;
}

/* ..................... Datenschutz.php ..................... */
main#ds #left { display: none; }

/* .......................... Fehler ......................... */
.errcolor {
color: #CC0000;
}

#fehlerContainer {
position: relative;
}
img#fehlerContainerHG {
max-width: 160mm;
}

#fehlerBox {
position: absolute;
right: 22mm;
bottom: 0;
padding-top: 5mm;
background-color: rgba(255, 255, 255, 0.9);
}
#fehlerBox img { /* Logo */
width: 32mm;
margin-left: 4mm;
}
#fehlerTxt1 {
margin: 4mm 4mm 4mm 10.8mm;
}
#fehlerTxt2 {
margin: 0 0 5mm 4mm;
}


/* :::::::::::::::::::::::: Formulare :::::::::::::::::::::::: */
.form_container { /* umschließt Titel, Hinweise, Fehler, Formular */
break-inside: avoid;
}

form {
margin: 0;
padding: 0;
}

.req { /* reqired, Asterisk im Label */
color: #999999;
line-height: 0;
}

form td, form label, form p {
font-family: 'latoregular';
font-size: 9pt; /* sonst 10pt */
line-height: normal;
}

input[type=text], input[type=password], input[type=date], input[type=number] {
height: 10pt;
padding: 0 1pt 1pt 2pt;
border: 0.4mm solid #999999;
font-family: 'roboto_condensedregular';
font-size: 9pt;
line-height: normal;
}

select {
padding: 0 0 0 2pt; /* Keine Höhe festlegen! */
border: 0.4mm solid #999999;
background-color: transparent; /* erf., sonst grau */
font-family: 'roboto_condensedregular';
font-size: 9pt;
}
select option {
font-family: 'roboto_condensedregular', Arial, Helvetica, sans-serif; /* Bug in Firefox, https://stackoverflow.com/questions/39884774/css-font-family-support-dropped-for-select-in-firefox */
font-size: 9pt;
}

input[type=submit], input[type=button], button {
display: none;
}

input[type=radio] { display: none; }
input[type=radio] + label { /* pic + label */
display: block;
background-image: url(../images/pic_radio.svg);
background-repeat: no-repeat;
background-size: 3mm 3mm;
}
input[type=radio]:checked + label { background-image: url(../images/pic_radio_ch.svg); }

input[type=checkbox] { display: none; } /* http://emelpe.de/css3-checkboxen-stylen/ */
input[type=checkbox] + label {
display: block;
background-image: url(../images/pic_chk.svg);
background-repeat: no-repeat;
background-size: 3mm 3mm;
}
input[type=checkbox]:checked + label { background-image: url(../images/pic_chk_ch.svg); }

input:disabled, input:disabled+label {
opacity: 0.4; /* wie .inaktiv */
}
.inaktiv { opacity: 0.4; } /* wie :disabled */

textarea {
padding: 0 1pt 1pt 2pt;
border: 0.4mm solid #999999;
font-family: 'roboto_condensedregular';
font-size: 9pt;
line-height: 0.95;
}

.ErrArea {
margin-bottom: 2mm;
}
.ErrArea dl {
padding: 0;
margin: 0;
font-family: 'roboto_condensedregular';
font-size: 9pt;
color: #666666;
}
.ErrArea dt {			/* Bezeichnung Fehler */
padding: 0;
margin: 0;
float: left;
}
.ErrArea dd {			/* Fehlertext, margin-left unterschiedlich */
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
}
.ErrArea dd .signs {	/* Fehlertext, erlaubte Zeichen */
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.ErrArea dd:after {
content: '';
clear: left;
visibility: hidden;
}

/* .................... Kontakt_Form.inc ..................... */
form#KontFrm {}
/* Nachname, Vorname */
#KontFrm_Name td { border-bottom: 0.5mm solid transparent; }
#KontFrm_Name td:nth-of-type(1) { width: 23mm; }	   		/* Label */
#KontFrm_Name td:nth-of-type(2) input { width: 74mm; }		/* Input */
/* Einrichtung */
table#KontFrm_Einr { margin-bottom: 0.5mm; }
#KontFrm_Einr td:nth-of-type(1) {width: 23mm; }
#KontFrm_Einr td:nth-of-type(2) input { width: 74mm; }
/* Straße */
table#KontFrm_Str { margin-bottom: 0.5mm; }
#KontFrm_Str td:nth-of-type(1) { width: 23mm; }
#KontFrm_Str td:nth-of-type(2) input { width: 74mm; }
/* PLZ, Ort */
table#KontFrm_PLZOrt { margin-bottom: 0.5mm; }
#KontFrm_PLZOrt td:nth-of-type(1) { width: 10mm; }			/* 'PLZ' */
#KontFrm_PLZOrt td:nth-of-type(2) { width: 13mm; }			/* 'Ort' */
#KontFrm_PLZOrt td:nth-of-type(3) { width: 16.5mm; }		/* td input PLZ */
#KontFrm_PLZOrt td:nth-of-type(3) input { width:  14mm; }	/* input PLZ */
#KontFrm_PLZOrt td:nth-of-type(4) input { width: 57.5mm; }	/* input Ort */
/* E-Mail, Telefon */
#KontFrm_EmlTel td { border-bottom: 0.5mm solid transparent; }
#KontFrm_EmlTel td:nth-of-type(1) { width: 23mm; }
#KontFrm_EmlTel td:nth-of-type(2) input { width: 74mm; }
/* Nachricht */
table#KontFrm_Nch { margin-bottom: 1.5mm }
#KontFrm_Nch td:nth-of-type(1) { width: 23mm; vertical-align: top; }
#KontFrm_Nch td:nth-of-type(2) textarea { width: 74mm; }
/* Einverständnis Werbung, DS-Erklärung */
#KontFrm_DsCc td { padding-bottom: 1mm; }
#KontFrm_DsCc label { width: 98.5mm; background-position: right 0.5mm; }
/* Submit */
div#KontFrm_Sbm {
display: none;
}
/* ErrArea */
#ErrArea_KontFrm.ErrArea dd { margin-left: 23mm; }

/* ............. Info-VA (alle Info-VA identisch) ............ */
form#InfVA {
margin-bottom: 6mm;
}
/* Radiobuttons Termine */
table#InfVA_Termin { margin-bottom: 2mm; }
#InfVA_Termin td { padding: 0.2mm 0; }
#InfVA_Termin td:nth-of-type(1) { width: 23.5mm; }						/* 'Termin' */
#InfVA_Termin td:nth-of-type(2) { width: 25mm; }						/* 'Donnerstag,' */
#InfVA_Termin label { width: 50mm; background-position: right 0.5mm; }	/* '25.09.2025,  19:30 Uhr' + Radiobutton */
/* Nachname, Vorname */
#InfVA_Name td { border-bottom: 0.5mm solid transparent; }
#InfVA_Name td:nth-of-type(1) { width: 23mm; }			   				/* Label */
#InfVA_Name td:nth-of-type(2) input { width: 74mm; }					/* Input */
/* Einrichtung */
table#InfVA_Einr { margin-bottom: 0.5mm; }
#InfVA_Einr td:nth-of-type(1) { width: 23mm; }
#InfVA_Einr td:nth-of-type(2) input { width: 74mm; }
/* Straße */
table#InfVA_Strasse { margin-bottom: 0.5mm; }
#InfVA_Strasse td:nth-of-type(1) { width: 23mm; }
#InfVA_Strasse td:nth-of-type(2) input { width: 74mm; }
/* PLZ, Ort */
table#InfVA_PLZOrt { margin-bottom: 0.5mm; }
#InfVA_PLZOrt td:nth-of-type(1) { width: 10mm; }						/* 'PLZ' */
#InfVA_PLZOrt td:nth-of-type(2) { width: 13mm; }						/* 'Ort' */
#InfVA_PLZOrt td:nth-of-type(3) { width: 16.5mm; }						/* td input PLZ */
#InfVA_PLZOrt td:nth-of-type(3) input { width: 14mm; }					/* input PLZ */
#InfVA_PLZOrt td:nth-of-type(4) input { width: 57.5mm; }				/* input Ort */
/* E-Mail, Telefon */
#InfVA_EMTel td { border-bottom: 0.5mm solid transparent; }
#InfVA_EMTel td:nth-of-type(1) { width: 23mm; }
#InfVA_EMTel td:nth-of-type(2) input { width: 74mm; }
/* Nachricht */
table#InfVA_Nachr { margin-bottom: 1.5mm; }
#InfVA_Nachr td:nth-of-type(1) { width: 23mm; vertical-align: top; }
#InfVA_Nachr td:nth-of-type(2) textarea { width: 74mm; }
/* Einverständnis Werbung, DS-Erklärung */
#InfVA_DSW tr:nth-of-type(1) td { padding-bottom: 1mm; }
#InfVA_DSW tr:nth-of-type(1) label { width: 98.5mm; background-position: right 3.5mm; }
#InfVA_DSW tr:nth-of-type(2) label { width: 98.5mm; background-position: right 0.5mm; }
/* Submit */
div#InfVA_Subm {
display: none;
}
/* ErrArea */
#ErrArea_InfVA.ErrArea dd { margin-left: 23mm; }

/* .................. KIVEER01_AnmForm.inc ................... */
form#Kiv01Anm {}
/* Anrede, Nachname, Vorname, akad. Grad */
#Kiv01Anm_Name td { border-bottom: 0.5mm solid transparent; }
#Kiv01Anm_Name td:nth-of-type(1) { min-width: 26mm; }					/* Label */
#Kiv01Anm_Name td:nth-of-type(2) select { width: 20mm !important; }		/* Select */
#Kiv01Anm_Name td:nth-of-type(2) input { width: 74mm; }					/* Input */
#Kiv01Anm_Name #Anr { width: 35mm; }
/* Beruf */
#Kiv01Anm_Brf td { border-bottom: 0.5mm solid transparent; }
#Kiv01Anm_Brf td:nth-of-type(1) { width: 26mm; }
#Kiv01Anm_Brf td:nth-of-type(2) input { width: 74mm; }
/* Einrichtung */
#Kiv01Anm_Einr td { border-bottom: 0.5mm solid transparent; }
#Kiv01Anm_Einr td:nth-of-type(1) { width: 26mm; }
#Kiv01Anm_Einr td:nth-of-type(2) input { width: 74mm; }
/* Straße */
#Kiv01Anm_Str td { border-bottom: 0.5mm solid transparent; }
#Kiv01Anm_Str td:nth-of-type(1) { width: 26mm; }
#Kiv01Anm_Str td:nth-of-type(2) input { width: 74mm; }
/* PLZ, Ort */
#Kiv01Anm_PLZOrt td { border-bottom: 0.5mm solid transparent; }
#Kiv01Anm_PLZOrt td:nth-of-type(1) { width: 10mm; }						/* 'PLZ' */
#Kiv01Anm_PLZOrt td:nth-of-type(2) { width: 16mm; }						/* 'Ort' */
#Kiv01Anm_PLZOrt td:nth-of-type(3) { width: 16.5mm; }					/* td input PLZ */
#Kiv01Anm_PLZOrt td:nth-of-type(3) input { width: 14mm; }				/* input PLZ */
#Kiv01Anm_PLZOrt td:nth-of-type(4) input { width: 57.5mm; }				/* input Ort */
/* E-Mail, Telefon */
#Kiv01Anm_EMTel td { border-bottom: 0.5mm solid transparent; }
#Kiv01Anm_EMTel td:nth-of-type(1) { width: 26mm; }
#Kiv01Anm_EMTel td:nth-of-type(2) input { width: 74mm; }
/* Informationsquelle */
#Kiv01Anm_InfQ { margin-bottom: 2mm; }
#Kiv01Anm_InfQ td { vertical-align: bottom; }
#Kiv01Anm_InfQ td:nth-of-type(1) { min-width: 45.5mm; }												/* Wodurch sind Sie ... */
#Kiv01Anm_InfQ td:nth-of-type(2) table tr:nth-of-type(1) td { border-bottom: 0.5mm solid transparent; }
#Kiv01Anm_InfQ td:nth-of-type(2) table td:nth-of-type(1) { min-width: 18mm; padding-right: 13mm; }	/* Flyer, Mailing */
#Kiv01Anm_InfQ td:nth-of-type(2) table td:nth-of-type(2) { min-width: 25mm; }						/* Web-Suche, Empfehlung */
#Kiv01Anm_InfQ label { background-position: right 0.5mm; }
/* Nachricht */
#Kiv01Anm_Nch { margin-bottom: 2mm; }
#Kiv01Anm_Nch td:nth-of-type(1) { min-width: 26mm; vertical-align: top; }
#Kiv01Anm_Nch td:nth-of-type(2) textarea { width: 74mm; }
/* DS-Erklärung */
label[for=Kiv01Anm_DS] { width: 101.5mm; background-position: right 0.5mm; }
/* Submit */
div#Kiv01Anm_Sbm { display: none; }
/* ErrArea */
#ErrArea_Kiv01Anm.ErrArea dd { margin-left: 26mm; }