@media screen and (min-width:1600px) {
	body{
		font-size:1em;
	}	
}

@media screen and (max-width:1023px) {
	.flex67, .flex33, .flex33.box, .flex67.small{
		flex-basis:100%;
	}	
	.flex33.box {
			order:0;
			flex-basis:100%;
	}
	
	.flex67.small {
		
			flex-basis:100%;
	}
}
@media screen and (max-width:991px) {
	
	header .logo img {
		margin-left:1em;
	}
	
	.mod_mobile_menu {

	display:block
 }
	
	header .mod_navigation:last-child {
		display:none;
	}
	
	header .logo {
	width: 30vw;
	min-width:200px;
	margin-left: 2.5vw;
	}
}

@media screen and (max-width:767px) {
	body {
		font-size:0.75em;
	}
.float_left {
	float:none;
}

#left {
	display:none
}

#main {
	flex-basis:100%;
}

.seminare .float_left {
	float:left;
}

.image_container {
	width:50%;
}

.bildbox.small {
	flex-basis: calc(50% - 3.5em);
}

.bildbox.small .image_container{
	width:100%;
}

.bildbox.big .boxtext, .bildbox.big figure {
	flex-basis:100%;
}

}
@media screen and (max-width:590px) {

.seminare .float_left {
	float:none;
}
:root {
--margin-left: 1.5em;
}

.col2 {
  column-count: 1;
  column-width: 100%;
  column-gap: 0;
  column-fill: balance;
  margin-bottom: 2em;
}

.mobile_menu_trigger {
  padding-right: 0.5em;
}


}

@media screen and (max-width:480px) {
.flex25, .flex33, .flex50, .flex67 {
	flex-basis:100%;
}
.image_container {
	width:100%;
	margin:2em 0;
}

.bildbox.small {
	flex-basis:100%;
}


.bildbox.small h2 {
	font-size:1.3em;
}

}