{"id":440,"date":"2025-01-25T21:33:11","date_gmt":"2025-01-25T19:33:11","guid":{"rendered":"https:\/\/fabianvinke.com\/?page_id=440"},"modified":"2025-01-25T22:57:17","modified_gmt":"2025-01-25T20:57:17","slug":"charlescrazycorner","status":"publish","type":"page","link":"https:\/\/fabianvinke.com\/architektur\/charlescrazycorner\/","title":{"rendered":""},"content":{"rendered":"\n<div id=\"custom-html-page\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\n  <title>Charlie\u2019s Cozy Cool Creative Crack Cocaine Corner<\/title>\n  <!-- Google Fonts -->\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Great+Vibes&#038;display=swap\" rel=\"stylesheet\">\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Homemade+Apple&#038;display=swap\" rel=\"stylesheet\">\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Dancing+Script:wght@400;700&#038;display=swap\" rel=\"stylesheet\">\n\n  <style>\n    \/* General Body Styling *\/\n    html {\n      scroll-behavior: smooth;\n    }\n\n    body {\n      font-family: 'Great Vibes', cursive;\n      margin: 0;\n      padding: 0;\n      background: linear-gradient(135deg, #2d1e1e, #1b1313, #2d1e1e);\n      color: #f8f1f1; \/* Light text for contrast *\/\n    }\n\n    \/* Header Styling *\/\n    header {\n      background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),\n                  url('https:\/\/www.texturex.com\/wp-content\/uploads\/2018\/03\/brown-leather-texture-pattern-material-stock-photo-old-vintage-wallpaper-5.jpg')\n                  no-repeat center center fixed;\n      background-size: cover;\n      color: #ffecb3;\n      text-align: center;\n      padding: 30px 20px;\n      font-size: 3rem;\n      font-family: 'Homemade Apple', cursive;\n      font-weight: bold;\n      text-shadow: 0 0 10px #ffcf5c, 0 0 20px #ffcf5c;\n      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);\n      animation: headerGlow 2s infinite alternate;\n    }\n\n    @keyframes headerGlow {\n      0% { text-shadow: 0 0 10px #ffcf5c, 0 0 20px #ffcf5c; }\n      100% { text-shadow: 0 0 20px #ffcf5c, 0 0 40px #ffcf5c; }\n    }\n\n    nav {\n      display: flex;\n      justify-content: center;\n      padding: 15px 0;\n      background: rgba(27, 18, 18, 0.9); \/* Semi-transparent background *\/\n      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);\n      position: sticky;\n      top: 0;\n      z-index: 1000;\n    }\n\n    nav a {\n      margin: 0 20px;\n      text-decoration: none;\n      color: #ff8c42;\n      font-size: 1.2rem;\n      font-weight: bold;\n      text-shadow: 0 0 8px #ff8c42;\n      transition: color 0.3s ease, transform 0.3s ease;\n    }\n\n    nav a:hover {\n      color: #ffecb3;\n      transform: scale(1.1);\n    }\n\n    \/* Menu Section *\/\n    .menu-section {\n      margin: 10px auto;\n      max-width: 95%; \/* Change to relative width *\/\n      padding: 20px;\n      background: #382626; \/* Darker brown *\/\n      border-radius: 15px;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);\n    }\n\n    .menu-section h2 {\n      text-align: center;\n      color: #ff8c42; \/* Neon orange *\/\n      margin-bottom: 20px;\n      text-transform: uppercase;\n      font-size: 2rem;\n      letter-spacing: 2px;\n      text-shadow: 0 0 10px #ff8c42;\n    }\n\n    \/* Drink List *\/\n    .drink-list {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: space-around;\n      list-style: none;\n      padding: 0;\n      margin: 0;\n    }\n\n    \/****************************************\n    * FLIP CARD STYLES\n    *****************************************\/\n    .flip-card {\n      width: 280px;\n      height: 380px;\n      margin: 20px;\n      perspective: 1000px; \/* Container needed to allow 3D transformations *\/\n      cursor: pointer;\n    }\n\n    .flip-card-inner {\n      position: relative;\n      width: 100%;\n      height: 100%;\n      transition: transform 0.8s cubic-bezier(0.4, 0.2, 0.2, 1);\n      transform-style: preserve-3d;\n      border-radius: 12px;\n      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);\n      background: #1b1212; \/* Deep brown *\/\n    }\n\n    \/* When the card is flipped, rotate 180 degrees *\/\n    .flip-card.flipped .flip-card-inner {\n      transform: rotateY(180deg);\n    }\n\n    .flip-card-front,\n    .flip-card-back {\n      background: #1b1212; \/* Match both sides *\/\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      backface-visibility: hidden; \/* Hide the back side when facing the user *\/\n      border-radius: 12px;\n      overflow: hidden;\n    }\n\n    .flip-card-front {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .flip-card-back {\n      background: #1b1212; \/* Match both sides *\/\n      transform: rotateY(180deg);\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 0px;\n    }\n\n    \/* Front Content *\/\n    .drink-image {\n      width: 100%;\n      height: 220px;\n      object-fit: contain;\n      background-color: #1b1212;\n    }\n\n    .drink-info {\n      padding: 15px;\n      text-align: center;\n    }\n\n    .drink-name {\n      font-size: 1.4rem;\n      font-weight: bold;\n      color: #ffcf5c; \/* Neon yellow *\/\n      margin-bottom: 10px;\n      text-shadow: 0 0 8px #ffcf5c;\n    }\n\n    .order-button {\n      background: linear-gradient(90deg, #ff8c42, #d35400);\n      color: white;\n      border: none;\n      padding: 10px 15px;\n      border-radius: 8px;\n      font-size: 1rem;\n      cursor: pointer;\n      text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);\n      transition: background 0.3s ease, transform 0.2s;\n      margin-bottom: 10px;\n    }\n\n    .order-button:hover {\n      background: linear-gradient(90deg, #ffcf5c, #ff8c42); \/* Brighter neon *\/\n      transform: scale(1.1);\n    }\n\n    \/* Back Content (Ingredients) *\/\n    .ingredients {\n      color: #ffcf5c;\n      font-size: 1rem;\n      text-align: center;\n      margin: 0;\n      padding: 0;\n      list-style-type: none;\n    }\n\n    .ingredients h3 {\n      margin-bottom: 10px;\n      font-weight: bold;\n    }\n\n    \/* Hover effect glow for entire flip card (optional) *\/\n    .flip-card:hover .flip-card-inner {\n      box-shadow: 0 4px 20px rgba(255, 140, 66, 0.7); \/* Neon glow *\/\n    }\n\n    \/* Footer *\/\n    footer {\n      text-align: center;\n      padding: 20px;\n      background: #1b1212;\n      color: #ff8c42;\n    }\n\n    footer a {\n      color: #ffcf5c;\n      text-decoration: none;\n    }\n  <\/style>\n<\/head>\n<body>\n\n<header>\n  Charlie\u2019s Cozy Cool Creative Crack Cocaine Corner\n<\/header>\n\n<nav>\n  <a href=\"#cocktails\">Cocktails<\/a>\n  <a href=\"#new\">New Drinks<\/a>\n  <a href=\"#shots\">Shots<\/a>\n<\/nav>\n\n<!-- Cocktails Section -->\n<div class=\"menu-section\" id=\"cocktails\">\n  <h2>Cocktails<\/h2>\n  <ul class=\"drink-list\">\n    <!-- Cuba Libre -->\n    <li class=\"flip-card\" onclick=\"flipCard(event)\">\n      <div class=\"flip-card-inner\">\n        <!-- Front -->\n        <div class=\"flip-card-front\">\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/peterpane.de\/wp-content\/uploads\/2021\/03\/cuba-libre_highball_1080x1080.png?ssl=1\" alt=\"Cuba Libre\" class=\"drink-image\">\n          <div class=\"drink-info\">\n            <div class=\"drink-name\">Cuba Libre<\/div>\n            <button class=\"order-button\" onclick=\"orderDrink('Cuba Libre')\">Order Now<\/button>\n          <\/div>\n        <\/div>\n        <!-- Back -->\n        <div class=\"flip-card-back\">\n          <ul class=\"ingredients\">\n            <h3>Ingredients<\/h3>\n            <li>2 oz Rum<\/li>\n            <li>4 oz Cola<\/li>\n            <li>Juice of 1\/2 Lime<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/li>\n\n    <!-- Gin Tonic -->\n    <li class=\"flip-card\" onclick=\"flipCard(event)\">\n      <div class=\"flip-card-inner\">\n        <!-- Front -->\n        <div class=\"flip-card-front\">\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.schweppes.de\/cocktail-sync\/image-thumb__12845__cocktail-image\/gin_tonic_web.png?ssl=1\" alt=\"Gin Tonic\" class=\"drink-image\">\n          <div class=\"drink-info\">\n            <div class=\"drink-name\">Gin Tonic<\/div>\n            <button class=\"order-button\" onclick=\"orderDrink('Gin Tonic')\">Order Now<\/button>\n          <\/div>\n        <\/div>\n        <!-- Back -->\n        <div class=\"flip-card-back\">\n          <ul class=\"ingredients\">\n            <h3>Ingredients<\/h3>\n            <li>2 oz Gin<\/li>\n            <li>4 oz Tonic Water<\/li>\n            <li>Lime Wheel \/ Cucumber<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/li>\n\n    <!-- Whisky Cola -->\n    <li class=\"flip-card\" onclick=\"flipCard(event)\">\n      <div class=\"flip-card-inner\">\n        <!-- Front -->\n        <div class=\"flip-card-front\">\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.schweppes.de\/cocktail-sync\/image-thumb__10192__cocktail-image\/whiskey-cola.png?ssl=1\" alt=\"Whisky Cola\" class=\"drink-image\">\n          <div class=\"drink-info\">\n            <div class=\"drink-name\">Whisky Cola<\/div>\n            <button class=\"order-button\" onclick=\"orderDrink('Whisky Cola')\">Order Now<\/button>\n          <\/div>\n        <\/div>\n        <!-- Back -->\n        <div class=\"flip-card-back\">\n          <ul class=\"ingredients\">\n            <h3>Ingredients<\/h3>\n            <li>2 oz Whisky<\/li>\n            <li>4 oz Cola<\/li>\n            <li>Ice Cubes<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/li>\n\n    <!-- Blue Lagoon -->\n    <li class=\"flip-card\" onclick=\"flipCard(event)\">\n      <div class=\"flip-card-inner\">\n        <!-- Front -->\n        <div class=\"flip-card-front\">\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.trojkavodka.com\/storage\/temp\/public\/ec2\/857\/afb\/thumb_305_0_650_0_0_auto__578.png?ssl=1\" alt=\"Blue Lagoon\" class=\"drink-image\">\n          <div class=\"drink-info\">\n            <div class=\"drink-name\">Blue Lagoon<\/div>\n            <button class=\"order-button\" onclick=\"orderDrink('Blue Lagoon')\">Order Now<\/button>\n          <\/div>\n        <\/div>\n        <!-- Back -->\n        <div class=\"flip-card-back\">\n          <ul class=\"ingredients\">\n            <h3>Ingredients<\/h3>\n            <li>1 oz Vodka<\/li>\n            <li>1 oz Blue Cura\u00e7ao<\/li>\n            <li>4 oz Lemonade<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/li>\n\n    <!-- Fabian Spezial -->\n    <li class=\"flip-card\" onclick=\"flipCard(event)\">\n      <div class=\"flip-card-inner\">\n        <!-- Front -->\n        <div class=\"flip-card-front\">\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.schweppes.de\/cocktail-sync\/image-thumb__64254__cocktail-image\/virginraspberrymojito.png?ssl=1\" alt=\"Fabian Spezial\" class=\"drink-image\">\n          <div class=\"drink-info\">\n            <div class=\"drink-name\">Fabian Spezial<\/div>\n            <button class=\"order-button\" onclick=\"orderDrink('Fabian Spezial')\">Order Now<\/button>\n          <\/div>\n        <\/div>\n        <!-- Back -->\n        <div class=\"flip-card-back\">\n          <ul class=\"ingredients\">\n            <h3>Ingredients<\/h3>\n            <li>2 oz Rum (optional)<\/li>\n            <li>Raspberry Syrup<\/li>\n            <li>Lime &#038; Mint<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/li>\n  <\/ul>\n<\/div>\n\n<!-- New Drinks Section -->\n<div class=\"menu-section\" id=\"new\">\n  <h2>New Drinks<\/h2>\n  <ul class=\"drink-list\">\n    <!-- Moscow Mule -->\n    <li class=\"flip-card\" onclick=\"flipCard(event)\">\n      <div class=\"flip-card-inner\">\n        <!-- Front -->\n        <div class=\"flip-card-front\">\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/images.cocktailflow.com\/v1\/cocktail\/w_300%2Ch_540\/cocktail_moscow_mule-1.png?ssl=1\" alt=\"Moscow Mule\" class=\"drink-image\">\n          <div class=\"drink-info\">\n            <div class=\"drink-name\">Moscow Mule<\/div>\n            <button class=\"order-button\" onclick=\"orderDrink('Moscow Mule')\">Order Now<\/button>\n          <\/div>\n        <\/div>\n        <!-- Back -->\n        <div class=\"flip-card-back\">\n          <ul class=\"ingredients\">\n            <h3>Ingredients<\/h3>\n            <li>2 oz Vodka<\/li>\n            <li>4 oz Ginger Beer<\/li>\n            <li>1\/2 oz Lime Juice<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/li>\n\n    <!-- Caipirinha -->\n    <li class=\"flip-card\" onclick=\"flipCard(event)\">\n      <div class=\"flip-card-inner\">\n        <!-- Front -->\n        <div class=\"flip-card-front\">\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/peterpane.de\/wp-content\/uploads\/2021\/03\/caipirinha-cocktails.png?ssl=1\" alt=\"Caipirinha\" class=\"drink-image\">\n          <div class=\"drink-info\">\n            <div class=\"drink-name\">Caipirinha<\/div>\n            <button class=\"order-button\" onclick=\"orderDrink('Caipirinha')\">Order Now<\/button>\n          <\/div>\n        <\/div>\n        <!-- Back -->\n        <div class=\"flip-card-back\">\n          <ul class=\"ingredients\">\n            <h3>Ingredients<\/h3>\n            <li>2 oz Cacha\u00e7a<\/li>\n            <li>1 Lime (quartered)<\/li>\n            <li>2 tsp Sugar<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/li>\n\n    <!-- Margarita -->\n    <li class=\"flip-card\" onclick=\"flipCard(event)\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\">\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.eljimador.com\/wp-content\/uploads\/2024\/06\/El_Jimador_Frozen_Margarita_RGB_OL.png?ssl=1\" alt=\"Margarita\" class=\"drink-image\">\n          <div class=\"drink-info\">\n            <div class=\"drink-name\">Margarita<\/div>\n            <button class=\"order-button\" onclick=\"orderDrink('Margarita')\">Order Now<\/button>\n          <\/div>\n        <\/div>\n        <div class=\"flip-card-back\">\n          <ul class=\"ingredients\">\n            <h3>Ingredients<\/h3>\n            <li>2 oz Tequila<\/li>\n            <li>1 oz Triple Sec<\/li>\n            <li>1 oz Lime Juice<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/li>\n\n    <!-- Mai Tai -->\n    <li class=\"flip-card\" onclick=\"flipCard(event)\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\">\n          <img data-recalc-dims=\"1\" height=\"500\" width=\"500\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/peterpane.de\/wp-content\/uploads\/2021\/03\/mai-tai-cocktail-500x500.png?resize=500%2C500&#038;ssl=1\" alt=\"Mai Tai\" class=\"drink-image\">\n          <div class=\"drink-info\">\n            <div class=\"drink-name\">Mai Tai<\/div>\n            <button class=\"order-button\" onclick=\"orderDrink('Mai Tai')\">Order Now<\/button>\n          <\/div>\n        <\/div>\n        <div class=\"flip-card-back\">\n          <ul class=\"ingredients\">\n            <h3>Ingredients<\/h3>\n            <li>1 oz White Rum<\/li>\n            <li>1 oz Dark Rum<\/li>\n            <li>1\/2 oz Orange Cura\u00e7ao<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/li>\n\n    <!-- Tequila Sunrise -->\n    <li class=\"flip-card\" onclick=\"flipCard(event)\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\">\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.realingredients.com\/wp-content2\/uploads\/sites\/22\/2021\/10\/tequilasunrise.png?ssl=1\" alt=\"Tequila Sunrise\" class=\"drink-image\">\n          <div class=\"drink-info\">\n            <div class=\"drink-name\">Tequila Sunrise<\/div>\n            <button class=\"order-button\" onclick=\"orderDrink('Tequila Sunrise')\">Order Now<\/button>\n          <\/div>\n        <\/div>\n        <div class=\"flip-card-back\">\n          <ul class=\"ingredients\">\n            <h3>Ingredients<\/h3>\n            <li>2 oz Tequila<\/li>\n            <li>4 oz Orange Juice<\/li>\n            <li>1\/2 oz Grenadine<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/li>\n\n    <!-- Daiquiri -->\n    <li class=\"flip-card\" onclick=\"flipCard(event)\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\">\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.malibudrinks.com\/wp-content\/uploads\/2024\/02\/Malibu-Daiquiri-600x1200-1.webp?ssl=1\" alt=\"Daiquiri\" class=\"drink-image\">\n          <div class=\"drink-info\">\n            <div class=\"drink-name\">Daiquiri<\/div>\n            <button class=\"order-button\" onclick=\"orderDrink('Daiquiri')\">Order Now<\/button>\n          <\/div>\n        <\/div>\n        <div class=\"flip-card-back\">\n          <ul class=\"ingredients\">\n            <h3>Ingredients<\/h3>\n            <li>1.5 oz Light Rum<\/li>\n            <li>1 oz Lime Juice<\/li>\n            <li>1\/2 oz Simple Syrup<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/li>\n\n    <!-- Long Island Iced Tea -->\n    <li class=\"flip-card\" onclick=\"flipCard(event)\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\">\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/images.cocktailflow.com\/v1\/cocktail\/w_300%2Ch_540\/cocktail_long_island-1.png?ssl=1\" alt=\"Long Island Iced Tea\" class=\"drink-image\">\n          <div class=\"drink-info\">\n            <div class=\"drink-name\">Long Island Iced Tea<\/div>\n            <button class=\"order-button\" onclick=\"orderDrink('Long Island Iced Tea')\">Order Now<\/button>\n          <\/div>\n        <\/div>\n        <div class=\"flip-card-back\">\n          <ul class=\"ingredients\">\n            <h3>Ingredients<\/h3>\n            <li>1\/2 oz Vodka<\/li>\n            <li>1\/2 oz Tequila<\/li>\n            <li>1\/2 oz Rum<\/li>\n            <li>1\/2 oz Gin<\/li>\n            <li>1\/2 oz Triple Sec<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/li>\n\n    <!-- Tom Collins -->\n    <li class=\"flip-card\" onclick=\"flipCard(event)\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\">\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.schweppes.de\/cocktail-sync\/image-thumb__10128__cocktail-image\/tom-collins.png?ssl=1\" alt=\"Tom Collins\" class=\"drink-image\">\n          <div class=\"drink-info\">\n            <div class=\"drink-name\">Tom Collins<\/div>\n            <button class=\"order-button\" onclick=\"orderDrink('Tom Collins')\">Order Now<\/button>\n          <\/div>\n        <\/div>\n        <div class=\"flip-card-back\">\n          <ul class=\"ingredients\">\n            <h3>Ingredients<\/h3>\n            <li>2 oz Gin<\/li>\n            <li>1 oz Lemon Juice<\/li>\n            <li>1\/2 oz Simple Syrup<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/li>\n  <\/ul>\n<\/div>\n\n<!-- Shots Section -->\n<div class=\"menu-section\" id=\"shots\">\n  <h2>Shots<\/h2>\n  <ul class=\"drink-list\">\n    <!-- Amaretto -->\n    <li class=\"flip-card\" onclick=\"flipCard(event)\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\">\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/loja.licorbeirao.com\/cdn\/shop\/products\/Loja-CopoShot_1024x1024_4075171d-3d34-42cb-9e78-7c539ab966cf_grande.png?ssl=1\" alt=\"Amaretto\" class=\"drink-image\">\n          <div class=\"drink-info\">\n            <div class=\"drink-name\">Amaretto<\/div>\n            <button class=\"order-button\" onclick=\"orderDrink('Amaretto')\">Order Now<\/button>\n          <\/div>\n        <\/div>\n        <div class=\"flip-card-back\">\n          <ul class=\"ingredients\">\n            <h3>Ingredients<\/h3>\n            <li>1 oz Amaretto<\/li>\n            <li>(Served Straight Up)<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/li>\n\n    <!-- Malibu -->\n    <li class=\"flip-card\" onclick=\"flipCard(event)\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\">\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/d2q6ite07t3u1l.cloudfront.net\/public\/rumchata\/prod\/Uploads\/52Shot_CoconutCreamPie-v2.png?ssl=1\" alt=\"Malibu\" class=\"drink-image\">\n          <div class=\"drink-info\">\n            <div class=\"drink-name\">Malibu<\/div>\n            <button class=\"order-button\" onclick=\"orderDrink('Malibu')\">Order Now<\/button>\n          <\/div>\n        <\/div>\n        <div class=\"flip-card-back\">\n          <ul class=\"ingredients\">\n            <h3>Ingredients<\/h3>\n            <li>1 oz Malibu Coconut Rum<\/li>\n            <li>(Served Straight Up)<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/li>\n\n    <!-- Ficken -->\n    <li class=\"flip-card\" onclick=\"flipCard(event)\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\">\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/img.rewe-static.de\/1059512\/34842742_digital-image.png?ssl=1\" alt=\"Ficken\" class=\"drink-image\">\n          <div class=\"drink-info\">\n            <div class=\"drink-name\">Ficken<\/div>\n            <button class=\"order-button\" onclick=\"orderDrink('Ficken')\">Order Now<\/button>\n          <\/div>\n        <\/div>\n        <div class=\"flip-card-back\">\n          <ul class=\"ingredients\">\n            <h3>Ingredients<\/h3>\n            <li>1 oz Ficken Schnaps<\/li>\n            <li>(Served Straight Up)<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/li>\n  <\/ul>\n<\/div>\n\n<!-- Scripts -->\n<script>\n  \/\/ Keeps track of currently flipped card\n  let currentlyFlipped = null;\n\n  function flipCard(event) {\n    \/\/ Prevent the button click inside from also flipping the card\n    \/\/ (We'll handle ordering separately)\n    if (event.target.classList.contains('order-button')) {\n      return;\n    }\n\n    \/\/ The clicked element might be the card itself or a child.\n    \/\/ We'll climb up to the .flip-card if needed.\n    let card = event.currentTarget;\n\n    \/\/ If there's a card already flipped and it's not the one clicked\n    if (currentlyFlipped && currentlyFlipped !== card) {\n      \/\/ Remove the 'flipped' class from the previously flipped card\n      currentlyFlipped.classList.remove('flipped');\n      currentlyFlipped = null;\n    }\n\n    \/\/ Toggle the 'flipped' class on the current card\n    card.classList.toggle('flipped');\n\n    \/\/ If this card is now flipped, set it as the currently flipped card\n    if (card.classList.contains('flipped')) {\n      currentlyFlipped = card;\n    } else {\n      currentlyFlipped = null;\n    }\n  }\n\n  function orderDrink(drinkName) {\n    \/\/ Stop click from flipping the card\n    event.stopPropagation();\n\n    const groupInviteLink = \"https:\/\/chat.whatsapp.com\/E4s7CCTnmArE3Vc4imoBPk\";\n    const message = `Hello, I'd like to order a ${drinkName} from Charlie\u2019s Cozy Corner.`;\n    const url = `${groupInviteLink}?text=${encodeURIComponent(message)}`;\n    window.open(url, '_blank');\n  }\n<\/script>\n\n<footer>\n  <p>\u00a9 2023 Charlie\u2019s Cozy Cool Creative Corner<\/p>\n  <p>Follow us:\n    <a href=\"#\" >Instagram<\/a> |\n    <a href=\"#\" >Facebook<\/a>\n  <\/p>\n<\/footer>\n\n<\/body>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Charlie\u2019s Cozy Cool Creative Crack Cocaine Corner Charlie\u2019s Cozy Cool Creative Crack Cocaine Corner Cocktails New Drinks Shots Cocktails Cuba Libre Order Now Ingredients 2 oz Rum 4 oz Cola [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":""},"class_list":["post-440","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>- Fabian Vinke<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fabianvinke.com\/architektur\/charlescrazycorner\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- Fabian Vinke\" \/>\n<meta property=\"og:description\" content=\"Charlie\u2019s Cozy Cool Creative Crack Cocaine Corner Charlie\u2019s Cozy Cool Creative Crack Cocaine Corner Cocktails New Drinks Shots Cocktails Cuba Libre Order Now Ingredients 2 oz Rum 4 oz Cola [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fabianvinke.com\/architektur\/charlescrazycorner\/\" \/>\n<meta property=\"og:site_name\" content=\"Fabian Vinke\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-25T20:57:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/peterpane.de\/wp-content\/uploads\/2021\/03\/cuba-libre_highball_1080x1080.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"5\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/fabianvinke.com\\\/architektur\\\/charlescrazycorner\\\/\",\"url\":\"https:\\\/\\\/fabianvinke.com\\\/architektur\\\/charlescrazycorner\\\/\",\"name\":\"- Fabian Vinke\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fabianvinke.com\\\/architektur\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/fabianvinke.com\\\/architektur\\\/charlescrazycorner\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/fabianvinke.com\\\/architektur\\\/charlescrazycorner\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/peterpane.de\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/cuba-libre_highball_1080x1080.png\",\"datePublished\":\"2025-01-25T19:33:11+00:00\",\"dateModified\":\"2025-01-25T20:57:17+00:00\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fabianvinke.com\\\/architektur\\\/charlescrazycorner\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/fabianvinke.com\\\/architektur\\\/charlescrazycorner\\\/#primaryimage\",\"url\":\"https:\\\/\\\/peterpane.de\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/cuba-libre_highball_1080x1080.png\",\"contentUrl\":\"https:\\\/\\\/peterpane.de\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/cuba-libre_highball_1080x1080.png\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/fabianvinke.com\\\/architektur\\\/#website\",\"url\":\"https:\\\/\\\/fabianvinke.com\\\/architektur\\\/\",\"name\":\"Fabian Vinke\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/fabianvinke.com\\\/architektur\\\/#\\\/schema\\\/person\\\/2816b7d60577ce6d8efde484ce234610\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/fabianvinke.com\\\/architektur\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/fabianvinke.com\\\/architektur\\\/#\\\/schema\\\/person\\\/2816b7d60577ce6d8efde484ce234610\",\"name\":\"Fabian\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/i0.wp.com\\\/fabianvinke.com\\\/architektur\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/logo_fv_gold.png?fit=2048%2C2048&ssl=1\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/fabianvinke.com\\\/architektur\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/logo_fv_gold.png?fit=2048%2C2048&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/fabianvinke.com\\\/architektur\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/logo_fv_gold.png?fit=2048%2C2048&ssl=1\",\"width\":2048,\"height\":2048,\"caption\":\"Fabian\"},\"logo\":{\"@id\":\"https:\\\/\\\/i0.wp.com\\\/fabianvinke.com\\\/architektur\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/logo_fv_gold.png?fit=2048%2C2048&ssl=1\"},\"sameAs\":[\"https:\\\/\\\/fabianvinke.com\\\/architektur\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"- Fabian Vinke","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fabianvinke.com\/architektur\/charlescrazycorner\/","og_locale":"de_DE","og_type":"article","og_title":"- Fabian Vinke","og_description":"Charlie\u2019s Cozy Cool Creative Crack Cocaine Corner Charlie\u2019s Cozy Cool Creative Crack Cocaine Corner Cocktails New Drinks Shots Cocktails Cuba Libre Order Now Ingredients 2 oz Rum 4 oz Cola [&hellip;]","og_url":"https:\/\/fabianvinke.com\/architektur\/charlescrazycorner\/","og_site_name":"Fabian Vinke","article_modified_time":"2025-01-25T20:57:17+00:00","og_image":[{"url":"https:\/\/peterpane.de\/wp-content\/uploads\/2021\/03\/cuba-libre_highball_1080x1080.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"5\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fabianvinke.com\/architektur\/charlescrazycorner\/","url":"https:\/\/fabianvinke.com\/architektur\/charlescrazycorner\/","name":"- Fabian Vinke","isPartOf":{"@id":"https:\/\/fabianvinke.com\/architektur\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fabianvinke.com\/architektur\/charlescrazycorner\/#primaryimage"},"image":{"@id":"https:\/\/fabianvinke.com\/architektur\/charlescrazycorner\/#primaryimage"},"thumbnailUrl":"https:\/\/peterpane.de\/wp-content\/uploads\/2021\/03\/cuba-libre_highball_1080x1080.png","datePublished":"2025-01-25T19:33:11+00:00","dateModified":"2025-01-25T20:57:17+00:00","inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fabianvinke.com\/architektur\/charlescrazycorner\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/fabianvinke.com\/architektur\/charlescrazycorner\/#primaryimage","url":"https:\/\/peterpane.de\/wp-content\/uploads\/2021\/03\/cuba-libre_highball_1080x1080.png","contentUrl":"https:\/\/peterpane.de\/wp-content\/uploads\/2021\/03\/cuba-libre_highball_1080x1080.png"},{"@type":"WebSite","@id":"https:\/\/fabianvinke.com\/architektur\/#website","url":"https:\/\/fabianvinke.com\/architektur\/","name":"Fabian Vinke","description":"","publisher":{"@id":"https:\/\/fabianvinke.com\/architektur\/#\/schema\/person\/2816b7d60577ce6d8efde484ce234610"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fabianvinke.com\/architektur\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":["Person","Organization"],"@id":"https:\/\/fabianvinke.com\/architektur\/#\/schema\/person\/2816b7d60577ce6d8efde484ce234610","name":"Fabian","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/i0.wp.com\/fabianvinke.com\/architektur\/wp-content\/uploads\/2024\/04\/logo_fv_gold.png?fit=2048%2C2048&ssl=1","url":"https:\/\/i0.wp.com\/fabianvinke.com\/architektur\/wp-content\/uploads\/2024\/04\/logo_fv_gold.png?fit=2048%2C2048&ssl=1","contentUrl":"https:\/\/i0.wp.com\/fabianvinke.com\/architektur\/wp-content\/uploads\/2024\/04\/logo_fv_gold.png?fit=2048%2C2048&ssl=1","width":2048,"height":2048,"caption":"Fabian"},"logo":{"@id":"https:\/\/i0.wp.com\/fabianvinke.com\/architektur\/wp-content\/uploads\/2024\/04\/logo_fv_gold.png?fit=2048%2C2048&ssl=1"},"sameAs":["https:\/\/fabianvinke.com\/architektur"]}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fabianvinke.com\/architektur\/wp-json\/wp\/v2\/pages\/440","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fabianvinke.com\/architektur\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fabianvinke.com\/architektur\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fabianvinke.com\/architektur\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fabianvinke.com\/architektur\/wp-json\/wp\/v2\/comments?post=440"}],"version-history":[{"count":4,"href":"https:\/\/fabianvinke.com\/architektur\/wp-json\/wp\/v2\/pages\/440\/revisions"}],"predecessor-version":[{"id":447,"href":"https:\/\/fabianvinke.com\/architektur\/wp-json\/wp\/v2\/pages\/440\/revisions\/447"}],"wp:attachment":[{"href":"https:\/\/fabianvinke.com\/architektur\/wp-json\/wp\/v2\/media?parent=440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}