html, body {
    height: 100%;
}

body {
    line-height: 1.6;
    background: #fff;
    background-image: url(/typo3conf/ext/leonhard_parkettboden_template/Resources/Public/Images/Template/Eiche_Natur.jpg);
    background-size: cover;
    color: #555;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
}

/*------------------------------------*\
  #LINKS
\*------------------------------------*/
a {
    color: #555;
    text-decoration: nnone;
}

a:hover {
    text-decoration: none;
}

/*------------------------------------*\
  #ÜBERSCHRIFTEN
\*------------------------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
    margin: 0 0 10px 0;
}

.h1, .h2, .h3, h1, h2, h3 {}

.h1, h1 {
    font-size: 28px;
}

.h2, h2 {
    font-size: 24px;
}

.h3, h3 {
    font-size: 20px;
}

/*------------------------------------*\
  #BOOTSTRAP
\*------------------------------------*/
.container, .container-fluid {
    padding: 0;
}

.carousel-control-prev-icon::after {
    background-image: none;
    content: "\f104";
    font-family: FontAwesome;
    font-size: 50px;
    position: relative;
    top: -25px;
}

.carousel-control-next-icon::after {
    background-image: none;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 50px;
    position: relative;
    top: -25px;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    background-image: none;
    display: inline-block;
    height: 32px;
    position: relative;
    width: 23px;
}

.carousel-beschreibung {
    background: url(/typo3conf/ext/leonhard_parkettboden_template/Resources/Public/Images/Template/trans-50-weiss.png);
    margin-left: 15px;
    padding: 15px 15px 5px 15px;
    position: absolute;
    top: 25px;
    z-index: 1;
    color: #000;
}

.carousel-control-next, .carousel-control-prev {
    align-items: flex-end;
    bottom: 15px;
}

.item {
    background: #333;
    text-align: center;
    height: 200px !important;
}

.control-buttons {
    text-align: center;
}

.transition-timer-carousel-progress-bar {
    height: 3px !important;
    background-color: #5cb85c;
    width: 0%;
    margin: 0px 0px 0px 0px;
    border: none;
    /*z-index: 11;*/
    opacity: 1 !important;
    position: relative;
}

.carousel-indicators {
    z-index: 4;
}

/*----- Patch für Firefox v.58 --------*/
.carousel-item {
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}

/*------------------------------------*\
  #FONT-AWESOME
\*------------------------------------*/
/*------------------------------------*\
  #TOP-BEREICH
\*------------------------------------*/
.navigation-logo-wrapper {
    clear: both;
    background: #000;
    height: 105px;
    position: relative;
    transition: all 0.5s ease 0s;
}

.fixed-navigation {
    position: fixed;
    width: 100%;
    height: 75px;
    z-index: 5;
    transition: all 0.5s ease 0s;
}

.navigation-logo-wrapper .logo {
    left: 50%;
    top: 15px;
    margin-left: -75px;
    position: absolute;
    width: 150px;
    z-index: 1;
    transition: all 0.5s ease 0s;
}

.navigation-logo-wrapper .logo img {
    height: auto;
    width: 150px;
    transition: all 0.5s ease 0s;
}

.logo.fixed-logo {
    top: 5px;
    margin-left: -65px;
}

.logo.fixed-logo img {
    width: 130px;
}

.icon-wrapper {
    height: 150px;
    margin-top: -75px;
    position: absolute;
    overflow: hidden;
    right: 0;
    top: 50%;
    z-index: 2;
}

.icon-telefon {
    margin-bottom: 15px;
    padding: 15px;
    background: url(/typo3conf/ext/leonhard_parkettboden_template/Resources/Public/Images/Template/trans-75-weiss.png);
    float: left;
    clear: both;
    position: relative;
    right: -255px;
    transition: right 0.3s ease 0s;
}

.icon-telefon:hover {
    right: 0;
}

.icon-telefon a i.fa.fa-phone {
    color: #555;
    float: left;
    padding: 0 5px;
}

.icon-telefon span a {
    color: #555;
    float: left;
    padding: 3px 0 0 23px;
}

.icon-email {
    padding: 15px;
    background: url(/typo3conf/ext/leonhard_parkettboden_template/Resources/Public/Images/Template/trans-75-weiss.png);
    float: left;
    clear: both;
    position: relative;
    right: -255px;
    transition: right 0.3s ease 0s;
}

.icon-email:hover {
    right: 0;
}

.icon-email a i.fa-solid.fa-envelope {
    color: #555;
    float: left;
    font-size: 38px;
    padding: 0 5px;
}

.icon-email span a {
    color: #555;
    float: left;
    padding: 3px 0 0 10px;
}

