@media screen and (max-width :1000px) and (min-width :620px){
  .item.half, .item.newsblock, .item.quarter, .quarter, .allwide, .item.allwide, .item.threequarter, .threequarter,
  .de .threequarter.item.spendenbox,
  .en .threequarter.item.spendenbox,
  .it .threequarter.item.spendenbox,
  .fr .threequarter.item.spendenbox {
	width:100% !important;
	padding-left:0;
	padding-right:0;
	margin-left:0 !important;
  }
  
  #page2 .wrapper.contenu{
    margin-left: 0 !important;
    width: 100%;
  }


  
  .content{
    margin-left: 0;
  }
  
  .newsletter	{
	width:97.5%;
	padding-left:1.5%;
	padding-right:0%;
	height:auto;
	margin-bottom:1em;
	min-height:auto !important;
  }
  
  .newsletter.tactuel img{
    width: 30%;
  }
  
  .donation{
    min-height: auto !important;
  }
  
  .donation img{
    width: auto !important;
    max-height: 150px;
  }
  
  .article.bildnews{
    height: auto !important;
    padding-right: 1.5em;
  }
  
  .news a.newsbild img{
    min-width: auto;
  }
}

/* Accessibility */
@media screen and (max-width :1200px) and (min-width :620px){
	
	.service{
		padding: 0 1% 0 0;
	}	
	
	.footerContent {
		padding: 0 2%;
		width: 96%;
	}
	.size3 .orderbutton {
		width: 24%;
	}
	.size3 .produkt .detail {
		width: 76%;
	}
	.sidebar {
		width: 90.8%;
		padding-left: 3.3%;
		padding-right: 3%;
	}
	iframe.video {
		width:100%;
	}
	#video-iframe {
		margin-top: 25px;	
		width: 82%;
	}
	.video-close {
	    right: 4.5%;
	}
	.video-text {
		max-width: 83%;	
	}
}

