@CHARSET "UTF-8";
/* CSS Document "/korrekturen.css" */

ul.auflistg {
    list-style-type: circle !important;
}

h2.auflistg {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    text-align: left;
    margin: 1.5em 1.5em 0.6em 0 !important;
}

ul.auflistg li {
    display: block;
    padding: 2px 0 2px 10px;
    border-bottom: 1px dashed #cc9966;
}

div.markiert {
    border-left: 2px solid #80170F;
    padding-left: 0.6em;
    background-color: #F2E9DF;
}

li.link_menu_geklickt {
    background-color: #F8F4EA;
}
a.link_menu_geklickt::before {
    /* content: " ♥ "; color: firebrick; font-size: 2em; */
    color: windowframe;
    content: "# ";
    font-size: 1em;
    font-weight: bold;
    margin-left: -0.9em;
    z-index: 9999 !important;
}
a.link_menu_geklickt {
    background-color: #F8F4EA !important;
    color: #000000 !important;
}

a.link_menu_rechts_geklickt {
    color: #fff !important;
}

table.kontaktForm {
    background-color: #F8F4EA;
}
table.kontaktForm th,
table.kontaktForm td {
    font-size: 1.1em;
    padding: 0.4em;
}

ul.menu li:nth-child(2) {
    /* Ralf von der Mark: 08.10.2019:
    gibt den 2. LI-Tag anderes Aussehen...
     nth http://maddesigns.de/nth-child-pseudo-selektor-css3-adventskalender-tag-13-550.html */
    font-size: 1.2em;
    font-weight: bold;
}

h1 {
	font-size: 14px;
    font-weight: bold;
}
.sameAsH1 {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
    font-size: 12px;
    line-height: 24px;
    color: #AC472A;
    margin-top: 12px;
    display: block;
    font-weight: bold;
}


.mod-articles-category-title {
    font-family: 'arial', sans-serif !important;
    font-size: 0.9em !important;
    line-height: 1em !important;
}

abr {
	cursor: help;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /
 * START: Styles speziell für das Kontaktformular ~ /
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#kontktformlr {
	width: 32.8em;
	margin-top: 1em;
}

div#kontktformlr a {
	text-decoration: none;
}

div#kontktformlr fieldset {
	padding: 10px 12px 30px 20px;
	margin-bottom: 8px;
}

div#kontktformlr legend {
	font-size: 0.9em;
}

div#kontktformlr label {
	font-weight: bold;
	display: block;
	margin: 12px 0 4px 0;
	padding: 1px 2px;
	cursor: pointer;
}

div#kontktformlr textarea {
	height: 12em !important;
}

div#kontktformlr strong,
div#kontktformlr a {
	font-size: 1em;
	font-weight: bold;
	color:red;
	display: block;
	margin: 0 0 3px 0;
}

div#kontktformlr p {
	font-size: 1.1em;
	padding: 5px 0 5px 0;
}

div#kontktformlr p.gesendet {
	padding: 0;
	font-size:0.9em;
	color: darkslategrey;
}
div#kontktformlr p.gesendet strong {
	font-size: 1.1em;
	color: darkslategrey;
	padding: 0 1em 0 1em;
}

div#kontktformlr div.fehlerSammlg {
	border: 1px dotted red;
	padding: 10px 4px 31px 10px;
	margin-bottom: 1em;
	background-color: #F3FAC4;
}

div#kontktformlr div.fehlerSammlg strong.ueberschrft {
	font-size: 1.2em;
	color: #000000;
}

div#kontktformlr div.fehlerSammlg li {
	height: 9px;
}

input:required:invalid,
input:focus:invalid,
textarea:required:invalid,
textarea:focus:invalid {
	background-image: url("https://www.meridian-rheinbach.de/images/image_02_invalid.png");
	background-position: right top;
	background-repeat: no-repeat;
	-moz-box-shadow: none;
}
input:required:valid,
textarea:required:valid {
	background-image: url("https://www.meridian-rheinbach.de/images/image_02_valid.png");
	background-position: right top;
	background-repeat: no-repeat;
}

i {
	color: #EEFFFF;
	background-color: #00326F;
	float: right;
	margin-right: 3em;
	padding: 0px;
}

/* **** START: Status-Bar PROGESS: ************
	Ralf, 14.09.2021: Hintergrundfarbe/Balkenfarbe Änderung funktioniert nicht! :-/
	Tipps von: https://www.hongkiat.com/blog/html5-progress-bar/ */
progress {
	/*background-color: #f3f3f3;*/
	border: 0;
	height: 18px;
	border-radius: 9px;
}
/* START: Chrome and Safari: */
progress::-webkit-progress-bar {
	/*background-color: #f3f3f3;*/
	border: 0;
	height: 18px;
	border-radius: 9px;
}
progress::-webkit-progress-value {
	/*background-color: #f3f3f3;*/
	border: 0;
	height: 18px;
	border-radius: 9px;
}
/* ENDE: Chrome and Safari: */
/* START: Firefox: */
progress::-moz-progress-bar {
	/*background-color: #f3f3f3;*/
	border: 0;
	height: 18px;
	border-radius: 9px;
}
/* ENDE: Firefox: */
/* **** ENDE: Status-Bar PROGESS: ************ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /
 *  ENDE: Styles speziell für das Kontaktformular ~ /
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
