/*
Theme Name: Bernd Vollmöller Kommunikationsdesign
Author: Feinkost Lehmann Entertainment
Version: 1.0
Author URI: https://www.FeinkostLehmann.de/
Description: Dieses responsive Theme und alle enthaltenen Templates sind exklusiv für die Website von Bernd Vollmöller.
Tags: Bernd Vollmöller, Design, Kommunikationsdesign
*/

/*----------------------------------Fonts----------------------------------*/
@font-face {
    font-family: 'Source Serif 4';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/SourceSerif4_48pt-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Source Serif 4';
    font-style: normal;
    font-weight: 500;
    font-style: italic;
    src: url('fonts/SourceSerif4_48pt-MediumItalic.woff') format('woff');
}
@font-face {
    font-family: 'Source Serif 4';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/SourceSerif4_48pt-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Source Serif 4';
    font-style: normal;
    font-weight: 900;
    src: url('fonts/SourceSerif4_48pt-ExtraBold.woff') format('woff');
}
@font-face {
    font-family: 'Lexend Exa';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/LexendExa-Medium.woff') format('woff');
}
@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/ibm-plex-sans-condensed-v14-latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/ibm-plex-sans-condensed-v14-latin-600.woff2') format('woff2');
}

/*----------------------------------Main----------------------------------*/
* {
	outline-width: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
	font-family: "Source Serif 4", Times, serif;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(18px, 3vw, 20px);
    line-height: 2em;
    -webkit-font-smoothing: antialiased;
}
.clearfix {
	float: none;
	clear: both;
}
.wrapper {
	max-width: 1366px;
	padding: 0 25px;
	margin: 0 auto;
}
.innerwrapper {
    max-width: 1008px;
	padding: 0;
	margin: 0 auto;
}
.header-wrapper {
    max-width: 1224px;
	padding: 0;
	margin: 0 auto;
}
.white_content {
    max-width: 1366px;
	padding: 0;
	margin: 0 auto;
    background-color: #fff;
}
a {
	text-decoration: none;
	color: #f00;
}
a:hover {
	color: #000;
}
h1, h2 {
    font-family: 'Lexend Exa', Helvetica, sans-serif;
    font-size: clamp(62px, 7vw, 110px);
    line-height: 1em;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
}
h3 {
    font-family: 'Source Serif 4', Times, serif;
    font-size: clamp(28px, 3vw, 48px);
    line-height: 1em;
    letter-spacing: 0.04em;
    color: #fff;
    font-weight: 700;
}
h4 {
    font-family: 'Source Serif 4', Times, serif;
    font-size: clamp(30px, 4.3vw, 56px);
    line-height: 1.2em;
    letter-spacing: -0.03em;
    color: #000;
    font-weight: 500;
}
h5 {
    font-family: 'Lexend Exa', Helvetica, sans-serif;
    font-size: 48px;
    line-height: 52px;
    font-display: swap;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    font-weight: 500;
}
h6 {
    font-family: "IBM Plex Sans Condensed", Helvetica, sans-serif;
    font-size: clamp(18px, 4vw, 30px);
    line-height: 2em;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
}
b, strong {
    font-weight: 700;
}
em, italic {
    font-style: italic;
}
p {
    margin: 0 0 20px 0;
}
header p, footer p, .col1_content p {
    margin: 0;
}
.copy_small {
    font-size: 18px;
    line-height: 32px;
}
.copy_small_head {
    font-family: 'Lexend Exa', Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    color: #FF0000;
}
ul {
    padding: 0 0 20px 20px;
}

.copy_small p {
    margin: 0 0 20px 0;
}

/*----------------------------------Header----------------------------------*/
header {
    position: fixed;
    max-width: 1366px;
	width: 100%;
	height: 63px;
    background-color: #fff;
    z-index: 1101;
}
#headerlogo {
	display: inline-block;
    margin: 13px 0 0 0;
    color: #000;
    font-family: "IBM Plex Sans Condensed", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.02em;
}
#headerlogo:hover {
    color: #f00;
}
#headerspace {
    width: 100%;
	height: 63px;
}
#glow {
    display: block;
    position: fixed;
    width: 100%;
    max-width: 1366px;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    opacity: 0.6;
    mix-blend-mode: multiply;
    z-index: 1100;
    pointer-events: none;
}
#glow_smart {
    display: none;
}

/*----------------------------------Content----------------------------------*/
img.alignright {float: right; margin: 0 0 1em 1em;}
img.alignleft {float: left; margin: 0 1em 1em 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignright {float: right; }
.alignleft {float: left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.bottom_XL {
    padding-bottom: 120px;
}
.bottom_L {
    padding-bottom: 60px;
}
.bottom_M {
    padding-bottom: 48px;
}
.bottom_S {
    padding-bottom: 32px;
}
.bottom_0 {
    padding-bottom: 0;
}
.module_head {
    width: 100%;
    text-align: center;
    margin: 0 auto 25px auto;
}
.limit_1008 {
    max-width: 1008px;
    margin: 0 auto;
}
.limit_904 {
    max-width: 904px;
    margin: 0 auto;
}
.limit_800 {
    max-width: 800px;
    margin: 0 auto;
}
.limit_768 {
    max-width: 768px;
    margin: 0 auto;
}

/*--------------------Slideshow--------------------*/
.module.slideshow.desktop {
    display: block;
}
.module.slideshow.smart {
    display: none;
}
.slide_image {
    width: 100%;
    aspect-ratio: 1000/516;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: 998;
}
.single_image {
    width: 100%;
    aspect-ratio: 1000/516;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: 998;
}
.slider_main {
    width: 100%;
    height: 100%;
    display: table;
}
.royalSlider {
    opacity: 0;
}
.slide_text {
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    z-index: 1001;
}
.slide_preline {
    margin: 0 0 1.7% 0;
}
.slide_headline {
    margin: 0 0 1.8% 0;
}
.slide_headline2 {
    font-family: 'Source Serif 4', Times, serif;
    font-style: italic;
    font-weight: 500;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.2em;
    letter-spacing: -0.03em;
    color: #fff;
}
.slideshow_wrapper {
    padding: 0;
    text-align: center;
}
.rsDefault .rsBullets {
    margin-bottom: 36px !important;
}

/*--------------------Single-Image--------------------*/
.single_image_desktop {
    display: block;
}
.single_image_desktop img {
    max-width: 100%;
    height: auto;
}
.single_image_smart {
    display: none;
}

/*--------------------Intro--------------------*/
.intro_content {
    /*max-width: 950px;*/
    margin: 0 auto;
    text-align: center;
}


/*----------------------------------Footer----------------------------------*/
footer {
    position: absolute;
    max-width: 1366px;
    width: 100%;
	padding: 9px 0 5px 0;
    background-color: #fff;
    z-index: 1;
}
.footer_desktop {
    display: block;
}
.footer_smart {
    display: none;
}
.copyright {
    color: #000;
    font-family: "IBM Plex Sans Condensed", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.02em;
    float: left;
}
.meta_navigation {
    font-family: "IBM Plex Sans Condensed", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.02em;
    float: right;
}
.meta_navigation .link {
	display: inline-block;
    margin: 0 0 0 135px;
    color: #000;
}
.meta_navigation .link:hover {
	color: #f00;
}