Impressum

<style>

/* ==========================================================
OCCO / LEGAL NOTICE
========================================================== */

.occo-imprint,
.occo-imprint * {
box-sizing: border-box;
}

.occo-imprint {
--bg: #f5f6f6;
--bg-soft: #eef1f3;
--text: #171a1c;
--copy: #666e73;
--muted: #92999e;
--line: rgba(30, 38, 44, .11);

width: 100%;
overflow: hidden;

background:
radial-gradient(
ellipse at 80% 4%,
rgba(255,255,255,.72) 0%,
rgba(255,255,255,.20) 34%,
transparent 58%
),
var(--bg);

color: var(--text);
font-family: inherit;
}

/* ==========================================================
INNER
========================================================== */

.occo-imprint__inner {
width: min(1180px, calc(100% - 80px));
margin: 0 auto;
padding: 58px 0 88px;
}

/* ==========================================================
TOP
========================================================== */

.occo-imprint__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;

padding-bottom: 12px;
border-bottom: 1px solid var(--line);
}

.occo-imprint__top span {
font-size: 7px;
font-weight: 500;
letter-spacing: .20em;
text-transform: uppercase;
color: var(--muted);
}

/* ==========================================================
HERO
========================================================== */

.occo-imprint__hero {
padding: 55px 0 48px;
}

.occo-imprint__eyebrow {
display: block;
margin-bottom: 13px;

font-size: 7px;
font-weight: 500;
letter-spacing: .22em;
text-transform: uppercase;

color: var(--muted);
}

.occo-imprint__title {
max-width: 850px;
margin: 0;

font-size: clamp(54px, 7vw, 96px);
line-height: .90;

font-weight: 400;
letter-spacing: -.055em;
text-transform: uppercase;
}

.occo-imprint__intro {
max-width: 610px;
margin: 24px 0 0;

font-size: 12px;
line-height: 1.72;

color: var(--copy);
}

/* ==========================================================
IDENTITY
========================================================== */

.occo-imprint__identity {
display: grid;

grid-template-columns:
minmax(260px, .42fr)
minmax(0, .58fr);

gap: 70px;

padding: 39px 0 41px;

border-top: 1px solid var(--line);
border-bottom: 1px solid var(--line);
}

.occo-imprint__identity-label {
display: block;
margin-bottom: 12px;

font-size: 6px;
font-weight: 500;
letter-spacing: .20em;
text-transform: uppercase;

color: var(--muted);
}

.occo-imprint__brand {
margin: 0;

font-size: clamp(27px, 3vw, 43px);
line-height: 1;

font-weight: 400;
letter-spacing: -.035em;
}

.occo-imprint__type {
display: block;

margin-top: 11px;

font-size: 6.5px;
font-weight: 500;

letter-spacing: .18em;
text-transform: uppercase;

color: #858d92;
}

.occo-imprint__address {
font-size: 11.5px;
line-height: 1.75;

color: var(--copy);
}

.occo-imprint__address p {
margin: 0 0 16px;
}

.occo-imprint__address p:last-child {
margin-bottom: 0;
}

.occo-imprint__address strong {
color: #343a3e;
font-weight: 500;
}

.occo-imprint__address a {
color: var(--text);

text-decoration: underline;
text-underline-offset: 3px;
}

/* ==========================================================
LEGAL SECTIONS
========================================================== */

.occo-imprint__section {
padding-top: 66px;
}

.occo-imprint__section-head {
display: grid;

grid-template-columns: 70px 1fr;

gap: 25px;

align-items: baseline;

padding-bottom: 18px;

border-bottom: 1px solid var(--line);
}

.occo-imprint__section-number {
font-size: 6px;
font-weight: 500;
letter-spacing: .16em;

color: #9da4a8;
}

.occo-imprint__section-title {
margin: 0;

font-size: clamp(23px, 2.3vw, 34px);
line-height: 1;

font-weight: 400;
letter-spacing: -.025em;

text-transform: uppercase;
}

/* ==========================================================
ROW
========================================================== */

.occo-imprint__row {
display: grid;

grid-template-columns:
minmax(200px, .38fr)
minmax(0, .62fr);

gap: 50px;

padding: 25px 2px;

border-bottom: 1px solid var(--line);
}

.occo-imprint__row h3 {
margin: 0;

font-size: 10px;
line-height: 1.5;

font-weight: 500;
letter-spacing: .12em;

text-transform: uppercase;

color: #444b4f;
}

.occo-imprint__content {
max-width: 700px;

font-size: 11.5px;
line-height: 1.75;

color: var(--copy);
}

.occo-imprint__content p {
margin: 0 0 12px;
}

.occo-imprint__content p:last-child {
margin-bottom: 0;
}

.occo-imprint__content strong {
color: #353b3f;
font-weight: 500;
}

