@font-face {
	font-family: 'Marcellus';
	src:url('/fonts/Marcellus_SC/MarcellusSC-Regular.ttf') format('truetype');
}
/* @font-face {
	font-family: 'imfell';
	src:url('/fonts/IM_Fell_English_SC/IMFellEnglishSC-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Corben';
	src:url('/fonts/Corben/Corben-Regular.ttf') format('truetype');
} 
@font-face {
	font-family: 'Yanone';
	src:url('/fonts/Yanone_Kaffeesatz/static/YanoneKaffeesatz-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Playfair Display';
	src:url('/fonts/Playfair_Display/static/PlayfairDisplay-Regular.ttf') format('truetype');
}
*/
@font-face {
	font-family: 'Open Sans';
	src:url('/fonts/Open_Sans/static/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Lato';
	src:url('/fonts/Lato/Lato-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Raleway';
	src:url('/fonts/Raleway/static/Raleway-Regular.ttf') format('truetype');
}


body {
	--color-green: #31cd1c;
	--color-green_hover: #2ab119;
	--color-text: #666;
	--color-text: rgb(104 97 80);
	--color-bg: #ccc0a3;
	/* --color-bg: #ffffff; */
	--color-bg-view-1: #f3efe6;
	/* --color-bg-view-2: #cbb37e; */
	--color-bg-view-2: #ffffff;
	--color-button: #7a725e;
	/* --color-button: rgb(174 164 139); */
	--color-button_hover: rgb(104 97 80);
	--color-link: #000;
	--color-link-alt: #3e4843;
	--color-link-hover: #000;
	--color-link-alt-hover: #fff;
	/* --color-menu: #7ec59d;
	--color-menu-hover: #128b47;
	--color-bg-menu: #000;
	--color-button-menu: #000;
	--color-button-menu-hover: #79a18a;
	--color-button-close: #fff;
	--color-button-close-hover: #79a18a; */
	--font_text: 'Raleway', 'Lato', 'Open Sans', 'Yanone', 'Playfair Display', Segoe UI, Helvetica, Arial, sans-serif;
	--font_titel: 'Marcellus', 'Playfair Display', serif;
	color: var(--color-text);
	background-color: var(--color-bg);
	font-family: var(--font_text);
    font-size: 16px;
	font-weight: 300;
    line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
    margin: 0;
}


:root {
	--color-text-alt: #575757;
	--color-caption: #fff;
}




.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0;
	/* font-family: var(--font_text); */
    font-weight: 400;
    color: #333;
    text-transform: none;
}

.uk-table h4{
	margin-top: 2em;
}

.uk-button-primary {
    background-color: #1e87f0;
    background-color: var(--color-button);
    color: #fff;
    border: 1px solid transparent;
}
.uk-button-primary:hover {
    background-color: #0f7ae5;
	background-color: var(--color-button_hover);
    color: #fff;
}
.uk-button-primary.uk-active, .uk-button-primary:active {
    background-color: #0e6dcd;
	background-color: var(--color-button_hover);
    color: #fff;
}
a.uk-button-primary:focus {
    background-color: #0e6dcd;
	background-color: var(--color-button_hover);
    color: #fff;
}


/* Hero Textscroll */
/* olox hero */
:root {
  	--content-font-weight: 300;
  	--content-font-size: clamp(1rem,1.8vw,1.8rem);
  	--content-letter-spacing: 0em;
  	--content-whitespace: 0.175em;
  	--content-transform: none;
}
.demo-6 {
	--content-font-var: 'wght' 455;
	--content-font-size: clamp(1rem,4.75vw,5rem);
}

.content__vortitel{
	font-size: clamp(2rem,4vw,3rem);
	line-height: 0.8;
	font-family: var(--font_titel);
}
.content__titel{
	font-size: clamp(3rem,6vw,6rem);
	line-height: 0.8;
	font-family: var(--font_titel);
	font-weight: 400;
	margin: 0.1em 0em;
}
.content__text_main {
	font-size: 1em;
	opacity: 0;	
}

@media screen and (max-width:450px) {
	.titel_kleiner{
		font-size: clamp(2.5rem,4.5vw,4rem);
	}
}

.content__title {
	font-size: 12vw;
	line-height: 0.8;
	counter-increment: section;
	text-align: center;
}
.content__text {
	font-size: 1em;
	opacity: 0;	
	/* width: 100%;
	max-width: 100%;
	overflow: hidden;
	display: block;
	flex-wrap: wrap;
	align-content: start; */
	/* hyphens: auto;
	display: flex;
	text-transform: var(--content-transform);
	flex-wrap: wrap;
	align-content: start;
	font-size: var(--content-font-size);
	font-family: var(--content-font-family);
  	font-variation-settings: var(--content-font-var);
  	font-weight: var(--content-font-weight);
  	letter-spacing: var(--content-letter-spacing); */
}


.word-wrap {
	margin-right: 0.3em;
    display: inline-block;
    position: relative;
    overflow: hidden;
    /* margin-top: var(--word-correction); */
}

.word > .char:last-child {
	margin-right: 0.175em;
}

.char-wrap {
	display: inline-block;
	position: relative;
	overflow: hidden;
}

/* .content__title {
	font-size: 12vw;
	line-height: 0.8;
	counter-increment: section;
	text-align: center;
} */
/* .content__title::before {
	content: '.'counter(section);
	font-weight: 400;
	font-family: area-normal, sans-serif;
	display: block;
	font-size: 1rem;
	margin-bottom: 10vh;
	text-align: center;
}
.content__title--sides {
	display: grid;
	grid-template-rows: auto auto;
	grid-template-columns: 100%;
	text-align: left;
	gap: 2rem;
} */
.content__title--sides span:last-child {
	justify-self: end;
}

.font-1 {
	font-family: var(--font_titel);
	font-weight: 400;
}
.font-3 {
	font-family: 'Yanone', 'imfell', serif;
	font-weight: 400;
}
.font-12 {
	font-family: var(--font_titel);
	font-weight: 400;
}
.font-height {
	line-height: 1.4;
}
.font-height1 {
	line-height: 1.0;
}
.font-height12 {
	line-height: 1.2;
}
/* .font-upper {
	text-transform: uppercase;
} */
.font-larger {
	font-size: 8vw;
	font-size: clamp(3rem,8vw,6rem);
}
.font-sub {
	font-size: 5vw;
	font-size: clamp(1.8rem,5vw,4rem);
	margin-top: -2rem;
    display: block;
	color: #3e4843;
}
.text_bold {
	font-weight: 500;
}


/* SVG on Scroll */
.image-clip {
    max-width: 100%;
    height: auto;
}
.image-clip--offset {
	margin-top: -20%;
}