/* --------- Grundsachen ----------- */ body {background-image: url(../bilder/microphone-2130806_hg_ahabs.jpg) !important; background-attachment: fixed; background-size: 100%; } #navi_22_breadcrump {display: none;} h1 {color: #cc1719; font-size: 2rem; font-family: itc-benguiat, Constantia, Palatino, Georgia, "Times New Roman", Times, serif; line-height: 2.8rem; border-bottom: 3px dashed #ffffffbd; padding-bottom: 5px; margin: 10px 0 10px 0;} p, li, address, a {font-size: 0.9rem; font-family: 'Noto Sans', sans-serif; line-height: 1.5rem;} /* ---------- Bilderleiste ------------ */ #bilderleiste {display: flex; width: 100%; align-items: center; justify-content: center; height: 30vh;} .bilderleiste_logo {height: 65%; position: relative; animation-name: logo; animation-duration: 1.5s; animation-fill-mode: forwards;} @keyframes logo { from {top: -300px; height: 1%;} to {top: 0;} } #bilderleiste #newsletter_button {display: none; position: absolute; right: 2vw; top: 3vh; background-color: #cc1719; color: white; padding: 10px 20px; border-radius: 10px; font-family: 'Noto Sans', sans-serif; letter-spacing: 0.03rem; text-transform: uppercase; box-shadow: 2px 2px 5px black; transition: 0.3s; font-weight: bold; text-decoration: none; text-shadow: 0px 1px 2px black; font-size: 1rem;} #bilderleiste #newsletter_button:hover {cursor: pointer; background-color: #9e0000; box-shadow: 0px 0px 2px black;} /* ---------- Navigation ---------------*/ #rahmen {padding: 0;} #rahmen.rahmen_navigation_abstand {margin: 0; margin-bottom: 6vh;} #navigation {display: flex; background-color: #110f0d; box-shadow: 0px 0px 20px #4c4c4c; position: sticky;} #navigation ul {width: 100%; padding: 0; height: 100%; display: flex; justify-content: space-around;} #navigation li {margin: 0; height: 100%; width: inherit;} #navigation li a {font-family: 'Noto Sans', sans-serif; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.25em; transition: 0.5s;} #navigation li a:hover {color: rgb(204,23,25); transition: 0.5s;} #navigation li a.aktiv {color: rgb(191, 171, 171);} #navigation li a.aktiv:hover {color: rgb(204,23,25); transition: 0.5s;} #navigation ul li ul {height: auto; top: 49px; display: block; margin-left: 0; background-color: #110f0d; box-shadow: 0px 8px 8px #10101085; width: inherit;} #navigation ul li ul li {margin: 0; padding: 0; height: 100%; min-width: 12.5vw; width: 100%;} #navigation ul li ul li a {min-height: 25px; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.25em; transition: none; padding: 0.5vw; min-width: auto; text-align: center;} #navigation.affix {border: none; position: sticky !important;} /* ---------- Inhalt -------------- */ #inhalt {background-color: #fff9f7ba; min-height: 58vh; width: 60vw; padding: 2%; margin-bottom: 6vh;} #inhalt li {font-family: 'Noto Sans', sans-serif;} #inhalt .kurztext_global {background-color: #ffffff54; margin: 0 0 10px 0; padding: 1vh; font-family: 'Noto Sans', sans-serif; border-radius: 10px;} #inhalt .bildunterschrift {font-family: 'Noto Sans', sans-serif; font-size: 0.78rem; line-height: 1.2rem;} #inhalt .kurztext_global:first-of-type {background-color: transparent; margin-bottom: 0;} #inhalt .kurztext_global h3 {color: #cc1719; font-size: 1.1rem; letter-spacing: 0.03rem; font-family: itc-benguiat, Constantia, Palatino, Georgia, "Times New Roman", Times, serif;} #inhalt .kurztext_global:first-of-type h3 {color: #cc1719; font-size: 1.3rem; letter-spacing: 0.03rem; font-family: itc-benguiat, Constantia, Palatino, Georgia, "Times New Roman", Times, serif; text-transform: uppercase;} #inhalt .kurztext_global .kurztext_text_div p {font-family: 'Noto Sans', sans-serif; font-size: 0.9rem; line-height: 1.5rem;} #inhalt .kurztext_global .kurztext_nur_der_text {display: flex !important; align-items: center;} #inhalt .kurztext_global .kurztext_nur_der_text .kurztext_text_div {padding-left: 0 !important;} #inhalt .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste {margin-right: 1.5vw !important;} .inhalt_19 .nurbild_global {padding: 0; margin: 0; display: flex;} .inhalt_19 .nurbild_global .nurbild_bilderleiste {padding: 0; margin: 0; display: flex; flex-wrap: wrap; width: 100%; justify-content: space-around;} .inhalt_19 .nurbild_global .nurbild_einzelbildkasten {margin: 15px; padding: 15px; border: 2px solid black; background-color: #ffffff80;} .inhalt_19 .nurbild_global .bildunterschrift {margin-top: 5px !important; font-size: 0.85rem !important;} /* ---------- Download Baustein -------------- */ #inhalt .datei_download_multi h3 {font-family: 'Noto Sans', sans-serif; color: black; font-size: 1.1rem; margin-bottom: 2px;} #inhalt .datei_download_multi .download_beschreibung p {font-family: 'Noto Sans', sans-serif;} #inhalt .datei_download_multi a {font-family: 'Noto Sans', sans-serif; color: grey;} /* ---------- Kontaktformular -------------- */ #inhalt #kontaktformular fieldset:nth-of-type(2) {display: flex; flex-wrap: wrap;} #inhalt #kontaktformular fieldset input[type="text"] {padding: 5px; border-radius: 5px; font-family: 'Noto Sans', sans-serif; border: 1px solid grey;} #inhalt #kontaktformular fieldset textarea {width: 96%; padding: 2%; border-radius: 5px; font-family: 'Noto Sans', sans-serif;} #inhalt #kontaktformular fieldset label[for="datenschutz"] {width: 96% !important;} #inhalt #kontaktformular fieldset #spam_schutz_kontaktformular_text p {margin-bottom: 1px;} #inhalt #kontaktformular fieldset:nth-of-type(2) input[type="submit"] {margin-top: 8px !important;} /* ---------- Startseite -------------- */ #indiv_vorlage1001 {display: flex; flex-wrap: wrap; justify-content: space-around; align-items: flex-start;} #indiv_vorlage1001 #bausteinbereiche_bausteine_1 .kurztext_global {border-bottom: 5px solid white; margin-bottom: 1vh; padding-bottom: 1vh; border-radius: 0; background-color: transparent;} #indiv_vorlage1001 #bausteinbereiche_bausteine_1 .kurztext_global h3 {font-size: 1.5rem; text-transform: uppercase; text-align: center;} #indiv_vorlage1001 #bausteinbereiche_bausteine_1 .kurztext_global .kurztext_text_div p {text-align: center;} #indiv_vorlage1001 #ahabs_slider_und_veranstaltungen {flex: 3; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: stretch; flex-direction: column;} #indiv_vorlage1001 #ahabs_slider_und_veranstaltungen #ahabs_slider {overflow: hidden; display: flex; justify-content: center; align-items: center; height: 30vh; border-radius: 10px; max-height: 300px;} #indiv_vorlage1001 #ahabs_slider_und_veranstaltungen #ahabs_slider img {width: 100%;} #indiv_vorlage1001 #ahabs_slider_und_veranstaltungen #ahabs_slider #ahabs_slider_animation {animation-name: slider; animation-duration: 2s;} @keyframes slider { from {opacity: 0;} to {opacity: 1;} } /* #indiv_vorlage1001 #ahabs_slider_und_veranstaltungen #ahabs_slider img {width: 100%;} */ #indiv_vorlage1001 #ahabs_slider_und_veranstaltungen #ahabs_aktuelle_veranstaltungen_div {display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;} #indiv_vorlage1001 #ahabs_slider_und_veranstaltungen #ahabs_aktuelle_veranstaltungen_div #ahabs_aktuelle_veranstaltungen {width: 100%;} #indiv_vorlage1001 #ahabs_slider_und_veranstaltungen #ahabs_aktuelle_veranstaltungen_div input[type="submit"] {background-color: #cc1719; border: none; color: white; padding: 6px 15px; border-radius: 10px; font-family: 'Noto Sans', sans-serif; letter-spacing: 0.03rem; text-transform: uppercase; box-shadow: 2px 2px 5px #7b7b7b; transition: 0.3s; font-weight: bold; margin-right: 0; font-size: 0.9rem; width: auto; margin-top: 10px;} #indiv_vorlage1001 #ahabs_slider_und_veranstaltungen #ahabs_aktuelle_veranstaltungen_div input[type="submit"]:hover {cursor: pointer; background-color: #9e0000; box-shadow: 0px 0px 2px #7b7b7b;} #indiv_vorlage1001 #ahabs_veranstaltungen_kurzuebersicht {flex: 1; display: flex; flex-wrap: wrap; justify-content: center;} #indiv_vorlage1001 #ahabs_veranstaltungen_kurzuebersicht #bausteinbereiche_bausteine_2 {width: 100%; display: flex; flex-wrap: wrap;} #indiv_vorlage1001 #ahabs_veranstaltungen_kurzuebersicht #bausteinbereiche_bausteine_2 .m_ver_bausteinkasten_veranst_kurz {width: 85%; margin: 0 0 0 25px; padding: 25px 20px; border-radius: 10px; min-width: 200px; box-shadow: 2px 2px 6px grey; flex: 1; align-self: flex-start;} #indiv_vorlage1001 #ahabs_veranstaltungen_kurzuebersicht #bausteinbereiche_bausteine_2 .m_ver_bausteinkasten_veranst_kurz h3 {color: #cc1719; font-size: 1rem; font-family: 'Noto Sans', sans-serif; margin: 0; padding-left: 8px;} #indiv_vorlage1001 #ahabs_veranstaltungen_kurzuebersicht #bausteinbereiche_bausteine_2 .m_ver_bausteinkasten_veranst_kurz .m_ver_baustein_eine_veranst_kurz .m_ver_baustein_datum {font-size: 0.8rem; font-family: 'Noto Sans', sans-serif; width: 100%; margin: 0;} #indiv_vorlage1001 #ahabs_veranstaltungen_kurzuebersicht #bausteinbereiche_bausteine_2 .m_ver_bausteinkasten_veranst_kurz .m_ver_baustein_eine_veranst_kurz .m_ver_baustein_titel {width: 100%; padding-left: 0;} #indiv_vorlage1001 #ahabs_veranstaltungen_kurzuebersicht #bausteinbereiche_bausteine_2 .m_ver_bausteinkasten_veranst_kurz .m_ver_baustein_eine_veranst_kurz .m_ver_baustein_titel a {font-size: 0.8rem; font-family: 'Noto Sans', sans-serif; width: 100%; padding-left: 0;} #indiv_vorlage1001 #ahabs_veranstaltungen_kurzuebersicht #bausteinbereiche_bausteine_2 .m_ver_bausteinkasten_veranst_kurz .m_ver_baustein_veranstaltungskalender_link_alle_anzeigen {display: flex; flex-wrap: wrap; justify-content: center; margin-top: 10px;} #indiv_vorlage1001 #ahabs_veranstaltungen_kurzuebersicht #bausteinbereiche_bausteine_2 .m_ver_bausteinkasten_veranst_kurz .m_ver_baustein_veranstaltungskalender_link_alle_anzeigen a {font-size: 0.8rem; font-family: 'Noto Sans', sans-serif; background-color: black; color: white; border-radius: 5px; text-decoration: none; text-transform: uppercase; width: 100%; text-align: center; letter-spacing: 0.03rem; box-shadow: 1px 1px 5px #7b7b7b; transition: 0.3s;} #indiv_vorlage1001 #ahabs_veranstaltungen_kurzuebersicht #bausteinbereiche_bausteine_2 .m_ver_bausteinkasten_veranst_kurz .m_ver_baustein_veranstaltungskalender_link_alle_anzeigen a:hover {cursor: pointer; background-color: #5d5d5d; box-shadow: 0px 0px 2px #7b7b7b; font-weight: normal;} .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber {display: none;} #indiv_vorlage1001 #bausteinbereiche_bausteine_3 {margin-top: 5vh;} /* ---------- Veranstaltungsseiten -------------- */ #m_ver_liste_veranstaltungen {display: flex; flex-wrap: wrap; margin-top: 3vh; font-family: 'Noto Sans', sans-serif; align-items: stretch;} #m_ver_liste_veranstaltungen .m_ver_admin_bearbeitungsmoeglichkeiten {width: 100%; margin: 0; background-color: transparent; color: white; padding: 0; margin-bottom: 2vh;} #m_ver_liste_veranstaltungen .m_ver_admin_bearbeitungsmoeglichkeiten a {padding: 1% 2%; color: white; transition: 0.3s; background-color: #cc1719;} #m_ver_liste_veranstaltungen .m_ver_admin_bearbeitungsmoeglichkeiten a:hover {color: black; font-weight: normal;} #m_ver_liste_veranstaltungen .m_ver_ausgabe_ein_veranstaltungstermin_mittel {width: 27.33%; display: flex; flex-wrap: wrap; box-shadow: 2px 4px 6px #9e9e9e; margin: 1.1%; padding: 1.9%; border: none; border-radius: 10px;} #m_ver_liste_veranstaltungen .m_ver_ausgabe_ein_veranstaltungstermin_mittel h3 {color: #cc1719; font-size: 1.2rem; letter-spacing: 0.03rem; font-family: itc-benguiat, Constantia, Palatino, Georgia, "Times New Roman", Times, serif;} #m_ver_liste_veranstaltungen .m_ver_ausgabe_ein_veranstaltungstermin_mittel h4 {color: #cc1719; font-size: 1rem; letter-spacing: 0.03rem; font-weight: normal;} #m_ver_liste_veranstaltungen .m_ver_ausgabe_ein_veranstaltungstermin_mittel p {margin-bottom: 2px; margin-top: 2px;} #m_ver_liste_veranstaltungen .m_ver_ausgabe_ein_veranstaltungstermin_mittel p a {color: grey; font-size: 0.8rem} #m_ver_liste_veranstaltungen .m_ver_ausgabe_ein_veranstaltungstermin_mittel hr {flex: 0 0 100%; border: solid 1px #d8d8d8; height: 0px; align-self: flex-end;} #m_ver_liste_veranstaltungen .m_ver_ausgabe_ein_veranstaltungstermin_mittel #m_ver_ausgabe_mittel_bearbeitungsmodus {align-self: flex-end;} #m_ver_liste_veranstaltungen .m_ver_ausgabe_ein_veranstaltungstermin_mittel #m_ver_ausgabe_mittel_bearbeitungsmodus form input[type="submit"] {background-color: grey; border: none; color: white; padding: 6px 15px; border-radius: 10px; font-family: 'Noto Sans', sans-serif; letter-spacing: 0.03rem; box-shadow: 2px 2px 5px #7b7b7b; transition: 0.3s; font-weight: 500; margin-right: 1vw; margin-top: 1vh; font-size: 0.8rem;} #m_ver_liste_veranstaltungen .m_ver_ausgabe_ein_veranstaltungstermin_mittel #m_ver_ausgabe_mittel_bearbeitungsmodus form input[type="submit"]:hover {cursor: pointer; background-color: #5f5f5f; box-shadow: 0px 0px 2px #7b7b7b;} #m_ver_liste_veranstaltungen .m_ver_ausgabe_ein_veranstaltungstermin_mittel .m_ver_ausgabe_mittel_veranstaltungsinformationen {width: 100%;} #m_ver_liste_veranstaltungen .m_ver_ausgabe_ein_veranstaltungstermin_mittel #m_ver_ausgabe_mittel_button {width: 100%; align-self: flex-end;} #m_ver_liste_veranstaltungen .m_ver_ausgabe_ein_veranstaltungstermin_mittel #m_ver_ausgabe_mittel_button form {text-align: center;} #m_ver_liste_veranstaltungen .m_ver_ausgabe_ein_veranstaltungstermin_mittel #m_ver_ausgabe_mittel_button form input[type="submit"] {background-color: #cc1719; border: none; color: white; padding: 6px 15px; border-radius: 10px; font-family: 'Noto Sans', sans-serif; letter-spacing: 0.03rem; text-transform: uppercase; box-shadow: 2px 2px 5px #7b7b7b; transition: 0.3s; font-weight: bold; margin-right: 0; font-size: 0.9rem; width: 100%; margin-top: 10px;} #m_ver_liste_veranstaltungen .m_ver_ausgabe_ein_veranstaltungstermin_mittel #m_ver_ausgabe_mittel_button form input[type="submit"]:hover {cursor: pointer; background-color: #9e0000; box-shadow: 0px 0px 2px #7b7b7b;} #m_ver_liste_veranstaltungen .m_ver_ausgabe_ein_veranstaltungstermin_mittel .m_ver_ausgabe_mittel_bild {width: 100%; margin: 0;} #m_ver_liste_veranstaltungen .m_ver_ausgabe_ein_veranstaltungstermin_mittel .m_ver_ausgabe_mittel_bild .bildunterschrift {display: none;} #m_ver_liste_veranstaltungen .m_ver_ausgabe_ein_veranstaltungstermin_mittel .m_ver_ausgabe_mittel_bild .bildausgabe input[name="bild_formular_input"] {width: 100%;} #m_ver_liste_veranstaltungen .m_ver_ausgabe_ein_veranstaltungstermin_mittel .m_ver_ausgabe_mittel_datumszeile {font-size: 0.9rem;} /* ---------- Veranstaltungsseite Detailausgabe -------------- */ #inhalt .m_ver_detailausgabe {margin-top: 0; font-family: 'Noto Sans', sans-serif;} #inhalt .m_ver_detailausgabe h3 {color: #cc1719; font-size: 1.4rem; letter-spacing: 0.03rem; font-family: itc-benguiat, Constantia, Palatino, Georgia, "Times New Roman", Times, serif; text-transform: uppercase;} #inhalt .m_ver_detailausgabe h4 {color: white; font-size: 0.9rem; letter-spacing: 0.03rem; text-transform: uppercase; margin-bottom: 3vh;} #inhalt .m_ver_detailausgabe #detail_veranstaltungsansicht_hauptbild {display: flex; flex-wrap: wrap; width: max-content; background-color: white; padding: 1%; border-radius: 10px; margin-bottom: 2vh; max-width: 100%;} #inhalt .m_ver_detailausgabe #detail_veranstaltungsansicht_hauptbild .cms_bildbox_oben {border: none; margin: 0;} #inhalt .m_ver_detailausgabe #detail_veranstaltungsansicht_hauptbild .cms_bildbox_oben .bildausgabe {margin: 0;} #inhalt .m_ver_detailausgabe #detail_veranstaltungsansicht_hauptbild .cms_bildbox_oben .bildausgabe input[type="image"] {height: 40vh;} #inhalt .m_ver_detailausgabe #detail_veranstaltungsansicht_zusatzbilder {display: flex; flex-wrap: wrap; width: max-content; background-color: white; margin-top: 1vh; margin-bottom: 4vh; padding: 1%; border-radius: 10px; max-width: 100%;} #inhalt .m_ver_detailausgabe #detail_veranstaltungsansicht_zusatzbilder .cms_bildbox_oben {border: none; margin: 0;} #inhalt .m_ver_detailausgabe #detail_veranstaltungsansicht_zusatzbilder .cms_bildbox_oben .bildausgabe {margin: 0;} #inhalt .m_ver_detailausgabe #detail_veranstaltungsansicht_zusatzbilder .cms_bildbox_oben .bildausgabe input[type="image"] {height: 15vh; min-height: 150px; margin-right: 1vw;} #inhalt .m_ver_detailausgabe #detail_veranstaltungsansicht_zusatzbilder .cms_bildbox_oben:last-of-type .bildausgabe input[type="image"] {margin-right: 0;} #inhalt .m_ver_detailausgabe .m_ver_detailausgabe_terminzeile {color: #4e4e4e; font-weight: bold; font-size: 0.9rem;} #inhalt .m_ver_detailausgabe .m_ver_detailausgabe_1spalte {font-weight: bold; font-size: 0.9rem; width: 10%; min-width: max-content;} #inhalt .m_ver_detailausgabe .m_ver_detailausgabe_2spalte {font-size: 0.9rem; width: 89%; margin-bottom: 3vh;} #inhalt .m_ver_detailausgabe form {margin-bottom: 1vh;} #inhalt .m_ver_detailausgabe input[type="submit"] {background-color: #cc1719; border: none; color: white; padding: 1% 3%; border-radius: 10px; font-family: 'Noto Sans', sans-serif; letter-spacing: 0.03rem; text-transform: uppercase; box-shadow: 2px 2px 5px #7b7b7b; transition: 0.3s; font-weight: bold; margin-right: 1vw;} #inhalt .m_ver_detailausgabe input[type="submit"]:hover {cursor: pointer; background-color: #9e0000; box-shadow: 0px 0px 2px #7b7b7b;} #inhalt .m_ver_detailausgabe a {transition: 0.3s;} #inhalt .m_ver_detailausgabe a:hover {color: #cc1719; font-weight: normal;} #inhalt .m_ver_detailausgabe hr {border-bottom: 3px dotted white;} #inhalt .m_ver_detailausgabe .m_ver_link_zur_uebersicht a {color: #4e4e4e; font-size: 0.9rem; font-weight: normal; transition: 0.3rem} #inhalt .m_ver_detailausgabe .m_ver_link_zur_uebersicht a:hover {color: #cc1719; font-size: 0.9rem; font-weight: normal; text-decoration: underline;} #inhalt #m_ver_liste_kurzausgabe {font-family: 'Noto Sans', sans-serif;} #inhalt #m_ver_liste_kurzausgabe .m_ver_admin_bearbeitungsmoeglichkeiten {margin: 0; background-color: transparent; color: white; padding: 0; width: auto; margin-bottom: 4vh;} #inhalt #m_ver_liste_kurzausgabe .m_ver_admin_bearbeitungsmoeglichkeiten a {padding: 1% 2%; color: white; transition: 0.3s; background-color: #cc1719;} #inhalt #m_ver_liste_kurzausgabe .m_ver_admin_bearbeitungsmoeglichkeiten a:hover {color: black; font-weight: normal;} #inhalt #m_ver_liste_kurzausgabe .m_ver_kurzausgabe_monat h2 {font-family: 'Noto Sans', sans-serif; border-bottom: 2px dotted white; font-size: 1rem; line-height: 1.5rem; margin-top: 4vh;} #inhalt #m_ver_liste_kurzausgabe .m_ver_kurzausgabe_tag h3 {margin-top: 5px;} #inhalt #m_ver_liste_kurzausgabe .m_ver_kurzausgabe_tag h3 a {color: #cc1719; font-size: 1rem; letter-spacing: 0.03rem;} #inhalt #m_ver_liste_kurzausgabe .m_ver_kurzausgabe_tag div span {margin: 0;} #inhalt #m_ver_liste_kurzausgabe .m_ver_kurzausgabe_tag div .m_ver_kurzausgabe_datum, #inhalt #m_ver_liste_kurzausgabe .m_ver_kurzausgabe_tag div .m_ver_kurzausgabe_ort {color: #616161; font-weight: bold; font-size: 0.9rem;} #inhalt #m_ver_liste_kurzausgabe .m_ver_kurzausgabe_tag div .m_ver_kurzausgabe_rubrik {color: white; font-size: 0.9rem; letter-spacing: 0.03rem; text-transform: uppercase;} #inhalt #m_ver_liste_kurzausgabe form input[type="submit"] {background-color: #cc1719; border: none; color: white; padding: 5px 10px; border-radius: 5px; font-family: 'Noto Sans', sans-serif; letter-spacing: 0.03rem; text-transform: uppercase; box-shadow: 1px 1px 4px #7b7b7b; transition: 0.3s; font-weight: bold; margin-right: 1vw;} #inhalt #m_ver_liste_kurzausgabe form input[type="submit"]:hover {cursor: pointer; background-color: #9e0000; box-shadow: 0px 0px 2px #7b7b7b;} #inhalt .m_ver_eine_veranstaltung_buchung_kurzausgabe {font-family: 'Noto Sans', sans-serif; border: none; border-radius: 10px; padding: 2vh 2vw;} #inhalt .m_ver_eine_veranstaltung_buchung_kurzausgabe h3 {color: #cc1719; font-size: 1.4rem; letter-spacing: 0.03rem; font-family: itc-benguiat, Constantia, Palatino, Georgia, "Times New Roman", Times, serif; margin-top: 5px;} #inhalt .m_ver_eine_veranstaltung_buchung_kurzausgabe h4 {font-size: 1rem; margin-top: 0; margin-bottom: 0;} #inhalt .m_ver_eine_veranstaltung_buchung_kurzausgabe span {font-weight: bold; font-size: 0.9rem;} #inhalt .m_ver_eine_veranstaltung_buchung_kurzausgabe .m_ver_kurzausgabe_datum {margin-left: 0;} #inhalt .m_ver_eine_veranstaltung_buchung_kurzausgabe .m_ver_kurzausgabe_rubrik {color: grey;} #inhalt #m_ver_buchung_schritte .ver_buchen_button, #inhalt #m_ver_buchung_schritte .ver_buchen_button_aktiv {padding-right: 20px; width: auto; color: black;} #inhalt #m_ver_veranstaltung_buchen_ticketauswahl {font-family: 'Noto Sans', sans-serif;} #inhalt #m_ver_veranstaltung_buchen_ticketauswahl h2 {font-family: 'Noto Sans', sans-serif;} #inhalt #m_ver_veranstaltung_buchen_ticketauswahl form ul {padding-left: 0;} #inhalt #m_ver_veranstaltung_buchen_ticketauswahl .m_ver_buchung_preisberechnung {margin-left: 0;} #inhalt #m_ver_veranstaltung_buchen_ticketauswahl .m_ver_buchung_preisberechnung .m_ver_input_kurz {width: 50px; padding: 0.5% 0 0.5% 1%; border-radius: 10px;} #inhalt #m_ver_veranstaltung_buchen_ticketauswahl .m_ver_buchung_preisberechnung #m_ver_summe_preis_1, #inhalt #m_ver_veranstaltung_buchen_ticketauswahl .m_ver_buchung_preisberechnung #m_ver_summe_preis_2 {font-weight: bold;} #inhalt #m_ver_veranstaltung_buchen_ticketauswahl .m_ver_buchung input[type="submit"] {background-color: #cc1719; border: none; color: white; padding: 5px 10px; border-radius: 5px; font-family: 'Noto Sans', sans-serif; letter-spacing: 0.03rem; text-transform: uppercase; box-shadow: 2px 2px 5px #7b7b7b; transition: 0.3s; font-weight: bold; margin-right: 1vw;} #inhalt #m_ver_veranstaltung_buchen_ticketauswahl .m_ver_buchung input[type="submit"]:hover {cursor: pointer; background-color: #9e0000; box-shadow: 0px 0px 2px #7b7b7b;} #inhalt #m_ver_veranstaltung_buchen_ticketauswahl .m_ver_buchung .m_ver_kat_buchen {display: flex; align-items: center; flex-wrap: wrap;} #inhalt #m_ver_veranstaltung_buchen_personendaten .m_ver_buchung fieldset {font-weight: bold; font-size: 0.9rem;} #inhalt #m_ver_veranstaltung_buchen_personendaten .m_ver_buchung fieldset legend {color: #cc1719;} #inhalt #m_ver_veranstaltung_buchen_personendaten .m_ver_buchung input[type="submit"] {background-color: #cc1719; border: none; color: white; padding: 5px 10px; border-radius: 5px; font-family: 'Noto Sans', sans-serif; letter-spacing: 0.03rem; text-transform: uppercase; box-shadow: 2px 2px 5px #7b7b7b; transition: 0.3s; font-weight: bold; margin-right: 1vw; margin-top: 2vh;} #inhalt #m_ver_veranstaltung_buchen_personendaten .m_ver_buchung input[type="submit"]:hover {cursor: pointer; background-color: #9e0000; box-shadow: 0px 0px 2px #7b7b7b;} /* ---------- Veranstaltungen eintragen -------------- */ #inhalt #m_ver_veranstaltung_bearbeiten {font-family: 'Noto Sans', sans-serif;} #inhalt #m_ver_veranstaltung_bearbeiten form input[type="submit"] {background-color: #cc1719; color: white; font-size: 1rem; letter-spacing: 0.03rem; transition: 0.3s;} #inhalt #m_ver_veranstaltung_bearbeiten form input[type="submit"]:hover {padding-bottom: 10px; height: 35px; margin-top: -5px; cursor: pointer;} #inhalt #m_ver_veranstaltung_bearbeiten #m_ver_bearbeiten_veranstaltung_daten {background-color: #cc1719;} #inhalt #m_ver_veranstaltung_bearbeiten #m_ver_bearbeiten_veranstaltung_daten h1 {color: white;} #inhalt #m_ver_veranstaltung_bearbeiten #m_ver_bearbeiten_veranstaltung_daten form {padding: 2%;} #inhalt #m_ver_veranstaltung_bearbeiten #m_ver_bearbeiten_veranstaltung_daten form label {font-size: 0.9rem; font-family: 'Noto Sans', sans-serif;} #inhalt #m_ver_veranstaltung_bearbeiten #m_ver_bearbeiten_veranstaltung_daten form input, #inhalt #m_ver_veranstaltung_bearbeiten #m_ver_bearbeiten_veranstaltung_daten form select, #inhalt #m_ver_veranstaltung_bearbeiten #m_ver_bearbeiten_veranstaltung_daten form textarea {font-size: 0.9rem; font-family: 'Noto Sans', sans-serif; padding: 6px; margin-bottom: 1vh;} #inhalt #m_ver_veranstaltung_bearbeiten #m_ver_bearbeiten_veranstaltung_daten #m_ver_auswahl_weiter_nach_speichern {background-color: white; padding: 2%;} #inhalt #m_ver_veranstaltung_bearbeiten #m_ver_bearbeiten_veranstaltung_daten #m_ver_auswahl_weiter_nach_speichern form input[type="submit"] {background-color: #cc1719; border: none; color: white; padding: 6px 15px; border-radius: 10px; font-family: 'Noto Sans', sans-serif; letter-spacing: 0.03rem; text-transform: uppercase; box-shadow: 2px 2px 5px #7b7b7b; transition: 0.3s; font-weight: bold; margin-right: 1vw; margin-top: 1vh;} #inhalt #m_ver_veranstaltung_bearbeiten #m_ver_bearbeiten_veranstaltung_daten #m_ver_auswahl_weiter_nach_speichern form input[type="submit"]:hover {cursor: pointer; background-color: #9e0000; box-shadow: 0px 0px 2px #7b7b7b; height: auto;} #inhalt #m_ver_veranstaltung_bearbeiten form #m_ver_termin_hinzu_oder_bearbeiten label:nth-of-type(2) {width: auto; padding-left: 5px;} #inhalt #m_ver_veranstaltung_bearbeiten form #m_ver_veranstaltung_speichern {background-color: #cc1719; border: none; color: white; padding: 5px 10px; border-radius: 5px; font-family: 'Noto Sans', sans-serif; letter-spacing: 0.03rem; text-transform: uppercase; box-shadow: 2px 2px 5px #7b7b7b; transition: 0.3s; font-weight: bold; margin-right: 1vw; margin-top: 2vh; height: auto;} #inhalt #m_ver_veranstaltung_bearbeiten form #m_ver_veranstaltung_speichern:hover {cursor: pointer; background-color: #9e0000; box-shadow: 0px 0px 2px #7b7b7b;} #inhalt #m_ver_veranstaltung_bearbeiten #m_ver_veranstaltung_bearbeiten_form input[type="submit"] {background-color: #cc1719; border: none; color: white; padding: 5px 10px; border-radius: 5px; font-family: 'Noto Sans', sans-serif; letter-spacing: 0.03rem; text-transform: uppercase; box-shadow: 2px 2px 5px #7b7b7b; transition: 0.3s; font-weight: bold; margin-right: 1vw; margin-top: 2vh; height: auto;} #inhalt #m_ver_veranstaltung_bearbeiten #m_ver_veranstaltung_bearbeiten_form input[type="submit"]:hover {cursor: pointer; background-color: #9e0000; box-shadow: 0px 0px 2px #7b7b7b;} #inhalt #m_ver_veranstaltung_bearbeiten #m_ver_bearbeiten_veranstaltung_daten .bildkasten input[type="submit"] {background-color: #cc1719; border: none; color: white; padding: 5px 10px; border-radius: 5px; font-family: 'Noto Sans', sans-serif; letter-spacing: 0.03rem; text-transform: uppercase; box-shadow: 2px 2px 5px white; transition: 0.3s; font-weight: bold; margin-right: 1vw; margin-top: 2vh; height: auto !important; width: auto !important; background-image: none !important;} #inhalt #m_ver_veranstaltung_bearbeiten #m_ver_bearbeiten_veranstaltung_daten .bildkasten input[type="submit"]:hover {cursor: pointer; background-color: #9e0000; box-shadow: 0px 0px 2px #7b7b7b;} /* ---------- Veranstaltungsliste Rubriken -------------- */ #inhalt #m_ver_veranstaltung_kurzausgabe h2 {font-size: 1.5rem; text-transform: uppercase; letter-spacing: 0.03rem; font-family: 'Noto Sans', sans-serif; color: black; margin-top: 3vh; margin-bottom: 1vh;} #inhalt #m_ver_veranstaltung_kurzausgabe h3 {font-size: 1rem; text-transform: uppercase; letter-spacing: 0.03rem; font-family: 'Noto Sans', sans-serif;} #inhalt #m_ver_veranstaltung_kurzausgabe .m_ver_kurzausgabe_veranstaltung {background-color: #ffffff70; border-radius: 10px;} /* ---------- Veranstaltungen chronologisch -------------- */ .m_ver_veranstaltungstermin_chronologisch {background-color: white; box-shadow: 2px 4px 6px #9e9e9e; border-radius: 10px; font-family: 'Noto Sans', sans-serif; } .m_ver_veranstaltungstermin_chronologisch div:nth-of-type(2), .m_ver_veranstaltungstermin_chronologisch div:nth-of-type(3) {margin-top: 0;} .m_ver_veranstaltungstermin_chronologisch div:nth-of-type(2) {flex-grow: 1; font-size: 0.8rem;} .m_ver_veranstaltungstermin_chronologisch div:nth-of-type(1) {min-width: 40px; width: 10vw;} .m_ver_veranstaltungstermin_chronologisch div:nth-of-type(1) h3 {font-size: 0.8rem; font-family: 'Noto Sans', sans-serif; font-weight: 500; padding: 1%;} .m_ver_veranstaltungstermin_chronologisch div:nth-of-type(2) h2 {color: #cc1719; font-size: 1.2rem; letter-spacing: 0.03rem; font-family: itc-benguiat, Constantia, Palatino, Georgia, "Times New Roman", Times, serif; text-transform: uppercase; margin-bottom: 3px;} .m_ver_veranstaltungstermin_chronologisch div:nth-of-type(2) h3 {color: #cc1719; font-size: 0.9rem; letter-spacing: 0.03rem; font-family: 'Noto Sans', sans-serif; margin-bottom: 3px; font-weight: 500;} .m_ver_veranstaltungstermin_chronologisch div:nth-of-type(2) h4 {font-size: 1rem; letter-spacing: 0.03rem; font-family: 'Noto Sans', sans-serif; font-weight: 700; margin-top: 8px; margin-bottom: 2px;} .m_ver_veranstaltungstermin_chronologisch div:nth-of-type(3) form input[type="submit"] {background-color: #cc1719; border: none; color: white; padding: 5px 10px; border-radius: 5px; font-family: 'Noto Sans', sans-serif; letter-spacing: 0.03rem; text-transform: uppercase; box-shadow: 2px 2px 5px #7b7b7b; transition: 0.3s; font-weight: bold; margin-right: 1vw; margin-top: 2vh; height: auto;} .m_ver_veranstaltungstermin_chronologisch div:nth-of-type(3) form input[type="submit"]:hover {cursor: pointer; background-color: #9e0000; box-shadow: 0px 0px 2px #7b7b7b;} /* ---------- Aktivleiste -------------- */ /* #aktivleiste_vorschau_id_bilderleiste { } .aktivleiste_vorschau { background-color: #000; border-radius: 10px; right: -15px; top:15px; bottom: -15px; color: #fff; box-shadow: -7px -7px 9px #494949; padding: 8px; } /*---------- Kurztexte ------------*/ /* .kurztext_global, .nurtext_global { margin: 5px 0; padding: 5px 0px; background-color: transparent; font-size: 1rem; } .kurztext_global .kurztext_text_div { padding: 0; } .kurztext_global .kurztext_text_div a { } .kurztext_global .kurztext_text_div p { } .kurztext_global h3 { } /*---------- Mitgliedsformular ------------*/ #mitgliedsformular { font-size: 1.05rem; line-height: 1.6rem; vertical-align: top; } #mitgliedsformular p { margin: 3px 0; } #mitgliedsformular fieldset { margin: 12px 0 0 0; } #mitgliedsformular legend.ue { color: #CC1316; font-family: "Constantia"; font-size: 1.0rem; font-weight: bold; } #mitgliedsformular label { font-size: 1.05rem; line-height: 1.6rem; width: 9rem; display: inline-block; vertical-align: top; } #mitgliedsformular input { display: inline-block; width: 20rem; vertical-align: top; } #mitgliedsformular input[name="senden"] { width: 100%; margin: 20px 0 0 0; background-color: #CC1316; color: #fff; height: 40px; border: 1px solid #000; font-size: 0.9rem; font-weight: bold; } #mitgliedsformular input[name="senden"]:hover { cursor: pointer; box-shadow: 2px 2px 2px #494949; } /*---------- Fuß ------------*/ #fuss {background-color: #110f0d; height: 6vh; bottom: 0; display: flex; justify-content: center; align-items: center; padding: 0; min-height: 40px;} .fuss_links {color: white; margin-right: 1vw;} .fuss_rechts {display: flex;} #fuss a {color: white;} #fuss span {color: white;} #fuss .fuss_rechts #mobil_button {margin: 0; background-color: white; border: none; padding: 4px 8px; border-radius: 5px; transition: 0.3s;} #fuss .fuss_rechts #mobil_button:hover {background-color: rgb(204,23,25); color: white; cursor: pointer;} #fuss #admin_login_im_fuss {position: absolute; right: 2vw; text-decoration: none; color: #b7b7b7;} /*---------- Login ------------*/ #inhalt .kat_aktion {background-color: #eaeaea;} #inhalt .kat_aktion #kat_objekt_aktion_fenster_kopf {background-color: #cc1719;} #inhalt .logininc input[type="submit"] {background-color: #cc1719;} #inhalt .logininc input[type="submit"]:hover {color: black;} /*------- Veranstaltungslkalender -------- #inhalt .m_ver_kurzausgabe_monat h2 {color: #ffffff; line-height: 45px; font-size: 18px; } #inhalt .m_ver_kurzausgabe_tag {background-color: #ffffff;} #inhalt .m_ver_kurzausgabe_tag div {background-color: #cc071e; color: #ffffff;} #inhalt .m_ver_kurzausgabe_datum {font-size: 14px; } #inhalt .m_ver_kurzausgabe_tag h3 {color: #000000; font-size: 18px; line-height: 24px; padding: 5px 10px;} .m_ver_admin_bearbeitungsmoeglichkeiten {background-color: #cc071e; font-size: 13px;} #m_ver_liste_kurzausgabe h3 a {color:#333333;}*/ /*-------- Kontaktformular --------- #kontaktformular {max-width: none; min-width: none; background-color: #ffffff;} #kontaktformular fieldset {border: none;} #kontaktformular label a{color: #000000; }*/ /*------ Google Map ------ .google_map_global {background-color: #ffffff; margin-top:0;} .google_map {margin: 0;} .map_div_text p {color:#000000;} */ @media only screen and (max-width: 1520px) { body {background-size: auto 100%; background-position: center;} } @media only screen and (max-width: 1300px) { #inhalt {width: 80vw;} #inhalt .m_ver_detailausgabe #detail_veranstaltungsansicht_hauptbild {width: 70%;} #inhalt .m_ver_detailausgabe #detail_veranstaltungsansicht_hauptbild .cms_bildbox_oben .bildausgabe input[type="image"] {width: 100%; height: auto;} } .ahabs_beitritt_kontodaten {display: inline-block; width: 150px; }