:root {
    /* Priara CI Farben */
    --priara-red: #e52e20;
    --priara-dark: #2e2c2d;
    --priara-border: #d8d8d8;
    --priara-text-muted: #6b6b6b;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    margin: 0;
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

/* Basis-Layout */
.wrapper {
    max-width: 1390px;
    margin: 20px auto 0 auto;
    font-family: 'Open Sans', sans-serif;
}

.wrapper a {
    text-decoration: none;
}

.wrapper a:visited {
    color: inherit;
}

.clearer {
    clear: both;
}

/* Header & Logo */
.header {
    padding-top: 20px;
    margin-bottom: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.logo {
    display: inline-block;
    width: 23%;
    padding-left: 2%;
    vertical-align: bottom;
    position: relative;
}

.logo img {
    max-width: 100%;
    max-height: 180px;
}

/* Optionale Feature-Icons (derzeit nicht genutzt) */
.features {
    display: inline-block;
    width: 74%;
    text-align: right;
    padding-left: 0;
    vertical-align: bottom;
    margin: 0;
}

.features li {
    font-family: 'Open Sans', sans-serif;
    padding-left: 0;
    padding-right: 2px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

.features li i {
    font-size: 34px;
    color: #666;
    margin-left: 40px;
    display: inline;
    line-height: 40px;
    padding-left: 1%;
}

.features li span {
    color: #888;
    font-style: italic;
}

/* Navigation */
.nav a,
.nav a:hover,
.nav a:visited {
    color: inherit;
    text-decoration: none;
    clear: both;
}

.nav {
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    background-color: var(--priara-dark);
    color: #fff;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
    height: 53px;
}

.nav-item {
    margin: 0;
    padding-left: 0;
}

.nav-item li {
    padding-left: 2%;
    padding-right: 2%;
    font-size: 15px;
    display: inline-block;
    border-right: 1px solid #EBEBEB;
    height: 53px;
    line-height: 53px;
    margin: 0;
}

.nav-item li:first-child {
    border-left: 1px solid #ebebeb;
}

.nav-item li a {
    display: inline-block;
    height: 100%;
    box-sizing: border-box;
}

.nav-item li a:hover {
    color: var(--priara-red);
}

/* Content-Layout */
.content-body {
    margin-top: 5px;
    position: relative;
    clear: both;
}

.left-container {
    position: relative;
    padding-left: 30px;
}

/* Gallery */
.gallery {
    width: 43%;
    margin-right: 2%;
    margin-top: 60px;
    margin-bottom: 20px;
    float: left;
    position: relative;
}

.image {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    text-align: center;
    opacity: 0;
    background-color: #fff;
    transition: opacity 0.5s;
    margin: 0;
}

.image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.gallery .image:first-of-type {
    position: relative;
    pointer-events: auto;
    opacity: 1;
    z-index: 2;
}

.gallery-navi {
    padding-top: 15px;
    padding-left: 0;
    text-align: left;
}

/* Thumbnails */
.image-thumb {
    position: relative;
    display: inline-block;
    margin-right: 1%;
    margin-left: -4px;
    width: 24%;
    height: 100px;
    text-align: center;
    margin-bottom: 5px;
    transition: all 0.2s;
    border: 1px solid var(--priara-border);
    background-color: #fff;
}

.image-thumb:hover,
.image-thumb:visited,
.image-thumb:link {
    text-decoration: none;
}

.image-thumb:nth-child(4n+1) {
    margin-left: 0;
}

.image-thumb:nth-child(4n) {
    margin-right: 0;
}

.image-thumb img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

@media (hover: hover) {
    .image-thumb:hover {
        opacity: 0.9;
        cursor: pointer;
        border-color: var(--priara-red);
    }
}

/* Target-Logik */
.gallery .zoom-operator {
    display: none !important;
}

.gallery .zoom-operator:target ~ .image {
    pointer-events: none;
    opacity: 0;
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
    z-index: 2;
}

.gallery .zoom-operator:nth-of-type(1):target ~ .image:nth-of-type(1),
.gallery .zoom-operator:nth-of-type(2):target ~ .image:nth-of-type(2),
.gallery .zoom-operator:nth-of-type(3):target ~ .image:nth-of-type(3),
.gallery .zoom-operator:nth-of-type(4):target ~ .image:nth-of-type(4),
.gallery .zoom-operator:nth-of-type(5):target ~ .image:nth-of-type(5),
.gallery .zoom-operator:nth-of-type(6):target ~ .image:nth-of-type(6),
.gallery .zoom-operator:nth-of-type(7):target ~ .image:nth-of-type(7),
.gallery .zoom-operator:nth-of-type(8):target ~ .image:nth-of-type(8),
.gallery .zoom-operator:nth-of-type(9):target ~ .image:nth-of-type(9),
.gallery .zoom-operator:nth-of-type(10):target ~ .image:nth-of-type(10),
.gallery .zoom-operator:nth-of-type(11):target ~ .image:nth-of-type(11),
.gallery .zoom-operator:nth-of-type(12):target ~ .image:nth-of-type(12) {
    pointer-events: auto;
    opacity: 1;
}

/* Zoom-Overlay */
.overlay {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1000;
    display: none;
}

.zoom-image {
    width: 70%;
    height: auto;
    margin: 0 auto;
    background: #fff;
    text-align: center;
    padding: 2% 2% 2% 2%;
    margin-top: 20px;
}

.zoom-image img {
    max-width: 100%;
    max-height: 800px;
}

.overlay a.close-text {
    margin-top: 20px;
    color: #555 !important;
    text-decoration: none;
    font-size: 15px;
    clear: both;
    display: block;
    font-weight: normal;
    text-decoration: underline;
}

.overlay a i {
    color: #555 !important;
    font-size: 40px;
    margin-bottom: 20px;
    z-index: 2000;
    float: right;
    cursor: pointer;
}

#zoom-image-1:target,
#zoom-image-2:target,
#zoom-image-3:target,
#zoom-image-4:target,
#zoom-image-5:target,
#zoom-image-6:target,
#zoom-image-7:target,
#zoom-image-8:target,
#zoom-image-9:target,
#zoom-image-10:target,
#zoom-image-11:target,
#zoom-image-12:target {
    display: block;
}

/* Rechte Spalte / Artikeldetails */
.right-container {
    padding-right: 30px;
    float: right;
    width: 50%;
}

.item-details {
    padding-top: 60px;
    clear: none;
    float: left;
}

.item-details h1,
.item-details h4 {
    position: relative;
    left: -2px;
    margin-top: 0;
    margin-bottom: 7px;
    font-family: 'Open Sans', sans-serif;
    font-size: 32px;
    font-weight: 400;
    color: #333;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.item-details h2 {
    margin-top: 5px;
    font-size: 20px;
    font-weight: 400;
    color: var(--priara-text-muted);
}

.item-details h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #999999;
}

.item-details p,
.item-details ul li {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #555555;
}

.item-details ul {
    list-style: none;
    padding-left: 10px;
}

.item-details ul li {
    margin-bottom: 3px;
}

.item-details ul li span {
    color: #AAA;
    margin-right: 4px;
}

.item-details .shortdescription {
    margin-left: 20px;
    margin-right: 40px;
    padding-top: 20px;
    line-height: 1.5;
}

/* Tabs */
.tab-container-wrapper {
    margin-right: -400px;
    float: left;
    width: 100%;
    margin-bottom: 50px;
    clear: both;
}

.tab-bar {
    margin-top: 50px;
    margin-left: 30px;
    margin-right: 30px;
}

#tab2,
#tab3,
#tab4 {
    display: none;
}

