<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Webdesign – studioRAUS</title>
	<atom:link href="https://www.studioraus.at/portfolio-category/web-generativ/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.studioraus.at</link>
	<description>&#124; Grafikdesign &#124; Logo &#124; Grafiker &#124; Tulln</description>
	<lastBuildDate>Thu, 26 Mar 2026 12:56:26 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>

<image>
	<url>https://www.studioraus.at/wp-content/uploads/2026/02/Element-1Signet_PREFINAL.png</url>
	<title>Webdesign – studioRAUS</title>
	<link>https://www.studioraus.at</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Franziska Henner</title>
		<link>https://www.studioraus.at/portfolio/franziska-henner/</link>
					<comments>https://www.studioraus.at/portfolio/franziska-henner/#respond</comments>
		
		<dc:creator><![CDATA[Jakob Raus]]></dc:creator>
		<pubDate>Mon, 02 Mar 2026 01:15:01 +0000</pubDate>
				<guid isPermaLink="false">https://www.studioraus.at/?post_type=portfolio&#038;p=359</guid>

					<description><![CDATA[<p>Jahr 2024 Kunde Franziska Henner Leistungen Webdesign Dauer 1 Monat</p>
<p>The post <a href="https://www.studioraus.at/portfolio/franziska-henner/">Franziska Henner</a> first appeared on <a href="https://www.studioraus.at">studioRAUS</a>.</p>]]></description>
										<content:encoded><![CDATA[<div class="wp-block-kadence-column kadence-column359_88278c-06 alignwide ext-animate--on"><div class="kt-inside-inner-col">
<div style="display:flex;flex-direction:column;align-items:center;width:100%;">
  <div class="cards-strip">
    <div class="strip-card">
      <div class="s-label">Jahr</div>
      <div class="s-value">2024</div>
      <div class="s-accent"></div>
    </div>
    <div class="strip-card">
      <div class="s-label">Kunde</div>
      <div class="s-value">Franziska Henner</div>
      <div class="s-accent"></div>
    </div>
    <div class="strip-card">
      <div class="s-label">Leistungen</div>
      <div class="s-value">Webdesign</div>
      <div class="s-accent"></div>
    </div>
    <div class="strip-card">
      <div class="s-label">Dauer</div>
      <div class="s-value">1 Monat</div>
      <div class="s-accent"></div>
    </div>
  </div>
</div>
</div></div>



<div class="wp-block-kadence-column kadence-column359_d4fbe0-f8 alignwide kb-section-dir-horizontal ext-animate--on"><div class="kt-inside-inner-col">
<style>
.laptop-outer {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 2rem 0;
}
.laptop-wrap {
  width: 100%;
  max-width: 800px;
}
.laptop-screen-shell {
  background: linear-gradient(180deg, #2d2d2d 0%, #222 100%);
  border-radius: 16px 16px 0 0;
  padding: 16px 16px 0 16px;
  border: 1.5px solid #444;
  border-bottom: none;
  position: relative;
}
.laptop-screen-shell::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 6px;
  height: 6px;
  background: #3a3a3a;
  border-radius: 50%;
  border: 1px solid #555;
}
.laptop-camera {
  width: 6px;
  height: 6px;
  background: #2a2a2a;
  border-radius: 50%;
  margin: 0 auto 10px;
  border: 1px solid #555;
  position: relative;
}
.laptop-camera::after {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  width: 2px;
  height: 2px;
  background: #4a9eff44;
  border-radius: 50%;
}
.laptop-screen {
  background: #000;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  width: 100%;
  border: 2px solid #111;
}
.laptop-screen iframe {
  border: none;
  display: block;
  width: 1280px;
  height: 800px;
  transform-origin: top left;
}
.laptop-hinge {
  background: linear-gradient(180deg, #1a1a1a 0%, #2a2a2a 50%, #1a1a1a 100%);
  height: 10px;
  position: relative;
  border-left: 1.5px solid #444;
  border-right: 1.5px solid #444;
}
.laptop-hinge::before {
  content: '';
  position: absolute;
  left: 10%;
  right: 10%;
  top: 3px;
  height: 4px;
  background: #111;
  border-radius: 2px;
}
.laptop-base {
  background: linear-gradient(180deg, #2d2d2d 0%, #252525 60%, #1e1e1e 100%);
  height: 28px;
  border-radius: 0 0 10px 10px;
  position: relative;
  border: 1.5px solid #444;
  border-top: none;
}
.laptop-base::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 6px;
  width: 25%;
  height: 10px;
  background: #1a1a1a;
  border-radius: 0 0 6px 6px;
  border: 1px solid #333;
  border-top: none;
}
.laptop-base::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 5%;
  right: 5%;
  height: 3px;
  background: #1a1a1a;
  border-radius: 0 0 8px 8px;
}
.laptop-feet {
  display: flex;
  justify-content: space-between;
  padding: 0 5%;
  margin-top: -2px;
}
.laptop-foot {
  width: 40px;
  height: 5px;
  background: #111;
  border-radius: 0 0 4px 4px;
}
</style>

<div class="laptop-outer">
  <div class="laptop-wrap">
    <div class="laptop-screen-shell">
      <div class="laptop-camera"></div>
      <div class="laptop-screen" id="laptop-screen">
        <iframe src="https://www.franziska-henner.com/" scrolling="yes" allowfullscreen id="laptop-iframe"></iframe>
      </div>
    </div>
    <div class="laptop-hinge"></div>
    <div class="laptop-base"></div>
    <div class="laptop-feet">
      <div class="laptop-foot"></div>
      <div class="laptop-foot"></div>
    </div>
  </div>
</div>

<script>
function scaleLaptop() {
  var screen = document.getElementById('laptop-screen');
  var iframe = document.getElementById('laptop-iframe');
  if (!screen || !iframe) return;
  var w = screen.offsetWidth;
  var scale = w / 1280;
  iframe.style.zoom = scale;
  iframe.style.width = '1280px';
  iframe.style.height = '800px';
  screen.style.height = (800 * scale) + 'px';
}
window.addEventListener('resize', scaleLaptop);
window.addEventListener('load', scaleLaptop);
setTimeout(scaleLaptop, 300);
setTimeout(scaleLaptop, 1000);
</script>
</div></div><p>The post <a href="https://www.studioraus.at/portfolio/franziska-henner/">Franziska Henner</a> first appeared on <a href="https://www.studioraus.at">studioRAUS</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.studioraus.at/portfolio/franziska-henner/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Herz Niederlande</title>
		<link>https://www.studioraus.at/portfolio/herz-niederlande/</link>
					<comments>https://www.studioraus.at/portfolio/herz-niederlande/#respond</comments>
		
		<dc:creator><![CDATA[Jakob Raus]]></dc:creator>
		<pubDate>Sat, 28 Feb 2026 01:43:20 +0000</pubDate>
				<guid isPermaLink="false">https://www.studioraus.at/?post_type=portfolio&#038;p=187</guid>

					<description><![CDATA[<p>Jahr 2024 Kunde HERZ Armaturen Leistungen Webdesign · WordPress Dauer 1 Jahr</p>
<p>The post <a href="https://www.studioraus.at/portfolio/herz-niederlande/">Herz Niederlande</a> first appeared on <a href="https://www.studioraus.at">studioRAUS</a>.</p>]]></description>
										<content:encoded><![CDATA[<div class="wp-block-kadence-column kadence-column187_06e0db-e7 alignwide ext-animate--on"><div class="kt-inside-inner-col">
<div style="display:flex;flex-direction:column;align-items:center;width:100%;">
  <div class="cards-strip">
    <div class="strip-card">
      <div class="s-label">Jahr</div>
      <div class="s-value">2024</div>
      <div class="s-accent"></div>
    </div>
    <div class="strip-card">
      <div class="s-label">Kunde</div>
      <div class="s-value">HERZ Armaturen</div>
      <div class="s-accent"></div>
    </div>
    <div class="strip-card">
      <div class="s-label">Leistungen</div>
      <div class="s-value">Webdesign · WordPress</div>
      <div class="s-accent"></div>
    </div>
    <div class="strip-card">
      <div class="s-label">Dauer</div>
      <div class="s-value">1 Jahr</div>
      <div class="s-accent"></div>
    </div>
  </div>
</div>
</div></div>



<div class="wp-block-kadence-column kadence-column187_91ed9e-47 alignwide kb-section-dir-horizontal ext-animate--on"><div class="kt-inside-inner-col">
<style>
.laptop-outer {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 2rem 0;
}
.laptop-wrap {
  width: 100%;
  max-width: 800px;
}
.laptop-screen-shell {
  background: linear-gradient(180deg, #2d2d2d 0%, #222 100%);
  border-radius: 16px 16px 0 0;
  padding: 16px 16px 0 16px;
  border: 1.5px solid #444;
  border-bottom: none;
  position: relative;
}
.laptop-screen-shell::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 6px;
  height: 6px;
  background: #3a3a3a;
  border-radius: 50%;
  border: 1px solid #555;
}
.laptop-camera {
  width: 6px;
  height: 6px;
  background: #2a2a2a;
  border-radius: 50%;
  margin: 0 auto 10px;
  border: 1px solid #555;
  position: relative;
}
.laptop-camera::after {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  width: 2px;
  height: 2px;
  background: #4a9eff44;
  border-radius: 50%;
}
.laptop-screen {
  background: #000;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  width: 100%;
  border: 2px solid #111;
}
.laptop-screen iframe {
  border: none;
  display: block;
  width: 1280px;
  height: 800px;
  transform-origin: top left;
}
.laptop-hinge {
  background: linear-gradient(180deg, #1a1a1a 0%, #2a2a2a 50%, #1a1a1a 100%);
  height: 10px;
  position: relative;
  border-left: 1.5px solid #444;
  border-right: 1.5px solid #444;
}
.laptop-hinge::before {
  content: '';
  position: absolute;
  left: 10%;
  right: 10%;
  top: 3px;
  height: 4px;
  background: #111;
  border-radius: 2px;
}
.laptop-base {
  background: linear-gradient(180deg, #2d2d2d 0%, #252525 60%, #1e1e1e 100%);
  height: 28px;
  border-radius: 0 0 10px 10px;
  position: relative;
  border: 1.5px solid #444;
  border-top: none;
}
.laptop-base::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 6px;
  width: 25%;
  height: 10px;
  background: #1a1a1a;
  border-radius: 0 0 6px 6px;
  border: 1px solid #333;
  border-top: none;
}
.laptop-base::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 5%;
  right: 5%;
  height: 3px;
  background: #1a1a1a;
  border-radius: 0 0 8px 8px;
}
.laptop-feet {
  display: flex;
  justify-content: space-between;
  padding: 0 5%;
  margin-top: -2px;
}
.laptop-foot {
  width: 40px;
  height: 5px;
  background: #111;
  border-radius: 0 0 4px 4px;
}
</style>

<div class="laptop-outer">
  <div class="laptop-wrap">
    <div class="laptop-screen-shell">
      <div class="laptop-camera"></div>
      <div class="laptop-screen" id="laptop-screen">
        <iframe src="https://herz.nl" scrolling="yes" allowfullscreen id="laptop-iframe"></iframe>
      </div>
    </div>
    <div class="laptop-hinge"></div>
    <div class="laptop-base"></div>
    <div class="laptop-feet">
      <div class="laptop-foot"></div>
      <div class="laptop-foot"></div>
    </div>
  </div>
</div>

<script>
function scaleLaptop() {
  var screen = document.getElementById('laptop-screen');
  var iframe = document.getElementById('laptop-iframe');
  if (!screen || !iframe) return;
  var w = screen.offsetWidth;
  var scale = w / 1280;
  iframe.style.zoom = scale;
  iframe.style.width = '1280px';
  iframe.style.height = '800px';
  screen.style.height = (800 * scale) + 'px';
}
window.addEventListener('resize', scaleLaptop);
window.addEventListener('load', scaleLaptop);
setTimeout(scaleLaptop, 300);
setTimeout(scaleLaptop, 1000);
</script>



<style>
.phone-outer {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 2rem 0;
}
.phone-wrap {
  width: 100%;
  max-width: 240px;
}
.phone-body {
  background: linear-gradient(170deg, #2d2d2d 0%, #1a1a1a 100%);
  border-radius: 44px;
  padding: 10px;
  border: 1.5px solid #444;
  position: relative;
}
.phone-side-button {
  position: absolute;
  right: -3px;
  top: 100px;
  width: 3px;
  height: 60px;
  background: #333;
  border-radius: 0 2px 2px 0;
  border: 1px solid #444;
}
.phone-vol-up {
  position: absolute;
  left: -3px;
  top: 80px;
  width: 3px;
  height: 35px;
  background: #333;
  border-radius: 2px 0 0 2px;
  border: 1px solid #444;
}
.phone-vol-down {
  position: absolute;
  left: -3px;
  top: 125px;
  width: 3px;
  height: 35px;
  background: #333;
  border-radius: 2px 0 0 2px;
  border: 1px solid #444;
}
.phone-screen-wrap {
  background: #000;
  border-radius: 36px;
  overflow: hidden;
  position: relative;
}
.phone-screen {
  background: #000;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.phone-screen iframe {
  border: none;
  display: block;
  width: 390px;
  height: 844px;
  transform-origin: top left;
}
.phone-home-bar {
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.phone-home-indicator {
  width: 80px;
  height: 4px;
  background: rgba(255,255,255,0.4);
  border-radius: 2px;
}
</style>

<div class="phone-outer">
  <div class="phone-wrap">
    <div class="phone-body">
      <div class="phone-side-button"></div>
      <div class="phone-vol-up"></div>
      <div class="phone-vol-down"></div>
      <div class="phone-screen-wrap">
        <div class="phone-screen" id="phone-screen">
          <iframe src="https://herz.nl" scrolling="yes" allowfullscreen id="phone-iframe"></iframe>
        </div>
        <div class="phone-home-bar">
          <div class="phone-home-indicator"></div>
        </div>
      </div>
    </div>
  </div>
</div>

<script>
function scalePhone() {
  var screen = document.getElementById('phone-screen');
  var iframe = document.getElementById('phone-iframe');
  if (!screen || !iframe) return;
  var w = screen.offsetWidth;
  var scale = w / 390;
  iframe.style.zoom = scale;
  iframe.style.width = '390px';
  iframe.style.height = '844px';
  screen.style.height = (844 * scale) + 'px';
}
window.addEventListener('resize', scalePhone);
window.addEventListener('load', scalePhone);
setTimeout(scalePhone, 300);
setTimeout(scalePhone, 1000);
</script>
</div></div><p>The post <a href="https://www.studioraus.at/portfolio/herz-niederlande/">Herz Niederlande</a> first appeared on <a href="https://www.studioraus.at">studioRAUS</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.studioraus.at/portfolio/herz-niederlande/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
