sites/chemnitz/config.ts

@@ -8,10 +8,6 @@ const config: SiteConfig = {
     'Katholische Pfarrei Heilige Mutter Teresa in Chemnitz – Gottesdienste, Veranstaltungen, Sakramente und Gemeindeleben.',
   url: 'https://mutter-teresa-chemnitz.de',
   email: 'kontakt@mutter-teresa-chemnitz.de',
-  address: 'Hohe Straße 1',
-  postalCode: '09112',
-  city: 'Chemnitz',
-  phone: '0371 304085',
   keywords: [
     'Katholische Pfarrei',
     'Heilige Mutter Teresa',

sites/dreikoenige/config.ts

@@ -8,10 +8,6 @@ const config: SiteConfig = {
     'Katholische Pfarrei Heilige Drei Könige in Berlin – Gottesdienste, Veranstaltungen, Sakramente und Gemeindeleben.',
   url: 'https://dreikoenige.berlin',
   email: 'kontakt@dreikoenige.berlin',
-  address: 'Briesestraße 15 – 17',
-  postalCode: '12053',
-  city: 'Berlin',
-  phone: '030-6889120',
   keywords: [
     'Katholische Pfarrei',
     'Heilige Drei Könige',

src/app/(home)/kontakt/page.tsx

@@ -7,7 +7,6 @@ import { P } from '@/components/Text/Paragraph'
 import { Row } from '@/components/Flex/Row'
 import { Col } from '@/components/Flex/Col'
 import Logo from '@/components/Logo/Logo'
-import { siteConfig } from '@/config/site'
 
 export default function ContactPage() {
   return (
@@ -19,14 +18,14 @@ export default function ContactPage() {
 
       <Section padding={"small"}>
         <Container>
-          <Title title={siteConfig.shortName} size="md"></Title>
+          <Title title={"Pfarrei Heilige Drei Könige"} size="md"></Title>
           <Row>
             <Col>
               <P width={"1/2"}>
-                {siteConfig.address}<br/>
-                {siteConfig.postalCode} {siteConfig.city}<br/>
-                {siteConfig.phone}<br/>
-                {siteConfig.email}
+                Briesestraße 15 – 17<br/>
+                12053 Berlin <br/>
+                030-6889120 <br/>
+                kontakt@dreikoenige.berlin
               </P>
               <P width={"1/2"}>
                 <strong>Geöffnet:</strong><br/>
@@ -37,8 +36,8 @@ export default function ContactPage() {
             <Col>
               <Logo
                 withText={true}
-                color={siteConfig.baseColor}
-                textColor={siteConfig.shade1}
+                color={"#426156"}
+                textColor={"#728F8D"}
                 height={140}
               />
             </Col>
@@ -49,8 +48,8 @@ export default function ContactPage() {
 
       <ContactSection
         title={"Kontaktformular"}
-        description={`Füllen Sie einfach unser Kontaktformular aus und wir werden uns umgehend mit Ihnen in Verbindung setzen. Oder senden Sie uns eine Nachricht auf ${siteConfig.email}`}
-        toEmail={siteConfig.email}
+        description={"Füllen Sie einfach unser Kontaktformular aus und wir werden uns umgehend mit Ihnen in Verbindung setzen. Oder senden Sie uns eine Nachricht auf kontakt@dreikoenige.berlin"}
+        toEmail={"kontakt@dreikoenige.berlin"}
       />
     </>
   )

src/components/Button/styles.module.scss

@@ -12,8 +12,6 @@
   text-decoration: none;
   margin: 0;
   display: inline-block;
-  line-height: 147%;
-  //box-sizing: content-box;
   -webkit-tap-highlight-color: transparent;
 }
 

src/components/PopupButton/PopupButton.tsx

@@ -38,9 +38,11 @@ export const PopupButton = ({size = "md", schema, text, links, title}: PopupButt
   return (
     <div className={styles.container}>
 
-      <Button size={size} schema={schema} onClick={() => setIsPopupOpen(true)}>
-        {text}
-      </Button>
+      <div className={styles.button}>
+        <Button size={size} schema={schema} onClick={() => setIsPopupOpen(true)}>
+          {text}
+        </Button>
+      </div>
 
       {isPopupOpen && (
         <div className={styles.popup}>

src/components/PopupButton/styles.module.scss

@@ -1,26 +1,28 @@
 @import 'template.scss';
 
 .container {
-  position: relative;
-  display: inline-block;
+  display: inline-grid;
+  place-items: center;
+  grid-template-areas: "a";
+  grid-template-rows: fit-content(0);
+}
+
+.button {
+  grid-area: a;
 }
 
 .popup {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 1;
+  grid-area: a;
   background-color: $white;
   box-shadow: 0 0 21px 0 rgba(0,0,0,0.4);
   border-radius: 7px;
   min-width: 200px;
+  position: relative;
   overflow: auto;
 }
 
 .popupTitle {
   font-weight: bold;
-  font-size: 16px;
   text-align: center;
   padding: 10px 0;
   border-bottom: 1px solid $border-color-light;
@@ -31,7 +33,7 @@
   text-decoration: none;
   padding: 5px 15px;
   display: block;
-  font-size: 16px;
+  font-size: 17px;
   transition: background-color 0.2s ease-in;
 }
 

src/config/site.ts

@@ -23,10 +23,6 @@ export interface SiteConfig {
   description: string
   url: string
   email: string
-  address: string
-  postalCode: string
-  city: string
-  phone: string
   keywords: string[]
   ogImage: string
   baseColor: string