/* theme - Theme-Overlay „Mini-Redesign“ (11.10.2026, 2. Durchgang). Wird in _templates/template_header.inc.php als letztes
   Stylesheet nach dem Seiten-Bundle geladen (Vorschauphase: nur per IP-Weiche). Überschreibt Farben, Verläufe, Hero,
   Überschriftsbalken, Karten, Buttons und Footer der Bundles _css/min/lib/ssl.de.*.min.css und des Bootstrap-Themes; kein Markup.
   Farben aus dem Logo: Grün #5f7d22 (Nav, Balken, Kartenköpfe, Buttons), Hover #4f6a1a, Footer #506020, Textgrün #3f5a12,
   Hellgrün #edf4df, Amber #f0b323 nur für „Bestellen“. Text #23261f, Überschriften #1f2a10, Rahmen #e2e5dc.
   Grundsatz: Flächen bleiben, Verläufe und Text-Outline fallen weg. Hero seit 18:20 hell abgedeckt (User: dunkel drückt), Aufklappmenü wächst mit dem Inhalt. !important nur gegen !important des Bundles oder Inline-Styles.
   _css/min/theme.min.css ist eine identische Kopie (kein Minifier auf dem Server). 1. Durchgang: private/OLD/theme_20261011_PASS1.css */

/* ---------- 1. Grundfarben, Text, Links ---------- */
body {
	color: #23261f;
}
h1, h2, h3, h4 {
	color: #1f2a10;
}
h1, h2 {
	font-weight: 700;
}
h2 {
	font-size: 26px;
}
a {
	color: #4a6a1a;
}
a:hover, a:focus {
	color: #3f5a12;
}
a.link, .logged_in_menu a {
	color: #4a6a1a !important;
}
.logged_in_menu a:hover {
	color: #3f5a12 !important;
}
.text-success {
	color: #5f7d22;
}
.text-danger {
	color: #9b3129;
}
.text-muted {
	color: #8f948a;
}
.border_top, .brown-border {
	background-color: #e2e5dc;
}
hr {
	border-top-color: #e2e5dc;
}