.occo-imprint__content a {
color: var(--text);

text-decoration: underline;
text-underline-offset: 3px;
}

/* ==========================================================
COMPANY DATA
========================================================== */

.occo-imprint__data {
display: grid;

grid-template-columns: repeat(3, 1fr);

margin-top: 66px;

border-top: 1px solid var(--line);
border-bottom: 1px solid var(--line);
}

.occo-imprint__data-item {
min-height: 150px;

padding: 22px 24px;
}

.occo-imprint__data-item + .occo-imprint__data-item {
border-left: 1px solid var(--line);
}

.occo-imprint__data-index {
display: block;

font-size: 5.8px;
letter-spacing: .14em;

color: #9da4a8;
}

.occo-imprint__data-item span:last-of-type {
display: block;

margin-top: 33px;

font-size: 6px;
font-weight: 500;

letter-spacing: .16em;

text-transform: uppercase;

color: var(--muted);
}

.occo-imprint__data-item strong {
display: block;

margin-top: 7px;

font-size: 12px;
line-height: 1.45;

font-weight: 500;

color: #343a3e;
}

/* ==========================================================
DISPUTE
========================================================== */

.occo-imprint__notice {
margin-top: 66px;

padding: 29px 31px;

background: var(--bg-soft);

border-top: 1px solid var(--line);
border-bottom: 1px solid var(--line);
}

.occo-imprint__notice-label {
display: block;

margin-bottom: 12px;

font-size: 6px;
font-weight: 500;

letter-spacing: .20em;
text-transform: uppercase;

color: var(--muted);
}

.occo-imprint__notice h2 {
margin: 0;

font-size: 23px;
line-height: 1.1;

font-weight: 400;
letter-spacing: -.025em;

text-transform: uppercase;
}

.occo-imprint__notice p {
max-width: 760px;

margin: 15px 0 0;

font-size: 11px;
line-height: 1.7;

color: var(--copy);
}

/* ==========================================================
SUPPORT
========================================================== */

.occo-imprint__support {
display: grid;

grid-template-columns: 1fr auto;

gap: 40px;

align-items: center;

margin-top: 64px;

padding: 31px 0;

border-top: 1px solid var(--line);
border-bottom: 1px solid var(--line);
}

.occo-imprint__support-label {
display: block;

margin-bottom: 8px;

font-size: 6px;
font-weight: 500;

letter-spacing: .19em;
text-transform: uppercase;

color: var(--muted);
}

.occo-imprint__support h2 {
margin: 0;

font-size: 25px;
line-height: 1.1;

font-weight: 400;

text-transform: uppercase;
}

.occo-imprint__support p {
margin: 12px 0 0;

font-size: 10.5px;
line-height: 1.6;

color: var(--copy);
}

.occo-imprint__support-link {
display: inline-flex;

align-items: center;

gap: 12px;

padding-bottom: 6px;

border-bottom: 1px solid var(--text);

color: var(--text);

text-decoration: none;

font-size: 7px;
font-weight: 500;

letter-spacing: .16em;
text-transform: uppercase;
}

/* ==========================================================
BOTTOM
========================================================== */

.occo-imprint__bottom {
display: flex;

align-items: center;

gap: 10px;

margin-top: 39px;
}

.occo-imprint__bottom span {
font-size: 5.7px;
font-weight: 500;

letter-spacing: .16em;

text-transform: uppercase;

color: var(--muted);
}

.occo-imprint__bottom i {
width: 3px;
height: 3px;

border-radius: 50%;

background:
linear-gradient(
135deg,
#65dce8 0%,
#797df1 60%,
#bd8ed0 100%
);
}

/* ==========================================================
MOBILE
========================================================== */

