@media (max-width: 1310px){
	.header-fixed .hnavi{
		float: left;
	}
	.header-fixed #lorbeerkranz {
		position: fixed;
		top: 50px;
		left: unset;
		right: 0;
	}
}

@media (max-width: 1280px) {
	#inhaltsbereich > .frame > .rahmen{
		width: 92%;
		left: auto;
		margin-left: 0;
		padding: 0 4%;
		position: relative;
	}
	
	#footercontent > .frame > .rahmen{
		width: 92%;
		padding: 0 4%;
	}
	
	#footercontent > div {
		max-width: 100%;
	}
	
	#quicklinks #qucontent {
		max-width: 92%;
	}	
}

@media (max-width: 1200px){
	#headerbild{
		height: auto !important;
		max-height: calc(100vh - 128px);
	}
	#headerbild .ce-gallery{
		margin: 0 !important;
	}
	.unavi{
		width: calc(100% - 340px);
		left: 0;
	}

	
	#inhaltsbereich.sub .tx_cn-columns[data-cols="2"] .row.equalize > div > .frame,
	#inhaltsbereich.sub  .tx_cn-columns[data-cols="2"] .row.equalize > div:nth-child(even) > .frame,
	#inhaltsbereich.sub  .tx_cn-columns[data-cols="2"] .row.equalize > div:nth-child(odd) > .frame {
		width: 94%;
		margin: 0 3%;
		padding: 0;
	}
}

@media (max-width: 1100px) {
	#netzwerk-boden {
		width: 150px;
		top: 40px;
	}
}

@media (max-width: 1024px) {
	.unavi {
		width: 80%;
		max-width: 100%;
		padding: 0 10%;
	}

	#inhaltsbereich > .frame-hlleft header {
		float: left;
		width: 37%;
	}
	#headerbild .ce-bodytext {
		bottom: 20%;
	}
	
	#inhaltsbereich .frame-leistungsbereiche .tx_cn-columns .row .col-25 {
		width: 50%;
	}
	
	#inhaltsbereich .frame-leistungsbereiche .tx_cn-columns .row .col-25 > .frame {
		background: rgba(5,74,127,0.7);
	}
	#inhaltsbereich .frame-leistungsbereiche .tx_cn-columns .row .col-25 > .frame h3 {
		text-shadow: none;
	}
	#inhaltsbereich .frame-leistungsbereiche .tx_cn-columns .row .col-25 > .frame .rahmen{
		top: 10px;
	}
}

@media (max-width: 920px) {
	
	#unterseite #headerbild {
		height: auto;
	}
	
	#unterseite #headerbild .frame {
		height: 300px;
		float: left;
		clear: both;
		width: 100%;
	}
	
	#headerbild .ce-bodytext .addimage .image img {
		max-width: 250px;
		height: auto;
	}
	
	#inhaltsbereich > .frame-hlleft header, #inhaltsbereich > .frame-hlleft .ce-textpic {
		width: 100%;
	}
	
	#inhaltsbereich > .frame-hlleft header h1, #inhaltsbereich > .frame-hlleft header h2 {
		margin: 0 0 50px 0;
	}
	
	#footercontent > .frame > .rahmen> div > .row > div {
		width: 100%;
	}
	
	#footercontent > .frame > .rahmen> div > .row > div:first-child {
		margin-bottom: 20px;
	}
	
	#footercontent .tx_cn-columns[data-cols="2"] .row > div:nth-child(even) > div {
		margin: 0;
		width: 100%;
	}

	#inhaltsbereich .tx_cn-columns .row .col-40,
	#inhaltsbereich .tx_cn-columns .row .col-40 > div,
	#inhaltsbereich .tx_cn-columns .row .col-50,
	#inhaltsbereich .tx_cn-columns .row .col-50 > div,
	#inhaltsbereich .tx_cn-columns .row .col-60,
	#inhaltsbereich .tx_cn-columns .row .col-60 > div{
		float: left;
		clear: both;
		width: 100%;
		margin: 5px 0;
		height: auto !important;
	}

/* 	#inhaltsbereich.sub  > .frame-bg-grau .tx_cn-columns > .row.equalize > div,
	#inhaltsbereich.sub  > .frame-bg-grau .ui-accordion .ui-accordion-header {
		background: #FFFFFF;
		padding: 10px 0;
	} */

	p {	
		text-align: left;
		hyphens: auto;
	}
}