/* ---------- 2. Verläufe und Schatten des Bundles und des Bootstrap-Themes abschalten ---------- */
.btn, .navbar, .navbar-default, .panel-heading, .panel-primary > .panel-heading, .panel-info > .panel-heading,
.panel-flat_green > .panel-heading, .well, .list-group, .progress, .dropdown-menu > .active > a,
.bg-primary, .bg-info, .footer, .zertifikat h3, .zertifikat_expanded h3 {
	background-image: none !important;
	text-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/* ---------- 3. Navigation: flaches Logo-Grün ---------- */
.navbar-default {
	background-color: #5f7d22 !important;
	border: 0;
	border-radius: 0;
}
.navbar-default li > a, .menuitems a {
	color: #fff !important;
	font-size: 15px;
	font-weight: 700;
	text-transform: none;
}
.menuitems a:hover, .menuitems a:focus {
	color: #fff !important;
	background-color: #4f6a1a !important;
}
.menuhover {
	background-color: #fff !important;
}
/* li.menuhover > a: Spezifität über ".navbar-default li > a", sonst weiß auf weiß, sobald der Zeiger vom Link ins Aufklappmenü wandert */
.navbar-default li.menuhover > a, .menuhover a, .menuhover a:hover, .menuhover a:focus {
	color: #3f5a12 !important;
	background-color: transparent !important;
}
.navbar-default .navbar-toggle {
	border-color: rgba(255, 255, 255, .55);
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #4f6a1a;
}

/* Aufklappmenü: Höhe nach Inhalt (Bundle setzt height 100 % der vom JS auf Hero-Höhe gesetzten Leiste; seit dem niedrigeren Hero zu klein) */
.togglemenus {
	height: auto;
	min-height: 100%;
	padding-bottom: 18px;
	border: 1px solid #e2e5dc;
	border-top: 0;
	border-radius: 0 0 10px 10px;
	-webkit-box-shadow: 0 12px 28px rgba(35, 38, 31, .16);
	box-shadow: 0 12px 28px rgba(35, 38, 31, .16);
}
.togglemenus h3 {
	font-size: 17px;
	font-weight: 700;
	margin: 18px 0 10px;
}
.togglemenus h3 a {
	color: #3f5a12;
}
.submenu {
	border: 0;
	border-radius: 0;
}
.submenu li a {
	padding: 8px 10px;
	border-bottom: 1px solid #eef0ea;
	border-radius: 6px;
	color: #23261f;
}
.submenu li a:hover {
	background-color: #edf4df;
	color: #3f5a12;
}

/* ---------- 4. Hero (Jumbotron): Schloss-Foto hell abgedeckt (links dichter, rechts scheint das Schloss durch), niedriger, ohne Text-Outline ---------- */
.jumbotron {
	background-color: #edf4df !important;
	background-image: linear-gradient(to right, rgba(241, 246, 232, .93), rgba(241, 246, 232, .70)), url("/_img/ssl_lock.jpg") !important;
	background-size: cover !important;
	background-position: center 40% !important;
	background-repeat: no-repeat !important;
	min-height: 0;
	padding: 34px 0 30px;
	margin-bottom: 0;
	border-bottom: 1px solid #d9e3c4;
}
.jumbotron h1, .jumbotron .h1 {
	color: #1f2a10;
	font-size: 32px;
	line-height: 1.25;
	font-weight: 700;
	margin: 0 0 8px;
	text-shadow: none;
}
.jumbotron h1 small {
	color: #5f6459 !important;
	text-shadow: none;
	font-size: 60%;
}
.jumbotron p {
	color: #3f5a12;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	text-shadow: none;
	margin-bottom: 0;
	max-width: 72ch;
}
/* Produktseite: Anbieter-Logo klein rechts statt großer Kachel */
.jumbotron .thumbnail {
	max-width: 170px;
	margin: 2px 0 0 auto;
	padding: 8px 16px !important;
	background: #fff;
	border: 1px solid #d9e3c4;
	border-radius: 8px;
}
.jumbotron .thumbnail img {
	padding: 6px 0 !important;
	max-width: 100% !important;
}
@media (max-width: 767px) {
	.jumbotron h1, .jumbotron .h1 {
		font-size: 24px;
	}
	.jumbotron p {
		font-size: 15px;
	}
}

/* ---------- 5. Anbieter-Leiste unter dem Hero: weiß statt grau ---------- */
div.container-fluid[style*="#ddd"] {
	background-color: #fff !important;
	border-bottom: 1px solid #e2e5dc;
}
.footer-ca {
	background-color: #fff;
}
.container-fluid .anbieter-oben a img {
	filter: grayscale(1) opacity(.6);
	-webkit-filter: grayscale(1) opacity(.6);
}
.container-fluid .anbieter-oben a:hover img {
	filter: none;
	-webkit-filter: none;
}

/* ---------- 6. Überschriftsbalken: flach, ohne Verlauf ---------- */
h1.bg-primary, h2.bg-primary, h3.bg-primary {
	background: #5f7d22 !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 6px !important;
	padding: 8px 14px !important;
	margin: 10px 0 16px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
}
h1.bg-info, h2.bg-info, h3.bg-info {
	background: #edf4df !important;
	color: #3f5a12 !important;
	border: 0 !important;
	border-left: 4px solid #5f7d22 !important;
	border-radius: 6px !important;
	padding: 8px 14px !important;
	margin: 10px 0 14px;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.3;
}
/* Sonstige bg-primary/bg-info-Flächen (keine Überschriften) */
.bg-primary {
	background-color: #5f7d22 !important;
	color: #fff !important;
	border-color: #5f7d22 !important;
}
.bg-info {
	background-color: #edf4df !important;
	color: #3f5a12 !important;
	border-color: #d9e3c4 !important;
}

/* ---------- 7. Panels und Feature-Zeilen der Produktseite ---------- */
.panel {
	border-color: #e2e5dc;
	border-radius: 8px;
	-webkit-box-shadow: 0 1px 2px rgba(35, 38, 31, .05);
	box-shadow: 0 1px 2px rgba(35, 38, 31, .05);
}
.panel-default > .panel-heading {
	background-color: #f4f8ea;
	border-color: #e2e5dc;
	color: #23261f;
}
.panel-primary {
	border-color: #5f7d22 !important;
}
.panel-primary > .panel-heading {
	background-color: #5f7d22 !important;
	color: #fff !important;
	border-color: #5f7d22 !important;
}
.panel-info, .panel-flat_green {
	border-color: #d9e3c4 !important;
}
.panel-info > .panel-heading, .panel-flat_green > .panel-heading {
	background-color: #edf4df !important;
	color: #3f5a12 !important;
	border-color: #d9e3c4 !important;
}
.panel-group .panel + .panel {
	margin-top: 6px;
}
.panel-group .panel-default > .bg-success {
	background-color: #edf4df;
}
.panel-group .panel-default > .bg-danger {
	background-color: #fbeae8;
}
.panel-group .panel-heading.text-success {
	color: #3f5a12;
}
.panel-group .panel-heading.text-danger {
	color: #9b3129;
}

/* ---------- 8. Buttons: flach; Grün für Aktionen, Amber nur für „Bestellen“, Info als Umriss ---------- */
.btn {
	border-radius: 6px;
	font-weight: 700;
}
.btn-default, .btn-default:focus, .btn-default:active, .btn-default.active {
	background-color: #fff;
	border-color: #d4d8cb;
	color: #2e3328;
}
.btn-default:hover {
	background-color: #edf4df;
	border-color: #c5cab9;
	color: #2e3328;
}
/* Knopfgrün = das kräftigere Grün der neu gestalteten Seiten (Login, Registrierung, Passwort, Kontakt, Rechtliches); zur Sichtung, User 12.10.2026 */
.btn-primary, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	background-color: #3c763d !important;
	border-color: #3c763d !important;
	color: #fff !important;
}
.btn-primary:hover, .btn-primary.active:hover {
	background-color: #2c5e2e !important;
	border-color: #2c5e2e !important;
	color: #fff !important;
}
.btn-primary.disabled, .btn-primary[disabled] {
	background-color: #a9b88f !important;
	border-color: #a9b88f !important;
	color: #fff !important;
}
.btn-success, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
	background-color: #f0b323 !important;
	border-color: #f0b323 !important;
	color: #23261f !important;
}
.btn-success:hover {
	background-color: #e3a416 !important;
	border-color: #e3a416 !important;
	color: #23261f !important;
}
.btn-success.disabled, .btn-success[disabled] {
	background-color: #f5d27a !important;
	border-color: #f5d27a !important;
	color: #5f6459 !important;
}
.btn-info, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
	background-color: #fff !important;
	border-color: #5f7d22 !important;
	color: #3f5a12 !important;
}
.btn-info:hover {
	background-color: #edf4df !important;
	border-color: #4f6a1a !important;
	color: #3f5a12 !important;
}
.btn-danger, .btn-danger:focus, .btn-danger:active {
	background-color: #b4433a;
	border-color: #b4433a;
	color: #fff;
}
.btn-danger:hover {
	background-color: #9b3129;
	border-color: #9b3129;
	color: #fff;
}

