@charset "UTF-8";

@import url("/assets/css/navi.css");
@import url("/assets/css/form.css");
@import url("/assets/css/button.css");
@import url('/assets/css/slick.css');
@import url('/assets/css/slick-theme.css');
@import url("/assets/css/style.css");
/*
@import url('/assets/fontawesome/css/fontawesome.css');
*/
@import url('/assets/fontawesome/css/all.min.css');
@import url('/assets/css/lightcase.css');
@import url('/assets/css/coco.min.css');
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(/assets/fonts/OpenSans-Light.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/assets/fonts/OpenSans-Regular.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Saira Semi Condensed'; font-style: normal; font-weight: 300; src: local('Saira SemiCondensed Light'), local('SairaSemiCondensed-Light'), url(/assets/fonts/SairaSemiCondensed-Light.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Saira Semi Condensed'; font-style: normal; font-weight: 500; src: local('Saira SemiCondensed Medium'), local('SairaSemiCondensed-Medium'), url(/assets/fonts/SairaSemiCondensed-Medium.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Gantari'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/assets/fonts/Gantari.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Grundeinstellungen */

*                         { margin: 0; padding: 0; box-sizing: border-box!important; }
html			                { font-family: "Gantari", sans-serif; font-optical-sizing: auto; font-size: 16px; font-style: normal; font-weight: 300; line-height: 1.5; }
body											{ background: #000000; color: #f5f1ef; }

h1												{ font-size: 2.50rem; font-weight: 500; width: 100%; }
h2												{ font-size: 1.5rem; font-weight: 500; margin: 0 0 1.5rem; }
h3												{ font-size: 1.125rem; font-weight: 500; margin: 0 0 1rem; text-transform: uppercase; }
h4												{ font-size: 1rem; font-weight: 500; margin-bottom: 1.000rem; }

a													{ color: #c5c1bf; display: inline-block; text-decoration: none; }
a:hover										{ color: #f5f1ef; }
em												{  }
img												{ display: block; max-width: 100%; }
p													{ font-size: 1.125rem; margin-bottom: 1.5rem; }
p:last-child							{ margin-bottom: 0; }
strong, b									{ font-weight: 500; }
video											{ display: block; max-width: 100%; }

hr												{ border-width: 0.125rem 0; border-style: solid; border-image: linear-gradient(15deg, #630606, #650606, #6b0505, #730404, #7a0402, #800301, #820300) 1; display: block; width: 100%; }
.hrtrans									{ width: 100%; clear: both; border: none; color: transparent; display: block; }

footer a									{ color: #f5f1ef; display: inline-block; text-decoration: none; }
footer a:hover						{ color: #c5c1bf; }

/* Farben */

.light										{ background: #f5f1ef; color: #343A40; }
.middle										{ background: #630606; color: #f5f1ef; }
.dark											{ background: #19191c; color: #f5f1ef; }
.accent										{ background: #820300; color: #f5f1ef; }
.grey											{ background: #45454b; color: #f5f1ef; }

.gradient									{ background: #820300; background: linear-gradient(15deg, #630606, #650606, #6b0505, #730404, #7a0402, #800301, #820300); color: #f5f1ef; }
.background								{ background: #070707; background-image: url('/assets/img/site/dark-quilt.webp'); }

.hover:hover							{ background: #f5f1ef; color: #343A40; cursor: default; }
.borbo										{ border-bottom: 1px solid #f5f1ef;}

.logo img									{ max-height: 1.5rem; margin: 0.5rem 0; }
/*
.logo                     { display: block; font-family: 'Saira Semi Condensed', sans-serif; font-size: 2.25rem; line-height: 1.0; text-transform: uppercase; text-align: center;}
.logo .slim        		    { color: #dddddd; font-weight: 300; letter-spacing: -1px; margin-right: 2px; }
.logo .bold        		    { color: #999999; font-weight: 500; }
*/

.listing a									{ color: #f5f1ef; }
.listing a:hover						{ color: #c5c1bf; }

.back-to-top							{ bottom: 0; color: #f5f1ef; font-size: 2rem; left: 50%; padding: 0 1rem; position: fixed; transform: translate(-50%, 0); z-index: 999; }