@media screen and (max-width : 1045px){
	input[type=text], input[type=submit] {
		-webkit-appearance: none;
	}

	
	input[type="submit"]{
		-webkit-appearance: none;
		border-radius:0;
	
	}
	.reverse .navi2.offen ul {
		background: #000;
	}	
	
	.inhalt h3 {
		padding-left:0px !important;	
	}
	
	.inhalt {
		width: 83%;
		padding-left: 7.5%;
		padding-right: 8.5%;
		margin-left: 1.6%;
		padding-bottom: 1em;
		margin-bottom: 2em;
	}
	nav {
		width: 100%;
	}
	.navi1 li, .navi1 li a	{
		border:none;
	}
	#logo {
		width: 170px;
		padding-top:0.6em;
	}
	.scraper	{
		display:none;
	}
	.wrapper.contenu {
		margin-left:1% !important;
		width:97%;
	}
	
	.unavi2 {
		width: 135.8%;
	}
		
	header {
		width:97.6%;
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	.video-trigger {
		right:-6px;
	}
	
	.spenden {
		left:auto;
		right:0;
		text-align:center;
	}
	.spenden a {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	
	.search {
		width: 17.6%;
	}
	
	
	.search input[type="text"] {
		width: 71%;
	}
	.search input[type="submit"] {
		width: 19%;
	}
	
	
	.footerLogo {
		right: 6px;
	}
	
	.footer {
		min-height:190px;
		height: auto;
	}	
	
	.copyright, .footerNavi, .print {
		margin-top:20px !important;
	}
	
	.flex-control-nav, .slidetext {
		right:16px !important;
	}
	.flex-control-nav {
		bottom:10px;
		background: none;
		width:44%;
	}
	.flex-control-nav li a {
		margin-top:10px;
	}
	.flex-direction-nav {
		bottom: 30px;
    display: none;
	}
	/*.slidetext {
		right:16px !important;
		width:40%;
		bottom: 45px;
	}*/
	
	.slidetext {
		right: 16px !important;
		width: 40%;
		bottom: 10px;
		border-bottom: 34px #fff solid;
	}
	
	.item.threequarter {
		float: left;
		margin-left: 1.5%;
		width: 65% !important;
	}
	.item.half {
		width: 48.5% !important;
	}
	
	.headcenter {
		padding-top: 8px;
		width:auto;
	}
	#search	{
		padding-top:30px;
	}
	
	#topbalken {
		margin-left:0 !important;
		margin-top:0;
		max-width:none;
	}
	.donation {
		display: block;
		visibility: visible;
		width: 97.5% !important;
		padding-left: 0;
		padding-right: 0;
		margin-right: 2%;
		float: left;
		margin-bottom: 1.25em;
	}
	@media (max-width: 735px) {
	.spendenbox.tease .donation {
		padding-bottom: 130px;
	}
	}
	.newsl.mob {
		visibility:visible;
		display:block;
		float: right;
		margin-bottom:20px;	
		width:31.75% !important;
	}
	
	#page2 .dtonly.startseite {
		display:block;
		visibility:visible;
	}
	
	#page2 .newsl.mob {
		display:none;
		visibility:hidden;
	}
	
	.smallsolobox {
		width: 29.7%;
        height: 17em;
	}
	.solobox {
		width: 46.6%;
	}
	
	.solobox a::after {
		font-size: 1.8em;
		line-height: 0.6em;
		margin: 0px;
	}
	
	.bibliothek .tx-powermail {
		width: 100%;
	}
	
	.service .mob {
		right:15px;	
		visibility: visible !important;
	}
	
	.service {
		top:16px;
		width: 20%;
		padding: 0px !important;
	}
	.mob.einstellungen {
	    display: inline-block;
	  visibility: visible;
	  cursor: pointer;
	  position: relative;
	  z-index: 50;
	  float: left;
	  margin-top: 10px;
	  left:10px;
	  margin-right:1%;
	}
	
	.mob.closenavi2:before, .mob.closenavi:before, .mob.closeservice:before {
		color: #012639;
		content: "\f00d";
		font-family: FontAwesome;
		font-size: 23px;
		font-style: normal;
		font-weight: normal;
		padding-right: 0.5em;
		position: absolute;
		right: 6px;
		text-decoration: inherit;
		top: 4px;
	}
	.mob.closenavi2:focus, .mob.closenavi2:active, .mob.closenavi:focus, .mob.closenavi:active {
		border-bottom:1px dotted #012639;
	}
	
	.mob.closeservice {
		position: absolute;
	  z-index: 60;
	  top: -16px;
	  right: 0;
	}
	
	.fontsize, .farbumkehr, .sprachen, .service .facebook {
		float: none;
		width:100%;
		display: none;
		text-align:left;
		padding-left:2%;
		height:35px;
	}
	
	.farbumkehr {
		margin-left:0px;	
	}
	
	.sprachen li:first-child {
		padding-left:0px;	
	}
	
	.tx-fontsizer-pi1 {
		display: none;	
	}
	.servicemobile {
	  background-color: #fff;
	  border: 1px solid #cbd5d6;
	  display: none;
	  margin-left: 0;
	  width: 92%;
	  padding:10px 4%;
	  position: absolute;
	  left: 0;
	  top: 0px;
	  z-index: 59;
	}
	
	.reverse .servicemobile a{
		color: #F9B537;
	}
	.reverse .servicemobile {
		background: #000;
	}
	.servicemobile.offen, .fontsize.offen, .farbumkehr.offen, .sprachen.offen, .tx-fontsizer-pi1.offen, .facebook.offen  {
		display: block;	
	}
	
	.facebook.offen {
	padding-left: 2%;
	float: none;
	    height: 35px;
	}
	
	.mob.einstellungen:before {
			
		color: #ccc;
		content: "\f013";
		font-family: FontAwesome;
		font-size: 23px;
		font-style: normal;
		font-weight: normal;
		padding-right: 0;
		position: absolute;
		right: 0;
		text-decoration: inherit;
		top: 5px;
	}
	
	.mob.closenavi2:before {
			right:0;
		}
	
	.teaser p a, .teaser li a {
		padding-left: 10%;
		width:90%;
	}
	
	.teaser .titel {
		width: 30%;
		padding-left: 1%;
	}
	.teaserfragen {
		width:98%;
		padding-left:1%;
	}
	.teaser li::before {
		font-size: 1.8em;
		line-height: 0.7em;
	}
	
	.textblock p {
		padding-bottom: 0.5em !important;
	}
	.orderbutton input[type=button]	{
		white-space:pre-line;
		text-align:left;
	}
	
}