.tab-bar input[type=radio] {
    visibility: hidden;
    margin: 0;
    padding: 0;
    height: 0;
    width: 0;
    position: absolute;
}

.tab-bar label:last-of-type {
    margin-right: 0;
}

/* Tab Labels */
.tab-links {
    display: inline-block;
    margin-right: 1%;
    padding-top: 0;
    width: 120px;
    height: 50px;
    line-height: 50px;
    background-color: #EBEBEB;
    color: #666666;
    text-align: center;
    font-size: 14px;
    transition: all 0.1s;
    margin-bottom: 0;
}

.tab-links:hover {
    background-color: var(--priara-red);
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.1s;
}

/* Aktiver Tab */
#tab1-btn:checked + .tab-links,
#tab2-btn:checked + .tab-links,
#tab3-btn:checked + .tab-links,
#tab4-btn:checked + .tab-links {
    background-color: #fff;
    color: #666;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.1s;
    border-top: 1px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
    top: 1px;
    position: relative;
    z-index: 2;
}

/* Tab Sichtbarkeit */
#tab1-btn:checked ~ #tab1 {
    display: block;
}

#tab1-btn:checked ~ #tab2,
#tab1-btn:checked ~ #tab3,
#tab1-btn:checked ~ #tab4 {
    display: none;
}

