#vk_blockly_header { background-color: #ffffff} .site-name a, .site-name a:visited, .site-name a:hover {  color: #da8f1b;  text-decoration: none;  }  .site-slogan { color: #00365f} a, a:hover, a:visited, a.page-link { color: #00365f} .mega-dropdown-menu a.level1 { color: #00365f !important;} h1, h2, h3, h4, h5, h6 {color:#00365f} .site-logo { border-radius:0px; } 
body {font-family:'Source Sans 3'; }#header_contact_row { background-color: #4d4545}#header_contact_row,#header_contact_row a  { color: #ffffff}:root { --green-highlight: #99ffcc; --pink-highlight: #ffccff; --yellow-highlight: #ffff66; --secondary-color: #00365f; --secondary-color-hover: #004b84; --third-color: #fcbe00; --light-background: #f5f5f5; --box-background: #f2f2f2; } /* Summary-Detail */ details p, details div.embedded-entity { padding-left: 50px; } summary { background-color: var(--third-color); padding-left: 10px; } summary h5 { display: inline; color: var(--fbc-white); } summary::marker { font-weight: 600; content: "<i class="fa-solid fa-caret-right"></i>"; font-size: 1.5em; margin-right: 60px; color: var(--fbc-white); } details[open] summary::marker { font-weight: 600; content: "<i class="fa-solid fa-caret-down"></i>"; font-size: 1.5em; margin-right: 60px; color: var(--fbc-white); } details[open] summary { margin-bottom: 20px; } details[open] { margin-bottom: 20px; } /* Mainmenu */ .nav-bg { background-color: var(--secondary-color); box-shadow: 0 1px 10px -6px rgba(0, 0, 0, .42), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 4px 5px -2px rgba(0, 0, 0, .1); } .navbar-light .navbar-nav .nav-link { color: #fff; } .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open>.nav-link { color: var(--third-color); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: var(--third-color); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .navbar-light .navbar-brand, .navbar-light .navbar-toggler { color: rgba(255, 255, 255, .95); } /* Frontpage */ /* ET-Slider */ body.path-frontpage div#block-evangelischeterminesliderteaser .carousel-item .col-md-3 { flex: 0 0 33%; max-width: 33%; box-sizing: border-box; /* Ensures padding is included in the width calculation */ } @media (max-width: 767px) { body.path-frontpage div#block-evangelischeterminesliderteaser .carousel-item .col-md-3 { flex: 0 0 100%; max-width: 100%; padding-bottom: 1em; } } body.path-frontpage .etslider-imagecontainer { position: relative; width: 100%; padding-top: 66.67%; /* 3:2 aspect ratio (height/width * 100 = 2/3 * 100 = 66.67) */ overflow: hidden; background-color: transparent; /* Ensure background is transparent */ } body.path-frontpage .etslider-imagecontainer img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; /* Ensures the image covers the container while maintaining aspect ratio */ border-radius: 10px 10px 0 0; /* Adds a border radius to the top of the images */ } body.path-frontpage .etslider-title { font-size: 1rem; text-align: left; padding: 10px; background-color: var(--light-background); margin-top: 0; min-height: 100px; } body.path-frontpage div#block-evangelischeterminesliderteaser ol.carousel-indicators, body.path-frontpage div#block-evangelischeterminesliderteaser .carousel-control-prev, body.path-frontpage div#block-evangelischeterminesliderteaser .carousel-control-next { display: none; } /* Button: Alle Veranstaltungen */ .allEvents { font-size: 1.2rem; font-weight: 400 !important; text-transform: uppercase; line-height: 1.7em !important; padding: 10px 50px !important; text-align: center; display: flex; /* Added flex for centering */ justify-content: center; /* Center text horizontally */ align-items: center; /* Center text vertically */ } div.et_button { color: #fff !important; background-color: var(--secondary-color); border-radius: 8px; width: 100%; /* Set to 100% width */ max-width: 300px; /* Maximum width for larger screens */ margin: 0 auto; transition: all 300ms ease 0ms; } @media (min-width: 768px) { div.et_button { width: 33%; /* Set width to 33% for larger screens */ } } .allEvents a { color: #fff !important; text-decoration: none; } .allEvents:hover { background-color: var(--secondary-color-hover); } /* Design-Boxen */ .ebw_box_background { background-color: var(--box-background); border-left: 2pt solid var(--secondary-color); padding: 10px; aspect-ratio: 3/2; display: flex; align-items: center; } .ebw_box h3 { margin-bottom: 20px; } /* Blocky */ /* #vk_blockly_header { border-bottom: dotted 5px #00365F; } */ /* Themenbereiche */ /* Allgemeine Stile für die Teaser */ .teasercol { overflow: hidden; /* Verhindert Überlauf */ margin-bottom: 1em; /* Abstand zwischen den Teasern */ display: flex; /* Flexbox für Layout */ flex-direction: column; /* Spaltenlayout für mobile Ansicht */ } .teasercol h2 { font-size: 24px; font-weight: 700; text-transform: none; /* Keine Großschreibung */ margin: 0; padding: 20px; border-radius: 10px 10px 0 0; /* Runde obere Ecken */ } .teasercol .node__content { flex-grow: 1; /* Flexibles Wachstum für den Inhalt */ padding: 20px; } .teasercol .node__content img { width: 100%; /* Bildbreite auf 100% setzen */ height: auto; /* Automatische Höhe beibehalten */ object-fit: cover; /* Bildinhalt behalten */ aspect-ratio: 3 / 2; /* Seitenverhältnis 3:2 */ border-top-left-radius: 10px; /* Nur obere linke Ecke abrunden */ border-top-right-radius: 10px; /* Nur obere rechte Ecke abrunden */ padding-bottom: 20px; } .teasercol .node__content p { text-align: left; /* Links ausgerichteter Text */ } @media (min-width: 768px) { .teasercol { flex: 0 0 33%; /* Basisbreite für Desktop (abzüglich Abstand) */ } .teasercol:last-child { margin-right: 0; /* Kein Abstand beim letzten Teaser in der Reihe */ } } @media (max-width: 767px) { .teasercol { width: 100%; /* Volle Breite auf mobilen Geräten */ margin-right: 0; margin-bottom: 1em; /* Abstand zwischen den Teasern */ } } /* Footer */ div.pagefooter { background-color: var(--secondary-color); color: #fff; width: 100%; box-shadow: 0 1px 10px -6px rgba(0, 0, 0, .42), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 4px 5px -2px rgba(0, 0, 0, .1); } div.pagefooter h2 { color: #fff; border-bottom: 0; } div.pagefooter a { color: var(--third-color); text-decoration: none; } /* vk_blockly_footer */ .pagefooter .col-sm { padding-left: 50px; padding-right: 50px; } .pagefooter .cr_font { font-family: 'Source Sans 3' !important; } .pagefooter button.cr_button { font-family: 'Source Sans 3' !important; } .pagefooter .formbox { font-family: 'Source Sans 3' !important; } @media (max-width: 767px) { .pagefooter .col-sm { width: 100%; /* Volle Breite auf mobilen Geräten */ margin-right: 0; margin-bottom: 2em; /* Abstand zwischen den Teasern */ margin-top: 2em; padding-left: 35px; padding-right: 35px; } .pagefooter .col-sm:first-child { margin-top: 0; } } .pagefooter li, .paragraph-block li { padding: 0; } div.pagefooter .footer_menu li { list-style-type: none; padding: 0; } div.pagefooter .footer_menu li a { color: #fff; text-decoration: none; } #vk_blockly_footer { display: none; } /* Bildung vor Ort */ p.kg_icons img { margin-bottom: 10px; margin-right: 10px; } /* Highligter */ .green-highlight, .pink-highlight, .yellow-highlight { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-left: 3px; } .green-highlight { background: var(--green-highlight); } .pink-highlight { background: var(--pink-highlight); } .yellow-highlight { background: var(--yellow-highlight); }