@media all and (max-width: 1220px) {

	.centered{padding:0px 15px;}
	.wysiwyg img{margin-right:0;margin-left:0;}

	section.flex_grid .col{width:50%;}
	section.flex_grid .col:nth-child(3n){clear:both;}

	section.text_box-grid .row,
	section.text_box-grid .table{display:block;width:100%;}
	section.text_box-grid .item{display:block;width:50%;float:left;}
	section.text_box-grid .row{position:relative;}
	section.text_box-grid .row:after{content:' ';display:block;clear:both;}

	section.text_grid .item{padding-right:40px;padding-left:50px;}

	section.text_img .wysiwyg,
	section.grid-box .left > div .wysiwyg-wrapper{padding-right:40px;}
	section.grid-box .right .img{padding-left:20px;padding-right:20px;}


}

@media all and (max-width: 1080px) {



	.lang{right:150px;}
	#nav-main{opacity:0;visibility: hidden;position:fixed;left:0px;top:0px;width:100vw;height:100vh;padding:85px 15px 0px;}
	
	.cd-nav-trigger {
		position: absolute;
		z-index: 3;
		top:15px;
		right: 10px;
		height: 52px;
		width: 52px;
		overflow: hidden;
		white-space: nowrap;
		color: transparent;
		z-index: 500;
		display:block;
	}

	body.o5 .cd-nav-trigger,
	body.nav-is-visible .cd-nav-trigger {
		top:6px;
	}

	.cd-nav-trigger span, .cd-nav-trigger span::after, .cd-nav-trigger span::before {
		/* this is the hamburger icon */
		position: absolute;
		width: 26px;
		height: 4px;
		background-color: #FFF;
	}
	.cd-nav-trigger span {
		/* middle line of the hamburger icon */
		left: 50%;
		top: 50%;
		bottom: auto;
		right: auto;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		-webkit-transition: background-color 0.2s;
		-moz-transition: background-color 0.2s;
		transition: background-color 0.2s;
	}
	.cd-nav-trigger span::after, .cd-nav-trigger span::before {
	  /* top and bottom lines of the hamburger icon */
	  content: '';
	  top: 0;
	  left: 0;
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -webkit-transition: -webkit-transform 0.2s;
	  -moz-transition: -moz-transform 0.2s;
	  transition: transform 0.2s;
	}
	.cd-nav-trigger span::before {
	  -webkit-transform: translateY(-10px);
	  -moz-transform: translateY(-10px);
	  -ms-transform: translateY(-10px);
	  -o-transform: translateY(-10px);
	  transform: translateY(-10px);
	}
	.cd-nav-trigger span::after {
	  -webkit-transform: translateY(10px);
	  -moz-transform: translateY(10px);
	  -ms-transform: translateY(10px);
	  -o-transform: translateY(10px);
	  transform: translateY(10px);
	}
	body.nav-is-visible #nav-main{opacity:1;visibility: visible;}
	body.nav-is-visible .cd-nav-trigger span {
	  background-color: transparent;
	}
	body.nav-is-visible .cd-nav-trigger span::before {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}
	body.nav-is-visible .cd-nav-trigger span::after {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	body.nav-is-visible .lang{top:18px;}

	body.nav-is-visible #nav-main{padding-top:100px !important;overflow-y:auto;-webkit-transition: all .7s ease;-o-transition: all .7s ease-out;transition: all .7s ease-out;}
	body.nav-is-visible #permanentHeader{height:100vh;}
	#nav-main > ul > li{float:none;margin:0;padding:10px 0px;-webkit-transition: all .7s ease;-o-transition: all .7s ease-out;transition: all .7s ease-out;margin-top:-35px;}
	body #nav-main > ul > li:before{display:none !important;}
	#nav-main ul .sub-menu-wrapper{position:relative;padding:0px 0px 0px 15px;margin-top:10px;}
	#nav-main ul .sub-menu-wrapper li{float:none;}
	#nav-main ul li{text-align:center;}
	body.nav-is-visible #nav-main > ul > li{margin-top:0;}


}


@media all and (max-width: 880px) {

	section.grafik_1 .box{width:50%;}
	section.wertschoepfung .bottom,
	section.wertschoepfung .table{display:none;}
	section.wertschoepfung .mobile{display:block;width:100%;height:auto;}

}

@media all and (max-width: 769px) {

	img.alignleft,
	img.alignright{float:none;margin-right:auto;margin-left:auto;display:block;position:relative;}

	.lang{right: 90px;}
	blockquote{padding:0;margin:0;}

	section.wysiwyg-s .wysiwyg{padding:0;}

	.prev-next,
	.prev-next .left,
	.prev-next .right{display:block;width:100%;}
	.prev-next .left a:before{left:20px;}
	.prev-next .right a:before{right:20px;}
	.prev-next .left .linkinfo{padding-left:65px;}
	.prev-next .right .linkinfo{padding-right:65px;}

	section.video-zitat .video{min-height:auto;}
	section.video-zitat .wrapper{padding-bottom:40px;}

	section.hero .caption > div > div{max-width:100%;}
	section.hero .caption h1{margin-bottom:40px;font-size: 4.6rem;line-height: 5.6rem;max-width:100%;word-break: break-word;hyphens: auto;}
	section.wysiwyg_aside.pos-right .article aside,
	section.wysiwyg_aside.pos-right .article > div{padding-left:0;}
	section.wysiwyg_aside .article{padding-left:0;}
	section.wysiwyg_aside.pos-right .article aside{margin-left:0;width:100%;float:none;padding-bottom:15px;}

	section.three-col-text .table,
	section.three-col-text .row{width:100%;display:block;}
	section.three-col-text .item{display:block;}
	section.three-col-text.cols-2 .item,
	section.three-col-text.cols-3 .item{width: calc(100% + 30px);float:none;margin-left:-15px;padding:25px 0px;max-width:100%;}
	section.three-col-text .wysiwyg{padding-left:15px;}
	section.three-col-text .item:first-child .title > strong,
	section.three-col-text .item .title > strong {margin-left:0px;padding-left: 15px;}

	section.flex_grid .col{width:100%;clear:both;}
	section.flex_grid .item,
	section.flex_grid .item.size-large{min-height:230px !important;height:auto;}
	section.flex_grid .hover{height:0;}
	section.flex_grid .item > div{position:relative;min-height:230px !important;padding:20px;}
	section.flex_grid .item:hover > div{margin-top:0px;box-shadow:0;height:auto !important;}
	section.flex_grid .col:hover .item{height:auto !important;}
	section.flex_grid .col .item:hover .hover{height:auto;}

	section.flex_grid-3.flex_grid-small-size .col:last-child:hover .item.size-small:first-child > div, section.flex_grid-3.flex_grid-small-size .col:last-child .item:hover > div, section.flex_grid-3.flex_grid-small-size .col:last-child .item.size-small, section.flex_grid-5.flex_grid-small-size .col:last-child:hover .item.size-large:first-child > div, section.flex_grid-5.flex_grid-small-size .col:last-child .item:hover > div, section.flex_grid-5.flex_grid-small-size .col:last-child .item.size-large{
		height:230px;
	}

	section.text_grid .table,
	section.text_grid .col{display:block;width:100%;}
	section.text_grid .col:last-child .item,
	section.text_grid .item{display:block;width:100%;padding:0 15px 25px 15px;}

	section.text_box-grid .row,
	section.text_box-grid .table{display:block;width:100%;}
	section.text_box-grid .item{display:block;width:100%;}

	section.text_img .wrapper .left,
	section.text_img .wrapper .right{float:none;width:100%;}
	section.text_img .wrapper .left{padding-bottom:20px;}
	section.text_img .wysiwyg, 
	section.grid-box .left > div .wysiwyg-wrapper{height:auto !important;padding-right:0;}

	section.grid-box{height:auto;padding-bottom:70px;}
	section.grid-box .left,
	section.grid-box .right{float:none;width:100%;position:relative;}
	section.grid-box .left > div{position:relative;padding:0;}
	section.grid-box .left > div .wysiwyg-wrapper{width:100%;padding:20px 0px;}

	.prev-next a{padding:40px 15px;}

	section.grafik_1 .box{width:100%;height:auto;}

	section.video-zitat .video,
	section.text_img .wrapper .right .wysiwyg{padding:0;}

	.table{width:100%;overflow-x:scroll;padding-right:20px;}
	.table td{min-width:100px;}

	section.fullsize-img .caption{position:relative;}
	.prev-next p{ hyphens: auto; }
	

}


@media all and (max-width: 520px) {

	body.page-id-4600 a.btn{float:none;clear:both;width:100%;}
	.wysiwyg .left{float:left;width:100%;padding-left:0;margin-bottom:40px;}
	.wysiwyg .left + .left{padding:0;}
}




.pagebreak{ display: block; page-break-before: always; }


/* Print
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media print {

    @page {
      margin: 1cm;
      size: A4;
    }
	.lang{right: 90px;}
	blockquote{padding:0;margin:0;}
	.table{width:100%;overflow:scroll;}

	section.hero{height:100vh;min-height:50vh;overflow:hidden;page-break-after: always;max-height: 26cm;}

	section.grafik_1 .box{width:100%;height:auto;}

	section.video-zitat .video,
	section.text_img .wrapper .right .wysiwyg{padding:0;}

	section.flex_grid .col{width:100%;clear:both;}
	section.flex_grid .item,
	section.flex_grid .item.size-large{min-height:230px !important;height:auto;}
	section.flex_grid .hover{height:0;}
	section.flex_grid .item > div{position:relative;min-height:230px !important;padding:20px;}
	section.flex_grid .item:hover > div{margin-top:0px;box-shadow:0;height:auto !important;}
	section.flex_grid .col:hover .item{height:auto !important;}
	section.flex_grid .col .item:hover .hover{height:auto;}

	section.flex_grid-3.flex_grid-small-size .col:last-child:hover .item.size-small:first-child > div, section.flex_grid-3.flex_grid-small-size .col:last-child .item:hover > div, section.flex_grid-3.flex_grid-small-size .col:last-child .item.size-small, section.flex_grid-5.flex_grid-small-size .col:last-child:hover .item.size-large:first-child > div, section.flex_grid-5.flex_grid-small-size .col:last-child .item:hover > div, section.flex_grid-5.flex_grid-small-size .col:last-child .item.size-large{
		height:230px;
	}


  .mk-go-top,
  #stage > header,
  #stage > footer,
  .prev-next .left,
  .prev-next .right{display:none;}
  .prev-next{page-break-before: always;clear:both;}
  article a{text-decoration: none;color:#282828;}
  article a:after{display:none;}

  .acc{page-break-inside: avoid;}
  .acc-wrapper .acc .body{display:block !important;}
  
  div.table{overflow: visible !important;}
  div.table table{width:100% !important;page-break-inside: avoid;}
  div.table table td{width:auto !important;min-width:5px !important;font-size:75% !important;}

  section.flex_grid .hover{opacity:1;visibility: visible;padding-right:80px;}
  section.flex_grid.flex_grid-small-size .h2:before{top:-10px;}
  section.flex_grid .h2{padding-top:20px;}
section.flex_grid-3.flex_grid-small-size .col:last-child:hover .item.size-small:first-child > div, section.flex_grid-3.flex_grid-small-size .col:last-child .item:hover > div, section.flex_grid-3.flex_grid-small-size .col:last-child .item.size-small, section.flex_grid-5.flex_grid-small-size .col:last-child:hover .item.size-large:first-child > div, section.flex_grid-5.flex_grid-small-size .col:last-child .item:hover > div, section.flex_grid-5.flex_grid-small-size .col:last-child .item.size-large,
section.flex_grid.flex_grid-small-size .item.size-small{height:auto;min-height:230px !important;}
section.flex_grid .hover{height:auto;}
section.flex_grid .hover p{font-size:1.6rem;line-height:2.0rem;}

	body section.flex_grid .item{height:180px !important;}
	body section.flex_grid .item > div{min-height:180px !important;}


  section.three-col-text .title > strong{height:auto;}
  section.three-col-text .item:first-child .title > strong{font-size: 2.1rem;}

}