/* ---------- 9. Zertifikat-Karten (Übersichten, Typ-/Validierungs-/Anbieterseiten, Kundenkonto) ---------- */
.zertifikat, .zertifikat_expanded {
	border: 1px solid #e2e5dc;
	border-radius: 8px;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(35, 38, 31, .08);
	box-shadow: 0 1px 3px rgba(35, 38, 31, .08);
	overflow: hidden;
	margin-bottom: 24px;
}
.zertifikat h3, .zertifikat_expanded h3 {
	background: #5f7d22 !important;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	padding: 12px 8px;
	margin: 0;
	border-radius: 0;
}
.zertifikat .text-center h3 a, .zertifikat .text-center h3 a:visited {
	color: #fff !important;
}
.zertifikat .text-center h3 a:hover {
	color: #fff !important;
	text-decoration: underline !important;
}
.zertifikat p.bg-success.lead {
	background-color: transparent;
	font-size: 17px;
	margin: 10px 0 4px;
	padding: 0 !important;
}
.zertifikat p.bg-success.lead .text-success {
	color: #5f7d22;
}
.zertifikat p.bg-success.lead .text-muted {
	color: #d4d8cb;
}
.zertifikat .einsatz {
	color: #4b5044;
	font-size: 14px;
	line-height: 1.45;
	padding-left: 16px;
	padding-right: 16px;
}
.zertifikat .img-responsive.center-block {
	padding: 12px 0 !important;
}
.zertifikat ul.list-unstyled.bg-success, .zertifikat p.list-unstyled.bg-success {
	background-color: #edf4df;
	border-top: 1px solid #d9e3c4;
	border-bottom: 1px solid #d9e3c4;
	padding: 10px 12px 10px 16px !important;
	margin: 8px 0 0;
	font-size: 14px;
	color: #23261f;
}
.zertifikat ul.list-unstyled.bg-success li {
	padding: 2px 0;
}
.zertifikat .text-center .lead, .zertifikat_expanded .text-center .lead {
	font-size: 22px;
	font-weight: 700;
	color: #3f5a12;
	margin: 12px 0 10px;
}
.zertifikat .vergleichen_host {
	padding: 0 12px 8px;
}
.zertifikat .btn-block, .zertifikat .btn-group-justified .btn {
	border-radius: 0 !important;
	padding: 11px 12px;
}
/* Übersichtskarten mit einem Knopf („Standard Zertifikate“ usw., nur /ssl-zertifikate.html): Umriss wie die „Features“-Knöpfe der Produktkarten (User 12.10.2026, vorher Vollgrün = Kopf und Knopf in einer Farbe) */
.zertifikat .btn-block.btn-success, .zertifikat .btn-block.btn-success:focus, .zertifikat .btn-block.btn-success:active {
	background-color: #fff !important;
	border-color: #e2e5dc !important;
	color: #3f5a12 !important;
}
.zertifikat .btn-block.btn-success:hover {
	background-color: #edf4df !important;
	border-color: #e2e5dc !important;
	color: #3f5a12 !important;
}
/* Karten mit zwei Knöpfen: „Features“ als Umriss, „Bestellen“ in Amber */
.zertifikat .btn-group-justified .btn-primary, .zertifikat .btn-group-justified .btn-primary:focus,
.zertifikat .btn-group-justified .btn-primary:active {
	background-color: #fff !important;
	color: #3f5a12 !important;
	border-color: #e2e5dc !important;
}
.zertifikat .btn-group-justified .btn-primary:hover {
	background-color: #edf4df !important;
	color: #3f5a12 !important;
	border-color: #e2e5dc !important;
}