@media screen and (max-width: 749px) {

.occo-imprint__inner {
width: calc(100% - 34px);

padding: 32px 0 57px;
}

.occo-imprint__top {
padding-bottom: 9px;
}

.occo-imprint__top span {
font-size: 5.5px;

letter-spacing: .15em;
}

.occo-imprint__top span:last-child {
display: none;
}

.occo-imprint__hero {
padding: 37px 0 34px;
}

.occo-imprint__eyebrow {
font-size: 5.6px;
}

.occo-imprint__title {
font-size: 44px;
}

.occo-imprint__intro {
max-width: 315px;

margin-top: 18px;

font-size: 10.2px;
}

.occo-imprint__identity {
display: block;

padding: 28px 0;
}

.occo-imprint__brand {
font-size: 28px;
}

.occo-imprint__address {
margin-top: 28px;

font-size: 10px;
}

.occo-imprint__section {
padding-top: 47px;
}

.occo-imprint__section-head {
grid-template-columns: 37px 1fr;

gap: 12px;

padding-bottom: 13px;
}

.occo-imprint__section-title {
font-size: 23px;
}

.occo-imprint__row {
display: block;

padding: 20px 1px;
}

.occo-imprint__row h3 {
margin-bottom: 9px;

font-size: 8.5px;
}

.occo-imprint__content {
max-width: 315px;

font-size: 10px;
line-height: 1.65;
}

.occo-imprint__data {
grid-template-columns: 1fr;
}

.occo-imprint__data-item {
min-height: auto;

padding: 17px 2px 19px;
}

.occo-imprint__data-item + .occo-imprint__data-item {
border-left: 0;

border-top: 1px solid var(--line);
}

.occo-imprint__data-item span:last-of-type {
margin-top: 19px;
}

.occo-imprint__notice {
margin-top: 48px;

padding: 23px 20px;
}

.occo-imprint__notice h2 {
font-size: 21px;
}

.occo-imprint__notice p {
font-size: 10px;
}

.occo-imprint__support {
display: block;

margin-top: 48px;

padding: 25px 0;
}

.occo-imprint__support h2 {
font-size: 21px;
}

.occo-imprint__support-link {
margin-top: 20px;

font-size: 6px;
}

.occo-imprint__bottom {
flex-wrap: wrap;

margin-top: 30px;
}

.occo-imprint__bottom span {
font-size: 5px;
}

}

</style>

<span>OCCO / LEGAL / IMPRINT</span>

<span>LEGAL INFORMATION</span>

</div>

<span class="occo-imprint__eyebrow">
LEGAL INFORMATION
</span>

<h1 class="occo-imprint__title">
IMPRESSUM.
</h1>

<p class="occo-imprint__intro">
Anbieterinformationen für den Online-Shop und die
digitalen Angebote von OCCO.
</p>

</header>

<div>

<span class="occo-imprint__identity-label">
DIENSTEANBIETER
</span>

<span class="occo-imprint__type">
Einzelunternehmen
</span>

</div>

<p>
<strong>
Max Schaffrath<br>
handelnd unter OCCO<br>
Heinrich-Laber-Str. 2<br>
91792 Ellingen<br>
Deutschland
</strong>
</p>

<p>
E-Mail:
<a href="mailto:info@occo-designs.com">
info@occo-designs.com
</a>
</p>

</div>

</section>

<h2 class="occo-imprint__section-title">
Anbieter
</h2>

</div>

<h3>Unternehmen</h3>

<p>
<strong>OCCO</strong> ist ein Einzelunternehmen.
</p>

<p>
Inhaber:<br>
<strong>Max Schaffrath</strong>
</p>

</div>

<h3>Anschrift</h3>

<p>
OCCO<br>
Max Schaffrath<br>
Heinrich-Laber-Str. 2<br>
91792 Ellingen<br>
Deutschland
</p>

</div>

<h3>Kontakt</h3>

<p>
E-Mail:
<a href="mailto:info@occo-designs.com">
info@occo-designs.com
</a>
</p>

</div>

</section>

<h2 class="occo-imprint__section-title">
Steuerliche Angaben
</h2>

</div>

<h3>Umsatzsteuer</h3>

<p>
Umsatzsteuer-Identifikationsnummer gemäß
§ 27a Umsatzsteuergesetz:
</p>

</div>

</section>

<span>Rechtsform</span>

<strong>
Einzelunternehmen
</strong>

</div>

<span>Inhaber</span>

<strong>
Max Schaffrath
</strong>

</div>

</div>

<h2 class="occo-imprint__section-title">
Streitbeilegung
</h2>

</div>

<h3>Verbraucherschlichtung</h3>

<p>
Wir sind weder bereit noch verpflichtet,
an Streitbeilegungsverfahren vor einer
Verbraucherschlichtungsstelle teilzunehmen.
</p>

</div>

</section>

<span class="occo-imprint__notice-label">
OCCO / LEGAL NOTICE
</span>

<h2>
RECHTLICHE INFORMATIONEN
</h2>

<p>
Weitere Informationen zu Datenschutz, Vertragsbedingungen,
Versand, Rückgabe und Widerruf findest du auf den
entsprechenden Informationsseiten unseres Online-Shops.
</p>

</div>

<div>

<span class="occo-imprint__support-label">
OCCO / CONTACT
</span>

<h2>
KONTAKT.
</h2>

<p>
Für Fragen zu OCCO, Produkten oder Bestellungen
erreichst du uns per E-Mail.
</p>

</div>

<a
class="occo-imprint__support-link"
href="mailto:info@occo-designs.com"
>
INFO@OCCO-DESIGNS.COM
<span>→</span>
</a>

</div>

<i></i>

<span>ELLINGEN / GERMANY</span>

<i></i>

<span>LEGAL INFORMATION</span>

</div>