/*------------------------------------*\
  #JUMBOTRON
\*------------------------------------*/
.kopfslider,
.kopfbild {
    margin: 0;
    position: relative;
    z-index: 0;
}

.kopfslider img,
.kopfbild img {
    width: 100%;
}

.blank .icon-wrapper {
    height: 150px;
    margin-top: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 200px;
    z-index: 2;
}

.blank {
    /*padding-top: 50px;*/
}

.blank .icon-wrapper .icon-telefon,
.blank .icon-wrapper .icon-email {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ccc;
}

.carousel.slide.fixed-slider {
    padding-top: 80px;
}

/*------------------------------------*\
  #CONTENT
\*------------------------------------*/
.layout-kopfslider .container.content-wrapper {
    min-height: 300px;
    background: none;
    padding: 40px 0 20px 0;
    margin-top: -3px;
}

.content-wrapper {
    min-height: 300px;
    background: #fff;
    padding: 40px 15px 20px 15px;
    margin-top: -3px;
}

.frame-rahmenweiss {
    background: #fff;
    padding: 15px 15px 15px 15px;
}

/*------------------------------------*\
  #FOOTER
\*------------------------------------*/
.footer-wrapper {
    background: #000;
    color: #fff;
    padding-top: 20px;
}

.footer-wrapper a {
    color: #fff;
}

.footer-wrapper #c392.ce-element.frame.frame-default.frame-type-textpic.frame-layout-0 {
    margin: 0;
}

#c393 {
    text-align: right;
}

/*------------------------------------*\
  #TYPO3
\*------------------------------------*/
.ce-element {
    margin: 0 0 20px 0;
    clear: both;
}

figcaption {
    font-size: 14px;
    text-align: center;
    text-decoration: none;
}

.laufbandstartseite figcaption {
    background: url(/typo3conf/ext/leonhard_parkettboden_template/Resources/Public/Images/Template/trans-60-schwarz.png);
    font-size: 14px;
    text-align: center;
    color: #fff;
    margin: 0 15px;
    min-height: 56px;
    padding: 5px 0;
}

.frame-layout-5 {
    margin-bottom: 20px;
}

.frame-type-header {
    margin-bottom: 0;
}

.frame-type-menu_subpages ul,
.frame-type-menu_pages ul {
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

.frame-type-menu_subpages ul li,
.frame-type-menu_pages ul li {
    border: 1px solid #555;
    background: #eee;
    margin-bottom: 10px;
    width: 49%;
}

.frame-type-menu_subpages ul li:nth-child(odd),
.frame-type-menu_pages ul li:nth-child(odd) {
    margin-right: 1%;
}

.frame-type-menu_subpages ul li:nth-child(even),
.frame-type-menu_pages ul li:nth-child(even) {
    margin-left: 1%;
}

.frame-type-menu_subpages ul li a,
.frame-type-menu_pages ul li a {
    display: flex;
    flex-wrap: wrap;
    padding: 7px 15px;
}

.frame-type-menu_subpages ul li a:hover,
.frame-type-menu_pages ul li a:hover {
    background: #E11838;
    color: #fff;
}

.frame-rahmen {
    border: 1px solid #555;
    padding: 10px 10px 0 10px;
    background: #eee;
    min-height: 325px;
}

#cboxCurrent,
#cboxSlideshow {
  bottom: 0px;
}

/*------------------------------------*\
  #GRIDELEMENTS
\*------------------------------------*/
.gridelement-1-spalte-100 {
    width: 100%;
    margin: 40px 0;
}

/*------------------------------------*\
  #NEWS
\*------------------------------------*/
/*------------------------------------*\
  #MASK
\*------------------------------------*/
.item2 {
    margin-bottom: 15px;
    opacity: 0;
    transition: opacity 0.3s linear 0s;
}

.info {
    overflow: hidden;
    position: relative;
}

.info img {
    height: auto;
    width: 100%;
}

.more-info {
    background: rgba(0, 0, 0, 0) url("/typo3conf/ext/leonhard_parkettboden_template/Resources/Public/Images/Template/trans-80-schwarz.png") repeat scroll 0 0;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    height: 100%;
    padding: 0 10px 10px;
    position: absolute;
    top: 85%;
    transition: top 0.3s linear 0s, padding 0.1s linear 0s;
    width: 100%;
}

.more-info h3 {
    font-size: 18px;
    margin-top: 10px;
}

.more-info {
    color: #fff;
    font-size: 14px;
}

.info:hover .more-info {
    padding-top: 20px;
    top: 0;
}

/**** Bildergalerie ****/
.mask-bildergalerie {
    margin-bottom: 20px;
}

