.hamburger{
	display:none;
}
.corax {
  position: absolute;
  top: 1em;
  left: 1em;
  padding:0.5em;
  z-index: 3;
  display: none;
  
  a {
	opacity: 1;
	transition:all ease 0.1s;	
  }
  a:hover, a:focus{
  	opacity: 0.6;
  }
}
@media (width < 1366px) {
	.start-target .ce_text .text-wrap ul {
		justify-content: start;
		flex-flow:row;
		overflow:scroll;
		scroll-snap-type: x mandatory;
		li {
			min-width: 250px;
			margin-block:0 50px;
			scroll-snap-align: start;
			&:last-of-type {
				scroll-snap-align: end;
			}
		}
	}
}

@media (width < 1280px) {
	.start-slider .swiper-slide .text-wrap {
		width: calc(100% - 4em);
	}
	.flex-wrap {
		flex-flow: column;
		align-items: center;
		.ce_text {
			width: 100%;
			padding-inline:0;
		}
	}
	.redaktion {
		gap: 1em;
		.ce_text {
			width: calc(50% - 0.5em);
		}
	}
}

@media (width < 1150px) {
	#footer .inside {
		flex-flow:column;
		gap:0;
		.ce_text {
			width:100%;
			p {
				padding-left:1.3em;
			}
		}
	}
}

@media (width < 990px) {
	.mitwirken, .kontakt, .shop, .werben, .mediadaten {
		padding: 0 50px 125px 50px;
		.ce_text {
			img {
				margin: auto;
			}
		}
	}
	.space-block {
		margin-block: 50px;
	}
	.space-bottom {
		margin-bottom: 50px;
	}
	.space-top {
		margin-top: 50px;
	}
	.float_right, .media--right > figure {
		float:none;
	}
	.red-intro {
		text-align:center;
		img {
			margin:auto;
		}
	}
	.redaktion {
		.ce_text {
			a {
				border:none;
				padding:0;
				text-decoration:underline;
				&:hover, &:focus-within, &:focus {
    				background: transparent;
    				color: var(--green);
    				}
			}
		}
	}
	.kontakt .ce_text {
		text-align:center;
	}
}


@media (width < 960px) {
	.start-order, .start-offer, .start-target, .start-top5, .start-editor {
		padding-block: 50px;
		flex-flow: column;
	}
    .start-order .ce_text {
    	flex-flow:column-reverse;
    	width:100%;
    	.image_container, .text-wrap {
    		width:100%;
    		img {
    			margin: auto;
    		}
    	}
    }
    .start-offer {
    	.ce_text {
			max-width: 100%;
			margin-right: 0;
    	}
    	.image-wrap {
			margin-block: 50px;	
		}
    }
    .ce_table, table {
    	width:100%;
    }
}
@media (width < 850px) {
    body {
    	font-size:1.1em;
    }  
    .start-editor {
    	padding: 0;
    	margin-block:50px;
    }
}
@media (width < 750px) {
	.corax {
		display: block;
	}
	#wrapper {
		position: relative;
		&:after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			height: 5em;
			z-index: 2;
			background:linear-gradient(180deg,rgba(0, 0, 0, 75%) 0%, rgba(0, 0, 0, 0) 100%);	
		}
	}
	
	.pdf-preview {
		display: flex;
		overflow:scroll;  
		scroll-snap-type: x mandatory;
		padding-bottom: 20px;
		> * {
			scroll-snap-align: start;
			min-width: 300px;
		}
		.download-element {
			scroll-snap-align: end;
		}
	}
	.menu-toggle{
		z-index: 4;
		position: fixed;
		top: 1em;
		right: 1em;	
		pointer-events: all;
		display:block;
		.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
			background:var(--w);
			height:1px;
		}
		&:focus-within {
			pointer-events: none;
		}
	}
	.menu-toggle:focus + #header, .menu-toggle + #header:focus-within {
		opacity: 1;
		visibility: visible;
		right: 0%;
		box-shadow:-50px 0 50px rgba(0,0,0,0.25);
	}
	body:has(.menu-toggle:focus) {
		overflow: hidden;	
	}	
    #header {
		position: fixed;
		top: 0px;
		border-bottom:none;
		right: -100%;
		width: 90%;
		bottom: 0;
		box-shadow:0 0 0 rgba(0,0,0,0);
		transition:all ease 0.3s;
	}
	#header .inside {
		padding:0px;
		align-items: end;
		gap:32px;
		justify-content: start;
		flex-flow:column-reverse;
		height: 100%;
	}
	#header .mod_search {
		top: auto;
		width: 100%;
		bottom:0;
		opacity:1;
	}
	.mod_navigation {
		justify-content: start;
		align-items: end;
		flex-flow:column;
		padding-top:6em;
		height: 100%;
	}
	.menu > ul {
		align-items: end;
		flex-flow:column;
		overflow-y: scroll;
		height: 100%;
		padding-bottom:6em;
	}
	.menu ul li a, .menu ul li a a, .menu strong.active, .menu strong.forward {
		padding:18px 48px;
		font-size: 1.4em;
	}
	.svg-logo {
		display:none;
	}
	#activateBtn {
		display:none;
	}
	.start-slider .swiper-slide .text-wrap{
		width: calc(100% - 4em);
		font-size: 0.7em;
		a {
			font-size: 1.3em;
		}
	}
	.mitwirken, .kontakt, .shop, .werben, .mediadaten {
		padding-bottom: 50px;
	}
}

@media (width < 600px) {
    .redaktion {
		gap: 1em;
		.ce_text {
			width: 100%;
		}
	}
}

@media (width < 480px) {
    body {
    	font-size:1em;
    }
    .start-order, .start-offer, .start-target, .start-top5, .start-view, .start-partner, .mitwirken, .kontakt, .shop, .werben, .mediadaten {
    	padding-inline:20px;
    }
}