@media screen and (max-width :980px){ 
.logoblock .text {
    padding-left: 2%;
    width: 98%;
    padding-top: 2em;
}
.navmobilebutton:before {
		color: #002639;
		content: "\f0c9";
		font-family: FontAwesome;
		font-size:30px;
		font-style: normal;
		font-weight: normal;
		padding-right: 0.5em;
		position: absolute;
		left: 0.3em;
		text-decoration: inherit;
		bottom: 15px;
		z-index:1000;
	}
	nav {
		margin-top:-12px;
	}
	.unavi2 {
		width: 119.2%;
	}
	header {
		margin-left:0 !important;
	}

	.search input[type="submit"] {
		width: 5%;
	}
	
	.sidebar {
		width: 98.5%;
		padding-left: 0;
		padding-right: 0;
	}

	nav {
		width: 83%;
	}
		
	.spenden {
		left:83%;
	}
	
	.search {
		width: 7.6%;
	}
	
	
	
	.search {
		background: none repeat scroll 0 0 #fff;
		display: none;
		height: 3.1em;
		width: 100%;
		z-index: 50;
		border-bottom:1px solid #cbd5d7;
	}
	.searchbutton.mob	{
		visibility:visible;
	}
	.search input[type="submit"] {
		margin-right:10px;	
		height:31px;
		width:31px;
		background-image: url("../img/lupe_mob.png");
		background-size:contain;
	}
	
	
	.search input[type="text"] {
		width: 80%;
		padding-left: 0.5em;
	}
	
	.bibliothek .tx-powermail {
		width: 100%;
	}

	.newsletter {
		padding-bottom: 51px;
		width:96%;
		padding-right:3%;
	}
	.newsletter .titel {
		width:50%;	
	}
	
	.newsletter input[type="submit"] {
		height:31px;	
	}
	
	.quarter .newsletter input[type="text"] {
		width: 89.5%;
		margin-bottom: 0.75em;
	}
	
	.more::after {
		font-size: 1.8em;
		line-height:0.6em;
		margin:0;
	}
	.sehtest form, .inhalt p, .news.news-single ul, .news.news-single h2 , #c13165 ul, #c13165 h2  {
		padding:0 !important;
	}

	.news.news-single ul, #c13165 ul{
		margin-left:20px;
	}

	.news.news-single h2, #c13165 h2   {
		width:100% !important;
	}

	.cat3.bildnews.spezialbox {
		padding-right: 0;
    	width: 98%;
	}

	.cat3.bildnews.spezialbox .teaser-text {
			width: 98% !important;
			padding-top: 0;
			position: relative;
			float: none;
			padding: 0;
	}

	.cat3.bildnews.spezialbox h3 {
		padding-top:0;
	}
	
	.slider {
		position: relative;	
	}
	
	.wrapper.contenu {
		padding-top: 10px !important;	
	}
	.video-trigger {
		width:50px;
		height:50px;
	}
	
	.size2 .teaser li {
		height:100px;
	}
	
	.size2 .newsletter input[type="submit"] {
		height:35px;	
	}
	
	.size3 .navi2 .mob:after{
		left:43px;
	}
	
	.size3 .newsletter input[type="submit"] {
		height:45px;	
		right:3%;
		bottom:10px;
	}

}