.bildspalte {
    padding: 0 15px 15px;
}

.mask-bildergalerie .bildspalte img {
    width: 100%;
    height: auto;
}

.mask-bildergalerie .bildspalte a {
    text-decoration: none;
}

/**** Landhausdielenbox ****/
.mask-lagerware {
    padding: 0 10px;
    margin-bottom: 25px;
    /*display: flex;
    flex-wrap: wrap;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #eee;*/
}

.mask-lagerware-wrapper {
    padding: 10px;
    border: 1px solid #ccc;
    min-height: 470px;
}

.mask-lagerware-bild {
    padding: 0;
}

.mask-lagerware-bild img {
    height: auto;
    width: 100%;
}

.mask-lagerware .mask-lagerware-wrapper .col-12 {
    padding: 0;
}

/**** Sonderangebote ****/
.mask-sonderangebote {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 20px;
}

.mask-sonderangebote-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.mask-sonderangebote-bild {
    padding: 0;
}

.mask-sonderangebote-bild img {
    height: auto;
    width: 100%;
    margin-top: 7px;
}

.mask-sonderangebote-preisinfo {
    font-size: 14px;
}

.mask-sonderangebote-wrapper p {
    margin-bottom: 0.5rem;
}

/**** Slick Slider ****/
.variable-width img {
    width: 98%;
    height: auto;
    margin: 1%;
}

.variable-width.slick-initialized.slick-slider {
    margin-bottom: 25px;
    width: 100%;
    margin: 0 auto 25px auto;
}

.variable-width.slick-initialized.slick-slider button.slick-prev.slick-arrow {
    left: 3px;
    z-index: 1;
}

.variable-width.slick-initialized.slick-slider button.slick-next.slick-arrow {
    right: 0;
    z-index: 1;
}

.variable-width .slick-slide {
    opacity: .5;
}

.variable-width div.slick-slide.slick-current.slick-active.slick-center {
    opacity: 1;
}

.variable-width .slick-prev:before, .variable-width .slick-next:before {
    font-size: 45px;
    color: #333;
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 45px;
    height: 45px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.laufbandstartseite {
    margin: 40px 0 20px 0;
}

.laufbandstartseite img {
    width: 100%;
    height: auto;
    padding: 0 15px;
}

.laufbandstartseite .slick-next {
    right: 15px;
}

.laufbandstartseite .slick-prev {
    right: 50px !important;
    left: auto;
}

.laufbandstartseite .slick-prev, .laufbandstartseite .slick-next {
    top: -20px;
    width: 25px;
    height: 25px;
}

.laufbandstartseite .slick-prev::before, .laufbandstartseite .slick-next::before {
    font-family: 'slick';
    font-size: 25px;
    line-height: 1;
    opacity: 1;
}

.laufbandstartseite .slick-prev.slick-disabled::before, .laufbandstartseite .slick-next.slick-disabled::before {
    opacity: .5;
}

/****** Linkbox ****/
.mask-linkboxmitbild {
    position: relative;
    transition: all 0.5s ease 0s;
    margin-bottom: 30px;
}

.mask-linkboxmitbild:hover {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .26), 0 4px 10px 0 rgba(0, 0, 0, .22);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .26), 0 4px 10px 0 rgba(0, 0, 0, .22);
}

.mask-linkboxmitbild img {
    width: 100%;
    height: auto;
}

.mask-linkboxmitbild-text {
    position: absolute;
    background: url(/typo3conf/ext/leonhard_parkettboden_template/Resources/Public/Images/Template/trans-60-schwarz.png);
    bottom: 20px;
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 7px 0;
}

/*------------------------------------*\
  #TABELLEN
\*------------------------------------*/
table.contenttable {
    width: 100%;
}

table.contenttable tbody tr th {
    background: #555 !important;
    color: #fff;
    padding: 5px;
}

table.contenttable tbody tr:nth-child(even) {
    background: #eee;
}

.CookieTable {
    margin-top: 30px;
    margin-bottom: 30px;
}

.CookieTable p {}

.CookieTable table {
    border: 1px solid #555;
    width: 100%;
}

.CookieTable table thead tr th {
    font-size: 100%;
    background: #eee;
    border-bottom: 1px solid #555;
    padding: 5px;
}

.CookieTable table thead tr th:first-child {
    padding-left: 15px;
}

.CookieTable table tbody tr {
    border-bottom: 1px solid #555;
}

.CookieTable.essentiell table tbody tr:last-child {
    border-bottom: none;
}

.CookieTable table tbody tr td {
    padding: 5px;
}

.CookieTable table tbody tr td:first-child {
    padding-left: 15px;
}

.CookieTable table tbody tr td a {}

