/* == Home ==================================================================================================== */ .ArtikelBox.Home.Start {width:90%;border:none;background:none;margin:1em auto;} .ArtikelWrapper.Home.Mitte {width:80%;margin:5em auto;background:#ddd;} .ArtikelWrapper.Home.Neues {width:100%;margin-top:8em;} .ArtikelWrapper.Home.Prog {width:100%;} .ArtikelText.Home h2, .ArtikelText.Home h3 {text-align:center;} .ArtikelText.Home p {font-family:Helvetica;font-size:.81em;} .ArtikelText.Home.Neues p {text-align:center;} .ArtikelBoxImg.Home {margin-bottom:-10px;} .ArtikelBoxImg.Home.Neues {margin:0 auto;width:45%;margin-top:3em;} .ArtikelBox.Home.Prog.Top {width:100%;margin:0 auto;-webkit-box-shadow: 0px 16px 12px rgba(0,0,0,0.3);} .ArtikelBox.Home.Prog.Top {-moz-box-shadow: 0px 16px 12px rgba(0,0,0,0.3);} .ArtikelBox.Home.Prog.Top {box-shadow: 0px 16px 12px rgba(10,10,10,0.2);} .ArtikelBox.Home.Neues {width:90%;border:none;background:none;margin:0 auto 3em;} .ArtikelBox.Home.Mitte {width:32%;float:left;background:none;margin:3em 8.5%;} .ArtikelBox.Home.Prog {width:29%;float:left;border:none;background:none;margin:6em 0 5em 3%;} .ArtikelBox.Home.Prog.Neues {margin-bottom:1em;} .AntoniustagImgStart {width:70%;margin:2em auto 4em;text-align:center;} .MusikUmFuenfBox {width:80%;margin:1em auto;} .JhvBox {width:60%;margin:1em auto;} .ListeJhv ul {list-style-type:decimal;width:94%;} .ListeJhv li {font-family:Times , serif;font-size:1em;line-height:120%;text-decoration:none;margin-left:9%;} .MusikImgStart {width:45%;float:left;} .MusikUmFuenfTextImg {width:45%;float:left;margin:0% 0% 10% 8%;font-family:Helvetica;font-size:.9em;text-align:justify;} .ArtikelText.Home.Neues.Absage {width:80%;margin:1em auto;} .ArtikelText.Home.Neues.Absage p {text-align:justify;color:#ff0000;font-size:1.1em;} .AntoniustagBoxImgText {width:80%;margin:1em auto;} .AntoniustagImg {width:45%;float:left;} .AntoniustagTextImg {width:45%;float:left;font-family:Helvetica;font-size:.9em;text-align:justify;} .AntoniustagTextImg.a {margin:10% 0% 10% 8%;} .AntoniustagTextImg.b {margin:7% 8% 0% 0%;} .AntoniustagTextImg.c {margin:8% 0% 12% 8%;} .AntoniustagTextImg.d {margin:8% 8% 10% 0%;} .AntoniustagTextImg.e {margin:1% 0% 12% 8%;} @media screen and (max-width: 960px) { .ArtikelText.Home h1 {font-size:1.4em;} .ArtikelText.Home h2 {font-size:1em;} .ArtikelText.Home p {font-size:.7em;} .ArtikelText.Home.Neues p {font-size:.8em;} .MusikUmFuenfTextImg {font-size:.7em} } /* == Kapelle ====================================================================================================================== */ .ArtikelText.Kapelle h2 {text-align:center;} .ArtikelBox.Kapelle.Padua {width:90%;margin:0 auto;} .ArtikelBoxImg.Kapelle.Padua {width:30%;float:left;} .ArtikelText.Kapelle.Padua {width:46%;padding:3%;float:left;} .ArtikelBox.Kapelle.Historie {width:90%;margin:4em auto;} .ArtikelBoxImg.Kapelle.Historie {width:81%;margin:4% auto;} .ArtikelText.Kapelle.Historie {padding:0% 5%;} .ArtikelText.Kapelle.Historie p::first-letter {font-size:24px;padding-left:6px;color:#1d5c88;} .ArtikelText.Kapelle.Historie p {text-align:justify;} .ArtikelText.Kapelle.Historie ul {list-style-type:square;margin:.5em 0 2em 2.5em;} .ArtikelText.Kapelle.Historie li {font-size:1em;font-family:Times , serif;} .HistorieImgLinks {float:left; width:40%; padding:2% 3% 2% 0%;} .HistorieImgRechts {float:right; width:40%; padding:2% 0% 2% 3%;} .ArtikelBox.Kapelle.Bistum {width:90%;margin:4em auto;} .ArtikelText.Kapelle.Bistum {padding:2% 5%;} .ArtikelText.Kapelle.Gotteshaus.Bistum {margin:4em auto 2em;width:60%;text-align:center;font-family:Helvetica;font-size:.88em;} .LogoBistumMainz {margin:0 auto;width:55%;margin-top:6em;} .ArtikelBox.Kapelle.Ansichten {width:90%;margin:4em auto;} .ArtikelText.Kapelle.Ansichten {padding:2% 5%;} .ArtikelBoxImg.Kapelle.Ansichten {width:40%;float:left;margin:4% 2% 4% 6%;} .ArtikelBoxImg.Kapelle.Ansichten.Mitte {width:25%;margin:4% 5% 4% 15%;} .SeitenAnfang.Kapelle {width:88%} .ArtikelBox.Kapelle {-webkit-box-shadow: 3px 0px 5px rgba(0,0,0,0.5);} .ArtikelBox.Kapelle {-moz-box-shadow: 3px 0px 5px rgba(0,0,0,0.5);} .ArtikelBox.Kapelle {box-shadow: 3px 0px 5px rgba(0,0,0,0.5);} @media screen and (max-width: 1060px) { .ArtikelText.Kapelle h2 {font-size:1.1em;} .ArtikelText.Kapelle p {font-size:.85em;} .ArtikelText.Kapelle li {font-size:.85em;} .ArtikelText:nth-of-type(2).Kapelle p::first-letter {font-size:20px;} } /* == Programm ===================================================================================================================== */ .ArtikelText.Programm {width:90%;margin-left:6%;} .ArtikelText.Programm.TextImg {width:30%;margin:2em 0 0 8%;float:left;} .ArtikelText:nth-of-type(5).Programm.TextImg {margin-left:14%;} .ArtikelText.Programm.TextImg.Apunti h4 {text-align:right;} .ArtikelText.Programm.TextImg.Apunti p {text-align:right;} .ArtikelBoxImg.Programm {width:40%;margin:2em 0 0 8%;float:left;} .ProgrammImgRechts {float:right; width:40%; padding:2% 0% 0% 3%;} .ArtikelBox.Programm { width:90%; margin:6em auto; border:none; border-left:4px solid #6E694C; background:none; } @media screen and (max-width: 960px) { .ArtikelText.Programm h1 {font-size:1.8em;} .ArtikelText.Programm p {font-size:.9em;} .ArtikelText.Programm {margin-left:4.5%;} } /* == Verein ================================================================================================= */ .ArtikelText.Verein {width:90%;margin-left:2em;} .ArtikelBox.Verein {width:90%;margin:6em auto;border:none;border-left:4px solid #6E694C;background:none;} .VereinListe ul {list-style-type:square;width:90%;} .VereinListe li {font-family:Times , serif;font-size:1em;line-height:140%;text-decoration:none;margin-left:5%;} @media screen and (max-width: 1050px) { .ArtikelText.Verein h1 {font-size:1.5em;} .ArtikelText.Verein p {font-size:.9em;} } /* == Vorstand ================================================================================================= */ .ArtikelWrapper.Vorstand {margin-bottom:7em;} .BasisBody.Vorstand {background-image:-moz-linear-gradient(left, white, #89856E);} .BasisBody.Vorstand {background-image:-webkit-linear-gradient(left, white, #89856E);} .BasisBody.Vorstand {background-image:linear-gradient(left, white, #89856E);} .ArtikelBox.Vorstand {width:90%;height:15em;margin:3em auto 0;background:none;border:none;} .ArtikelText.Vorstand.Kopf {width:60%;} .ArtikelText.Vorstand {width:50%;float:left;margin-top:2em;} .ArtikelText.Vorstand h3 {font-weight:bold;} .ArtikelBoxImg.Vorstand {width:20%;margin:0 0 0 5%;float:left;} .ArtikelWrapper.Vorstand hr {width:86%;} @media screen and (max-width: 1050px) { .ArtikelText.Vorstand h1 {font-size:1.6em;} .ArtikelText.Vorstand h3 {font-size:.9em;} .ArtikelText.Vorstand p {font-size:.9em;} .ArtikelBoxImg.Vorstand {margin-top:2em;} .ArtikelWrapper.Vorstand hr {width:83%;} } @media screen and (max-width: 750px) { .ArtikelBoxImg.Vorstand {margin-top:3em;} } /* == Aktivitaeten =============================================================================================== */ .BasisBody.Aktivitaeten {background-image:-moz-linear-gradient(left, white, #89856E);} .BasisBody.Aktivitaeten {background-image:-webkit-linear-gradient(left, white, #89856E);} .BasisBody.Aktivitaeten {background-image:linear-gradient(left, white, #89856E);} .ArtikelBox.Aktivitaeten {width:90%;margin:3em auto 5em;background:none;border:none;border-bottom:1px solid #333;} .ArtikelBoxImg.Aktivitaeten {width:96%;margin:2em auto 4em;} .ArtikelBoxImg.Aktivitaeten.Reihe1 {width:60%;margin:2em auto 4em;} .ArtikelText.Aktivitaeten.Toi p {text-align:justify;} .ArtikelText.Aktivitaeten h2 {font-weight:bold;} @media screen and (max-width: 1050px) { .ArtikelText.Aktivitaeten p {font-size:.9em;} } /* == Mitgliedschaft ============================================================================================= */ .BasisBody.Mitglied {background-image:-moz-linear-gradient(left, white, #89856E);} .BasisBody.Mitglied {background-image:-webkit-linear-gradient(left, white, #89856E);} .BasisBody.Mitglied {background-image:linear-gradient(left, white, #89856E);} .Intro.Mitglied p {color:#F3F3F0;} .ArtikelText.Mitglied {width:90%;margin:0 0 1em 2em;text-align:justify;} .ArtikelBoxImg.Mitglied {width:96%;margin:2em auto 4em;} .ArtikelText.Mitglied h2 {font-weight:bold;} .ArtikelText.Mitglied.Beitritt h3 {font-family:Times , serif;text-align:center;} .ArtikelBox.Mitglied { width:90%; margin:6em auto 0; border:none; border-left:4px solid #6E694C; background:none; } .ArtikelBox.Mitglied:nth-child(2) {margin:0 auto 6em;} .ArtikelBox.Mitglied:nth-child(3) {margin:0 auto 6em;} @media screen and (max-width: 1050px) { .ArtikelText.Mitglied p {font-size:.9em;} .ArtikelText.Mitglied h2 {font-size:1.15em;} } /* == Satzung ================================================================================================= */ .ArtikelBox.Satzung {width:90%;margin:6em auto;border:none;background:none;} .ArtikelBox.Satzung:first-child {margin-bottom:0;} .ArtikelText.Satzung {text-align:justify;} .ArtikelText.Satzung h3 {font-family:Times , serif;font-size:1.3em;font-weight:bold;} .ArtikelText.Satzung h4 {font-family:Times , serif;font-weight:bold;font-size:1.1em;} .SatzungListe ul {list-style-type:square;width:90%;} .SatzungListe li {font-family:Times , serif;font-size:1em;line-height:140%;text-decoration:none;margin-left:5%;} .SatzungListeOrgane ul {list-style-type:none;width:90%;float:left;} .SatzungListeOrgane li {font-family:Times , serif;text-decoration:none;margin-left:4%;} .ArtikelWrapper.Satzung hr {width:86%;} .BoxPdfFormat { width:40%; height:2em; margin:1em auto 0; } .PdfFormat { font-family:Times , serif; font-size:1.2em; color:#555; border:none; text-decoration:none; } .PdfFormat:hover, .PdfFormat:focus { color:rgba(136,25,20,0.9); border:none; cursor:pointer; } @media screen and (max-width: 1050px) { .ArtikelText.Satzung h1 {font-size:1.5em;} .ArtikelText.Satzung h3 {font-size:1.1em;} .ArtikelText.Satzung h4 {font-size:.9em;} .ArtikelText.Satzung p {font-size:.9em;} .ArtikelWrapper.Satzung hr {width:84%;} } /* == Archiv ================================================================================================= */ .ArtikelText.Archiv {width:90%;margin-left:2em;} .ArtikelBoxImg.Archiv {width:100%;margin:1em auto;} .ArtikelText.Archiv h4 {font-weight:bold;} .ArtikelText.Archiv ul {list-style-type:none;width:95%;} .ArtikelText.Archiv li {font-family:Times , serif;font-size:.9em;margin-left:3%;} .ArtikelText.Archiv li a {font-family:Times , serif;font-size:1.1em;color:#4455ff;font-style:italic;text-decoration:none;} .ArtikelText.Archiv li a:hover, .ArtikelText.Archiv li a:focus {color:#ff0000;text-decoration:none;} .ArtikelBox.Archiv { width:90%; margin:6em auto; border:none; border-left:4px solid #6E694C; background:none; } .Stern {color:#ff0000;font-size:1.2em;font-weight:bold;} @media screen and (max-width: 1050px) { .ArtikelText.Archiv h2 {font-size:1.2em;} .ArtikelText.Archiv p {font-size:.9em;} .ArtikelText.Archiv li {font-size:.9em;} } /* == Anfahrt ================================================================================================== */ .BasisBody.Anfahrt {background-image:-moz-linear-gradient(left, white, #89856E);} .BasisBody.Anfahrt {background-image:-webkit-linear-gradient(left, white, #89856E);} .BasisBody.Anfahrt {background-image:linear-gradient(left, white, #89856E);} .ArtikelText.Anfahrt {width:90%;margin-left:2em;} .ArtikelText.Anfahrt h1 {margin-bottom:1em;} .ArtikelBox.Anfahrt { width:90%; margin:6em auto; border:none; border-left:4px solid #6E694C; background:none; } @media screen and (max-width: 1050px) { .ArtikelText.Anfahrt h1 {font-size:1.6em;} .ArtikelText.Anfahrt h3 {font-size:1.1em;} } /* == Gaestebuch =============================================================================================== */ .ArtikelBox.GastStart {width:100%;border:none;background-image:url(../backgrounds/kapelleKopfGast.jpg);background-size:cover;} .ArtikelText.GastStart {width:90%;margin:0 auto;} .ArtikelBoxImg.GastStart {width:30%;margin:1em auto 0;} /* == Datenschutz ============================================================================================== */ .BasisBody.Datenschutz {background-image:-moz-linear-gradient(left, white, #89856E);} .BasisBody.Datenschutz {background-image:-webkit-linear-gradient(left, white, #89856E);} .BasisBody.Datenschutz {background-image:linear-gradient(left, white, #89856E);} .ArtikelText.Datenschutz {width:90%;margin:0 0 3em 2em;text-align:justify;} .ArtikelText.Datenschutz h4 {font-family:Times , serif;font-size:1.2em;font-weight:bold;} .DatenschutzListe ul {list-style-type:square;width:94%;} .DatenschutzListe li {font-family:Times , serif;font-size:1em;line-height:120%;text-decoration:none;margin-left:6%;} .DatenschutzListeAuskunft ul {list-style-type:decimal;width:94%;} .DatenschutzListeAuskunft li {font-family:Times , serif;font-size:1em;line-height:120%;text-decoration:none;margin-left:9%;} .ArtikelBox.Datenschutz { width:90%; margin:6em auto; border:none; border-left:4px solid #6E694C; background:none; } /* == Kontakt ================================================================================================== */ .BasisBody.Kontakt {background-image:-moz-linear-gradient(left, white, #89856E);} .BasisBody.Kontakt {background-image:-webkit-linear-gradient(left, white, #89856E);} .BasisBody.Kontakt {background-image:linear-gradient(left, white, #89856E);} .Intro.Kontakt p {color:#F3F3F0;} .ArtikelText.Kontakt {width:90%;margin:0 0 3em 2em;text-align:justify;} .ArtikelText.Kontakt h3 {margin-bottom:3em;} .ArtikelBox.Kontakt { width:90%; margin:6em auto 0; border:none; border-left:4px solid #6E694C; background:none; } .ArtikelBox.Kontakt:nth-child(2) {margin:0 auto 6em;} .ArtikelBox.Kontakt:nth-child(3) {margin:0 auto 6em;} /* == Haftung ================================================================================================= */ .BasisBody.Haftung {background-image:-moz-linear-gradient(left, white, #89856E);} .BasisBody.Haftung {background-image:-webkit-linear-gradient(left, white, #89856E);} .BasisBody.Haftung {background-image:linear-gradient(left, white, #89856E);} .ArtikelText.Haftung {width:90%;margin:0 0 3em 2em;text-align:justify;} .ArtikelText.Haftung h3 {font-family:Times , serif;font-size:1.2em;font-weight:bold;} .ArtikelBox.Haftung { width:90%; margin:6em auto; border:none; border-left:4px solid #6E694C; background:none; } /* == Impressum =============================================================================================== */ .BasisBody.Impressum {background-image:-moz-linear-gradient(left, white, #89856E);} .BasisBody.Impressum {background-image:-webkit-linear-gradient(left, white, #89856E);} .BasisBody.Impressum {background-image:linear-gradient(left, white, #89856E);} .ArtikelText.Impressum {width:90%;margin-left:2em;} .ArtikelText.Impressum:nth-child(2) {width:40%;margin-left:2em;float:left;} .ArtikelText.Impressum:last-child {width:90%;margin:2em 0 0 2em;text-align:justify;} .ArtikelBoxImg.Impressum {width:35%;margin:7em 0 0 3em;float:left;} .ArtikelText.Impressum h1 {margin-bottom:1em;} .ArtikelText.Impressum p {font-family:Helvetica;font-size:.9em;} .ArtikelBox.Impressum { width:90%; margin:6em auto; border:none; border-left:4px solid #6E694C; background:none; }