@font-face {
          font-display: swap;
          font-family: 'Abel';
          font-style: normal;
          font-weight: 400;
          src: url('fonts/abel.ttf');
        }
        @font-face {
          font-display: swap;
          font-family: 'AbelPro';
          font-style: normal;
          font-weight: 400;
          src: url('fonts/abel-pro.otf');
        }

		body {
			margin: 0;
			font-family: 'Abel', Arial, sans-serif;
			background-color: black;
			color: white;
			height: 100vh;
			width: 100%;
		}
		#page {
			width: 100%;
			height: 100%;
			overflow: hidden;
			position: relative;
		}

		.logo {
			position: absolute;
			top: 0;
			right: 0;
			padding: 2rem 2rem 1rem 2rem;
			border-radius: 0 0 0 1rem;
			background-color: #fff;
			box-shadow: 1rem 1rem 3rem rgba(0,0,0,.5);
			z-index: 100;
			width: 25%;
		}
			.logo img {
				width: 100%;
			}
			
   		.slogan {
   			position: absolute;
   			right: 2rem;
   			top: 22.5%;
   			top: 6%;
   			z-index: 101;
   			background: linear-gradient(to right, #FE9429, #D93301);
   			padding: 1rem 4rem 1rem 2rem;
   			transform: rotate(2deg);
   			text-align: right;
			box-shadow: .25rem .25rem 1rem rgba(0,0,0,.5);
   		}
   			.slogan h2 {
    			font-size: 3.5rem;
           		font-family: 'AbelPro';
           		text-shadow: .125rem .125rem 1rem rgba(0,0,0,.5);
    			color: #fff;
    			margin: 0 0 .5rem 0;
    			text-align: left;
   			}
   			.slogan p {
   				color: #eee;
   				font-size: 1.25rem;
   				margin: 0;
   			}
			

		.eventblock {
			position: absolute;
			width: 46%;
			top: 53%;
			right: 40px;
			z-index: 105;
			transform: rotate(2deg);
			box-shadow: .25rem .25rem 1rem rgba(0,0,0,.5);
		}
			.eventblock>img {
				width: 100%;
				border: 5px #fff solid;
				border-width: 5px 50px 5px 5px;
			}


   		.pricing {
   			position: absolute;
   			left: -2rem;
   			top: 22.5%;
   			top: 25%;
   			top: 6%;
   			z-index: 102;
   		}

			.pricing div {
				float: left;
				clear: left;
				transform: rotate(-1deg);
				background: rgba(254, 147, 41, 0.8);
				box-shadow: .25rem .25rem 1rem rgba(0,0,0,.4);
				text-align: left;
				border-radius: .75rem;
				padding: .5rem 1rem .5rem 5rem;
				margin-bottom: 1.5rem;
				position: relative;
			}
				.pricing h2 {
					font-size: 2.5rem;
					font-family: 'Abel';
					text-shadow: .125rem .125rem 0.4rem rgba(0,0,0,0.9);
					color: #fff;
					margin: 0 0 .25rem 0;
				}
					.pricing h2 span {
						font-size: 1.75rem;
						font-family: 'Abel';
						color: #fff;
						position: absolute;
						top: -0.5rem;
						right: -0.75rem;
						padding: .15rem .5rem;
						background-color: #D93301;
						border-radius: .5rem;
					}

				.pricing p {
					color: #eee;
					font-size: 1.75rem;
					text-shadow: .125rem .125rem 0.4rem rgba(0,0,0,0.9);
					margin: 0;
				}
	
   		.poweredby {
   			position: absolute;
   			right: 0;
   			bottom: 0;
   			z-index: 102;
   			background: linear-gradient(to right, rgba(0,0,0,.2), rgba(0,0,0,.3));
   			padding: .25rem .5rem .25rem .75rem;
   			border-radius: 6px 0 0 0;
   			color: #bbb;
   			font-size: .75rem;
   		}
   			.poweredby span {
   				color: #ddd;
   			}
   		
		.topic {
			padding: 2rem;
			text-align: center;
		}
			.topic h1 {
				font-size: 2rem;
				color: #fff;
				margin: 0;
				padding: 0;
			}
    			.topic h1 b {
    				font-family: 'AbelPro';
    			}


		.hr {
			width: 100%;
			height: 1rem;
			background: linear-gradient(to right, #FE9429, #D93301);
		}


	.block_facts {
		width: 100%;
		height: 12%;
		overflow: hidden;
		background: linear-gradient(to right, #FE9429, #D93301);
	}
    	.block_facts h2 {
    		color: #fff !important;
    		font-family: 'AbelPro';
    		text-shadow: .125rem .125rem 1rem rgba(0,0,0,.5);
    		margin-bottom: 1rem !important;
    	}

		.slider-container {
			width: 100%;
			height: 100%;
			overflow: hidden;
			position: relative;
		}

			.slider {
				display: flex;
				height: 100%;
				width: 100%;
				transition: transform 1s ease-in-out;
			}

				.slide {
					flex: 0 0 100%; /* Jedes Slide nimmt 100% der Breite des Containers ein */
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
					text-align: center;
				}

					.description {
						padding: .75rem 1rem;
					}

					.container {
						padding: 0 7rem;
					}

						.description h2,
						.container h2 {
							color: #FE9429;
							font-size: 3rem;
							margin: 0;
							/*
							text-shadow: .25rem .25rem 2rem rgba(0,0,0,.5);
							*/
						}

						.description p,
						.container p {
							color: #fff;
							font-size: 1.25rem;
							line-height: 2rem;
							margin: .25rem 0 0 0;
							text-align: justify;
						}

    .block_icons {
		width: 100%;
		height: 7%;
		overflow: hidden;
		background: linear-gradient(to right, #FE9429, #D93301);
    }
		.block_icons .slider {
			transition: transform 2.5s ease-in-out;
		}
			.block_icons .slider .slide {
			    align-items: normal;
			    text-align: left;
			}
    			.block_icons .slider .slide .container {
    			    position: relative;
    			    padding: 0 0 0 9.5rem;
    			}

    			.block_icons .slider .slide .container h2 {
            		color: #fff;
            		font-size: 2.5rem;
            		font-family: 'AbelPro';
            		text-shadow: .125rem .125rem 1rem rgba(0,0,0,.5);
            		margin: 0 0 .5rem 0;
            	}

    			    .block_icons .slider .slide .container h2 img {
    			        position: absolute;
    			        top: 0;
    			        left: 3rem;
            			width: 4rem;
            			vertical-align: top;
            			filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
            		}

    			.block_icons .slider .slide .container p {
            		font-size: 1.5rem;
            		color: #ddd;
    			}


	.block_slider-container {
		width: 100%;
		height: 31%;
		height: 83%;
		overflow: hidden;
	}    		
    		.slider-container.image-slider .slider .slide {
    			background-size: cover;
    			background-position: center;
    			justify-content: end;
    			align-items: flex-start;
    			text-align: left;
    		}
    			.slider-container.image-slider .slider .slide .description {
    				margin: 0 0 2rem 2rem;
    				background-color: rgba(255,255,255,.8);
    			}
    				.slider-container.image-slider .slider .slide .description h2 {
    					font-size: 3rem;
    					font-family: 'AbelPro';
    					color: #D93301;
                        background: linear-gradient(to right, #FE9429, #D93301);
                        background-clip: text;
                        color: transparent;
    				}

    				.slider-container.image-slider .slider .slide .description p {
    					color: #333;
    				}


	.block_events {
		width: 100%;
		height: 37%;
		overflow: hidden;
		padding: 2rem 0;
	}

    	.events {
    		width: 100%;
    		height: 20%;
    		display: flex;
    		flex-direction: row;
    		justify-content: space-evenly;
    	}

    		.event-card {
    			flex: 1;
    			padding: 1rem 1.5rem;
    		}

            	.event-card h2 {
            		color: #FE9429;
            		font-size: 1.5rem;
            		margin: 0 0 1rem 0;
            	}

            		.event-card h2 img {
            			width: 1.5rem;
            			vertical-align: top;
            			margin-right: 1rem;
            		}

            		.event-card h2 .subline {
            			color: #eee;
            			font-size: 1.25rem;
            			padding-left: 2.5rem;
            		}

            	.event-card-cont {
            		background-color: #222;
            		border-radius: .25rem;
            		padding-bottom: 1rem;
            	}

            		.event-card p {
            			font-size: 1rem;
            			margin: .5rem 0 0 0;
            			padding: 0 1rem;
            		}

            		.event-card p.event-price {
            			color: #ccc;
            		}

            		.event-card .event-image {
            			width: 100%;
            			border-radius: .25rem;
            		}


	.footer {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		background: linear-gradient(to right, #FE9429, #D93301);
		background: linear-gradient(to right, #AD5701, #731F02);
		color: #fff;
		padding: 2rem;
		text-align: center;
	}
		.footer_box {
			display: inline-block;
			padding: 0 2rem;
			border-right: 1px rgba(255,255,255,.5) solid;
			text-align: left;
			vertical-align: middle;
			line-height: 1.5rem;
		}
		.footer_box:first-child {
			padding-left: 0;
		}
		.footer_box:last-child {
			border-right: 0;
		}
			.footer_box h2 {
				margin: 0 0 .5rem 0;
			}
			.footer_image_height {
				height: 100%;
				border-radius: .25rem;
			}



	.hidden {
		display: none;
	}