#tab2-btn:checked ~ #tab2 {
    display: block;
}

#tab2-btn:checked ~ #tab1,
#tab2-btn:checked ~ #tab3,
#tab2-btn:checked ~ #tab4 {
    display: none;
}

#tab3-btn:checked ~ #tab3 {
    display: block;
}

#tab3-btn:checked ~ #tab1,
#tab3-btn:checked ~ #tab2,
#tab3-btn:checked ~ #tab4 {
    display: none;
}

#tab4-btn:checked ~ #tab4 {
    display: block;
}

#tab4-btn:checked ~ #tab1,
#tab4-btn:checked ~ #tab2,
#tab4-btn:checked ~ #tab3 {
    display: none;
}

/* Tab-Content */
.content-border {
    border: 1px solid #EBEBEB;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
}

.tab-content {
    clear: both;
    color: #222;
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    max-width: 100%;
    padding: 40px;
}

.tab-content img {
    max-width: 100%;
}

.tab-content p {
    margin: 0;
    padding: 0;
}

/* Abstand zwischen Absätzen im Tabinhalt */
.tab-content p + p {
    margin-top: 0.75rem;
}

.tab-content a,
.tab-content a:visited {
    color: var(--priara-red);
    text-decoration: none;
}

.tab-content a:hover {
    text-decoration: underline;
    font-weight: 700;
}

.tab-content ul,
.tab-content ol {
    display: block;
    text-align: left;
    margin: 0.5rem 0 0 0;
    position: relative;
    left: 20px;
    line-height: 1.5;
}

/* Überschriften im Tab */
.tab-content h1,
.tab-bar h1,
.tab-content h2,
.tab-bar h2 {
    font-weight: 300;
    font-size: 28px;
    transition: all 0.1s;
    margin-top: 0;
    margin-bottom: 0.75rem;
}

.tab-content h1:hover,
.tab-bar h1:hover,
.tab-content h2:hover,
.tab-bar h2:hover {
    color: var(--priara-red);
    cursor: default;
    transition: all 0.1s;
}

/* Clear-Helper im Tab-Content */
.tab-content .clearer {
    clear: both;
    height: 0;
    margin: 0 0 1.5rem 0;
}

/* Inline-Bilder */
.content-img-inline {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 15px 15px;
}