@media (max-width: 880px) {
	#unterseite #inhaltsbereich .tx_cn-columns[data-cols="3"] > .row > div {
		width: 100%;
		float: left; 
		clear: both; 
	}
	
	#unterseite #inhaltsbereich .tx_cn-columns[data-cols="3"] > .row > div > div {
		margin: 0; 
	}
	
	#inhaltsbereich .ce-below .ce-gallery[data-ce-columns="2"] .ce-column, #inhaltsbereich .ce-below .ce-gallery[data-ce-columns="3"] .ce-column {
		max-width: 49%;
		margin-right: 2%; 
	}
	
	#inhaltsbereich .ce-below .ce-gallery[data-ce-columns="2"] .ce-column:nth-child(2n) {
		margin-right: 0;
	}
}

@media (max-width: 820px) {
	#lorbeerkranz {
		bottom: auto;
		top: 5px;
	}
}

@media (max-width: 800px) {
	#nav{
		position: fixed;
	}

	#headerbild{
		margin-top: 72px;
	}

	#oben.mobnavvisible #nav{
		box-shadow: none;
	}

	#netzwerk-boden {
		display: none;
	}
	
	.mob_button {
		display: block;
	}
	
	#logo {
		margin: 15px 0;
		float: left;
		clear: both;
		width: 100%;
	}
	
	#navi {
		display: none;
	}
	

	#lorbeerkranz {
		position: absolute; 
		bottom: -15px;
		height: 80px;
	}

	#navi {
		float: left;  
		clear: both; 
		width: 92% !important;
		padding: 0 4% 20px;
		position: absolute;
		top: 72px;
		background: #fff;
		box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3);
	}

	#navi > .hnavi{
		float: left;
		clear: both;
		width: 100%;
		max-height: calc(100vh - 75px);
		overflow-x: scroll;
		text-align: left;
	}
	
	#navi > .hnavi > li {
		display: block;
		float: left;
		width: 96%;
		margin: 1px 0;
		padding: 0 2%;
		background: #e5e5e5;
	}

	#navi > .hnavi > li > a {
		display: block;
		padding: 7px 0 4px;
	}

	.unavi{
		display: block;
		position: inherit;
		float: left;
		clear: both;
		width: 96%;
		padding: 0 2%;
		background: #e5e5e5;
	}

	.unavi > li{
		width: 100%;
		padding: 0;
	}

	.unavi > li > a{
		float: left;
		clear: both;
		width: 96%;
		text-align: left;
		padding: 5px 2%;
		color: #1a5e90;
		position: relative;
		margin: 0;
	}

	.unavi > li > a::after{
		content: '';
		display: inline-block;
		width: 12px;
		height: 12px;
		margin-left: 10px;
		background: url(/fileadmin/cn_website/images/down.png) center center/contain no-repeat;
	}

	.unavi > li > a:hover,
	.unavi > li.act > a{
		color: #fff;
	}

	.uunavi{
		/* display: flex;
		justify-content: center;
		flex-wrap: wrap; */
		margin: 0;
		height: 0;
		transition: ease all 0.3s;
		overflow: hidden;
	}
	
	li.ififsub.visible > a::after,
	.unavi > li.act > a::after{
		filter: brightness(50);
		transform: rotate(90deg);
	}
	li.ififsub.visible .uunavi{
		height: auto;
	}
	.unavi .uunavi li{
		margin: 2px 5px;
		width: auto;
		clear: both
	}
	.unavi .uunavi > li > a{
		background: none;
		color: #1a5e90 !important;
		padding: 10px 20px;
	}
	.unavi > li.act > ul > li.act > a,
	.unavi > li > ul > li > a:hover{
		background: #1a5e90 !important;
		color: #fff !important;
	}
	
	#headerbild .ce-bodytext {
		bottom: 10%;
		left: 4%;
		margin-left: 0;
		max-width: 92%;
	}
	
	#headerbild .ce-bodytext .addimage .image img {
		max-width: 200px;
	}
	.tx_cn-columns[data-cols="2"] .row > div {
		width: 100% !important;
		margin-top: 10px !important;
	}
	.tx_cn-columns[data-cols="2"] .row > div:first-child {
		margin-top: 0px !important;
	}
	
	.tx_cn-multicontent .row.equalize, .tx_cn-multicontent .row.equalize > div {
		height: auto !important;
	}

	#headerbild::before {
		background-size: auto;
		background-position-x: 87%;
	}

	#inhaltsbereich > .frame:not(.frame-space-before-1):before {
		background-size: auto !important;
		background-position-x: center;
	}

	#footer::before {
		background-size: auto;
		background-position-x: right;
	}

	.ce-intext .ce-gallery,
	.ce-intext .ce-bodytext{
		float: left;
		clear: both;
		width: 100%;
		max-width: 100%;
	}
}

