:root { --hauptfarbe: #cf3331; /* Rot BB heller */ --hauptfarbe_alternativ: #701d1c; /* Rot BB */ --hauptfarbe_hellhinterg: #f1d8d8; /* leicht gefärbtes hellgrau in Richtung Hauptfarbe */ --hauptfarbe_dunkelhinterg: #282828; /* leicht gefärbtes dunkleres grau in Richtung Hauptfarbe */ --zweitfarbe: #262424; /* Anthrazit */ --hell: #ffffff; /* weiß */ --hell_transparent: #ffffff45; /* weiß, stark durchsichtig */ --hell_wenig_transparent: #ffffffab; /* weiß, wenig durchsichtig */ --hellgrau: #eaeaea; /* helles grau */ --mittelgrau: #afafaf; /* mittelgrau - zwischen hellgrau und grau */ --grau: gray; /* grau */ --dunkelgrau: #696969; /* dunkelgrau */ --schwarzgrau: #404040; /* besonders dunkeles grau */ --dunkel: #000000; /* schwarz */ --hinweis: darkgreen; /* dunkelgrün */ --meldung: #900; /* dunkelrot */ --borderradius: 20px; color-scheme: auto !important; } html {} body {background-color: #dfdfdf;} .bb_rot_hg {background: rgb(112,29,28); background: linear-gradient(0deg, rgba(112,29,28,1) 0%, rgba(207,51,49,1) 100%); background-attachment: fixed; position: relative; min-height: 100vh; align-items: flex-start !important;} .bb_hg_weiss {background-color: white;} .bstb_minhoch {min-height: auto;} .bstb_download_beitritt .datei_download_multi { padding: 2%; display: flex; flex-wrap: wrap;margin: 0 auto 8vh auto; font-family: sans-serif; justify-content: center; flex-direction: column; width: 94%; max-width: 960px; position: relative; top: -7rem;} h1, h2, h3, h4 {font-family: 'Lora';} p, td, li {font-size: 1rem; line-height: 1.55rem;} #inhalt p a {color: var(--hauptfarbe); border-bottom: 0px solid var(--hauptfarbe); transition: 0.2s;} #inhalt p a:hover {color: var(--zweitfarbe); border-bottom: 3px solid var(--hauptfarbe);} #inhalt .bb_rot_hg p a {color: #ffc1c0; font-weight: 600; letter-spacing: 0.3px;} #inhalt .bb_rot_hg p a:hover {color: white; } .klein {display: contents; text-transform: none; letter-spacing: 0;} h1 {font-size: 1.8rem; line-height: 2.4rem; text-align: center;} h2 {font-size: 1.8rem; line-height: 2.2rem; color: var(--hauptfarbe_alternativ); font-weight: 400; margin: 30px 0 5px 0;} h3 {font-size: 1.2rem; line-height: 1.8rem;} h4 {font-size: 1.1rem; line-height: 1.6rem; margin: 30px 0 15px 0;} p, a, li {font-family: 'Karla'; letter-spacing: -0.3px;} .indiv_seitenvorlage {display: flex; flex-wrap: wrap; justify-content: center;} .div_bs_bearbeitungs_btns .multibox_bild {width: 70%; padding: 0 15%; margin-left: 0;} .div_bs_bearbeitungs_btns .multibox_standard {width: 70%; padding: 0 15%;} table td h5 span {color: var(--hauptfarbe) !important;} table td p span {color: black;} table tr:nth-of-type(even) {background-color: var(--hauptfarbe_hellhinterg) !important;} #inhalt {width: 100%;} #inhalt .aktivleiste_vorschau {flex: 1;} #inhalt {background-color: transparent;} #inhalt #content {padding-right: 0px !important; flex: 3; align-items: center;} #inhalt .bausteinbereich {justify-content: center; align-items: center; display: flex; flex-wrap: wrap;} #inhalt .inhalt_seitenvorlage {justify-content: center;} #inhalt .m_ver_detailausgabe {padding: 0 4%} #inhalt h1 {padding: 40px 0 20px 0; width: auto; /*border-top: 6px solid white; color: white;*/ font-weight: 500; text-transform: uppercase; letter-spacing: 3px; font-size: 2.2rem; line-height: 3rem; /*text-shadow: 6px 6px 10px #390606b3*/; margin: 0;} #inhalt #vorl_501_kachelnavi h1 {margin: 5vh 0 3vh 0;} #inhalt .bb_rot_hg h1 {color: white;} #inhalt #bild_neben_text_position {padding: 0 4%; width: auto;} /*---- Multibox Einfach ---------------------------------------*/ .multibox_standard {grid-template-rows: auto 1fr; width: 100%; padding: 0 20vw;} .multibox_standard .bst_mb_bilder_anordnung3 {width: 22vw;} .multibox_standard .bst_mb_ein_bild_anordnung3 {position: relative;} .multibox_standard .bst_mb_ein_bild_anordnung3 img {border: 4px solid white; border-radius: var(--borderradius); width: calc(100% - 8px); height: calc(100% - 8px); object-fit: cover;} .multibox_standard .bst_mb_bildzeile_anordnung3 {font-style: italic; position: absolute; right: 2vw; bottom: 0; background-color: #ffffffb5; padding: 7px 14px; border-bottom-right-radius: var(--borderradius);} .multibox_standard .bst_ue1_anordnung3 {align-self: flex-start; margin-bottom: 13px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px;} .multibox_standard .bst_text_anordnung3 {align-self: flex-start; width: 35vw;} .multibox_standard .bst_text_anordnung3 p:first-of-type {} .multibox_standard .bst_text_anordnung3 p {margin: 4px 0; font-size: 1rem; line-height: 1.55rem;} .multibox_standard .mb_linkausgabe {align-self: flex-start; margin-top: 10px; display: flex; background-color: var(--zweitfarbe); padding: 10px 20px; justify-self: flex-start; color: var(--hell); border: none; border-radius: var(--borderradius); transition: 0.2s; font-size: 1rem; line-height: 1.4rem; text-transform: uppercase; letter-spacing: 0.5px;} .multibox_standard .mb_linkausgabe:hover {color: var(--hauptfarbe_alternativ); background-color: var(--hell); box-shadow: 0 0 10px #000000c9;} .bb_rot_hg .multibox_standard .bst_ue1_anordnung3 {color: var(--hell);} .bb_rot_hg .multibox_standard .bst_text_anordnung3 {color: var(--hell);} .bb_rot_hg .multibox_standard .bst_text_anordnung3 p {color: var(--hell);} .multibox_nebeneinander {grid-template-rows: auto 1fr; display: grid; grid-template-columns: 20vw; margin: 6vh 2vw;;} .multibox_nebeneinander .bst_mb_bilder_anordnung3 {display: flex; width: 100%;} .multibox_nebeneinander .bst_mb_ein_bild_anordnung3 {border: 4px solid white; border-radius: var(--borderradius); width: calc(100% - 8px); aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; overflow: hidden; position: relative;} .multibox_nebeneinander .bst_mb_ein_bild_anordnung3 img {height: 100%; width: 100%; object-fit: cover;} .multibox_nebeneinander .bst_mb_bildzeile_anordnung3 {font-style: italic; position: absolute; right: 0; bottom: 0; background-color: #ffffffb5; padding: 7px 14px;} .multibox_nebeneinander .bst_ue1_anordnung3 {align-self: flex-start; margin-bottom: 13px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; display: flex;max-width: 700px; margin-top: 2vh; font-size: 1.6rem; line-height: 2.2rem; color: var(--hauptfarbe);} .multibox_nebeneinander .bst_text_anordnung3 {align-self: flex-start; display: flex; flex-wrap: wrap; max-width: 700px;} .multibox_nebeneinander .bst_text_anordnung3 p:first-of-type {margin-top: 0;} .multibox_nebeneinander .bst_text_anordnung3 p {margin: 4px 0; font-size: 1rem; line-height: 1.55rem; width: 100%;} .multibox_nebeneinander .mb_linkausgabe {align-self: flex-start; margin-top: 10px; display: flex; background-color: var(--zweitfarbe); padding: 10px 20px; justify-self: flex-start; color: var(--hell); border: none; border-radius: var(--borderradius); transition: 0.2s; font-size: 1rem; line-height: 1.4rem;} .multibox_nebeneinander .mb_linkausgabe:hover {color: var(--hell); background-color: var(--hauptfarbe_alternativ); box-shadow: 0 0 10px #000000c9;} .bb_rot_hg .multibox_nebeneinander .bst_ue1_anordnung3 {color: var(--hell);} .bb_rot_hg .multibox_nebeneinander .bst_text_anordnung3 {color: var(--hell);} .bb_rot_hg .multibox_nebeneinander .bst_text_anordnung3 p {color: var(--hell);} .multibox_bild {grid-template-rows: auto 1fr; display: grid; grid-template-columns: auto; margin: 6vh 2vw; width: 100%; padding: 0 20vw;} .multibox_bild .bst_mb_bilder_anordnung3 {display: flex; width: 100%; order: 3; margin-bottom: 2vh; margin-top: 2vh;} .multibox_bild .bst_mb_ein_bild_anordnung3 {border: 4px solid white; border-radius: var(--borderradius); width: calc(100% - 8px); aspect-ratio: 2/1; display: flex; justify-content: center; align-items: center; overflow: hidden; position: relative;} .multibox_bild .bst_mb_ein_bild_anordnung3 img {height: 100%; width: 100%; object-fit: cover;} .multibox_bild .bst_mb_bildzeile_anordnung3 {font-style: italic; position: absolute; right: 0; bottom: 0; background-color: #ffffffb5; padding: 7px 14px; } .multibox_bild .bst_ue1_anordnung3 {align-self: flex-start; margin-bottom: 1vh; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; display: flex;max-width: 700px; margin-top: 0; font-size: 1.6rem; line-height: 2.2rem; color: var(--hauptfarbe); order: 1;} .multibox_bild .bst_text_anordnung3 {align-self: flex-start; display: flex; flex-wrap: wrap; order: 4;} .multibox_bild .bst_text_anordnung3 p:first-of-type {margin-top: 0;} .multibox_bild .bst_text_anordnung3 p {margin: 4px 0; font-size: 1rem; line-height: 1.55rem; width: 100%;} .multibox_bild .mb_linkausgabe {align-self: flex-start; margin-top: 10px; display: flex; background-color: var(--zweitfarbe); padding: 10px 20px; justify-self: flex-start; color: var(--hell); border: none; border-radius: var(--borderradius); transition: 0.2s; font-size: 1rem; line-height: 1.4rem; order: 5;} .multibox_bild .mb_linkausgabe:hover {color: var(--hell); background-color: var(--hauptfarbe_alternativ); box-shadow: 0 0 10px #000000c9;} .bb_rot_hg .multibox_bild .bst_ue1_anordnung3 {color: var(--hell);} .bb_rot_hg .multibox_bild .bst_text_anordnung3 {color: var(--hell);} .bb_rot_hg .multibox_bild .bst_text_anordnung3 p {color: var(--hell);} /*---------------- Startseite Slick Slider Bilderleiste --------------------*/ #bilderleiste {overflow: hidden; height: 33vh; background-color: transparent; display: none;} #bilderleiste a {height: 80%;} #logo_bilderleiste {display: none; background-color: white; box-shadow: 0px 5px 20px 0px #3f0404d9; height: 15vh; width: 100%; justify-content: center; align-items: center; z-index: 1; margin-bottom: 2vh; align-self: flex-start;} #logo_bilderleiste a {max-width: 70%; max-height: 75%;} #logo_bilderleiste a img {width: 100%; height: auto; max-height: 100%;} .slider_kopfbereich {width: 100%; height: 35vh; display: flex; justify-content: center; align-items: center; align-self: flex-start;} .slider_kopfbereich .slick-list {overflow: hidden; height: 100%; width: 100%; padding: 4vh 0 !important;} .slider_kopfbereich .slick-track {overflow: visible; height: 100%;} .slider_kopfbereich .kopfbereich_slide {width: auto; height: 100%; margin: 0 2vw; border-radius: var(--borderradius); box-shadow: 0px 5px 20px 0px #3f0404d9} .slider_kopfbereich .kopfbereich_slide a {border-radius: var(--borderradius); height: 100%;} .slider_kopfbereich .kopfbereich_slide a img {border-radius: var(--borderradius); height: 100%;} .inhalt_1 .indiv_seitenvorlage {position: relative;} #bstb_bb_start_willkommen {order: -1; min-height: 75vh;} #bstb_bb_start_willkommen .multibox_standard {margin: 0; grid-template-columns: 1fr 1fr; width: 75vw; padding: 0; min-height: 75vh;} #bstb_bb_start_willkommen .multibox_standard .bst_mb_bilder_anordnung3 {padding-right: 0; width: auto; grid-column-start: 2; justify-content: center; align-items: center; padding-top: 5%; padding-bottom: 5%; transition: 1s;} #bstb_bb_start_willkommen .multibox_standard:hover .bst_mb_bilder_anordnung3 {padding-top: 0; padding-bottom: 0;} #bstb_bb_start_willkommen .multibox_standard .bst_mb_ein_bild_anordnung3 {display: flex; justify-content: center; align-items: center; position: relative; padding-right: 0; width: 90%; transition: 1s;} #bstb_bb_start_willkommen .multibox_standard .bst_mb_ein_bild_anordnung3 form {z-index: 10;} #bstb_bb_start_willkommen .multibox_standard:hover .bst_mb_ein_bild_anordnung3 {width: 100%;} #bstb_bb_start_willkommen .multibox_standard .bst_mb_ein_bild_anordnung3::after {z-index:1; content: ''; border-radius: 50%; height: 70%; width: 70%; position: absolute; background-color: white; transition: 1s;} #bstb_bb_start_willkommen .multibox_standard:hover .bst_mb_ein_bild_anordnung3::after {height: 82%; width: 82%;} #bstb_bb_start_willkommen .multibox_standard .bst_mb_ein_bild_anordnung3 img {z-index: 1; border: none;} #bstb_bb_start_willkommen .multibox_standard .bst_ue1_anordnung3 {grid-column-start: 1; grid-column-end: 2; color: var(--hell); font-weight: 500; font-size: 3.8rem; line-height: 4.5rem; letter-spacing: 1px; border-bottom: 6px solid white; margin-left: -12vw; padding-left: 12vw; margin-top: 15vh; padding-bottom: 1vh; width: max-content; margin-bottom: 3vh;} #bstb_bb_start_willkommen .multibox_standard .bst_text_anordnung3 {grid-column-start: 1; grid-column-end: 2; color: var(--hell);} #bstb_bb_start_willkommen .multibox_standard .bst_text_anordnung3 p {font-size: 1.2rem; line-height: 1.8rem; font-weight: 300;} #bstb_bb_start_willkommen .baustein_html_code_multi {width: 100%; background-color: var(--zweitfarbe); border-top: 4px solid white; border-bottom: 4px solid white;padding: 2vh 0;} #bstb_bb_start_willkommen .baustein_html_code_multi .textblock {width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; text-align: center;} #bstb_bb_start_willkommen .baustein_html_code_multi .textblock h4 {color: white; text-transform: uppercase; font-size: 1rem; line-height: 1.4rem; font-weight: 400; letter-spacing: 2px; font-family: 'Karla'; display: flex; justify-content: center; align-items: center;} #bstb_bb_start_willkommen .baustein_html_code_multi .textblock h4::before {content: ""; background-image: url(/individuell/bilder/Icons_Telefon.svg); height: 25px; width: 25px; background-size: contain; background-repeat: no-repeat; display: inline-flex; justify-content: center; align-items: center; margin-right: 15px;} #bstb_bb_start_willkommen .baustein_html_code_multi .textblock h4::after {content: ""; background-image: url(/individuell/bilder/Icons_Info.svg); height: 25px; width: 25px; background-size: contain; background-repeat: no-repeat; display: inline-flex; justify-content: center; align-items: center; margin-left: 15px;} #bstb_bb_start_willkommen .baustein_html_code_multi .textblock h2 {color: white; font-size: 2.5rem; line-height: 3rem; font-weight: 400; margin: 0 0 1vh 0;} #bstb_bb_start_willkommen .baustein_html_code_multi .textblock div {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } #bstb_bb_start_willkommen .baustein_html_code_multi .textblock div input[type="submit"] {margin: 10px 15px 20px 15px; background-color: var(--hell); background: linear-gradient(0deg, rgba(112,29,28,1) 0%, rgba(207,51,49,1) 100%); padding: 10px 20px; color: var(--hell); border: none; border-radius: var(--borderradius); transition: 0.2s; font-size: 1rem; line-height: 1.4rem; letter-spacing: 0.5px;} #bstb_bb_start_willkommen .baustein_html_code_multi .textblock div input[type="submit"]:hover {color: var(--hauptfarbe_alternativ); background: none; background-color: var(--hell); box-shadow: 0 0 10px #000000c9;} .inhalt_1 #vorl200_sprungmarken_bausteinbereiche {position: absolute; left: 12vw; top: 57vh; z-index: 1; width: 38vw;} .inhalt_1 #vorl200_sprungmarken_bausteinbereiche li a {background-color: var(--zweitfarbe); border-radius: 20px; text-transform: uppercase; letter-spacing: 1px; font-size: 1rem; line-height: 1.6rem; padding: 8px 20px; margin: 0 15px 15px 0;} .inhalt_1 #vorl200_sprungmarken_bausteinbereiche li a:hover {background-color: var(--hauptfarbe_alternativ); box-shadow: 0 0 10px #000000c9;} #bstb_bb_start_aktuelles {background-image: url("/individuell/bilder/AdobeStock_45811028.jpeg"); position: relative; background-attachment: fixed; background-position: center; background-size: cover; justify-content: space-between !important; min-height: 65vh;} #bstb_bb_start_aktuelles::before {content: ''; width: 100%; height: 100%; background-color: #000000c9; z-index: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; backdrop-filter: blur(2px);} #bstb_bb_start_aktuelles>div {z-index: 1;} #bstb_bb_start_aktuelles .nurtext_global {height: 100%; margin: 0 !important;} #bstb_bb_start_aktuelles .nurtext_global .nurtext_text_div {height: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 10vw;} #bstb_bb_start_aktuelles h2 {color: var(--hell); font-size: 3rem; line-height: 3.5rem; text-transform: uppercase; letter-spacing: 10px; font-weight: 100; transform: rotate(-90deg); margin: 0; width: 65vh;} #bstb_bb_start_aktuelles .news_ausgabe {flex-direction: unset; flex-wrap: wrap; width: 65vw; justify-content: space-between;} #bstb_bb_start_aktuelles .news_ausgabe .kurztext_global {max-width: 20vw; margin: 0; background-color: transparent; box-shadow: none; border-radius: 0; overflow: visible;} #bstb_bb_start_aktuelles .news_ausgabe .kurztext_global h3 {background-color: transparent; color: var(--hell); padding: 0; margin: 0; text-transform: uppercase; font-size: 1.4rem; line-height: 2rem; letter-spacing: 1px; margin-bottom: 2vh;} #bstb_bb_start_aktuelles .news_ausgabe .kurztext_global .kurztext_nur_der_text {color: var(--hell); padding: 0;} #bstb_bb_start_aktuelles .news_ausgabe .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste {width: 100% !important;} #bstb_bb_start_aktuelles .news_ausgabe .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste .kurztext_einzelbildkasten {width: 80% ;} #bstb_bb_start_aktuelles .news_ausgabe .kurztext_global .kurztext_nur_der_text .kurztext_text_div {color: var(--hell); font-size: 1.1rem; line-height: 1.6rem; font-weight: 400; padding-left: unset !important;} #bstb_bb_start_aktuelles .news_ausgabe .kurztext_global .kurztext_nur_der_text .kurztext_text_div p {color: var(--hell); font-size: 1.1rem; line-height: 1.6rem; font-weight: 400;} #bstb_bb_start_aktuelles .news_ausgabe .kurztext_global .kurztext_erstellungsinfo {right: unset; top: -2vh; width: auto; color: var(--hell); font-weight: 300;} #bstb_bb_start_aktuelles .baustein_html_code_multi {width: 15vw;} #inhalt #bstb_bb_start_aktuelles .btn_html_style {padding: 20px 30px;} #news_ausgabekasten {padding: 0 15vw;} #news_ausgabe_einspaltige_vorweg {display: flex; flex-direction: column; align-items: center;} #inhalt #news_ausgabekasten .kurztext_global {margin: 0; background-color: transparent; box-shadow: none; border-radius: 0; overflow: visible; border-bottom: 3px solid var(--hauptfarbe); padding: 5vh 0;} #inhalt #news_ausgabekasten .kurztext_global:last-of-type {border-bottom: none; margin-bottom: 5vh;} #inhalt #news_ausgabekasten .kurztext_global h3 {background-color: transparent; padding: 0; margin: 0; text-transform: uppercase; font-size: 1.4rem; line-height: 2rem; letter-spacing: 1px; margin-bottom: 2vh; font-family: 'Lora';} #inhalt #news_ausgabekasten .kurztext_global .kurztext_nur_der_text {padding: 0;} #inhalt #news_ausgabekasten .kurztext_global .kurztext_nur_der_text .kurztext_text_div {padding-left: unset !important; font-family: 'Karla';} #inhalt #news_ausgabekasten .kurztext_global .kurztext_nur_der_text .kurztext_text_div p:first-of-type {margin-top: 0;} #inhalt #news_ausgabekasten .kurztext_global .kurztext_nur_der_text .kurztext_einzelbildkasten {background-color: transparent;} #inhalt #news_ausgabekasten .kurztext_global .kurztext_nur_der_text .kurztext_einzelbildkasten .animation_wrap ul {padding: 0; margin: 0;} #inhalt #news_ausgabekasten .kurztext_global .kurztext_nur_der_text .kurztext_einzelbildkasten .animation_wrap ul li {list-style: none;} #inhalt #news_ausgabe_weitere div.news_bausteine .kurztext_nur_der_text .kurztext_text_div {font-family: 'Karla'; hyphens: auto;} #inhalt #news_ausgabe_weitere .kurztext_global, #inhalt #news_ausgabe_weitere {justify-content: space-around;} #inhalt #news_ausgabe_weitere .kurztext_global, #inhalt #news_ausgabe_weitere .nurtext_global {align-content: flex-start;} #bstb_bb_start_lokschuppen {position: relative; min-height: unset; padding: 7vh 0 30vh 0;} #bstb_bb_start_lokschuppen .baustein_html_code_multi {position: absolute; bottom: -10vh; width: 100%;} #bstb_bb_start_lokschuppen .baustein_html_code_multi .textblock {width: 100%;} #bstb_bb_start_lokschuppen .multibox_standard {margin: 0 0 3vh 0; grid-template-columns: 1fr auto; width: 60vw; padding: 0; grid-template-rows: auto auto 1fr;} #bstb_bb_start_lokschuppen .multibox_standard .bst_mb_bilder_anordnung3 {padding-right: 0; grid-column-start: 2; justify-content: center; align-items: center; width: 15vw;} #bstb_bb_start_lokschuppen .multibox_standard .bst_mb_ein_bild_anordnung3 {display: flex; justify-content: center; align-items: center; position: relative; padding-right: 0; width: 100%;} #bstb_bb_start_lokschuppen .multibox_standard .bst_mb_ein_bild_anordnung3 img {border: none;} #bstb_bb_start_lokschuppen .multibox_standard .bst_ue1_anordnung3 {grid-column-start: 1; grid-column-end: 2; color: var(--hell); font-weight: 400; font-size: 3rem; line-height: 4rem; letter-spacing: 2px; margin-top: 3vh; width: max-content; margin-bottom: 2vh;} #bstb_bb_start_lokschuppen .multibox_standard .bst_text_anordnung3 {grid-column-start: 1; grid-column-end: 2; color: var(--hell);} #bstb_bb_start_lokschuppen .multibox_standard .bst_text_anordnung3 p {font-size: 1.2rem; line-height: 1.8rem; font-weight: 300;} #bstb_bb_start_lokschuppen .multibox_standard .mb_linkausgabe {grid-column-start: 1; grid-column-end: 2; margin-top: 5vh;} #bstb_bb_lokschuppen_2 {padding: 18vh 0 10vh 0;} #bstb_bb_lokschuppen_2 .multibox_standard {width: 60vw; grid-template-rows: auto auto 1fr; padding: 0 15vw;} #bstb_bb_lokschuppen_2 .multibox_standard .bst_mb_bilder_anordnung3 {margin-left: -20vw; width: 44vw; height: 44vh; overflow: hidden; border-top-right-radius: 20px; border-bottom-right-radius: 20px; margin-right: 8vw; box-shadow: 0px 5px 20px 0px #3f0404d9;} #bstb_bb_lokschuppen_2 .multibox_standard .bst_mb_ein_bild_anordnung3 {padding-right: 0; display: flex; justify-content: center; align-items: center;} #bstb_bb_lokschuppen_2 .multibox_standard .bst_mb_ein_bild_anordnung3 img {border: none; border-radius: 0; height: 100%; width: 100%;} #bstb_bb_lokschuppen_2 .multibox_standard .bst_ue1_anordnung3 {font-weight: 400; font-size: 3rem; line-height: 4rem; letter-spacing: 2px; text-align: right; color: var(--hauptfarbe_alternativ); margin-bottom: 3vh;} #bstb_bb_lokschuppen_2 .multibox_standard .bst_text_anordnung3 p {text-align: right;} #bstb_bb_lokschuppen_2 .multibox_standard .mb_linkausgabe {justify-self: flex-end; margin-top: 4vh; background-color: var(--hell); background: linear-gradient(0deg, rgba(112,29,28,1) 0%, rgba(207,51,49,1) 100%);} #bstb_bb_lokschuppen_2 .multibox_standard .mb_linkausgabe:hover {color: var(--hauptfarbe_alternativ); background: none; background-color: var(--hell); box-shadow: 0 0 10px #000000c9;} #bstb_bb_start_werbung {background-image: url("/individuell/bilder/AdobeStock_423408426_kleiner_16zu9.jpg"); position: relative; background-attachment: fixed; background-position: center; background-size: cover; padding: 10vh 0;} #bstb_bb_start_werbung::before {content: ''; width: 100%; height: 100%; z-index: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; backdrop-filter: grayscale(1);} #bstb_bb_start_werbung>div {z-index: 1;} #bstb_bb_start_werbung .multibox_standard .bst_ue1_anordnung3 {color: var(--hell); font-size: 3rem; line-height: 4rem;} #bstb_bb_start_werbung .multibox_standard .bst_text_anordnung3 a {color: var(--hauptfarbe); font-size: 1rem; line-height: 1.55rem;} #bstb_bb_start_projekt {background-image: url("/individuell/bilder/Foto Bahnhofsturm_kleiner.jpg"); position: relative; background-attachment: scroll; background-position: center; background-size: cover; padding: 0; padding-bottom: 40vh;} #bstb_bb_start_projekt::before {content: ''; width: 100%; height: 100%; z-index: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgb(37,37,37); background: linear-gradient(0deg, rgba(37,37,37,1) 0%, rgba(37,37,37,1) 30%, rgba(37,37,37,0) 100%);} #bstb_bb_start_projekt>div {z-index: 1;} #bstb_bb_start_projekt .baustein_html_code_multi {width: 100%;} #bstb_bb_start_projekt .baustein_html_code_multi .textblock {width: 100%;} #bstb_bb_start_projekt .text_sticky_innerdiv {height: 140vh; width: 100%;} #bstb_bb_start_projekt .text_sticky_innerdiv h2 {position: -webkit-sticky; position: sticky; top: 50vh; text-align: center; font-size: 3rem; line-height: 4rem; color: white; text-transform: uppercase; letter-spacing: 4px; font-weight: 400; margin: 10vh 0 10vh 0;} #bstb_bb_start_projekt .text_sticky_innerdiv h2::after {content: ''; width: 40%; height: 5px; background-color: white; position: absolute; left: 30%; bottom: -5vh;} #bstb_bb_start_projekt .multibox_nebeneinander {align-self: flex-start;} #bstb_bb_start_projekt .multibox_nebeneinander .bst_mb_ein_bild_anordnung3 {aspect-ratio: 5/4;} #bstb_bb_start_projekt .multibox_nebeneinander .bst_ue1_anordnung3 {order: -1; justify-self: center; text-align: center; color: white; width: 100%;} #bstb_bb_start_projekt .multibox_nebeneinander .bst_text_anordnung3 {justify-self: center; text-align: center; color: white; margin-top: 20px;} #bstb_bb_start_projekt .multibox_nebeneinander .mb_linkausgabe {margin-top: 3vh; background-color: var(--hell); background: linear-gradient(0deg, rgba(112,29,28,1) 0%, rgba(207,51,49,1) 100%); justify-self: center;} #bstb_bb_start_projekt .multibox_nebeneinander .mb_linkausgabe:hover {color: var(--hauptfarbe_alternativ); background: none; background-color: var(--hell); box-shadow: 0 0 10px #000000c9;} #bstb_bb_start_service {margin-top: -35vh; width: 70vw !important; background: rgb(112,29,28); background: linear-gradient(0deg, rgba(112,29,28,1) 0%, rgba(207,51,49,1) 100%); border-radius: 40px; padding: 4vh 4vw; min-height: 60vh; z-index: 1; margin-bottom: 15vh;} #bstb_bb_start_service .baustein_html_code_multi {width: 100%;} #bstb_bb_start_service .baustein_html_code_multi .textblock {width: 100%;} #bstb_bb_start_service .baustein_html_code_multi .textblock h2 {text-align: center; font-size: 3rem; line-height: 4rem; color: white; text-transform: uppercase; letter-spacing: 4px; font-weight: 400; margin: 5vh 0 5vh 0; width: 100%; position: relative;} #bstb_bb_start_service .baustein_html_code_multi .textblock h2::after {content: ''; width: 30%; height: 5px; background-color: white; position: absolute; left: 35%; bottom: -3vh;} #bstb_bb_start_service .multibox_standard {position: relative; display: flex; justify-content: center; align-items: center; padding: 0; width: auto; margin: 3vh 2vw;} #bstb_bb_start_service .multibox_standard .bst_mb_bilder_anordnung3 {padding: 0; height: 20vh; width: 30vw; overflow: hidden; display: flex; justify-content: center; align-items: center; border-radius: var(--borderradius);} #bstb_bb_start_service .multibox_standard .bst_mb_ein_bild_anordnung3 {padding: 0;} #bstb_bb_start_service .multibox_standard .bst_mb_ein_bild_anordnung3 img {border: none;} #bstb_bb_start_service .multibox_standard .bst_ue1_anordnung3 {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; margin: 0; background-color: #ffffffb3; border-radius: var(--borderradius); font-weight: 600; font-size: 2rem; line-height: 2.6rem; transition: 0.2s;} #bstb_bb_start_service .multibox_standard:hover .bst_ue1_anordnung3 {background-color: #ffffffe8;} #bstb_bb_start_service .multibox_standard .mb_linkausgabe {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent; margin: 0;} #inhalt.inhalt_1 .bstb_intuitiv {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;} #inhalt .btn_html_style {display: flex; background-color: var(--hell); background: linear-gradient(0deg, rgba(112,29,28,1) 0%, rgba(207,51,49,1) 100%); padding: 10px 20px; justify-self: flex-start; color: var(--hell); border: none; border-radius: var(--borderradius); transition: 0.2s; font-size: 1rem; line-height: 1.4rem;} #inhalt .btn_html_style:hover {color: var(--hauptfarbe_alternativ); background: none; background-color: var(--hell); box-shadow: 0 0 10px #000000c9;} .v201_breiter_contentbereich {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;} #bilderleiste #mitglied_link {background-color: var(--hauptfarbe_alternativ); border-radius: var(--borderradius); position: fixed; z-index: 40; height: auto; right: 0; padding: 10px 20px 10px 5px; margin-right: -10px; writing-mode: vertical-lr; color: var(--zweitfarbe); letter-spacing: 1px; text-transform: uppercase; font-weight: 600; font-size: 0.9rem; line-height: 1.4rem; transition: 0.3s; box-shadow: 0px 0px 8px 0px #0a321e45; top: 2vh;} #bilderleiste #mitglied_link:hover {background-color: var(--zweitfarbe); color: var(--hauptfarbe_alternativ);} #inhalt .nurbild_global {background-color: transparent;justify-content: center; align-items: center;} #inhalt .nurbild_global .nurbild_bilderleiste {width: 100%;} #inhalt .nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten {background-color: white; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; padding: 10px; border-radius: 5px;} #inhalt .nurbild_global .nurbild_bilderleiste .nurbild_einzelbildkasten .bildunterschrift {padding: 5px 0 0 0;} /* Startseite Links Band */ .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber {padding: 50px; display: flex; flex-direction: column;} .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber .ausgabe_sliderlink {margin-top: 30px;} .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber .ausgabe_sliderlink a {max-width: 120px; text-align: center;} .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber h2 {font-weight: normal; font-size: 2.7rem; line-height: 3.5rem;} .btn_startseite {background-color: var(--hauptfarbe_alternativ); color: white; padding: 5px 10px; font-size: 1.1rem; line-height: 1.8rem; transition: 0.2s;} .btn_startseite:hover {background-color: var(--zweitfarbe); color: var(--hauptfarbe_alternativ);} .news_ausgabe {display: flex; flex-direction: column; justify-content: center; align-items: center;} #kv_wahlprogramme_startseite_links {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; font-family: sans-serif; width: 100%; background-color: #a0c864; color: white; margin-bottom: 20px;} #kv_wahlprogramme_startseite_links #links_startseite_ueberschrift {width: 100%; background-color: #a0c864; text-align: center; padding: 12px 20px; text-transform: uppercase; letter-spacing: 0.8px; font-size: 1.2rem; line-height: 1.6rem; color: #145f32; font-weight: bold;} #kv_wahlprogramme_startseite_links .links_wahlflyer_startseite {margin: 8px; flex: 1; color: white; padding: 8px 10px; text-transform: uppercase; letter-spacing: 0.8px; text-align: center; text-decoration: none; font-size: 1rem; font-weight: bold; transition: 0.3s; border-radius: 5px; background-color: #145f32;} #kv_wahlprogramme_startseite_links .links_wahlflyer_startseite:hover {color: #145f32; background-color: #ffe100;} #kv_wahlprogramme_startseite_links .links_wahlflyer_startseite:last-of-type {} #inhalt #kurztext_1_bausteine_1_978 {border: none; margin: 0;} #inhalt #kurztext_1_bausteine_1_978 p {margin: 0; font-size: 0.85rem; line-height: 1.2rem; font-family: 'Karla'} .links_landkreis_bund {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 40px;} .link_entdeckung_startseite {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; font-family: sans-serif; background-color: #f06464; text-decoration: none; color: white; text-align: center; transition: 0.3s; padding: 15px 25px; letter-spacing: 0.8px; font-weight: bold; border-radius: 10px; margin: 10px;} .link_entdeckung_startseite:hover {background-color: #cd5555;} .link_entdeckung_startseite:visited {color: white;} .link_bundeswahl {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; font-family: sans-serif; background-color: #145f32; text-decoration: none; color: white; text-align: center; transition: 0.3s; padding: 15px 25px; letter-spacing: 0.8px; font-weight: bold; border-radius: 10px; margin: 10px;} .link_bundeswahl:hover {background-color: #a0c864; color: #145f32;} .link_bundeswahl:visited {color: white;} #rahmen { padding: 0; } .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste .kurztext_einzelbildkasten .bildunterschrift { font-family: "PT Sans"; font-style: italic;} #div_site_suche_eingabe_id { width: calc((100% - 1200px) / 2); right: 0; top: 0; bottom: auto; left: auto; z-index: 5; height: 60px; padding: 0; border-radius: 0; display: flex; justify-content: center; align-items: center;} #div_site_suche_eingabe_id form {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 90%;} #div_site_suche_eingabe_id input#site_suche_eingabe_text_id {flex: 1; color: #003000 !important; margin-left: 0; margin-right: 8px; min-width: 140px;} /*#div_site_suche_eingabe_id input.sucheingabe_symbol {background-image: url("/individuell/bilder/websites_Lupe-Symbol.svg");}--*/ /* #navigation { box-shadow: none; height: 60px; background-color: transparent;} /* #navigation ul { width: 1070px; text-align: center; margin: -1px auto 0; padding: 12px 15px 0 15px; background-color: #003300; box-shadow: 0px 4px 8px #3c3c3c; display: flex; }*/ /* #navigation ul li { flex: 1 1 auto; margin: 0 0; justify-content: space-around; font-size: 0.85rem; line-height: 1.2rem; } #navigation ul {background-color: var(--hauptfarbe_alternativ);} #navigation ul li a { font-size: 0.85rem; line-height: 1.2rem; text-align: center;} #navigation ul li ul li { flex: none; font-size: 0.85rem; line-height: 1.2rem;} #navigation ul li a { font-family: 'Arvo'; /*text-transform: uppercase; letter-spacing: 1; *//*} #navigation ul li ul li a { font-family: 'PT Sans'; font-size: 0.85rem; line-height: 1.2rem; height: auto;} #navigation ul li ul { width: auto; text-align: left; margin: 0 0; background-color: var(--hauptfarbe_alternativ); box-shadow: 0px 0px 10px #0b341bc7; display: block; } #navigation a:hover, #navigation li a.aktiv {background-color: var(--zweitfarbe); color: var(--hauptfarbe_alternativ) !important; font-weight: bold; letter-spacing: 0;} #navigation.affix { border: none; } #navigation .indiv_navi_logopositionierer { display: none; } /* #navigation.affix .indiv_navi_logopositionierer { width: 1100px; margin-right: auto; margin-left: auto; position: relative; height: 28px; z-index: 1; overflow: visible; display: block; background: -moz-linear-gradient(45deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 100%); background: -webkit-linear-gradient(45deg, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%); background: linear-gradient(45deg, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ccffffff',GradientType=1 ); } #navigation img.indiv_logo_navi { height: 100px; } #navigation.affix img.indiv_logo_navi { position: absolute; top: -0px; } #navigation .logozuschnittrahmen { position: absolute; top: 0px; right: -30px; overflow: hidden; width: 100px; height: 100px; }*/ /*#navigation.affix .logozuschnittrahmen { position: absolute; top: -28px; overflow: hidden; height: 100px; }*/ /*#inhalt { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.4+0,0.4+100 */ /*background: -moz-linear-gradient(left, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.4) 100%); /* FF3.6-15 */ /*background: -webkit-linear-gradient(left, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.4) 100%); /* Chrome10-25,Safari5.1-6 */ /*background: linear-gradient(to right, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#66ffffff',GradientType=1 ); /* IE6-9 */ /*}*/ .aktivleiste_vorschau { background-color: transparent; padding: 0 18px;} .aktivleiste_vorschau div h3 { background-color: transparent; color: var(--hauptfarbe_alternativ); text-align: left; font-family: 'Lora';} .aktivleiste_vorschau #aktivleiste_innen_id {} .aktivleiste_vorschau .nurtext_global { padding: 5px; margin: 0 0 15px 0; } .aktivleiste_vorschau .kurztext_global { padding: 5px; margin: 0 0 15px 0; } .aktivleiste_vorschau .nurtext_text_div { background-color: transparent; } .aktivleiste_vorschau .nurtext_text_div p { font-size: 0.85rem; line-height: 1.2rem; font-family: 'Karla'} .aktivleiste_vorschau .nurtext_text_div p:last-child { margin-bottom: 0px; } /* #fuss {height: auto; bottom: 0px; background-color: var(--hell);} #fuss .fussinnen { color: #fff; height: auto; width: auto; text-align: center; margin: 0 auto; padding: 10px 0 0 0; } #fuss .fussinnen a { color: #fff; font-weight: normal; text-decoration: none; font-family: 'Arvo'; font-size: 0.85rem; line-height: 1.2rem; vertical-align: top; } #fuss .fussinnen a:hover { color: #ffee00; font-weight: normal; } #fuss #fuss_unten_infos p {margin: 0; font-family: 'Karla'} #fuss #fuss_gruene_kv {padding: 15px 0;} #fuss #fuss_konto {padding: 0 0 15px 0;} #fuss #mobil_button { margin: 0px; background-color: transparent; background-image: none; border: none; height: auto; color: #fff; font-family: 'Arvo'; font-size: 0.85rem; line-height: 1.2rem;} #fuss #mobil_button:hover { cursor: pointer; color: #ffee00; } */ /* --- Bausteine ----------------------------------------------------------------------------- */ /* #inhalt .kurztext_global, #inhalt .nurtext_global { background-color: transparent; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.4+0,0.4+100 */ /* background: -moz-linear-gradient(left, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.4) 100%); /* FF3.6-15 */ /* background: -webkit-linear-gradient(left, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.4) 100%); /* Chrome10-25,Safari5.1-6 */ /* background: linear-gradient(to right, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#66ffffff',GradientType=1 ); /* IE6-9 */ /* }*/ #inhalt .nurbild_global img { } #inhalt .kurztext_global {background-color: #ffffffe6; border-radius: var(--borderradius); margin: 30px 0; width: 100%; max-width: 650px; padding: 0; box-shadow: 0px 5px 20px 0px #3f040459;} #inhalt .kurztext_global h3 {font-size: 1.2rem; line-height: 1.6rem; background-color: var(--hauptfarbe); padding: 15px 140px 15px 20px; color: var(--hell); margin: 0; font-weight: 400; font-family: 'Lora';} #inhalt .kurztext_global .kurztext_text_div p, #inhalt .nurtext_global .nurtext_text_div p, #inhalt .kurztext_global .kurztext_text_div li, #inhalt .nurtext_global .nurtext_text_div li {font-size: 0.95rem; line-height: 1.3rem; font-weight: 500; font-family: 'Karla'; margin: 8px 0;} #inhalt .kurztext_global .kurztext_erstellungsinfo {font-size: 0.85rem; line-height: 1.1rem; font-weight: 500; color: var(--hauptfarbe); font-family: 'Karla'; padding: 6px 18px;} #inhalt .aktivleiste_vorschau .datei_download_multi {background-color: #ffffffe6; border-radius: var(--borderradius); margin: 0 0 20px 0; padding: 10px 15px; width: calc(100% - 30px);} #inhalt .aktivleiste_vorschau .datei_download_multi h3 {font-size: 1rem; line-height: 1.5rem; font-weight: 400; border-radius: var(--borderradius); margin: -10px -15px 0 -15px; padding: 10px 15px; background-color: var(--hauptfarbe_dunkelhinterg); color: var(--hell); border-bottom-left-radius: 0; border-bottom-right-radius: 0; font-family: 'Lora';} #inhalt .aktivleiste_vorschau .datei_download_multi .download_beschreibung {padding: 10px 0 0 0;} #inhalt .aktivleiste_vorschau .datei_download_multi .download_beschreibung p {font-family: 'Karla'; font-size: 0.95rem; line-height: 1.3rem; font-weight: 500;} .kurztext_global .kurztext_nur_der_text {padding: 15px; font-size: 0.95rem; line-height: 1.3rem; font-weight: 500; font-family: 'Karla';} .kurztext_global .kurztext_nur_der_text a {color: var(--hauptfarbe);} .kurztext_global .kurztext_nur_der_text a:hover {color: var(--hauptfarbe_alternativ); text-decoration: underline;} .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste .kurztext_einzelbildkasten .bildausgabe input[type="image"] {border-radius: 5px; width: auto; max-width: 100%;} .kurztext_global .kurztext_nur_der_text .kurztext_text_div {font-size: 0.95rem; line-height: 1.3rem; letter-spacing: -0.3px;} .kurztext_global .kurztext_nur_der_text .kurztext_text_div p {font-family: 'Karla'} .baustein_html_code_multi { display: block; } .baustein_html_code_multi .textblock { float: none; display: flex; justify-content: center;} /*----- Ausgabe News Detail ------*/ #vorlage642 {max-width: 1200px; margin: 0 auto;} #vorlage642_zurueck_button input[type="submit"] {border: 2px solid var(--hauptfarbe); border-radius: var(--borderradius); background-color: white; padding: 6px 18px; font-size: 0.95rem; line-height: 1.3rem; font-weight: 600; font-family: 'Karla'; transition: 0.2s;} #vorlage642_zurueck_button input[type="submit"]:hover {background-color: var(--hauptfarbe); color: white;} /* --- Bildbaustein auf Startseite ----------------------------------------------------------------------------- */ #inhalt.inhalt_1 .nurbild_global { margin: 0 0 0 0; padding: 0 0 0 0; } #inhalt.inhalt_1 .nurbild_global .nurbild_bilderleiste { margin: 0 0 0 0; padding: 0 0 0 0; } #inhalt .nurbild_global .nurbild_bilderleiste li {margin: 0;} #inhalt.inhalt_1 .nurbild_global .nurbild_einzelbildkasten { margin: 0 0 0 0; padding: 0 0 0 0; } #inhalt.inhalt_1 .nurbild_global .animation_wrap { margin: 0 0 0 0; padding: 0 0 0 0; } #inhalt.inhalt_1 .nurbild_global .animation_wrap ul li { margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; liste-style-type: none; } #inhalt #kurztext_1_bausteine_1_1151 {margin: 0; padding: 0;} #inhalt #kurztext_1_bausteine_1_1151 h1 {margin: 0; padding: 0;} #inhalt .aktivleiste_vorschau #aktivleiste_innen_id .kurztext_global {padding: 10px 15px; width: calc(100% - 30px); box-shadow: 0px 0px 8px 0px #0a321e45; margin: 0 0 20px 0; background-color: #ffffffe6; border-radius: 10px;} #inhalt .aktivleiste_vorschau #aktivleiste_innen_id .kurztext_global h3 {margin: -10px -15px 0 -15px; padding: 10px 15px; background-color: var(--hauptfarbe_dunkelhinterg); color: var(--hell); font-family: 'Lora';} #inhalt .aktivleiste_vorschau #aktivleiste_innen_id .kurztext_global .kurztext_nur_der_text { padding: 0; padding-top: 10px;} #inhalt .aktivleiste_vorschau #aktivleiste_innen_id .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste {max-width: 100%; width: auto !important;} /*----- Veranstaltungen ------------------------------------------------------------*/ .m_ver_admin_bearbeitungsmoeglichkeiten { background-color: #D9D9D9; margin: 5px 0px 15px 0px; } .m_ver_tag_veranstaltungstitel { z-index: 1; background-color: #fff; padding: 2px;} #m_ver_liste_kurzausgabe { width: 100%; padding: 4%;} #inhalt .m_ver_kurzausgabe_monat h2 { border: none; background-color: var(--hauptfarbe_alternativ); color: #fff; padding: 8px; margin: 0 0 8px 0; font-size: 0.85rem; line-height: 1.2rem; width: auto;} #inhalt .m_ver_kurzausgabe_datum { margin-left: 0px; } #inhalt .m_ver_kurzausgabe_tag h3 { font-size: 0.85rem; line-height: 1.2rem; line-height: 20px; color: #000; font-family: 'Lora';} #inhalt .m_ver_kurzausgabe_rubrik { color: #003000; } #m_ver_liste_kurzausgabe h3 a { color: #000; font-family: 'Lora';} #inhalt .m_ver_bausteinkasten_veranst_kurz {font-size: 0.85rem; line-height: 1.2rem; margin: 15px 0 15px 0; padding: 0 0 0 0; background-color: transparent; } #inhalt .m_ver_bausteinkasten_veranst_kurz .m_ver_ausgabe_zweite_zeile { background-color: #EFEFEF; } #inhalt .m_ver_bausteinkasten_veranst_kurz .m_ver_baustein_datum { min-width: 160px; } #inhalt .aktivleiste_vorschau .m_ver_bausteinkasten_veranst_kurz { font-size: 0.85rem; line-height: 1.2rem; margin: 30px 0 25px 0; padding: 0 0 0 0; background-color: var(--hauptfarbe_dunkelhinterg); text-align: center; box-shadow: 0px 0px 8px 0px #0a321e45; border-radius: var(--borderradius); overflow: hidden;} #inhalt .aktivleiste_vorschau .m_ver_bausteinkasten_veranst_kurz h3 {margin: 0; padding: 10px; text-align: center; background-color: var(--hauptfarbe); color: white; font-weight: normal; letter-spacing: 1px; font-family: 'Lora';} #inhalt .aktivleiste_vorschau .m_ver_bausteinkasten_veranst_kurz .m_ver_baustein_veranstaltungskalender_link_alle_anzeigen {display: flex; justify-content: center; align-items: center;} #inhalt .aktivleiste_vorschau .m_ver_bausteinkasten_veranst_kurz .m_ver_baustein_veranstaltungskalender_link_alle_anzeigen a {color: white; background-color: var(--hauptfarbe); padding: 3px 8px; margin: 10px 0; transition: 0.2s;} #inhalt .aktivleiste_vorschau .m_ver_bausteinkasten_veranst_kurz .m_ver_baustein_veranstaltungskalender_link_alle_anzeigen a:hover {color: var(--zweitfarbe)} #inhalt .aktivleiste_vorschau .m_ver_bausteinkasten_veranst_kurz .m_ver_ausgabe_zweite_zeile { background-color: var(--hell_transparent); } #inhalt .aktivleiste_vorschau .m_ver_bausteinkasten_veranst_kurz .m_ver_baustein_datum { font-size: 0.85rem; line-height: 1.2rem; width: auto; float: none; display: block; } #inhalt .aktivleiste_vorschau .m_ver_bausteinkasten_veranst_kurz .m_ver_baustein_eine_veranst_kurz { padding: 8px 15px; } #inhalt .aktivleiste_vorschau .m_ver_bausteinkasten_veranst_kurz .m_ver_baustein_eine_veranst_kurz a { text-decoration: none; color: var(--hauptfarbe_alternativ); font-weight: bold; letter-spacing: 0.5px; background-color: transparent;} #inhalt .aktivleiste_vorschau .m_ver_bausteinkasten_veranst_kurz .m_ver_baustein_eine_veranst_kurz a:hover { text-decoration: underline; color: var(--dunkel); font-weight: bold; letter-spacing: 0.5px;} #inhalt .aktivleiste_vorschau .m_ver_bausteinkasten_veranst_kurz .m_ver_baustein_titel { font-size: 0.85rem; line-height: 1.2rem; padding-left: 0; } #inhalt .m_ver_detailausgabe, #inhalt .m_ver_detailausgabe p { font-size: 0.85rem; line-height: 1.2rem; font-family: 'Karla'} /* Kurztexte in Aktivleiste */ #inhalt .aktivleiste_vorschau .kurztext_global {} #inhalt .aktivleiste_vorschau h3 {font-family: 'Lora';} #inhalt .aktivleiste_vorschau #aktivleiste_innen_id {display: flex; flex-direction: column;} /* --- Newsausgabeseite ----------------------------------------------------------------------------- */ /* #news_ausgabe_weitere div.news_bausteine { margin: 8px 0 8px 0; padding: 8px; } #news_ausgabe_weitere {padding: 15px; justify-content: space-around;} #inhalt #news_ausgabe_weitere div.news_bausteine .kurztext_nur_der_text .kurztext_text_div { font-size: 0.9rem; line-height: 1.2rem; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; font-family: 'PT sans', sans-serif; }*/ /* #inhalt #news_ausgabe_weitere .kurztext_global {box-shadow: 0px 0px 6px 0px #869461; border: none;} --*/ /* #inhalt #news_ausgabe_weitere .kurztext_global, #inhalt #news_ausgabe_weitere .nurtext_global {align-content: flex-start;} #inhalt #news_ausgabe_weitere .nurbild_global img { } #inhalt .nurtext_global {padding: 0; margin: 20px 0;} */ /* #inhalt #news_ausgabe_weitere .kurztext_global h3 {color: white; font-family: 'Lora'; font-size: 1rem; line-height: 1.4rem; font-weight: normal;} #inhalt #news_ausgabe_weitere .kurztext_global .kurztext_text_div p, #inhalt #news_ausgabe_weitere .nurtext_global .kurztext_text_div p, #inhalt #news_ausgabe_weitere .kurztext_global .kurztext_text_div li, #inhalt #news_ausgabe_weitere .nurtext_global .kurztext_text_div li { font-size: 1rem; line-height: 1.15rem; } #inhalt #news_ausgabe_weitere .kurztext_global .kurztext_erstellungsinfo {position: relative; top: unset; background-color: var(--hauptfarbe); right: unset; font-family: 'Karla'; font-size: 0.8rem; line-height: 1.2rem; width: auto; padding: 5px 10px;} #inhalt #news_ausgabe_weitere div.news_bausteine .kurztext_einzelbildkasten { background-color: var(--hauptfarbe_dunkelhinterg); height: auto !important; border-radius: 5px;} */ /* hellgrün #C4D782 */ /*---- Vorlage 2011 ---- Kurztext Bausteine auf den Navigationsübersichtsseiten ------------------------------------------------------------------------*/ #inhalt a.seitenlink_auf_baustein { background-image: none; margin: 0 0 0 0; padding: 0 0 0 0; } #inhalt a:hover.seitenlink_auf_baustein {margin: 0 0 0 0; padding: 0 0 0 0; background-image: url(../../bilder/weisse-ueberblendung-kacheln.png); } #inhalt .v201_breiter_contentbereich .nurtext_global { margin: 0; padding: 0; background: none; border: none; } #inhalt .v201_breiter_contentbereich .kurztext_global { width: 970px; } #inhalt .v201_breiter_contentbereich .naviuebersichtsseiten_kt { width: 300px; height: 230px; display: flex; vertical-align: center; border: 1px solid #bbb; margin: 0px 10px 10px 0; padding: 10px; box-shadow: 0px 4px 3px #aaa; overflow: hidden; } #inhalt .v201_breiter_contentbereich .naviuebersichtsseiten_kt h2, #inhalt .naviuebersichtsseiten_kt h3 { padding: 0 0 0 0; font-weight: bold; border: none; font-size: 1.2rem; line-height: 1.6rem; color: #3c3c3c; background-image: none; background-color: transparent; margin:0; text-align: center; font-family: 'Lora';} #inhalt .v201_breiter_contentbereich .naviuebersichtsseiten_kt h6 {font-size: 0.85rem; line-height: 1.2rem; color: #484848; margin: 0 0 0 0; font-weight: normal; } #inhalt .v201_breiter_contentbereich .naviuebersichtsseiten_kt .kurztext_bilderleiste { display: none; } #inhalt .v201_breiter_contentbereich .naviuebersichtsseiten_kt .kurztext_nur_der_text {padding-top: 20px;} #kurztext_24_bausteine_1_406:hover {background-color: #8aabff; transition: 0.8s;} #kurztext_24_bausteine_1_405:hover {background-color: #79d230; transition: 0.8s;} #kurztext_24_bausteine_1_409:hover {background-color: #ffff55; transition: 0.8s;} #kurztext_24_bausteine_1_410:hover {background-color: #ffa65f; transition: 0.8s;} #kurztext_24_bausteine_1_411:hover {background-color: #cb97ff; transition: 0.8s;} #kurztext_24_bausteine_1_412:hover {background-color: #b0f2ff; transition: 0.8s;} /*#inhalt .v201_breiter_contentbereich .naviuebersichtsseiten_kt .kurztext_bilderleiste { position: absolute; right: 0px; top: 0px; margin: 0 0 0 0; } #inhalt .v201_breiter_contentbereich .naviuebersichtsseiten_kt .kurztext_einzelbildkasten { margin: 0; padding: 0; } #inhalt .v201_breiter_contentbereich .naviuebersichtsseiten_kt .kurztext_text_div { margin: 85px 0 10px 10px; padding-top: 0px; } #inhalt .v201_breiter_contentbereich .naviuebersichtsseiten_kt .kurztext_text_div p { font-size: 11px; line-height: 14px; color: #3c3c3c; }*/ #inhalt .v201_breiter_contentbereich .kurztext_global p { font-size: 0.85rem; line-height: 1.2rem; line-height: 1rem; margin: 3px 0 3px 0; text-align: center; font-family: 'Karla'} #inhalt .v201_breiter_contentbereich .kurztext_global ul { margin: 0 0 0 0; padding: 0 0 0 25px; } #inhalt .v201_breiter_contentbereich .kurztext_global li { } .div_bs_bearbeitungs_btns { position:relative; min-height: 55px; min-width: 160px; display: inline-block; vertical-align: top; width: auto !important;} .baustein_im_baustein .div_bs_bearbeitungs_btns { display: block; } /*-- ENDE CSS Vorlage 2011 ------------------------------------------------------------------------------------------------------------*/ #inhalt.inhalt_69 .bausteinbereich {display: flex; flex-wrap: wrap;} #inhalt.inhalt_69 .bausteinbereich .nurbild_global {flex: 1; min-width: max-content;} /* --- Adminbox ----------------------------------------------------------------------------- */ #verschiebbare_spezialbox { background-color: transparent; border: 1px solid #003000; background-image: url(../../../bilder/halbtransparenter_hinterg_stark.png); padding: 5px 10px 5px 10px; font-size: 0.85rem; line-height: 1.2rem; width: 300px;} #verschiebbare_spezialbox a { color: #fff; text-decoration: none; font-size: 0.85rem; line-height: 1.2rem;} #verschiebbare_spezialbox a:hover { text-decoration: underline; font-weight: normal; cursor: pointer; } #verschiebbare_spezialbox #verschiebbare_spezialbox_kopf {background-color: var(--hauptfarbe_alternativ); margin: -5px -10px 10px -10px; color: #fff;} #navi_mobile_2020 {background-color: var(--hauptfarbe_alternativ);} #navi_mobile_2020 #navi_mobile_2020_inhalt #logo_in_navi {display: none;} #navi_mobile_2020 #navi_mobile_2020_inhalt ul li ul {background-color: var(--hauptfarbe);} #navi_mobile_2020 #navi_mobile_2020_burgermenu {background-color: var(--hell);} #navi_mobile_2020 #navi_mobile_2020_burgermenu #burgermenu_menu_text {color: #701d1c29;} #navi_mobile_2020 #navi_mobile_2020_burgermenu #burgermenu_button {background-image: url(/bilder/button_mobil/burgermenu_symbol_rgb80.svg); opacity: 0.35;} #navigation {background-color: white; height: 12vh; order: 1; transition: 0.3s; padding: 15px 60px; width: calc(100% - 120px); justify-content: space-between; position: -webkit-sticky; position: sticky; top: 0; box-shadow: 0px 4px 20px 0px #390606b3;} #navigation.scrolled_down {padding: 10px 60px; height: 6vh; background-color: white;} #navigation ul {width: auto; height: auto;} #navigation ul li {position: relative; display: flex; flex-direction: column;} #navigation ul li ul {background: white; position: absolute; top: 45px; min-width: 70%; box-shadow: 0px 8px 8px 0px #390606b3; right: unset; margin-right: 0; display: flex; flex-direction: column; padding: 0 15px; border-bottom-left-radius: var(--borderradius); border-bottom-right-radius: var(--borderradius);} #navigation ul li ul li a {text-transform: none; letter-spacing: 0; padding: 15px 15px 8px 15px; font-family: 'Karla'; height: auto;} #navigation ul li a {color: var(--hauptfarbe); font-weight: 600; font-size: 1.05rem; padding: 13px 18px; font-family: sans-serif; text-transform: uppercase; font-family: 'Lora';} #navigation ul li a:hover {color: var(--zweitfarbe);} #navigation ul li a.aktiv {color: var(--hauptfarbe_alternativ);} #navigation ul li a.aktiv:hover {color: var(--zweitfarbe);} #navigation ul li a:before {content: ""; position: absolute; left: 51%; right: 51%; bottom: 0; background: var(--zweitfarbe); height: 5px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} #navigation ul li a:hover:before {left: 0; right: 0;} #navigation #logo_in_navi {height: 100%;} #navigation #logo_in_navi img {height: 100%;} #vorl_501_kachelnavi {padding: 0 15vw;} #bausteinbereich_navigationskacheln #bausteinbereiche_bausteine_1 {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; margin-bottom: 40px;} #bausteinbereich_navigationskacheln #bausteinbereiche_bausteine_1 .kurztext_global {margin: 0; padding: 0; width: 100% !important; height: auto !important; padding-bottom: 75%; border-radius: 20px;} #bausteinbereich_navigationskacheln #bausteinbereiche_bausteine_1 .kurztext_global:hover {box-shadow: 0px 5px 6px 0px #3f0404d9;} #inhalt #bausteinbereich_navigationskacheln .kurztext_global .kurztext_nur_der_text {padding: 0; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden;} #inhalt #bausteinbereich_navigationskacheln .kurztext_global h3 {position: absolute; color: white; text-align: center; font-family: 'Lora'; /*font-size: calc(28px + (34 - 28) * ((100vw - 300px) / (1920 - 300))); line-height: calc(34px + (48 - 34) * ((100vw - 300px) / (1920 - 300)));*/ letter-spacing: 0.5px; margin: 0; height: 74%; padding-top: 20%; transition: 0.3s; text-shadow: 0 0 14px black; background-color: #701d1cab; font-size: 1.8rem; font-weight: 500; line-height: 2.2rem;} #inhalt #bausteinbereich_navigationskacheln .kurztext_global:hover h3 {background-color: #000000bf; cursor: pointer;} #inhalt #bausteinbereich_navigationskacheln .kurztext_global .kurztext_nur_der_text .kurztext_text_div {position: absolute; padding-left: 0 !important; opacity: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: flex-end;} #inhalt #bausteinbereich_navigationskacheln .kurztext_global .kurztext_nur_der_text .kurztext_text_div p {color: white; text-align: center; padding: 6%; transition: 0.3s; font-family: 'Karla'} #inhalt #bausteinbereich_navigationskacheln .kurztext_global:hover .kurztext_nur_der_text .kurztext_text_div {opacity: 1;} #inhalt #bausteinbereich_navigationskacheln .kurztext_global .kurztext_bilderleiste {float: none; width: 100% !important; height: 100%;} #inhalt #bausteinbereich_navigationskacheln .kurztext_global .kurztext_einzelbildkasten {width: 100%; height: 100%;} #inhalt #bausteinbereich_navigationskacheln .kurztext_global .kurztext_bilderleiste .bildausgabe {width: 100%; height: 100%;} #inhalt #bausteinbereich_navigationskacheln .kurztext_global .kurztext_bilderleiste .bildausgabe input[type="image"] {width: 100%; height: 100%; object-fit: cover;} #fuss {display: flex; flex-wrap: wrap; background-color: white; justify-content: flex-end;} #fuss .fuss_erstezeile {display: flex; flex-wrap: wrap; width: 100%; margin: 4vh 0 1vh 0; justify-content: space-around; padding: 0 10vw 0 5vw;} #fuss #logo_in_fuss {width: 80%; max-width: 350px;} #fuss #logo_in_fuss img {width: 100%;} #fuss .fuss_linksammlung {display: flex; justify-content: center; align-items: flex-end; flex: 1;} #fuss .fuss_linksammlung a {text-transform: uppercase; font-family: 'Lora'; font-size: 1rem; line-height: 1.6rem; color: var(--hauptfarbe_alternativ); letter-spacing: 3px; padding: 0 2vw; transition: 0.2s; font-weight: 500;} #fuss .fuss_linksammlung a:hover {color: var(--hauptfarbe); letter-spacing: 1px;} #fuss .fuss_hilfe {display: flex; justify-content: center; align-items: flex-end;} #fuss .fuss_hilfe a {font-size: 1rem; line-height: 1.6rem; color: var(--hell); letter-spacing: 0.5px; padding: 5px 20px; transition: 0.2s; font-weight: 300; background-color: var(--hauptfarbe); border-radius: 20px;} #fuss .fuss_hilfe a:hover {background-color: var(--hauptfarbe_alternativ);} #fuss #loginbox {background-color: transparent; padding: 0; margin: 1.5vh 0 5px 0;} #fuss #loginbox a {background-color: transparent; color: var(--hauptfarbe);} #fuss #loginbox .loginbox_info_eingeloggt_als input[type="submit"] {font-size: 0.7rem; letter-spacing: 0.5px;} #sohle {order: 5; background-color: white; width: calc(100% - 20px); display: flex; justify-content: center; align-items: center; padding: 10px; color: var(--hauptfarbe);} #sohle a {padding: 0 5px; color: var(--hauptfarbe); transition: 0.2s;} #sohle a:hover {color: var(--hauptfarbe_alternativ);} #back_to_top_btn {bottom: 9vh; display: none; position: fixed; right: 4vw; z-index: 1000;font-size: 0.8rem;border: none; outline: none;background-color: var(--hellgrau); color: white;cursor: pointer;padding: 16px 12px;border-radius: 50%; transition: 0.3s; animation: fadeEffect 0.8s;} @media screen and (max-height: 890px) { #inhalt {padding: 0;} .inhalt_1 #vorl200_sprungmarken_bausteinbereiche {top: 0; left: unset; width: auto; justify-content: center; align-items: center; padding-top: 3vh;} .inhalt_1 #vorl200_sprungmarken_bausteinbereiche li a {margin: 8px;} #bstb_bb_start_willkommen {order: unset; padding-top: 8vh;} } @media screen and (max-width: 1650px) and (min-width: 992px) { #bstb_bb_start_willkommen .multibox_standard .bst_ue1_anordnung3 {font-size: 3rem; line-height: 4rem;} #bstb_bb_start_willkommen .multibox_standard .bst_text_anordnung3 {width: 100%; max-width: 45vw;} #bstb_bb_start_aktuelles .news_ausgabe {justify-content: space-around;} #bstb_bb_start_aktuelles .news_ausgabe .kurztext_global {min-width: 375px; margin: 40px 15px;} #bstb_bb_lokschuppen_2 .multibox_standard .bst_ue1_anordnung3 {font-size: 2.4rem; line-height: 3.2rem;} #bstb_bb_start_werbung .multibox_standard .bst_ue1_anordnung3 {font-size: 2.4rem; line-height: 3.2rem;} #bstb_bb_start_projekt .multibox_nebeneinander {grid-template-columns: 30vw;} /* #div_site_suche_eingabe_id {top: -60px; right: calc((100% - 1200px) / 2); width: 300px;} #inhalt .aktivleiste_vorschau {} */ } @media screen and (max-width: 1320px) and (min-width: 992px) { #bstb_bb_start_willkommen .multibox_standard {width: 85vw;} #bstb_bb_start_willkommen .multibox_standard .bst_ue1_anordnung3 {font-size: 2.4rem; line-height: 3.2rem;} #bstb_bb_lokschuppen_2 .multibox_standard .bst_ue1_anordnung3 {font-size: 2rem; line-height: 2.6rem;} #bstb_bb_start_werbung .multibox_standard .bst_ue1_anordnung3 {font-size: 2rem; line-height: 2.6rem;} #bstb_bb_start_projekt .multibox_nebeneinander {grid-template-columns: 40vw;} /* #div_site_suche_eingabe_id {top: -60px; right: 4%; width: 23%; min-width: 200px;} */ } @media screen and (max-width: 992px) and (min-width: 768px) { #navigation {padding: 10px 25px; width: calc(100% - 50px); height: 6vh;} #navigation.scrolled_down {padding: 10px 25px; width: calc(100% - 50px);} #navigation ul li a {font-size: 0.85rem; line-height: 1.3rem;} #inhalt {padding: 0;} .inhalt_1 #vorl200_sprungmarken_bausteinbereiche {top: 0; left: unset; width: auto; justify-content: center; align-items: center; padding-top: 3vh;} .inhalt_1 #vorl200_sprungmarken_bausteinbereiche li a {margin: 5px;} #bstb_bb_start_willkommen {order: unset; padding-top: 15vh;} #bstb_bb_start_willkommen .multibox_standard {width: 85%; grid-template-columns: 1fr; padding-bottom: 5vh;} #bstb_bb_start_willkommen .multibox_standard .bst_mb_bilder_anordnung3 {grid-column-start: 1; padding-top: 0; padding-bottom: 0; grid-row-start: 2;} #bstb_bb_start_willkommen .multibox_standard .bst_mb_ein_bild_anordnung3 {width: 100%;} #bstb_bb_start_willkommen .multibox_standard .bst_mb_ein_bild_anordnung3::after {height: 82%; width: 82%;} #bstb_bb_start_willkommen .multibox_standard .bst_ue1_anordnung3 {font-size: 3rem; line-height: 4rem; margin-left: 0; padding-left: 0; margin-top: 2vh; justify-self: center; text-align: center;} #bstb_bb_start_willkommen .multibox_standard .bst_text_anordnung3 {width: auto; justify-self: center; text-align: center;} #bstb_bb_start_willkommen .multibox_standard .bst_text_anordnung3 p {font-size: 1.4rem; line-height: 2rem;} #bstb_bb_start_willkommen .baustein_html_code_multi .textblock h2 {font-size: 3rem; line-height: 4rem;} #bstb_bb_start_aktuelles h2 {transform: unset; font-size: 2rem; nline-height: 3.2rem; width: auto; margin-top: 4vh;} #bstb_bb_start_aktuelles .nurtext_global {height: auto; width: 100%;} #bstb_bb_start_aktuelles .nurtext_global .nurtext_text_div {width: auto;} #bstb_bb_start_aktuelles .news_ausgabe .kurztext_global .kurztext_erstellungsinfo {top: -2.5vh; color: var(--hell);} #bstb_bb_start_aktuelles .news_ausgabe {width: 100%; padding: 0 10vw;} #bstb_bb_start_aktuelles .news_ausgabe .kurztext_global {max-width: 100%; margin-top: 8vh;} #bstb_bb_start_aktuelles .baustein_html_code_multi {width: 100%; padding: 5vh 0;} #bstb_bb_start_lokschuppen .multibox_standard {width: 85%; grid-template-columns: 1fr;} #bstb_bb_start_lokschuppen .multibox_standard .bst_mb_bilder_anordnung3 {grid-column-start: 1; justify-self: center; width: 25vw;} #bstb_bb_start_lokschuppen .multibox_standard .bst_ue1_anordnung3 {font-size: 3rem; line-height: 4rem; margin-left: 0; padding-left: 0; margin-top: 2vh; justify-self: center; text-align: center;} #bstb_bb_start_lokschuppen .multibox_standard .bst_text_anordnung3 {width: auto; justify-self: center; text-align: center;} #bstb_bb_start_lokschuppen .multibox_standard .bst_text_anordnung3 p {font-size: 1.4rem; line-height: 2rem;} #bstb_bb_start_lokschuppen .multibox_standard .mb_linkausgabe {justify-self: center;} #bstb_bb_lokschuppen_2 {padding-bottom: 5vh;} #bstb_bb_lokschuppen_2 .multibox_standard {grid-template-columns: auto; width: 100%; padding: 0;} #bstb_bb_lokschuppen_2 .multibox_standard .bst_mb_bilder_anordnung3 {width: 80%; height: auto; justify-self: center; margin: 0; border-radius: 20px; grid-row-start: 2; margin-bottom: 5vh;} #bstb_bb_lokschuppen_2 .multibox_standard .bst_ue1_anordnung3 {grid-column-start: 1; grid-column-end: 2; font-size: 3rem; line-height: 4rem; margin-left: 0; padding-left: 0; margin-top: 2vh; justify-self: center; text-align: center;} #bstb_bb_lokschuppen_2 .multibox_standard .bst_text_anordnung3 {grid-column-start: 1; grid-column-end: 2; width: 85%; justify-self: center; } #bstb_bb_lokschuppen_2 .multibox_standard .bst_text_anordnung3 p {text-align: center; font-size: 1.4rem; line-height: 2rem;} #bstb_bb_lokschuppen_2 .multibox_standard .mb_linkausgabe {grid-column-start: 1; grid-column-end: 2; justify-self: center;} #bstb_bb_start_werbung {padding: 5vh 0;} #bstb_bb_start_werbung .multibox_standard {grid-template-columns: auto; width: 85%; padding: 0; margin: 0;} #bstb_bb_start_werbung .multibox_standard .bst_mb_bilder_anordnung3 {width: 80%; height: auto; justify-self: center; margin: 0; border-radius: 20px; grid-row-start: 2; margin-bottom: 5vh;} #bstb_bb_start_werbung .multibox_standard .bst_ue1_anordnung3 {grid-column-start: 1; grid-column-end: 2; font-size: 3rem; line-height: 4rem; margin-left: 0; padding-left: 0; margin-top: 2vh; justify-self: center; text-align: center;} #bstb_bb_start_werbung .multibox_standard .bst_text_anordnung3 {grid-column-start: 1; grid-column-end: 2; width: 85%; justify-self: center; } #bstb_bb_start_werbung .multibox_standard .bst_text_anordnung3 p {text-align: center; font-size: 1.4rem; line-height: 2rem;} #bstb_bb_start_werbung .multibox_standard .mb_linkausgabe {grid-column-start: 1; grid-column-end: 2; justify-self: center;} #bstb_bb_start_projekt {background-position: center 0; background-size: 150vh;} #bstb_bb_start_projekt::before {background: linear-gradient(0deg, rgba(37,37,37,1) 0%, rgba(37,37,37,1) 50%, rgba(37,37,37,0) 100%);} #bstb_bb_start_projekt .text_sticky_innerdiv {height: 100vh;} #bstb_bb_start_projekt .text_sticky_innerdiv h2 {font-size: 3rem; line-height: 4rem;} #bstb_bb_start_projekt .multibox_nebeneinander {width: 85%; grid-template-columns: 100%;} #bstb_bb_start_projekt .multibox_nebeneinander .bst_ue1_anordnung3 {font-size: 3rem; line-height: 4rem;} #bstb_bb_start_projekt .multibox_nebeneinander .bst_text_anordnung3 p {font-size: 1.4rem; line-height: 2rem;} #bstb_bb_start_service {margin-bottom: 10vh;} #bstb_bb_start_service .baustein_html_code_multi .textblock h2 {font-size: 2.5rem; line-height: 3rem; margin: 2vh 0;} #bstb_bb_start_service .baustein_html_code_multi .textblock h2::after {content: ''; width: 50%; height: 3px; left: 25%; bottom: -2vh;} #bstb_bb_start_service .multibox_standard { margin: 3vh 0 0 0;} #bstb_bb_start_service .multibox_standard .bst_mb_bilder_anordnung3 {width: 100%; height: 15vh;} #bstb_bb_start_service .multibox_standard .bst_ue1_anordnung3 {font-size: 2rem; line-height: 2.6rem;} #vorl_501_kachelnavi {padding: 0 5vw;} #inhalt #bausteinbereich_navigationskacheln .kurztext_global .kurztext_nur_der_text .kurztext_text_div {opacity: 1;} .multibox_standard {grid-template-columns: 1fr; padding: 0 5vw;} .multibox_standard .bst_ue1_anordnung3 {grid-column-start: 1; order: -1;} .multibox_standard .bst_text_anordnung3 {grid-column-start: 1; width: 100%;} .multibox_standard .bst_mb_bilder_anordnung3 {width: 100%; max-width: 400px; grid-row-start: 2; margin: 2vh 0;} .multibox_nebeneinander {grid-template-columns: 1fr; padding: 0 5vw; margin: 6vh 0;} .multibox_nebeneinander .bst_mb_bilder_anordnung3 {max-width: 400px;} .multibox_nebeneinander .bst_text_anordnung3 {max-width: unset;} .multibox_bild {grid-template-columns: 1fr; padding: 0 5vw; margin: 6vh 0; width: calc(100% - 10vw);} .multibox_bild .bst_text_anordnung3 {width: 100%; overflow-x: auto;} #inhalt .kurztext_global {margin: 5vh 5vw;} #fuss .fuss_erstezeile {justify-content: center; align-items: center; padding: 2vh 3vw; width: calc(100% - 6vw);} #fuss #logo_in_fuss {margin-bottom: 3vh;} #fuss .fuss_linksammlung {flex-direction: column; align-items: center; width: 100%; flex: unset;} #fuss .fuss_linksammlung a {font-size: 0.85rem; line-height: 1.3rem; padding: 6px 0;} #fuss .fuss_hilfe {margin-top: 3vh;} #fuss #loginbox {display: none;} } @media screen and (max-width: 768px) { #inhalt {padding: 0;} #inhalt.inhalt_1 {display: flex; flex-direction: column; background-color: white;} .inhalt_1::before {content: ''; background-image: url(/individuell/bilder/logo_buergerbahnhof_cuxhaven_Final.png); height: 15vh; background-position: center; background-size: contain; margin: 2vh 10vw; background-repeat: no-repeat;} .inhalt_1 #vorl200_sprungmarken_bausteinbereiche {top: 0; left: unset; width: auto; justify-content: center; align-items: center; padding-top: 3vh;} .inhalt_1 #vorl200_sprungmarken_bausteinbereiche li a {margin: 5px;} #bstb_bb_start_willkommen {order: unset; padding-top: 35vh;} #bstb_bb_start_willkommen .multibox_standard {width: 85%; grid-template-columns: 1fr; padding-bottom: 5vh;} #bstb_bb_start_willkommen .multibox_standard .bst_mb_bilder_anordnung3 {grid-column-start: 1; padding-top: 0; padding-bottom: 0; grid-row-start: 2;} #bstb_bb_start_willkommen .multibox_standard .bst_mb_ein_bild_anordnung3 {width: 100%;} #bstb_bb_start_willkommen .multibox_standard .bst_mb_ein_bild_anordnung3::after {height: 82%; width: 82%;} #bstb_bb_start_willkommen .multibox_standard .bst_ue1_anordnung3 {font-size: 1.6rem; line-height: 2.2rem; padding-left: 0; justify-self: center; text-align: center; margin: 2vh 0;} #bstb_bb_start_willkommen .multibox_standard .bst_text_anordnung3 {width: auto; justify-self: center; text-align: center;} #bstb_bb_start_willkommen .multibox_standard .bst_text_anordnung3 p {font-size: 1rem; line-height: 1.5rem;} #bstb_bb_start_willkommen .baustein_html_code_multi .textblock h2 {font-size: 1.6rem; line-height: 2.2rem;} #bstb_bb_start_aktuelles h2 {transform: unset; font-size: 2rem; nline-height: 3.2rem; width: auto; margin-top: 4vh;} #bstb_bb_start_aktuelles .nurtext_global {height: auto; width: 100%;} #bstb_bb_start_aktuelles .nurtext_global .nurtext_text_div {width: auto;} #bstb_bb_start_aktuelles .news_ausgabe .kurztext_global .kurztext_erstellungsinfo {top: -2.5vh; color: var(--hell);} #bstb_bb_start_aktuelles .news_ausgabe {width: 100%; padding: 0 10vw;} #bstb_bb_start_aktuelles .news_ausgabe .kurztext_global {max-width: 100%; margin-top: 8vh;} #bstb_bb_start_aktuelles .baustein_html_code_multi {width: 100%; padding: 5vh 0;} #bstb_bb_start_lokschuppen .multibox_standard {width: 85%; grid-template-columns: 1fr;} #bstb_bb_start_lokschuppen .multibox_standard .bst_mb_bilder_anordnung3 {grid-column-start: 1; justify-self: center; width: 25vw;} #bstb_bb_start_lokschuppen .multibox_standard .bst_ue1_anordnung3 {font-size: 1.6rem; line-height: 2.2rem; margin-left: 0; padding-left: 0; margin-top: 2vh; justify-self: center; text-align: center;} #bstb_bb_start_lokschuppen .multibox_standard .bst_text_anordnung3 {width: auto; justify-self: center; text-align: center;} #bstb_bb_start_lokschuppen .multibox_standard .bst_text_anordnung3 p {font-size: 1rem; line-height: 1.5rem;} #bstb_bb_start_lokschuppen .multibox_standard .mb_linkausgabe {justify-self: center;} #bstb_bb_lokschuppen_2 {padding-bottom: 5vh;} #bstb_bb_lokschuppen_2 .multibox_standard {grid-template-columns: auto; width: 100%; padding: 0;} #bstb_bb_lokschuppen_2 .multibox_standard .bst_mb_bilder_anordnung3 {width: 80%; height: auto; justify-self: center; margin: 0; border-radius: 20px; grid-row-start: 2; margin-bottom: 5vh;} #bstb_bb_lokschuppen_2 .multibox_standard .bst_ue1_anordnung3 {grid-column-start: 1; grid-column-end: 2; font-size: 1.6rem; line-height: 2.2rem; margin-left: 0; padding-left: 0; margin-top: 2vh; justify-self: center; text-align: center;} #bstb_bb_lokschuppen_2 .multibox_standard .bst_text_anordnung3 {grid-column-start: 1; grid-column-end: 2; width: 85%; justify-self: center; } #bstb_bb_lokschuppen_2 .multibox_standard .bst_text_anordnung3 p {text-align: center;} #bstb_bb_lokschuppen_2 .multibox_standard .mb_linkausgabe {grid-column-start: 1; grid-column-end: 2; justify-self: center;} #bstb_bb_start_werbung {padding: 5vh 0;} #bstb_bb_start_werbung .multibox_standard {grid-template-columns: auto; width: 85%; padding: 0; margin: 0;} #bstb_bb_start_werbung .multibox_standard .bst_mb_bilder_anordnung3 {width: 80%; height: auto; justify-self: center; margin: 0; border-radius: 20px; grid-row-start: 2; margin-bottom: 5vh;} #bstb_bb_start_werbung .multibox_standard .bst_ue1_anordnung3 {grid-column-start: 1; grid-column-end: 2; font-size: 1.6rem; line-height: 2.2rem; margin-left: 0; padding-left: 0; margin-top: 2vh; justify-self: center; text-align: center;} #bstb_bb_start_werbung .multibox_standard .bst_text_anordnung3 {grid-column-start: 1; grid-column-end: 2; width: 85%; justify-self: center; } #bstb_bb_start_werbung .multibox_standard .bst_text_anordnung3 p {text-align: center;} #bstb_bb_start_werbung .multibox_standard .mb_linkausgabe {grid-column-start: 1; grid-column-end: 2; justify-self: center;} #bstb_bb_start_projekt {background-position: center 0; background-size: 150vh;} #bstb_bb_start_projekt::before {background: linear-gradient(0deg, rgba(37,37,37,1) 0%, rgba(37,37,37,1) 50%, rgba(37,37,37,0) 100%);} #bstb_bb_start_projekt .text_sticky_innerdiv {height: 100vh;} #bstb_bb_start_projekt .text_sticky_innerdiv h2 {font-size: 1.6rem; line-height: 2.2rem;} #bstb_bb_start_projekt .multibox_nebeneinander {width: 85%; grid-template-columns: 100%;} #bstb_bb_start_projekt .multibox_nebeneinander .bst_ue1_anordnung3 {font-size: 1.4rem; line-height: 2rem;} #bstb_bb_start_service {margin-bottom: 10vh;} #bstb_bb_start_service .baustein_html_code_multi .textblock h2 {font-size: 1.6rem; line-height: 2.2rem; margin: 2vh 0;} #bstb_bb_start_service .baustein_html_code_multi .textblock h2::after {content: ''; width: 50%; height: 3px; left: 25%; bottom: -2vh;} #bstb_bb_start_service .multibox_standard { margin: 3vh 0 0 0;} #bstb_bb_start_service .multibox_standard .bst_mb_bilder_anordnung3 {width: 100%; height: 15vh;} #bstb_bb_start_service .multibox_standard .bst_ue1_anordnung3 {font-size: 1.4rem; line-height: 2rem;} #vorl_501_kachelnavi {padding: 0 5vw; } #bausteinbereich_navigationskacheln #bausteinbereiche_bausteine_1 {grid-template-columns: 1fr;} #inhalt #bausteinbereich_navigationskacheln .kurztext_global .kurztext_nur_der_text .kurztext_text_div {opacity: 1;} #news_ausgabekasten {padding: 0 5vw;} #news_ausgabe_weitere {padding: 0;} #news_ausgabe_weitere::before {content: 'Ältere News'; text-transform: uppercase; font-family: 'Lora'; font-size: 1.6rem; line-height: 2.2rem; letter-spacing: 2px; color: white;} #inhalt #news_ausgabekasten .kurztext_global h3 {font-size: 1.2rem; line-height: 1.8rem; hyphens: auto;} #inhalt #news_ausgabekasten .kurztext_global .kurztext_nur_der_text {display: flex; flex-wrap: wrap;} .multibox_standard {grid-template-columns: 1fr; padding: 0 5vw;} .multibox_standard .bst_ue1_anordnung3 {grid-column-start: 1; order: -1;} .multibox_standard .bst_text_anordnung3 {grid-column-start: 1; width: 100%;} .multibox_standard .bst_mb_bilder_anordnung3 {width: 100%; max-width: 400px; grid-row-start: 2; margin: 2vh 0;} .multibox_nebeneinander {grid-template-columns: 1fr; padding: 0 5vw; margin: 6vh 0;} .multibox_bild {grid-template-columns: 1fr; padding: 0 5vw; margin: 6vh 0; width: calc(100% - 10vw);} .multibox_bild .bst_text_anordnung3 {width: 100%; overflow-x: auto;} #inhalt .kurztext_global {margin: 5vh 5vw;} #fuss .fuss_erstezeile {justify-content: center; align-items: center; padding: 2vh 3vw; width: calc(100% - 6vw);} #fuss #logo_in_fuss {margin-bottom: 3vh;} #fuss .fuss_linksammlung {flex-direction: column; align-items: center; width: 100%; flex: unset;} #fuss .fuss_linksammlung a {font-size: 0.85rem; line-height: 1.3rem; padding: 6px 0;} #fuss .fuss_hilfe {margin-top: 3vh;} #fuss #loginbox {display: none;} /* #bilderleiste {height: 45vh;} #bilderleiste #mitglied_link {top: 6vh; font-size: 0.7rem; line-height: 1rem;} #logo_bilderleiste {display: flex;} #logo_in_navi {display: none;} #bausteinbereich_navigationskacheln #bausteinbereiche_bausteine_1 {grid-template-columns: 1fr; grid-gap: 4vh;} #inhalt #bausteinbereich_navigationskacheln .kurztext_global .kurztext_nur_der_text .kurztext_text_div {opacity: 1;} .slider_kopfbereich .kopfbereich_slide {height: 22vh;} .slider_kopfbereich .slick-list {width: 100%;} #inhalt .aktivleiste_vorschau {background-color: transparent; border-top-color: var(--hauptfarbe);} .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber {padding: 15px 20px 30px 15px;} .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber h2 {font-size: 1.4rem; line-height: 2rem;} .el_slider .ausgabe_el_slider .ein_slider_ausgabe .ein_sliderbild .ausgabe_slidertitel .ausgabe_slidertitel_drueber .ausgabe_sliderlink {margin-top: 10px;} .el_slider .ausgabe_el_slider .slick-next::before, .el_slider .ausgabe_el_slider .slick-prev::before {display: none;} #navi_mobile_2020 #navi_mobile_2020_inhalt ul li ul {background-color: var(--hauptfarbe_alternativ)} #div_site_suche_eingabe_id {top: 0; right: 0; height: 5vh;} #inhalt .kurztext_global {margin: 30px 0; width: 100%;} #inhalt #bild_neben_text_position .portrait .bildausgabe input[type="image"] {width: auto; max-width: 100%;} .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste {width: auto !important; max-width: 100%; margin-right: 10px !important;} */ } /*--------------------- vor 2022 ---------------------- #bilderleiste { height:400px; padding: 0; } #navigation { position: absolute; height: 30px; z-index: 10; top: 35px; overflow: visible; } #navigation ul { position: relative; top: 0px; } #navigation ul li { min-width: 100px; } #rahmen { padding-top: 400px; } .kurztext_global{background-color: #cfa72a; display: block; font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; font-size: 15px; height: auto; margin: 8px 0; overflow: auto; padding: 8px 8px 8px 12px; position: relative; width: auto;} .kurztext_global .kurztext_text_div p { color: #222222; } a, a:visited { color: #711D1D; } .kurztext_global h3 { font-size: 18px; color: #711D1D; } .textblock { float: none; } .aktivleiste_vorschau { margin: 20px; padding: 0; border-radius: 15px; background-color: #e8d596; } .aktivleiste_vorschau #kontaktformular_aktiv { margin-right: 15px; margin-left: 15px; } .bilderleiste_linkeseite { position: absolute; bottom: 20px; z-index: 2; left: 0; } .bilderleiste_rechteseite { float: left; padding: 0px !important; position: absolute; left: 0; top: 0; } .bilderleiste_innen { float: left; padding: 0 !important; } .animation_wrap { position: relative; margin: 0; } #animation_74 {height: 410px; margin: 0pt; overflow: hidden; position: relative; widht:946px} #bilderleiste_innen { margin: 0 !important; padding: 0 !important; } div padding: 0px 0px 0px 0px; display:inline-block; { padding: 0 !important; } /*-- INHALT --*/ /*#inhalt #vorlage115 {padding: 5px;} #inhalt #vorlage115 h1{font-size: 32px;} #inhalt #vorlage115 h3{font-size: 22px; padding-bottom: 8px;} #inhalt #vorlage115 #kurztext_209_bausteine_3_613 .kurztext_einzelbildkasten .bildausgabe input {padding-left: 340px; } #inhalt #vorlage115 .kurztext_global.kurztext_209_bausteine_3.textseiten_bausteine {margin-bottom: 15px;} #inhalt #vorlage115 #bild_neben_text_position #textbereich p{padding-left: 10px;} #inhalt #vorl_501_kachelnavi #bausteinbereich_navigationskacheln #bausteinbereiche_bausteine_1 #kurztext_11_bausteine_1_605, #kurztext_11_bausteine_1_612 {margin-right: 10px;} #inhalt #vorl_501_kachelnavi #bausteinbereich_navigationskacheln #bausteinbereiche_bausteine_1 #kurztext_11_bausteine_1_606, #kurztext_11_bausteine_1_604 {margin-left: 10px;} #inhalt #vorlage115 #bausteinbereiche_bausteine_3 #kurztext_208_bausteine_3_624 .kurztext_nur_der_text .kurztext_bilderleiste {width: 910px; display: flex; flex-wrap:nowrap; justify-content: center; margin-top: 190px; margin-right: 125px;} */ /* lora-regular - latin */ @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; src: url('../fonts/lora-v26-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/lora-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lora-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lora-v26-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/lora-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lora-v26-latin-regular.svg#Lora') format('svg'); /* Legacy iOS */ } /* lora-500 - latin */ @font-face { font-family: 'Lora'; font-style: normal; font-weight: 500; src: url('../fonts/lora-v26-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/lora-v26-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lora-v26-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lora-v26-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/lora-v26-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lora-v26-latin-500.svg#Lora') format('svg'); /* Legacy iOS */ } /* lora-600 - latin */ @font-face { font-family: 'Lora'; font-style: normal; font-weight: 600; src: url('../fonts/lora-v26-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/lora-v26-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lora-v26-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lora-v26-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/lora-v26-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lora-v26-latin-600.svg#Lora') format('svg'); /* Legacy iOS */ } /* lora-700 - latin */ @font-face { font-family: 'Lora'; font-style: normal; font-weight: 700; src: url('../fonts/lora-v26-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/lora-v26-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lora-v26-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lora-v26-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/lora-v26-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lora-v26-latin-700.svg#Lora') format('svg'); /* Legacy iOS */ } /* lora-italic - latin */ @font-face { font-family: 'Lora'; font-style: italic; font-weight: 400; src: url('../fonts/lora-v26-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/lora-v26-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lora-v26-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lora-v26-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/lora-v26-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lora-v26-latin-italic.svg#Lora') format('svg'); /* Legacy iOS */ } /* lora-500italic - latin */ @font-face { font-family: 'Lora'; font-style: italic; font-weight: 500; src: url('../fonts/lora-v26-latin-500italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/lora-v26-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lora-v26-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lora-v26-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/lora-v26-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lora-v26-latin-500italic.svg#Lora') format('svg'); /* Legacy iOS */ } /* lora-600italic - latin */ @font-face { font-family: 'Lora'; font-style: italic; font-weight: 600; src: url('../fonts/lora-v26-latin-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/lora-v26-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lora-v26-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lora-v26-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/lora-v26-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lora-v26-latin-600italic.svg#Lora') format('svg'); /* Legacy iOS */ } /* lora-700italic - latin */ @font-face { font-family: 'Lora'; font-style: italic; font-weight: 700; src: url('../fonts/lora-v26-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/lora-v26-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lora-v26-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lora-v26-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/lora-v26-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lora-v26-latin-700italic.svg#Lora') format('svg'); /* Legacy iOS */ } /* karla-200 - latin */ @font-face { font-family: 'Karla'; font-style: normal; font-weight: 200; src: url('../fonts/karla-v23-latin-200.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/karla-v23-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/karla-v23-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/karla-v23-latin-200.woff') format('woff'), /* Modern Browsers */ url('../fonts/karla-v23-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/karla-v23-latin-200.svg#Karla') format('svg'); /* Legacy iOS */ } /* karla-300 - latin */ @font-face { font-family: 'Karla'; font-style: normal; font-weight: 300; src: url('../fonts/karla-v23-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/karla-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/karla-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/karla-v23-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/karla-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/karla-v23-latin-300.svg#Karla') format('svg'); /* Legacy iOS */ } /* karla-regular - latin */ @font-face { font-family: 'Karla'; font-style: normal; font-weight: 400; src: url('../fonts/karla-v23-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/karla-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/karla-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/karla-v23-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/karla-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/karla-v23-latin-regular.svg#Karla') format('svg'); /* Legacy iOS */ } /* karla-500 - latin */ @font-face { font-family: 'Karla'; font-style: normal; font-weight: 500; src: url('../fonts/karla-v23-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/karla-v23-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/karla-v23-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/karla-v23-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/karla-v23-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/karla-v23-latin-500.svg#Karla') format('svg'); /* Legacy iOS */ } /* karla-600 - latin */ @font-face { font-family: 'Karla'; font-style: normal; font-weight: 600; src: url('../fonts/karla-v23-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/karla-v23-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/karla-v23-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/karla-v23-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/karla-v23-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/karla-v23-latin-600.svg#Karla') format('svg'); /* Legacy iOS */ } /* karla-700 - latin */ @font-face { font-family: 'Karla'; font-style: normal; font-weight: 700; src: url('../fonts/karla-v23-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/karla-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/karla-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/karla-v23-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/karla-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/karla-v23-latin-700.svg#Karla') format('svg'); /* Legacy iOS */ } /* karla-800 - latin */ @font-face { font-family: 'Karla'; font-style: normal; font-weight: 800; src: url('../fonts/karla-v23-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/karla-v23-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/karla-v23-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/karla-v23-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/karla-v23-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/karla-v23-latin-800.svg#Karla') format('svg'); /* Legacy iOS */ } /* karla-200italic - latin */ @font-face { font-family: 'Karla'; font-style: italic; font-weight: 200; src: url('../fonts/karla-v23-latin-200italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/karla-v23-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/karla-v23-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/karla-v23-latin-200italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/karla-v23-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/karla-v23-latin-200italic.svg#Karla') format('svg'); /* Legacy iOS */ } /* karla-300italic - latin */ @font-face { font-family: 'Karla'; font-style: italic; font-weight: 300; src: url('../fonts/karla-v23-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/karla-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/karla-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/karla-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/karla-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/karla-v23-latin-300italic.svg#Karla') format('svg'); /* Legacy iOS */ } /* karla-italic - latin */ @font-face { font-family: 'Karla'; font-style: italic; font-weight: 400; src: url('../fonts/karla-v23-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/karla-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/karla-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/karla-v23-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/karla-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/karla-v23-latin-italic.svg#Karla') format('svg'); /* Legacy iOS */ } /* karla-500italic - latin */ @font-face { font-family: 'Karla'; font-style: italic; font-weight: 500; src: url('../fonts/karla-v23-latin-500italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/karla-v23-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/karla-v23-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/karla-v23-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/karla-v23-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/karla-v23-latin-500italic.svg#Karla') format('svg'); /* Legacy iOS */ } /* karla-600italic - latin */ @font-face { font-family: 'Karla'; font-style: italic; font-weight: 600; src: url('../fonts/karla-v23-latin-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/karla-v23-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/karla-v23-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/karla-v23-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/karla-v23-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/karla-v23-latin-600italic.svg#Karla') format('svg'); /* Legacy iOS */ } /* karla-700italic - latin */ @font-face { font-family: 'Karla'; font-style: italic; font-weight: 700; src: url('../fonts/karla-v23-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/karla-v23-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/karla-v23-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/karla-v23-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/karla-v23-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/karla-v23-latin-700italic.svg#Karla') format('svg'); /* Legacy iOS */ } /* karla-800italic - latin */ @font-face { font-family: 'Karla'; font-style: italic; font-weight: 800; src: url('../fonts/karla-v23-latin-800italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/karla-v23-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/karla-v23-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/karla-v23-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/karla-v23-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/karla-v23-latin-800italic.svg#Karla') format('svg'); /* Legacy iOS */ }