/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.1.1612883211
Updated: 2021-02-09 16:06:51

*/
/* Breite beträgt mindestens 50em */
.entry-content {
	
	max-width:100%;
}
.vc_column_container > .vc_column-inner {
    box-sizing: border-box;
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 100%;
}
.singular .entry-title {
    font-size: var(--global--font-size-page-title);
    margin-top: 100px;
}
.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), [class*="inner-container"] > :not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width {
    width: 100%;
	max-width:4000px;
    margin-left: auto;
    margin-right: auto;
}

.primary-navigation a {
    font-family: 'chronicapro';
    text-transform: uppercase;
    color: #fff !important;
    font-size: 24px;
	text-decoration: underline 7px !important;
    text-decoration-style: solid !important;
}

.primary-navigation a:hover {
text-decoration: underline 7px;
}
.primary-navigation a:active {
text-decoration: underline 7px;
	background-color:transparent !important;
}

a:active {
	background-color:transparent !important;
}

a:focus {
	background-color:transparent !important;
}

.primary-navigation a: focus {
text-decoration: underline 7px;
	background-color:transparent !important;
}
h1, .h1 {
	font-family: 'chronicapro';
	text-transform: uppercase;
	color:#fff;
	text-align: center;
z-index: 9999999999;
position: relative;
	margin-top:-80px;
	margin-bottom:60px !important;
font-size: 140px;
	line-height:134px;
	letter-spacing:25px;
font-weight: bold;
	
}

h2, .h2 {
	font-family: 'chronicapro';
	text-transform: uppercase;
	text-decoration: underline 7px;
	font-size:32px;
	color:#000;
}

h3, .h3 {
	font-family: 'rox';
	letter-spacing: 5px;
	font-size:54px;
	color:#000;
}

h4, .h4 {
	font-family: 'rox';
	font-size:42px;
	color:#fff;
}
h5, .h5 {
	font-family: 'rox';
	font-size:32px;
	color:#000;
}

h6, .h6 {
	font-family: 'chronicapro';
	text-transform: uppercase;
	font-size:24px;
	color:#fff;
	margin-bottom:20px;
}

.rox {
	font-family: 'rox';
	
}

p {
    line-height: var(--wp--typography--line-height, --global--line-height-body);
    margin-bottom: 25px;
}

.primary-navigation {
    position: relative;
    top: 20px;
    /* right: 0; */
    color: var(--primary-nav--color-text);
    font-size: var(--primary-nav--font-size);
    line-height: 1.15;
    margin-top: 0;
    margin-bottom: 0;
    left: 0px;
}

div.custom-menu-class ul {
    margin:20px 0px 20px 0px;
    list-style-type: none;
    list-style: none;
    list-style-image: none;
    text-align:right;
	position:absolute;
	top:10px;
	right:20px;
}
div.custom-menu-class li {
    padding: 0px 20px 0px 0px;
    display: inline;
} 
div.custom-menu-class a { 
    color:#FFFFFF;
}

.copyright {
    margin-top: -150px !important;
    color: #fff;
}

.slick-slider {

    top: -125px;
	margin-bottom:-150px;
}

.video-zentriert {
	text-align:center;
}

.hd_img {
	max-width:4000px;
}
.home-bg {
    max-width: 1200px !important;
    padding: 0px 20px 0px 20px;
    margin: 100px 10px 0px 10px;
}

.home-bg-absolut {
    max-width: 1200px !important;
    padding: 0px 20px 0px 20px;
    margin: 100px 10px 0px 10px;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 15px !important;
}

.title-bg {
	position:absolute;
	width:100%;
	margin-top:600px;
}

.presse-bg {
	position:absolute;
	width:100%;
	margin-top:400px;
	max-width:1200px !important;
}

.presse-desc-bg {
	position:absolute;
	width:100%;
	margin-top:450px;
	max-width:1200px !important;
}
.pum-theme-50 .pum-content, .pum-theme-lightbox .pum-content {
    color: #000000;
    font-family: inherit;
    font-weight: 100;
    line-height: 28px;
}

.press-title {
	
	font-family: 'chronicapro';
	text-transform: uppercase;
	font-size:20px;
	color:#000;
}

