/* ==========================================================================
   DJM Medienservice – Basis-Styles
   --------------------------------------------------------------------------
   Übernommen aus "Design → Customizer → Zusätzliches CSS" (Stand 30.10.2026)
   und bereinigt. Wird nach style.css und vor djm-layout.css geladen.

   Entfernt, weil auf keiner Seite verwendet (geprüft: alle 13 Seiten,
   6 Beiträge, 5 Kategorien, Suche, 404):
   - Reste eines Immobilien-Projekts (FFvaluation, wpi_immobilie, .hardfacts …)
   - Counter-, Sticky-Sidebar-, Startseiten-Klassen (.logoStart, .quotes …)
   - ungenutzte Farb-Hilfsklassen (.text-red, .bg-blue …)
   - .wpcf7-checkbox / .agb (hätten echte Checkbox-Felder auf 0px gesetzt)
   Entfernt, weil djm-layout.css das jetzt sauber regelt:
   - body padding-top 4.5rem, Header-Padding, .trigger-Margins (-60px/30px),
     Logo-Breiten, .menuContainer top:100px, Popup-Breite 48vw,
     footer#colophon font-size 80 %, .regal background-size
   Nicht übernommen: h1 { font-size:48px; margin-bottom:27vh … } – wurde durch
   eine überzählige "}" im Customizer nie angewendet; Übernahme hätte das
   Layout aller Seiten verändert.
   ========================================================================== */

/* --- Typografie ---------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	margin-top: 45px;
	margin-bottom: 30px;
	font-weight: normal;
	font-family: 'ArchivoBlack-Regular', sans-serif;
	color: #13223f;
}
body {
	font-family: 'Roboto Condensed';
	font-size: 1.2rem;
	line-height: 1.3;
	color: #13223b;
}
a, a:active, a:hover {
	color: #13223b;
	text-decoration: none;
}
.widget { font-size: 1.2rem; }

/* --- Kopfzeile ----------------------------------------------------------- */

header#masthead {
	margin-bottom: 0;
	background-color: transparent;
	box-shadow: none;
}
.navbar-light .navbar-toggler {
	color: rgba(0,0,0,.5);
	border-color: rgba(0,0,0,0);
	z-index: 1032;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30px' height='30px' viewBox='0 0 29.7069 29.9'%3e%3cpath fill='rgba%2819, 34, 63, 1%29' class='cls-1' d='M20.5,12.8H2.3a2.2,2.2,0,0,0,0,4.4H20.5A2.22,2.22,0,0,0,22.7,15a2.0984,2.0984,0,0,0-2.2-2.2Z' transform='translate(-0.1 0)'/%3e%3cpath fill='rgba%2819, 34, 63, 1%29' class='cls-1' d='M27.6,0H2.3A2.22,2.22,0,0,0,.1,2.2,2.22,2.22,0,0,0,2.3,4.4H27.6a2.22,2.22,0,0,0,2.2-2.2A2.0984,2.0984,0,0,0,27.6,0Z' transform='translate(-0.1 0)'/%3e%3cpath fill='rgba%2819, 34, 63, 1%29' class='cls-1' d='M27.6,25.5H2.3a2.2,2.2,0,1,0,0,4.4H27.6a2.22,2.22,0,0,0,2.2-2.2,2.0984,2.0984,0,0,0-2.2-2.2Z' transform='translate(-0.1 0)'/%3e%3c/svg%3e");
}
.navbar-light .navbar-toggler-icon.active {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30px' height='30px' viewBox='0 0 29.7985 29.8165'%3e%3cdefs%3e%3c/defs%3e%3ctitle%3eDownload1%3c/title%3e%3cpath fill='rgba%2819, 34, 63, 1%29' class='cls-1' d='M28.8735,25.811q-.097-.1044-.2015-.2015L17.9864,14.9238,28.7032,4.207c1.1628-1.1783,1.41-2.8236.5559-3.6988-.8751-.8541-2.52-.6068-3.6988.5559L14.8435,11.7809,4.207,1.1445C3.0287-.0182,1.3834-.2656.5082.5886c-.8541.8751-.6068,2.5205.5559,3.6988L11.7006,14.9238,1.0953,25.5291c-1.1627,1.1783-1.41,2.8237-.5559,3.6988.7711.8825,2.3369.7238,3.4973-.3544q.1044-.097.2015-.2015L14.8435,18.0667,25.5291,28.7524c1.1783,1.1628,2.8237,1.41,3.6988.5559C30.11,28.5372,29.9517,26.9714,28.8735,25.811Z' transform='translate(0 0)'/%3e%3c/svg%3e");
}
.modal-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30px' height='30px' viewBox='0 0 29.7985 29.8165'%3e%3cdefs%3e%3c/defs%3e%3ctitle%3eDownload1%3c/title%3e%3cpath fill='rgba%28255, 255, 255, 1%29' class='cls-1' d='M28.8735,25.811q-.097-.1044-.2015-.2015L17.9864,14.9238,28.7032,4.207c1.1628-1.1783,1.41-2.8236.5559-3.6988-.8751-.8541-2.52-.6068-3.6988.5559L14.8435,11.7809,4.207,1.1445C3.0287-.0182,1.3834-.2656.5082.5886c-.8541.8751-.6068,2.5205.5559,3.6988L11.7006,14.9238,1.0953,25.5291c-1.1627,1.1783-1.41,2.8237-.5559,3.6988.7711.8825,2.3369.7238,3.4973-.3544q.1044-.097.2015-.2015L14.8435,18.0667,25.5291,28.7524c1.1783,1.1628,2.8237,1.41,3.6988.5559C30.11,28.5372,29.9517,26.9714,28.8735,25.811Z' transform='translate(0 0)'/%3e%3c/svg%3e");
}
.modal-toggler-icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	background-size: 100% 100%;
}
.navbar-brand > a { font-size: 0.01rem; }