/* ---------- 10. Filterkasten, Tabellen, Formularfelder ---------- */
.well {
	background-color: #fff !important;
	border-color: #e2e5dc;
	border-radius: 8px;
}
.table > thead > tr > th, .table > tbody > tr > td, .table > tbody > tr > th,
.table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > td {
	border-color: #e2e5dc;
}
.form-control {
	border-color: #d4d8cb;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.form-control:focus {
	border-color: #5f7d22 !important;
	-webkit-box-shadow: 0 0 0 3px rgba(95, 125, 34, .22) !important;
	box-shadow: 0 0 0 3px rgba(95, 125, 34, .22) !important;
}
.input-group-addon {
	border-color: #d4d8cb;
	background-color: #f4f8ea;
	color: #5f6459;
}
.alert {
	border-radius: 8px;
}

/* ---------- 11. Footer: dunkleres Logo-Grün, flach ---------- */
.footer {
	background-color: #506020 !important;
	color: #e4ead6;
	border-top: 0;
	padding-top: 40px;
	padding-bottom: 40px;
}
.footer h4 {
	color: #fff;
	font-size: 15px;
	margin-bottom: 10px;
}
.footer .footer-liste li {
	margin-bottom: 4px;
}
.footer .footer-liste li a {
	color: #e4ead6 !important;
	font-size: 13px !important;
}
.footer .footer-liste li a:hover {
	color: #fff !important;
	text-decoration: underline !important;
}
.footer .copy_right_text {
	color: #c3cdb0;
	padding-top: 28px;
}

