/* * Gemeinsame responsive Ergaenzung zu west-desktop-1.css. * Noch nicht in ein Seitenlayout eingebunden. * * Quellen: west-ipad.css und west-mobil.css. * Die Deklarationen der Quellbloecke bleiben unveraendert. * Nur Media Queries, Gruppierung und Reihenfolge wurden angepasst. * Relative Ressourcenpfade bleiben durch denselben Ordner gueltig. * * Bereiche: width < 450px; 450px <= width < 900px; width >= 900px. * Range-Syntax schliesst auch gebrochene CSS-Pixelbreiten lueckenlos ein. * Mittlere Breiten: Tablet-Hochformat bzw. Tablet-Querformat mit den * bisherigen Mobil-Querformatregeln als nachfolgenden Overrides. * Ein quadratischer Viewport zaehlt nach CSS als Hochformat. * * Bei spaeterer Einbindung nach Basis- und Menue-CSS laden und die * bisherigen west-ipad.css / west-mobil.css nicht zusaetzlich laden. * Desktop-Hoverregeln und die unterschiedliche Reihenfolge des Menue-CSS * muessen bei der spaeteren Layout-Zusammenfuehrung separat behandelt werden. */ /* Schmale Ansicht: bisherige Mobil-Hochformatgestaltung, in jeder Orientierung. */ @media only screen and (width < 450px) { #header .ce_image {min-width:1px} #header .ce_image picture {border:1px solid green; display:flex;align-items:center; justify-content:center;min-height:100% } #header .ce_image img, #header .ce_image picture img { object-fit: cover; min-height: 100%;min-width: 100%;max-width:3000px; } #container {max-width: 100%;width: 100%} #main {display:block} .ce_table, table, .ce_text table {margin-top: 0rem;overflow-x: scroll;display:block} * {box-sizing:border-box;word-wrap: break-word} html {border-top:0.0rem solid red;font-size:22px;line-height:1.35;max-width:100%;min-height:100%;} body {max-width:100%;border:0px solid black} h1 {font-size:1.5rem;line-height:1;padding-bottom:1.2rem; padding-top: 1.4rem;margin: 0 0 1rem 0} .sekretariat h1 {display:inline-block;} .bildungsangebote h1 {margin: 0 0 0.5rem 0} h2{font-size:1.2rem;hyphens:auto} h2.ce_headline {display:inline-block} .ce_text.detail h3 {font-size:1.4rem; padding:1rem 0 0.5rem 0} .ce_text a {display:inline;color:#66b02f} p {text-align:left;font-size:0.95rem; hyphens:none} #wrapper {min-width: 1%;max-width: 100%;min-height:100vh;align-content:space-between;overflow:hidden} #footer {position:relative;bottom:0px;padding:0 0.1rem 0 0.1rem} #footer .inside {display:block;height:auto;} #footerlogo {display:flex;justify-content:center;width:100%;align-items:center;} #footerlogo img {margin:0.0rem;display:block;margin:2px 0 -1px 0} #footer .ce_text {overflow:auto; white-space:normal; max-width:100vw;display: inline-block;text-align:center} #footer p {font-size: 0.79rem;text-align:center;margin-top:0px} #footer a {padding:0 0px 0 0px} .beginn #container {padding-bottom:0px} #mobile-menu-48 {transition: none;} /* eilmeldung*/ #header .mod_article {min-width:1%;max-width:100%} #header .mod_article.eilmeldung {} .beginn .mod_newslist p.more a {margin-left:0.8rem;display:inline-block} .beginn .mod_newslist .layout_latest {display:inline-block} .eilmeldung p {position:relative;text-align:left;line-height:1.1rem} /* .eilmeldung p a::before {position:absolute;bottom:0;left:0;float:right;margin-top:-0.07rem} */ #header .inside {min-width:100%;max-width:100%} /*.nachrichtenleser #header, .suchergebnisse #header, .kein-menue #header, .kein-bild-oben #header {height:142px}*/ .startvarianten {display:none} #header .mod_article.eilmeldung p {font-size:1rem} #header .mod_article.last {padding:0 0 0 0} /*_________________Logo Direktlinks suchen______________________*/ .LSD {min-width:1px;max-width:100%;width:100%;height:auto;padding-right:0.3rem;border:0px solid red;} #header .LSD .inner {max-width:100%;justify-content: flex-start;flex-wrap:wrap;align-content: space-between} .lsd-oben {display:flex;flex-wrap:wrap;align-content: space-between;height:66%;width:100%} .lsd-unten {margin:0.2rem 0 0rem 0.2rem;padding:0; overflow-x:auto;flex-wrap:wrap;width:100%} .gesucht .suchbereich{padding:0 30px 0 30px} .direktlink {margin:0 0 0 0} #startlogo {left:0.2rem;position:relative;min-width:35%;margin-bottom:0.0rem} .mod_search {width: 100%} #formbody {width:100%} .suche-header {width:64%;padding-right: 3rem;padding-left:0.3rem;top:0%;border:0px solid green;position:relative;left:0;display:flex} #header .widget-submit {width:auto; border:0px solid blue;margin-left:10px} #header button {width:1.2rem;height:1.2rem;top: -2px;position:relative;left:0} .gesucht .widget-text {margin-bottom:0PX;width:auto;margin:5px 0 0 0} input.text {margin-bottom:-4px;overflow:hidden;max-width:100%;margin-right:0px} /*_________________Logo Direktlinks suchen______________________*/ #main {padding: 0 0.25rem 0 0.25rem;border:0px solid green} #main .widget-text {border-left:1.5px solid rgba(102,176,47,1);border-bottom:1.5px solid rgba(102,176,47,1);border-bottom-left-radius:3px;padding-bottom:0px;margin-top:-3px} #main .mod_search .text {border:0px solid red;padding-bottom:0px} #startlogo img {height:2.8rem} .direktlink {white-space:normal;width:100%;display:inline-block;margin-top:.1rem;overflow:auto;padding:.2rem 0.3rem 0.1rem 0;text-align:center} .direktlink, .widget-text {font-size:0.95rem;padding-left:0.1rem} #header .direktlink a {padding:0 0.0rem 0 0.0rem;margin:0 0 0 0} /*____________ Listen ___________________*/ .dual.ebene-2 .ce_text ol {width: 100%;padding-top:10px} .dual.ebene-2 .ce_text ol,.dual.ebene-2 .ce_text ol.rechts {padding:0 0 0 0;margin:0 0 0 0} .dual.ebene-2 .ce_text ol {margin:1rem 0 0 0} /*_______________________________________*/ .mod_mobile_menu {box-sizing:border-box;max-width:100%;display:block;overflow:visible;border:0px;Border-top:0px solid green;} .mobile_menu {background: rgba(255,255,255,0.75);} .mobile_menu .inner {margin-left:15%;padding-right:0} .nav_mobi ul.level_1 {margin:0 0 0 0;padding:0 0 0 0;} .nav_mobi .level_1 > li, li.sonder {padding-left:0;width:auto} .mobile_menu_trigger {} .toggler {background:#adbada;padding:5px;padding-bottom: 7px;display:flex; object-fit:cover;height:3.5rem;width:3.5rem;border-bottom-left-radius:5px} /*_______________________________________*/ /* News im slider im header */ #header .mod_rocksolid_slider {border:0px solid greenyellow;height:350px;min-height:350px;display:block;left:-1px;min-width: calc(100vw + 1px);margin-bottom:20px} .mod_rocksolid_slider.one {min-width:100%} #header .mod_rocksolid_slider a {padding: 0 0 0 0; margin:0 0 0 0} #header .mod_rocksolid_slider .layout_latest {margin:0 0 0rem 0;border:0px solid red;padding:0 0 0rem 0;overflow:visible;z-index:0;} #header .bildgroesse {border:0px solid yellow;align-items:flex-end;position:absolute;height:calc(100% + 16px);width:100%;top:0%;left:0;overflow:visible;display:flex;z-index:10;justify-content:flex-end;} #header .bildgr-innen {padding:0 0 0 0;width:auto;} #header .bildgroesse .ce_text {border-top-right-radius:0;;padding:7px 13px 17px 10px;max-width:64%} .mod_rocksolid_slider p.more {position:relative;right:-12px;margin: 13px 0rem 0 0px;text-align:right;} .mod_rocksolid_slider p {font-size:0.95rem} #header .mod_rocksolid_slider p.more a {background:white; padding:6px 6px 9px 6px;border:none;font-size:1rem} #header .rsts-prev, #header .rsts-next {display:none} .rsts-skin-default .rsts-prev {left:0;} .rsts-skin-default .rsts-next {right:0} /* andere Slider /*/ #main .mod_rocksolid_slider.rundgang,#main .mod_rocksolid_slider.segeln {margin-bottoM:-1rem;} .mod_rocksolid_slider.rundgang h2 {padding: 0.8rem 0.75rem 1rem 0.75rem} #main .rsts-prev, #main .rsts-next {height:100%;top:0;bottom: 0;border:0px solid red} .rsts-next::after, .rsts-prev::after {margin-top:0} /*slider für Text*/ #header .eilmeldung .bildgroesse {height: calc(100vh - 30vh);align-items:flex-start;position:relative} #header .eilmeldung .bildgr-innen {max-height:100%;padding:0.3rem 0 0.5rem 0;;overflow-y:scroll;border:0px solid green;position:relative;} #header .eilmeldung .bildgroesse .ce_text {width:92%;Background:rgba(0,0,0,0.03);height:auto;text-align:center;left:0;position:relative;margin:0 0 0.3rem 0;border-radius:4px;flex-wrap:wrap;overflow-y:scroll;bottom:0;padding: 0.7rem 0.5rem 1.5rem 0.5rem} .eilmeldung .bildgr-innen:after {width:92%;Background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 65%, rgba(255,255,255,0) 100%); transparent ;height:2rem;position:absolute; bottom:0.8rem;content:"";display:block;z-index:100;left:4%;border-bottom-left-radius:4px;border-bottom-right-radius:4px;} .eilmeldung .ce_text h1 {display:block;padding-top:0;padding-bottom:0.2rem;font-size:1.5rem;line-height:1;text-align:center;margin-bottom:0.7rem} .eilmeldung .ce_text #sliderevent h1 {} .eilmeldung .ce_text h2 {display:inline-block;border: 2px solid #bedaa5;padding: 5px 5px 4px 5px;font-size:0.77rem;margin: 1.1rem 0 0 -0.1rem;line-height:1;background:rgba(190,218,165,0.2);border-radius:4px;width:auto;font-weight:normal;color:black;hyphens:none; } .eilmeldung .ce_text h3 {color: #66b02f;display:block;padding: 0.5rem 0 0.5rem 0; font-size: 1.1rem;line-height:1;} .eilmeldung .ce_text p { hyphens:none; font-size: 0.82rem;padding: 0 0rem 0 0rem;color:#004f91} .termine-links,.termine-rechts,.termine-mitte {width:100%} .eilmeldung p a {background:transparent} .eilmeldung p.more {display:none} /* breadcrumbs */ .mod_breadcrumb {display:block;padding-top:1rem;padding-left:0px} .mod_breadcrumb h1 {display:block;line-height:1.35rem} .mod_breadcrumb ul {display:inline-block} .mod_breadcrumb li,.mod_breadcrumb li a {margin-right:0.5rem} .mod_breadcrumb li:after {margin:0 0 0 0} /* Artikel */ .beginn #header .mod_article {border:0px solid green;display:flex; align-items:flex-start} .beginn .mod_article {padding: 0 0 0 0;height:auto} .mod_article {padding: 0.75rem 0.5rem 1rem 0.5rem;} .mod_article.sekretariat {padding: 0.75rem 0.5rem 1rem 0.5rem;} .greenteam h2 {margin:2rem 0 0 0} .greenteam .ce_text.zurueck p {max-width:72%} .ce_text.green-presse a {display:inline-block} /* Nachirchten */ .nachrichtenleser .image_container {width:100%;float:none; margin:0 0 0 0} .nachrichtenleser h1 {padding-bottom:1rem} .nachrichten h2, .nachrichtenleser-tags h2 {line-height:1.5rem;text-align:center} .nachrichtenleser-tags .ce_text .mod_tagcloud {margin-top:-0.4rem;margin-bottom:-2rem} footer /* Nachirchtenarchvi und tags */ .nachrichten-alle {display:grid;grid-template-columns: 100%; ;grid-gap:1rem} .tagcloud-alle .cloud li {margin: 0.2rem 0.2rem 0.2rem 0.2rem } .mod_tagcloud.tagcloud-alle {padding:0 0 3rem 0} .nachrichten-alle .layout_latest {height: 350px;} .nachrichten-alle .tag-chain li {Padding: 2px 2px 2px 2px;margin: 4px; border: 1px solid rgba(10, 1, 4, 1); background: rgba(10, 17, 4, .05)} .nachrichten-alle .tag-chain li a {color:rgba(10, 17, 4, 1);margin: 0 0 0 0} .nachrichten-alle .tag-chain li a::before {color:rgba(10, 17, 4, 1)} /* Bilder und Galerien Listen */ .bild-kleiner img {padding:1rem 1.5rem 1rem 1.5rem} .ce_text ul, .ce_text ol {; font-size: 1rem;width:100%} .beratung .ce_text ul ul{; padding: 0 0 0 0rem} .beratung .ce_text ul {margin:0rem 0.3rem 0rem 0.0rem} .ce_text ul li::before {padding-right:.05rem} .bildungsangebote .ce_text ul {padding: 1rem 0 0 0;} .accordion ul, .accordion ol {padding-top:0.5rem} .ce_gallery .image_container,.ce_gallery .abt-leitung .image_container {padding:0; display:flex; justify-content:center;align-content:center;flex-wrap:wrap;border:0px solid red} .ce_gallery.abstand-unten {padding:0 0 0.7rem 0} .ce_gallery .cols_2 li {width: calc(50% - 0.3rem)} .ce_gallery .cols_2 li a {height:25vw;} .ce_gallery .cols_2 img {min-height:25.1vw;min-width:calc(50vw - 0.3rem);} .ce_gallery.hoch .cols_2 li a {height:57vw;} .ce_gallery.hoch .cols_2 img {min-height:57.1vw} .ce_gallery.quad .cols_2 li a {aspect-ratio:1 / 1;height:auto} .ce_gallery.quad .cols_2 img {width: calc(50% - 0.3rem);min-height:1px} .ce_gallery .cols_3 li {width: calc(50% - 0.3rem)} .ce_gallery .cols_3 li a {height:30vw} .ce_gallery .cols_3 img {min-height:30.1vw} .ce_gallery.hoch .cols_3 li a {height:45vw} .ce_gallery.hoch .cols_3 img {min-height:45.1vw} .ce_gallery.quad .cols_3 li a {aspect-ratio:1 / 1; height:auto} .ce_gallery.quad .cols_3 img {width: calc(50% - 0.3rem);min-height:1px} .ce_gallery .cols_4 li {width: calc(50% - 0.3rem);} .ce_gallery .cols_4 li a {height:30vw;} .ce_gallery .cols_4 img {min-height:30.1vw;min-width:calc(50vw - 0.3rem);} .ce_gallery.hoch .cols_4 li {height:57vw;} .ce_gallery.hoch .cols_4 li a {height:57vw;} .ce_gallery.hoch .cols_4 img {min-height:57.1vw} .ce_gallery.quad .cols_4 li a {aspect-ratio:1 / 1;height:auto} .ce_gallery.quad .cols_4 img {width: calc(50% - 0.3rem);min-height:1px} .ce_gallery .cols_5 li {width: calc(50% - 0.3rem)} .ce_gallery .cols_5 li a {height:30vw} .ce_gallery .cols_5 img {min-height:30.1vw} .ce_gallery.hoch .cols_5 li a {height:50vw;} .ce_gallery.hoch .cols_5 img {min-height:50.1vw} .ce_gallery.quad .cols_5 li a {aspect-ratio:1 / 1;height:auto} .ce_gallery.quad .cols_5 img {width: calc(50% - 0.3rem); min-height:1px} .image_container.float_left img, .image_container.float_right img {margin: 0 0 1rem 0; min-width:100%} .detail .abt-leitung .caption {margin: 0 0 1rem 0;text-align:center} /* europa */ #europa .caption {margin: 0.3rem 0 0rem 0} #europa .ce_text .image_container img {margin: 0} #europa .ce_text .image_container,#europa .ce_text img {width:100%} #europa .ce_text img {margin: 0.5rem 0 0.5rem 0} #europa .ce_text table td {padding:2vw} #europa td p a {margin:0;padding:0} #europa .ce_accordion {padding-left:1.6rem;} #europa .ce_accordion .ui-accordion-content {padding-left:0rem;} #europa .toggler {padding-left:1.6rem} #europa .toggler.active { } #europa .toggler::before {margin-left:-1.6rem} #europa .ce_text.hintergrundbild {display:flow-root;margin:1rem 0 1.5rem 0} /* Länder*/ .ce_text .land {color:black;font-size:0.8rem;} .ce_text .land a {color:black;letter-spacing: 0.05rem} #finnland {top: 15%; left:72%;} #norwegen {top:18%; left:27%;} #frankreich {left:2%;top:63% } #spanien {top:82%; left:14%;} .ce_text .city a, .ce_text .city a:visited {color: #004f91;} finnland .city.finnland, .norwegen .city.norwegen, .frankreich .city.frankreich, .spanien .city.spanien {border:.18rem solid #e7334c;width:1.3rem;height:1.3rem} .finnland .city.finnland a, .norwegen .city.norwegen a, .frankreich .city.frankreich a, .spanien .city.spanien a {font-size:1.1rem; padding-left: 1.35rem;letter-spacing:-0.025rem} .euro-detail .land::after {display:none} .euro-detail .ce_text.hintergrundbild {position:relative;} .euro-detail .ce_text.hintergrundbild::after {position: absolute; content:""; display: block;top:36%; left:0; width: 6rem; height: 3rem; background: url(../europa/logos/...jpg) left top no-repeat;background-size: contain;} .euro-detail.finnland .ce_text.hintergrundbild::after {background:url("../europa/logos/flagge-vaasa.svg") left top no-repeat; background-size: contain;} .euro-detail.norwegen .ce_text.hintergrundbild::after {background:url("../europa/logos/flagge-norwegen.jpg")left top no-repeat; background-size: contain;} .euro-detail.frankreich .ce_text.hintergrundbild::after {background:url("../europa/logos/flagge-frankreich.jpg")left top no-repeat; background-size: contain;} .euro-detail.spanien .ce_text.hintergrundbild::after {background: url(../europa/logos/flagge-mallorca.jpg) left top no-repeat; background-size: contain;} /* Galerie mit Name, Zeile mit vier wird zu Zeile mit zwei */ .ce_gallery.lerncoaching {} .ce_gallery.lerncoaching ul {padding: 0 10px 0 10px} .ce_gallery.lerncoaching .cols_4 li {width: calc(50% - 5px);margin-bottom:30px} .ce_gallery.lerncoaching .cols_4 .image_container {padding:0 9px 0px 9px;height: 150px} .ce_gallery.lerncoaching .cols_4 li img {min-height:150px;} .ce_gallery.lerncoaching .caption {top:150px} /* menue */ .nav-neu {margin-bottom:3rem;} .nav-neu .level_1 {padding: 0 0 0 0;justify-content: space-between} .nav-neu .level_1 li {font-size: 1.6rem;width:32.3%;margin-bottom:1.0rem} .ebene-2 .nav-neu .level_1 li {font-size: 1.6rem;width:32.3%;margin-bottom:1.0rem} .nav-neu .level_2.nav--open {padding:0.5%} /* blendet oberste Menueebene aus, wenn auf Eben 3 (Abitur; Berufe etc. */ .ebene-3 .nav-neu .level_1 > li.trail {color:Transparent;text-shadow:none;} .ebene-3 .nav-neu .level_1 > li.trail::before {content:"";border-radius:15px; position:absolute;height:270px;top:0; width:100%;z-index:3;background-color:rgba(255,255,255,1);opacity:0.8 } .ebene-3 .nav-neu .trail .level_2 {display:flex;position:absolute; top:0;left:0;width:100%;height:100%;flex-direction:column; align-items:center;justify-content: center;} .ebene-3 .nav-neu .trail .level_2 > li {display:block;width:100%;font-size:1.15rem;font-weight:400;text-shadow:none;height:auto;margin-top: 2px;margin-bottom:3px;padding:2px;padding-bottom:4px;text-align:center;border:1.5px solid transparent;border-radius:5px;} .ebene-3 .nav-neu .trail .level_2 > li.active {color: #004f91 ;border:1.5px solid #004f91;background:rgba(173,186,218,.2);} li.active strong {font-weight:inherit} .ebene-3 .nav-neu .trail .level_2 > li a:focus {color:#004f91} .ebene-3 .nav-neu .trail .level_2 > li a:active {color:#004f91} .ebene-2 .nav-neu .level_2 {flex-direction:row} .nav-neu .level_2.nav--open > li {font-size: 1.15rem;margin-bottom:0.15rem;margin-top:0.1rem;line-height:1.2} .nav-neu .level_2.nav--open > li.active {border:1.5px solid #004f91;background:rgba(173,186,218,.2);font-weight:400} .ebene-2 .mod_navigation.nav-neu {width:100%} /* Detailinfo Berufe /*/ #bg-bos .toggler {font-size:1.3rem} .detail .abt-leitung .image_container {margin:20px 0px 1.5rem 0;width:100%;} .beratung .detail .abt-leitung .image_container {margin:0px 0px 1.5rem 0;left:4%;width:92%;} .ce_text.detail h3 {padding-top:0rem} .detail .abt-leitung .caption {margin:0 0 0 0} .ce_text.detail,.bg-bos .ce_text.detail {width:100vw;margin: 1rem -0.75rem 0 -0.75rem} .detail h3::before {display:none} /* Reihenfolge erst Inhalt, dann Detail /*/ .detail-unten .detail h3::before {background:#f3f6fd} .detail-unten .ce_text.detail {margin-top:1rem} /* ----- /*/ .ce_text.detail ul li {margin-left:0;padding-left:1.35rem} .ce_text.detail ul li::before {top:0.13rem} /* Tabelle Ferien */ #table_508 {overflow:auto; display:block} /* Artikel dokinfo portrait */ #teilzeit {} #vollzeit .detailinfo div.accordion {width:150px;left:-50%} /* e */ .abt-leitung .image_container {width:100%;margin-left:0} .leitung .abt-leitung .caption {margin: 0 0 0 0} /* eben-3 */ .ce_text.profile {display:inline-block} .ce_text.profile ul {width:auto} .abitur.bildungsangebote .ce_text ul {margin-left:0px} .bildungsangebote .ce_text li {font-size:1rem} .ce_text li::before {font-size:1.0rem;padding-right.ce_text a :0.08rem; padding-top:0.02rem} .ce_text.detail,.bg-bos .ce_text.detail, .beratung .ce_text.detail {position:relative;margin-right:0rem;margin-left:0%;padding:1rem;margin-top:-0.7rem;margin-bottom:1.5rem;margin-left:-1rem;margin-right:-1rem;float:none;border-radius:5px;border:0px solid red} /* Bilder beratung */ .beratung .caption {margin: 0 0 0 0} /* sekretariat */ .sekretariat .mod_article {width: calc(100% - 8%)} .sekretariat .ce_text {width: calc(100% - 0rem)} .sekretariat .ansprechpartner table {} .ansprechpartner table {width:100%;margin:5% 0rem 10% 0rem } td p {text-align:left;border:0px solid transparent} p a {border:0px solid transparent;} td p a::before {display:none} .ansprechpartner.ebene-2 ul {width:100%} .ansprechpartner .ce_text ul li::before {font-size:0.95rem} /* Kontaktformular */ #main .kontakt .formbody {} #main .kontakt .widget {margin:0rem 0 0rem 0;display:inline-block} #main .kontakt .widget-text {width:101.5%;margin:0rem 0rem 0rem -0.2rem} .kontakt .mandatory {width: auto} .kontakt .text.mandatory, .kontakt .textarea.mandatory {width: 100%;margin:0.5rem 0 1rem 0} #ctrl_eigene input[type="file" i] {font-family: gudea;color: grey;} #ctrl_eigene::file-selector-button { border: 1px solid rgba(102,176,47,1); color: rgba(102,176,47,1); padding: 8px;width: 180px; border-radius: 4px; background-color: #ffffff;margin-right:15px } #ctrl_eigene::file-selector-button:hover { background-color: #e9e9e9; } #ctrl_eigene::-webkit-file-upload-button { border: 1px solid rgba(102,176,47,1); color: rgba(102,176,47,1); padding: 8px;width: 180px; border-radius: 4px; background-color: #ffffff;margin-right:15px } #ctrl_eigene::-webkit-file-upload-button:hover { background-color: rgba(102,176,47,0.8); color:white } #main .kontakt .upload {width: 100%;display:flex;justify-content:center;flex-wrap:wrap} #main .kontakt .widget.widget-submit {display:flex;justify-content:center;margin-bottom:1rem} #main .kontakt .upload .widget.widget-upload {width: 100%;display:flex;justify-content:center;margin-bottom:1rem} .mod_eventlist {padding: 0 0 0 0;margin: 0 0 2rem 0} .mod_eventlist h1 {margin: 1rem 0 0 0} .mod_eventlist .empty {margin: 1rem 0 0 0} .termine-auf-seite .mod_eventlist {margin: 0 0 0 0; padding: 0 0 0 0} .event {padding: 0 5% 0 5%;text-align:center} .termine-auf-seite .mod_eventlist .ce_text {padding-bottom:0} .mod_eventlist .header {width:100%} .mod_eventlist .ohne-time .day::after {content:"/";display:inline-block; margin:0 0.25rem 0 0.25rem;position:relative} .eventdaten {border: 0;display:flex; flex-wrap:wrap;justify-content:center;min-width:100%;background:#f3f6fd} .termine-auf-seite .eventdaten {background:white} .eventdaten-innen {margin:0 0% 0 0%;} .eventdaten .info,.eventdaten .location {font-size:0.8rem;display:inline-block;min-width:50.1%} #sliderevent p a {padding:1px; border:none;display:inline-block;width:auto} /* Upload Sekretariat */ .mod_login {font-size: 1rem} .uploader .upload {flex-wrap:wrap;border:0px solid green} .uploader .widget-upload, .uploader .widget-submit {width:100%;border:0px solid red;overflow:hidden} .uploader .widget-submit {margin-top:0;} .uploader .widget-submit button {float:left;font-size:0.85rem} .uploader .widget label {float:none;display:block;text-align:center;width:auto;} .uploader .widget input {float:none;text-align:center;font-size:0.85rem} .uploader .ce_text {margin-top:1.5rem} .uploader #main .formbody {border:0px solid blue;max-width:100%} /* videoplayer*/ .player-klein {width:auto;margin:20px 20px 25px 20px} #footer a.insta {position:relative;top:2px} /* videoplayer*/ #logoleiste .image_container {padding:15px 5px 0 5px} #header .mod_article.logoleiste {border:0px solid black; display:flex; justify-content:center;align-items:center;flex-wrap:wrap;width:auto;min-width:1px;height:auto;gap:5px;padding-bottom:15px} #logoleiste .ce_image, #logoleiste .ce_image.quad {width: 30%;height:auto} #logoleiste .image_container {padding:5%} #logoleiste .logoleiste .image_container {object-fit:cover;max-height:100%;max-width:100%} #header .logoleiste .ce_image img {max-width:100%;max-height:100%;height:auto;min-height:1px;min-width:1px} #header .logomeldung .bildgroesse {height:70vh;max-height:70VH; margin-top: -35vh} #header .logomeldung .bildgroesse .ce_text {padding:5% 7% 20% 7%; gap:5%;} #header .logomeldung .ce_image {width:90px;height:auto;margin-bottom:20px;} #header .logomeldung .ce_image.quad {height:auto;width:70px} .bege.neues a {border:none;background:none} /* idee */ .idee .ce_text.detail {margin-top:1rem} .idee .mod_article {display:flex; flex-wrap:wrap} .ce_accordionSingle {width:100%;padding-left:5px} .idee #bg-bos .accordion .ce_gallery ul {padding-right: 1rem} .idee .accordion .ce_gallery .cols_2 li {width: 100%;height:45vw;} .idee .ce_accordion .cols_2 .image_container {width:100%; height:100%;padding:0 0 0 0} .idee .accordion .ce_gallery .cols_2 img {min-height:45vw;min-width:100%} .idee .image_container.float_below {margin: 0 0 0 0} .idee .ce_accordion .image_container {height:45vw;padding-right: 1rem;margin-top:0;border-radius:5px} .idee .ce_accordion .image_container a {} .idee .ce_accordion .image_container img {min-width: 100%;min-height: 30vw; object-fit: cover;} /* beratung*/ #beratung {display:none} /* ausschhreibung */ .ausschreibung .toggler:visited, .ausschreibung .toggler, .ausschreibung .toggler:active, .ausschreibung .toggler:focus {font-size:1.25rem;background:none; height:auto; width:auto;padding-top:1.7rem;padding-left:1.7rem;padding-bottom:1rem} .ausschreibung .accordion h3 {font-size: 1.20rem} .ausschreibung .accordion div {padding-left:0} /*abschlussbilder*/ .a-bilder .mod_article {padding: 0 0 0 5px} #a-bilder .ce_text ul li a {padding: 0 0 0 0} #a-bilder .ce_text ul li {margin: 0 0 0 0} #a-bilder .image_container {margin: 0 0 20px 0; padding: 0 0 0 0;box-sizing:border-box} #a-bilder .toggler, #a-bilder .toggler:hover {line-height: 1.1} #a-bilder .ce_gallery {display:flex;justify-content:center;padding:0 5px 0 5px} #a-bilder .ce_gallery ul {justify-content:space-between;padding:0 0 0 0} #a-bilder .ce_gallery li {width:49%} #a-bilder .image_container{display:flex; justify-content:center;align-items:flex-start;position:relative;} #a-bilder .image_container a {z-index:1} #a-bilder .outer-caption{text-align:center;position:absolute;z-index:2;width:100%;top:6% } #a-bilder .caption {top:0;width:auto;display: inline-block;margin:0; padding:3px 4px 4px 4px} #a-bilder .title {margin-top: 8px} #logoleiste .image_container { filter: grayscale(0.0); transition: all 0.9s ease-in;} .layout_full {padding-top:15px} /* imagefilm */ #header .imagefilm .bildgr-innen {justify-content:center;border:0px solid rgb(255, 0, 0) ;align-items:center;max-width:100vw;max-height:350px;height:350px;left:0;margin-left:0px} #header .imagefilm .bildgroesse {padding:0;max-width:100%;height:100%;justify-content:center;} #header .imagefilm .bildgroesse .ce_text {padding:0;max-width:100%;} .imagefilm .bildgroesse .ce_text {max-height:350px;height:350px;min-height:350px;padding:0px;box-shadow:none; border-radius:0;border:0px solid green;display:flex; align-items:center;justify-content:center;aspect-ratio: 1.7/1;background:transparent;margin:0} .imagefilm .ce_player {max-width:100%;border:0px solid white;;border-radius:0px} /* Mobile Korrekturen fuer die tatsaechlich ausgegebene Modulstruktur. * Suchmodul 85, Menue 48; Logoleiste und Direktlinks ohne Header-Abhaengigkeit. */ html, body { max-width: 100%; overflow-x: clip; } .LSD { padding-top: 3.75rem !important; } .LSD, .LSD .inner, .lsd-oben, .lsd-unten, .direktlink { box-sizing: border-box !important; min-width: 0 !important; max-width: 100% !important; } .lsd-unten { width: 100% !important; margin-left: 0 !important; overflow: clip !important; } .direktlink { display: flex !important; flex-wrap: wrap !important; justify-content: center; width: 100% !important; overflow: clip !important; white-space: normal !important; } .direktlink a { min-width: 0 !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; white-space: normal !important; overflow-wrap: anywhere; } /* Die Lupe ist das fokussierbare Suchfeld selbst: kein leerer Submit beim Oeffnen. */ .mod_search.gesucht { position: fixed !important; top: 0 !important; right: 3.5rem !important; left: auto !important; width: 3.5rem !important; max-width: calc(100vw - 3.5rem) !important; height: 3.5rem !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; z-index: 1001 !important; background: white; overflow: visible !important; } .mod_search.gesucht:focus-within { width: min(17rem, calc(100vw - 3.5rem)) !important; } .mod_search.gesucht form, .mod_search.gesucht .suchbereich, .mod_search.gesucht .formbody { display: flex !important; flex-direction: row !important; align-items: center; width: 100% !important; min-width: 0 !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .mod_search.gesucht .widget-text { flex: 1 1 0 !important; order: 0 !important; min-width: 0 !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } #ctrl_keywords_85 { display: block !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 3.5rem !important; margin: 0 !important; padding: 0 !important; border: 0 !important; font-size: 0 !important; cursor: pointer; background: white url("../logos/icons/lupe.svg") center / 1.5rem 1.5rem no-repeat !important; } .mod_search.gesucht:focus-within #ctrl_keywords_85 { height: 2.5rem !important; padding: 0.25rem !important; font-size: 1rem !important; cursor: text; background: white !important; outline: 2px solid #004f91 !important; outline-offset: -2px; } .mod_search.gesucht .widget-submit { display: none !important; flex: 0 0 2.5rem !important; order: 1 !important; width: 2.5rem !important; margin: 0 !important; padding: 0 !important; } .mod_search.gesucht:focus-within .widget-submit { display: block !important; } #ctrl_submit_85 { position: static !important; display: block !important; width: 2.5rem !important; height: 3.5rem !important; margin: 0 !important; padding: 0 !important; background: white url("../logos/icons/lupe.svg") center / 1.5rem 1.5rem no-repeat !important; } #mobile-menu-48-trigger { position: fixed !important; top: 0 !important; right: 0 !important; left: auto !important; box-sizing: border-box !important; width: 3.5rem !important; max-width: 3.5rem !important; margin: 0 !important; border: 0 !important; z-index: 1002 !important; } #mobile-menu-48-trigger .toggler, #mobile-menu-48-trigger .toggler:active { width: 3.5rem !important; height: 3.5rem !important; } /* Acht Partnerlogos: vorher 30%, jetzt 7.5% der verfuegbaren Breite. */ #logoleiste.mod_article { display: flex !important; flex-wrap: wrap !important; justify-content: center; align-items: center; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; gap: 5px !important; } #logoleiste .ce_image, #logoleiste .ce_image.quad { flex: 0 0 7.5% !important; width: 7.5% !important; max-width: 7.5% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; aspect-ratio: auto !important; } #logoleiste .image_container, #logoleiste .image_container:hover { margin: 0 !important; padding: 5% !important; } #logoleiste .ce_image img { display: block; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; object-fit: contain; } } /* Bestehende Detailkorrektur fuer sehr schmale Ansichten. */ @media only screen and (width <= 333px) {.eventdaten-innen {margin:0 0% 0 0%} } /* Mittlere Ansicht: orientierungsabhaengige Bestandsregeln. */ @media only screen and (450px <= width < 900px) { /* Quelle: west-ipad.css, Hochformat. */ @media (orientation: portrait) { *{box-sizing:border-box} html {border:0px solid rgb(161, 229, 237);font-size:22px;line-height:1.35;} #wrapper {min-width: 1%;max-width: 100%;min-height:100vh} #container {width:100%;max-width: 100%;} .mod_article {padding: 0 2rem 1rem 2rem} #footer .inside {} /*** slider main*/ #main .mod_rocksolid_slider.rundgang {position:relative;left:0;margin: 0 -2rem 1rem -2rem;width:auto} .mod_rocksolid_slider.rundgang h2 {padding: 1rem 2rem 1rem 2rem} /*** logoleisten*/ #header .mod_article.logoleiste {min-width:1px} /*** slider*/ .mod_rocksolid_slider.one {width:100%;min-width:100%;background:transparent;overflow:visible;height:45vw;min-height:100px;margin-bottom:0rem;border:0px solid green} #header .mod_rocksolid_slider .layout_latest {height:45vw;padding:0} .mod_rocksolid_slider .image_container {min-height:100%;height:45vw;min-width: 33vw} .mod_rocksolid_slider img {height: 45vw;min-height:38vw;width:100%} .rsts-view {padding-bottom:0px; background:transparent;} .rsts-view::before, .rsts-view::after {width:50px;border:0px solid red} .rsts-nav ul {display:none} .rsts-skin-default .rsts-prev {left:0.5rem;} .rsts-skin-default .rsts-next {right:0.5rem} #header .rsts-prev, #header .rsts-next {display:none} .bildgroesse, .wichtige-news .bildgroesse {position:absolute; top:0; left:0;min-width:100%;width:100%;height:100%;margin-bottom:0px;align-items:flex-end} #header .image_container a:link-davor {margin:0; padding:0;} .mod_rocksolid_slider.one img {width:calc(100% + 7px);border:0px solid blue;padding:0;margin-left:-7px} .bildgroesse .ce_text {min-width:48%;width:48%;padding:10px;;margin-bottom:-10px; margin-right:0px;line-height:1.1; text-align:center} .mod_rocksolid_slider p {font-size:0.9rem;text-align:left} .mod_rocksolid_slider p.more {margin: 8px;} .bildgr-innen {padding-right:2%;width:100%} #header .inside {min-width:100%;max-width:100%} #header .mod_article {min-width:1%;max-width:100%} #header .mod_article.eilmeldung {width:55%;border:0px solid green} .beginn .mod_newslist p.more a {margin-left:0.8rem;display:inline-block} .beginn .mod_newslist .layout_latest {display:inline-block} .eilmeldung p {position:relative;text-align:left} .eilmeldung p a::before {position:absolute;bottom:0;left:0;float:right;margin-top:-0.07rem} /*imagefilm*/ .imagefilm .bildgroesse { display: flex; align-items: center; justify-content:center; height: 100%;min-width:100%; border: 0px solid rgb(226, 102, 220); background-image: url("../filme/imagefilm/hg-slider.gif");} .imagefilm .bildgroesse .bildgr-innen { width:100%;display:flex;justify-content: center; border: 0px solid rgb(0, 255, 34); align-items: center;position:relative} .imagefilm .bildgroesse .ce_text { max-height: 45vw; padding:10px;margin-bottom:0%;margin-top:0%; min-height: 1px; box-shadow: none; max-width: 100%; display: flex; align-items: center; justify-content:center; aspect-ratio: 1.7/1; background: transparent;border:0px solid red} .imagefilm .video_container {border:0px solid black} .mod_rocksolid_slider .imagefilm p { display: none;} /*___________header-bild für alle seiten oben____________*/ #header .ce_image {min-width: 1px} #header .image_container {} #header img {object-fit:cover} /*________________mobile menue _______________________*/ .mobile_menu .inner {margin-left: 40vw;margin-top: -5px} .mod_mobile_menu {box-sizing:border-box;max-width:100%;display:block;overflow:visible;border:0px;Border-top:0px solid green;} .mobile_menu_trigger {margin-right:0px;position:fixed;display:block;} .toggler {height:3.6rem;width:3.6rem;padding:5px;border-bottom-left-radius:5px;z-index:1000;background:#adbada;} .toggler a:visited, .toggler a:hover, .toggler a:focus, .toggler a:active, .toggler a:visited:hover {height:3.6rem;width:3.6rem;padding:0} /*_________________Logo Direktlinks suchen______________________*/ #header .inside {min-width:100%;max-width:100%} .nachrichtenleser #header, .suchergebnisse #header, .kein-menue #header, .kein-bild-oben #header {height:142px} .startvarianten {display:none} #header .mod_article.eilmeldung {right: 4.3rem;top: 1.2rem;padding:0 0 0 0} #header .mod_article.last {padding:0 0 0 0} .LSD .inner {justify-content:space-between} .widget-text {margin-bottom:0PX;width:130%} #header .mod_search {margin-left:30vw} #header button {left:-0.3rem;top: 11px} .suche-header {width:100%} .direktlink {white-space:nowrap} #header input.text {margin-bottom:-4px;margin-left:-1.3rem;} input.text {margin-bottom:-4px} .widget-text {margin-left:1.5rem} #main .widget-text {margin-left:1rem;border-left:0px solid rgba(102,176,47,1);border-bottom:1.5px solid rgba(102,176,47,1);border-bottom-left-radius:3px;padding-bottom:0px;margin-top:-3px} #main .formbody .widget-text {margin-left:0rem;border-left:0;border-bottom:0;border-bottom-left-radius:0px;margin-top:0px} #main .kontakt .formbody {margin-left:0} #main .mod_search .text {border:0px solid red;padding-bottom:0px} .LSD {min-width:1px;max-width:100%;width:100%;height:7.5rem;padding-right:0.3rem; background:white} #startlogo img {height:3.99rem;} .direktlink, .widget-text {font-size:1rem} .widget-text {padding-bottom:5px} /*** breadcrumbs*/ .mod_breadcrumb {display:flex;align-items:flex-start; justify-content: flex-start;padding-left:2%;padding-bottom:1.5rem;} .mod_breadcrumb h1 {display:block;line-height: 1.5} .mod_breadcrumb li {margin-right:0px} .mod_breadcrumb li a {margin-right:0px} /* menue */ .nav-neu {margin-bottom:0.2rem;} .nav-neu .level_1 {padding: 0 2% 0 2%;justify-content: space-between} .nav-neu .level_1 li {font-size: 1.7rem;width:48%;margin-bottom:1.0rem} .ebene-2 .nav-neu .level_1 li {font-size: 1.7rem;width:48%;margin-bottom:1.0rem} .nav-neu .level_2.nav--open {padding:0.5%} .nav-neu .level_2.nav--open > li {margin-bottom:0px;font-size:1.2rem} /* Ebene 2. */ .ebene-2 > li.active strong {color:transparent;text-shadow:none} /* blendet oberste Menueebene aus, wenn auf Eben 3 (Abitur; Berufe etc. */ .ebene-3 .nav-neu .level_1 > li.trail {color:Transparent;text-shadow:none;} .ebene-3 .nav-neu .level_1 > li.trail::before {content:"";border-radius:15px; position:absolute;height:270px;top:0; width:100%;z-index:3;background-color:rgba(255,255,255,1);opacity:0.8;left:0 } .ebene-3 .nav-neu .trail .level_2 {display:flex;position:absolute; top:0;left:0;width:100%;height:100%;flex-direction:column; align-items:center;justify-content: center;} .ebene-2 .nav-neu .active .level_2 > li,.ebene-3 .nav-neu .trail .level_2 > li {display:block;width:100%;font-size:1.2rem;font-weight:400;text-shadow:none;height:auto;margin-top: 1px;margin-bottom:2px;padding:2px;padding-bottom:3px;text-align:center;border:1.5px solid transparent;border-radius:5px;} .ebene-3 .nav-neu .trail .level_2 > li.active {color: #004f91 ;border:1.5px solid #004f91;background:rgba(173,186,218,.2);width:95%} li.active strong {font-weight:inherit} .ebene-3 .nav-neu .trail .level_2 > li a:hover {color:#004f91} .ebene-3 .nav-neu .trail .level_2 > li a:focus {color:#004f91} .ebene-3 .nav-neu .trail .level_2 > li a:active {color:#004f91} .nav-neu .level_2.nav--open > li {font-size: 1.15rem} .nav-neu .level_2.nav--open > li.active {border:1.5px solid #004f91;background:rgba(173,186,218,.2);font-weight:400} .ebene-2 .mod_navigation.nav-neu {width:100%} .nav-neu li:hover {padding-top:0px;text-shadow: none;border:0px dotted red;border-radius:15px;} /* detailsetein berufe bg auf ebene 3 */ .ce_text.detail {margin-right:-2rem;width: 30vw; padding:0.5rem .3rem 0.5rem 0.7rem} .ce_text.detail ul,.ce_text.detail ol { margin-bottom: 0.1rem} .detail h4 {padding-bottom: 0.35rem;padding-top:0.3rem} .download p {;margin-right:0px;font-size:0.9rem} .download p a {text-indent:-1.2rem; padding-left: 1.2rem;display:inline-block} .download p a::before {text-indent:0rem;display:inline-block;} /* accordion */ .accordion .image_container {padding:0 1rem 0 1rem} #bg-bos .toggler {display:block} .ce_text .accordion ul {width:auto} .ce_text .accordion ul li {width:auto;display:block} .bild-kleiner .accordion img {padding: 2rem 2rem 1rem 2rem} .bildungsangebote .ce_text li {display:block} /* Artikel dokinfo */ #teilzeit,#vollzeit {width:100%} #teilzeit .spalte,#vollzeit .spalte {border-radius:5px;width:40%} #teilzeit a, #vollzeit a {padding:0 0 0 0} #teilzeit ul, #vollzeit ul {padding:0 0 0 0;margin: 0 0 0 0} #teilzeit li, #vollzeit li, #weitere .reihe {padding:0.8rem 0.3rem 0.8rem 0.3rem;font-size:0.95rem;line-height:1.4;} .dinfo, .anmeldung, .blockplan, .internat, .flyer, #vollzeit .dinfo, #vollzeit .anmeldung, #vollzeit .blockplan, #vollzeit .internat, #vollzeit .flyer {font-size:1rem; padding:0.8rem 0.3rem 0.8rem 0.3rem; box-sizing:border-box;background:white} #weitere {width:100%;} #weitere .reihe {border-radius:5px;background:white} /* Inhaltsseiten */ #reduziert-menue .dinfo, #reduziert-menue .blockplan {padding:0.5rem 0.6rem 0.5rem 0.6rem } } /* Quelle: west-ipad.css, Querformat. */ @media (orientation: landscape) { * {box-sizing:border-box;} html {border:0px solid red;font-size:23px;line-height:1.4;width:100%;min-height:100%;} body {max-width:100%;} #header button {left:-0.4rem;top: 13px} #wrapper {min-width: 1%;max-width: 100vw;border:0px solid green;box-sizing:border-box} #container {width:100%;max-width: 100%;} /* Identische transition-Regel steht im nachfolgenden Querformatblock. */ .toggler, .toggler:active {width:3.5rem;height:3.5rem} #header .mod_article {min-width:1%;max-width:100%;background:transparent} #header .mod_article.eilmeldung {max-width:55%} .beginn .mod_newslist p.more a {margin-left:0.8rem;display:inline-block} .beginn .mod_newslist .layout_latest {display:inline-block} .eilmeldung p {position:relative;text-align:left} .eilmeldung p a::before {position:absolute;bottom:0;left:0;float:right;margin-top:-0.07rem} #header .inside {min-width:100%;max-width:100%;} .nachrichtenleser #header, .suchergebnisse #header, .kein-menue #header, .kein-bild-oben #header { /*height:142px */} .startvarianten {display:none} /*_#header .mod_article.eilmeldung {right: 4.3rem;top: 1.2rem;padding:0 0 0 0} #header .mod_article.last {padding:0 0 0 0} .widget-text {margin-bottom:0PX} #header button {top: 2px} input.text {margin-bottom:-4px} /*___________header-bild für alle seiten oben____________*/ #header .ce_image {min-width: 1px} #header .image_container {} #header img {object-fit:cover} #main .widget-text {border-left:1.5px solid rgba(102,176,47,1);border-bottom:1.5px solid rgba(102,176,47,1);border-bottom-left-radius:3px;padding-bottom:0px;margin-top:-3px} #main .formbody .widget-text {margin-left:0rem;border-left:0;border-bottom:0;border-bottom-left-radius:0px;margin-top:0px} #main .kontakt .formbody {margin-left:0} #main .kontakt .widget-submit {justify-content:center} #main .mod_search .text {border:0px solid red;padding-bottom:0px} .LSD {min-width:1px;max-width:100vw;width:100%;padding-right:0.3rem;background:white} #startlogo img {height:4.2rem;padding:5px;background:white;border-radius:4px} .suche-header {width: 200px} .direktlink, .widget-text {font-size:1rem} .widget-text {padding-bottom:5px} /* accordion */ #bg-bos .toggler {display:block;padding-bottom:1rem} .profile-link .accordion .image_container {width: 85%;padding: 0 0 0 0;} .profile-link.ce_text .alles { width: 85%; font-size: 1.0rem; line-height: 1.0rem;} .profile-link.ce_text .obere { margin-top: 55.5%; padding: 0 4.5% 0 4.5%; } .profile-link.ce_text div div { } /*_______________________________________*/ #main {padding: 0 0.7rem 0 0.7rem;border:0px solid red} #footer {padding: 0 0.6rem 0 0.3rem} #footer p {font-size: 1rem} /*** logoleisten*/ #header .mod_article.logoleiste {min-width:1px} /* News im slider in main */ #main .mod_rocksolid_slider.rundgang {position:relative;left:0;margin: 0 -4rem 1rem -4rem;width:auto} .mod_rocksolid_slider.rundgang h2 {padding: 1rem 4rem 1rem 4rem} /* News im slider im header */ .mod_rocksolid_slider.one {width:100%;min-width:100%;background:transparent;overflow:visible;height:32vw;min-height:100px;margin-bottom:0rem;border:0px solid black} #header .mod_rocksolid_slider .layout_latest {height:32vw;} .mod_rocksolid_slider .image_container {min-height:100px;height:32vw;min-width: 33vw;border:0px dotted green} .mod_rocksolid_slider.one img {margin-left:-7px;height: 100%;min-height:32vw;border:0px solid green} .rsts-view::before, .rsts-view::after {width:50px;border:0px solid red} .rsts-nav ul {display:none} #header .rsts-prev,#header .rsts-next {display:none} .bildgroesse, .wichtige-news .bildgroesse {position:absolute; top:0; left:0;min-width:100%;width:100%;height:100%;margin-bottom:0px;align-items:flex-end} .bildgroesse .ce_text {min-width:32%;width:32%;padding:10px;margin-bottom:0px;margin-right:10px;line-height:1.1; text-align:left;} .mod_rocksolid_slider p {font-size:0.9rem;text-align:left;width:100%} .mod_rocksolid_slider p.more {margin:10px;text-align:center} .mod_rocksolid_slider a:hover {background:none; border:none} /* imagefilm */ .imagefilm .bildgroesse { display: flex; align-items: center; justify-content:center; height: 100%;min-width:100vw; border: 0px solid rgb(226, 102, 220);background-image: url("../filme/imagefilm/hg-slider.gif")} .imagefilm .bildgroesse .ce_text { max-height: 32vw; padding:10px;margin-bottom:2.5%;margin-top:2.5%; min-height: 1px; box-shadow: none; max-width: 100%; display: flex; align-items: center; justify-content:center; width: auto; aspect-ratio: 1.7/1; background: transparent;border:0px solid red} .imagefilm .bildgr-innen { width:100%;display:flex;justify-content: center; border: 0px solid rgb(255, 0, 0); align-items: center;position:relative} .mod_rocksolid_slider .imagefilm p { display: none;} /* breadcrumbs */ .mod_breadcrumb {display:flex;align-items: flex-start;padding-top:1.7rem;padding-left:0px} .mod_breadcrumb h1 {display:block;line-height:1.5} .mod_breadcrumb ul {display:inline-block} .mod_breadcrumb li,.mod_breadcrumb li a {margin-right:0} .mod_breadcrumb li::after {margin:0 0 0 0} /* Artikel */ .beginn .mod_article {padding: 0 0 0 0;border:0px solid green;overflow:hidden} .mod_article {padding: 0px 4.7rem 2rem 4.0rem;Margin-right:-0.7rem} .bildungsangebote .ce_text ul {padding: 0 0 0 0} .bildungsangebote .ce_text li {margin-left: 0rem;padding-left:1.8rem;display:block} .bildungsangebote .ce_text li::before {margin-left: -1.3rem;} /* Artikel dokinfo landscape */ .ganzes-event {padding-left:5px} .eventdaten-innen {border: 2px solid #bedaa5;padding: 5px 10px 5px 10px;font-size:0.8rem;background:white;display:flex; flex-wrap:wrap;justify-content:center;} .eventdaten {border: 0;display:flex; flex-wrap:wrap;justify-content:center;backgroud:transparent} /* Artikel dokinfo landscape */ #teilzeit,#vollzeit {width:100%} #teilzeit .spalte,#vollzeit .spalte {border-radius:5px;width: 40%} #teilzeit a, #vollzeit a {padding:0 0 0 0} #teilzeit ul, #vollzeit ul {padding:0 0 0 0;margin: 0 0 0 0} #teilzeit li, #vollzeit li, #weitere .reihe {padding:1rem 0.5rem 1rem 0.5rem;font-size:1rem;line-height:1.4;} .dinfo, .anmeldung, .blockplan, .internat, .flyer, #vollzeit .dinfo, #vollzeit .anmeldung, #vollzeit .blockplan, #vollzeit .internat, #vollzeit .flyer {font-size:1rem; padding:1rem 0.5rem 1rem 0.5rem; box-sizing:border-box;background:white} #weitere {width:100%;} #weitere .reihe {border-radius:5px;background:white} /* Inhaltsseiten */ #reduziert-menue .dinfo, #reduziert-menue .blockplan {padding:0.5rem 0.6rem 0.5rem 0.6rem } /* menue */ .nav-neu {margin-bottom:0.2rem;} .nav-neu .level_1 {padding: 0 0 0 0;justify-content: space-between} .nav-neu .level_1 li {font-size: 1.6rem;width:32.3%;margin-bottom:1.0rem} .ebene-2 .nav-neu .level_1 li {font-size: 1.6rem;width:32.3%;margin-bottom:1.0rem} .nav-neu .level_2.nav--open {padding:0.5%} /* blendet oberste Menueebene aus, wenn auf Eben 3 (Abitur; Berufe etc. */ .ebene-3 .nav-neu .level_1 > li.trail {color:Transparent;text-shadow:none;} .ebene-3 .nav-neu .level_1 > li.trail::before {content:"";border-radius:15px; position:absolute;height:270px;top:0; width:100%;z-index:3;background-color:rgba(255,255,255,1);opacity:0.8 ;left:0} .ebene-3 .nav-neu .trail .level_2 {display:flex;position:absolute; top:0;left:0;width:100%;height:100%;flex-direction:column; align-items:center;justify-content: center;} .ebene-2 .nav-neu .active .level_2 > li, .ebene-3 .nav-neu .trail .level_2 > li {display:block;width:100%;font-size:1.1rem;line-height:1.1;font-weight:400;text-shadow:none;height:auto;margin-top: 2px;margin-bottom:3px;padding:2px;padding-bottom:4px;text-align:center;border:1.5px solid transparent;border-radius:5px;} .ebene-3 .nav-neu .trail .level_2 > li.active {color: #004f91 ;border:1.5px solid #004f91;background:rgba(173,186,218,.2);width:95%} li.active strong {font-weight:inherit} .ebene-3 .nav-neu .trail .level_2 > li a:hover {color:#004f91} .ebene-3 .nav-neu .trail .level_2 > li a:focus {color:#004f91} .ebene-3 .nav-neu .trail .level_2 > li a:active {color:#004f91} .ebene-2 .nav-neu .level_2 {flex-direction:row} .nav-neu .level_2.nav--open > li {font-size: 1.10rem;margin-bottom:0.15rem;margin-top:0.1rem;line-height:1.1} .nav-neu .level_2.nav--open > li.active {border:1.5px solid #004f91;background:rgba(173,186,218,.2);font-weight:400} .ebene-2 .mod_navigation.nav-neu {width:100%} .nav-neu li:hover {padding-top:0px;text-shadow: none;border:0px dotted red;border-radius:15px;} /* bg seite und inhaltsseiten ebene 3 */ .ce_text .ce_gallery li::before {display:none} .ce_text.detail {z-index:10; margin-right:-4.7rem;width:30vw } .ce_text.detail ul li::before {line-height: 0.65rem} .bildungsangebote .ce_text ul {padding:25px 0 0 0 } .detail .download p {font-size:0.85rem} .accordion .image_container {padding: 0 1rem 0 1rem} .ce_text .accordion ul {width:auto} .ce_text .accordion ul li {width:auto;display:block} .ce_text ul li::before {top:0rem} /* ebene-2 texte */ .zweispaltig .ce_text ul, .zweispaltig .ce_text ol {padding-left: 0rem;} .bildungsangebote .zweispaltig .ce_text li {padding-left:0rem} /* eben-3 */ .abitur.bildungsangebote .ce_text ul {margin-left:0px} /*.bildungsangebote .ce_text li {font-size:1rem}*/ .ce_text li::before {width:1.2rem; height:1.2rem;display:flex;margin-top:0;font-size:1.1rem;padding-left:0.08rem; padding-top:0.02rem} /* sekretariat */ .ansprechpartner table {background-color: rgba(0,79,145,0.2);width:85%} td p {text-align:left;border:0px solid transparent} p a {border:0px solid transparent;} td p a::before {display:none} .ce_text ul, .ce_text ol {padding-left: 1.8rem; font-size: 1rem} } /* Quelle: west-mobil.css, Querformat; hat Vorrang bei gleichen Selektoren. */ @media (orientation: landscape) { * {box-sizing:border-box;} html {border-top:0.0rem solid green;font-size:22px;line-height:1.35;max-width:100vw;min-height:100%;font-family: "gudea";box-sizing:border-box;margin: 0 0 0 0} body {max-width:100%;width:100vw;margin: 0 0 0 0;border:0px solid green} h1 {font-size:1.9rem;line-height:1; padding-bottom:1.5rem; padding-top:1.8rem;letter-spacing:-0.01rem;text-align:center} h2, h2 a {font-size:1.45rem;line-height:1; padding-top:1.3rem; padding-bottom:0.75rem;text-align:center} h3, h3 a {font-size:1.25rem;line-height:1.25rem; padding-top:1.0rem; padding-bottom:0.7rem; color:black;letter-spacing:0.01rem;text-align:center} h4, h4 a {font-size:1.0rem;line-height:1.05rem; padding-top:1.05rem; padding-bottom:0.5rem; color:#535e69;border:0px} p strong {letter-spacing: -0.01rem} p {text-align:left} .ce_text a,.ce_text a:visited {padding:0px 0px 1px 0px;color:#66b02f} /* Infoabende einladung*/ .einladung .ce_text ul li a {padding:0} .einladung .ce_text ul ul {padding-left:1.5rem;padding-bottom:0.6rem} .einladung .ce_text ul ul li {padding-left: 1.3rem;font-size:90%} .einladung .ce_text ul ul li::before {background:#bedaa5;content:"";width:0.7em;height:0.7rem;margin:0.15rem 0 0 -1.2rem;} a:visited {color:inherit} a:hover {color:inherit} a:focus {color:inherit} a:active {color:inherit} a:visited:hover{color:inherit} .ce_text a::before {color:#66b02f} .ce_text .more a::before {color:inherit} #header {max-width:100%;position:relative;z-index:2} .beginn #header {margin-bottom:0rem} #wrapper {min-width: 1%;width:100%;max-width:100%;border:0px solid green;box-sizing:border-box} #container {width:100%;max-width: 100%;padding-bottom:0px;position:relative;z-index:0} #main {width:100%;min-width: 100%;display:block} #header .mod_article {min-width:1%;max-width:100%;} .beginn #header .mod_article {display:block} #header .mod_article.eilmeldung {border:0px solid black;height:auto; margin:0 0 0 0;top:0;display:flex; align-items: center;position:relative;right:0;max-width:100vw ;background:rgba(173,186,218,0.3);padding:0.5rem} .beginn .mod_newslist p.more a {margin-left:0.8rem;display:inline-block} .beginn .eilmeldung .mod_newslist .layout_latest {display:inline-block;padding-bottom:0rem;margin:0} .eilmeldung p {position:relative;text-align:left;line-height:1.1rem} #header .inside {min-width:100%;max-width:100%} /*.nachrichtenleser #header, .suchergebnisse #header, .kein-menue #header, .kein-bild-oben #header {height:142px}*/ .startvarianten {display:none} #header .mod_article.eilmeldung p {font-size:1rem} #header .mod_article.last {padding:0 0 0 0} /*_________________Logo Direktlinks suchen______________________*/ .LSD {min-width:1px;max-width:100%;width:100%;height:auto;padding-right:0.3rem;border:0px solid red} #header .LSD .inner {max-width:100%;justify-content: flex-start;flex-wrap:wrap;align-content: space-between} .lsd-oben {display:flex;flex-wrap:wrap;align-content: space-between;height:66%;} .lsd-unten {margin:0 0 0.0rem 0;padding:0 0 0rem 0;display:flex;justify-content:flex-start} #startlogo {left:0.2rem;position:relative;min-width:35%;margin: 0 0 0.75rem} #startlogo img {height:2.8rem} .direktlink {display:inline-block;order:2;margin:0.15rem 0 0 1.75rem} .direktlink, .widget-text {font-size:1rem;padding-left:0.2rem;} .direktlink a {padding:0 0.5rem 0 0.2rem; color: #004f91;} .gesucht .formbody {display:flex;margin:0 0 10px 0} .gesucht .suchbereich {padding-left:10px;display:flex;order:1} .suche-header {width:64%;padding-right: 3rem;padding-left:1rem;top:0.7rem;border:0px solid green;position:relative;left:0;display:flex} #header .widget-submit {order:2} #header button {width:1.2rem;height:1.2rem;top: -2px;position:relative;left:0} .widget-text {margin-bottom:0PX;order:1} input.text {overflow:hidden;display:inline-block;margin-right:0px} #main .widget-text {border-left:1.5px solid rgba(102,176,47,1);border-bottom:1.5px solid rgba(102,176,47,1);border-bottom-left-radius:3px;padding-bottom:0px;margin-top:-3px} #main .kontakt .widget-text {border-left:0;border-bottom:0;margin-top:0} #main .kontakt .widget-submit {justify-content:center} #main .mod_search .text {border:0px solid red;padding-bottom:0px} /*__________Kontaktformualr_________________*/ #main .kontakt .formbody {margin-left:0} /*__________Eventlist _____________*/ #header .mod_article.termine-auf-seite {background-image: linear-gradient(15deg, rgba(255,66,66,0.1), rgba(255,66,66,0.05));} .termine-auf-seite .mod_eventlist {width:100%;padding:0 1rem 0 1rem} .mod_eventlist {padding: 0 0rem 3rem 0rem; margin:0rem 0rem 0rem 0rem} .mod_eventlist h2,.mod_eventlist h3 {text-align:center} /*Eventlistmit Link wird zu h3! _____________*/ .mod_article.first .mod_eventlist .ce_text {padding-top:0;text-align:center;width:100%} .mod_eventlist .ce_text {display:block;text-align:center} .mod_eventlist p.more {display:block;text-align:center} .mod_eventlist p {text-align:center} .mod_eventlist .more a {color:#004f91} .mod_eventlist .more {display:block} .mod_article.first .mod_eventreader .ce_text {padding-top:0} .mod_eventlist .header {width:100%} .mod_eventlist h1 {margin-top:2rem} .eventdaten-innen {border: 2px solid rgba(255,66,66,1);padding: 5px 10px 5px 10px;font-size:0.8rem;background-image: linear-gradient(165deg, rgba(255,66,66,0.5), rgba(255,66,66,0.2)); display:flex; flex-wrap:wrap;justify-content:center;} .eventdaten {border: 0;display:flex; flex-wrap:wrap;justify-content:center;background:#f3f6fd;width:100%} /*__________Eventlist _____________*/ .mod_mobile_menu {box-sizing:border-box;max-width:100%;display:block;overflow:visible;border:0px;Border-top:0px solid green;} .mobile_menu_trigger {margin-right:0px;position:fixed;display:block;} .toggler {background:#adbada;padding:5px;padding-bottom: 7px;display:flex; object-fit:cover;height:3.5rem;width:3.5rem;border-bottom-left-radius:5px} #mobile-menu-48 {transition: none;} .mobile_menu {background: rgba(255,255,255,0.75); /* -webkit-filter: blur(4px); filter: blur(4px);*/} .mobile_menu .inner {margin-left:40%;padding-right:0px;margin-right:0;} .nav_mobi {padding-top:10px} .nav_mobi .level_1 > li, li.sonder {font-size: 1.15rem;Padding-left:0px; margin-right:0px;padding: 5px 10px 5px 10px} .nav_mobi .level_2 > li {font-size: 1.0rem;} .nav_mobi .level_3 > li {font-size: 0.85rem;} .nav_mobi ul.level_1 {padding-left:0px;border:0px solid red} .nav_mobi ul.level_2 {padding-left:0px;margin-right:-5px} .nav_mobi .level_2 > li {padding-right:0px} .nav_mobi ul.level_3{padding-left:0px;} /*_______________________________________*/ #container {max-width: 100vw;width: 100vw} #main {padding: 0 0.05rem 0 0.05rem;border:0px solid green} #footer {padding: 0.2rem 0.5rem 0 0.3rem;width:100%;margin-top:-0.1rem;position:relative} #footer .inside {width:100%} #footer p {font-size: 0.8rem} #footer p a {margin-bottom: 0rem} .mod_article.breite-100 {margin-bottom:1rem} /* Sliderer greenteam */ #main .mod_rocksolid_slider.slider-greenteam {height:30vh} /*Andere Sliderer */ #main .mod_rocksolid_slider.rundgang {margin-left:-1.5rem;margin-right:-1.5rem;margin-bottoM:0rem;height:auto;} #main .mod_rocksolid_slider.rundgang .rsts-view {height:75vw;} #main .mod_rocksolid_slider.segeln {margin-left:-1rem;margin-right:-1rem;height:auto; margin-bottom:-3rem} #main .mod_rocksolid_slider.segeln .rsts-view {height:75vw;} /* News im slider im header */ #header .mod_rocksolid_slider {display:block;width:calc(100vw + 3px);height: 350px;min-height:350px;min-width:100vw;padding:0 0 0rem 0;overflow:visible;margin: 0 0 0.5rem 0;position:relative;border:0px solid greenyellow} #header .mod_rocksolid_slider a {padding: 0 0 0 0; margin:0 0 0 0} #header .mod_rocksolid_slider .layout_latest {margin:0 0 0rem 0;border:0px solid red;padding:0 0 0rem 0;overflow:visible;z-index:0;} #header .bildgroesse {border:0px solid yellow;align-items:flex-end;position:absolute;height:calc(100% + 16px);width:100%;top:0%;left:0;overflow:visible;display:flex;z-index:10;justify-content:flex-end;} #header .bildgr-innen {padding:0 0 0 0;width:100%} #header .bildgroesse .ce_text {position:absolute;z-index:5;bottom:0rem;overflow:visible;padding:7px 13px 15px 10px;border-radius:4px 4px 0 0;margin: 0 0 -0.1rem 0; box-shadow:none;text-align:right;width:auto;max-width:90%} .mod_rocksolid_slider p.more {position:relative;right:-11px;background:transparent;padding:0px 0 0px 0;width:100%;margin: 10px 0rem 3px 0px;font-size:1.2rem;text-align:right;} .mod_rocksolid_slider p {font-size:1rem} #header .mod_rocksolid_slider p.more a {background:white; padding:6px 6px 9px 6px;border:none;border-top-right-radius:0;font-size:0.9rem} #header .rsts-prev, #header .rsts-next {display:none} /*slider für Text*/ #header .eilmeldung .bildgroesse .ce_text {width:95%;height:100%;box-shadow: 0px 0px 10px red;background:rgba(0,0,0,0.02);text-align:left;left:0;position:relative;overflow-y:scroll;margin:0;border-radius:4px;justify-content:space-around} .eilmeldung .bildgr-innen {height:100%;padding:10px 0 10px 0;justify-content: center;} .eilmeldung .ce_text h1 {display:block;padding:0.3rem 0 0 0rem;padding-bottom:0.5rem;font-size:1.4rem;line-height:1;text-align:center} .eilmeldung .ce_text h2 {display:inline-block;width:80%;border: 2px solid #bedaa5;padding: 5px 5px 4px 5px;font-size:0.8rem;margin: 1.1rem 0 0 -0.1rem;line-height:1;background:rgba(190,218,165,0.2);border-radius:4px;font-weight:normal;color:black;hyphens:none; } .eilmeldung .ce_text h3 {color: #66b02f;display:block;padding: 0.5rem 0 0.5rem 0; font-size: 1.1rem;line-height:1;} .eilmeldung .ce_text p { hyphens:none; font-size: 0.82rem;padding: 0 0rem 0 0.rem;color:#004f91} .termine-links,.termine-rechts,.termine-mitte {width:32%;display:inline-block;text-align:center} .eilmeldung .more {display:none} /* Nachrichtenleser */ .nachrichtenleser .kein-teaserbild .float_left {float:left; width: 33%} .nachrichtenleser .kein-teaserbild .float_right {float:right; width: 33%} #news-detail .layout_full .kein-teaserbild .float_left a, #news-detail .layout_full .float_left a {display:flex; justify-content:center; min-width: 100%;} /* breadcrumbs */ .mod_breadcrumb {display:block;padding-top:1rem;padding-left:0px} .mod_breadcrumb h1 {display:block;line-height:1.35rem} .mod_breadcrumb ul {display:inline-block} .mod_breadcrumb li,.mod_breadcrumb li a {margin-right:0.5rem} .mod_breadcrumb li:after {margin:0 0 0 0} /* Nachrictehn all und tags */ .layout_full {padding-top:20px} .nachrichten-alle {display:flex; justify-content:center; ;gap:2%;padding-top:1rem;overflow:visible;padding-bottom:3rem;} .ce_text .cloud li {white-space:nowrap} .ce_text .cloud li a {border-bottom:0} .nachrichten-alle .layout_latest { box-shadow: 0px 0px 10px rgba(255,236,183,0.8); margin: 0 0 0rem 0;width:48%;height: 500px;margin-bottom:20px} .nachrichten-alle .tag-chain {border:0px solid red;align-items:center;Padding: 2px 8px 4px 8px;align-content:center;background: white} .nachrichten-alle .tag-chain li {margin:3px 3px 3px 3px;Padding: 4px 8px 4px 8px;background:rgba(102,176,47,.05);border:2px solid rgba(102,176,47,.5)} .nachrichten-alle .tag-chain li a {color:rgba(102,176,47,1)} .nachrichten-alle .tag-chain li a:before {color:rgba(102,176,47,1)} .nachrichten-alle .headline_allenews h2 a {font-size:0.9rem; line-height: 1.1} .nachrichten-alle .headline_allenews .info {margin-top:-.3rem} .mod_rocksolid_slider .kein-weiterlesen p.more {display:none} /* News im Detail */ .layout_full {padding:5vw 0rem 2rem 0rem} .layout_full p {padding:0 0 0 0} .nachrichtenleser h1 {margin-left:-0.5rem;margin-right:-0.5rem;} ul.tag-chain {flex-wrap:wrap;margin:2rem 0 0 0} .beginn .mod_article {padding: 0 0 0 0;border:0px solid green;overflow:hidden} .mod_article.sekretariat {justify-content:center} .mod_article.sekretariat {padding: 0 0.2rem 0 0.4rem;} .mod_article {padding: 0 1.5rem 3rem 1.5rem} .mod_article.first .ce_text {padding-top:1.5rem;display:inline-block} /* Aenderung der Reihenfolge im Artikel: erst Inhalt, dann Übersicht */ .mod_article.first {display:flex; flex-wrap:wrap;flex-direction:row } .mod_article.zweispaltig.first {display:block} .ce_text.detail {order:2} .ce_text {order:1} /* ------------------ */ .beratung .mod_article.first {display:flex;padding:0 1.5rem 0 1.5rem; flex-wrap:wrap;flex-direction:row; } .beratung .mod_article.first .ce_text {padding:0 0 0 0} .ce_text.hintergrundbild {margin:0 0 0 0} .beratung .ce_text .image_container {margin:0 0rem 0 -1.5rem;width:calc(100% + 3rem)} .beratung p { padding: 0 0 0 .5rem} /* ------------------ */ .mod_article.first .ce_text.abt-leitung {padding-top:0rem} .mod_article.first .mod_newsreader .ce_text {display:inline} .block {overflow:visible} .schmaler-text .ce_text {padding:0} /* alle News */ .nachrichten .mod_article {display:block;min-width:100%;border:0px solid black; } /* bg */ .bg-bos .ce_accordionSingle {width: 100%} /* Galerien */ .ce_gallery {padding-top:0;position:relative;top:0rem;} .ce_gallery li {display:flex;flex-wrap:wrap } .accordion .ce_gallery .image_container {padding-bottom:0; display:flex; justify-content:center;align-content:center;flex-wrap:wrap;border:0px solid red} .ce_gallery .image_container,.ce_gallery .abt-leitung .image_container {padding:0; display:flex; justify-content:center;align-content:center;flex-wrap:wrap;border:0px solid red} .ce_gallery .cols_2 li {width: calc(50% - 0.3rem);} .ce_gallery .cols_2 li a {height:30vw} .ce_gallery .cols_2 img {min-height:30.2vw; min-width:calc(50vw - 0.3rem);} .ce_gallery.hoch .cols_2 li a {height:50vw} .ce_gallery.hoch .cols_2 img {min-height:50.1vw} .ce_gallery.quad .cols_2 li a {aspect-ratio:1 / 1} .ce_gallery.quad .cols_2 img {height: calc(50% - 0.3rem);} .ce_gallery .cols_3 li {width: calc(33.333% - 0.3rem);height:25vw} .ce_gallery .cols_3 li a {height:25vw} .ce_gallery .cols_3 img {min-height:25.1vw;min-width:calc(33.333% - 0.3rem);} .ce_gallery.hoch .cols_3 li {height:40vw} .ce_gallery.hoch .cols_3 li a {height:40vw} .ce_gallery.hoch .cols_3 img {min-height:40.1vw} .ce_gallery.quad .cols_3 li {height:auto} .ce_gallery.quad .cols_3 li a {aspect-ratio:1 / 1;height:auto} .ce_gallery.quad .cols_3 img {min-height:1px} .ce_gallery .cols_4 li {width: calc(25% - 0.3rem)} .ce_gallery .cols_4 li a {height:20vw;} .ce_gallery .cols_4 img {min-height:20.1vw;min-width:calc(25vw - 0.3rem);} .ce_gallery.hoch .cols_4 li a {height:25vw} .ce_gallery.hoch .cols_4 img {min-height:25.1vw} .ce_gallery.quad .cols_4 li a {aspect-ratio:1 / 1} .ce_gallery.quad .cols_4 img {min-height: calc(25% - 0.3rem)} .ce_gallery .cols_5 li {width: calc(20% - 0.3rem);height:30vw} .ce_gallery .cols_5 li a {height:15vw} .ce_gallery .cols_5 img {min-height:15.1vw;min-width:calc(20.1vw - 0.3rem);} .ce_gallery.hoch .cols_5 li {width: calc(20% - 0.3rem);height: 25vw} .ce_gallery.hoch .cols_5 li a {height: 25vw} .ce_gallery.hoch .cols_5 img {min-height:25.1vw} .ce_gallery.quad .cols_5 li a {aspect-ratio:1 / 1} .ce_gallery.quad .cols_5 img {min-height: calc(20% - 0.3rem)} .ce_gallery li::before, .ce_gallery p a::before, .ce_gallery h2 {display:none} /* Abstände der Reihen vertikals */ .ce_gallery .even, .ce_gallery .odd, .ce_gallery .row_first.row_last {margin-bottom:0.60rem} .accordion .ce_gallery .cols_2 li{height:30vw;} .accordion .ce_gallery .cols_3 li {height:25vw} .accordion .ce_gallery .cols_4 li {height:30vw} .accordion .ce_gallery .cols_2 img {min-height:30.1vw} .accordion .ce_gallery .cols_3 img {min-height:25.1vw} .accordion .ce_gallery .cols_4 img {min-height:30.1vw} /* Galerien quadratisch mit Namen */ .ce_gallery.lerncoaching {margin-left:-9px; margin-right:-9px} .ce_gallery.lerncoaching ul {padding-left:0px} /* zeile mit vier wird zu Zeile mit drei */ .ce_gallery.lerncoaching .cols_4 li {max-width:33.33%;margin-bottom:60px} .ce_gallery.lerncoaching .cols_4 .image_container {padding:0 9px 0px 9px;height: 180px} .ce_gallery.lerncoaching .cols_4 li img {min-height:180px;} .ce_gallery.lerncoaching .caption {top:180px} /* liste ol mit Pfeil als Link*/ .ce_text ol {padding: 0 0 0 0} .ce_text ol li {border: 0px solid transparent;margin-right:0%;display:block} .ce_text ol li a {border: 0px solid transparent} .ce_text ol li a::before {top:0.28rem} /* liste ul mit Haken*/ .bildungsangebote .ce_text ul {padding: 1rem 0 0 0} .bildungsangebote .ce_text li::before {margin-left: -1.5rem;height:1rem; width: 1rem;top:0.35rem;content:"f";padding:0.01rem 0.02rem 0 0;background:#66b02f;position:absolute;top:0.15rem} .bildungsangebote .ce_text ol li::before {display:none} .bildungsangebote .ce_text li{margin:0px;padding-left:1.5rem;margin-bottom:0.5rem} .ce_text ul li {padding-left:1.4rem} .ce_text ul li a {display:inline-block;padding-left:1.5rem;} /* andere Liste */ .green-presse p a {border-bottom:none;padding-left:1.4rem} .green-presse p a::before {background:#66b02f;color:white;border-bottom:none;width:1rem;height:1rem;margin-left:0rem;font-family:"wondersigns"; border-radius:3px;text-align:center;line-height:0.7rem;color:white;z-index:1;top:0.65rem} /* Abteilungleiter */ .abt-leitung .image_container {margin-left:15%;width:70%} .abt-leitung .image_container.float_below::after {Height: calc(100% - 2.35rem)} /* Tabellen bei Personen wie Beratung, Lernhilfen etc.*/ .beratung table {display:block; width:100%;background:#e1ece1;position:relative} .beratung tbody, .beratung trow {display:block} .beratung td {display:inline-block;width:100%;border-bottom: 2px solid rgba(102,176,47,0.13)} .beratung .ce_text table td.first {border-right:0} .beratung .ce_text table tr.last::before {content:""; display:block; width:100%;height:5px; background:#f3f6fd; position:absolute;top:100%;margin-top:-5px} .beratung .ce_text table tr.last::after {content:""; display:block; width:100%;height:5px; background:#e1ece1/*#f3f6fd*/; position:relative;margin-top:-5px;border-bottom-left-radius:5px; border-bottom-right-radius:5px;border-top:3px solid #e1ece1} /* Tabellen */ .sekretariat .ce_table {overflow-x:visible} .ce_table, table {margin-top: 0rem;max-width:100%; overflow-x:auto} .ce_table table {} .ce_table td {white-space:nowrap} .ce_table td.col_0 {white-space:normal;min-width:30%; max-width:70%} .ce_table h1 {padding-right: 0.2rem} /* Tabellen Ausbildungen*/ .detail .ce_text table {display:block;overflow-x:auto;max-width:calc(100vw - 30px);border:0px solid red } /* Inhalte ausbildungen */ .accordion h3 {padding-right:0px} .accordion p {text-align:left} .accordion .image_container {padding-top:1rem;padding-bottom:1rem} .ce_text.detail {position:relative;width:80%;margin-right:0rem;margin-left:10%;padding:0.75rem;margin-top:2rem;margin-bottom:1.5rem;float:none;border-radius:5px;padding:1rem;border:0px solid red} .beratung .ce_text.detail {margin-left:10%;width:80%;} .ce_text.detail .ce_text{margin: 1rem 0 0rem 0rem;padding:0rem;border:0px solid red} .ce_text.detail h3 {font-size:1.8rem;line-height:1; padding-bottom:1.5rem; padding-top:1.8rem;letter-spacing:-0.01rem;text-align:center;color: #004f91;font-weight:bold; font-style:normal;display:block} .detail h3::before {position:absolute;top:-20px; margin-left:27%;width:40px;height:40px;background:#f3f6fd} .beratung .detail h3::before {margin-left:19%} .detail .abt-leitung .image_container { width:60%; /*margin: 0 20% 1rem 20%;*/left:0} .detail .abt-leitung .caption {width:100%} .download {margin-left:0px} .ce_text li {margin-bottom:0.5rem} #bg-bos .toggler {width:100%;padding-left:0.7rem;font-size:1.45rem;line-height:1; padding-bottom:0.75rem} #bg-bos .toggler::before {z-index:100;margin-right:0;margin-left:-1rem;margin-bottom:1rem} #bg-bos .accordion {padding-left:1rem} .bild-kleiner .accordion img {padding:1rem 2.5rem 1rem 2.5rem} /* ausschhreibung */ .ausschreibung .toggler {font-size:1.35rem;} /* menue */ .nav_mobi .level_1 > li, li.sonder {width:auto} .nav-neu {margin-bottom:3rem;} .nav-neu .level_1 {padding: 0 0 0 0;justify-content: space-between} .nav-neu .level_1 li {font-size: 1.6rem;width:32.3%;margin-bottom:1.0rem} .ebene-2 .nav-neu .level_1 li {font-size: 1.6rem;width:32.3%;margin-bottom:1.0rem} .nav-neu .level_2.nav--open {padding:0.5%} /* blendet oberste Menueebene aus, wenn auf Eben 3 (Abitur; Berufe etc. */ .ebene-3 .nav-neu .level_1 > li.trail {color:Transparent;text-shadow:none;} .ebene-3 .nav-neu .level_1 > li.trail::before {content:"";border-radius:15px; position:absolute;height:270px;top:0; width:100%;z-index:3;background-color:rgba(255,255,255,1);opacity:0.8 } .ebene-3 .nav-neu .trail .level_2 {display:flex;position:absolute; top:0;left:0;width:100%;height:100%;flex-direction:column; align-items:center;justify-content: center;} .ebene-3 .nav-neu .trail .level_2 > li {display:block;width:100%;font-size:1.15rem;font-weight:400;text-shadow:none;height:auto;margin-top: 2px;margin-bottom:3px;padding:2px;padding-bottom:4px;text-align:center;border:1.5px solid transparent;border-radius:5px;} .ebene-3 .nav-neu .trail .level_2 > li.active {color: #004f91 ;border:1.5px solid #004f91;background:rgba(173,186,218,.2);} li.active strong {font-weight:inherit} .ebene-3 .nav-neu .trail .level_2 > li a:focus {color:#004f91} .ebene-3 .nav-neu .trail .level_2 > li a:active {color:#004f91} .ebene-2 .nav-neu .level_2 {flex-direction:row} .nav-neu .level_2.nav--open > li {font-size: 1.15rem;margin-bottom:0.15rem;margin-top:0.1rem;line-height:1.2} .nav-neu .level_2.nav--open > li.active {border:1.5px solid #004f91;background:rgba(173,186,218,.2);font-weight:400} .ebene-2 .mod_navigation.nav-neu {width:100%} /* menue mobil /* /*___________header-bild für alle seiten oben____________*/ #header .ce_image {min-width: 1px;height:250px;display:none} .image_container {height:100%} #header img {object-fit:cover} /* Artikel dokinfo landscape */ .dokinfo h2 {text-align:center} .dokinfo .reihe {width:100%;margin-bottom:1rem} #teilzeit,#vollzeit,#weitere-dokus {width:100%;padding:0 0 0 0} #teilzeit .spalte,#vollzeit .spalte {border-radius:5px;min-width: 45%;overflow:hidden;} .dokinfo .detailinfo {flex-wrap:wrap;display:flex;justify-content:center;} .abschluss li {Padding:0 0 0 0} #teilzeit a, #vollzeit a {padding:0 0 0 0} #teilzeit ul, #vollzeit ul {padding:0.4rem 0 0.5rem 0;margin: 0 0 0 0} #teilzeit li, #vollzeit li, #weitere .reihe {padding:0.4rem 0.3rem 0.4rem 0.3rem;font-size:1rem;line-height:1.2;} .detailinfo div {font-size:0.85rem; padding:0.3rem 0.4rem 0.3rem 0.4rem;margin-top:2px;margin-bottom:2px;} .flyer .toggler::before {margin-right: 0.1rem;margin-left: -0.1rem} #vollzeit .detailinfo div.toggler {padding:0.3rem 0.4rem 0.3rem 0.4rem;margin-top:-0rem} .toggler:focus,.toggler:active {color:#66b02f;outline:none;border:none} #vollzeit .detailinfo div.accordion {} #vollzeit .accordion li {padding: 0.2rem 0.3rem 0.2rem 0.3rem;font-size:0.85rem} #weitere {width:100%;} #weitere .reihe {border-radius:5px;background:white} /* andere Inhalte */ .ce_text.zurueck {display:block} .greenteam .ce_text.zurueck p {max-width:40%} .greenteam .zurueck a::before {width:100%;content: "D";top:-0.3rem;position:relative;color:white} .greenteam .zurueck a {margin-top:0.2rem} /* sekretariat */ .ansprechpartner .ce_text {width:100%;flex-basis: calc(100% - 0px)} /* öffnungszeiten */ .sekretariat table#table_765 {margin:0 0 0 0} .sekretariat .ce_table {overflow:auto} .ansprechpartner table {background-color:#bedaa5;color: white;width:70%;margin:2rem 15% 2.2rem 15%} td p {text-align:left;border:0px solid transparent} p a {border:0px solid transparent;} td p a::before {display:none} .ce_text ul, .ce_text ol {font-size: 1rem;width:100%} .ebene-2 ol li::before {display:none} .beratung .ce_text ul {margin:0rem 0.2rem 0rem 0.3rem} .ce_text ul li::before {padding-right:0.11rem} .accordion ul, .accordion ol {padding-right:0px} /* videoplayer*/ .player-klein {width:33%; float:left;margin:13px 25px 0 0;z-index:10;position:relative;cursor:pointer} .player-klein .video_container {width:100%;position:relative;} /* europa */ #europa .mod_article {display:flow-root} #europa .ce_text.detail {width:35%; float:right;padding:.5rem;margin-left:.6rem;margin-right:-1.5rem;clear:left} #europa .ce_text.detail h3 {font-size:1.1rem} #europa .ce_text.hintergrundbild {display:flow-root;margin:1rem 0 1.5rem 0} .europa .abt-leitung .image_container {margin-left:0 ;width:100%;} #europa .detail h3::before {display:none} /* Länder*/ .ce_text .land {color:black;font-size:0.8rem;} .ce_text .land a {color:black;} #finnland {top: 15%; left:72%;} #norwegen {top:18%; left:30%;} #frankreich {left:2%; } #spanien {top:82%; left:16%;} .ce_text .city{border:0.15rem solid #004f91; Width:1.2rem; height: 1.2rem} .ce_text .city a, .ce_text .city a:visited {padding-left:1.0rem;color: #004f91;line-height:0.9;margin-top:-1rem } /* Finnland Norwegen etc. Detail*/ .euro-detail #finnland {top: 13%; left:72%;} .euro-detail #norwegen {top:18%; left:34%;} .euro-detail #frankreich {left:6%; } .euro-detail #spanien {top:84%; left:20%;} .finnland .city.finnland, .norwegen .city.norwegen, .frankreich .city.frankreich, .spanien .city.spanien {border:.2rem solid #e7334c} .cookiebar {background:rgba(255,255,255,0.9);} .cookiebar__text {} .cookiebar__message,.cookiebar__text {margin-right:0} .cookiebar__button {padding: 0 0.8% 0.3% 0;font-size:0.85rem} .insta {display:inline-block;font-family:wondersigns;color:black;font-size:1.2rem;padding-bottom:0.1rem} /* dunkles blau #004f91 rgba(0, 79, 145, 1) helles blau #adbada rgba(173,186,218,1) dunkles grau #535e69 rgba(83,94,105,1) dunkles grün #66b02f rgba(102,176,47,1) helles grün bedaa5 rgba(102,176,47,0.5) helles orange #ffecb7 rgba(255,236,183,1) kaltes rot #e7334c rgba(231,51,76,1) hintergrund gelb #fffaeb Hintergrund tabllen #e1ece1 hintergrund helles blau #f3f6fd*/ /*logoleiste*/ #header .mod_article {position:relative} #header .mod_article.logoleiste {border:0px solid black; display:flex; justify-content:center;align-items:center;flex-wrap:wrap;width:auto;min-width:1px;height:auto;gap:10px;padding-bottom:10px;} #header #logoleiste .ce_image {max-height:80px;width:100px;border:0px solid yellow;min-width:1px;min-height:1px;display:block} #logoleiste .image_container a {height:100%;width:100%;display:flex; justify-content:center;align-items:center;} #logoleiste .image_container {filter: grayscale(0.0); transition:all 0.9s ease-in;padding:13px;border:0px solid red; } #logoleiste .ce_image img {width:auto;max-width:100%;height:100%;max-height:100%;min-width:1px;min-height:1px} /*logonews*/ /*files/bilder-webseite/bilder-gebaeude/DSC_4369-eingangc-3000.jpg*/ #header .logomeldung .bildgroesse {border:0px solid red; background-image: url("../bilder-webseite/bilder-gebaeude/DSC_4369-eingangc-3000.jpg");background-size:cover;background-repeat:no-repeat;height:50vw; ;max-height:50vw;display:flex;align-items:center;position:absolute;margin-top:-25vw} #header .logomeldung .bildgr-innen {background: rgba(255,255,255,0.8) ;display:block;border:0px solid black;max-width:100%;position: absolute;height:100%;display:flex;align-items:center} #header .logomeldung .bildgroesse .ce_text {border:0px dotted black;margin: 0% auto;padding:5% 15% 20% 15%;box-shadow:none;height:auto;max-height:100%;max-width:100%;display:flex; justify-content:center;flex-wrap:wrap;background:transparent; gap:20px;border-radius:0;width:100%;margin:0 0 0 0;position:relative;left:0} #header .logomeldung .ce_image {min-width:auto;min-height:auto;height:auto;width:90px;height:auto;border:0px solid black;display:flex; justify-content:center;align-items:center;box-sizing:border-box;} #header .logomeldung .ce_image.quad {height:auto;width:70px;transition:all 0.3s;} #header .logomeldung .ce_image a {height:auto;width:100%;display:flex; justify-content:center;align-items:center;border:0px solid orange} #header .logomeldung .ce_image .image_container {filter: grayscale(0.0);padding:0px;border:0px solid red;transition:all 0.3s;height:auto;} #header .logomeldung .ce_image img { transition:all 0.9s ease-in;height:100%;;max-height:100%;max-width:100%;width:auto;min-width:1px;padding:0px;border:0px solid red;margin:0 0 0 0;/*box-shadow: 0px 0px 20px 5px white, 0px 0px 20px 5px white*/} /* beratung */ #beratung .image_container {border: 0px solid green;aspect-ratio: 3/2; padding: 0 1.5rem 0 1.5rem;} .ce_text.hintergrundbild#beratung {margin: 0 -1.5rem 0 -1.5rem;border:0px solid red} #beratungslehrkraft {width:16%; border:0px solid red/* okay */} #beratungslehrkraft.link a {border:0px solid yellow/* okay */} /* abschlussbilder*/ #a-bilder .ce_gallery ul {justify-content: flex-start} #a-bilder .toggler::before {margin-top:0.11rem} .a-bilder #cboxTitle {display: none !important;} .a-bilder #cboxCurrent, #cboxCurrent {font-size:0.85rem;top:-23px} .mod_rocksolid_slider .imagefilm p {display:none} .imagefilm .bildgroesse {} .imagefilm .bildgr-innen {justify-content:center;border:0px solid rgb(255, 0, 0) ;align-items:center;width:100vw;max-height:100vh;height:100vh} .imagefilm .bildgroesse .ce_text {max-height:100%;height:100vh;min-height:100vh;padding:0px;box-shadow:none; border-radius:0;border:0px solid green;display:flex; align-items:center;width:auto;aspect-ratio: 1.7/1;background:transparent;margin:0} .imagefilm .ce_player {max-width:100vw;;border:0px solid white;;border-radius:0px} .idee .accordion img {padding-right:1rem} /* idee */ .idee #bg-bos .accordion .ce_gallery ul {padding-right: 1rem} .idee .ce_accordionSingle {width:100%} .idee .ce_accordion .image_container {height:100%;padding-right: 1rem;margin-top:0;border-radius:5px} .idee .ce_accordion .image_container a {} .idee .ce_accordion .image_container img {min-width: 100%;min-height: 27vw; object-fit: cover;} .idee .accordion .ce_gallery .cols_2 li {width: calc(50% - 8px);height:27vw;} .idee .accordion .ce_gallery .cols_2 li a {height:100%;} .idee .accordion .ce_gallery .cols_2 img {min-height:27vw;min-width:100%} .idee .ce_text .ce_gallery ul li, .idee .ce_text .ce_gallery ul li a {padding-left:0} .idee .accordion .ce_gallery img {padding-right:0} } } /* Mobile Kopfzeile: Suche links, kompakte Direktlinks darunter. */ @media only screen and (width < 900px) { /* Partnerlogos: gut erkennbare Felder, auf schmalen Displays vier je Reihe. */ #header #logoleiste.mod_article { display: flex !important; flex-wrap: wrap !important; justify-content: center; align-items: center; box-sizing: border-box; width: 100% !important; min-width: 0 !important; height: auto !important; gap: 8px !important; padding: 8px !important; } #header #logoleiste .ce_image, #header #logoleiste .ce_image.quad { display: block; flex: 0 0 min(80px, calc(25% - 6px)) !important; width: 80px !important; max-width: calc(25% - 6px) !important; min-width: 0 !important; height: 64px !important; min-height: 0 !important; max-height: 64px; margin: 0 !important; aspect-ratio: auto !important; } #header #logoleiste .image_container, #header #logoleiste .image_container:hover { box-sizing: border-box; width: 100%; height: 100%; margin: 0 !important; padding: 4px !important; } #header #logoleiste .image_container a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } #header #logoleiste .ce_image img { display: block; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain; } /* Mobile Navigation: hellblaue Flaechen mit deckenden Untermenues. */ #main .mod_navigation.nav-neu { padding-top: 0; margin-top: 0; } #main .nav-neu .level_1 { margin-top: 0; padding-top: 0; } #main .nav-neu .level_1 > li { box-sizing: border-box; width: 100%; min-width: 0; height: auto; min-height: 44px; margin-bottom: 8px; padding: 8px; border-radius: 8px; overflow: hidden; background: #e3e9f4; border: 1px solid #004f91; color: #004f91; text-shadow: none; font-size: 1rem; } #main .nav-neu .level_1 > li::after { display: none; } #main .nav-neu .level_2.nav--open, .ebene-2 #main .nav-neu .active .level_2, .ebene-3 #main .nav-neu .trail .level_2 { background: #e3e9f4; opacity: 1; z-index: 6; border-radius: 7px; } #main .nav-neu .level_2.nav--open::before, .ebene-2 #main .nav-neu .active .level_2::before, .ebene-3 #main .nav-neu .level_1 > li.trail::before { display: none; } #main .nav-neu .level_1 > li > a { width: 100%; padding: 0; line-height: 1.15; overflow-wrap: anywhere; color: #004f91; text-shadow: none; } #main .nav-neu .level_1 > li > a:hover, #main .nav-neu .level_1 > li > a:focus-visible { color: #004f91; text-decoration: underline; } #main .nav-neu .level_1 > li:has(> .nav--open), .ebene-2 #main .nav-neu .level_1 > li.active, .ebene-3 #main .nav-neu .level_1 > li.trail { min-height: 270px; } #main .nav-neu .level_1 > li.service::before, #main .nav-neu .level_1 > li.ansprech::before, #main .nav-neu .level_1 > li.termine::before { background-image: none; } .mobile_menu .nav_mobi .level_1 > li, .mobile_menu li.sonder { font-size: 0.84rem; line-height: 1.35; } .mobile_menu .nav_mobi .level_2 > li { font-size: 0.77rem; line-height: 1.35; } .mobile_menu .nav_mobi .level_3 > li { font-size: 0.7rem; line-height: 1.35; } @media (min-width: 450px) and (orientation: landscape) { .mobile_menu .nav_mobi .level_1 > li, .mobile_menu li.sonder { font-size: 0.805rem; } .mobile_menu .nav_mobi .level_2 > li { font-size: 0.7rem; } .mobile_menu .nav_mobi .level_3 > li { font-size: 0.595rem; } } #mobile-menu-48-trigger { transform: scale(0.7); transform-origin: top right; } #header .LSD { height: auto; padding: 12px 0.5rem 0.35rem !important; } #header .LSD .inner, #header .lsd-oben { display: flex; flex-direction: column; align-items: flex-start; width: 100%; height: auto; gap: 0.2rem; } #header #startlogo { position: relative; top: 0; left: 0; margin: 0; } #header .LSD .mod_search.gesucht, #header .LSD .mod_search.gesucht:focus-within { position: static !important; width: min(18rem, 100%) !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; } #header .LSD .gesucht form, #header .LSD .gesucht .suchbereich, #header .LSD .gesucht .formbody { display: flex !important; align-items: center; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } #header .LSD .gesucht .widget-text { flex: 1 1 0; order: 0 !important; min-width: 0; width: auto; margin: 0; padding: 0; border: 0; } #header .LSD .gesucht input.text { box-sizing: border-box; width: 100% !important; height: 36px !important; margin: 0 !important; padding: 4px 8px !important; border: 1px solid #adbada !important; border-radius: 4px; font-size: 16px !important; background: white !important; cursor: text; } #header .LSD .gesucht .widget-submit { display: block !important; flex: 0 0 40px !important; order: 1 !important; width: 40px !important; } #header .LSD .gesucht button.submit { position: static !important; width: 40px !important; height: 36px !important; margin: 0 !important; background-size: 22px 22px !important; } #header .lsd-unten { width: 100%; margin: 0; padding: 0; } #header .direktlink { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 0 12px; margin: 0; padding: 0; font-size: 14px; line-height: 1.5; text-align: left; } #header .direktlink a { padding: 3px 0 !important; white-space: nowrap !important; } } /* Ruhiger Seitenabschluss mit den Blautoenen der Navigation. */ #footer { box-sizing: border-box; position: relative; background: #fff; border-top: 1px solid #004f91; padding: 8px 24px; margin-top: 0; } #footer .inside { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 8px 32px; width: 1200px; max-width: 100%; height: auto; } #footer #footerlogo { display: none; } #footer .ce_text { min-width: 0; max-width: 100%; margin: 0; overflow: visible; white-space: normal; } #footer p { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; font-size: 0.85rem; line-height: 1.5; } #footer a, #footer a:visited { color: #004f91; padding: 4px 0; } #footer a:hover, #footer a:focus-visible { color: #004f91; text-decoration: underline; text-decoration-color: #66b02f; text-decoration-thickness: 2px; text-underline-offset: 5px; } #footer a:focus-visible { outline: 2px solid #004f91; outline-offset: 4px; } #footer a.insta { border-left: 1px solid rgba(0, 79, 145, 0.25); padding-left: 20px; } @media only screen and (width < 768px) { #footer .inside { flex-direction: column; gap: 6px; } #footer p { justify-content: center; font-size: 16px; gap: 8px 16px; } } /* Bilderbanner: 80 % der bisherigen Hoehe, Bilder proportional ausfuellen. */ #header .mod_rocksolid_slider.one { --banner-height: max(32vw, 440px); margin-top: 24px; height: var(--banner-height); min-height: var(--banner-height); } #header .mod_rocksolid_slider.one .layout_latest, #header .mod_rocksolid_slider.one .image_container { height: var(--banner-height); min-height: 0; } #header .mod_rocksolid_slider.one .image_container > a { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; } #header .mod_rocksolid_slider.one .image_container img { display: block; width: 100%; height: var(--banner-height); min-height: 0; margin: 0; object-fit: cover; object-position: center; } @media only screen and (width < 900px) { #header .mod_rocksolid_slider.one { --banner-height: 280px; margin-top: 0; } } @media only screen and (450px <= width < 900px) and (orientation: portrait) { #header .mod_rocksolid_slider.one { --banner-height: max(36vw, 280px); } } /* Desktopkarten: vier je Reihe, bisheriges Bildformat proportional verkleinert. */ @media only screen and (width >= 900px) { .beginn #header { margin-bottom: 0; } #main .mod_navigation.nav-neu { padding-top: 40px; } /* Die Container-Abfragen der Karten duerfen den Flex-Inhalt nicht schrumpfen. */ #main > .inside:has(.nav-neu) { width: 100%; min-width: 0; } #main .nav-neu .level_1 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 25px; } #main .nav-neu .level_1 > li { width: 100%; min-width: 0; height: auto; aspect-ratio: 7 / 5; margin-bottom: 0; background-size: auto 100%; font-size: 1.65rem; container-type: inline-size; } #main .nav-neu .level_1 > li.ansprech { font-size: 1.35rem; } #main .nav-neu .level_1 > li > a, #main .nav-neu .level_1 > li > strong { box-sizing: border-box; max-width: 100%; padding: 0 5%; font-size: min(1.65rem, 10cqw); overflow-wrap: anywhere; } #main .nav-neu .level_1 > li.ansprech > a, #main .nav-neu .level_1 > li.ansprech > strong { font-size: min(1.35rem, 8cqw); } /* Farbbilder direkt zeigen, ohne die alte Schwarzweiss-Ebene. */ #main .nav-neu .level_1 > li::after { display: none; } #main .nav-neu .level_2.nav--open, #main .nav-neu .level_2.nav--open::before, .ebene-2 #main .nav-neu .active .level_2::before, .ebene-3 #main .nav-neu .level_1 > li.trail::before { height: 100%; } #main .nav-neu .level_2 > li { min-width: 0; width: 100%; flex: 0 0 auto; font-size: var(--card-menu-font-size, min(1rem, 5cqw)); line-height: 1.1; margin: 1px 0; padding: 1px 0; } #main .nav-neu .level_2 { box-sizing: border-box; flex-direction: column; flex-wrap: nowrap; } #main .nav-neu .level_2 > li > a, #main .nav-neu .level_2 > li > strong { max-width: 100%; font-size: inherit; line-height: inherit; overflow-wrap: anywhere; } #main .nav-neu .level_1 > li.service::before { width: 47%; height: auto; aspect-ratio: 1; } #main .nav-neu .level_1 > li.ansprech::before { width: 79%; height: auto; aspect-ratio: 15 / 8; bottom: -10%; } #main .nav-neu .level_1 > li.termine::before { width: 45%; height: auto; aspect-ratio: 1; right: -6.5%; } } /* Kompakte mobile Kopfzeile mit aufklappbarer Suche. */ .mobile-search-toggle, .mobile-search-close { display: none; } @media only screen and (width < 900px) { #header .LSD.mobile-header-ready { padding: 12px 12px 0 !important; border-bottom: 0; } #header .mobile-header-ready .lsd-oben { display: grid; grid-template-columns: minmax(0, 1fr) 44px 44px; align-items: center; gap: 8px; } #header .mobile-header-ready #startlogo { min-width: 0; max-width: 230px; margin: 0; } #header .mobile-header-ready #startlogo a { display: block; } #header .mobile-header-ready #startlogo img { display: block; width: 100%; max-width: 230px; height: 72px; min-height: 0; min-width: 0; object-fit: contain; object-position: left center; padding: 0; } #header .mobile-header-ready .mobile-search-toggle, #header .mobile-header-ready .mobile-search-close { display: flex; align-items: center; justify-content: center; position: static; width: 44px; height: 44px; margin: 0; padding: 8px; border: 0; background: transparent; color: #004f91; cursor: pointer; } #header .mobile-search-toggle svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 2.5; } #header .mobile-header-ready #mobile-menu-48-trigger { position: static; transform: none; width: 44px; height: 44px; border: 0; box-shadow: none; background: transparent; grid-column: 3; grid-row: 1; cursor: pointer; } #header .mobile-header-ready #mobile-menu-48-trigger .toggler { position: static !important; display: flex; align-items: center; justify-content: center; width: 44px !important; height: 44px !important; padding: 10px !important; background: transparent; border: 0; border-radius: 0; } #header .mobile-header-ready #mobile-menu-48-trigger img { display: none; } #header .mobile-header-ready #mobile-menu-48-trigger .toggler::before { content: ''; display: block; width: 24px; height: 3px; margin: 0; background: #004f91; border-radius: 2px; box-shadow: 0 -8px #004f91, 0 8px #004f91; } #header .LSD.mobile-header-ready .mod_search.gesucht { display: none; grid-column: 1 / -1; grid-row: 2; width: 100% !important; max-width: 100% !important; } #header .LSD.mobile-header-ready.search-open .mod_search.gesucht { display: flex; align-items: center; gap: 4px; } #header .LSD.mobile-header-ready .gesucht form { flex: 1; min-width: 0 !important; } #header .LSD.mobile-header-ready .gesucht input.text { height: 44px !important; padding: 8px 14px !important; border-radius: 24px; } #header .LSD.mobile-header-ready .gesucht button.submit { height: 44px !important; } #header .mobile-header-ready .mobile-search-close { flex: 0 0 44px; font-size: 32px; line-height: 1; } #header .mobile-header-ready .direktlink { justify-content: center; gap: 0 12px; padding: 8px 0; font-size: 14px; } #header .mobile-header-ready button:focus-visible, #header .mobile-header-ready #mobile-menu-48-trigger:focus-visible { outline: 2px solid #004f91; outline-offset: 2px; } } .mobile-submenu-toggle { display: none; } /* Gemeinsames Burgermenue fuer Mobil und Desktop. */ @media screen { html.mobile_menu_active { overflow: hidden; } html.mobile_menu_active #header { z-index: auto; } html.mobile_menu_active #header .LSD.mobile-header-ready { position: fixed; top: 0; left: 0; width: 100%; background: white; box-shadow: 0 2px 5px #0002; z-index: 10001; } #header #mobile-menu-48-trigger .toggler { position: relative !important; } #header #mobile-menu-48-trigger[aria-expanded="true"] .toggler::before, #header #mobile-menu-48-trigger[aria-expanded="true"] .toggler::after { content: ''; position: absolute; width: 26px; height: 3px; top: 20px; left: 9px; margin: 0; background: #004f91; box-shadow: none; border-radius: 2px; transform: rotate(45deg); } #header #mobile-menu-48-trigger[aria-expanded="true"] .toggler::after { transform: rotate(-45deg); } #mobile-menu-48 { top: var(--mobile-header-height, 124px) !important; height: calc(100dvh - var(--mobile-header-height, 124px)) !important; width: 92% !important; background: #fff; z-index: 10000; overflow-y: auto; overscroll-behavior: contain; box-shadow: -8px 0 24px #004f9126; transition: transform 220ms ease !important; } #mobile-menu-48 .inner { margin: 0; padding: 0 0 24px; min-height: 100%; border: 0; border-radius: 0; background: #fff; box-shadow: none; } #mobile-menu-48 .inner > .sonder { display: none; } #mobile-menu-48 .nav_mobi { padding: 0; } #mobile-menu-48 .nav_mobi ul { margin: 0; padding: 0; list-style: none; } #mobile-menu-48 .nav_mobi li { position: relative; margin: 0; padding: 0; width: 100%; border: 0; border-bottom: 1px solid #d9e1e8; border-radius: 0; color: #004f91; font-size: 18px; line-height: 1.35; background: #fff; } #mobile-menu-48 .nav_mobi li::before { display: none; } #mobile-menu-48 .nav_mobi li > a, #mobile-menu-48 .nav_mobi li > strong { display: block; margin: 0; padding: 18px 52px 18px 20px; border: 0; color: #004f91; font-weight: 400; overflow-wrap: anywhere; } #mobile-menu-48 .nav_mobi .level_1 > li > a, #mobile-menu-48 .nav_mobi .level_1 > li > strong { font-weight: 700; } #mobile-menu-48 .nav_mobi .level_2 > li { background: #f0f4fa; font-size: 16px; } #mobile-menu-48 .nav_mobi .level_3 > li { background: #e3e9f4; font-size: 16px; } #mobile-menu-48 .nav_mobi .level_2 > li > a, #mobile-menu-48 .nav_mobi .level_2 > li > strong { padding-left: 28px; } #mobile-menu-48 .nav_mobi .level_3 > li > a, #mobile-menu-48 .nav_mobi .level_3 > li > strong { padding-left: 36px; } #mobile-menu-48 .mobile-submenu-toggle { display: flex; align-items: center; justify-content: center; position: absolute; top: 6px; right: 6px; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: #004f91; cursor: pointer; } #mobile-menu-48 .mobile-submenu-toggle::before { content: ''; width: 10px; height: 10px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); } #mobile-menu-48 .mobile-submenu-toggle[aria-expanded="true"]::before { transform: rotate(135deg); } #mobile-menu-48 a:focus-visible, #mobile-menu-48 button:focus-visible { outline: 2px solid #004f91; outline-offset: -3px; } } @media (prefers-reduced-motion: reduce) { #mobile-menu-48 { transition: none !important; } } @media only screen and (width >= 900px) { #mobile-menu-48 { width: min(480px, 92vw) !important; } #header #mobile-menu-48-trigger { position: fixed; top: 38px; right: 16px; width: 44px; height: 44px; border: 0; border-radius: 0; box-shadow: none; background: white; z-index: 10002; cursor: pointer; } #header #mobile-menu-48-trigger .toggler { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; } #header #mobile-menu-48-trigger img { display: none; } #header #mobile-menu-48-trigger:not([aria-expanded="true"]) .toggler::before { content: ''; display: block; width: 24px; height: 3px; margin: 0; border-radius: 2px; background: #004f91; box-shadow: 0 -8px #004f91, 0 8px #004f91; } #header #mobile-menu-48-trigger:focus-visible { outline: 2px solid #004f91; outline-offset: 2px; } } /* Desktopgestaltung auch auf kleineren Laptop- und Tabletbreiten. */ @media only screen and (900px <= width < 1200px) { #wrapper, #container, #header .LSD, #header .mod_article, #header .mod_rocksolid_slider.one { min-width: 0; max-width: 100%; width: 100%; } #header .LSD .inner { min-width: 0; max-width: 100%; padding-right: 76px; } #header #startlogo { max-width: 210px; } #header #startlogo img { height: 126px; } #header .direktlink { font-size: 16px; } #header .mod_article.logoleiste { min-width: 0; gap: 12px; } #main .nav-neu .level_1 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } #header .bildgr-innen { max-width: 100%; } } @media only screen and (width >= 900px) { #header .LSD .gesucht input.text { box-sizing: border-box; width: 200px; font-size: 14px; } } /* Contao 5: Headerbild-Struktur */ @media (orientation: landscape) { #header .content-image { height: 400px; overflow: hidden; } #header .content-image figure, #header .content-image img { width: 100%; height: 100%; margin: 0; } #header .content-image img { object-fit: cover; } } /* Contao 5.7: Partnerlogos haben content-image und figure statt ce_image und image_container. Die Headerbild-Regeln hier gezielt ueberschreiben. */ #header #logoleiste .content-image { display: block; flex: 0 0 110px; width: 110px; height: 90px; min-width: 0; min-height: 0; margin: 0; overflow: visible; } #header #logoleiste .content-image figure { box-sizing: border-box; width: 100%; height: 100%; margin: 0; padding: 13px; filter: grayscale(0.9); transition: filter 0.3s, padding 0.3s; } #header #logoleiste .content-image figure:hover { padding: 0; filter: grayscale(0); } #header #logoleiste .content-image a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; } #header #logoleiste .content-image img { display: block; width: 100%; height: 100%; min-width: 0; min-height: 0; max-width: 100%; max-height: 100%; object-fit: contain; } @media only screen and (width < 900px) { #header #logoleiste .content-image { flex: 0 0 min(80px, calc(25% - 6px)); width: 80px; max-width: calc(25% - 6px); height: 64px; } #header #logoleiste .content-image figure, #header #logoleiste .content-image figure:hover { padding: 4px; filter: grayscale(0); } } /* Contao 5: Lernfeldtabellen und Kontaktkarten der Bildungsangebote. */ .bildungsangebote .content-text > .rte > table { clear: both; width: 100%; margin: 1.2rem 0 1rem; border-radius: 5px; background: rgba(102,176,47,0.13); color: #00592b; font-size: 0.92rem; font-weight: 400; } .bildungsangebote .content-text > .rte > table td { padding: 11px 10px 12px; vertical-align: top; position: relative; } .bildungsangebote .content-text > .rte > table tr { border-bottom: 2px solid rgba(102,176,47,0.13); } .bildungsangebote .detail .abt-leitung.content-text { display: inline-block; margin: 0 -10px -0.8rem -5px; padding: 0 5px; } .bildungsangebote .detail .abt-leitung figure { max-width: calc(100% - 5px); left: -5px; padding: 5px; background: white; } .bildungsangebote .detail .abt-leitung figure img { flex-shrink: 0; width: 130%; min-width: 130%; max-width: none; height: auto; margin: -5px; } @media only screen and (width < 900px) { .bildungsangebote .detail.content-text + .profile.content-text { width: 100%; } .bildungsangebote .content-text.detail { float: none; width: 100%; margin: 1rem 0; } .bildungsangebote .content-text > .rte > table { display: block; max-width: 100%; overflow-x: auto; } } /* Contao 5: Im Themenkopf nur das aktive Schlagwort anzeigen. Die vollstaendige Kategorienauswahl unter den Nachrichten bleibt erhalten. */ .nachrichtenleser-tags .content-text .mod_tagcloud:not(.tagcloud-alle) .cloud > li { display: none; } .nachrichtenleser-tags .content-text .mod_tagcloud:not(.tagcloud-alle) .cloud > li.active { display: inline-block; margin: 0; padding: 0.5rem 0 1.5rem; background: transparent; } #main .content-text .mod_tagcloud:not(.tagcloud-alle) .cloud > li.active a { display: inline-block; color: #e7334c; font-size: 1.2rem; font-weight: 400; padding: 4px 10px; margin: 0; border: 2px solid #e7334c; background: rgba(255,255,255,0.3); text-decoration: none; } .nachrichtenleser-tags .content-text .mod_tagcloud .cloud > li::before, .nachrichtenleser-tags .content-text .mod_tagcloud .cloud > li a::before { display: none; } /* Contao 5 setzt Bildtexte auf flow-root. Neben der schwebenden Europa-Infobox muss der Text darunter wieder die volle Breite nutzen. */ .europa .detail.content-text + .content-text.media { display: block; } /* Seitliche Landesflagge: eigene Bildbreite und Abstand zum Fliesstext. */ .europa .detail.content-text + .content-text.media--right > figure { width: 25%; max-width: 180px; margin: 1rem 0 1rem 1.25rem; } .europa .detail.content-text + .content-text.media--right > figure img { display: block; width: 100%; max-width: 100%; height: auto; border-radius: 3px; } @media only screen and (width < 450px) { .europa .detail.content-text + .content-text.media--right > figure { float: none; width: 45%; margin: 1rem 0; } } /* Eigenes Hintergrundbild der Akademie-Karte nur auf dem Desktop. */ @media only screen and (width < 900px) { #main .nav-neu .level_1 > li:has(> a[href$="/akademie-schuetzenpark"]) { background: #e3e9f4; } } @media only screen and (width >= 900px) { #main .nav-neu .level_1 > li:has(> a[href$="/akademie-schuetzenpark"]) { background-image: url("../menuehintergruende/unser-rbz-DSC09662-rgb.jpg"); background-size: cover; background-position: center; } } /* Bildunterschriften im Nachrichtenleser auf die Bildspalte begrenzen. */ .layout_full > .image_container > .caption { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; } /* Schulsekretariat: Contao 5 verwendet content-text statt ce_text. Kontaktkarten bleiben paarweise angeordnet, auf kleinen Screens einspaltig. */ .mod_article.sekretariat > .content-text { box-sizing: border-box; min-width: 0; width: calc(50% - 13px); margin-top: 1rem; } .mod_article.sekretariat > .ce_headline { width: 100%; } .mod_article.sekretariat > .content-text ul { width: 100%; } .mod_article.sekretariat > .content-text table { display: table; width: 100%; } @media only screen and (width < 900px) { .mod_article.sekretariat > .content-text { width: 100%; } } /* Titelbild wie im bisherigen Desktoplayout proportional zur Fensterbreite. */ @media only screen and (width >= 900px) { body.sekretariat #header > .inside > .mod_article > .content-image { height: 30vw; min-height: 450px; overflow: hidden; } body.sekretariat #header > .inside > .mod_article > .content-image figure, body.sekretariat #header > .inside > .mod_article > .content-image img { width: 100%; height: 100%; margin: 0; } body.sekretariat #header > .inside > .mod_article > .content-image img { object-fit: cover; } } /* Contao 5 kennzeichnet den aktuellen Pfad mit aria-current statt last. */ .mod_breadcrumb li[aria-current="page"] { color: #66b02f; } .mod_breadcrumb li[aria-current="page"]::after { content: "f"; font-size: 111%; font-family: wondersigns; margin-top: -2px; margin-left: 5px; } @media only screen and (width < 900px) { body.sekretariat #main > .inside { min-width: 0; width: 100%; max-width: 100%; } body.sekretariat .mod_article.sekretariat { box-sizing: border-box; width: 100%; padding: 0 0.75rem; } body.sekretariat .mod_breadcrumb ul { flex-wrap: wrap; white-space: normal; } } /* Kompakter Textkasten nur im mobilen Nachrichten-Slider. */ @media only screen and (width < 900px) { #header .mod_rocksolid_slider.one .bildgroesse .ce_text p, #header .mod_rocksolid_slider .bildgroesse .ce_text p { font-size: 0.8rem; line-height: 1.2; } #header .mod_rocksolid_slider.one .bildgroesse .ce_text p.more, #header .mod_rocksolid_slider.one .bildgroesse .ce_text p.more a, #header .mod_rocksolid_slider .bildgroesse .ce_text p.more, #header .mod_rocksolid_slider .bildgroesse .ce_text p.more a { font-size: 0.75rem; line-height: 1.2; } } /* Terminübersicht: volle Inhaltsbreite und kompakte Abstände mobil. */ @media only screen and (width < 900px) { body.termine.keine-menuekachel #main, body.termine.keine-menuekachel #main > .inside { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; } body.termine.keine-menuekachel #main .mod_article { width: 100%; margin: 0; padding: 1rem 0.75rem; } body.termine.keine-menuekachel .mod_breadcrumb { display: block; padding: 1rem 0.75rem 0.5rem; } body.termine.keine-menuekachel .mod_breadcrumb h1 { margin: 0 0 0.35rem; padding: 0; font-size: 0.9rem; line-height: 1.3; } body.termine.keine-menuekachel .mod_breadcrumb ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; font-size: 0.85rem; line-height: 1.4; white-space: normal; } body.termine.keine-menuekachel .mod_eventlist { width: 100%; margin: 0 0 1.5rem; padding: 0; } body.termine.keine-menuekachel .mod_eventlist h1 { margin: 0 0 0.75rem; padding: 0; font-size: 1.35rem; line-height: 1.25; text-align: left; } body.termine.keine-menuekachel .mod_eventlist .empty { margin: 0; font-size: 0.9rem; line-height: 1.4; } body.termine.keine-menuekachel .ganzes-event { margin: 0 0 1.5rem; padding: 0; } body.termine.keine-menuekachel .event { width: 100%; padding: 0; text-align: left; } body.termine.keine-menuekachel .mod_eventlist .header { width: 100%; margin: 0 0 0.5rem; padding: 0; } body.termine.keine-menuekachel .eventdaten { justify-content: flex-start; } body.termine.keine-menuekachel .eventdaten-innen { max-width: 100%; margin: 0; padding: 0.35rem 0.5rem; font-size: 0.8rem; line-height: 1.4; } body.termine.keine-menuekachel .mod_eventlist h2, body.termine.keine-menuekachel .mod_eventlist h3, body.termine.keine-menuekachel .mod_eventlist h3 a { margin: 0 0 0.5rem; padding: 0; font-size: 1.05rem; line-height: 1.3; text-align: left; } body.termine.keine-menuekachel .mod_eventlist .ce_text { display: block; width: 100%; padding: 0; } body.termine.keine-menuekachel .mod_eventlist p { margin: 0 0 0.5rem; font-size: 0.9rem; line-height: 1.4; text-align: left; } } /* Kontaktkaesten: bisherige ce_text-Tabellenregeln auf die neue Struktur uebertragen, damit Abstaende und Textausrichtung dem Original entsprechen. */ .mod_article.sekretariat > .content-text table { font-weight: 400; font-size: 0.92rem; margin-top: 1.2rem; margin-bottom: 1rem; } .mod_article.sekretariat > .content-text table td { padding: 11px 10px 12px; vertical-align: top; position: relative; } .mod_article.sekretariat > .content-text table td p { hyphens: none; text-align: left; position: relative; } /* Gemeinsame mobile Typografie und Abstände der Inhaltsartikel. */ @media only screen and (width < 900px) { #main > .inside { min-width: 0; max-width: 100%; } #main .mod_breadcrumb { display: block; margin: 0 0 0.75rem; padding: 0.85rem 0.75rem 0; } body.beginn #main .mod_breadcrumb { display: none; } #main .mod_breadcrumb h1 { float: none; margin: 0 0 0.3rem; padding: 0; font-size: 0.85rem; line-height: 1.3; white-space: normal; } #main .mod_breadcrumb ul { display: flex; flex-wrap: wrap; gap: 0.15rem 0.35rem; margin: 0; padding: 0; white-space: normal; } #main .mod_breadcrumb li, #main .mod_breadcrumb li a { margin: 0; font-size: 0.8rem; line-height: 1.4; } #main .mod_article:not(.breite-100) { box-sizing: border-box; width: 100%; min-width: 0; margin-right: 0; padding: 0.75rem 0.75rem 1rem; } #main .mod_article h1 { margin: 0 0 0.75rem; padding: 0.5rem 0 0; font-size: 1.35rem; line-height: 1.25; overflow-wrap: anywhere; } #main .mod_article h1 a { padding: 0; font-size: inherit; line-height: inherit; } #main .mod_article > .content-text > h2, #main .mod_article > .ce_text > h2, #main .mod_article > h2.ce_headline, #main .mod_article .rte h2 { margin: 0 0 0.5rem; padding: 0.75rem 0 0; font-size: 1.15rem; line-height: 1.3; } #main .mod_article > .content-text > h3, #main .mod_article > h3.ce_headline, #main .mod_article .rte h3 { margin: 0 0 0.4rem; padding: 0.65rem 0 0; font-size: 1.05rem; line-height: 1.3; } #main .mod_article > h4.ce_headline { margin: 0 0 0.75rem; padding: 0.5rem 0 0; font-size: 0.95rem; line-height: 1.4; } #main .mod_article > .content-text > h2 a, #main .mod_article > .content-text > h3 a, #main .mod_article .rte h2 a, #main .mod_article .rte h3 a { font-size: inherit; line-height: inherit; } #main .mod_article > .content-text { min-width: 0; max-width: 100%; overflow-wrap: anywhere; } #main .mod_article .rte p { text-align: left; } #main .mod_article > .content-text > figure, #main .mod_article > .content-image > figure { box-sizing: border-box; max-width: 100%; } #main .mod_article > .content-text > figure.float_below { padding-top: 0.75rem; padding-bottom: 0.75rem; } #main .mod_article > .content-text > figure img, #main .mod_article > .content-image > figure img { max-width: 100%; height: auto; } body.beratung #main .mod_article > .content-text { width: 100%; margin: 0; } body.beratung #main .content-text .rte table { display: table; table-layout: fixed; width: 100%; max-width: 100%; margin: 0.75rem 0; height: auto !important; } body.beratung #main .content-text .rte td { padding: 0.4rem; font-size: 0.85rem; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; vertical-align: top; } body.beratung #main .content-text .rte td p { font-size: inherit; line-height: 1.4 !important; } @media (width < 600px) { body.beratung #main .content-text .rte table, body.beratung #main .content-text .rte tbody, body.beratung #main .content-text .rte tr, body.beratung #main .content-text .rte td { display: block; width: 100% !important; height: auto !important; } body.beratung #main .content-text .rte tr { margin-bottom: 0.65rem; } } } /* Textmeldungen im Header-Slider innerhalb der Folie darstellen. */ #header .mod_rocksolid_slider.one .layout_latest.eilmeldung { position: relative; } #header .mod_rocksolid_slider.one .eilmeldung .bildgroesse { position: absolute; inset: 0; width: 100%; min-width: 0; height: 100%; display: flex; align-items: center; justify-content: center; } #header .mod_rocksolid_slider.one .eilmeldung .bildgr-innen { position: relative; bottom: auto; width: min(1200px, 100%); height: 100%; padding: 0; display: flex; align-items: center; } #header .mod_rocksolid_slider.one .eilmeldung .bildgroesse .ce_text { box-sizing: border-box; position: relative; inset: auto; width: 100%; min-width: 0; max-width: 100%; height: auto; max-height: 100%; margin: 0; padding: clamp(1rem, 3vw, 3rem); overflow-y: auto; box-shadow: none; background: rgba(255, 255, 255, 0.94); } @media only screen and (width < 900px) { #header .mod_rocksolid_slider.one .eilmeldung .termine-links, #header .mod_rocksolid_slider.one .eilmeldung .termine-rechts { display: none; } #header .mod_rocksolid_slider.one .eilmeldung .termine-mitte { width: 100% !important; float: none; } }