@media only screen and (min-width: 1800px){

	/* |||||||||| Start :: BASIC RESP STYLES |||||||||| */
	
		.con_100_padding_tb{ padding:80px 0 80px 0;	}
		.div_con_center{ width:1380px; margin:0 auto; }
		.div_con_center_big{ width:1800px; margin:0 auto; }
		.rahmen_overflow_inner{	width:1420px; }
		.rahmen_overflow_inner_1800{ width:1840px; }
		
	/* |||||||||| Start :: BASIC RESP STYLES |||||||||| */

	/* |||||||||| Start :: HEADLINES |||||||||| */
		
		/* Headlines Headergfx */
		span.headline_header_little {
			font-family:'Poppins', Arial, Helvetica, sans-serif;
			color:#ffffff;
			font-size:1.875rem;
			line-height:1.875rem;
			font-weight:400;
			margin:0 0 25px 0;
			box-sizing:border-box;
			transition:all 0.4s ease-in-out;
			hyphens:none;
			word-wrap:break-word;
		}
		
		span.headline_header_big {
			font-family:'Poppins', Arial, Helvetica, sans-serif;
			color:#ffffff;
			font-size:5rem;
			line-height:5rem;
			font-weight:700;
			margin:0 0 0 0;
			box-sizing:border-box;
			transition:all 0.4s ease-in-out;
			text-transform:uppercase;
			hyphens:none;
			word-wrap:break-word;
		}
		
		span.headline_header_detail {
			font-family:'Poppins', Arial, Helvetica, sans-serif;
			color:#ffffff;
			font-size:3.75rem;
			line-height:3.75rem;
			font-weight:700;
			margin:0 0 0 0;
			box-sizing:border-box;
			transition:all 0.4s ease-in-out;
			text-transform:uppercase;
			hyphens:none;
			word-wrap:break-word;
			clear:both;
		}
		
		.time-block span.number{
			font-family:'Poppins', Arial, Helvetica, sans-serif;
			color:#ffffff;
			font-size:5rem;
			line-height:5rem;
			font-weight:700;
		}
		
		.time-block span.label{
			font-family:'Poppins', Arial, Helvetica, sans-serif;
			color:#ffffff;
			font-size:1.25rem;
			line-height:1.25rem;
			font-weight:400;
			text-transform:none;
		}
		
		.curve-number{
			font-family:'Poppins', Arial, Helvetica, sans-serif;
			color:#ffffff;
			font-size:5rem;
			line-height:5rem;
			font-weight:700;
		}
		
	/* |||||||||| Ende :: HEADLINES |||||||||| */

	/* |||||||||| Start :: ACHTUNG |||||||||| */

		.bg_achtung{
			display:inline-block;
			position:relative;
			float:left;
			background-color: #ea6a07;
			background:#e6005f;
			padding:15px 0 15px 0;
			margin:0 0 0 0;
			overflow:hidden;
			box-sizing:border-box;
		}

		.icon_achtung{
			height:24px;
			margin:0 20px 0 0;
			overflow:hidden;
			box-sizing:border-box;
		}

		.container_txt_achtung{
			width:90%;
			/* overflow:hidden; */
			box-sizing:border-box;
		}

	/* |||||||||| Ende :: ACHTUNG |||||||||| */

	/* |||||||||| Start :: LOGO DESKTOP HEADER |||||||||| */
	
		.show_logo_desktop{
			display:inline-block;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:210px;
			/* overflow:hidden; */
			box-sizing:border-box;
			margin:0 0 0 0;
			padding:0 0 0 0;
			z-index:9;
		}
		
		.show_logo_desktop img{
			width:auto;
			height:auto;
			overflow:hidden;
			box-sizing:border-box;
			margin:60px 0 0 0;
			padding:0 0 0 0;
		}
	
	/* |||||||||| Ende :: LOGO DESKTOP HEADER |||||||||| */
	
	/* |||||||||| Start :: HEADERGRAFIK STARTSEITE |||||||||| */

		.rslides {
			position:relative;
			list-style:none;
			overflow:hidden;
			width:100%;
			height:1000px;
			padding:0 0 0 0;
			margin:0 0 0 0;
			z-index:999;
		}
		
		.rslides li {
			-webkit-backface-visibility: hidden;
			position:absolute;
			display:none;
			width:100%;
			left:0;
			top:0;
			margin:0;
			padding:0;
		}
		
		.rslides li:first-child {
			position:relative;
			display:block;
			float:left;
		}
		
		.rslides img {
			display:block;
			height:auto;
			float:left;
			width:100%;
			border:0;
		}
		
		.rslides_bullets_pos{
			margin:-200px 0 0 0;
			z-index:99999999;
			display:block;
		}
		
		.nav_punkte{
			display:flex;
			align-items:left;
			width:100%;
			height:30px;
			margin:0 0 0 0;
			padding:0 0 0 0;
			box-sizing:border-box;
		}
		
		.nav_punkte_inside{
			width:50px;
			padding:0 0 0 0;
			box-sizing:border-box;
		}
		
		#rslides_bullets .prev{
			left:0;
			top:0;
			bottom:auto;
			position:absolute;
			width:19px;
			height:30px;
			color:transparent;
			background:url(../images/icon_slider_prev_black_header.png);
			background-repeat:no-repeat;
			background-position:center center;
			transition: all 0.2s ease-in-out;
		}
		
		#rslides_bullets .next{
			right:0;
			top:auto;
			bottom:0;
			position:absolute;
			width:19px;
			height:30px;
			color:transparent;
			background:url(../images/icon_slider_next_black_header.png);
			background-repeat:no-repeat;
			background-position:center center;
			transition: all 0.2s ease-in-out;	
		}
		
		.container_box_left{
			position: relative;
			list-style: none;
			overflow: hidden;
			width:50%;
			height:1000px;
			padding:0 0 0 0;
			margin:0 0 0 0;
			z-index:999;
			background:url(../images/overlay_grafik_headergfx.png), #4a0f1e;
			background-repeat:no-repeat;
			background-position:top right;
			display:flex;
			align-items:center; /* Vertikale Zentrierung */
			justify-content:right; /* Horizontale Zentrierung */
		}
		
		.container_box_right{
			position: relative;
			list-style: none;
			overflow: hidden;
			width:50%;
			height:1000px;
			padding:0 0 0 0;
			margin:0 0 0 0;
			z-index:999;
			background-repeat:no-repeat;
			background-position:center center;
			background-size:cover;
		}
		
		.container_box_right video{
			display:inline;
			position:absolute;
			min-width:101%;
			min-height:101%;
			width:auto;
			height:auto;
			-ms-transform:translateX(-50%) translateY(-50%);
			-moz-transform:translateX(-50%) translateY(-50%);
			-webkit-transform:translateX(-50%) translateY(-50%);
			transform:translateX(-50%) translateY(-50%);
			background-size:auto 920px; 
			top:50%;
			left:50%;
		}
		
		.container_box_right_overlay{
			position: relative;
			list-style: none;
			overflow: hidden;
			width:100%;
			height:1000px;
			padding:0 0 0 80px;
			margin:0 0 0 0;
			z-index:999;
			background:url(../images/overlay_headergfx.png);
			background-repeat:repeat;
			background-position:top right;
		}
		
		.container_content_inside_left{
			width:900px;
			height:auto;
			padding:0 80px 0 0;
			margin:0 0 0 0;
			overflow:hidden;
			box-sizing:border-box;
		}
		
		.txt_headergfx{
			width:100%;
			height:auto;
			padding:0 0 0 0;
			margin:17px 0 0 0;
			overflow:hidden;
			box-sizing:border-box;
		}
		
		.position_counter{
			position: relative;
			overflow: hidden;
			width:50%;
			height:1000px;
			padding:0 0 0 0;
			margin:-1000px 0 0 0;
			z-index:999999999;
		}
		
		.countdown-container {
			display:flex;
			align-items:baseline;
			gap:20px;
			margin-bottom:0;
			position:relative;
			top:448px;
			z-index:999999999;
			padding:0 0 0 40px;
		}

		.time-block {
			display:flex;
			align-items:baseline;
		}

		.time-block .label {
			text-transform:uppercase;
			margin-left:10px;
		}

		/* Seconds Placeholder */
		.seconds-wrapper {
			position:relative;
			/* No width restriction here, let flex handle it */
		}

		.seconds-curve-container {
			position: absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			overflow:visible;
			z-index:5;
			pointer-events:none;
		}

		.curve-number {
			position:absolute;
			transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
			opacity:0;
			top:0;
			left:0;
			width:auto;
			text-align:right;
			transform-origin:center center;
		}		
		
	/* |||||||||| Ende :: HEADERGRAFIK STARTSEITE |||||||||| */
	
		.container_box_left_detail{
			position: relative;
			list-style: none;
			overflow: hidden;
			width:50%;
			height:500px;
			padding:0 0 80px 0;
			margin:0 0 0 0;
			z-index:999;
			background:url(../images/overlay_grafik_headergfx.png), #4a0f1e;
			background-repeat:no-repeat;
			background-position:top right;
			display:flex;
			align-items:flex-end; /* Vertikale Zentrierung */
			justify-content:right; /* Horizontale Zentrierung */
			box-sizing:border-box;
		}
		
		.container_box_right_detail{
			position: relative;
			list-style: none;
			overflow: hidden;
			width:50%;
			height:500px;
			padding:0 0 0 0;
			margin:0 0 0 0;
			z-index:999;
			background-repeat:no-repeat;
			background-position:center center;
			background-size:cover;
		}
		
		.container_box_right_detail video{
			display:inline;
			position:absolute;
			min-width:101%;
			min-height:101%;
			width:auto;
			height:auto;
			-ms-transform:translateX(-50%) translateY(-50%);
			-moz-transform:translateX(-50%) translateY(-50%);
			-webkit-transform:translateX(-50%) translateY(-50%);
			transform:translateX(-50%) translateY(-50%);
			background-size:auto 500px; 
			top:50%;
			left:50%;
		}
		
		.container_box_right_overlay_detail{
			position: relative;
			list-style: none;
			overflow: hidden;
			width:100%;
			height:500px;
			padding:0 0 0 80px;
			margin:0 0 0 0;
			z-index:999;
			background:url(../images/overlay_headergfx.png);
			background-repeat:repeat;
			background-position:top right;
		}
		
		.container_content_inside_left_detail{
			width:900px;
			height:auto;
			padding:10px 80px 0 0;
			margin:0 0 0 0;
			overflow:hidden;
			box-sizing:border-box;
		}
		
		.txt_headergfx_detail{
			width:100%;
			height:auto;
			padding:0 0 0 0;
			margin:17px 0 0 0;
			overflow:hidden;
			box-sizing:border-box;
		}
		
		.dropdown {
	  margin:20px 0 0 390px;
	  position: relative;
	  display: inline-block;
	  font-family: Arial, sans-serif;
	}


 /* Vollbild-Overlay */
    #screen {
      width: 100%;
      height: 100vh;
      display: flex;
      align-items: baseline;
      justify-content: center;

      /* Beispiel-Background – kannst du ersetzen */
      background-image:url(../images/bg_vorschaltseite.png);
	  background-position:top center;
      color: white;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

      /* Für Fade */
      opacity: 1;
      transition: opacity 400ms ease;
	  padding:200px 0 0 0;
    }

    /* Klasse, die den Fade-Out auslöst */
    #screen.fade-out {
      opacity: 0;
      pointer-events: none; /* verhindert Doppelklicks während Fade */
    }

    /* Inhalt */
    .content {
      text-align: center;
      max-width: 700px;
      padding: 24px;
    }

    /* Klick-DIV (dein Trigger) */
    #fadeTrigger {
      margin:0 0 0 0;
      width: fit-content;
      padding:0 0 0 0;
      cursor: pointer;
	  position:absolute;
	  bottom:0;
	  left:45%;
    }
	
	#fadeTrigger img {
		height:350px;
    }

    /* Optional: danach etwas anderes zeigen */
    #after {
      display: none;
      padding: 0 0 0 0;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    }

		
}