/* Attribut-Tabelle im Beschreibungstab */
.tab-content .priara-attributes {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    border: 1px solid var(--priara-border);
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

.tab-content .priara-attributes td {
    padding: 8px 14px;
    vertical-align: top;
    border-bottom: 1px solid var(--priara-border);
}

/* Erste Spalte: Labels */
.tab-content .priara-attributes td:first-child {
    width: 30%;
    font-weight: 600;
    color: var(--priara-text-muted);
    background-color: #f7f7f7;
}

/* Zweite Spalte: Werte */
.tab-content .priara-attributes td:last-child {
    color: #222;
}

/* Zebra-Effekt für Label-Spalte */
.tab-content .priara-attributes tr:nth-child(odd) td:first-child {
    background-color: #f2f2f2;
}

.tab-content .priara-attributes tr:nth-child(even) td:first-child {
    background-color: #fafafa;
}

/* Hover-Reihe (nur Desktop) */
@media (hover: hover) {
    .tab-content .priara-attributes tr:hover td {
        background-color: #fff8f7;
    }
}

/* Footer */
.footer {
    width: 100%;
    height: 300px;
    background-color: var(--priara-dark);
    margin-top: 100px;
    padding-top: 25px;
    clear: both;
}

.footer h2 {
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    color: #BBB;
}

.footer p {
    color: #ccc;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    padding-top: 20px;
    margin: 0;
    line-height: 1.4;
}

.footer a {
    box-sizing: border-box;
    background-color: transparent;
    cursor: pointer;
    text-decoration: none;
    color: var(--priara-red);
    line-height: 1.4;
}

.block {
    position: relative;
    width: 18%;
    height: 200px;
    display: inline-block;
    vertical-align: top;
    margin: 30px 7% 30px 7%;
}

.block-title {
    width: 100%;
    border-bottom: 2px solid var(--priara-red);
}

.block-title p,
.block-title i {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
}

.footer .block-title i {
    font-size: 20px;
}

.footer-items {
    color: white;
    list-style: none;
    padding: 0;
    margin-top: 22px;
    color: #ccc;
    font-family: 'Open Sans', sans-serif;
    font-size: 36px;
}

.footer-items li {
    padding-bottom: 23px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.footer-items li i {
    margin-right: 15px;
}

/* Animationen */
.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(10px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(10px);
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(10px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

/* ===========================
   Responsive Anpassungen
   =========================== */

@media only screen and (max-width: 1217px),
only screen and (max-width: 1217px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 1217px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 1217px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 1217px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 1217px) and (-moz-min-device-pixel-ratio: 2),
only screen and (max-width: 1217px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 1217px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 1217px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 1217px) and (-webkit-min-device-pixel-ratio: 1.5) {

    .gallery {
        width: 40%;
    }

    .image {
        height: 380px;
    }
}

@media only screen and (max-width: 1120px),
only screen and (max-width: 1120px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 1120px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 1120px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 1120px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 1120px) and (-moz-min-device-pixel-ratio: 2),
only screen and (max-width: 1120px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 1120px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 1120px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 1120px) and (-webkit-min-device-pixel-ratio: 1.5) {

    .tab-bar {
        margin: 0 auto;
        max-width: 100%;
        margin-top: 60px;
    }
}

/* ~1024px – Tablet / kleines Notebook */
@media only screen and (max-width: 1024px),
only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 1024px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 2),
only screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 1024px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {

    .header {
        text-align: center;
        margin-bottom: 50px;
    }

    .logo {
        display: block;
        width: 50%;
        margin: 0 auto 40px auto;
    }

    .logo img {
        display: block;
        max-width: 90%;
        max-height: 180px;
        padding: 0;
        margin: 20px auto;
        width: auto;
        height: auto;
    }

    .features {
        padding: 0;
        margin: 0 auto;
        float: none;
        width: 100%;
        text-align: center;
    }

    .features li {
        text-align: left;
    }

    .nav-item {
        text-align: center;
        padding: 0;
    }

    .content-body {
        margin: 0 auto;
        background-color: #fff;
        margin-top: 5px;
        width: 100%;
    }

    .left-container {
        padding-right: 0;
        padding-top: 20px;
        padding-left: 0;
    }

    .gallery {
        display: block;
        float: none;
        margin: 0 auto;
        width: 70%;
    }

    .image {
        height: 650px;
        margin-right: 20px;
        float: none;
    }

    .right-container {
        width: 100%;
        margin: 20px auto 0 auto;
        padding: 0;
        text-align: center;
    }

    .item-details {
        width: 100%;
        text-align: center;
        float: none;
        margin: 0 auto;
        padding-top: 0;
    }

    .item-details .shortdescription {
        float: none;
        display: block;
        width: 100%;
        margin: 0 auto;
        max-width: 500px;
    }

    .tab-container-wrapper {
        margin-right: 0;
    }

    .footer {
        width: 100%;
        height: auto;
        margin-top: 90px;
        margin: 0;
    }

    .block {
        margin: 0 0 0 50px;
        position: relative;
        width: 24%;
        height: auto;
        vertical-align: top;
    }
}

/* ~830px – Tablets im Hochformat */
@media only screen and (max-width: 830px),
only screen and (max-width: 830px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 830px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 830px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 830px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 830px) and (-moz-min-device-pixel-ratio: 2),
only screen and (max-width: 830px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 830px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 830px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 830px) and (device-aspect-ratio: 9/16),
only screen and (max-width: 830px) and (-webkit-min-device-pixel-ratio: 1.5) {

    .gallery {
        width: 100%;
    }

    .image {
        height: 350px;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        text-align: center;
    }

    .gallery .controls {
        width: 60%;
        margin: 0 auto;
    }
}

/* ~660px – Smartphones quer/kleinere Tablets */
@media only screen and (max-width: 660px) {

    .tab-bar label {
        width: 47%;
        margin-right: 1%;
        margin-left: 1%;
    }

    .tab-links {
        margin-bottom: 10px;
    }

    .content-border {
        width: 97%;
        margin: 20px auto 0 auto;
    }

    #tab1-btn:checked + .tab-links,
    #tab2-btn:checked + .tab-links,
    #tab3-btn:checked + .tab-links,
    #tab4-btn:checked + .tab-links {
        outline: 1px solid #EBEBEB;
        border: none;
    }
}

/* ~480px – Smartphones hochkant */
@media only screen and (max-width: 480px),
only screen and (max-width: 480px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 480px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 480px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 480px) and (-moz-min-device-pixel-ratio: 2),
only screen and (max-width: 480px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 480px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5) {

    .header {
        margin-bottom: 0;
    }

    .header h2 {
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 25px;
        margin-bottom: 0;
        padding-left: 0;
    }

    .logo {
        width: 100%;
    }

    .features {
        list-style: none;
        background-color: #fff;
        margin-bottom: 0;
        padding-bottom: 40px;
        margin-top: 0;
        padding-top: 20px;
    }

    .features li {
        display: list-item;
        text-align: center;
        padding: 0;
        margin: 0;
    }

    .features .features-content {
        margin-bottom: 20px;
    }

    .features .features-content:last-child {
        margin-bottom: 0;
    }

    .nav li {
        display: list-item;
    }

    .nav {
        height: auto;
        box-shadow: none;
        border-color: #ebebeb;
        border-bottom: none;
    }

    .nav-item li {
        display: list-item;
        text-align: center;
        padding: 0;
        border-bottom: 1px solid #ebebeb;
        border-left: 1px solid #ebebeb;
    }

    .nav-item {
        padding: 0;
        list-style: none;
    }

    .content-body {
        margin-top: 0;
    }

    .gallery {
        display: block;
        float: none;
        margin: 0 auto;
        width: 100%;
        padding: 0;
    }

    .image {
        height: 230px;
        padding: 0;
        margin: 0;
    }

    .image img {
        max-width: 100%;
        max-height: 100%;
    }

    .gallery .controls {
        width: 70%;
        margin: 0 auto;
    }

    .image-thumb {
        height: 80px;
    }

    .item-details {
        padding-top: 0;
    }

    .tab-bar {
        display: block;
    }

    .footer {
        padding-bottom: 50px;
    }

    .block,
    .block-title {
        width: 70%;
        display: block;
        text-align: center;
        margin: 0 auto;
    }

    .block {
        text-align: left;
    }

    .block-title {
        width: 100%;
        margin-top: 40px;
    }

    .footer-items {
        margin-bottom: 0;
    }
}

/* Sehr kleine Displays */
@media only screen and (max-width: 350px),
only screen and (max-width: 350px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 350px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 350px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 350px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 350px) and (-moz-min-device-pixel-ratio: 2),
only screen and (max-width: 350px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 350px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 350px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 350px) and (-webkit-min-device-pixel-ratio: 3) {

    .image {
        height: 200px;
    }
}