/* --- Overlay-Menü -------------------------------------------------------- */

.text-purple-lighter { color: #fff; }
.bg-purple { background-color: #13223b; }
a.text-purple-lighter:hover { color: #fff; }
a.bg-purple:hover { background-color: #dc6915; }

.menuContainer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	margin-top: 0;
	z-index: 6;
	visibility: hidden;
	-webkit-transform: scale(0);
	        transform: scale(0);
}
.menuContainer.active {
	visibility: visible;
	-webkit-transform: scale(1);
	        transform: scale(1);
}
.menuContainer.active .linkWrap {
	-webkit-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: all ease 0.25s;
	transition: all ease 0.25s;
	min-height: 12.5rem;
}
.menuContainer.active .linkWrap:nth-child(1),
.menuContainer.active .linkWrap:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.menuContainer.active .linkWrap:nth-child(3) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }
.menuContainer.active .linkWrap:nth-child(4) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; }
.menuContainer.active .linkWrap:nth-child(5) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.menuContainer.active .linkWrap:nth-child(6) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }

.linkWrap {
	-webkit-transform: scale(0);
	        transform: scale(0);
}
.link .icon {
	height: 80px;
	width: 80px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 60px;
}

/* --- Inhalt -------------------------------------------------------------- */

h2 { font-size: 32px; }
h1 { padding-bottom: 50px; }
h3 { line-height: 1.2; }

#content.site-content {
	padding-bottom: 0;
	padding-top: 0;
}
.wp-block-columns { margin-bottom: 0; }

/* Fokusrahmen nur bei Maus-Klick ausblenden, bei Tastatur sichtbar lassen
   (vorher: button:focus { outline: 0 } für alle) */
button:focus:not(:focus-visible) { outline: 0; }

.page-content, .entry-content, .entry-summary { margin: 0; }
.home .entry-content { margin: 0; }
small { font-size: 70%; }
ol, ul { padding: 0; }
embed, iframe, object { border: 0; }
.myIcon { color: #dc6915; }

/* Magazinseiten Willich (1250), Meerbusch (1383), Kaarst (1388) */
.page-id-1250, .page-id-1383, .page-id-1388 { background: #f5f5f0; }
.regal {
	background-image: url('https://djm-medienservice.de/wp-content/uploads/2022/04/djm-verlage_03.jpg');
	background-repeat: repeat-y;
}

/* --- Buttons & Formulare ------------------------------------------------- */

.btn-primary, .btn-default {
	color: #ffffff;
	display: block;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	background: #13223b;
	border: none;
}
.btn-primary.focus, .btn-primary:focus,.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle,.btn-default.focus, .btn-default:focus,.btn-default:hover, .btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show > .btn-default.dropdown-toggle {
  
  background-color: #13223b;
  border-color: #13223b;
  box-shadow: none;
}
.btn { padding: .45rem .75rem; }
.wpcf7-submit { background: #dc6915 !important; }
span.wpcf7-not-valid-tip { font-size: 0.6em; }
.wpcf7-quiz-label { font-size: 70%; }

/* --- Footer -------------------------------------------------------------- */

.navbar { background: #fff; box-shadow: 0 4px 4px -2px rgba(0,0,0,.2); }

footer h3 { color: #fff; }
footer .fab, footer .fa, footer .far, footer .fas { color: #dc6915; }
footer .wpcf7-form-control { color: #13223b; }
footer#colophon a, footer#colophon, body:not(.theme-preset-active) footer#colophon { color: #fff; }
body:not(.theme-preset-active) footer#colophon { background-color: #13223b; }
.subFooter {
	background: #ecece7;
	color: #13223b;
}
footer .subFooter h3 { color: #13223b; }

/* --- Popups (Kontakt / Rückruf) ------------------------------------------ */

.modal-title { margin: 0; font-size: 30px; }
.modal-content {
	background-color: #13223b;
	border: 2px solid rgba(255,255,255,.2);
}
.modal-open .modal { background-color: #f5f5f0; }
.close { opacity: 1; }
.modal-body { color: rgb(194, 194, 194); }
.modal-header { border: none; }
.modal-body .fas, .modal-body .far { font-size: 40px; margin-bottom: 10px; }
.modal-content a, .modal-content a:active, .modal-content a:hover { color: #fff; }
.modal-content h2, .modal-content h3, .modal-content h4, .modal-content h5, .modal-content h6 { color: #fff; }