@charset "UTF-8";
/*
 * Anpassungen des alten Stylesheets (css_styled_content, TYPO3 4.7)
 * an das Markup von fluid_styled_content (TYPO3 13).
 */

/* Erste Überschrift einer Spalte ohne Abstand oben (früher .csc-firstHeader) */
#mainContent > .frame:first-child > header > :first-child,
#secondaryContent .secondaryContentSection > .frame > header > :first-child {
	margin-top: 0;
}

/* Kästen in der rechten Spalte: farbige Überschrift */
div.secondaryContentSection header h1,
div.secondaryContentSection header h2,
div.secondaryContentSection header h3,
div.secondaryContentSection header h4 {
	color: #fff;
	background: #494949;
	padding: 6px 10px;
	margin: 0 0 1em -11px;
	width: 157px;
}

/* Ausrichtung von Überschriften und RTE-Text */
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }

/* Rahmen (frame_class) wie csc-frame-* */
.frame-ruler-before { border-top: 1px solid #ccc; }
.frame-ruler-after { border-bottom: 1px solid #ccc; }
.frame-indent { padding-left: 100px; }
.frame-frame1 { background-color: #f2f2f2; padding: 1em; margin-bottom: 2em; color: #353535; }
.frame-frame2 { background-color: #e5e5e5; padding: 1em; margin-bottom: 2em; }
.frame-frame1 header > :first-child,
.frame-frame2 header > :first-child { margin-top: 2px; }

/* Bildunterschriften */
.ce-gallery figcaption { font-size: 90%; line-height: 1.2em; }

/* Tabellen */
table.ce-table { border: 1px solid #cfcecf; margin: 10px 0; width: 100%; }
table.ce-table td, table.ce-table th { padding: 0 3px; vertical-align: top; }
table.ce-table tr { background-color: #f2f2f2; }

/* Dateilinks */
ul.ce-uploads { margin-left: 0; }
ul.ce-uploads li { list-style: none; margin: 0 0 0.5em 0; }

/* Menü: kein Aufzählungszeichen, Links ohne Unterstrich (Basis-CSS setzt ul li) */
div#navigationSecondLevelMenu ul li { list-style-type: none; }

/* Ausrichtung von Überschriften (header_position) */
.ce-headline-center { text-align: center; }
.ce-headline-right { text-align: right; }
.ce-headline-left { text-align: left; }

/* Abstände vor/nach Elementen: früher in Pixeln (spaceBefore/spaceAfter) */
.frame-space-before-extra-small { margin-top: 10px; }
.frame-space-before-small { margin-top: 20px; }
.frame-space-before-medium { margin-top: 30px; }
.frame-space-before-large { margin-top: 40px; }
.frame-space-before-extra-large { margin-top: 50px; }
.frame-space-after-extra-small { margin-bottom: 10px; }
.frame-space-after-small { margin-bottom: 20px; }
.frame-space-after-medium { margin-bottom: 30px; }
.frame-space-after-large { margin-bottom: 40px; }
.frame-space-after-extra-large { margin-bottom: 50px; }

/* Ausrichtungsklassen des neuen Editors */
.text-start { text-align: left; }
.text-end { text-align: right; }
.text-justify { text-align: justify; }

/* Absatzformate aus dem alten Editor */
p.csc-frame-frame1 { background-color: #f2f2f2; padding: 1em; color: #353535; }
p.csc-frame-frame2 { background-color: #e5e5e5; padding: 1em; }

/* Lightbox (ersetzt jQuery Colorbox) */
.lb-overlay { display: none; position: fixed; inset: 0; z-index: 1000; background: rgba(0, 0, 0, 0.85); align-items: center; justify-content: center; }
.lb-overlay.lb-open { display: flex; }
.lb-figure { margin: 0; text-align: center; }
.lb-image { max-width: 90vw; max-height: 85vh; border: 6px solid #fff; background: #fff; }
.lb-caption { color: #fff; padding-top: 0.5em; }
.lb-overlay button { position: absolute; background: none; border: 0; color: #fff; font-size: 48px; line-height: 1; cursor: pointer; padding: 10px 18px; }
.lb-close { top: 10px; right: 10px; }
.lb-prev { left: 10px; top: 50%; transform: translateY(-50%); }
.lb-next { right: 10px; top: 50%; transform: translateY(-50%); }
.lb-single .lb-prev, .lb-single .lb-next { display: none; }