@media (max-width: 600px) {
	#navi {
		top: 61px;
	}
	h1, h2 {
		font-size: 34px;
	}
	
	#logo img {
		width: 250px;
		height: auto;
	}
	
	.mob_button {
		margin-top: 20px;
	}

	#headerbild {
		margin-top: 60px;
	}
	
	#headerbild .ce-bodytext .addtext{
		display: none;
	}
	
	#headerbild .ce-bodytext {
		bottom: 25%;
		left: 50%;
		margin-left: -100px;
		max-width: 92%;
	}
	#quicklinks #qucontent > div:nth-child(2),
	#quicklinks #qucontent > div:last-child,
	#quicklinks #qucontent > .frame-type-textmedia {
		float: left;
		margin: 10px 20px 0 0;
	}
	#quicklinks #qucontent > .frame-type-menu_subpages {
		width: 100%;
		margin: 0 0 10px 0;
	}
}

@media (max-width: 550px) {
	#lorbeerkranz {
		height: 60px;
		top: 0;
	}
	#inhaltsbereich .frame-leistungsbereiche .tx_cn-columns .row .col-25 {
		width: 100%;
		margin-top: 10px;
	}
	
	#inhaltsbereich .frame-leistungsbereiche .tx_cn-columns .row .col-25:first-child {
		margin-top: 0px;
	}
	
	#inhaltsbereich .frame-leistungsbereiche .tx_cn-columns .row .col-25 > .frame .rahmen{
		position: static;
	}
	
	.powermail_label {
		padding-top: 0;
		width: 100%;
		clear: both; 
	}
	
	.powermail_field {
		width: 100%;
		clear: both; 
	}
}

@media (max-width: 500px) {	
	#headerbild .ce-bodytext {
		bottom: 15%;
	}
	
	h1, h2, #inhaltsbereich > .frame-hlleft header h1, #inhaltsbereich > .frame-hlleft header h2 {
		font-size: 28px;
		margin: 0 0 30px 0;
	}
	
	h3 {
		font-size: 20px;
		margin: 0 0 20px 0;
	}
	
	#unterseite #headerbild .frame {
		height: auto;
	}
	
	#inhaltsbereich > .frame {
		padding: 30px 0 60px;
	}
	
	#inhaltsbereich .ce-gallery.ce-gallery-resp {
		width: 100%;
		float: left;
		clear: both;
		margin: 0 0 10px 0 !important;
		padding: 0 !important;
		box-shadow: none !important;
	}
	
	#inhaltsbereich .ce-below .ce-gallery .ce-column {
		max-width: 49%;
		margin-right: 2%; 
	}
	
	#inhaltsbereich .ce-below .ce-gallery .ce-column:nth-child(2n) {
		margin-right: 0;
	}

	#footercontent > .frame-type-textmedia .ce-column{
		float: left;
		clear: both;
	}
}

@media (max-width: 450px) {
	
	#logo {
		margin: 20px 0;
	}
	
	#logo img {
		width: 200px;
	}
	
	.mob_button {
		margin-top: 20px;
	}
	
	#unternavi .owl-nav > div {
		height: 28px;
		width: 18px;
		background-size: 100% auto !important;
		margin-top: -14px;
	}
}

@media (max-width: 400px) {
	#lorbeerkranz {
		height:50px;
		top: 5px;
		left: 2%;
	}
	#fadein img {
		width: 50px;
	}
	
	#headerbild .ce-bodytext {
		bottom: 15%;
	}
	
}