/* kaushan-script-regular - latin */
@font-face {
font-family: 'Kaushan Script';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url('../Fonts/kaushan-script-v8-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Kaushan Script'), local('KaushanScript-Regular'),
        url('../Fonts/kaushan-script-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../Fonts/kaushan-script-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../Fonts/kaushan-script-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('../Fonts/kaushan-script-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../Fonts/kaushan-script-v8-latin-regular.svg#KaushanScript') format('svg'); /* Legacy iOS */
}
/* open-sans-300 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url('../Fonts/open-sans-v28-latin-300.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../Fonts/open-sans-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../Fonts/open-sans-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
        url('../Fonts/open-sans-v28-latin-300.woff') format('woff'), /* Modern Browsers */
        url('../Fonts/open-sans-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../Fonts/open-sans-v28-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('../Fonts/open-sans-v28-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../Fonts/open-sans-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../Fonts/open-sans-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../Fonts/open-sans-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('../Fonts/open-sans-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../Fonts/open-sans-v28-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 500;
src: url('../Fonts/open-sans-v28-latin-500.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../Fonts/open-sans-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../Fonts/open-sans-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
        url('../Fonts/open-sans-v28-latin-500.woff') format('woff'), /* Modern Browsers */
        url('../Fonts/open-sans-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../Fonts/open-sans-v28-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: url('../Fonts/open-sans-v28-latin-600.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../Fonts/open-sans-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../Fonts/open-sans-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
        url('../Fonts/open-sans-v28-latin-600.woff') format('woff'), /* Modern Browsers */
        url('../Fonts/open-sans-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../Fonts/open-sans-v28-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
::selection {
    background: #C0AB7B;
    color: #fff;
}
html {
    font-size: 8px;
}
body {
    font-family: 'Open Sans';
    background: #3A393F;
    font-size: 1.8rem;
    line-height: 2.7rem;
    font-weight: 300;
    color: #1b1d1d;
}
.bg-black{
    background-color: #000 !important;
}
section:before {
    content: '';
    padding-top: 4.9rem;
    margin-top: -4.9rem;
    display: block;
}
img {
    max-width: 100%;
    height: auto;
}
a {
    color: #fff;
}
a:hover {
    color: #fff;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    text-transform: uppercase;
}
h1 {
    font-size: 4rem;
    line-height: 6rem;
    margin-bottom: 1.5rem;
}
h1.handwriting {
    font-family: 'Kaushan Script';
    font-size: 4rem;
    line-height: 6rem;
    margin-bottom: 2.5rem;
}
h1 span.handwriting {
    font-family: 'Kaushan Script';
    font-size: 5rem;
    line-height: 6rem;
    margin-bottom: 2.5rem;
}
h2 {
    font-size: 3.7rem;
    line-height: 4.7rem;
    margin-bottom: 1rem;
}
h2.handwriting {
    font-family: 'Kaushan Script';
    font-size: 5rem;
    line-height: 6rem;
    margin-bottom: 2rem;
}
h2 span.handwriting {
    font-family: 'Kaushan Script';
    font-size: 5rem;
    line-height: 6rem;
    margin-bottom: 2rem;
}
h3 {
    font-size: 3rem;
    line-height: 5rem;
    margin-bottom: 1rem;
}
h3.handwriting {
    font-family: 'Kaushan Script';
    font-size: 4rem;
    line-height: 4.5rem;
    margin-bottom: 2rem;
}
h3 span.handwriting {
    font-family: 'Kaushan Script';
    font-size: 4rem;
    line-height: 4.5rem;
    margin-bottom: 2rem;
}
h4 {
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 1rem;
}
h4.handwriting {
    font-family: 'Kaushan Script';
    font-size: 4rem;
    line-height: 4.5rem;
    margin-bottom: 2rem;
}
h4 span.handwriting {
    font-family: 'Kaushan Script';
    font-size: 4rem;
    line-height: 4.5rem;
    margin-bottom: 2rem;
}
.h1-uppercase h1, .h2-uppercase h2, .h3-uppercase h3, .h4-uppercase h4 {
    text-transform: uppercase;
}
.h1-no-margin h1, .h2-no-margin h2, .h3-no-margin h3, .h4-no-margin h4 {
    margin-top: 0;
    margin-bottom: 0;
}
.header-border-bottom h1, .header-border-bottom h2, .header-border-bottom h3, .header-border-bottom h4, .header-border-bottom h5, .header-border-bottom h6
{
    border-bottom: 1px solid #000;
    margin: 10px 0;
}
.teaser-gallery h4 {
    font-size: 1.6rem;
    margin-bottom: 0;
    margin-top: 2rem;
}
hr {
    margin: 40px 0;
    height: 1px;
    border: 0;
    background: #1b1d1d;
}
strong, b {
    font-weight: 800;
}
p {
    margin-top: 0;
    margin-bottom: 2.4rem;
}
p:last-child {
    margin-bottom: 0;
}
a:hover {
    text-decoration: none;
}
/* Individuelle Breiten */
.w-50 {
    width: 50%;
}
.mw-320 {
    max-width: 32rem;
    width: 100%;
}
.mw-380 {
    max-width: 380rem !important;
    width: 100%;
}
.mw-480, .frame-layout-100 {
    max-width: 48rem !important;
    width: 100%;
}
.mw-580, .frame-layout-200 {
    max-width: 58rem !important;
    width: 100%;
}
.mw-680, .frame-layout-300 {
    max-width: 68rem !important;
    width: 100%;
}
.mw-780, .frame-layout-400 {
    max-width: 78rem !important;
    width: 100%;
}
.mw-880 {
    max-width: 88rem !important;
    width: 100%;
}
.frame-layout-100, .frame-layout-200, .frame-layout-300, .frame-layout-400 {
    margin-left: auto;
    margin-right: auto;
}
/* Aufzählungszeichen und Links*/
.frame-default a {
    text-decoration: underline;
}
.frame-default a:hover {
    text-decoration: none;
}
.frame-default ul {
    list-style: none;
    padding-left: 20px !important;
}
.frame-default ul h1, .frame-default ul h2, .frame-default ul h3, .frame-default ul h4, .frame-default ul h5, .frame-default ul h6, .frame-default ul p {
    display: inline-block;
}
.frame-default ul li {
    position: relative;
}
.frame-default ul li:before {
    display: inline-block;
    font-family: "FontAwesome";
    content: '';
    font-size: 2rem;
    margin-right: 1rem;
    align-self: center;
}
/* Effekte */
.box-shadow {
    -webkit-box-shadow: 18px 18px 12px -10px rgba(0,0,0,0.23);
    -moz-box-shadow: 18px 18px 12px -10px rgba(0,0,0,0.23);
    box-shadow: 18px 18px 12px -10px rgba(0,0,0,0.23);
}
.text-shadow {
    text-shadow: 2px 2px 5px rgba(0,0,0,0.64);
}
/* Sonstige Schrifarten und Schriftgrößen (Glyphen) */
.fontawesome {
    font-family:'FontAwesome';
}
/* Z-Index angaben */
.z-index10 {
    z-index: 10;
}
.z-index20 {
    z-index: 20;
}
.z-index30 {
    z-index: 30;
}
.z-index40 {
    z-index: 40;
}
.z-index9999 {
    z-index: 9999;
}
/* Positionen */
.right-10 {
    right: 10rem;
}
.bottom-0 {
    bottom: 0;
}
.bottom-n9 {
    bottom: -30rem;
}
/* Hintergrundfarben */
.bg-type-1-transparent .bg-type-1, .bg-type-1-transparent.bg-type-1 {
    background-color: rgba(255,255,255,.8);
}
.bg-type-3-transparent .bg-type-3, .bg-type-3-transparent.bg-type-3 {
    background-color: rgba(215,206,194,.87);
}
.bg-intro {
    background-image: url(../Img/bg_main.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}
.bg-strichzeichnung_1 {
    background-image: url(../Img/sebatsian_lueckel_strichzeichnung1_272841594.jpg);
    background-size: 60%;
    background-position: left bottom;
    background-repeat: no-repeat
}
.image-full * {
    height: 100%;
}
.image-full img.image-embed-item {
    object-fit: cover;
}
.gradient-beige-grey {
    /* background: linear-gradient(to right, #cfcfcf, #cfcfcf 50%, #c4c1be 50%); */
    background: linear-gradient(to right, #d0d0d0, #d0d0d0 50%, #bcbcbc 50%);
    }
/* Rahmenfarben */
.border-transparent-white {
    border: 3px solid rgba(255,255,255,0.65);
}
.border-white {
    border: 3rem solid #fff;
}
/* Deko */
.leaf img {
    transform: rotate(180deg);
}
/* Footer */
#footer {
    background-image: url(../Img/bg_footer.jpg);
    background-repeat: repeat-y;
    background-position: center;
    position: relative;
    height: 30rem;
}
/* Deckkraft */
.opacity-9{
    opacity: .9;
}
/* col-sm def */
@media (min-width: 576px) {
}
/* col-md def */
@media (min-width: 768px) {
    html {
        font-size: 9px;
    }
    .gradient-white-beige {
        /* background: linear-gradient(to right, #fff, #fff 50%, #D7CEC2 50%); */
        background: linear-gradient(to right, #fff, #fff 50%, #96b8c1 50%)       
    }

    .gradient-white-type-2{
        /* background: linear-gradient(to right, #fff, #fff 50%, #D7CEC2 50%); */
        background: linear-gradient(to right, #fff, #fff 50%, #D7CDC2 50%)       
    }
    .gradient-opacity-type-5 {
        /* background: linear-gradient(to right, #fff, #fff 50%, #D7CEC2 50%); */
        background: linear-gradient(to right, #4c7893, #4c7893 50%, #003E65 50%)       
    }
}
/* col-lg def */
@media (min-width: 992px) {
}
/* col-xl def */
@media (min-width: 1200px) {
    html {
        font-size: 10px;
    }
    .position-xl-absolute {
        position: absolute;
    }
    .margin-auto-xl-0 .frame-layout-100, .margin-auto-xl-0 .frame-layout-200, .margin-auto-xl-0 .frame-layout-300, .margin-auto-xl-0 .frame-layout-400 {
        margin-left:0;
    }
    /* Positionen */
    .right-xl-10 {
        right: 10rem;
    }
    .bottom-xl-0 {
        bottom: 0;
    }
    .bottom-xl-n9 {
        bottom: -9rem;
    }
}
/* col-WQHD def */
@media (min-width: 2560px) {
    html {
        font-size: 13px;
    }
    .container {
        max-width: 1440px;
    }
}
/* col-4k def */
@media (min-width: 3840px) {
    html {
        font-size: 19px;
    }
    .container {
        max-width: 2200px;
    }
}