/*--------------------- Allgemein ------------------------------------------------ */ div, p, li, input {line-height: normal;} #rahmen {/*overflow-x: hidden;*/} #back_to_top_btn {background-color: #00000036; border-radius: 50%; border: 2px solid white;} #vorlage115 {display: flex; flex-wrap: wrap;} #inhalt h1 {color: #b51f28;} #inhalt .inhalt_seitenvorlage h2 {color: #b51f28; font-weight: normal;} .v316_gruppierungsdiv_content h2 {color: #b51f28; font-weight: normal;} #m_sem_semuebersicht h2.rubrikname {color: white;} a {color: #b51f28;} a:hover {cursor: pointer; text-decoration: underline;} .a_als_btn {background-color: var(--hauptfarbe); border: 2px solid var(--hauptfarbe); color: var(--hell); padding: 8px 15px; border-radius: 5px; transition: 0.2s; font-weight: 700; letter-spacing: 0.5px;} .a_als_btn:hover {background-color: var(--hell); color: var(--hauptfarbe); text-decoration: none;} .zeige_dialog_erweitert_mehr_button {top: 0px !important;} #cookie_hinweis h1 {color: #b51f28;} #cookie_hinweis #cookie_bestaetigung #cookie_verwendung_alle_cookies_akzeptieren {background-color: #b51f28;} #cookie_hinweis #cookie_bestaetigung #cookie_verwendung_alle_cookies_akzeptieren:hover {background-color: #eaeaea; color: black;} #cookie_hinweis #cookie_bestaetigung div label input:checked ~ .cookie_indiv_checkbox {background-color: #b51f28;} #cookie_hinweis #cookie_bestaetigung div label:hover input ~ .cookie_indiv_checkbox {background-color: #b51f28;} #cookie_hinweis #cookie_bestaetigung div label h2 {color: #b51f28;} /*--------------------- Bilderleiste ------------------------------------------------ */ #bilderleiste {max-height: 230px;} #bilderleiste #bilderleiste_innen {width: 1200px; height: 100%; display: flex;} #bilderleiste #bilderleiste_links {flex: 1; display: flex; flex-wrap: wrap; padding: 0 0 3.5% 0;} /* ab hier kann weg, wenn Newsletter Button im Kopf benutzt wird */ /* #bilderleiste #bilderleiste_links #indiv_bilderleiste_login {align-self: center; width: 100%;} #bilderleiste #bilderleiste_links #indiv_bilderleiste_login div {padding: 0 !important; margin: 3px 0 12px 0 !important; background-color: transparent !important;} #bilderleiste #bilderleiste_links #indiv_bilderleiste_login a {padding: 8px 35px; background-color: #b51f28; border-radius: 5px; color: white; text-transform: uppercase; letter-spacing: 1px; font-size: 0.8rem; border: none; transition: 0.3s;} #bilderleiste #bilderleiste_links #indiv_bilderleiste_login a:hover {background-color: #eaeaea; color: black; text-decoration: none;} #bilderleiste #bilderleiste_links #indiv_bilderleiste_login .loginbox_info_eingeloggt_als {display: flex; align-items: center; color: gray;} #bilderleiste #bilderleiste_links #indiv_bilderleiste_login .loginbox_info_eingeloggt_als a {background-color: transparent; color: #b51f28; font-weight: bold; padding: 0 10px; font-size: 1rem; text-transform: none; letter-spacing: 0;} #bilderleiste #bilderleiste_links #indiv_bilderleiste_login .loginbox_info_eingeloggt_als input[type="submit"] {padding: 4px 8px; background-color: #b51f28; border-radius: 5px; color: white; text-transform: uppercase; letter-spacing: 1px; font-size: 0.8rem; border: none; transition: 0.3s;} #bilderleiste #bilderleiste_links #indiv_bilderleiste_login .loginbox_info_eingeloggt_als input[type="submit"]:hover {background-color: #eaeaea; color: black; text-decoration: none; cursor: pointer;} */ /* ab hier wenn Newsletter Button verwendet werden soll */ #bilderleiste #bilderleiste_links #indiv_bilderleiste_login_und_newsletter {align-self: center; width: 100%; display: flex; align-items: center; margin: 3px 0 12px 0;} #bilderleiste #bilderleiste_links #indiv_bilderleiste_login_und_newsletter div {padding: 0 !important; margin: 0 !important; background-color: transparent !important;} #bilderleiste #bilderleiste_links #indiv_bilderleiste_login_und_newsletter a {padding: 8px 35px; background-color: #b51f28; border-radius: 5px; color: white; text-transform: uppercase; letter-spacing: 1px; font-size: 0.8rem; border: none; transition: 0.3s;} #bilderleiste #bilderleiste_links #indiv_bilderleiste_login_und_newsletter a:hover {background-color: #eaeaea; color: black; text-decoration: none;} #bilderleiste #bilderleiste_links #indiv_bilderleiste_login_und_newsletter .loginbox_info_eingeloggt_als {display: flex; align-items: center; color: gray;} #bilderleiste #bilderleiste_links #indiv_bilderleiste_login_und_newsletter .loginbox_info_eingeloggt_als a {background-color: transparent; color: #b51f28; font-weight: bold; padding: 0 10px; font-size: 1rem; text-transform: none; letter-spacing: 0;} #bilderleiste #bilderleiste_links #indiv_bilderleiste_login_und_newsletter .loginbox_info_eingeloggt_als input[type="submit"] {padding: 4px 8px; background-color: #b51f28; border-radius: 5px; color: white; text-transform: uppercase; letter-spacing: 1px; font-size: 0.8rem; border: none; transition: 0.3s;} #bilderleiste #bilderleiste_links #indiv_bilderleiste_login_und_newsletter .loginbox_info_eingeloggt_als input[type="submit"]:hover {background-color: #eaeaea; color: black; text-decoration: none; cursor: pointer;} #bilderleiste #bilderleiste_links #indiv_bilderleiste_login_und_newsletter #bilderleiste_newsletter_abo {background-color: #eaeaea; color: #b51f28; margin-left: 8px; padding: 8px 16px; letter-spacing: 0.3px; text-transform: none; margin-top: 1px;} #bilderleiste #bilderleiste_links #indiv_bilderleiste_login_und_newsletter #bilderleiste_newsletter_abo:hover {background-color: #b51f28; color: white;} #bilderleiste #bilderleiste_links #indiv_header_merkliste_und_chronik {position: relative; display: flex; flex-wrap: wrap; width: 100%;} #bilderleiste #bilderleiste_links #indiv_header_merkliste_und_chronik .symbol_chronik_merkl {display: flex; align-items: center; margin-right: 13px;} #bilderleiste #bilderleiste_links #indiv_header_merkliste_link {background-color: gray; border-radius: 50%; height: 30px; width: 30px; display: flex; flex-wrap: wrap; justify-content: center; transition: 0.3s; align-items: center; position: relative; margin-right: 5px;} #bilderleiste #bilderleiste_links .symbol_chronik_merkl:hover #indiv_header_merkliste_link {background-color: #b51f28;} #bilderleiste #bilderleiste_links #indiv_header_merkliste_link img {height: 90%; margin-bottom: 2px; margin-left: 2px;} #bilderleiste #bilderleiste_links #indiv_header_merkliste_und_chronik .symbol_chronik_merkl #indiv_merkliste_bez {color: gray; height: 100%; display: flex; align-items: center; transition: 0.3s;} #bilderleiste #bilderleiste_links #indiv_header_merkliste_und_chronik .symbol_chronik_merkl:hover #indiv_merkliste_bez {color: #b51f28; text-decoration: none;} /* #bilderleiste #bilderleiste_links #indiv_header_merkliste_link #indiv_merkliste_tooltip {display: none; position: absolute; left: 38px; width: 300px; color: #98040d; animation: fadeEffect 0.3s;} #bilderleiste #bilderleiste_links #indiv_header_merkliste_link:hover #indiv_merkliste_tooltip {display: block;} */ #bilderleiste #bilderleiste_links #indiv_header_chronik_link {background-color: gray; border-radius: 50%; height: 30px; width: 30px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; transition: 0.3s; margin-right: 5px; position: relative;} #bilderleiste #bilderleiste_links .symbol_chronik_merkl:hover #indiv_header_chronik_link {background-color: #b51f28;} #bilderleiste #bilderleiste_links #indiv_header_chronik_link img {height: 67%;} #bilderleiste #bilderleiste_links #indiv_header_merkliste_und_chronik .symbol_chronik_merkl #indiv_chronik_bez {color: gray; height: 100%; display: flex; align-items: center; transition: 0.3s;} #bilderleiste #bilderleiste_links #indiv_header_merkliste_und_chronik .symbol_chronik_merkl:hover #indiv_chronik_bez {color: #b51f28; text-decoration: none;} /* #bilderleiste #bilderleiste_links #indiv_header_chronik_link #indiv_chronik_tooltip {position: absolute; left: 75px; display: none; width: 300px; color: #98040d; animation: fadeEffect 0.3s;} #bilderleiste #bilderleiste_links #indiv_header_chronik_link:hover #indiv_chronik_tooltip {display: block;} */ #bilderleiste #bilderleiste_links #div_site_suche_eingabe_id {position: relative; background-color: #eaeaea; align-self: flex-end; padding: 4px 10px;} #bilderleiste #bilderleiste_links #site_suche_eingabe_text_id {background-color: #eaeaea;} #bilderleiste #bilderleiste_links #site_suche_eingabe_text_id::placeholder {color: #bbbbbb; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;} #bilderleiste #bilderleiste_links #div_site_suche_eingabe_id .sucheingabe_symbol {opacity: 0.3; transition: 0.3s;} #bilderleiste #bilderleiste_links #div_site_suche_eingabe_id:hover .sucheingabe_symbol {opacity: 1; cursor: pointer;} #bilderleiste #bilderleiste_rechts {padding: 3.5% 0; width: 50%;} #bilderleiste #bilderleiste_rechts a {height: 100%; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-end;} #bilderleiste #bilderleiste_rechts a img {height: 100%; max-width: 480px; max-height: 120px;} /*--------------------- Navigation ------------------------------------------------ */ #navigation {background-color: #b51f28; transition: 0.3s; max-height: 55px;} #navigation:hover {box-shadow: 0 0 6px gray;} #navigation ul li a {text-transform: uppercase; letter-spacing: 1px; } #navigation ul li a.aktiv {background-color: #eaeaea; color: #b51f28; font-weight: bold;} #navigation ul li a.aktiv:hover {color: #4c4c4c; font-weight: bold;} #navigation ul li a:hover {background-color: #eaeaea; color: #4c4c4c; font-weight: bold;} #navigation ul li ul {background-color: #b51f28; box-shadow: 0 4px 4px gray;} #navigation ul li ul li a {text-transform: none; letter-spacing: 0.5px;} #navi_mobile_2020 {background-color: #b51f28; top: 0;} #navi_mobile_2020 #navi_mobile_2020_inhalt ul li ul {background-color: #c33039;} #login_mobile_version {display: none; position: absolute; top: 10px; right: 10px; animation: fadeEffect 0.3s;} #login_mobile_version div {padding: 0 !important; margin: 0 !important; background-color: transparent !important;} #login_mobile_version a {padding: 3px 6px; background-color: white; border-radius: 5px; color: #b51f28; text-transform: uppercase; letter-spacing: 1px; font-size: 0.8rem; border: none; transition: 0.3s;} #login_mobile_version a:hover {background-color: #b51f28; color: white; text-decoration: none;} #login_mobile_version .loginbox_info_eingeloggt_als {display: flex; align-items: center; color: transparent;} #login_mobile_version .loginbox_info_eingeloggt_als a {background-color: transparent; color: white; font-weight: normal; padding: 0 10px; text-transform: none; letter-spacing: 0; font-size: 10pt;} #login_mobile_version .loginbox_info_eingeloggt_als input[type="submit"] {padding: 3px 6px; background-color: white; border-radius: 5px; color: #b51f28; text-transform: uppercase; letter-spacing: 1px; font-size: 0.8rem; border: none; transition: 0.3s;} #login_mobile_version .loginbox_info_eingeloggt_als input[type="submit"]:hover {background-color: #eaeaea; color: white; text-decoration: none; cursor: pointer;} /*--------------------- Unter-Navigation auf Seiten ------------------------------------------------ */ #v316_unternavi_links {background-color: #ababab; margin-top: 5px;} #v316_unternavi_links ul {margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; padding: 0; justify-content: space-around;} #v316_unternavi_links ul li {padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex: auto; position: relative;} #v316_unternavi_links ul li a {text-align: center; color: white; padding: 5px 10px; width: calc(100% - 20px); letter-spacing: 0.5px; transition: 0.3s;} #v316_unternavi_links ul li a:hover {background-color: #b51f28; color: white; text-decoration: none;} #v316_unternavi_links ul li ul {display: none; color: white; flex-direction: column; top: 30px; z-index: 5; box-shadow: 0 3px 3px grey; background-image: linear-gradient(0deg, #676767, #ababab);} #v316_unternavi_links ul li:hover ul {display: flex; position: absolute; animation: fadeEffect 0.5s;} /*--------------------- Startseite ------------------------------------------------ */ #inhalt #indiv_vorlage_startseite_ipb {width: 100%; } #inhalt #indiv_vorlage_startseite_ipb p {font-size: 0.95rem; line-height: 1.5rem;} .bereich_aussen {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; position: relative;} .bereich_hintergrund {background-color: #eaeaea; position: absolute; height: 100%; left: calc((100vw - 100%) / -2); right: calc(((100vw - 100%) / -2) - -10px);} .bereich_innen {width: 1200px; display: flex; flex-wrap: wrap; position: relative;} .button_startseite_ipb {color: white; background-color: #b61f29; padding: 8px 20px; border-radius: 5px; transition: 0.3s; letter-spacing: 0.5px; border: 2px solid #b61f29; font-size: 0.9rem;} .button_startseite_ipb:hover {color: #b61f29; background-color: white; cursor: pointer; text-decoration: none;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles .bereich_innen {display: flex; flex-wrap: wrap; align-items: center;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div {flex: 2; min-width: 760px;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div .el_slider {} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div .el_slider .ausgabe_el_slider {margin-bottom: 0;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div .el_slider .ausgabe_el_slider .slick-prev {transform: rotate(90deg); left: 10px;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div .el_slider .ausgabe_el_slider .slick-next {transform: rotate(270deg); right: 10px;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div .el_slider .ausgabe_el_slider .slick-next, #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div .el_slider .ausgabe_el_slider .slick-prev {background-image: url("/bilder/button_mobil/burgermenu_symbol_aufklappen_rgb255.svg"); height: 25px; width: 30px; background-repeat: no-repeat; background-size: contain; top: auto; bottom: 12px; opacity: 0.5; transition: 0.2s;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div .el_slider .ausgabe_el_slider .slick-next:hover, #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div .el_slider .ausgabe_el_slider .slick-prev:hover {opacity: 0.9;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div .el_slider .ausgabe_el_slider .slick-next:before, #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div .el_slider .ausgabe_el_slider .slick-prev:before {display: none;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel {width: 60%; bottom: 55px; left: 55px; transition: 0.3s;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_transparenz {background-color: #b51f28; opacity: 0.7; transition: 0.3s;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel:hover .ausgabe_slidertitel_transparenz {box-shadow: 0px 0 15px black; opacity: 0.85;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber {padding: 15px 20px;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber h2 {font-weight: normal; letter-spacing: 0.5px; font-size: 1.6rem; line-height: 2rem; color: white;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber .ausgabe_sliderlink {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 1;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber .ausgabe_sliderlink a {height: 100%; background-color: transparent; padding: 0;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #aktuelles_div {flex: 1; padding: 40px 5%; display: flex; flex-direction: column;} #indiv_vorlage_startseite_ipb .aktuelles_termine {margin: 0 0 -4.5px 0; padding: 0 15px; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 1px; color: #b61f29;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #aktuelles_div .aktuelles_termine_inhalt {background-color: #eaeaea; display: flex; flex-direction: column; padding: 10px 15px; position: relative;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #aktuelles_div .aktuelles_termine_inhalt .startseite_kurztext_aktuelles {display: flex; flex-direction: column; position: relative; border-bottom: 2px solid #b61f29; padding: 10px 0;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #aktuelles_div .aktuelles_termine_inhalt .startseite_kurztext_aktuelles:last-of-type {border-bottom: none;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #aktuelles_div .aktuelles_termine_inhalt .startseite_kurztext_aktuelles div {display: flex; flex-direction: column;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #aktuelles_div .aktuelles_termine_inhalt .startseite_kurztext_aktuelles div h3 {margin: 3px 0 2px 0; color: #b61f29; font-weight: normal; font-size: 1rem;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #aktuelles_div .aktuelles_termine_inhalt .startseite_kurztext_aktuelles div p {margin: 0; color: gray; font-size: 0.8rem; line-height: 1.1rem; transition: 0.3s;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #aktuelles_div .aktuelles_termine_inhalt .startseite_kurztext_aktuelles:hover div p {color: black;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #aktuelles_div .aktuelles_termine_inhalt .startseite_kurztext_aktuelles div p a {position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; opacity: 0; } #indiv_vorlage_startseite_ipb .btn_mehr_termine_aktuelles {position: absolute; right: 15px; bottom: -10px; background-color: #b51f28; border-radius: 5px; color: white; letter-spacing: 0.5px; text-transform: uppercase; font-size: 0.7rem; padding: 3px 15px; border: 2px solid #b51f28; transition: 0.3s;} #indiv_vorlage_startseite_ipb .btn_mehr_termine_aktuelles:hover {text-decoration: none; cursor: pointer; background-color: white; color: #b51f28;} #indiv_vorlage_startseite_ipb #bereich2_text_termine {margin-bottom: 15px} #indiv_vorlage_startseite_ipb #bereich2_text_termine .bereich_innen {display: flex; flex-wrap: wrap; align-items: center;} #indiv_vorlage_startseite_ipb #bereich2_text_termine #text_div {flex: 2;} #indiv_vorlage_startseite_ipb #bereich2_text_termine #text_div #bausteinbereiche_bausteine_2 {width: auto; padding: 40px 5%;} #indiv_vorlage_startseite_ipb #bereich2_text_termine #text_div .kurztext_global {display: flex; flex-wrap: wrap; margin: 0; padding: 0; border-bottom: none;} #indiv_vorlage_startseite_ipb #bereich2_text_termine #text_div .kurztext_global h3 {width: 100%; color: #b51f28; font-weight: normal; font-size: 1.6rem; letter-spacing: 0.5px; margin-bottom: 22px;} #indiv_vorlage_startseite_ipb #bereich2_text_termine #text_div .kurztext_global .kurztext_nur_der_text {display: flex !important; flex-wrap: wrap; padding: 0} #indiv_vorlage_startseite_ipb #bereich2_text_termine #text_div .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste {order: 2;} #indiv_vorlage_startseite_ipb #bereich2_text_termine #text_div .kurztext_global .kurztext_nur_der_text .kurztext_text_div {order: 1; padding-left: 0 !important;} #indiv_vorlage_startseite_ipb #bereich2_text_termine #termine_div {flex: 1; padding: 5%; display: flex; flex-direction: column;} #indiv_vorlage_startseite_ipb #bereich2_text_termine #termine_div .aktuelles_termine {} #indiv_vorlage_startseite_ipb #bereich2_text_termine #termine_div .aktuelles_termine_inhalt {background-color: white; position: relative;} #indiv_vorlage_startseite_ipb #bereich2_text_termine #termine_div .aktuelles_termine_inhalt .baustein_aktuelle_seminare {margin: 10px 15px;} #indiv_vorlage_startseite_ipb #bereich2_text_termine #termine_div .aktuelles_termine_inhalt .baustein_aktuelle_seminare .baustein_aktuelle_seminare_link {border-color: #b51f28;} #indiv_vorlage_startseite_ipb #bereich2_text_termine #termine_div .aktuelles_termine_inhalt .baustein_aktuelle_seminare .baustein_aktuelle_seminare_link:hover {background-color: transparent; padding: 12px 0; text-decoration: none; cursor: pointer;} #indiv_vorlage_startseite_ipb #bereich2_text_termine #termine_div .aktuelles_termine_inhalt .baustein_aktuelle_seminare .ausgabe_baustein_aktuelle_seminare div {transition: 0.3s;} #indiv_vorlage_startseite_ipb #bereich2_text_termine #termine_div .aktuelles_termine_inhalt .baustein_aktuelle_seminare .baustein_aktuelle_seminare_link:hover div {color: black;} #indiv_vorlage_startseite_ipb #bereich2_text_termine #termine_div .aktuelles_termine_inhalt .baustein_aktuelle_seminare .ausgabe_baustein_aktuelle_seminare h3 {color: #b51f28; font-weight: normal; font-size: 1rem;} #indiv_vorlage_startseite_ipb #bereich2_text_termine #termine_div .aktuelles_termine_inhalt .baustein_aktuelle_seminare .ausgabe_baustein_aktuelle_seminare h4 {font-size: 0.8rem; transition: 0.3s; color: gray;} #indiv_vorlage_startseite_ipb #bereich2_text_termine #termine_div .aktuelles_termine_inhalt .baustein_aktuelle_seminare .baustein_aktuelle_seminare_link:hover h4 {color: black;} #indiv_vorlage_startseite_ipb #bereich2_text_termine #termine_div .aktuelles_termine_inhalt .baustein_aktuelle_seminare .alle_seminare_anzeigen_bereich {display: none;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln {margin-bottom: 55px;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_kacheln_div {width: 100%;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_kacheln_div #bausteinbereiche_bausteine_4 {display: flex; flex-wrap: wrap; margin-bottom: 3vh; margin-top: 4vh; justify-content: center;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_kacheln_div .nurtext_global {width: 100%; padding: 0; margin: 0 0 15px 0;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_kacheln_div .nurtext_global .nurtext_text_div {width: 100%; display: flex; flex-wrap: wrap; justify-content: center;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_kacheln_div .nurtext_global .nurtext_text_div h2 {width: 100%; color: #b51f28; font-weight: normal; font-size: 1.6rem; letter-spacing: 0.5px; margin-bottom: 15px; text-align: center; font-family: sans-serif;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_kacheln_div .nurtext_global .nurtext_text_div p {width: 100%; text-align: center; font-family: sans-serif;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_kacheln_div .kurztext_global {width: 46%; margin: 2%; padding: 0; box-shadow: 0px 0px 5px #b3b3b3; transition: 0.5s; border-bottom: none; border-radius: 5px;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_kacheln_div .kurztext_global:hover {box-shadow: 0px 0px 15px #6b6b6b;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_kacheln_div .kurztext_global .kurztext_nur_der_text {display: flex !important; flex-wrap: wrap; width: 100%; padding: 0; flex-direction: column;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_kacheln_div .kurztext_global .kurztext_bilderleiste {width: 100% !important;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_kacheln_div .kurztext_global .kurztext_einzelbildkasten {width: 100%; height: 290px; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; border-top-left-radius: 5px; border-top-right-radius: 5px;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_kacheln_div .kurztext_global .bildausgabe {min-height: 100%;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_kacheln_div .kurztext_global .bildausgabe input[type="image"] {min-height: 100%;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_kacheln_div .kurztext_global .kurztext_text_div {background-color: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width: 94%; padding: 3% !important; flex: 1;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_kacheln_div .kurztext_global .kurztext_text_div h4 {margin: 0; color: #b51f28; font-size: 1.1rem; font-weight: normal; letter-spacing: 0.5px;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_kacheln_div .kurztext_global .kurztext_text_div p {line-height: 1.5rem;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #button_seminarangebot_div {width: 100%; position: absolute; bottom: -15px; display: flex; flex-wrap: wrap; justify-content: center;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_teilnehmerbereich {background-color: white; margin: 0 2% 6vh 2%; border-radius: 5px; width: 100%; box-shadow: 0px 0px 5px #b3b3b3; transition: 0.5s; } #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_teilnehmerbereich:hover {box-shadow: 0px 0px 15px #6b6b6b;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_teilnehmerbereich_aufklappen {display: flex; justify-content: space-between; align-items: center; padding: 0.5% 0.5% 0.5% 4%;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_teilnehmerbereich_aufklappen:hover {cursor: pointer;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_teilnehmerbereich_aufklappen h5 {color: #b61f29; text-transform: uppercase; letter-spacing: 0.5px; font-size: 1rem; margin: 0;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_teilnehmerbereich_aufklappen img {background-color: #b61f29; border-radius: 5px; max-height: 16px; padding: 11px 3px; transform: rotate(270deg); transition: 0.5s;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_teilnehmerbereich_aufklappen img.ipb_aufklappen {transform: rotate(360deg);} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_teilnehmerbereich_inhalt {padding: 0 18%; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; max-height: 0; overflow: hidden; transition: 1s;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_teilnehmerbereich_inhalt.ipb_anzeigen {max-height: 700px; padding: 1% 18% 3% 18%;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_teilnehmerbereich_inhalt p {margin-bottom: 35px;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_teilnehmerbereich_inhalt p a {color: #b61f29} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_teilnehmerbereich_inhalt #button_startseite_ipb_login_pruefen {width: 100%; font-size: 0.75rem; margin-top: 8px;} #indiv_vorlage_startseite_ipb #bereich4_woundwer_kacheln #woundwer_kacheln_div {width: 100%;} #indiv_vorlage_startseite_ipb #bereich4_woundwer_kacheln #woundwer_kacheln_div #bausteinbereiche_bausteine_5 {display: flex; flex-wrap: wrap; margin-bottom: 3vh; margin-top: 4vh; justify-content: center;} #indiv_vorlage_startseite_ipb #bereich4_woundwer_kacheln #woundwer_kacheln_div .nurtext_global {width: 100%; padding: 0; margin: 0 0 15px 0;} #indiv_vorlage_startseite_ipb #bereich4_woundwer_kacheln #woundwer_kacheln_div .nurtext_global .nurtext_text_div {width: 100%; display: flex; flex-wrap: wrap; justify-content: center;} #indiv_vorlage_startseite_ipb #bereich4_woundwer_kacheln #woundwer_kacheln_div .nurtext_global .nurtext_text_div h2 {width: 100%; color: #b51f28; font-weight: normal; font-size: 1.6rem; letter-spacing: 0.5px; margin-bottom: 15px; text-align: center; font-family: sans-serif;} #indiv_vorlage_startseite_ipb #bereich4_woundwer_kacheln #woundwer_kacheln_div .nurtext_global .nurtext_text_div p {width: 100%; text-align: center; font-family: sans-serif;} #indiv_vorlage_startseite_ipb #bereich4_woundwer_kacheln #woundwer_kacheln_div .kurztext_global {width: 46%; margin: 2%; padding: 0; box-shadow: 0px 0px 5px #b3b3b3; transition: 0.5s; border-bottom: none; border-radius: 5px;} #indiv_vorlage_startseite_ipb #bereich4_woundwer_kacheln #woundwer_kacheln_div .kurztext_global:hover {box-shadow: 0px 0px 15px #6b6b6b;} #indiv_vorlage_startseite_ipb #bereich4_woundwer_kacheln #woundwer_kacheln_div .kurztext_global .kurztext_nur_der_text {display: flex !important; flex-wrap: wrap; width: 100%; padding: 0; flex-direction: column;} #indiv_vorlage_startseite_ipb #bereich4_woundwer_kacheln #woundwer_kacheln_div .kurztext_global .kurztext_bilderleiste {width: 100% !important;} #indiv_vorlage_startseite_ipb #bereich4_woundwer_kacheln #woundwer_kacheln_div .kurztext_global .kurztext_einzelbildkasten {width: 100%; height: 290px; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px;} #indiv_vorlage_startseite_ipb #bereich4_woundwer_kacheln #woundwer_kacheln_div .kurztext_global .download_portrait {width: 100%; display: flex; justify-content: center; height: 100%; background-color: #bfb6b6;} #indiv_vorlage_startseite_ipb #bereich4_woundwer_kacheln #woundwer_kacheln_div .kurztext_global .download_portrait img {width: 100%; object-fit: cover;} #indiv_vorlage_startseite_ipb #bereich4_woundwer_kacheln #woundwer_kacheln_div .kurztext_global .kurztext_text_div {background-color: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width: 94%; padding: 3% !important; flex: 1;} #indiv_vorlage_startseite_ipb #bereich4_woundwer_kacheln #woundwer_kacheln_div .kurztext_global .kurztext_text_div h4 {margin: 0; color: #b51f28; font-size: 1.1rem; font-weight: normal; letter-spacing: 0.5px;} #indiv_vorlage_startseite_ipb #bereich4_woundwer_kacheln #woundwer_kacheln_div .kurztext_global .kurztext_text_div p {line-height: 1.5rem;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div {width: 100%;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div #bausteinbereiche_bausteine_6 {display: flex; flex-wrap: wrap; margin-bottom: 3vh; margin-top: 4vh; justify-content: center;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div .nurtext_global {width: 100%; padding: 0; margin: 0 0 15px 0;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div .nurtext_global .nurtext_text_div {width: 100%; display: flex; flex-wrap: wrap; justify-content: center;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div .nurtext_global .nurtext_text_div h2 {width: 100%; color: #b51f28; font-weight: normal; font-size: 1.6rem; letter-spacing: 0.5px; margin-bottom: 15px; text-align: center; font-family: sans-serif;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div .nurtext_global .nurtext_text_div p {width: 100%; text-align: center; font-family: sans-serif;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div .kurztext_global {width: 24%; margin: 2%; padding: 0; background-color: transparent; border-bottom: none;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div .kurztext_global h3 {font-size: 1rem; color: #8a8a8a; font-weight: normal; line-height: 1.4rem; min-height: 45px; display: flex; align-items: flex-end; margin-bottom: 5px;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div .kurztext_global .kurztext_nur_der_text {display: flex !important; flex-wrap: wrap; width: 100%; padding: 0; flex-direction: column;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div .kurztext_global .kurztext_bilderleiste {width: 100% !important;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div .kurztext_global .kurztext_einzelbildkasten {width: 75%; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 5px; background-color: #eaeaea; padding: 0; margin: 0; aspect-ratio: 3 / 4;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div .kurztext_global .kurztext_einzelbildkasten .bildausgabe {width: 100%; display: flex; justify-content: center; align-items: center; height: 100%;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div .kurztext_global .kurztext_einzelbildkasten .bildausgabe input[type="image"] {width: 100%; object-fit: cover; height: 100%;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div .kurztext_global .kurztext_text_div {background-color: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width: 92%; padding: 4% 2% !important; flex: 1; margin-top: 0;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div .kurztext_global .kurztext_text_div h4 {margin: 0; color: #b51f28; font-size: 1rem; font-family: sans-serif; line-height: 1.65rem;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div .kurztext_global .kurztext_text_div p {line-height: 1.5rem; font-family: sans-serif;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div .kurztext_global .kurztext_text_div p a {color: #444;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div .kurztext_global .kurztext_text_div p a:hover {cursor: pointer; text-decoration: underline;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #zur_kontaktanfrage_div {width: 100%; height: 3px; background-color: #b61f29; display: flex; justify-content: center; margin: 25px; position: relative;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #zur_kontaktanfrage_div a {position: absolute; top: -15px;} #indiv_vorlage_startseite_ipb #bereich6_kooperationspartner #bausteinbereiche_bausteine_7 {display: flex; flex-wrap: wrap; margin-bottom: 15vh; margin-top: 8vh; justify-content: center;} #indiv_vorlage_startseite_ipb #bereich6_kooperationspartner .nurtext_global {width: 100%; padding: 0; margin: 0 0 15px 0;} #indiv_vorlage_startseite_ipb #bereich6_kooperationspartner .nurtext_global .nurtext_text_div {width: 100%; display: flex; flex-wrap: wrap; justify-content: center;} #indiv_vorlage_startseite_ipb #bereich6_kooperationspartner .nurtext_global .nurtext_text_div h2 {width: 100%; color: #b51f28; font-weight: normal; font-size: 1.6rem; letter-spacing: 0.5px; margin-bottom: 15px; text-align: center; font-family: sans-serif;} #indiv_vorlage_startseite_ipb #bereich6_kooperationspartner .nurtext_global .nurtext_text_div p {width: 100%; text-align: center; font-family: sans-serif;} #indiv_vorlage_startseite_ipb #bereich6_kooperationspartner .nurbild_global {width: 100%; display: flex; flex-wrap: wrap; padding: 0; margin: 0; background-color: transparent;} #indiv_vorlage_startseite_ipb #bereich6_kooperationspartner .nurbild_global .nurbild_bilderleiste {width: 100%; display: flex; flex-wrap: wrap; padding: 0; margin: 0; justify-content: space-around; align-items: center; height: 220px;} #indiv_vorlage_startseite_ipb #bereich6_kooperationspartner .nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten {width: 23%; display: flex; flex-wrap: wrap; padding: 0; margin: 0; transition: 0.5s;} #indiv_vorlage_startseite_ipb #bereich6_kooperationspartner .nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten:hover {width: 28%;} #indiv_vorlage_startseite_ipb #bereich6_kooperationspartner .nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten #download_bild {width: 100%;} #indiv_vorlage_startseite_ipb #bereich6_kooperationspartner .nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten #download_bild img {width: 100%;} /*--------------------- Newsletter ------------------------------------------------ */ #m_mailing_inhalt_div {position: relative; width: 100%;} .anmeldung_newsletter .newsletter_abo_button {background-color: #b51f28; margin: 3vh 0;} .anmeldung_newsletter .newsletter_abo_button:hover {background-color: #860008; } .m_mailing_senden_dialog_zeigen_class {top: 0; display: flex; flex-wrap: wrap;} .m_mailing_senden_dialog_zeigen_class #kat_objekt_aktion_fenster_kopf {width: 100%;} .m_mailing_senden_dialog_zeigen_class .scroll_rechts {flex: 1;} .m_mailing_senden_dialog_zeigen_class #kat_ajax_rechts_mail table {width: 100% !important;} /*--------------------- Formular User ------------------------------------------------ */ .formular_user .input_submit {background-color: #b51f28; border-color: #b51f28;} /*--------------------- Inhalt ------------------------------------------------ */ #inhalt #bausteinbereiche_bausteine_1 .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste, #inhalt #bausteinbereiche_bausteine_2 .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste, #inhalt #bausteinbereiche_bausteine_3 .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste, #inhalt #bausteinbereiche_bausteine_4 .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste, #inhalt #bausteinbereiche_bausteine_5 .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste {margin-right: 18px !important;} #inhalt #bausteinbereiche_bausteine_1 .kurztext_global, #inhalt #bausteinbereiche_bausteine_2 .kurztext_global, #inhalt #bausteinbereiche_bausteine_3 .kurztext_global, #inhalt #bausteinbereiche_bausteine_4 .kurztext_global, #inhalt #bausteinbereiche_bausteine_5 .kurztext_global {background-color: transparent; border-bottom: 2px solid #b51f28; border-radius: unset;} #inhalt #bausteinbereiche_bausteine_1 .kurztext_global:last-of-type, #inhalt #bausteinbereiche_bausteine_2 .kurztext_global:last-of-type, #inhalt #bausteinbereiche_bausteine_3 .kurztext_global:last-of-type, #inhalt #bausteinbereiche_bausteine_4 .kurztext_global:last-of-type, #inhalt #bausteinbereiche_bausteine_5 .kurztext_global:last-of-type {border-bottom: none;} #inhalt #bausteinbereiche_bausteine_1 .kurztext_global h3, #inhalt #bausteinbereiche_bausteine_2 .kurztext_global h3, #inhalt #bausteinbereiche_bausteine_3 .kurztext_global h3, #inhalt #bausteinbereiche_bausteine_4 .kurztext_global h3, #inhalt #bausteinbereiche_bausteine_5 .kurztext_global h3 {color: #b51f28; margin-bottom: 20px;} #inhalt #bausteinbereiche_bausteine_1 .nurbild_global, #inhalt #bausteinbereiche_bausteine_2 .nurbild_global, #inhalt #bausteinbereiche_bausteine_3 .nurbild_global, #inhalt #bausteinbereiche_bausteine_4 .nurbild_global, #inhalt #bausteinbereiche_bausteine_5 .nurbild_global {background-color: transparent;} #inhalt #bausteinbereiche_bausteine_1 .nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten .bildausgabe input[type="image"], #inhalt #bausteinbereiche_bausteine_2 .nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten .bildausgabe input[type="image"], #inhalt #bausteinbereiche_bausteine_3 .nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten .bildausgabe input[type="image"], #inhalt #bausteinbereiche_bausteine_4 .nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten .bildausgabe input[type="image"], #inhalt #bausteinbereiche_bausteine_5 .nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten .bildausgabe input[type="image"] {background-color: #ebd7d8;} #inhalt #bausteinbereiche_bausteine_1 .datei_download_multi h3, #inhalt #bausteinbereiche_bausteine_2 .datei_download_multi h3, #inhalt #bausteinbereiche_bausteine_3 .datei_download_multi h3, #inhalt #bausteinbereiche_bausteine_4 .datei_download_multi h3, #inhalt #bausteinbereiche_bausteine_5 .datei_download_multi h3 {color: gray; font-size: 1rem;} #inhalt #bausteinbereiche_bausteine_1 .datei_download_multi a, #inhalt #bausteinbereiche_bausteine_2 .datei_download_multi a, #inhalt #bausteinbereiche_bausteine_3 .datei_download_multi a, #inhalt #bausteinbereiche_bausteine_4 .datei_download_multi a, #inhalt #bausteinbereiche_bausteine_5 .datei_download_multi a {color: #b51f28;} #inhalt #bausteinbereiche_bausteine_1 .datei_download_multi, #inhalt #bausteinbereiche_bausteine_2 .datei_download_multi, #inhalt #bausteinbereiche_bausteine_3 .datei_download_multi, #inhalt #bausteinbereiche_bausteine_4 .datei_download_multi, #inhalt #bausteinbereiche_bausteine_5 .datei_download_multi {border-bottom: 2px solid gray; padding: 2%;} #inhalt #bausteinbereiche_bausteine_1 .datei_download_multi:last-of-type, #inhalt #bausteinbereiche_bausteine_2 .datei_download_multi:last-of-type, #inhalt #bausteinbereiche_bausteine_3 .datei_download_multi:last-of-type, #inhalt #bausteinbereiche_bausteine_4 .datei_download_multi:last-of-type, #inhalt #bausteinbereiche_bausteine_5 .datei_download_multi:last-of-type {border-bottom: none;} .inhalt_149 #m_sem_semuebersicht {display: flex; flex-direction: column;} .inhalt_149 #m_sem_semuebersicht .rubrikname:nth-of-type(2) {order: -2;} .inhalt_149 #m_sem_semuebersicht .m_sem_seminare_einer_kategorie:nth-of-type(2) {order: -1;} .inhalt_47 #m_sem_semuebersicht {display: flex; flex-direction: column;} .inhalt_47 #m_sem_semuebersicht .rubrikname:nth-of-type(6) {order: -2;} .inhalt_47 #m_sem_semuebersicht .m_sem_seminare_einer_kategorie:nth-of-type(6) {order: -1;} /*--------------------- indiv. Baustein ------------------------------------------------ */ .foerderung_durch_bdb_div {display: flex; position: relative; color: #525252; align-items: flex-end; margin: 10px 0 0 0; min-height: 48px; justify-content: flex-end;} .foerderung_durch_bdb_div:hover {text-decoration: none;} .foerderung_durch_bdb_div div {margin-right: 5px; font-size: 14px; line-height: 18px; text-transform: uppercase; letter-spacing: 0.2px;} .foerderung_durch_bdb_div img {height: 40px; transition: 0.3s;} .foerderung_durch_bdb_div:hover img {height: 48px;} .foerderung_durch_bdb_div div.foerderung_durch_bdb_tooltip::before {content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #b51f28; position: absolute; top: -10px; right: 6px;} .foerderung_durch_bdb_div div.foerderung_durch_bdb_tooltip {display: none; position: absolute; background-color: #b51f28; color: white; bottom: -65px; right: 0; font-size: 14px; line-height: 18px; width: 235px; border-radius: 5px; padding: 6px 10px; letter-spacing: 0.3px; box-shadow: 0 0 5px grey; transition: 0.3s; animation: fadeEffect 0.3s; z-index: 3; text-transform: none;} .foerderung_durch_bdb_div:hover div.foerderung_durch_bdb_tooltip {display: flex;} /*--------------------- Aktivleiste ------------------------------------------------ */ #inhalt .aktivleiste_vorschau #aktivleiste_innen_id .kurztext_global h3 {color: #b51f28; font-weight: normal;} #inhalt .aktivleiste_vorschau #aktivleiste_innen_id .kurztext_global .kurztext_nur_der_text {flex-wrap: nowrap; margin-top: 8px;} #inhalt .aktivleiste_vorschau #aktivleiste_innen_id .kurztext_global .kurztext_nur_der_text .kurztext_text_div {align-self: flex-end; margin-left: 8px;} #inhalt .aktivleiste_vorschau #aktivleiste_innen_id .kurztext_global .kurztext_nur_der_text .kurztext_text_div h2 {color: #b51f28; margin: 5px 0 8px 0;} #inhalt .aktivleiste_vorschau #aktivleiste_innen_id .kurztext_global .kurztext_nur_der_text .kurztext_text_div h3 {font-weight: bold; margin-bottom: 8px} #inhalt .aktivleiste_vorschau #aktivleiste_innen_id .kurztext_global .kurztext_nur_der_text .kurztext_text_div p, #inhalt .aktivleiste_vorschau #aktivleiste_innen_id .kurztext_global .kurztext_nur_der_text .kurztext_text_div p span {font-size: 0.75rem !important; font-family: sans-serif !important; line-height: 1.2rem;} #inhalt .aktivleiste_vorschau #aktivleiste_innen_id .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste {width: auto !important; margin: 0 !important;} #inhalt .aktivleiste_vorschau #aktivleiste_innen_id .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste .kurztext_einzelbildkasten .bildausgabe input[type="image"] {width: auto; border-radius: 5px;} #aktivleiste_vorschau_id_text1 #aktivleiste_innen_id .chronik_merkliste_in_aktivleiste, #aktivleiste_vorschau_id_h1 #aktivleiste_innen_id .chronik_merkliste_in_aktivleiste {display: none !important;} /*--------------------- Login ------------------------------------------------ */ #inhalt .kat_aktion #kat_objekt_aktion_fenster_kopf {background-color: #b61f29; } #inhalt .logininc input[type="submit"] {background-color: #b61f29;} #inhalt .logininc input[type="submit"]:hover {color: black;} #inhalt .kat_aktion #login_modul a {text-decoration: none;} /*--------------------- LoginBox ------------------------------------------------ */ #m_sem_verschiebebox_eingeloggter_teilnehmer .m_sem_eintrag_in_infobox p a {color: #b61f29;} /*--------------------- Kontaktformular ------------------------------------------------ */ #kontaktformular fieldset legend {background-color: rgb(182 31 41);} #kontaktformular #kontaktform_senden input[value="Anfrage senden"] {background-color: rgb(182 31 41);} /*--------------------- Aktuelles - AusgabeSeite ------------------------------------------------ */ #inhalt #news_ausgabekasten .kurztext_global {background-color: transparent; padding: 3%; border-bottom: 3px solid #b51f28; border-radius: 0; width: 100%;} #inhalt #news_ausgabekasten .kurztext_global:last-of-type {border-bottom: none;} #inhalt #news_ausgabekasten .kurztext_global h3 {color: #b51f28;} #inhalt #news_ausgabekasten .kurztext_global .kurztext_nur_der_text .kurztext_text_div a {color: #b51f28;} #inhalt #vorlage642 .datei_download_multi .download_beschreibung a {color: #b61f29} /*--------------------- Aktuelles - AusgabeDetailSeite ------------------------------------------------ */ #inhalt #vorlage642 .kurztext_global {background-color: transparent; padding: 3%; border-radius: 0; font-family: sans-serif;} #inhalt #vorlage642 .kurztext_global h3 {color: #b51f28; font-family: sans-serif; width: 100%; margin-bottom: 7px; font-size: 1.4rem;} #inhalt #vorlage642 .kurztext_global .kurztext_text_div {margin: 0;} #inhalt #vorlage642 hr {height: 3px; background-color: #b51f28; border: none;} #inhalt #vorlage642 #vorlage642_zurueck_button input[type="submit"] {color: white; background-color: #b61f29; padding: 8px 20px; border-radius: 5px; transition: 0.3s; letter-spacing: 0.5px; border: 2px solid #b61f29; font-size: 0.9rem;} #inhalt #vorlage642 #vorlage642_zurueck_button input[type="submit"]:hover {color: #b61f29; background-color: white; cursor: pointer; text-decoration: none;} /*--------------------- Fuss ------------------------------------------------ */ #fuss {background-color: #b61f29;} #fuss #fuss_erste_zeile {background-color: #eaeaea; width: 100%; display: flex; justify-content: center;} #fuss #fuss_erste_zeile .fuss_innen {width: 1200px; display: flex; justify-content: space-between; align-items: center; padding: 1% 0; font-size: 0.9rem; line-height: 1.3rem;} #fuss #fuss_erste_zeile .fuss_innen a:first-of-type {display: flex; width: 6%;} #fuss #fuss_erste_zeile .fuss_innen a:last-of-type {display: flex; flex-wrap: wrap; justify-content: flex-end; width: 18%;} #fuss #fuss_erste_zeile .fuss_innen a p {display: flex; justify-content: flex-end; text-decoration: none; color: gray; font-size: 0.7rem; line-height: 1rem; text-align: right; align-items: flex-end; width: 100%;} #fuss #fuss_erste_zeile .fuss_innen a:hover {text-decoration: none;} #fuss #fuss_erste_zeile .fuss_innen a img {max-height: 80px; max-width: 100%;} #fuss #fuss_erste_zeile .fuss_innen #fuss_vierte_spalte {margin-right: 0;} #fuss #fuss_zweite_zeile {width: 100%; height: 10vh; min-height: 50px; max-height: 150px; display: flex; justify-content: center;} #fuss #fuss_zweite_zeile .fuss_innen {width: 1200px; display: flex; justify-content: center; align-items: center;} #fuss #fuss_zweite_zeile .fuss_innen a {color: white; border-right: 2px solid #c9c9c9; padding: 1px 20px; font-size: 0.9rem; transition: 0.3s; letter-spacing: 0.5px;} #fuss #fuss_zweite_zeile .fuss_innen a:hover {cursor: pointer; letter-spacing: 2px;} #fuss #fuss_zweite_zeile .fuss_innen a:last-child {border-right: none;} /* Teilnehmerbereich-------------------------------------------------------------------------------------------------------------- */ #indiv_teilnehmerbereich {display: flex;} #indiv_teilnehmerbereich div#indiv_teilnehmerbereich_navigation {flex: 0 2 200px; margin-right: 20px; background-color: #B4152B ; padding: 10px; min-height: calc(100vh - 370px); border-radius: 6px; } #indiv_teilnehmerbereich div#indiv_teilnehmerbereich_haupt {flex: 2 2 70%; border: 2px solid #B4152B; padding: 10px; border-radius: 6px; } #indiv_teilnehmerbereich div#indiv_teilnehmerbereich_navigation ul {margin: 0px; padding: 0px; } #indiv_teilnehmerbereich div#indiv_teilnehmerbereich_navigation ul li {margin: 10px 0px; padding: 10px; background-color: rgba(255,255,255,0.3); list-style-type: none; border: 1px solid rgba(255,255,255,0.6); border-radius: 6px; } #indiv_teilnehmerbereich div#indiv_teilnehmerbereich_navigation li a {text-decoration: none; color: black; font-weight: bold; } #indiv_teilnehmerbereich div#indiv_teilnehmerbereich_navigation li li a {font-weight: normal; } #indiv_teilnehmerbereich div#indiv_teilnehmerbereich_navigation li a:hover {font-style: italic; font-weight: bold; } #indiv_teilnehmerbereich div#indiv_teilnehmerbereich_navigation li a.aktiv {font-weight: bold; padding: 5px; background-color: rgba(255,255,255,0.6); border-radius: 6px; } .m_sem_input_navireiter {background-color: #b61f29; border-color: #b61f29;} .m_sem_input_navireiter_aktiv {border-color: #b61f29;} .m_sem_ausgabebereich_unter_menue {border-color: #b61f29;} #m_sem_teilnehmerbereich_seminartermin .m_sem_ausgabebereich_unter_menue h3 {color: #b61f29;} #m_sem_teilnehmerbereich_seminartermin_buchungsdetails h4 {color: #b61f29;} #m_sem_teilnehmerbereich_seminartermin_buchungsdetails .teiln_ber_buchungsstatus_eintrag {border-color: #b61f29;} #inhalt #m_sem_teilnehmerbereich_seminartermin .m_sem_seminar_lang {background-color: transparent;} #inhalt #m_sem_teilnehmerbereich_seminartermin .m_sem_seminar_lang #m_sem_ausgabe_datum_lang_haupt, #inhalt #m_sem_teilnehmerbereich_seminartermin .m_sem_seminar_lang #m_sem_ausgabe_lang_haupt {background-color: #eaeaea;} #inhalt #m_sem_teilnehmerbereich_seminartermin .m_sem_seminar_lang #m_sem_terminausgabe_lang_menue div.m_sem_ausgabe_lang_reiter_aktiv {background-color: #eaeaea;} #inhalt #m_sem_teilnehmerbereich_seminartermin .m_sem_seminar_lang #m_sem_anbieter_in_semlang h1 {display: block;} /*---------------------- Angel-Gewinnspiel 2021 -----------------------------------------------------------*/ #verschiebbare_spezialbox #login_box_link_gewinnspiel {background-color: #b51f28; color: white; } #verschiebbare_spezialbox #login_box_link_gewinnspiel:hover {background-color: #880d14; color: white; } #indiv_vorlage1111 {position: relative;} #angel_gewinnspiel_2021 {width: 100%; position: relative; max-height: 90vh; margin: 5vh 0; display: flex; justify-content: center; align-items: center;} #angel_gewinnspiel_2021 #angel_gewinnspiel_2021_inhalt {display: flex; height: 100%; position: relative; max-width: 90vh; border: 10px solid #b51f28; overflow: hidden;} #angel_gewinnspiel_2021 .hidden {animation-name: fade_out; animation-duration: 1s; animation-direction: normal; animation-fill-mode: forwards; animation-timing-function: ease; } #angel_gewinnspiel_2021 #gewinnspiel_hintergrund {max-width: 100%; height: 100%; display: flex; justify-content: center;} #angel_gewinnspiel_2021 #gewinnspiel_hintergrund img {height: 100%; object-fit: contain; max-width: 100%; } #angel_gewinnspiel_2021 #gewinnspiel_hintergrund #img_hg_wiese {position: absolute; bottom: 0; height: auto;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt {position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: 100%; display: flex; flex-wrap: wrap;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt.hidden { display:none} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #gewinnspiel_angeln {display: flex; justify-content: space-around; align-items: center; width: 100%; height: 100%; position: absolute; bottom: -250px;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_angel {background-image: url(/individuell/bilder/gewinnspiel2021/ipb_gewinnspiel_angel_leichtgebogen.png); height: 55%; width: calc((100% / 3) - 130px); background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; transform: rotate(15deg);} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #ipb_angel1 {left: 0;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #ipb_angel2 {left: calc(100% / 3);} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #ipb_angel3 {left: calc((100% / 3) * 2);} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_angel.angel_rausgezogen {animation-name: angel_rausgezogen; animation-duration: 2s; animation-direction: normal; animation-fill-mode: forwards; animation-timing-function: ease;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_angel.angel_rausgezogen.hidden{ display:none} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #gewinnspiel_angeln_btn {display: flex; justify-content: space-around; align-items: center; width: 100%; height: 15%; position: absolute; bottom: 0;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_angeln_btn {background-color: #b51f28; padding: 8px 20px; border-radius: 5px; border: 3px solid #b51f28; box-shadow: 0 0 10px white; color: white; transition: 0.3s; position: relative; display: flex; justify-content: center;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_angeln_btn:hover {cursor: pointer; background-color: #7e040a;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_angeln_btn .gewinnspiel_angeln_tooltip {position: absolute; top: -35px; height: 30px; width: 210px; text-align: center; display: flex; justify-content: center; align-items: center; opacity: 0; transition: 0.2s; border-radius: 3px; background-color: #b51f28;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_angeln_btn:hover .gewinnspiel_angeln_tooltip {opacity: 1;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #gewinnspiel_schwimmer .hidden{ visibility:hidden} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #gewinnspiel_schwimmer {display: flex; width: 100%; height: 100%; position: absolute; justify-content: space-around; align-items: center; top: 130px;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_schwimmer {height: 2.5%; width: calc(100% / 3); position: absolute; display: flex; justify-content: center; overflow: hidden; padding: 13px 0 13px 50px;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_schwimmer img {height: 250%;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_schwimmer.schwimmer_bewegung {animation-name: schwimmer_bewegung; animation-duration: 2s; animation-direction: normal; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_schwimmer.schwimmer_gefangen {animation-name: schwimmer_gefangen; animation-duration: 2.5s; animation-direction: normal; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #ipb_schwimmer1 {left: 0;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #ipb_schwimmer2 {left: calc(100% / 3);} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #ipb_schwimmer3 {left: calc((100% / 3) * 2);} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #gewinnspiel_verlauf {display: flex; justify-content: space-around; align-items: center; width: 100%; height: 100%; position: absolute;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #gewinnspiel_verlauf #rabatt_verlauf_liste {position: absolute; left: 20px; top: 20px; border: 5px solid #b51f28; background-color: white; display: flex; box-shadow: 0 0 20px white; border-radius: 10px;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #gewinnspiel_verlauf #rabatt_verlauf_liste div {height: 30px; margin: 5px;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #gewinnspiel_verlauf #rabatt_verlauf_liste div img {height: 100%; object-fit: contain;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #gewinnspiel_verlauf #gesamt_rabatt_anzeige {position: absolute; right: 20px; top: 20px; border: 5px solid #b51f28; background-color: white; box-shadow: 0 0 20px white; border-radius: 10px; padding: 5px; font-weight: bold;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #gewinnspiel_gewinnfenster {display: flex; justify-content: space-around; align-items: center; width: 100%; height: 100%; position: absolute; visibility: hidden;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #gewinnspiel_gewinnfenster.show {animation-name: fade_in; animation-duration: 1s; animation-direction: normal; animation-fill-mode: forwards; animation-timing-function: ease;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #gewinnspiel_gewinnfenster #gewinnspiel_gewinnfenster_hg_ausblenden {background-color: #eaeaea; opacity: 0.5; position: absolute; width: 100%; height: 100%;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_gewinnfenster {display: flex; justify-content: center; align-items: center; width: 50%; min-height: 50%; max-width: 65%; position: absolute; background-color: white; border-radius: 15px; border: 10px solid #b51f28; flex-direction: column;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_gewinnfenster .gewinnfenster_gewinnansicht {font-size: 1.5rem; line-height: 2rem; text-align: center; margin: 20px; color: #b51f28;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_gewinnfenster .gewinnfenster_prozentsatz {font-size: 1.5rem; line-height: 2rem; text-align: center; margin: 0 20px 20px 20px; font-weight: bold;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_gewinnfenster .gewinnfenster_bild {width: 50%; height: 50%; margin: 20px;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_gewinnfenster .gewinnfenster_bild img {width: 100%; height: 100%; object-fit: contain;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_gewinnfenster .gewinnfenster_gewinnansicht_text {margin: 10px; font-size: 1.1rem;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_gewinnfenster #ipb_gewinnfenster_ende_meldung {font-size: 2rem; font-weight: bold;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_gewinnfenster #ipb_gewinnfenster_rabatt_speichern {margin-top: 20px;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_gewinnfenster .gewinnfenster_btn {background-color: #b51f28; padding: 8px 20px; border-radius: 5px; border: 3px solid #b51f28; box-shadow: 0 0 10px white; color: white; margin: 0 20px 20px 20px; } #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_gewinnfenster .gewinnfenster_btn:hover {cursor: pointer; background-color: #7e040a; text-decoration: none;} #angel_gewinnspiel_2021 #gewinnspiel_overlay_erklaerung {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center;} #angel_gewinnspiel_2021 #gewinnspiel_overlay_erklaerung #gewinnspiel_overlay_erklaerung_bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; display: flex; justify-content: center; background-color: gray; opacity: 0.4; z-index: 1;} #angel_gewinnspiel_2021 #gewinnspiel_overlay_erklaerung #gewinnspiel_erklaerung {z-index: 5; background-color: white; padding: 3% 4%; border: 5px solid #b51f28; max-width: 80%; border-radius: 10px; overflow: auto; max-height: 80%;} #angel_gewinnspiel_2021 #gewinnspiel_overlay_erklaerung #gewinnspiel_erklaerung h3 {color: #b51f28; font-size: 2rem; margin: 10px 0 20px 0;} #angel_gewinnspiel_2021 #gewinnspiel_overlay_erklaerung #gewinnspiel_erklaerung #gewinnspiel_erklaerung_notiz {font-size: 0.7rem; color: gray;} #angel_gewinnspiel_2021 #gewinnspiel_overlay_erklaerung #gewinnspiel_erklaerung_verstanden {background-color: #b51f28; padding: 8px 20px; border-radius: 5px; border: 3px solid #b51f28; box-shadow: 0 0 10px white; color: white; text-align: center; margin: 30px 0 0 0;} #angel_gewinnspiel_2021 #gewinnspiel_overlay_erklaerung #gewinnspiel_erklaerung_verstanden:hover {cursor: pointer; background-color: #7e040a;} #gewinnspiel_overlay_login {position: relative; width: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; border: 5px solid #b51f28; height: 90vh; margin: 5vh 0;} #gewinnspiel_overlay_login #gewinnspiel_overlay_login_bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; display: flex; justify-content: center; background-color: gray; opacity: 0.7; z-index: 6;} #gewinnspiel_overlay_login #gewinnspiel_login {z-index: 7; background-color: white; padding: 3% 4%; border: 5px solid #b51f28; max-width: 80%; border-radius: 10px; overflow: auto; max-height: 80%;} #gewinnspiel_overlay_login #gewinnspiel_login h3 {color: #b51f28; font-size: 2rem; margin: 10px 0 20px 0;} #gewinnspiel_overlay_login #gewinnspiel_login #gewinnspiel_login_btn {background-color: #b51f28; padding: 8px 20px; border-radius: 5px; border: 3px solid #b51f28; box-shadow: 0 0 10px white; color: white; text-align: center; margin: 30px 0 0 0; display: flex; justify-content: center;} #gewinnspiel_overlay_login #gewinnspiel_login #gewinnspiel_login_btn:hover {cursor: pointer; background-color: #7e040a; text-decoration: none;} #gewinnspiel_overlay_login #gewinnspiel_login #gewinnspiel_login_registrieren {display: flex; margin-top: 20px; justify-content: center;} #angel_gewinnspiel_2021 #gewinnspiel_overlay_start {position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: 100%; overflow: hidden; display: flex; justify-content: center;} #angel_gewinnspiel_2021 #gewinnspiel_overlay_start:hover {cursor: pointer;} #angel_gewinnspiel_2021 #gewinnspiel_overlay_start img {height: 100%; object-fit: contain; max-width: 100%;} #indiv_vorlage1111_bereits_gespielt_meldung {margin: 100px 0; text-align: center; width: 100%;} #indiv_vorlage1111_bereits_gespielt_meldung .p_hinweis {color: gray; font-size: 0.8rem;} #indiv_vorlage1111_gewinn_meldung {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center;} #indiv_vorlage1111_gewinn_meldung.hidden {display: none;} #indiv_vorlage1111_gewinn_meldung_bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; display: flex; justify-content: center; background-color: gray; opacity: 0.7;} #indiv_vorlage1111_gewinn_meldung_inhalt {background-color: white; padding: 3% 4%; border: 5px solid #b51f28; max-width: 80%; border-radius: 10px; overflow: auto; max-height: 80%; z-index: 1;} #indiv_vorlage1111_gewinn_meldung_btn {background-color: #b51f28; padding: 8px 20px; border-radius: 5px; border: 3px solid #b51f28; box-shadow: 0 0 10px white; color: white; text-align: center; margin: 30px 0 0 0; display: flex; justify-content: center;} #indiv_vorlage1111_gewinn_meldung_btn:hover {cursor: pointer; background-color: #7e040a; text-decoration: none;} @keyframes schwimmer_bewegung { 0% {} 25% {transform: rotate(5deg);} 50% {transform: rotate(-5deg);} 100% {transform: rotate(0);} } @keyframes schwimmer_gefangen { 0% {} 25% {padding: 10px 0; margin-top: -15px;} 40% {padding: 0px; margin-top: 15px;} 100% {padding: 13px 0 13px 50px;} } @keyframes angel_rausgezogen { 0% {background-image: url(/individuell/bilder/gewinnspiel2021/ipb_gewinnspiel_angel_leichtgebogen.png);} 100% {background-image: url(/individuell/bilder/gewinnspiel2021/ipb_gewinnspiel_angel_gebogen.png); left: calc((100% / -3) + 150px); width: calc(100% / 3)} } @keyframes fade_out { 0% {opacity: 1;} 99% {opacity: 0;} 100% {opacity: 0; visibility: hidden;} } @keyframes fade_in { 0% {opacity: 0; visibility: hidden;} 1% {visibility: visible;} 100% {opacity: 1; visibility: visible;} } /*--------------------- Media Querry ------------------------------------------------ */ @media screen and (max-width: 1320px) { .verschiebbare_spezialbox_ein_aus_btn {background-color: #b51f28; border-color: #b51f28;} .verschiebbare_spezialbox_ein_aus_btn:hover {background-color: #cf4c54; } #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles .bereich_innen {width: 100%;} #v316_unternavi_links {width: 100%;} .v316_gruppierungsdiv_content {width: 100%;} #bilderleiste {width: calc(100% - 40px); padding: 20px;} #navigation ul li a {font-size: 0.85rem; text-align: center;} #fuss {z-index: 1; position: relative;} #fuss #fuss_erste_zeile .fuss_innen {width: 100%; flex-direction: column; justify-content: center; padding: 5%;} #fuss #fuss_erste_zeile .fuss_innen a {flex: 1; display: flex; margin: 20px 0;} #fuss #fuss_erste_zeile .fuss_innen a:first-of-type {width: 100%; justify-content: flex-start;} #fuss #fuss_erste_zeile .fuss_innen a:last-of-type {order: 2; justify-content: flex-end; display: flex; width: 100%;} #fuss #fuss_erste_zeile .fuss_innen a p {width: auto; margin: 0 4px 0 0;} #fuss #fuss_erste_zeile .fuss_innen a img {max-height: 60px;} #fuss #fuss_erste_zeile .fuss_innen div {width: 100%; padding: 10px 0; order: 1;} #fuss #fuss_zweite_zeile .fuss_innen {width: 100%; flex-wrap: wrap;} #fuss #fuss_zweite_zeile .fuss_innen a {font-size: 0.8rem;} .portrait {width: 100% !important;} .portrait input[type="image"] {width: 100%;} #textbereich {padding-left: 0 !important;} } @media screen and (max-width: 992px) { .slick-slider {height: auto !important;} #inhalt .aktivleiste_vorschau {border-top-color: #b51f28;} } @media screen and (max-width: 768px) { #bilderleiste {height: auto;} #bilderleiste #bilderleiste_innen {width: 100%; flex-wrap: wrap;} #bilderleiste #bilderleiste_links {order: 2; justify-content: flex-end;} #bilderleiste #bilderleiste_links #indiv_bilderleiste_login {display: none;} #bilderleiste #bilderleiste_links #indiv_bilderleiste_login_und_newsletter {order: 2; margin: 0; width: auto; flex: 1; margin-left: 4%;} #bilderleiste #bilderleiste_links #indiv_bilderleiste_login_und_newsletter div {display: none;} #bilderleiste #bilderleiste_links #indiv_bilderleiste_login_und_newsletter #bilderleiste_newsletter_abo {margin: 0; background-color: #b51f28; padding: 3px 6px; color: white; font-weight: normal;} #bilderleiste #bilderleiste_links #indiv_bilderleiste_login_und_newsletter #bilderleiste_newsletter_abo:hover {background-color: transparent; } #bilderleiste #bilderleiste_links #indiv_header_merkliste_und_chronik {order: 2; justify-content: flex-end; padding: 0; width: auto; margin-right: 4%;} #bilderleiste #bilderleiste_links #indiv_header_merkliste_und_chronik .symbol_chronik_merkl {font-size: 10pt;} #bilderleiste #bilderleiste_links #indiv_header_merkliste_und_chronik .symbol_chronik_merkl:last-of-type {margin-right: 0;} #bilderleiste #bilderleiste_links #indiv_header_chronik_link {height: 19px; width: 19px;} #bilderleiste #bilderleiste_links #indiv_header_merkliste_link {height: 19px; width: 19px;} #bilderleiste #bilderleiste_links #indiv_header_chronik_link:hover #indiv_chronik_tooltip, #bilderleiste #bilderleiste_links #indiv_header_merkliste_link:hover #indiv_merkliste_tooltip {display: none;} #bilderleiste #bilderleiste_links #div_site_suche_eingabe_id {margin: 1% 4% 4% 4%; width: 100%;} #bilderleiste #bilderleiste_links #site_suche_eingabe_text_id {flex: 1;} #bilderleiste #bilderleiste_rechts {order: 1; display: flex; justify-content: center; width: 100%;} #bilderleiste #bilderleiste_rechts a {width: 90%; height: auto;} #bilderleiste #bilderleiste_rechts a img {height: auto; width: 100%;} #login_mobile_version {display: flex;} .bereich_innen {width: 100%;} .bereich_hintergrund {right: calc((100vw - 100%) / -2);} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles {width: 100vw; margin-left: calc((100vw - 100%)/ -2);} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div {width: 100%; flex: none; min-width: auto;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div #el_slider {width: 100%;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div #el_slider #ausgabe_el_slider {width: 100% !important;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div #el_slider #ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild {overflow: hidden; display: flex; justify-content: center;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div #el_slider #ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild img {width: 150%;} #indiv_vorlage_startseite_ipb #bereich2_text_termine #text_div {width: 100%; flex: none;} #indiv_vorlage_startseite_ipb #bereich2_text_termine #text_div .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste .kurztext_einzelbildkasten .bildausgabe input[type="image"] {width: 50%;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_kacheln_div .kurztext_global {width: 96%; margin: 4% 2%;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_kacheln_div .kurztext_global .kurztext_einzelbildkasten {height: auto;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_kacheln_div .kurztext_global .kurztext_einzelbildkasten a {max-height: 30vh; width: 100%; display: flex; justify-content: center;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_kacheln_div .kurztext_global .kurztext_einzelbildkasten a img {height: 100%; object-fit: cover; width: 100%;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_teilnehmerbereich_inhalt {padding: 0 5%;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_teilnehmerbereich_inhalt.ipb_anzeigen {padding: 5%;} /*#indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_teilnehmerbereich_inhalt a.button_startseite_ipb {display: none;} #indiv_vorlage_startseite_ipb #bereich3_seminarangebote_kacheln #seminarangebot_teilnehmerbereich_inhalt p:after {content: " (Wir empfehlen einen Login über die Desktop-Version der Seite.)"; font-weight: bold;}*/ #indiv_vorlage_startseite_ipb #bereich4_woundwer_kacheln #woundwer_kacheln_div .kurztext_global {width: 96%; margin: 4% 2%;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div .kurztext_global {width: 96%;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div .kurztext_global .kurztext_bilderleiste {display: flex; justify-content: center;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div .kurztext_global .kurztext_einzelbildkasten {height: auto; width: 60%;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div .kurztext_global h3 {text-align: center; justify-content: center;} #indiv_vorlage_startseite_ipb #bereich5_ansprechpartner #ansprechpartner_kacheln_div .kurztext_global .kurztext_text_div {text-align: center;} #indiv_vorlage_startseite_ipb #bereich6_kooperationspartner .nurbild_global .nurbild_bilderleiste {height: auto;} #indiv_vorlage_startseite_ipb #bereich6_kooperationspartner .nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten {width: 100%; padding: 10% 10%; border-bottom: 2px solid #eaeaea;} #indiv_vorlage_startseite_ipb #bereich6_kooperationspartner .nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten:last-of-type {border-bottom: none;} #indiv_vorlage_startseite_ipb #bereich6_kooperationspartner .nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten:hover {width: 100%;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel {bottom: 0; width: 70%;} #indiv_vorlage_startseite_ipb #bereich1_slider_aktuelles #slider_div .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber h2 {font-size: 1.2rem; line-height: 1.4rem;} #inhalt .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber .ausgabe_slidertext_unter_titel p {font-size: 0.95rem; line-height: 1.3rem;} #inhalt .aktivleiste_vorschau {border: none;} #inhalt #bild_neben_text_position .portrait .bildausgabe input[type="image"] {width: auto; max-width: 100%;} #inhalt #vorlage642 .kurztext_global {display: flex; flex-direction: column;} #inhalt #vorlage642 .kurztext_global .kurztext_bilderleiste {max-width: 100%;} #inhalt #vorlage642 .kurztext_global .kurztext_bilderleiste .kurztext_einzelbildkasten {padding: 0; margin: 0;} #inhalt #vorlage642 .kurztext_global .kurztext_bilderleiste .kurztext_einzelbildkasten .bildunterschrift {font-size: 0.8rem; line-height: 1rem;} #inhalt #vorlage642 .kurztext_global .kurztext_bilderleiste .kurztext_einzelbildkasten .bildausgabe input[type="image"] {max-width: 100%;} #inhalt #vorlage642 .kurztext_global .kurztext_nur_der_text {display: flex !important; flex-direction: column;} #inhalt #vorlage642 .kurztext_global .kurztext_nur_der_text .kurztext_text_div {padding-left: 0 !important;} #inhalt #vorlage642 .datei_download_multi {margin: 0;} #inhalt #vorlage642 .datei_download_multi .download_beschreibung {overflow: hidden; text-overflow: ellipsis;} #inhalt #vorlage642 .datei_download_multi .download_beschreibung a {white-space: nowrap; text-overflow: ellipsis; color: #b61f29} #inhalt #news_ausgabekasten .kurztext_global {padding-bottom: 30px; margin: 15px 0;} #inhalt #news_ausgabekasten .kurztext_global .kurztext_nur_der_text {display: flex; flex-direction: column;} /* Gewinnspiel */ #angel_gewinnspiel_2021 {margin: 15vh 0;} #angel_gewinnspiel_2021 #angel_gewinnspiel_2021_inhalt {overflow: unset;} #angel_gewinnspiel_2021 #gewinnspiel_hintergrund img {object-fit: cover;} #angel_gewinnspiel_2021 #gewinnspiel_overlay_start img {object-fit: cover;} #angel_gewinnspiel_2021 #gewinnspiel_overlay_erklaerung #gewinnspiel_erklaerung h3 {font-size: 1.2rem; line-height: 1.8rem;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #gewinnspiel_verlauf {height: 100px; top: -100px;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #gewinnspiel_verlauf #rabatt_verlauf_liste {position: relative; left: auto; top: auto;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #gewinnspiel_verlauf #gesamt_rabatt_anzeige {position: relative; top: auto; right: auto;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #gewinnspiel_angeln_btn {height: 100px; bottom: -100px;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_angeln_btn {padding: 4px; width: calc((100% / 3) - 20px); font-size: 12px; text-align: center;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_angeln_btn:hover {padding: 4px;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #gewinnspiel_angeln {bottom: -75px;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_angel {width: calc((100% / 3) - 25px);} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt #gewinnspiel_schwimmer {top: 70px;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_schwimmer {padding: 5px 0 5px 20px; height: 3.5%;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_gewinnfenster {width: 80%; max-width: 80%; box-shadow: 0 0 20px black;} #angel_gewinnspiel_2021 #gewinnspiel_spielinhalt .gewinnspiel_gewinnfenster .gewinnfenster_gewinnansicht {font-size: 1.2rem; line-height: 1.8rem;} }