/*------------------------------------*\
  #GOOGLE-MAP
\*------------------------------------*/
.google-map {
    width: 100%;
    overflow: hidden;
}

.google-map .privacy-msg.privacy-map-msg {
    background: #eee;
    width: 100% !important;
    position: relative;
}

.google-map iframe {
    margin-bottom: -10px;
    width: 100%;
}

.google-map .privacy-msg.privacy-map-msg p {
    background: #333;
    width: 1110px;
    position: absolute;
    left: 50%;
    margin-top: 50px;
    margin-left: -555px;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
}

/* .google-map .privacy-msg.privacy-map-msg:after {
    content: "© OpenStreetMap contributors";
    position: absolute;
    left: 15px;
    bottom: 0;
} */

.privacy-msg.privacy-map-msg p a {
    color: #fff;
}

.privacy-msg p a:hover {
    background: #333;
    color: #fff;
}

.privacy-msg a.btn {
    background: #E11838;
    border-color: #E11838;
    margin-top: 20px;
    margin-bottom: 20px;
}

/*------------------------------------*\
  #ALLGEMEIN
\*------------------------------------*/
/*------------------------------------*\
  #MEDIA-QUERIES
\*------------------------------------*/
@media (max-width: 1399px) {
    .more-info h3 {
        margin-top: 8px;
    }
}

@media (max-width: 1199px) {
    .mask-lagerware-wrapper {
        font-size: 16px;
    }

    .more-info h3 {
        margin-top: 5px;
    }

    .google-map .privacy-msg.privacy-map-msg p {
        background: #333;
        width: 100%;
        left: auto;
        margin-left: auto;
    }
}

@media (max-width: 991px) {
    body {
        background: #fff;
        background-image: none;
    }

    body.layout-kopfslider {
        line-height: 1.6;
        background: #fff;
        background-image: url(/typo3conf/ext/leonhard_parkettboden_template/Resources/Public/Images/Template/Eiche_Natur.jpg);
        color: #555;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
    }

    .container {
        padding: 0 15px;
        max-width: 100%;
    }

    .row {
        margin-left: 0;
        margin-right: 0;
    }

    .fixed-navigation {
        position: relative;
    }

    .navigation-logo-wrapper .logo {
        /*top: 65px;*/
    }

    .icon-wrapper-mobil {
        display: flex;
        flex-wrap: wrap;
    }

    .icon-telefon-mobil {
        background: url(/typo3conf/ext/leonhard_parkettboden_template/Resources/Public/Images/Template/trans-75-weiss.png);
        border-radius: 5px;
        margin-left: 15px;
        margin-top: 1px;
        padding: 3px 8px;
    }

    .icon-email-mobil {
        background: url(/typo3conf/ext/leonhard_parkettboden_template/Resources/Public/Images/Template/trans-75-weiss.png);
        border-radius: 5px;
        margin-left: 15px;
        margin-top: 1px;
        padding: 3px 8px;
    }

    .carousel-beschreibung {
        padding: 10px 10px 0 10px;
        position: absolute;
        top: 15px;
    }

    .carousel-beschreibung h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .carousel-beschreibung p {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .image-embed-item {
        height: auto;
        width: 100%;
    }

    .content-wrapper {
        min-height: 300px;
        background: #fff;
    }

    .blank {
        padding-top: 25px;
    }

    .more-info h3 {
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .mask-lagerware-bild img {
        margin-top: 0;
    }

    .mask-lagerware-wrapper div.col-sm-8 {
        padding: 0;
    }

    .gridelement-2-spalten-50-50-linke-spalte {
        padding: 0;
    }

    .bildspalte {
        padding: 0;
    }

    #c393 {
        text-align: left;
    }

    .ce-column {
        margin: 0 0 10px 0;
        width: 100%;
    }

    .mask-sonderangebote-wrapper div.col-md-8 {
        padding: 0;
    }

    .footer-wrapper div.container {
        padding: 0;
    }

    .mask-lagerware-wrapper {
        min-height: auto;
    }

    .more-info h3 {
        margin-top: 3%;
        margin-bottom: 25px;
    }
}

@media (max-width: 550px) {
    .content-wrapper {
        margin-top: 25px;
    }

    .frame-type-menu_subpages ul li {
        width: 100%;
    }

    .frame-type-menu_subpages ul li:nth-child(odd) {
        margin-right: 0;
    }

    .frame-type-menu_subpages ul li:nth-child(even) {
        margin-left: 0;
    }

    .ce-gallery div.ce-row div.ce-column figure.image {
        width: 100%;
    }

    .mask-lagerware {
        padding: 0;
    }

    .blank {
        padding-top: 0;
    }
}