@media screen and (max-width :860px){
	
	
	.wrapper {
		margin-top: 0;
	}
		
	.servicenavi2 {
		position:relative;
		border:none;
		display:none;
	}
	
	.navi2 {
		position: static;	
	}
	
		
	.servicenavi	{
		position:absolute;
		z-index:55;
		top:0;
		left:0;
	}
	.navi2 .mob, .mob.closenavi2   {
		cursor: pointer;
    	display: inline-block;
		position: relative;
		visibility: visible;
		z-index: 50;
	
	}
	
	
	
	
	.navi2 .mob:after {
		color: #012639;
		content: "\f107";
		font-family: FontAwesome;
		font-size: 30px;
		font-style: normal;
		font-weight: normal;
		left: 34px;
		padding-right: 0.5em;
		position: absolute;
		text-decoration: inherit;
		top: -2px;
	}
	.fr .navi2 .mob::after, .en .navi2 .mob::after, .it .navi2 .mob::after {
		left: 48px;
	}
	
	.navi2	{
		float: left;
		padding-right: 43px;
		padding-top: 27px;
	}
	.navi2 ul	{
		display:none;
	}
	.navi2.offen > ul	{
		display:block;
		background-color:#fff;
		width:100%;
		margin-left:0%;
		padding: 5px 0;
		border: 1px #cbd5d6 solid;
		position:absolute;
		left:0;
		z-index:1005;
	}
	.navi2.offen > ul ul	{
		border: none;	
		border-left: 1px #cbd5d6 solid;
	}
	
	.navi2.offen li	{
		float:none;
		background:none;
		border: none;
	}
	.navi2 li:hover {
		border: none;
	}
	
	.navi2  li:after {
		color: #F8AF24;
		content: "\f105";
		font-family: FontAwesome;
		font-size: 30px;
		font-style: normal;
		font-weight: normal;
		right: 0px;
		padding-right: 30px;
		position: absolute;
		text-decoration: inherit;
		top: 3px;
	}
	
	
	.navi2 li li:after {
		color: #F8AF24;
		content:'';
		font-family: FontAwesome;
		font-size: 30px;
		font-style: normal;
		font-weight: normal;
		right: 0px;
		padding-right: 0.5em;
		position: absolute;
		text-decoration: inherit;
		top: 3px;
	}
	
	.navi2.offen li:hover ul.servicenavi2{
		display: block;
		top:0;
	}
	
	* {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-webkit-touch-callout: none;
	}
	
	.navi2.offen li:hover ul li:first-child a, .navi2.offen li:hover ul li a {
		padding-left:15px;	
	}

	
	
	.navi2 li:first-child a {
		padding-left:15px;	
	}
	
	.navi2 li a{
		background:none;
	}
	.navi2 li:hover a {
		background: none;
	}
	
	.navi2m.open .unavi3 li a, .unavi3 li a:hover, .unavi3 li a:active, .unavi3 li a:focus, .unavi3 li a.current {
		font-weight: 400;
	}
	.mob.closenavi2:before, .mob.closeservice:before {
		color: #012639;
		content: "\f00d";
		font-family: FontAwesome;
		font-size: 23px;
		font-style: normal;
		font-weight: normal;
		padding-right: 0.5em;
		position: absolute;
		right: 6px;
		text-decoration: inherit;
		top:8px;
	}
	
	.mob.closenavi2:before {
		right:0px;
		padding-right:0px;	
	}
	
	header .mob.closenavi2 {
		right:6px;	
	}
	
	.fontsize, .farbumkehr, .sprachen {
		float: left;
		width: 31%;
		text-align: left;
		padding-left: 2%;
		height: 35px;
	}
	
	.servicemobile a, .servicemobile button {
		color: #436377;
	}
		
	.mob.closenavi2, .mob.closeservice  {
		position: absolute;
		right: 0px;
		z-index: 2000;
		display: none;
	}
	
	#topbalken .mob.closeservice  {
		position: absolute;
		right: 7px;
		z-index: 60;
		display: none;
	}
	
	.inhalt .frame-type-menu_subpages li, #inhalt .frame-type-menu_subpages li {
		padding: 0 1.5% 0 0;
		width: 48.5%;
	}

	nav {	
		width:35.5%;
	}
	nav ul	{
		display:none;
	}
	
	.navmobile .navi1 {
		margin: 1px 0 0 0;
		width: 100%;
		background: #002639;
	}
	.navmobile {
		position: absolute;
		left:0;
		top:48px;
		z-index:60;
		width:100%;
	}
	
	.navi1 li a { 
		width: 98%;
		padding-left: 2%;
		padding-right: 0;
		border:none;
		
		display:inline-block;
	}
	
	.nav44 {
	 position:relative;
    top: auto;		
}
	 
	.navi1 li {
		width:100%;
		float: none;
		position: relative;
	}
	
	.nav9:hover a, .nav9 a:hover, .nav9 a.current, .nav9:active a, .navi1 .nav9 a.current, .nav9:focus a, .nav9.hover a, .nav60:hover a, .nav60 a:hover, .nav60:active a, .nav60:focus a, .nav60.hover a, .nav512:hover a, .nav512 a:hover, .nav512:active a, .nav512:focus a, .nav512.hover a {
		width: 98%;
		padding-left: 2%;
		padding-right: 0;
	}
	
	.navi1 li:hover, .navi1 li:hover a {
		border: none;
		padding-bottom:0;
	}
	
	.navi1 li:after{
		color: #F8AF24;
		content: "\f105";
		font-family: FontAwesome;
		font-size: 30px;
		font-style: normal;
		font-weight: normal;
		right: 0px;
		padding-right: 0.5em;
		position: absolute;
		text-decoration: inherit;
		top: 3px;
	}
	
	.navi1 li.active:after, .navi1 li.cur:after, .navi1 li:hover:after   {
		color: #012639;
	}
	
	.navi1 li a {
	}
	
	.navi2m li, .unavi3, .unavi4 {
		display:none;	
	}
	
	.navi2m li a{
		display:none;	
	}
	
	.unavi2m li {
		display: block !important;	
		width:80%;
	}
	
	.unavi2m li a {
		background-color: #fff;
		color: #012639;
		display: block !important;	
		line-height: 1.2em;
		min-height:20px;
		padding: 10px 2%;
	}
	
	.unavi2m li a:hover {
		border-bottom: none !important;	
	}
	
	.nav7:hover a, .nav7:active a, .nav7:focus a, .nav7.hover a, .nav9:hover a, .nav9 a:hover, .nav9:active a, .nav9:focus a, .nav9.hover a, .nav60:hover a, .nav60 a:hover, .nav60:active a, .nav60:focus a, .nav60.hover a, .nav512:hover a, .nav512 a:hover, .nav512:active a, .nav512:focus a, .nav512.hover a {
		border-bottom: none !important;
	}
		
	.unavi2m li.open a {
		text-decoration: none;	
	}
	
	
	.unavi3 a {
		text-decoration: none !important;
		padding:0 1.25em 5px 1.25em !important; 	
	}
	
	.navi2m {
		background-color: #fff;
		display: none;
		margin: 1px 0 0 0;
		position: absolute;
		top: 0;
		width: 100%;
		border-bottom: 2px solid #ddd;
	}
	
	
	.navmobile .active a , .navmobile .cur a{
		font-weight: bold;	
	}
	
	.navi2m.open a {
		font-weight: 700;	
	}

	
	.navi2m.open .unavi2m .active a {
		font-weight:700;
	}
	
	
	.navi2m.open .unavi2m .active .unavi3 a, .unavi3 a {
		font-weight: normal;	
		text-decoration: none;
	}
	
	.unavi3 a:hover , .unavi3 .active a{
	}
	
	
	
	.item.half {
		width: 97.5%;
		float: left;
	}
	
	.bibliothek .tx-powermail {
		width: 100%;
	}
	
	#search {
		width: 40%;
	}	
	.breadcrumb	{
		padding-left:0;
	}
	.article.mmt {
		display: block;
	}
	.inhalt .item.threequarter.mmt-text {
		width: calc(100% - 36px) !important;
	}
	.item.quarter.mmt-bild {
		width: calc(50% - 36px) !important;
		margin-left:0;
	}
	.cat4.item.quarter, .cat11.item.quarter, .cat10.item.quarter{
		width: calc(50% - 32px) !important;
		margin-left: 10px !important;
		padding:0 !important;
	}
	.article a.newsbild {
		height:168px;
	}
}

@media screen and (max-width : 680px){
.video-trigger {
    width: 40px;
    height: 40px;
}
}
@media screen and (max-width : 1060px){
.news-single .article .news-img-wrap .outer {
	width: 100%;
	display: block;
	float: none;
	margin-bottom:20px;
	padding-right: 0;
  }
  .news-single .article .news-img-wrap .outer .news-img-caption {
	clear: both;
  }
}