{"id":2,"date":"2019-10-10T13:29:41","date_gmt":"2019-10-10T11:29:41","guid":{"rendered":"https:\/\/macromedia-onlinemedien.de\/?page_id=2"},"modified":"2026-09-09T10:36:37","modified_gmt":"2026-09-09T08:36:37","slug":"startseite","status":"publish","type":"page","link":"https:\/\/celinegns.de\/en\/","title":{"rendered":"Startseite"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b097d38 elementor-section-content-middle elementor-section-height-full elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"b097d38\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3c65c59\" data-id=\"3c65c59\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-4c0b392 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4c0b392\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-9f1857e\" data-id=\"9f1857e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-18da69b elementor-widget elementor-widget-html\" data-id=\"18da69b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cg-hero-text\">\r\n\r\n  <div class=\"cg-hero-text__content\">\r\n\r\n\r\n    <!-- HEADLINE -->\r\n\r\n    <h1>\r\n      Content f\u00fcr drau\u00dfen<span>.<\/span>\r\n    <\/h1>\r\n\r\n\r\n\r\n    <!-- HAUPTTEXT -->\r\n\r\n    <p class=\"cg-hero-text__lead\">\r\n      Ich helfe alpinen Gastgebern, Destinationen und Outdoor-Anbietern,\r\n      ihren Ort und die Erlebnisse rundherum sichtbar zu machen.\r\n    <\/p>\r\n\r\n\r\n\r\n    <!-- LEISTUNGSZEILE -->\r\n\r\n    <div class=\"cg-hero-text__services\">\r\n\r\n      <span>\r\n        Foto\r\n      <\/span>\r\n\r\n      <i aria-hidden=\"true\"><\/i>\r\n\r\n      <span>\r\n        Video\r\n      <\/span>\r\n\r\n      <i aria-hidden=\"true\"><\/i>\r\n\r\n      <span>\r\n        Drohne\r\n      <\/span>\r\n\r\n\r\n      <span class=\"cg-hero-text__services-use\">\r\n        f\u00fcr Website &amp; Social Media\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- BUTTONS -->\r\n\r\n    <div class=\"cg-hero-text__buttons\">\r\n\r\n      <a\r\n        class=\"cg-hero-text__button cg-hero-text__button--primary\"\r\n        href=\"\/projekte\"\r\n      >\r\n        Projekte ansehen\r\n      <\/a>\r\n\r\n      <a\r\n        class=\"cg-hero-text__button cg-hero-text__button--secondary\"\r\n        href=\"\/kontakt\"\r\n      >\r\n        Projekt anfragen\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\r\n\r\n\/* =========================================================\r\n   BASIS\r\n========================================================= *\/\r\n\r\n.cg-hero-text,\r\n.cg-hero-text * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n.cg-hero-text {\r\n\r\n  --hero-gold: #b49367;\r\n  --hero-gold-hover: #c8a777;\r\n\r\n  --hero-white: #f5f3ef;\r\n  --hero-grey: #aaa7a2;\r\n\r\n  --hero-line: rgba(255,255,255,.13);\r\n\r\n\r\n  width: 100%;\r\n\r\n  height: 100%;\r\n\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n\r\n  font-family:\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.cg-hero-text__content {\r\n\r\n  width: 100%;\r\n\r\n  max-width: 720px;\r\n\r\n\r\n  padding:\r\n    clamp(50px,6vw,100px)\r\n    clamp(25px,5vw,90px);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HEADLINE\r\n========================================================= *\/\r\n\r\n.cg-hero-text h1 {\r\n\r\n  margin:\r\n    0 0 30px;\r\n\r\n\r\n  color:\r\n    var(--hero-white);\r\n\r\n\r\n  font-family:\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n\r\n  font-size:\r\n    clamp(50px,5vw,82px);\r\n\r\n\r\n  font-weight: 500;\r\n\r\n  line-height: 1.04;\r\n\r\n  letter-spacing: -.045em;\r\n\r\n}\r\n\r\n\r\n.cg-hero-text h1 span {\r\n\r\n  color:\r\n    var(--hero-gold);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HAUPTTEXT\r\n========================================================= *\/\r\n\r\n.cg-hero-text__lead {\r\n\r\n  max-width: 640px;\r\n\r\n\r\n  margin:\r\n    0;\r\n\r\n\r\n  color:\r\n    var(--hero-white);\r\n\r\n\r\n  font-size:\r\n    clamp(18px,1.4vw,23px);\r\n\r\n\r\n  font-weight: 400;\r\n\r\n  line-height: 1.55;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LEISTUNGSZEILE\r\n========================================================= *\/\r\n\r\n.cg-hero-text__services {\r\n\r\n  max-width: 640px;\r\n\r\n\r\n  margin-top: 24px;\r\n\r\n\r\n  padding-top: 20px;\r\n\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  flex-wrap: wrap;\r\n\r\n\r\n  gap:\r\n    9px 12px;\r\n\r\n\r\n  border-top:\r\n    1px solid var(--hero-line);\r\n\r\n\r\n  font-family:\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n\r\n\/* FOTO \/ VIDEO \/ DROHNE *\/\r\n\r\n.cg-hero-text__services\r\n> span:not(.cg-hero-text__services-use) {\r\n\r\n  color:\r\n    var(--hero-gold);\r\n\r\n\r\n  font-size:\r\n    clamp(13px,.95vw,16px);\r\n\r\n\r\n  font-weight: 600;\r\n\r\n  line-height: 1.4;\r\n\r\n\r\n  letter-spacing:\r\n    .08em;\r\n\r\n\r\n  text-transform:\r\n    uppercase;\r\n\r\n}\r\n\r\n\r\n\r\n\/* TRENNPUNKTE *\/\r\n\r\n.cg-hero-text__services i {\r\n\r\n  width: 3px;\r\n\r\n  height: 3px;\r\n\r\n\r\n  flex:\r\n    0 0 3px;\r\n\r\n\r\n  border-radius: 50%;\r\n\r\n\r\n  background:\r\n    var(--hero-gold);\r\n\r\n}\r\n\r\n\r\n\r\n\/* WEBSITE & SOCIAL MEDIA *\/\r\n\r\n.cg-hero-text__services-use {\r\n\r\n  flex-basis: 100%;\r\n\r\n\r\n  margin-top: 2px;\r\n\r\n\r\n  color:\r\n    var(--hero-white);\r\n\r\n\r\n  font-size:\r\n    clamp(16px,1.1vw,18px);\r\n\r\n\r\n  font-weight: 500;\r\n\r\n  line-height: 1.5;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n.cg-hero-text__buttons {\r\n\r\n  margin-top: 34px;\r\n\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  flex-wrap: wrap;\r\n\r\n\r\n  gap: 16px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON BASIS\r\n========================================================= *\/\r\n\r\n.cg-hero-text__button {\r\n\r\n  min-height: 58px;\r\n\r\n\r\n  padding:\r\n    0 27px;\r\n\r\n\r\n  display:\r\n    inline-flex;\r\n\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n\r\n  border:\r\n    1px solid var(--hero-gold);\r\n\r\n\r\n  font-family:\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 600;\r\n\r\n  line-height: 1;\r\n\r\n\r\n  letter-spacing: .1em;\r\n\r\n\r\n  text-align: center;\r\n\r\n  text-decoration: none;\r\n\r\n  text-transform: uppercase;\r\n\r\n\r\n  transition:\r\n    color .25s ease,\r\n    background-color .25s ease,\r\n    border-color .25s ease,\r\n    transform .25s ease;\r\n\r\n}\r\n\r\n\r\n\r\n\/* PRIMARY *\/\r\n\r\n.cg-hero-text__button--primary {\r\n\r\n  color:\r\n    #080808;\r\n\r\n\r\n  background:\r\n    var(--hero-gold);\r\n\r\n}\r\n\r\n\r\n\r\n\/* SECONDARY *\/\r\n\r\n.cg-hero-text__button--secondary {\r\n\r\n  color:\r\n    var(--hero-white);\r\n\r\n\r\n  background:\r\n    transparent;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON HOVER\r\n========================================================= *\/\r\n\r\n.cg-hero-text__button:hover,\r\n.cg-hero-text__button:focus-visible {\r\n\r\n  color:\r\n    #080808;\r\n\r\n\r\n  background:\r\n    var(--hero-gold-hover);\r\n\r\n\r\n  border-color:\r\n    var(--hero-gold-hover);\r\n\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\r\n.cg-hero-text__button:focus-visible {\r\n\r\n  outline:\r\n    2px solid var(--hero-gold-hover);\r\n\r\n\r\n  outline-offset:\r\n    5px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:1024px) {\r\n\r\n\r\n  .cg-hero-text__content {\r\n\r\n    padding:\r\n      60px\r\n      clamp(24px,4vw,50px);\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-hero-text h1 {\r\n\r\n    font-size:\r\n      clamp(43px,6vw,62px);\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-hero-text__lead {\r\n\r\n    font-size:\r\n      clamp(17px,2vw,21px);\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-hero-text__services-use {\r\n\r\n    font-size:\r\n      16px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMARTPHONE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:700px) {\r\n\r\n\r\n  .cg-hero-text {\r\n\r\n    height:\r\n      auto;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-hero-text__content {\r\n\r\n    max-width:\r\n      none;\r\n\r\n\r\n    padding:\r\n      55px 20px 65px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-hero-text h1 {\r\n\r\n    margin-bottom:\r\n      23px;\r\n\r\n\r\n    font-size:\r\n      clamp(39px,12vw,54px);\r\n\r\n\r\n    line-height:\r\n      1.03;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-hero-text__lead {\r\n\r\n    font-size:\r\n      clamp(17px,4.5vw,21px);\r\n\r\n\r\n    line-height:\r\n      1.5;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-hero-text__services {\r\n\r\n    margin-top:\r\n      21px;\r\n\r\n\r\n    padding-top:\r\n      18px;\r\n\r\n\r\n    gap:\r\n      7px 9px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-hero-text__services\r\n  > span:not(.cg-hero-text__services-use) {\r\n\r\n    font-size:\r\n      12px;\r\n\r\n\r\n    letter-spacing:\r\n      .07em;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-hero-text__services-use {\r\n\r\n    margin-top:\r\n      1px;\r\n\r\n\r\n    font-size:\r\n      15px;\r\n\r\n\r\n    line-height:\r\n      1.5;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-hero-text__buttons {\r\n\r\n    margin-top:\r\n      29px;\r\n\r\n\r\n    gap:\r\n      12px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-hero-text__button {\r\n\r\n    min-height:\r\n      54px;\r\n\r\n\r\n    padding:\r\n      0 20px;\r\n\r\n\r\n    font-size:\r\n      10px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   KLEINE SMARTPHONES\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:480px) {\r\n\r\n\r\n  .cg-hero-text__content {\r\n\r\n    padding:\r\n      50px 16px 60px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-hero-text__buttons {\r\n\r\n    flex-direction:\r\n      column;\r\n\r\n\r\n    align-items:\r\n      stretch;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-hero-text__button {\r\n\r\n    width:\r\n      100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n\r\n  .cg-hero-text__button {\r\n\r\n    transition:\r\n      none;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-95e4c63\" data-id=\"95e4c63\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d94dd9c elementor-cta--skin-cover elementor-cta--valign-middle elementor-animated-content elementor-bg-transform elementor-bg-transform-zoom-in elementor-invisible elementor-widget elementor-widget-call-to-action\" data-id=\"d94dd9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_blur_effect&quot;:&quot;yes&quot;,&quot;motion_fx_blur_direction&quot;:&quot;in-out&quot;,&quot;motion_fx_blur_level&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;motion_fx_blur_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:57,&quot;end&quot;:93}},&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"call-to-action.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<a class=\"elementor-cta\" href=\"https:\/\/celinegns.de\/ueber-mich\/\">\n\t\t\t\t\t<div class=\"elementor-cta__bg-wrapper\">\n\t\t\t\t<div class=\"elementor-cta__bg elementor-bg\" style=\"background-image: url(https:\/\/celinegns.de\/wp-content\/uploads\/2021\/05\/Celine-Genesi-Fotostudio-bearbeitet45-scaled.jpg);\"><\/div>\n\t\t\t\t<div class=\"elementor-cta__bg-overlay\"><\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-cta__content\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"elementor-cta__title elementor-cta__content-item elementor-content-item elementor-animated-item--grow\">.<\/h2>\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f23da4 elementor-widget elementor-widget-spacer\" data-id=\"7f23da4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50fbc8c elementor-widget elementor-widget-html\" data-id=\"50fbc8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a\r\n  class=\"cg-scroll-arrow\"\r\n  href=\"#leistungen\"\r\n  aria-label=\"Zu den Leistungen scrollen\"\r\n>\r\n  <svg viewBox=\"0 0 40 24\" aria-hidden=\"true\">\r\n    <path d=\"M4 4 20 20 36 4\"><\/path>\r\n  <\/svg>\r\n<\/a>\r\n\r\n<style>\r\n  .cg-scroll-arrow {\r\n    position: absolute;\r\n    left: 50%;\r\n    bottom: 26px;\r\n    z-index: 10;\r\n\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: #b49367;\r\n    text-decoration: none;\r\n\r\n    transform: translateX(-50%);\r\n    animation: cg-arrow-float 2.2s ease-in-out infinite;\r\n  }\r\n\r\n  .cg-scroll-arrow svg {\r\n    width: 30px;\r\n    height: 18px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.7;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  @keyframes cg-arrow-float {\r\n    0%,\r\n    100% {\r\n      transform: translateX(-50%) translateY(0);\r\n    }\r\n\r\n    50% {\r\n      transform: translateX(-50%) translateY(6px);\r\n    }\r\n  }\r\n\r\n  .cg-scroll-arrow:hover {\r\n    color: #c8a777;\r\n  }\r\n\r\n  .cg-scroll-arrow:focus-visible {\r\n    outline: 1px solid #b49367;\r\n    outline-offset: 5px;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  @media screen and (max-width: 700px) {\r\n    .cg-scroll-arrow {\r\n      bottom: 18px;\r\n    }\r\n\r\n    .cg-scroll-arrow svg {\r\n      width: 26px;\r\n      height: 16px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .cg-scroll-arrow {\r\n      animation: none;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-75a70ea elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"75a70ea\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f5bd887\" data-id=\"f5bd887\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-38049dd elementor-widget elementor-widget-html\" data-id=\"38049dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     LEISTUNGEN\r\n     DROHNENFOTO + 4 EINHEITLICHE KACHELN\r\n========================================================= -->\r\n\r\n\r\n<!-- MONTSERRAT -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n\r\n<section\r\n  class=\"alpine-services-showcase\"\r\n  id=\"leistungen\"\r\n>\r\n\r\n  <div class=\"alpine-services-showcase__inner\">\r\n\r\n\r\n    <!-- =====================================================\r\n         LABEL\r\n    ====================================================== -->\r\n\r\n    <p class=\"alpine-services-showcase__label\">\r\n      Leistungen\r\n    <\/p>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         FOTO + KACHELN\r\n    ====================================================== -->\r\n\r\n    <div class=\"alpine-services-showcase__layout\">\r\n\r\n\r\n      <!-- ===================================================\r\n           LINKS: DROHNENFOTO\r\n      ==================================================== -->\r\n\r\n      <figure class=\"alpine-services-showcase__photo\">\r\n\r\n        <img\r\n          src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Dolomiten_17.jpg\"\r\n          alt=\"Drohnenaufnahme einer alpinen Berglandschaft\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n\r\n      <\/figure>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           RECHTS: 4 KACHELN\r\n      ==================================================== -->\r\n\r\n      <div class=\"alpine-services-showcase__grid\">\r\n\r\n\r\n        <!-- =================================================\r\n             1. CONTENT\r\n        ================================================== -->\r\n\r\n        <article class=\"alpine-service\">\r\n\r\n\r\n          <div\r\n            class=\"alpine-service__icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n\r\n            <!-- CONTENT \/ MEDIEN -->\r\n\r\n            <svg viewBox=\"0 0 80 80\">\r\n\r\n              <rect\r\n                x=\"14\"\r\n                y=\"20\"\r\n                width=\"52\"\r\n                height=\"40\"\r\n                rx=\"5\"\r\n              \/>\r\n\r\n              <circle\r\n                cx=\"29\"\r\n                cy=\"33\"\r\n                r=\"4\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"m20 53 14-13 10 9 7-7 9 11\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M23 14h34\"\r\n              \/>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n\r\n          <h3>\r\n            Content\r\n          <\/h3>\r\n\r\n\r\n          <p class=\"alpine-service__content-list\">\r\n            Fotografie \u00b7 Video &amp; Reels<br>\r\n            Drohne \u00b7 Touren &amp; Umgebung\r\n          <\/p>\r\n\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             2. PLANUNG\r\n        ================================================== -->\r\n\r\n        <article class=\"alpine-service\">\r\n\r\n\r\n          <div\r\n            class=\"alpine-service__icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n\r\n            <!-- PLANUNG -->\r\n\r\n            <svg viewBox=\"0 0 80 80\">\r\n\r\n              <rect\r\n                x=\"18\"\r\n                y=\"16\"\r\n                width=\"44\"\r\n                height=\"50\"\r\n                rx=\"4\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M31 16v-5h18v5\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M28 31h24\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M28 41h24\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M28 51h17\"\r\n              \/>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n\r\n          <h3>\r\n            Planung\r\n          <\/h3>\r\n\r\n\r\n          <p>\r\n            Wir legen fest, welche Inhalte\r\n            und Formate ihr braucht.\r\n          <\/p>\r\n\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             3. PRODUKTION VOR ORT\r\n        ================================================== -->\r\n\r\n        <article class=\"alpine-service\">\r\n\r\n\r\n          <div\r\n            class=\"alpine-service__icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n\r\n            <!-- LOCATION \/ VOR ORT -->\r\n\r\n            <svg viewBox=\"0 0 80 80\">\r\n\r\n              <path\r\n                d=\"M40 69s21-20 21-38a21 21 0 1 0-42 0c0 18 21 38 21 38Z\"\r\n              \/>\r\n\r\n              <circle\r\n                cx=\"40\"\r\n                cy=\"31\"\r\n                r=\"8\"\r\n              \/>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n\r\n          <h3>\r\n            Produktion vor Ort\r\n          <\/h3>\r\n\r\n\r\n          <p>\r\n            Foto-, Video- und Drohnencontent\r\n            direkt bei euch.\r\n          <\/p>\r\n\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             4. ANWENDUNG\r\n        ================================================== -->\r\n\r\n        <article class=\"alpine-service\">\r\n\r\n\r\n          <div\r\n            class=\"alpine-service__icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n\r\n            <!-- WEBSITE \/ DIGITAL -->\r\n\r\n            <svg viewBox=\"0 0 80 80\">\r\n\r\n              <rect\r\n                x=\"10\"\r\n                y=\"17\"\r\n                width=\"60\"\r\n                height=\"42\"\r\n                rx=\"4\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M10 28h60\"\r\n              \/>\r\n\r\n              <circle\r\n                cx=\"18\"\r\n                cy=\"22.5\"\r\n                r=\"1.5\"\r\n              \/>\r\n\r\n              <circle\r\n                cx=\"24\"\r\n                cy=\"22.5\"\r\n                r=\"1.5\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M31 67h18\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M40 59v8\"\r\n              \/>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n\r\n          <h3>\r\n            Anwendung\r\n          <\/h3>\r\n\r\n\r\n          <p>\r\n            F\u00fcr Website, Social Media\r\n            und Reels.\r\n          <\/p>\r\n\r\n\r\n        <\/article>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\r\n\/* =========================================================\r\n   BASIS\r\n========================================================= *\/\r\n\r\n.alpine-services-showcase,\r\n.alpine-services-showcase * {\r\n\r\n  box-sizing:\r\n    border-box;\r\n\r\n}\r\n\r\n\r\n\r\n.alpine-services-showcase {\r\n\r\n  --background:\r\n    #0b0b0b;\r\n\r\n  --gold:\r\n    #b49367;\r\n\r\n  --gold-hover:\r\n    #c8a879;\r\n\r\n  --heading:\r\n    #f4f1ec;\r\n\r\n  --text:\r\n    #aaa7a2;\r\n\r\n  --line:\r\n    rgba(255,255,255,.12);\r\n\r\n\r\n  width:\r\n    100vw;\r\n\r\n\r\n  margin-left:\r\n    calc(50% - 50vw);\r\n\r\n\r\n  padding:\r\n    clamp(65px,5.5vw,90px)\r\n    0\r\n    clamp(75px,6vw,105px);\r\n\r\n\r\n  background:\r\n    var(--background);\r\n\r\n\r\n  border-top:\r\n    1px solid var(--line);\r\n\r\n\r\n  border-bottom:\r\n    1px solid var(--line);\r\n\r\n\r\n  font-family:\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n.alpine-services-showcase__inner {\r\n\r\n  width:\r\n    100%;\r\n\r\n\r\n  max-width:\r\n    1600px;\r\n\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n\r\n  padding:\r\n    0 clamp(20px,5vw,80px);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.alpine-services-showcase__label {\r\n\r\n  margin:\r\n    0 0\r\n    clamp(28px,2.5vw,40px);\r\n\r\n\r\n  padding:\r\n    0;\r\n\r\n\r\n  color:\r\n    var(--gold);\r\n\r\n\r\n  font-size:\r\n    12px;\r\n\r\n\r\n  font-weight:\r\n    600;\r\n\r\n\r\n  line-height:\r\n    1.4;\r\n\r\n\r\n  letter-spacing:\r\n    .19em;\r\n\r\n\r\n  text-transform:\r\n    uppercase;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP HAUPTLAYOUT\r\n========================================================= *\/\r\n\r\n.alpine-services-showcase__layout {\r\n\r\n  width:\r\n    100%;\r\n\r\n\r\n  display:\r\n    grid;\r\n\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.08fr)\r\n    minmax(570px,.92fr);\r\n\r\n\r\n  gap:\r\n    clamp(18px,1.6vw,28px);\r\n\r\n\r\n  align-items:\r\n    stretch;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DROHNENFOTO\r\n========================================================= *\/\r\n\r\n.alpine-services-showcase__photo {\r\n\r\n  position:\r\n    relative;\r\n\r\n\r\n  width:\r\n    100%;\r\n\r\n\r\n  min-height:\r\n    650px;\r\n\r\n\r\n  margin:\r\n    0;\r\n\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n\r\n  background:\r\n    #111;\r\n\r\n}\r\n\r\n\r\n\r\n.alpine-services-showcase__photo img {\r\n\r\n  position:\r\n    absolute;\r\n\r\n\r\n  inset:\r\n    0;\r\n\r\n\r\n  display:\r\n    block;\r\n\r\n\r\n  width:\r\n    100%;\r\n\r\n\r\n  height:\r\n    100%;\r\n\r\n\r\n  object-fit:\r\n    cover;\r\n\r\n\r\n  object-position:\r\n    center;\r\n\r\n\r\n  transform:\r\n    scale(1);\r\n\r\n\r\n  transition:\r\n    transform .8s\r\n    cubic-bezier(.2,.7,.2,1);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   2 x 2 GRID\r\n========================================================= *\/\r\n\r\n.alpine-services-showcase__grid {\r\n\r\n  width:\r\n    100%;\r\n\r\n\r\n  height:\r\n    100%;\r\n\r\n\r\n  display:\r\n    grid;\r\n\r\n\r\n  grid-template-columns:\r\n    repeat(2,minmax(0,1fr));\r\n\r\n\r\n  grid-template-rows:\r\n    repeat(2,minmax(0,1fr));\r\n\r\n\r\n  align-items:\r\n    stretch;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   KACHELN\r\n========================================================= *\/\r\n\r\n.alpine-service {\r\n\r\n  min-width:\r\n    0;\r\n\r\n\r\n  padding:\r\n    clamp(30px,2.5vw,45px)\r\n    clamp(22px,2.7vw,42px);\r\n\r\n\r\n  display:\r\n    flex;\r\n\r\n\r\n  flex-direction:\r\n    column;\r\n\r\n\r\n  align-items:\r\n    center;\r\n\r\n\r\n  justify-content:\r\n    center;\r\n\r\n\r\n  text-align:\r\n    center;\r\n\r\n\r\n  background:\r\n    transparent;\r\n\r\n\r\n  transition:\r\n    background-color .25s ease;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TRENNLINIEN\r\n========================================================= *\/\r\n\r\n\/* LINKE SPALTE *\/\r\n\r\n.alpine-service:nth-child(1),\r\n.alpine-service:nth-child(3) {\r\n\r\n  border-right:\r\n    1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n\/* OBERE REIHE *\/\r\n\r\n.alpine-service:nth-child(1),\r\n.alpine-service:nth-child(2) {\r\n\r\n  border-bottom:\r\n    1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n.alpine-service__icon {\r\n\r\n  width:\r\n    64px;\r\n\r\n\r\n  height:\r\n    64px;\r\n\r\n\r\n  min-width:\r\n    64px;\r\n\r\n\r\n  min-height:\r\n    64px;\r\n\r\n\r\n  flex:\r\n    0 0 64px;\r\n\r\n\r\n  margin:\r\n    0 auto 24px;\r\n\r\n\r\n  display:\r\n    flex;\r\n\r\n\r\n  align-items:\r\n    center;\r\n\r\n\r\n  justify-content:\r\n    center;\r\n\r\n\r\n  color:\r\n    var(--gold);\r\n\r\n\r\n  transition:\r\n    color .25s ease,\r\n    transform .25s ease;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SVG\r\n========================================================= *\/\r\n\r\n.alpine-service__icon svg {\r\n\r\n  display:\r\n    block;\r\n\r\n\r\n  width:\r\n    60px;\r\n\r\n\r\n  height:\r\n    60px;\r\n\r\n\r\n  fill:\r\n    none;\r\n\r\n\r\n  stroke:\r\n    currentColor;\r\n\r\n\r\n  stroke-width:\r\n    1.8;\r\n\r\n\r\n  stroke-linecap:\r\n    round;\r\n\r\n\r\n  stroke-linejoin:\r\n    round;\r\n\r\n\r\n  vector-effect:\r\n    non-scaling-stroke;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   \u00dcBERSCHRIFT\r\n========================================================= *\/\r\n\r\n.alpine-service h3 {\r\n\r\n  width:\r\n    100%;\r\n\r\n\r\n  margin:\r\n    0 0 14px;\r\n\r\n\r\n  color:\r\n    var(--heading);\r\n\r\n\r\n  font-family:\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n\r\n  font-size:\r\n    clamp(19px,1.4vw,23px);\r\n\r\n\r\n  font-weight:\r\n    500;\r\n\r\n\r\n  line-height:\r\n    1.35;\r\n\r\n\r\n  text-align:\r\n    center;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n========================================================= *\/\r\n\r\n.alpine-service p {\r\n\r\n  width:\r\n    100%;\r\n\r\n\r\n  max-width:\r\n    300px;\r\n\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n\r\n  color:\r\n    var(--text);\r\n\r\n\r\n  font-family:\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n\r\n  font-size:\r\n    13.5px;\r\n\r\n\r\n  font-weight:\r\n    400;\r\n\r\n\r\n  line-height:\r\n    1.7;\r\n\r\n\r\n  text-align:\r\n    center;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT-KACHEL\r\n\r\n   Etwas kompakter, damit die vier Bereiche\r\n   schnell erfassbar bleiben.\r\n========================================================= *\/\r\n\r\n.alpine-service__content-list {\r\n\r\n  max-width:\r\n    320px !important;\r\n\r\n\r\n  color:\r\n    var(--text);\r\n\r\n\r\n  font-size:\r\n    12.5px !important;\r\n\r\n\r\n  font-weight:\r\n    400;\r\n\r\n\r\n  line-height:\r\n    1.8 !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n========================================================= *\/\r\n\r\n@media (hover:hover) and (pointer:fine) {\r\n\r\n\r\n  .alpine-service:hover {\r\n\r\n    background-color:\r\n      rgba(255,255,255,.025);\r\n\r\n  }\r\n\r\n\r\n\r\n  .alpine-service:hover\r\n  .alpine-service__icon {\r\n\r\n    color:\r\n      var(--gold-hover);\r\n\r\n\r\n    transform:\r\n      translateY(-4px);\r\n\r\n  }\r\n\r\n\r\n\r\n  .alpine-services-showcase__photo:hover img {\r\n\r\n    transform:\r\n      scale(1.018);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:1050px) {\r\n\r\n\r\n  .alpine-services-showcase {\r\n\r\n    padding:\r\n      60px 0 80px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .alpine-services-showcase__inner {\r\n\r\n    padding:\r\n      0 32px;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* FOTO OBEN *\/\r\n\r\n  .alpine-services-showcase__layout {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n\r\n    gap:\r\n      20px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .alpine-services-showcase__photo {\r\n\r\n    min-height:\r\n      0;\r\n\r\n\r\n    aspect-ratio:\r\n      16 \/ 8.5;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* KACHELN BLEIBEN 2 x 2 *\/\r\n\r\n  .alpine-services-showcase__grid {\r\n\r\n    grid-template-columns:\r\n      repeat(2,minmax(0,1fr));\r\n\r\n\r\n    grid-template-rows:\r\n      auto;\r\n\r\n  }\r\n\r\n\r\n\r\n  .alpine-service {\r\n\r\n    min-height:\r\n      285px;\r\n\r\n\r\n    padding:\r\n      40px 30px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:700px) {\r\n\r\n\r\n  .alpine-services-showcase {\r\n\r\n    padding:\r\n      50px 0 65px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .alpine-services-showcase__inner {\r\n\r\n    padding:\r\n      0 18px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .alpine-services-showcase__label {\r\n\r\n    margin-bottom:\r\n      24px;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* FOTO *\/\r\n\r\n  .alpine-services-showcase__photo {\r\n\r\n    aspect-ratio:\r\n      4 \/ 3;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* WEITERHIN 2 x 2 *\/\r\n\r\n  .alpine-services-showcase__grid {\r\n\r\n    grid-template-columns:\r\n      repeat(2,minmax(0,1fr));\r\n\r\n  }\r\n\r\n\r\n\r\n  .alpine-service {\r\n\r\n    min-height:\r\n      245px;\r\n\r\n\r\n    padding:\r\n      28px 16px;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* ICONS *\/\r\n\r\n  .alpine-service__icon {\r\n\r\n    width:\r\n      52px;\r\n\r\n\r\n    height:\r\n      52px;\r\n\r\n\r\n    min-width:\r\n      52px;\r\n\r\n\r\n    min-height:\r\n      52px;\r\n\r\n\r\n    flex-basis:\r\n      52px;\r\n\r\n\r\n    margin-bottom:\r\n      18px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .alpine-service__icon svg {\r\n\r\n    width:\r\n      49px;\r\n\r\n\r\n    height:\r\n      49px;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* TITEL *\/\r\n\r\n  .alpine-service h3 {\r\n\r\n    margin-bottom:\r\n      10px;\r\n\r\n\r\n    font-size:\r\n      clamp(16px,4.4vw,20px);\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* TEXT *\/\r\n\r\n  .alpine-service p {\r\n\r\n    max-width:\r\n      250px;\r\n\r\n\r\n    font-size:\r\n      11.5px;\r\n\r\n\r\n    line-height:\r\n      1.6;\r\n\r\n  }\r\n\r\n\r\n\r\n  .alpine-service__content-list {\r\n\r\n    font-size:\r\n      10.5px !important;\r\n\r\n\r\n    line-height:\r\n      1.7 !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SEHR KLEINE HANDYS\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:460px) {\r\n\r\n\r\n  .alpine-services-showcase__inner {\r\n\r\n    padding:\r\n      0 14px;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* KACHELN EINSPALTIG *\/\r\n\r\n  .alpine-services-showcase__grid {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n\r\n  .alpine-service {\r\n\r\n    min-height:\r\n      0;\r\n\r\n\r\n    padding:\r\n      42px 22px;\r\n\r\n\r\n    border-right:\r\n      none !important;\r\n\r\n\r\n    border-bottom:\r\n      1px solid var(--line);\r\n\r\n  }\r\n\r\n\r\n\r\n  .alpine-service:last-child {\r\n\r\n    border-bottom:\r\n      none;\r\n\r\n  }\r\n\r\n\r\n\r\n  .alpine-service__icon {\r\n\r\n    width:\r\n      64px;\r\n\r\n\r\n    height:\r\n      64px;\r\n\r\n\r\n    min-width:\r\n      64px;\r\n\r\n\r\n    min-height:\r\n      64px;\r\n\r\n\r\n    flex-basis:\r\n      64px;\r\n\r\n\r\n    margin-bottom:\r\n      23px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .alpine-service__icon svg {\r\n\r\n    width:\r\n      60px;\r\n\r\n\r\n    height:\r\n      60px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .alpine-service h3 {\r\n\r\n    font-size:\r\n      20px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .alpine-service p {\r\n\r\n    max-width:\r\n      340px;\r\n\r\n\r\n    font-size:\r\n      14px;\r\n\r\n\r\n    line-height:\r\n      1.7;\r\n\r\n  }\r\n\r\n\r\n\r\n  .alpine-service__content-list {\r\n\r\n    max-width:\r\n      340px !important;\r\n\r\n\r\n    font-size:\r\n      13px !important;\r\n\r\n\r\n    line-height:\r\n      1.8 !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n\r\n  .alpine-service,\r\n  .alpine-service__icon,\r\n  .alpine-services-showcase__photo img {\r\n\r\n    transition:\r\n      none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-04551b3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"04551b3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a93f8b8\" data-id=\"a93f8b8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cd5d01c elementor-widget elementor-widget-html\" data-id=\"cd5d01c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\n     MEINE ARBEIT\n     FEATURED BEISPIEL + WEITERE PROJEKTE\n\n     BILDER SIND EINZELN AUSTAUSCHBAR:\n     - Website Hero\n     - Website Bild 01\n     - Website Bild 02\n     - Website Bild 03\n     - Instagram Bild 01\u201306\n     - Reel Bild\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600&display=swap\"\n  rel=\"stylesheet\"\n>\n\n\n<section\n  class=\"cg-work\"\n  id=\"projekte\"\n>\n\n  <div class=\"cg-work__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <header class=\"cg-work__header\">\n\n      <span class=\"cg-work__eyebrow\">\n        Meine Arbeit\n      <\/span>\n\n      <h2>\n        So kann das Ergebnis aussehen.\n      <\/h2>\n\n    <\/header>\n\n\n\n    <!-- =====================================================\n         FEATURED BEISPIEL\n    ====================================================== -->\n\n    <article class=\"cg-featured\">\n\n\n      <!-- ===================================================\n           TITEL \u00dcBER DEN MOCKUPS\n      ==================================================== -->\n\n      <div class=\"cg-featured__head\">\n\n        <div>\n\n          <span class=\"cg-featured__label\">\n            Beispielprojekt\n          <\/span>\n\n          <h3>\n            Alpine Content Beispiel\n          <\/h3>\n\n        <\/div>\n\n\n        <p class=\"cg-featured__tags\">\n          Foto \u00b7 Website \u00b7 Social Media \u00b7 Reel\n        <\/p>\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           MOCKUPS\n      ==================================================== -->\n\n      <a\n        class=\"cg-featured__visual\"\n        href=\"https:\/\/celinegns.de\/alpine-content-story\/\"\n        aria-label=\"Alpine Content Beispiel ansehen\"\n      >\n\n        <div class=\"cg-featured__stage\">\n\n\n          <!-- =================================================\n               WEBSITE MOCKUP\n          ================================================== -->\n\n          <div class=\"cg-browser\">\n\n\n            <!-- Browser-Leiste -->\n\n            <div class=\"cg-browser__bar\">\n\n              <div class=\"cg-browser__dots\">\n\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n\n              <\/div>\n\n\n              <span class=\"cg-browser__url\">\n                alpine-stay.de\n              <\/span>\n\n            <\/div>\n\n\n\n            <!-- ===============================================\n                 WEBSITE HERO\n\n                 BILD \u00c4NDERN 01:\n                 Hier einfach die URL bei src ersetzen.\n            ================================================ -->\n\n            <div class=\"cg-browser__hero\">\n\n              <img decoding=\"async\"\n                src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_01.jpg\"\n                alt=\"\"\n                loading=\"lazy\"\n              >\n\n\n              <div class=\"cg-browser__shade\"><\/div>\n\n\n              <div class=\"cg-browser__copy\">\n\n                <small>\n                  BERGE \u00b7 NATUR \u00b7 AUSZEIT\n                <\/small>\n\n                <strong>\n                  Drau\u00dfen zuhause.\n                <\/strong>\n\n                <span>\n                  Alpine Auszeit in Dam\u00fcls\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <!-- ===============================================\n                 WEBSITE BILDER UNTEN\n\n                 BILD \u00c4NDERN 02\u201304\n            ================================================ -->\n\n            <div class=\"cg-browser__bottom\">\n\n\n              <!-- WEBSITE BILD 02 -->\n\n              <div class=\"cg-browser__card\">\n\n                <img decoding=\"async\"\n                  src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_01.jpg\"\n                  alt=\"\"\n                  loading=\"lazy\"\n                >\n\n                <div class=\"cg-browser__card-shade\"><\/div>\n\n                <div class=\"cg-browser__card-copy\">\n\n                  <span>\n                    01\n                  <\/span>\n\n                  <strong>\n                    Unterkunft\n                  <\/strong>\n\n                <\/div>\n\n              <\/div>\n\n\n\n              <!-- WEBSITE BILD 03 -->\n\n              <div class=\"cg-browser__card\">\n\n                <img decoding=\"async\"\n                  src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_05.jpg\"\n                  alt=\"\"\n                  loading=\"lazy\"\n                >\n\n                <div class=\"cg-browser__card-shade\"><\/div>\n\n                <div class=\"cg-browser__card-copy\">\n\n                  <span>\n                    02\n                  <\/span>\n\n                  <strong>\n                    Drau\u00dfen\n                  <\/strong>\n\n                <\/div>\n\n              <\/div>\n\n\n\n              <!-- WEBSITE BILD 04 -->\n\n              <div class=\"cg-browser__card\">\n\n                <img decoding=\"async\"\n                  src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_02-e1786529343254.jpg\"\n                  alt=\"\"\n                  loading=\"lazy\"\n                >\n\n                <div class=\"cg-browser__card-shade\"><\/div>\n\n                <div class=\"cg-browser__card-copy\">\n\n                  <span>\n                    03\n                  <\/span>\n\n                  <strong>\n                    Erleben\n                  <\/strong>\n\n                <\/div>\n\n              <\/div>\n\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <!-- =================================================\n               INSTAGRAM MOCKUP\n\n               ALLE 6 BILDER SIND EINZELN AUSTAUSCHBAR\n          ================================================== -->\n\n          <div class=\"cg-social\">\n\n\n            <!-- INSTAGRAM HEADER -->\n\n            <div class=\"cg-social__head\">\n\n              <div class=\"cg-social__avatar\">\n\n                <!--\n                     INSTAGRAM PROFILBILD \u00c4NDERN\n                -->\n\n                <img decoding=\"async\"\n                  src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_01.jpg\"\n                  alt=\"\"\n                  loading=\"lazy\"\n                >\n\n              <\/div>\n\n\n              <div>\n\n                <strong>\n                  alpine.stay\n                <\/strong>\n\n                <span>\n                  Dam\u00fcls \u00b7 Vorarlberg\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <!-- INSTAGRAM GRID -->\n\n            <div class=\"cg-social__grid\">\n\n\n              <!-- =============================================\n                   INSTAGRAM BILD 01\n              ============================================== -->\n\n              <img decoding=\"async\"\n                src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_01.jpg\"\n                alt=\"\"\n                loading=\"lazy\"\n              >\n\n\n\n              <!-- =============================================\n                   INSTAGRAM BILD 02\n              ============================================== -->\n\n              <img decoding=\"async\"\n                src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_10.jpg\"\n                alt=\"\"\n                loading=\"lazy\"\n              >\n\n\n\n              <!-- =============================================\n                   INSTAGRAM BILD 03\n              ============================================== -->\n\n              <img decoding=\"async\"\n                src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_05.jpg\"\n                alt=\"\"\n                loading=\"lazy\"\n              >\n\n\n\n              <!-- =============================================\n                   INSTAGRAM BILD 04\n              ============================================== -->\n\n              <img decoding=\"async\"\n                src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_04.jpg\"\n                alt=\"\"\n                loading=\"lazy\"\n              >\n\n\n\n              <!-- =============================================\n                   INSTAGRAM BILD 05\n              ============================================== -->\n\n              <img decoding=\"async\"\n                src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_06.jpg\"\n                alt=\"\"\n                loading=\"lazy\"\n              >\n\n\n\n              <!-- =============================================\n                   INSTAGRAM BILD 06\n              ============================================== -->\n\n              <img decoding=\"async\"\n                src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_03-e1786529193568.jpg\"\n                alt=\"\"\n                loading=\"lazy\"\n              >\n\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <!-- =================================================\n               REEL \/ PHONE\n\n               REEL BILD EINZELN AUSTAUSCHBAR\n          ================================================== -->\n\n          <div class=\"cg-phone\">\n\n            <div class=\"cg-phone__screen\">\n\n\n              <!-- =============================================\n                   REEL BILD \u00c4NDERN\n              ============================================== -->\n\n              <img decoding=\"async\"\n                src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_05.jpg\"\n                alt=\"\"\n                loading=\"lazy\"\n              >\n\n\n              <div class=\"cg-phone__shade\"><\/div>\n\n              <div class=\"cg-phone__notch\"><\/div>\n\n\n              <div class=\"cg-phone__copy\">\n\n                <small>\n                  REEL\n                <\/small>\n\n                <strong>\n                  Ein Tag<br>\n                  drau\u00dfen.\n                <\/strong>\n\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n\n        <\/div>\n\n      <\/a>\n\n\n\n      <!-- ===================================================\n           FEATURED INFO\n      ==================================================== -->\n\n      <div class=\"cg-featured__bottom\">\n\n        <p>\n          Ein selbst initiiertes Beispiel daf\u00fcr, wie Content\n          f\u00fcr einen alpinen Aufenthalt produziert und f\u00fcr\n          Website und Social Media eingesetzt werden kann.\n        <\/p>\n\n\n        <a\n          class=\"cg-featured__link\"\n          href=\"https:\/\/celinegns.de\/alpine-content-story\/\"\n        >\n          Projekt ansehen\n          <span aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n\n      <\/div>\n\n\n    <\/article>\n\n\n\n    <!-- =====================================================\n         WEITERE PROJEKTE\n    ====================================================== -->\n\n    <div class=\"cg-more\">\n\n\n      <!-- ===================================================\n           LINKE INFOSPALTE\n      ==================================================== -->\n\n      <div class=\"cg-more__intro\">\n\n        <span class=\"cg-more__label\">\n          Weitere Projekte\n        <\/span>\n\n\n        <h3>\n          Mehr aus den Bergen.\n        <\/h3>\n\n\n        <p>\n          Zwei weitere Beispiele rund um alpine Orte,\n          Touren und Outdoor-Fotografie.\n        <\/p>\n\n\n        <a\n          class=\"cg-more__link\"\n          href=\"\/projekte\/\"\n        >\n          Alle Projekte ansehen\n          <span aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           ALPINE H\u00dcTTEN STORY\n      ==================================================== -->\n\n      <article class=\"cg-project-card\">\n\n        <a\n          class=\"cg-project-card__link\"\n          href=\"https:\/\/celinegns.de\/alpine-huetten-story\/\"\n          aria-label=\"Alpine H\u00fctten Story ansehen\"\n        >\n\n          <div class=\"cg-project-card__media\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Dolomiten_02-scaled.jpg\"\n              alt=\"Bergh\u00fctte in einer alpinen Berglandschaft\"\n              loading=\"lazy\"\n            >\n\n\n            <div class=\"cg-project-card__overlay\"><\/div>\n\n\n            <div class=\"cg-project-card__tags\">\n\n              <span>\n                H\u00fctte\n              <\/span>\n\n              <span>\n                Touren\n              <\/span>\n\n              <span>\n                Umgebung\n              <\/span>\n\n            <\/div>\n\n\n            <div class=\"cg-project-card__title\">\n\n              <h3>\n                Alpine H\u00fctten Story\n              <\/h3>\n\n            <\/div>\n\n          <\/div>\n\n        <\/a>\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           NORWEGEN OUTDOOR STORY\n      ==================================================== -->\n\n      <article class=\"cg-project-card\">\n\n        <a\n          class=\"cg-project-card__link\"\n          href=\"https:\/\/celinegns.de\/norwegen-trail-story\/\"\n          aria-label=\"Norwegen Outdoor Story ansehen\"\n        >\n\n          <div class=\"cg-project-card__media\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Norwegen_07-scaled.jpg\"\n              alt=\"Wanderer in einer norwegischen Berglandschaft\"\n              loading=\"lazy\"\n            >\n\n\n            <div class=\"cg-project-card__overlay\"><\/div>\n\n\n            <div class=\"cg-project-card__tags\">\n\n              <span>\n                Senja\n              <\/span>\n\n              <span>\n                Wandern\n              <\/span>\n\n              <span>\n                Mitternachtssonne\n              <\/span>\n\n            <\/div>\n\n\n            <div class=\"cg-project-card__title\">\n\n              <h3>\n                Norwegen Outdoor Story\n              <\/h3>\n\n            <\/div>\n\n          <\/div>\n\n        <\/a>\n\n      <\/article>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\n\/* =========================================================\n   BASIS\n========================================================= *\/\n\n.cg-work,\n.cg-work * {\n\n  box-sizing: border-box;\n\n}\n\n\n.cg-work {\n\n  --bg: #080808;\n\n  --surface: #111111;\n\n  --white: #f5f3ef;\n\n  --text: #aaa7a2;\n\n  --gold: #b49367;\n\n  --gold-hover: #c8a777;\n\n  --line: rgba(255,255,255,.12);\n\n\n  width: 100vw;\n\n\n  margin-left:\n    calc(50% - 50vw);\n\n\n  padding:\n    clamp(70px,5.5vw,90px)\n    0\n    clamp(75px,6vw,100px);\n\n\n  background:\n    var(--bg);\n\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n\n  overflow:\n    hidden;\n\n}\n\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.cg-work__inner {\n\n  width:\n    100%;\n\n\n  max-width:\n    1600px;\n\n\n  margin:\n    0 auto;\n\n\n  padding:\n    0 clamp(20px,5vw,80px);\n\n}\n\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.cg-work__header {\n\n  margin-bottom:\n    clamp(38px,4vw,52px);\n\n}\n\n\n\n.cg-work__eyebrow {\n\n  display:\n    block;\n\n\n  margin-bottom:\n    15px;\n\n\n  color:\n    var(--gold);\n\n\n  font-size:\n    12px;\n\n\n  font-weight:\n    600;\n\n\n  line-height:\n    1.4;\n\n\n  letter-spacing:\n    .19em;\n\n\n  text-transform:\n    uppercase;\n\n}\n\n\n\n.cg-work__header h2 {\n\n  max-width:\n    780px;\n\n\n  margin:\n    0;\n\n\n  color:\n    var(--white);\n\n\n  font-size:\n    clamp(32px,3.3vw,54px);\n\n\n  font-weight:\n    500;\n\n\n  line-height:\n    1.08;\n\n\n  letter-spacing:\n    -.025em;\n\n}\n\n\n\n\/* =========================================================\n   FEATURED\n========================================================= *\/\n\n.cg-featured {\n\n  width:\n    100%;\n\n\n  padding:\n    clamp(27px,2.4vw,36px)\n    0\n    clamp(32px,2.8vw,40px);\n\n\n  border-top:\n    1px solid var(--line);\n\n\n  border-bottom:\n    1px solid var(--line);\n\n}\n\n\n\n\/* =========================================================\n   FEATURED HEADER\n========================================================= *\/\n\n.cg-featured__head {\n\n  width:\n    100%;\n\n\n  margin-bottom:\n    24px;\n\n\n  display:\n    flex;\n\n\n  align-items:\n    flex-end;\n\n\n  justify-content:\n    space-between;\n\n\n  gap:\n    30px;\n\n}\n\n\n\n.cg-featured__label {\n\n  display:\n    block;\n\n\n  margin-bottom:\n    9px;\n\n\n  color:\n    var(--gold);\n\n\n  font-size:\n    10px;\n\n\n  font-weight:\n    600;\n\n\n  line-height:\n    1.4;\n\n\n  letter-spacing:\n    .16em;\n\n\n  text-transform:\n    uppercase;\n\n}\n\n\n\n.cg-featured__head h3 {\n\n  margin:\n    0;\n\n\n  color:\n    var(--white);\n\n\n  font-size:\n    clamp(23px,2vw,31px);\n\n\n  font-weight:\n    500;\n\n\n  line-height:\n    1.25;\n\n\n  letter-spacing:\n    -.015em;\n\n}\n\n\n\n.cg-featured__tags {\n\n  margin:\n    0 0 2px;\n\n\n  color:\n    var(--text);\n\n\n  font-size:\n    11px;\n\n\n  font-weight:\n    400;\n\n\n  line-height:\n    1.6;\n\n\n  text-align:\n    right;\n\n}\n\n\n\n\/* =========================================================\n   FEATURED VISUAL\n========================================================= *\/\n\n.cg-featured__visual {\n\n  display:\n    block;\n\n\n  width:\n    100%;\n\n\n  color:\n    inherit;\n\n\n  text-decoration:\n    none;\n\n}\n\n\n\n\/* =========================================================\n   STAGE\n========================================================= *\/\n\n.cg-featured__stage {\n\n  position:\n    relative;\n\n\n  width:\n    100%;\n\n\n  min-height:\n    480px;\n\n\n  padding:\n    42px\n    clamp(60px,6vw,105px);\n\n\n  display:\n    flex;\n\n\n  align-items:\n    center;\n\n\n  justify-content:\n    center;\n\n\n  gap:\n    clamp(20px,2.4vw,38px);\n\n\n  overflow:\n    hidden;\n\n\n  background:\n    var(--surface);\n\n}\n\n\n\n\/* =========================================================\n   WEBSITE \/ BROWSER\n========================================================= *\/\n\n.cg-browser {\n\n  width:\n    min(53%,640px);\n\n\n  flex:\n    0 1 640px;\n\n\n  background:\n    #e8e2d9;\n\n\n  box-shadow:\n    0 28px 75px\n    rgba(0,0,0,.35);\n\n}\n\n\n\n\/* =========================================================\n   BROWSER BAR\n========================================================= *\/\n\n.cg-browser__bar {\n\n  position:\n    relative;\n\n\n  height:\n    27px;\n\n\n  padding:\n    0 11px;\n\n\n  display:\n    flex;\n\n\n  align-items:\n    center;\n\n\n  background:\n    #191919;\n\n}\n\n\n\n.cg-browser__dots {\n\n  display:\n    flex;\n\n\n  gap:\n    5px;\n\n}\n\n\n\n.cg-browser__dots span {\n\n  width:\n    5px;\n\n\n  height:\n    5px;\n\n\n  border-radius:\n    50%;\n\n\n  background:\n    rgba(255,255,255,.42);\n\n}\n\n\n\n.cg-browser__url {\n\n  position:\n    absolute;\n\n\n  top:\n    50%;\n\n\n  left:\n    50%;\n\n\n  transform:\n    translate(-50%,-50%);\n\n\n  color:\n    rgba(255,255,255,.42);\n\n\n  font-size:\n    6px;\n\n}\n\n\n\n\/* =========================================================\n   WEBSITE HERO\n========================================================= *\/\n\n.cg-browser__hero {\n\n  position:\n    relative;\n\n\n  height:\n    clamp(220px,18vw,285px);\n\n\n  overflow:\n    hidden;\n\n}\n\n\n\n.cg-browser__hero img {\n\n  position:\n    absolute;\n\n\n  inset:\n    0;\n\n\n  width:\n    100%;\n\n\n  height:\n    100%;\n\n\n  object-fit:\n    cover;\n\n}\n\n\n\n\/* =========================================================\n   WEBSITE HERO SHADE\n========================================================= *\/\n\n.cg-browser__shade {\n\n  position:\n    absolute;\n\n\n  inset:\n    0;\n\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(0,0,0,.58),\n      rgba(0,0,0,.04)\n    );\n\n}\n\n\n\n\/* =========================================================\n   WEBSITE HERO TEXT\n========================================================= *\/\n\n.cg-browser__copy {\n\n  position:\n    absolute;\n\n\n  z-index:\n    2;\n\n\n  left:\n    7%;\n\n\n  bottom:\n    15%;\n\n\n  color:\n    #fff;\n\n}\n\n\n\n.cg-browser__copy small {\n\n  display:\n    block;\n\n\n  margin-bottom:\n    7px;\n\n\n  font-size:\n    clamp(5px,.5vw,7px);\n\n\n  font-weight:\n    500;\n\n\n  letter-spacing:\n    .15em;\n\n}\n\n\n\n.cg-browser__copy strong {\n\n  display:\n    block;\n\n\n  margin-bottom:\n    5px;\n\n\n  font-size:\n    clamp(16px,1.7vw,26px);\n\n\n  font-weight:\n    500;\n\n\n  line-height:\n    1.15;\n\n}\n\n\n\n.cg-browser__copy span {\n\n  color:\n    rgba(255,255,255,.74);\n\n\n  font-size:\n    clamp(5px,.55vw,8px);\n\n}\n\n\n\n\/* =========================================================\n   WEBSITE IMAGE CARDS\n========================================================= *\/\n\n.cg-browser__bottom {\n\n  padding:\n    10px;\n\n\n  display:\n    grid;\n\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n\n  gap:\n    7px;\n\n\n  background:\n    #e8e2d9;\n\n}\n\n\n\n.cg-browser__card {\n\n  position:\n    relative;\n\n\n  min-height:\n    78px;\n\n\n  overflow:\n    hidden;\n\n\n  background:\n    #ccc;\n\n}\n\n\n\n.cg-browser__card img {\n\n  position:\n    absolute;\n\n\n  inset:\n    0;\n\n\n  width:\n    100%;\n\n\n  height:\n    100%;\n\n\n  object-fit:\n    cover;\n\n}\n\n\n\n.cg-browser__card-shade {\n\n  position:\n    absolute;\n\n\n  inset:\n    0;\n\n\n  background:\n    linear-gradient(\n      0deg,\n      rgba(0,0,0,.62),\n      rgba(0,0,0,.02)\n    );\n\n}\n\n\n\n.cg-browser__card-copy {\n\n  position:\n    absolute;\n\n\n  z-index:\n    2;\n\n\n  right:\n    8px;\n\n\n  bottom:\n    8px;\n\n\n  left:\n    8px;\n\n\n  display:\n    flex;\n\n\n  flex-direction:\n    column;\n\n\n  color:\n    #fff;\n\n}\n\n\n\n.cg-browser__card-copy span {\n\n  margin-bottom:\n    3px;\n\n\n  color:\n    var(--gold-hover);\n\n\n  font-size:\n    5px;\n\n\n  font-weight:\n    500;\n\n}\n\n\n\n.cg-browser__card-copy strong {\n\n  font-size:\n    clamp(6px,.6vw,9px);\n\n\n  font-weight:\n    500;\n\n}\n\n\n\n\/* =========================================================\n   INSTAGRAM\n========================================================= *\/\n\n.cg-social {\n\n  width:\n    min(23%,250px);\n\n\n  flex:\n    0 1 250px;\n\n\n  padding:\n    11px;\n\n\n  background:\n    #efebe5;\n\n\n  box-shadow:\n    0 22px 60px\n    rgba(0,0,0,.3);\n\n\n  transform:\n    translateY(10px);\n\n}\n\n\n\n\/* =========================================================\n   INSTAGRAM HEADER\n========================================================= *\/\n\n.cg-social__head {\n\n  height:\n    38px;\n\n\n  display:\n    flex;\n\n\n  align-items:\n    center;\n\n\n  gap:\n    7px;\n\n\n  color:\n    #111;\n\n}\n\n\n\n.cg-social__avatar {\n\n  width:\n    22px;\n\n\n  height:\n    22px;\n\n\n  flex:\n    0 0 22px;\n\n\n  overflow:\n    hidden;\n\n\n  border-radius:\n    50%;\n\n}\n\n\n\n.cg-social__avatar img {\n\n  width:\n    100%;\n\n\n  height:\n    100%;\n\n\n  object-fit:\n    cover;\n\n}\n\n\n\n.cg-social__head > div:last-child {\n\n  display:\n    flex;\n\n\n  flex-direction:\n    column;\n\n\n  gap:\n    2px;\n\n}\n\n\n\n.cg-social__head strong {\n\n  font-size:\n    6px;\n\n\n  font-weight:\n    500;\n\n}\n\n\n\n.cg-social__head span {\n\n  color:\n    #777;\n\n\n  font-size:\n    5px;\n\n}\n\n\n\n\/* =========================================================\n   INSTAGRAM GRID\n========================================================= *\/\n\n.cg-social__grid {\n\n  display:\n    grid;\n\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n\n  gap:\n    3px;\n\n}\n\n\n\n.cg-social__grid img {\n\n  width:\n    100%;\n\n\n  aspect-ratio:\n    1;\n\n\n  display:\n    block;\n\n\n  object-fit:\n    cover;\n\n}\n\n\n\n\/* =========================================================\n   PHONE \/ REEL\n========================================================= *\/\n\n.cg-phone {\n\n  width:\n    min(13%,128px);\n\n\n  flex:\n    0 1 128px;\n\n\n  padding:\n    5px;\n\n\n  border:\n    2px solid #292929;\n\n\n  border-radius:\n    17px;\n\n\n  background:\n    #050505;\n\n\n  box-shadow:\n    0 22px 60px\n    rgba(0,0,0,.4);\n\n\n  transform:\n    translateY(-7px);\n\n}\n\n\n\n.cg-phone__screen {\n\n  position:\n    relative;\n\n\n  aspect-ratio:\n    9 \/ 18;\n\n\n  overflow:\n    hidden;\n\n\n  border-radius:\n    11px;\n\n}\n\n\n\n.cg-phone__screen img {\n\n  position:\n    absolute;\n\n\n  inset:\n    0;\n\n\n  width:\n    100%;\n\n\n  height:\n    100%;\n\n\n  object-fit:\n    cover;\n\n}\n\n\n\n.cg-phone__shade {\n\n  position:\n    absolute;\n\n\n  inset:\n    0;\n\n\n  background:\n    linear-gradient(\n      0deg,\n      rgba(0,0,0,.65),\n      transparent 60%\n    );\n\n}\n\n\n\n.cg-phone__notch {\n\n  position:\n    absolute;\n\n\n  z-index:\n    2;\n\n\n  top:\n    5px;\n\n\n  left:\n    50%;\n\n\n  width:\n    34%;\n\n\n  height:\n    5px;\n\n\n  transform:\n    translateX(-50%);\n\n\n  border-radius:\n    20px;\n\n\n  background:\n    #080808;\n\n}\n\n\n\n.cg-phone__copy {\n\n  position:\n    absolute;\n\n\n  z-index:\n    2;\n\n\n  right:\n    10%;\n\n\n  bottom:\n    10%;\n\n\n  left:\n    10%;\n\n\n  color:\n    #fff;\n\n}\n\n\n\n.cg-phone__copy small {\n\n  display:\n    block;\n\n\n  margin-bottom:\n    4px;\n\n\n  color:\n    rgba(255,255,255,.65);\n\n\n  font-size:\n    5px;\n\n\n  font-weight:\n    500;\n\n\n  letter-spacing:\n    .13em;\n\n}\n\n\n\n.cg-phone__copy strong {\n\n  display:\n    block;\n\n\n  font-size:\n    clamp(7px,.7vw,11px);\n\n\n  font-weight:\n    500;\n\n\n  line-height:\n    1.3;\n\n}\n\n\n\n\/* =========================================================\n   FEATURED BOTTOM\n========================================================= *\/\n\n.cg-featured__bottom {\n\n  padding-top:\n    22px;\n\n\n  display:\n    flex;\n\n\n  align-items:\n    center;\n\n\n  justify-content:\n    space-between;\n\n\n  gap:\n    50px;\n\n}\n\n\n\n.cg-featured__bottom > p {\n\n  max-width:\n    630px;\n\n\n  margin:\n    0;\n\n\n  color:\n    var(--text);\n\n\n  font-size:\n    13px;\n\n\n  font-weight:\n    400;\n\n\n  line-height:\n    1.7;\n\n}\n\n\n\n\/* =========================================================\n   LINKS\n========================================================= *\/\n\n.cg-featured__link,\n.cg-more__link {\n\n  display:\n    inline-flex;\n\n\n  align-items:\n    center;\n\n\n  gap:\n    9px;\n\n\n  color:\n    var(--white);\n\n\n  font-size:\n    11px;\n\n\n  font-weight:\n    500;\n\n\n  line-height:\n    1.4;\n\n\n  letter-spacing:\n    .07em;\n\n\n  text-decoration:\n    none;\n\n\n  text-transform:\n    uppercase;\n\n\n  transition:\n    color .25s ease,\n    gap .25s ease;\n\n}\n\n\n\n.cg-featured__link span,\n.cg-more__link span {\n\n  color:\n    var(--gold);\n\n\n  font-size:\n    17px;\n\n}\n\n\n\n\/* =========================================================\n   WEITERE PROJEKTE\n========================================================= *\/\n\n.cg-more {\n\n  width:\n    100%;\n\n\n  margin-top:\n    clamp(55px,5vw,75px);\n\n\n  display:\n    grid;\n\n\n  grid-template-columns:\n    minmax(200px,.52fr)\n    repeat(2,minmax(0,1fr));\n\n\n  gap:\n    18px;\n\n\n  align-items:\n    start;\n\n}\n\n\n\n\/* =========================================================\n   INFOSPALTE\n========================================================= *\/\n\n.cg-more__intro {\n\n  max-width:\n    245px;\n\n\n  padding:\n    5px 25px 0 0;\n\n}\n\n\n\n.cg-more__label {\n\n  display:\n    block;\n\n\n  margin-bottom:\n    18px;\n\n\n  color:\n    var(--gold);\n\n\n  font-size:\n    11px;\n\n\n  font-weight:\n    600;\n\n\n  line-height:\n    1.4;\n\n\n  letter-spacing:\n    .17em;\n\n\n  text-transform:\n    uppercase;\n\n}\n\n\n\n.cg-more__intro h3 {\n\n  margin:\n    0 0 16px;\n\n\n  color:\n    var(--white);\n\n\n  font-size:\n    clamp(22px,1.7vw,29px);\n\n\n  font-weight:\n    500;\n\n\n  line-height:\n    1.25;\n\n\n  letter-spacing:\n    -.02em;\n\n}\n\n\n\n.cg-more__intro p {\n\n  margin:\n    0 0 25px;\n\n\n  color:\n    var(--text);\n\n\n  font-size:\n    13px;\n\n\n  font-weight:\n    400;\n\n\n  line-height:\n    1.75;\n\n}\n\n\n\n\/* =========================================================\n   PROJECT CARD\n========================================================= *\/\n\n.cg-project-card {\n\n  min-width:\n    0;\n\n}\n\n\n\n.cg-project-card__link {\n\n  display:\n    block;\n\n\n  color:\n    inherit;\n\n\n  text-decoration:\n    none;\n\n}\n\n\n\n\/* =========================================================\n   PROJECT IMAGE\n========================================================= *\/\n\n.cg-project-card__media {\n\n  position:\n    relative;\n\n\n  width:\n    100%;\n\n\n  aspect-ratio:\n    4 \/ 5;\n\n\n  overflow:\n    hidden;\n\n\n  background:\n    #151515;\n\n\n  border-radius:\n    5px;\n\n}\n\n\n\n.cg-project-card__media img {\n\n  position:\n    absolute;\n\n\n  inset:\n    0;\n\n\n  width:\n    100%;\n\n\n  height:\n    100%;\n\n\n  display:\n    block;\n\n\n  object-fit:\n    cover;\n\n\n  object-position:\n    center;\n\n\n  transform:\n    scale(1);\n\n\n  transition:\n    transform .7s\n    cubic-bezier(.2,.7,.2,1);\n\n}\n\n\n\n\/* =========================================================\n   PROJECT OVERLAY\n========================================================= *\/\n\n.cg-project-card__overlay {\n\n  position:\n    absolute;\n\n\n  inset:\n    0;\n\n\n  z-index:\n    1;\n\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(0,0,0,.08) 0%,\n      rgba(0,0,0,.03) 38%,\n      rgba(0,0,0,.86) 100%\n    );\n\n}\n\n\n\n\/* =========================================================\n   PROJECT TAGS\n========================================================= *\/\n\n.cg-project-card__tags {\n\n  position:\n    absolute;\n\n\n  z-index:\n    2;\n\n\n  top:\n    26px;\n\n\n  left:\n    26px;\n\n\n  right:\n    26px;\n\n\n  display:\n    flex;\n\n\n  flex-wrap:\n    wrap;\n\n\n  gap:\n    9px;\n\n}\n\n\n\n.cg-project-card__tags span {\n\n  padding:\n    9px 14px;\n\n\n  color:\n    var(--gold-hover);\n\n\n  background:\n    rgba(9,9,9,.42);\n\n\n  border:\n    1px solid\n    rgba(180,147,103,.9);\n\n\n  border-radius:\n    5px;\n\n\n  font-size:\n    11px;\n\n\n  font-weight:\n    500;\n\n\n  line-height:\n    1;\n\n\n  backdrop-filter:\n    blur(6px);\n\n\n  -webkit-backdrop-filter:\n    blur(6px);\n\n}\n\n\n\n\/* =========================================================\n   PROJECT TITLE\n========================================================= *\/\n\n.cg-project-card__title {\n\n  position:\n    absolute;\n\n\n  z-index:\n    2;\n\n\n  left:\n    28px;\n\n\n  right:\n    28px;\n\n\n  bottom:\n    30px;\n\n}\n\n\n\n.cg-project-card__title h3 {\n\n  margin:\n    0;\n\n\n  color:\n    #fff;\n\n\n  font-size:\n    clamp(23px,2vw,34px);\n\n\n  font-weight:\n    600;\n\n\n  line-height:\n    1.15;\n\n\n  letter-spacing:\n    -.025em;\n\n}\n\n\n\n\/* =========================================================\n   HOVER\n========================================================= *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n\n  .cg-featured__link:hover,\n  .cg-more__link:hover {\n\n    color:\n      var(--gold-hover);\n\n\n    gap:\n      13px;\n\n  }\n\n\n\n  .cg-project-card__link:hover img {\n\n    transform:\n      scale(1.055);\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media screen and (max-width:1050px) {\n\n\n  .cg-work {\n\n    padding:\n      60px 0 80px;\n\n  }\n\n\n  .cg-work__inner {\n\n    padding:\n      0 32px;\n\n  }\n\n\n  .cg-featured__stage {\n\n    min-height:\n      410px;\n\n\n    padding:\n      35px 40px;\n\n  }\n\n\n  .cg-more {\n\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n\n\n    gap:\n      22px;\n\n  }\n\n\n  .cg-more__intro {\n\n    grid-column:\n      1 \/ -1;\n\n\n    max-width:\n      550px;\n\n\n    padding:\n      0;\n\n\n    margin-bottom:\n      10px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n   Mockups untereinander statt nebeneinander\n========================================================= *\/\n\n@media screen and (max-width:700px) {\n\n\n  .cg-work {\n\n    padding:\n      50px 0 65px;\n\n  }\n\n\n  .cg-work__inner {\n\n    padding:\n      0 18px;\n\n  }\n\n\n  .cg-work__header h2 {\n\n    font-size:\n      clamp(30px,9vw,42px);\n\n  }\n\n\n  .cg-featured__head {\n\n    flex-direction:\n      column;\n\n\n    align-items:\n      flex-start;\n\n\n    gap:\n      8px;\n\n  }\n\n\n  .cg-featured__tags {\n\n    text-align:\n      left;\n\n  }\n\n\n  \/* ---------------------------------------------------------\n     FEATURED MOCKUPS\n     Auf Mobile bewusst untereinander:\n     1. Website\n     2. Social Media\n     3. Reel\n  --------------------------------------------------------- *\/\n\n  .cg-featured__stage {\n\n    min-height:\n      0;\n\n\n    padding:\n      22px 16px 28px;\n\n\n    flex-direction:\n      column;\n\n\n    align-items:\n      center;\n\n\n    justify-content:\n      flex-start;\n\n\n    gap:\n      26px;\n\n  }\n\n\n  \/* WEBSITE MOCKUP *\/\n\n  .cg-browser {\n\n    width:\n      100%;\n\n\n    max-width:\n      620px;\n\n\n    flex:\n      none;\n\n  }\n\n\n  .cg-browser__hero {\n\n    height:\n      clamp(200px,58vw,285px);\n\n  }\n\n\n  .cg-browser__bottom {\n\n    padding:\n      9px;\n\n\n    gap:\n      6px;\n\n  }\n\n\n  .cg-browser__card {\n\n    min-height:\n      clamp(62px,18vw,92px);\n\n  }\n\n\n  \/* SOCIAL-MEDIA MOCKUP *\/\n\n  .cg-social {\n\n    display:\n      block;\n\n\n    width:\n      min(82%,420px);\n\n\n    max-width:\n      420px;\n\n\n    flex:\n      none;\n\n\n    padding:\n      11px;\n\n\n    transform:\n      none;\n\n  }\n\n\n  .cg-social__head {\n\n    display:\n      flex;\n\n  }\n\n\n  \/* REEL \/ PHONE *\/\n\n  .cg-phone {\n\n    width:\n      min(44%,175px);\n\n\n    max-width:\n      175px;\n\n\n    flex:\n      none;\n\n\n    padding:\n      5px;\n\n\n    transform:\n      none;\n\n  }\n\n\n  .cg-featured__bottom {\n\n    flex-direction:\n      column;\n\n\n    align-items:\n      flex-start;\n\n\n    gap:\n      16px;\n\n  }\n\n\n  .cg-more {\n\n    grid-template-columns:\n      1fr;\n\n\n    gap:\n      20px;\n\n  }\n\n\n  .cg-more__intro {\n\n    grid-column:\n      auto;\n\n  }\n\n\n  .cg-project-card__tags {\n\n    top:\n      18px;\n\n\n    left:\n      18px;\n\n\n    right:\n      18px;\n\n\n    gap:\n      7px;\n\n  }\n\n\n  .cg-project-card__tags span {\n\n    padding:\n      8px 11px;\n\n\n    font-size:\n      10px;\n\n  }\n\n\n  .cg-project-card__title {\n\n    left:\n      20px;\n\n\n    right:\n      20px;\n\n\n    bottom:\n      23px;\n\n  }\n\n\n  .cg-project-card__title h3 {\n\n    font-size:\n      clamp(22px,7vw,30px);\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width:390px) {\n\n\n  .cg-work__inner {\n\n    padding:\n      0 14px;\n\n  }\n\n\n  .cg-featured__stage {\n\n    min-height:\n      0;\n\n\n    padding:\n      18px 12px 24px;\n\n\n    gap:\n      22px;\n\n  }\n\n\n  .cg-browser {\n\n    width:\n      100%;\n\n  }\n\n\n  .cg-browser__hero {\n\n    height:\n      clamp(190px,60vw,235px);\n\n  }\n\n\n  .cg-browser__card {\n\n    min-height:\n      58px;\n\n  }\n\n\n  \/* Instagram bleibt auch auf kleinen Handys sichtbar *\/\n\n  .cg-social {\n\n    display:\n      block;\n\n\n    width:\n      88%;\n\n  }\n\n\n  .cg-phone {\n\n    width:\n      48%;\n\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-54c5f59 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"54c5f59\" data-element_type=\"section\" data-e-type=\"section\" id=\"ueber-mich\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-eb55827\" data-id=\"eb55827\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b4f50fa elementor-widget elementor-widget-html\" data-id=\"b4f50fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- MONTSERRAT LADEN -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n\r\n<section class=\"cg-about\">\r\n\r\n  <div class=\"cg-about__container\">\r\n\r\n\r\n    <!-- LINKE SPALTE: BILD -->\r\n    <div class=\"cg-about__image-wrapper\">\r\n\r\n      <!-- HIER DEINE BILD-URL EINF\u00dcGEN -->\r\n      <img decoding=\"async\"\r\n        class=\"cg-about__image\"\r\n        src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Foto_Celine-scaled-e1785927298981.jpg\"\r\n        alt=\"C\u00e9line unterwegs in den Bergen\"\r\n        loading=\"lazy\"\r\n      >\r\n\r\n      <div class=\"cg-about__image-overlay\"><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- RECHTE SPALTE: TEXT UND BUTTON -->\r\n    <div class=\"cg-about__content\">\r\n\r\n      <div class=\"cg-about__content-top\">\r\n\r\n        <span class=\"cg-about__eyebrow\">\r\n          \u00dcber mich\r\n        <\/span>\r\n\r\n        <h2>\r\n          Hi, ich bin C\u00e9line.\r\n        <\/h2>\r\n\r\n        <div class=\"cg-about__text\">\r\n\r\n          <p class=\"cg-about__intro\">\r\n            Ich bin Designerin, Fotografin und leidenschaftlich gerne in den Bergen unterwegs.\r\n          <\/p>\r\n\r\n          <p>\r\n           Nach meinem Master in Design Management habe ich beschlossen, meine Erfahrung in Gestaltung und digitaler Kommunikation mit meiner Begeisterung f\u00fcr Fotografie und Outdoor zu verbinden.\r\n          <\/p>\r\n\r\n          <p>\r\n            Mein Fokus liegt auf Foto-, Video- und Drohnencontent f\u00fcr alpine Gastgeber, Destinationen und Outdoor-Projekte \u2013 von Orten und Landschaften bis zu Touren und Erlebnissen.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- BUTTON UNTEN -->\r\n      <a\r\n        class=\"cg-about__button\"\r\n        href=\"\/kontakt\"\r\n      >\r\n        <span>\r\n          Lass uns kennenlernen\r\n        <\/span>\r\n\r\n        <span\r\n          class=\"cg-about__button-arrow\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          \u2192\r\n        <\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n  \/* =========================================\r\n     GRUNDEINSTELLUNGEN\r\n  ========================================= *\/\r\n\r\n  .cg-about,\r\n  .cg-about * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n\r\n  .cg-about {\r\n    --about-background: #080808;\r\n    --about-image-background: #131313;\r\n    --about-gold: #b49367;\r\n    --about-gold-light: #c8a777;\r\n    --about-heading: #f5f3ef;\r\n    --about-text: #aaa7a2;\r\n    --about-intro: #d5d2cd;\r\n\r\n    width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n\r\n    padding: 110px 0;\r\n\r\n    background-color: var(--about-background);\r\n\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n\r\n    overflow: hidden;\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     ZWEI GLEICH HOHE SPALTEN\r\n  ========================================= *\/\r\n\r\n  .cg-about__container {\r\n    width: min(calc(100% - 80px), 1500px);\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n    grid-template-columns:\r\n      minmax(0, 0.9fr)\r\n      minmax(0, 1fr);\r\n\r\n    \/* Beide Spalten werden gleich hoch *\/\r\n    align-items: stretch;\r\n\r\n    gap: clamp(55px, 7vw, 120px);\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     BILD\r\n  ========================================= *\/\r\n\r\n  .cg-about__image-wrapper {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 620px;\r\n\r\n    background-color: var(--about-image-background);\r\n\r\n    overflow: hidden;\r\n  }\r\n\r\n\r\n  .cg-about__image {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    \/*\r\n      Falls dein Kopf oder Motiv zu weit oben oder unten liegt,\r\n      kannst du den zweiten Wert ver\u00e4ndern:\r\n\r\n      center 30% = Bildausschnitt weiter oben\r\n      center 50% = mittig\r\n      center 70% = Bildausschnitt weiter unten\r\n    *\/\r\n    object-position: center 50%;\r\n\r\n    filter:\r\n      brightness(0.88)\r\n      contrast(1.04);\r\n  }\r\n\r\n\r\n  .cg-about__image-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(0, 0, 0, 0.02) 35%,\r\n        rgba(0, 0, 0, 0.28) 100%\r\n      );\r\n\r\n    pointer-events: none;\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     RECHTE TEXTSPALTE\r\n  ========================================= *\/\r\n\r\n  .cg-about__content {\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 620px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n\r\n\r\n  .cg-about__content-top {\r\n    width: 100%;\r\n    max-width: 680px;\r\n  }\r\n\r\n\r\n  .cg-about__eyebrow {\r\n    display: block;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    color: var(--about-gold);\r\n\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    line-height: 1.4;\r\n\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n\r\n  .cg-about h2 {\r\n    margin: 0 0 32px;\r\n\r\n    color: var(--about-heading);\r\n\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    font-size: clamp(38px, 4.2vw, 66px);\r\n    font-weight: 400;\r\n    line-height: 1.08;\r\n\r\n    letter-spacing: -0.04em;\r\n  }\r\n\r\n\r\n  .cg-about__text {\r\n    width: 100%;\r\n    max-width: 650px;\r\n  }\r\n\r\n\r\n  .cg-about__text p {\r\n    margin: 0 0 20px;\r\n\r\n    color: var(--about-text);\r\n\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    font-size: clamp(15px, 1.1vw, 18px);\r\n    font-weight: 300;\r\n    line-height: 1.8;\r\n  }\r\n\r\n\r\n  .cg-about__text .cg-about__intro {\r\n    color: var(--about-intro);\r\n    font-weight: 400;\r\n  }\r\n\r\n\r\n  .cg-about__text p:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     BUTTON SITZT UNTEN B\u00dcNDIG\r\n  ========================================= *\/\r\n\r\n  .cg-about__button {\r\n    \/*\r\n      margin-top: auto dr\u00fcckt den Button\r\n      ganz nach unten.\r\n    *\/\r\n    margin-top: auto;\r\n\r\n    min-height: 58px;\r\n    padding: 0 26px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 18px;\r\n\r\n    color: var(--about-heading);\r\n\r\n    background-color: transparent;\r\n\r\n    border: 1px solid var(--about-gold);\r\n\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    line-height: 1.4;\r\n\r\n    letter-spacing: 0.08em;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n\r\n    transition:\r\n      color 0.25s ease,\r\n      background-color 0.25s ease,\r\n      border-color 0.25s ease;\r\n  }\r\n\r\n\r\n  .cg-about__button-arrow {\r\n    color: var(--about-gold);\r\n\r\n    font-size: 24px;\r\n    font-weight: 300;\r\n    line-height: 1;\r\n\r\n    transition:\r\n      color 0.25s ease,\r\n      transform 0.25s ease;\r\n  }\r\n\r\n\r\n  .cg-about__button:hover,\r\n  .cg-about__button:focus-visible {\r\n    color: #080808;\r\n\r\n    background-color: var(--about-gold-light);\r\n    border-color: var(--about-gold-light);\r\n  }\r\n\r\n\r\n  .cg-about__button:hover .cg-about__button-arrow,\r\n  .cg-about__button:focus-visible .cg-about__button-arrow {\r\n    color: #080808;\r\n    transform: translateX(5px);\r\n  }\r\n\r\n\r\n  .cg-about__button:focus-visible {\r\n    outline: 2px solid var(--about-gold-light);\r\n    outline-offset: 5px;\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     TABLET\r\n  ========================================= *\/\r\n\r\n  @media screen and (max-width: 1024px) {\r\n\r\n    .cg-about {\r\n      padding: 90px 0;\r\n    }\r\n\r\n\r\n    .cg-about__container {\r\n      width: min(calc(100% - 48px), 950px);\r\n\r\n      grid-template-columns:\r\n        minmax(0, 0.85fr)\r\n        minmax(0, 1fr);\r\n\r\n      gap: 50px;\r\n    }\r\n\r\n\r\n    .cg-about__image-wrapper,\r\n    .cg-about__content {\r\n      min-height: 560px;\r\n    }\r\n\r\n\r\n    .cg-about h2 {\r\n      margin-bottom: 25px;\r\n    }\r\n\r\n\r\n    .cg-about__text p {\r\n      margin-bottom: 17px;\r\n\r\n      font-size: 14px;\r\n      line-height: 1.7;\r\n    }\r\n\r\n\r\n    .cg-about__button {\r\n      min-height: 54px;\r\n      padding: 0 21px;\r\n\r\n      font-size: 11px;\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     SMARTPHONE\r\n  ========================================= *\/\r\n\r\n  @media screen and (max-width: 700px) {\r\n\r\n    .cg-about {\r\n      padding: 70px 0;\r\n    }\r\n\r\n\r\n    .cg-about__container {\r\n      width: min(calc(100% - 30px), 620px);\r\n\r\n      grid-template-columns: 1fr;\r\n\r\n      align-items: start;\r\n\r\n      gap: 42px;\r\n    }\r\n\r\n\r\n    \/*\r\n      Auf dem Smartphone stehen Bild und Text\r\n      untereinander. Deshalb keine feste\r\n      gleiche H\u00f6he mehr.\r\n    *\/\r\n\r\n    .cg-about__image-wrapper {\r\n      height: auto;\r\n      min-height: 0;\r\n\r\n      aspect-ratio: 4 \/ 5;\r\n    }\r\n\r\n\r\n    .cg-about__content {\r\n      height: auto;\r\n      min-height: 0;\r\n    }\r\n\r\n\r\n    .cg-about__content-top {\r\n      max-width: none;\r\n    }\r\n\r\n\r\n    .cg-about__eyebrow {\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n\r\n    .cg-about h2 {\r\n      margin-bottom: 25px;\r\n\r\n      font-size: clamp(34px, 11vw, 48px);\r\n    }\r\n\r\n\r\n    .cg-about__text p {\r\n      margin-bottom: 18px;\r\n\r\n      font-size: 15px;\r\n      line-height: 1.75;\r\n    }\r\n\r\n\r\n    \/*\r\n      Auf dem Smartphone soll der Button\r\n      nicht k\u00fcnstlich nach unten gedr\u00fcckt werden.\r\n    *\/\r\n\r\n    .cg-about__button {\r\n      width: 100%;\r\n      margin-top: 32px;\r\n\r\n      min-height: 58px;\r\n      padding: 0 20px;\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     SEHR KLEINE SMARTPHONES\r\n  ========================================= *\/\r\n\r\n  @media screen and (max-width: 390px) {\r\n\r\n    .cg-about {\r\n      padding: 60px 0;\r\n    }\r\n\r\n\r\n    .cg-about__container {\r\n      width: min(calc(100% - 22px), 620px);\r\n    }\r\n\r\n\r\n    .cg-about__button {\r\n      font-size: 10px;\r\n      letter-spacing: 0.06em;\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     REDUZIERTE ANIMATIONEN\r\n  ========================================= *\/\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n\r\n    .cg-about__button,\r\n    .cg-about__button-arrow {\r\n      transition: none;\r\n    }\r\n\r\n  }\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-05d2b04 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"05d2b04\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-77d6930\" data-id=\"77d6930\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6e27c19 elementor-widget elementor-widget-html\" data-id=\"6e27c19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     ZUSAMMENARBEIT\r\n     KOMPAKTER ABLAUF\r\n     GLEICHE BREITE WIE DIE ANDEREN HOMEPAGE-ABSCHNITTE\r\n========================================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n\r\n<section\r\n  class=\"cg-collab\"\r\n  id=\"zusammenarbeit\"\r\n>\r\n\r\n  <div class=\"cg-collab__inner\">\r\n\r\n\r\n    <!-- =====================================================\r\n         KOPF\r\n    ====================================================== -->\r\n\r\n    <div class=\"cg-collab__intro\">\r\n\r\n      <p class=\"cg-collab__label\">\r\n        Zusammenarbeit\r\n      <\/p>\r\n\r\n\r\n      <div class=\"cg-collab__headline\">\r\n\r\n        <h2>\r\n          So l\u00e4uft ein Projekt ab.\r\n        <\/h2>\r\n\r\n\r\n        <p>\r\n          Von der ersten Anfrage bis zu den fertigen Inhalten\r\n          halten wir den Ablauf einfach und klar.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         3 SCHRITTE\r\n    ====================================================== -->\r\n\r\n    <div class=\"cg-collab__steps\">\r\n\r\n\r\n      <!-- ===================================================\r\n           01 ANFRAGE\r\n      ==================================================== -->\r\n\r\n      <article class=\"cg-collab__step\">\r\n\r\n\r\n        <div class=\"cg-collab__top\">\r\n\r\n          <span class=\"cg-collab__number\">\r\n            01\r\n          <\/span>\r\n\r\n\r\n          <div\r\n            class=\"cg-collab__icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n\r\n            <svg viewBox=\"0 0 80 80\">\r\n\r\n              <path\r\n                d=\"M15 19h50a5 5 0 0 1 5 5v32a5 5 0 0 1-5 5H29L15 70V24a5 5 0 0 1 5-5Z\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M27 33h26\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M27 43h18\"\r\n              \/>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <h3>\r\n          Anfrage\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n          Ihr erz\u00e4hlt mir kurz von eurem Ort oder Projekt\r\n          und was ihr euch vorstellt.\r\n        <\/p>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           02 ABSTIMMUNG\r\n      ==================================================== -->\r\n\r\n      <article class=\"cg-collab__step\">\r\n\r\n\r\n        <div class=\"cg-collab__top\">\r\n\r\n          <span class=\"cg-collab__number\">\r\n            02\r\n          <\/span>\r\n\r\n\r\n          <div\r\n            class=\"cg-collab__icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n\r\n            <svg viewBox=\"0 0 80 80\">\r\n\r\n              <rect\r\n                x=\"18\"\r\n                y=\"15\"\r\n                width=\"44\"\r\n                height=\"51\"\r\n                rx=\"4\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M31 15v-5h18v5\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M28 31h24\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M28 41h24\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M28 51h16\"\r\n              \/>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <h3>\r\n          Abstimmung\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n          Wir kl\u00e4ren Inhalte, Umfang, Termin und was am Ende\r\n          konkret gebraucht wird.\r\n        <\/p>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           03 PRODUKTION & \u00dcBERGABE\r\n      ==================================================== -->\r\n\r\n      <article class=\"cg-collab__step\">\r\n\r\n\r\n        <div class=\"cg-collab__top\">\r\n\r\n          <span class=\"cg-collab__number\">\r\n            03\r\n          <\/span>\r\n\r\n\r\n          <div\r\n            class=\"cg-collab__icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n\r\n            <svg viewBox=\"0 0 80 80\">\r\n\r\n              <rect\r\n                x=\"13\"\r\n                y=\"18\"\r\n                width=\"54\"\r\n                height=\"42\"\r\n                rx=\"5\"\r\n              \/>\r\n\r\n              <circle\r\n                cx=\"30\"\r\n                cy=\"32\"\r\n                r=\"4\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"m20 52 14-13 10 9 7-7 9 11\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M40 60v10\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"m34 65 6 6 6-6\"\r\n              \/>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <h3>\r\n          Produktion &amp; \u00dcbergabe\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n          Ich produziere vor Ort und bereite die vereinbarten\r\n          Inhalte passend f\u00fcr eure Kan\u00e4le auf.\r\n        <\/p>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\r\n\/* =========================================================\r\n   BASIS\r\n========================================================= *\/\r\n\r\n.cg-collab,\r\n.cg-collab * {\r\n\r\n  box-sizing:\r\n    border-box;\r\n\r\n}\r\n\r\n\r\n\r\n.cg-collab {\r\n\r\n  --background:\r\n    #080808;\r\n\r\n  --gold:\r\n    #b49367;\r\n\r\n  --gold-hover:\r\n    #c8a879;\r\n\r\n  --heading:\r\n    #f5f3ef;\r\n\r\n  --text:\r\n    #aaa7a2;\r\n\r\n  --line:\r\n    rgba(255,255,255,.12);\r\n\r\n\r\n  width:\r\n    100vw;\r\n\r\n\r\n  margin-left:\r\n    calc(50% - 50vw);\r\n\r\n\r\n  padding:\r\n    clamp(70px,5.5vw,90px)\r\n    0\r\n    clamp(75px,6vw,100px);\r\n\r\n\r\n  background:\r\n    var(--background);\r\n\r\n\r\n  border-top:\r\n    1px solid var(--line);\r\n\r\n\r\n  border-bottom:\r\n    1px solid var(--line);\r\n\r\n\r\n  font-family:\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n\r\n   GLEICHE BREITE WIE DEIN LEISTUNGEN-BEREICH:\r\n   max. 1600px + responsive Seitenabst\u00e4nde\r\n========================================================= *\/\r\n\r\n.cg-collab__inner {\r\n\r\n  width:\r\n    100%;\r\n\r\n\r\n  max-width:\r\n    1600px;\r\n\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n\r\n  padding:\r\n    0 clamp(20px,5vw,80px);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.cg-collab__intro {\r\n\r\n  width:\r\n    100%;\r\n\r\n\r\n  display:\r\n    grid;\r\n\r\n\r\n  grid-template-columns:\r\n    minmax(140px,.34fr)\r\n    minmax(0,1.66fr);\r\n\r\n\r\n  gap:\r\n    clamp(40px,5vw,90px);\r\n\r\n\r\n  align-items:\r\n    start;\r\n\r\n\r\n  margin-bottom:\r\n    clamp(45px,4.5vw,65px);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.cg-collab__label {\r\n\r\n  margin:\r\n    5px 0 0;\r\n\r\n\r\n  padding:\r\n    0;\r\n\r\n\r\n  color:\r\n    var(--gold);\r\n\r\n\r\n  font-size:\r\n    11px;\r\n\r\n\r\n  font-weight:\r\n    600;\r\n\r\n\r\n  line-height:\r\n    1.4;\r\n\r\n\r\n  letter-spacing:\r\n    .18em;\r\n\r\n\r\n  text-transform:\r\n    uppercase;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HEADLINE\r\n========================================================= *\/\r\n\r\n.cg-collab__headline {\r\n\r\n  width:\r\n    100%;\r\n\r\n\r\n  max-width:\r\n    760px;\r\n\r\n}\r\n\r\n\r\n\r\n.cg-collab__headline h2 {\r\n\r\n  margin:\r\n    0 0 18px;\r\n\r\n\r\n  color:\r\n    var(--heading);\r\n\r\n\r\n  font-size:\r\n    clamp(32px,3.2vw,54px);\r\n\r\n\r\n  font-weight:\r\n    500;\r\n\r\n\r\n  line-height:\r\n    1.08;\r\n\r\n\r\n  letter-spacing:\r\n    -.025em;\r\n\r\n}\r\n\r\n\r\n\r\n.cg-collab__headline > p {\r\n\r\n  max-width:\r\n    610px;\r\n\r\n\r\n  margin:\r\n    0;\r\n\r\n\r\n  color:\r\n    var(--text);\r\n\r\n\r\n  font-size:\r\n    14px;\r\n\r\n\r\n  font-weight:\r\n    400;\r\n\r\n\r\n  line-height:\r\n    1.75;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SCHRITTE\r\n========================================================= *\/\r\n\r\n.cg-collab__steps {\r\n\r\n  width:\r\n    100%;\r\n\r\n\r\n  display:\r\n    grid;\r\n\r\n\r\n  grid-template-columns:\r\n    repeat(3,minmax(0,1fr));\r\n\r\n\r\n  border-top:\r\n    1px solid var(--line);\r\n\r\n\r\n  border-bottom:\r\n    1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   EINZELNER SCHRITT\r\n========================================================= *\/\r\n\r\n.cg-collab__step {\r\n\r\n  min-width:\r\n    0;\r\n\r\n\r\n  padding:\r\n    clamp(34px,3vw,50px)\r\n    clamp(28px,3vw,46px);\r\n\r\n\r\n  border-right:\r\n    1px solid var(--line);\r\n\r\n\r\n  transition:\r\n    background-color .25s ease;\r\n\r\n}\r\n\r\n\r\n\r\n\/* \u00c4USSERE KANTEN ETWAS RUHIGER *\/\r\n\r\n.cg-collab__step:first-child {\r\n\r\n  padding-left:\r\n    clamp(22px,2vw,34px);\r\n\r\n}\r\n\r\n\r\n\r\n.cg-collab__step:last-child {\r\n\r\n  padding-right:\r\n    clamp(22px,2vw,34px);\r\n\r\n\r\n  border-right:\r\n    none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   NUMMER + ICON\r\n========================================================= *\/\r\n\r\n.cg-collab__top {\r\n\r\n  min-height:\r\n    50px;\r\n\r\n\r\n  margin-bottom:\r\n    25px;\r\n\r\n\r\n  display:\r\n    flex;\r\n\r\n\r\n  align-items:\r\n    flex-start;\r\n\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n\r\n  gap:\r\n    20px;\r\n\r\n}\r\n\r\n\r\n\r\n.cg-collab__number {\r\n\r\n  padding-top:\r\n    4px;\r\n\r\n\r\n  color:\r\n    var(--gold);\r\n\r\n\r\n  font-size:\r\n    10px;\r\n\r\n\r\n  font-weight:\r\n    600;\r\n\r\n\r\n  line-height:\r\n    1;\r\n\r\n\r\n  letter-spacing:\r\n    .16em;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n.cg-collab__icon {\r\n\r\n  width:\r\n    46px;\r\n\r\n\r\n  height:\r\n    46px;\r\n\r\n\r\n  flex:\r\n    0 0 46px;\r\n\r\n\r\n  color:\r\n    var(--gold);\r\n\r\n\r\n  transition:\r\n    color .25s ease,\r\n    transform .25s ease;\r\n\r\n}\r\n\r\n\r\n\r\n.cg-collab__icon svg {\r\n\r\n  display:\r\n    block;\r\n\r\n\r\n  width:\r\n    100%;\r\n\r\n\r\n  height:\r\n    100%;\r\n\r\n\r\n  fill:\r\n    none;\r\n\r\n\r\n  stroke:\r\n    currentColor;\r\n\r\n\r\n  stroke-width:\r\n    1.7;\r\n\r\n\r\n  stroke-linecap:\r\n    round;\r\n\r\n\r\n  stroke-linejoin:\r\n    round;\r\n\r\n\r\n  vector-effect:\r\n    non-scaling-stroke;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TITEL\r\n========================================================= *\/\r\n\r\n.cg-collab__step h3 {\r\n\r\n  margin:\r\n    0 0 14px;\r\n\r\n\r\n  color:\r\n    var(--heading);\r\n\r\n\r\n  font-size:\r\n    clamp(20px,1.5vw,24px);\r\n\r\n\r\n  font-weight:\r\n    500;\r\n\r\n\r\n  line-height:\r\n    1.35;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n========================================================= *\/\r\n\r\n.cg-collab__step > p {\r\n\r\n  max-width:\r\n    340px;\r\n\r\n\r\n  margin:\r\n    0;\r\n\r\n\r\n  color:\r\n    var(--text);\r\n\r\n\r\n  font-size:\r\n    13.5px;\r\n\r\n\r\n  font-weight:\r\n    400;\r\n\r\n\r\n  line-height:\r\n    1.75;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n========================================================= *\/\r\n\r\n@media (hover:hover) and (pointer:fine) {\r\n\r\n\r\n  .cg-collab__step:hover {\r\n\r\n    background:\r\n      rgba(255,255,255,.018);\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-collab__step:hover\r\n  .cg-collab__icon {\r\n\r\n    color:\r\n      var(--gold-hover);\r\n\r\n\r\n    transform:\r\n      translateY(-3px);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:1050px) {\r\n\r\n\r\n  .cg-collab {\r\n\r\n    padding:\r\n      60px 0 80px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-collab__inner {\r\n\r\n    padding:\r\n      0 32px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-collab__intro {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n\r\n    gap:\r\n      18px;\r\n\r\n\r\n    margin-bottom:\r\n      42px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-collab__label {\r\n\r\n    margin:\r\n      0;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-collab__headline {\r\n\r\n    max-width:\r\n      720px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-collab__steps {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-collab__step,\r\n  .cg-collab__step:first-child,\r\n  .cg-collab__step:last-child {\r\n\r\n    padding:\r\n      35px 0;\r\n\r\n\r\n    border-right:\r\n      none;\r\n\r\n\r\n    border-bottom:\r\n      1px solid var(--line);\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-collab__step:last-child {\r\n\r\n    border-bottom:\r\n      none;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-collab__step > p {\r\n\r\n    max-width:\r\n      560px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:700px) {\r\n\r\n\r\n  .cg-collab {\r\n\r\n    padding:\r\n      50px 0 65px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-collab__inner {\r\n\r\n    padding:\r\n      0 18px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-collab__intro {\r\n\r\n    margin-bottom:\r\n      35px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-collab__headline h2 {\r\n\r\n    margin-bottom:\r\n      15px;\r\n\r\n\r\n    font-size:\r\n      clamp(30px,9vw,42px);\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-collab__headline > p {\r\n\r\n    max-width:\r\n      520px;\r\n\r\n\r\n    font-size:\r\n      13.5px;\r\n\r\n\r\n    line-height:\r\n      1.7;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-collab__step,\r\n  .cg-collab__step:first-child,\r\n  .cg-collab__step:last-child {\r\n\r\n    padding:\r\n      32px 0;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-collab__top {\r\n\r\n    min-height:\r\n      42px;\r\n\r\n\r\n    margin-bottom:\r\n      20px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-collab__icon {\r\n\r\n    width:\r\n      40px;\r\n\r\n\r\n    height:\r\n      40px;\r\n\r\n\r\n    flex-basis:\r\n      40px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-collab__step h3 {\r\n\r\n    margin-bottom:\r\n      11px;\r\n\r\n\r\n    font-size:\r\n      20px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-collab__step > p {\r\n\r\n    max-width:\r\n      480px;\r\n\r\n\r\n    font-size:\r\n      13px;\r\n\r\n\r\n    line-height:\r\n      1.7;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   KLEINE HANDYS\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:390px) {\r\n\r\n\r\n  .cg-collab__inner {\r\n\r\n    padding:\r\n      0 14px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n\r\n  .cg-collab__step,\r\n  .cg-collab__icon {\r\n\r\n    transition:\r\n      none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-85b15b2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"85b15b2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b2a4df2\" data-id=\"b2a4df2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-775f48e elementor-widget elementor-widget-html\" data-id=\"775f48e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     KONTAKT CTA \u2013 STARTSEITE\r\n\r\n     POSITION:\r\n     Zusammenarbeit\r\n     \u2193\r\n     DIESER ABSCHNITT\r\n     \u2193\r\n     Footer\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"cg-home-cta\"\r\n  aria-labelledby=\"cg-home-cta-title\"\r\n>\r\n\r\n  <div class=\"cg-home-cta__inner\">\r\n\r\n    <div class=\"cg-home-cta__grid\">\r\n\r\n\r\n      <!-- ===================================================\r\n           TEXT\r\n      ==================================================== -->\r\n\r\n      <div class=\"cg-home-cta__content\">\r\n\r\n        <p class=\"cg-home-cta__label\">\r\n          Projekt anfragen\r\n        <\/p>\r\n\r\n        <h2 id=\"cg-home-cta-title\">\r\n          Habt ihr ein Outdoor-Projekt im Kopf?\r\n        <\/h2>\r\n\r\n        <p class=\"cg-home-cta__text\">\r\n          Erz\u00e4hlt mir kurz, worum es geht. Gemeinsam schauen wir,\r\n          welche Inhalte und Formate daf\u00fcr sinnvoll sind.\r\n        <\/p>\r\n\r\n\r\n        <!-- KLEINE LEISTUNGSZEILE -->\r\n\r\n        <div\r\n          class=\"cg-home-cta__services\"\r\n          aria-label=\"M\u00f6gliche Leistungen\"\r\n        >\r\n          <span>Foto<\/span>\r\n          <span>Video<\/span>\r\n          <span>Drohne<\/span>\r\n          <span>Social Media<\/span>\r\n          <span>Website<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           BUTTON\r\n      ==================================================== -->\r\n\r\n      <div class=\"cg-home-cta__action\">\r\n\r\n        <a\r\n          class=\"cg-home-cta__button\"\r\n          href=\"\/kontakt\/\"\r\n          aria-label=\"Outdoor-Projekt anfragen\"\r\n        >\r\n\r\n          <span>\r\n            Projekt anfragen\r\n          <\/span>\r\n\r\n          <span\r\n            class=\"cg-home-cta__arrow\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            \u2192\r\n          <\/span>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   BASIS\r\n========================================================= *\/\r\n\r\n.cg-home-cta {\r\n\r\n  --cta-bg: #0b0b0b;\r\n\r\n  --cta-white: #f5f3ef;\r\n  --cta-gray: #aaa7a2;\r\n\r\n  --cta-gold: #b49367;\r\n  --cta-gold-hover: #c8a777;\r\n\r\n  --cta-line: rgba(255,255,255,.10);\r\n\r\n\r\n  width: 100%;\r\n\r\n  margin: 0;\r\n\r\n  padding:\r\n    clamp(90px, 7vw, 125px)\r\n    0;\r\n\r\n\r\n  background:\r\n    var(--cta-bg);\r\n\r\n\r\n  border-top:\r\n    1px solid var(--cta-line);\r\n\r\n\r\n  color:\r\n    var(--cta-white);\r\n\r\n\r\n  font-family:\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n\r\n.cg-home-cta *,\r\n.cg-home-cta *::before,\r\n.cg-home-cta *::after {\r\n\r\n  box-sizing:\r\n    border-box;\r\n\r\n}\r\n\r\n\r\n\r\n.cg-home-cta h2,\r\n.cg-home-cta p {\r\n\r\n  margin: 0;\r\n\r\n  font-family:\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONTENTBREITE\r\n========================================================= *\/\r\n\r\n.cg-home-cta__inner {\r\n\r\n  width:\r\n    min(\r\n      calc(100% - 32px),\r\n      1690px\r\n    );\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LAYOUT\r\n========================================================= *\/\r\n\r\n.cg-home-cta__grid {\r\n\r\n  display:\r\n    grid;\r\n\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1fr)\r\n    minmax(290px, 360px);\r\n\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n\r\n  align-items:\r\n    end;\r\n\r\n\r\n  gap:\r\n    clamp(60px, 8vw, 150px);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.cg-home-cta__label {\r\n\r\n  margin-bottom:\r\n    22px !important;\r\n\r\n\r\n  color:\r\n    var(--cta-gold);\r\n\r\n\r\n  font-size:\r\n    12px;\r\n\r\n\r\n  font-weight:\r\n    600;\r\n\r\n\r\n  line-height:\r\n    1.4;\r\n\r\n\r\n  letter-spacing:\r\n    .19em;\r\n\r\n\r\n  text-transform:\r\n    uppercase;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HEADLINE\r\n========================================================= *\/\r\n\r\n.cg-home-cta h2 {\r\n\r\n  max-width:\r\n    1050px;\r\n\r\n\r\n  color:\r\n    var(--cta-white);\r\n\r\n\r\n  font-size:\r\n    clamp(43px, 4.3vw, 74px);\r\n\r\n\r\n  font-weight:\r\n    300;\r\n\r\n\r\n  line-height:\r\n    1.08;\r\n\r\n\r\n  letter-spacing:\r\n    -.035em;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n========================================================= *\/\r\n\r\n.cg-home-cta__text {\r\n\r\n  max-width:\r\n    700px;\r\n\r\n\r\n  margin-top:\r\n    30px !important;\r\n\r\n\r\n  color:\r\n    var(--cta-gray);\r\n\r\n\r\n  font-size:\r\n    clamp(15px, 1.05vw, 17px);\r\n\r\n\r\n  font-weight:\r\n    300;\r\n\r\n\r\n  line-height:\r\n    1.8;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   KLEINE LEISTUNGSZEILE\r\n========================================================= *\/\r\n\r\n.cg-home-cta__services {\r\n\r\n  margin-top:\r\n    34px;\r\n\r\n\r\n  display:\r\n    flex;\r\n\r\n\r\n  flex-wrap:\r\n    wrap;\r\n\r\n\r\n  gap:\r\n    9px 12px;\r\n\r\n}\r\n\r\n\r\n\r\n.cg-home-cta__services span {\r\n\r\n  display:\r\n    inline-flex;\r\n\r\n\r\n  align-items:\r\n    center;\r\n\r\n\r\n  min-height:\r\n    34px;\r\n\r\n\r\n  padding:\r\n    0 14px;\r\n\r\n\r\n  border:\r\n    1px solid var(--cta-line);\r\n\r\n\r\n  color:\r\n    var(--cta-gray);\r\n\r\n\r\n  font-size:\r\n    10px;\r\n\r\n\r\n  font-weight:\r\n    500;\r\n\r\n\r\n  line-height:\r\n    1;\r\n\r\n\r\n  letter-spacing:\r\n    .09em;\r\n\r\n\r\n  text-transform:\r\n    uppercase;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON BEREICH\r\n========================================================= *\/\r\n\r\n.cg-home-cta__action {\r\n\r\n  display:\r\n    flex;\r\n\r\n\r\n  justify-content:\r\n    flex-end;\r\n\r\n\r\n  align-items:\r\n    flex-end;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n.cg-home-cta__button {\r\n\r\n  width:\r\n    100%;\r\n\r\n\r\n  min-height:\r\n    64px;\r\n\r\n\r\n  padding:\r\n    0 27px;\r\n\r\n\r\n  display:\r\n    flex;\r\n\r\n\r\n  align-items:\r\n    center;\r\n\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n\r\n  gap:\r\n    35px;\r\n\r\n\r\n  border:\r\n    1px solid var(--cta-gold);\r\n\r\n\r\n  color:\r\n    var(--cta-white);\r\n\r\n\r\n  font-family:\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n\r\n  font-size:\r\n    11px;\r\n\r\n\r\n  font-weight:\r\n    600;\r\n\r\n\r\n  line-height:\r\n    1;\r\n\r\n\r\n  letter-spacing:\r\n    .12em;\r\n\r\n\r\n  text-decoration:\r\n    none;\r\n\r\n\r\n  text-transform:\r\n    uppercase;\r\n\r\n\r\n  transition:\r\n    background-color .3s ease,\r\n    border-color .3s ease,\r\n    color .3s ease;\r\n\r\n}\r\n\r\n\r\n\r\n.cg-home-cta__arrow {\r\n\r\n  color:\r\n    var(--cta-gold);\r\n\r\n\r\n  font-size:\r\n    22px;\r\n\r\n\r\n  font-weight:\r\n    300;\r\n\r\n\r\n  transition:\r\n    color .3s ease,\r\n    transform .3s ease;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n========================================================= *\/\r\n\r\n@media (hover:hover) and (pointer:fine) {\r\n\r\n\r\n  .cg-home-cta__button:hover {\r\n\r\n    background:\r\n      var(--cta-gold);\r\n\r\n\r\n    border-color:\r\n      var(--cta-gold);\r\n\r\n\r\n    color:\r\n      #080808;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-home-cta__button:hover\r\n  .cg-home-cta__arrow {\r\n\r\n    color:\r\n      #080808;\r\n\r\n\r\n    transform:\r\n      translateX(5px);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media screen and (max-width: 1050px) {\r\n\r\n\r\n  .cg-home-cta__inner {\r\n\r\n    width:\r\n      calc(100% - 64px);\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-home-cta__grid {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n\r\n    gap:\r\n      48px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-home-cta__action {\r\n\r\n    justify-content:\r\n      flex-start;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-home-cta__button {\r\n\r\n    width:\r\n      min(100%, 350px);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width: 700px) {\r\n\r\n\r\n  .cg-home-cta {\r\n\r\n    padding:\r\n      72px 0;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-home-cta__inner {\r\n\r\n    width:\r\n      calc(100% - 36px);\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-home-cta__grid {\r\n\r\n    gap:\r\n      38px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-home-cta h2 {\r\n\r\n    font-size:\r\n      clamp(37px, 10vw, 49px);\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-home-cta__text {\r\n\r\n    margin-top:\r\n      24px !important;\r\n\r\n\r\n    font-size:\r\n      15px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-home-cta__services {\r\n\r\n    margin-top:\r\n      27px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-home-cta__button {\r\n\r\n    width:\r\n      100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   KLEINES MOBILE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width: 390px) {\r\n\r\n\r\n  .cg-home-cta__inner {\r\n\r\n    width:\r\n      calc(100% - 28px);\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-home-cta__services {\r\n\r\n    gap:\r\n      7px;\r\n\r\n  }\r\n\r\n\r\n\r\n  .cg-home-cta__services span {\r\n\r\n    padding:\r\n      0 11px;\r\n\r\n\r\n    font-size:\r\n      9px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n\r\n  .cg-home-cta__button,\r\n  .cg-home-cta__arrow {\r\n\r\n    transition:\r\n      none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Content f\u00fcr drau\u00dfen. Ich helfe alpinen Gastgebern, Destinationen und Outdoor-Anbietern, ihren Ort und die Erlebnisse rundherum sichtbar zu machen. Foto Video Drohne f\u00fcr Website &amp; Social Media Projekte ansehen Projekt anfragen . Leistungen Content Fotografie \u00b7 Video &amp; Reels Drohne \u00b7 Touren &amp; Umgebung Planung Wir legen fest, welche Inhalte und Formate ihr braucht. Produktion [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"ocean_front_end_style_editor":"no","ocean_post_layout":"full-screen","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"0","ocean_second_sidebar":"0","ocean_disable_margins":"on","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"0","ocean_custom_header_template":"0","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"0","ocean_menu_typo_font_family":"0","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"#ffffff","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"0","footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Startseite - Portfolio | C\u00e9line Genesi<\/title>\n<meta name=\"description\" content=\"Foto-, Video- und Drohnencontent f\u00fcr alpine Unterk\u00fcnfte, Destinationen und Outdoor-Projekte \u2013 authentisch, hochwertig und f\u00fcr Website &amp; Social Media konzipiert.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Startseite - Portfolio | C\u00e9line Genesi\" \/>\n<meta property=\"og:description\" content=\"Foto-, Video- und Drohnencontent f\u00fcr alpine Unterk\u00fcnfte, Destinationen und Outdoor-Projekte \u2013 authentisch, hochwertig und f\u00fcr Website &amp; Social Media konzipiert.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/celinegns.de\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Portfolio | C\u00e9line Genesi\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-09T08:36:37+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/celinegns.de\\\/\",\"url\":\"https:\\\/\\\/celinegns.de\\\/\",\"name\":\"Startseite - Portfolio | C\u00e9line Genesi\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/celinegns.de\\\/#website\"},\"datePublished\":\"2019-10-10T11:29:41+00:00\",\"dateModified\":\"2026-09-09T08:36:37+00:00\",\"description\":\"Foto-, Video- und Drohnencontent f\u00fcr alpine Unterk\u00fcnfte, Destinationen und Outdoor-Projekte \u2013 authentisch, hochwertig und f\u00fcr Website & Social Media konzipiert.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/celinegns.de\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/celinegns.de\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/celinegns.de\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Start\",\"item\":\"https:\\\/\\\/celinegns.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Startseite\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/celinegns.de\\\/#website\",\"url\":\"https:\\\/\\\/celinegns.de\\\/\",\"name\":\"Portfolio | C\u00e9line Genesi\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/celinegns.de\\\/#\\\/schema\\\/person\\\/5c754218beda160e3ad9952190007834\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/celinegns.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/celinegns.de\\\/#\\\/schema\\\/person\\\/5c754218beda160e3ad9952190007834\",\"name\":\"cgenesi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/celinegns.de\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/logo-1-1024x995.png\",\"url\":\"https:\\\/\\\/celinegns.de\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/logo-1-1024x995.png\",\"contentUrl\":\"https:\\\/\\\/celinegns.de\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/logo-1-1024x995.png\",\"width\":1024,\"height\":995,\"caption\":\"cgenesi\"},\"logo\":{\"@id\":\"https:\\\/\\\/celinegns.de\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/logo-1-1024x995.png\"},\"sameAs\":[\"celinegns\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Startseite - Portfolio | C\u00e9line Genesi","description":"Foto-, Video- und Drohnencontent f\u00fcr alpine Unterk\u00fcnfte, Destinationen und Outdoor-Projekte \u2013 authentisch, hochwertig und f\u00fcr Website & Social Media konzipiert.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Startseite - Portfolio | C\u00e9line Genesi","og_description":"Foto-, Video- und Drohnencontent f\u00fcr alpine Unterk\u00fcnfte, Destinationen und Outdoor-Projekte \u2013 authentisch, hochwertig und f\u00fcr Website & Social Media konzipiert.","og_url":"https:\/\/celinegns.de\/en\/","og_site_name":"Portfolio | C\u00e9line Genesi","article_modified_time":"2026-09-09T08:36:37+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/celinegns.de\/","url":"https:\/\/celinegns.de\/","name":"Startseite - Portfolio | C\u00e9line Genesi","isPartOf":{"@id":"https:\/\/celinegns.de\/#website"},"datePublished":"2019-10-10T11:29:41+00:00","dateModified":"2026-09-09T08:36:37+00:00","description":"Foto-, Video- und Drohnencontent f\u00fcr alpine Unterk\u00fcnfte, Destinationen und Outdoor-Projekte \u2013 authentisch, hochwertig und f\u00fcr Website & Social Media konzipiert.","breadcrumb":{"@id":"https:\/\/celinegns.de\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/celinegns.de\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/celinegns.de\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https:\/\/celinegns.de\/"},{"@type":"ListItem","position":2,"name":"Startseite"}]},{"@type":"WebSite","@id":"https:\/\/celinegns.de\/#website","url":"https:\/\/celinegns.de\/","name":"Portfolio | C\u00e9line Genesi","description":"","publisher":{"@id":"https:\/\/celinegns.de\/#\/schema\/person\/5c754218beda160e3ad9952190007834"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/celinegns.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/celinegns.de\/#\/schema\/person\/5c754218beda160e3ad9952190007834","name":"cgenesi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/celinegns.de\/wp-content\/uploads\/2021\/05\/logo-1-1024x995.png","url":"https:\/\/celinegns.de\/wp-content\/uploads\/2021\/05\/logo-1-1024x995.png","contentUrl":"https:\/\/celinegns.de\/wp-content\/uploads\/2021\/05\/logo-1-1024x995.png","width":1024,"height":995,"caption":"cgenesi"},"logo":{"@id":"https:\/\/celinegns.de\/wp-content\/uploads\/2021\/05\/logo-1-1024x995.png"},"sameAs":["celinegns"]}]}},"_links":{"self":[{"href":"https:\/\/celinegns.de\/en\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/celinegns.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/celinegns.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/celinegns.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/celinegns.de\/en\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":10,"href":"https:\/\/celinegns.de\/en\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":4220,"href":"https:\/\/celinegns.de\/en\/wp-json\/wp\/v2\/pages\/2\/revisions\/4220"}],"wp:attachment":[{"href":"https:\/\/celinegns.de\/en\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}