.press-button {
    color: #fff;
    padding: 3px 10px 3px 10px;
    border: 2px solid #fff;
    border-radius: 3px;
    text-decoration: none;
}
.press-button-en {
    color: #fff;
    padding: 3px 10px 3px 10px;
    border: 2px solid #fff;
    border-radius: 3px;
    text-decoration: none;
}
.press-button-fr {
    color: #fff;
    padding: 3px 10px 3px 10px;
    border: 2px solid #fff;
    border-radius: 3px;
    text-decoration: none;
}
.footer-copy {
    color: #000;
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 0px 0px 10px 0px;
    font-size: 14px;
	margin-top:-5px;
}

.ult-carousel-wrapper {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
	height:0px;
}

.footer-copy a {
    color: #000;
}


.site-header, .site-main, .widget-area, .site-footer {
    padding-top: var(--global--spacing-vertical);
    padding-bottom:0px;
    margin-left: auto;
    margin-right: auto;
}

.bild-mitte {
transform: translate(0%,40%);	
	
}
.slider-container {
	margin-right:2%;
	
}

#responsive-menu-pro-container {
z-index:99999999999999999999999999999999 !important;
}
	
@media only screen and (min-width: 482px){
.primary-navigation {
    position: relative;
    margin-left: unset;
}
}

@media (max-width: 1500px) {
	
		.title-bg {
    position: absolute;
    width: 100%;
    margin-top: 350px;
}
}
@media (max-width: 1200px) {

h1, .h1 {
	font-family: 'chronicapro';
	text-transform: uppercase;
	color:#fff;
	text-align: center;
margin-bottom: -100px;
z-index: 9999999999;
position: relative;
font-size: 110px;
	line-height:114px;
	letter-spacing:25px;
font-weight: bold;
	
}
			.title-bg {
    position: absolute;
    width: 100%;
    margin-top: 250px;
}
}

@media (max-width: 800px) {

h1, .h1 {
	font-family: 'chronicapro';
	text-transform: uppercase;
	color:#fff;
	text-align: center;
	margin-top:-30px;
margin-bottom: 20px !important;
z-index: 9999999999;
position: relative;
font-size: 62px;
	line-height:70px;
	letter-spacing:25px;
font-weight: bold;
	
}
	
	.title-bg {
    position: absolute;
    width: 100%;
    margin-top: 300px;
}
	
	h4, .h4 {
	font-family: 'rox';
	font-size:32px;
	color:#fff;
}
	h3, .h3 {
	font-family: 'rox';
	letter-spacing: 5px;
	font-size:38px;
	color:#000;
}
	.title-bg {
	position:absolute;
	width:100%;
	margin-top:150px;
}
	
	.copyright {
    margin-top: -70px !important;
    color: #fff;
}
	
	.home-bg {
    max-width: 1200px !important;
    padding: 0px 20px 0px 20px;
    margin: 50px 10px 0px 10px;
}
	
	.slick-slider {

    top: -115px;
	margin-bottom:-115px;
}
	
}
@media (max-width: 700px) {
	
	.custom-menu-class {
		display:none;
	}
}
@media (max-width: 500px) {

h1, .h1 {
	font-family: 'chronicapro';
	text-transform: uppercase;
	color:#fff;
	text-align: center;
	margin-top:-10px;
margin-bottom: 30px !important;
z-index: 9999999999;
position: relative;
font-size: 40px;
	line-height:40px;
	letter-spacing:15px;
font-weight: bold;
	
}
	
	h3, .h3 {
	font-family: 'rox';
	letter-spacing: 5px;
	font-size:32px;
	color:#000;
}
	
	h4, .h4 {
	font-family: 'rox';
	font-size:32px;
	color:#fff;
}
	.title-bg {
	position:absolute;
	width:100%;
	margin-top:95px;
}
	
	.copyright {
    margin-top: -40px !important;
    color: #fff;
}
	.home-bg {
    max-width: 1200px !important;
    padding: 0px 20px 0px 20px;
    margin: 20px 10px 0px 10px;
}
	
	.presse-bg {
	position:absolute;
	width:100%;
	margin-top:0px;
	max-width:1200px !important;
}
	.slick-slider {

    top: -75px;
	margin-bottom:-75px;
}
}