/* Bestellschritt 2: CSR-Feld und Auswahl der Server-Software breiter (Beschriftung 3/12 statt 4/12, Feld 9/12 statt 8/12),
   CSR in Monospace ohne Zeilenumbruch (User 12.10.2026) */
@media (min-width: 768px) {
	.form-group:has(> #entered_csr_div) > .control-label,
	.form-group:has(#s_name) > .control-label {
		width: 25%;
	}
	#entered_csr_div,
	.form-group:has(#s_name) > .col-sm-8 {
		width: 75%;
	}
}
#entered_csr {
	font-family: Menlo, Consolas, "Courier New", monospace;
	font-size: 12px;
	white-space: pre;
	overflow: auto;
	word-wrap: normal;
	min-height: 320px;
}

/* Bestellablauf: Fehlermeldungen als ruhige Hinweisbox in der Inhaltsspalte statt rot/fett über beiden Spalten (User 12.10.2026) */
.bestell-meldung {
	background-color: #faf9f8;
	border: 1px solid #e8e3e0;
	border-left: 3px solid #dcb0a9;
	border-radius: 8px;
	/* Bootstrap-Theme im Seiten-Bundle legt auf .alert-danger einen rosa Verlauf, Text- und Innenschatten - abschalten (Gegenleser 12.10.2026) */
	background-image: none;
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #333333;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.55;
	overflow-wrap: break-word; /* lange Domainnamen aus dem CSR dürfen nicht aus der Box laufen (Gegenleser 12.10.2026) */
	padding: 14px 18px;
	margin-bottom: 20px;
}
.bestell-meldung p {
	margin: 0 0 8px;
}
.bestell-meldung p:last-child {
	margin-bottom: 0;
}
.bestell-meldung ol {
	margin: 4px 0 0;
	padding-left: 22px;
}
.bestell-meldung ol li {
	margin-bottom: 10px; /* je Weg zwei Zeilen: Überschrift und Erklärung (Textfassung 12.10.2026) */
}
.bestell-meldung ol li:last-child {
	margin-bottom: 0;
}
.bestell-meldung a,
.bestell-meldung .bestell-meldung-knopf {
	color: #2c5e2e !important; /* das Bundle setzt .alert-danger a mit !important auf Rotbraun */
	font-weight: 600;
}
/* Knöpfe der Wege 1 und 3 sehen aus wie Links (kleine POST-Formulare direkt an Schritt 3, 12.10.2026) */
.bestell-meldung .bestell-meldung-form {
	display: inline;
	margin: 0;
}
.bestell-meldung .bestell-meldung-knopf {
	padding: 0;
	border: 0;
	background: none;
	text-decoration: underline;
	vertical-align: baseline;
	font-size: inherit;
	line-height: inherit;
	box-shadow: none;
	white-space: normal; /* Bootstrap .btn: nowrap - lange Knopftexte sollen wie Fließtext umbrechen (Gegenleser 12.10.2026) */
	text-align: left;
	-webkit-user-select: text;
	user-select: text;
}