{"id":5830,"date":"2026-08-05T14:23:35","date_gmt":"2026-08-05T13:23:35","guid":{"rendered":"https:\/\/www.browlicious.ch\/?page_id=5830"},"modified":"2026-08-05T14:26:17","modified_gmt":"2026-08-05T13:26:17","slug":"standorte","status":"publish","type":"page","link":"https:\/\/www.browlicious.ch\/index.php\/standorte\/","title":{"rendered":"Standorte"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \n
\n
\n
\n \n \t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n BROWLICIOUS | Unsere Standorte<\/title>\r\n <!-- Modern high-end fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <!-- FontAwesome for icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n :root {\r\n --bg-color: #f4f5f7; \r\n --card-bg-black: #08080a;\r\n --card-bg-hover: #121216;\r\n --text-main: #111827;\r\n --text-muted: #9ca3af;\r\n --accent: #c5a059; \r\n --border-gold: rgba(197, 160, 89, 0.3);\r\n --shadow-bold: 0 30px 60px rgba(0, 0, 0, 0.25);\r\n --transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n background-color: var(--bg-color);\r\n color: var(--text-main);\r\n font-family: 'Inter', sans-serif;\r\n overflow-x: hidden;\r\n line-height: 1.8;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n h1, h2, h3, h4, .luxury-font {\r\n font-family: 'Cinzel', serif;\r\n letter-spacing: 1px;\r\n }\r\n\r\n \/* --- FONT STYLE FROM OSTSCHWEIZ BADGE --- *\/\r\n .ostschweiz-font {\r\n font-family: 'Cinzel', serif;\r\n font-size: 0.85rem;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n font-weight: 600;\r\n }\r\n\r\n .locations-wrapper {\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n padding: 7rem 5%;\r\n }\r\n\r\n \/* --- BOLD HEADER SECTION --- *\/\r\n .locations-header {\r\n text-align: center;\r\n margin-bottom: 5rem;\r\n position: relative;\r\n }\r\n\r\n .locations-header::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -2rem;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 3px;\r\n background: var(--accent);\r\n }\r\n\r\n .locations-header h4 {\r\n text-transform: uppercase;\r\n letter-spacing: 5px;\r\n font-size: 0.85rem;\r\n color: var(--accent);\r\n margin-bottom: 1rem;\r\n font-weight: 700;\r\n }\r\n\r\n .locations-header h2 {\r\n font-size: clamp(2.8rem, 5vw, 4.2rem);\r\n font-weight: 700;\r\n color: #0b0f19;\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .locations-header p {\r\n color: #4b5563;\r\n max-width: 650px;\r\n margin: 0 auto;\r\n font-size: 1.15rem;\r\n font-weight: 300;\r\n }\r\n\r\n \/* --- BOLD BLACK LOCATION CARDS GRID --- *\/\r\n .locations-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));\r\n gap: 3rem;\r\n }\r\n\r\n .location-card-bold {\r\n background: var(--card-bg-black);\r\n border: 2px solid var(--border-gold);\r\n border-radius: 32px;\r\n padding: 4rem 3.5rem;\r\n color: #ffffff;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: var(--shadow-bold);\r\n transition: var(--transition);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n\r\n .location-card-bold::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: radial-gradient(circle at top right, rgba(197, 160, 89, 0.15) 0%, transparent 60%);\r\n pointer-events: none;\r\n }\r\n\r\n .location-card-bold:hover {\r\n transform: translateY(-10px);\r\n border-color: var(--accent);\r\n background: var(--card-bg-hover);\r\n }\r\n\r\n .location-top-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 2.5rem;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n padding-bottom: 1.5rem;\r\n }\r\n\r\n .location-icon-badge {\r\n width: 70px;\r\n height: 70px;\r\n background: rgba(197, 160, 89, 0.15);\r\n border: 1px solid var(--accent);\r\n border-radius: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.8rem;\r\n color: var(--accent);\r\n box-shadow: 0 10px 25px rgba(197, 160, 89, 0.2);\r\n }\r\n\r\n .location-badge-text {\r\n font-family: 'Cinzel', serif;\r\n font-size: 0.85rem;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n font-weight: 600;\r\n background: rgba(197, 160, 89, 0.1);\r\n padding: 0.5rem 1.2rem;\r\n border-radius: 50px;\r\n border: 1px solid rgba(197, 160, 89, 0.2);\r\n color: #000000; \/* Pure black text color as requested *\/\r\n }\r\n\r\n .location-info h3 {\r\n font-size: 2.4rem;\r\n margin-bottom: 1.5rem;\r\n color: #ffffff;\r\n font-weight: 700;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .address-box {\r\n font-style: normal;\r\n font-size: 1.15rem;\r\n color: var(--text-muted);\r\n margin-bottom: 2.5rem;\r\n line-height: 1.9;\r\n font-weight: 300;\r\n }\r\n\r\n .phone-action-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 1rem;\r\n width: 100%;\r\n background: var(--accent);\r\n color: #08080a;\r\n padding: 1.2rem 2rem;\r\n border-radius: 16px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n transition: var(--transition);\r\n box-shadow: 0 10px 30px rgba(197, 160, 89, 0.3);\r\n }\r\n\r\n .phone-action-btn:hover {\r\n background: #ffffff;\r\n color: #08080a;\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 35px rgba(255, 255, 255, 0.4);\r\n }\r\n\r\n .phone-action-btn i {\r\n font-size: 1.2rem;\r\n }\r\n\r\n \/* --- RESPONSIVE DESIGN --- *\/\r\n @media (max-width: 900px) {\r\n .locations-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .location-card-bold {\r\n padding: 3rem 2rem;\r\n }\r\n .locations-wrapper {\r\n padding: 4rem 4%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <main class=\"locations-wrapper\">\r\n \r\n <!-- BOLD HEADER -->\r\n <div class=\"locations-header\">\r\n <h4>Exklusive Pr\u00e4senz<\/h4>\r\n <h2>Unsere Standorte<\/h2>\r\n <p>Erlebe unsere erstklassigen Behandlungen in exklusivem Ambiente an zwei zentralen Standorten.<\/p>\r\n <\/div>\r\n\r\n <!-- LOCATIONS BOLD CARDS GRID -->\r\n <div class=\"locations-grid\">\r\n \r\n <!-- ST. GALLEN -->\r\n <div class=\"location-card-bold\">\r\n <div>\r\n <div class=\"location-top-row\">\r\n <div class=\"location-icon-badge\">\r\n <i class=\"fa-solid fa-location-dot\"><\/i>\r\n <\/div>\r\n <span class=\"location-badge-text ostschweiz-font\">Ostschweiz<\/span>\r\n <\/div>\r\n <div class=\"location-info\">\r\n <h3>St. Gallen<\/h3>\r\n <address class=\"address-box\">\r\n Tablatstrasse 10D<br>\r\n 9016 St. Gallen\r\n <\/address>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <a href=\"tel:0762221226\" class=\"phone-action-btn\">\r\n <i class=\"fa-solid fa-phone\"><\/i> 076 222 12 26\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- BIEL \/ BIENNE -->\r\n <div class=\"location-card-bold\">\r\n <div>\r\n <div class=\"location-top-row\">\r\n <div class=\"location-icon-badge\">\r\n <i class=\"fa-solid fa-location-dot\"><\/i>\r\n <\/div>\r\n <span class=\"location-badge-text ostschweiz-font\">Biel-Seeland<\/span>\r\n <\/div>\r\n <div class=\"location-info\">\r\n <h3>Biel \/ Bienne<\/h3>\r\n <address class=\"address-box\">\r\n General-Dufour-Strasse 41<br>\r\n 2502 Biel\/Bienne\r\n <\/address>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <a href=\"tel:0762221226\" class=\"phone-action-btn\">\r\n <i class=\"fa-solid fa-phone\"><\/i> 076 222 12 26\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/main>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t <\/div>\n <\/div>\n <\/div>\n <\/section>\n \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BROWLICIOUS | Unsere Standorte Exklusive Pr\u00e4senz Unsere Standorte Erlebe unsere erstklassigen Behandlungen in exklusivem Ambiente an zwei zentralen Standorten. Ostschweiz St. Gallen Tablatstrasse 10D 9016 St. Gallen 076 222 12 26 Biel-Seeland Biel \/ Bienne General-Dufour-Strasse 41 2502 Biel\/Bienne 076 222 12 26<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5830","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.browlicious.ch\/index.php\/wp-json\/wp\/v2\/pages\/5830","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.browlicious.ch\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.browlicious.ch\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.browlicious.ch\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.browlicious.ch\/index.php\/wp-json\/wp\/v2\/comments?post=5830"}],"version-history":[{"count":7,"href":"https:\/\/www.browlicious.ch\/index.php\/wp-json\/wp\/v2\/pages\/5830\/revisions"}],"predecessor-version":[{"id":5838,"href":"https:\/\/www.browlicious.ch\/index.php\/wp-json\/wp\/v2\/pages\/5830\/revisions\/5838"}],"wp:attachment":[{"href":"https:\/\/www.browlicious.ch\/index.php\/wp-json\/wp\/v2\/media?parent=5830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}