.rahmen {
    margin: 0 auto 250px auto;
}

.content h1, .content h2, .content h3, .sehtest h2, .sehtest label, .slidetext, .slidetext .bodytext, a.button, .sublist a	{
	font-size:1em;
}

.csc-textpic-imagewrap.col2 .csc-textpic-imagecolumn, .csc-textpic-imagewrap.col3 .csc-textpic-imagecolumn, .csc-textpic-imagewrap.col4 .csc-textpic-imagecolumn	{
	width:100%;
	margin-right:0;
}
.smallsolobox{
  width: 100%;
  height: auto;
  margin-bottom: 2em;
}

.dtonly, .spenden, .scraper	{
	display:none;
	visibility:hidden;
}

.mob	{
	display:inline-block;
	visibility:visible;
	cursor:pointer;
	position:relative;
	z-index:50;
}

.copyright.dtonly	{
	display:none;
	visibility:hidden;
}

.copyright.mob {
	display:inline-block;
	visibility:visible;
	cursor:pointer;
	position:relative;
	z-index:50;
	clear:none;
	float: none;
}
footer a.print {
	padding: 0;
	display: block;
}

.service .mob {
	right:15px;	
}

.wrapper.contenu {
    margin-left: 0 !important;
    width: 100%;
	padding-top:2em !important;
}
.video-trigger {
	width:35px;
	height:35px;
	left:0;
	top:-35px;
}

#video-iframe {
		margin-top: 25px;	
		width: 82%;
	}
.video-close {
    right: 4.5%;
}
.video-text {
	max-width: 90%;	
}

header {
    width: 100%;
	padding:0;
}
.headcenter	{
	padding:0;
	float:right;
	width:20%;
}
.mob.closeservice {
    top: 0;
}
.mob.einstellungen {
    display: inline-block;
    visibility: visible;
    cursor: pointer;
    position: relative;
    z-index: 50;
    right:0;
    margin-top: 6px;
    margin-right: 1%;
	width:20%;
	float:right;
	left:0;
}
.mob.einstellungen::before {
    color: #ccc;
    content: "\f013";
	font-family: FontAwesome;
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
    padding-right: 0px;
    position: absolute;
    right: 5px;
    text-decoration: inherit;
    top: 5px;
}
.navmobilebutton {
    color: #436377;
    content: "";
    font-family: FontAwesome;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    padding-right: 0;
    position: relative;
	z-index: 50;
    top: 3em;
	cursor: pointer;
	float:right;
	width:14%;
	text-align:right;
}
.navmobilebutton::before {
    color: #436377;
    content: "";
    font-family: FontAwesome;
    font-size: 2em;
    font-style: normal;
    font-weight: normal;
    padding-right:0;
    position: relative;
    left: auto;
	right:5px;
    text-decoration: inherit;
    top: 11px;
}
.reverse .navmobilebutton::before {
    color: #F9B537;
}
.servicenavi2 li a {
    white-space: normal;
	display:block;
	padding-bottom:10px;
}

.navi2  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;
}
.mob.closenavi2:before {
		right:0;
	}

.servicenavi	{
	position:absolute;
}
.navi2.offen ul	{
		display:block;
		background-color:#fff;
		width:98%;
		margin-left:1%;
		padding: 5px 0;
		border: 1px #cbd5d6 solid;
		margin-top:6.4em;
}
.navi2.offen ul.servicenavi2	{
		margin-top:0;
		position:absolute;
		left:-99999px;
		top:0;
		border:none;
}
.navi2.offen li:hover ul.servicenavi2	{
		position:relative;
		left:0;
}
.servicenavi2 li a {
    font-weight:400;
}
.mob.closenavi2:before {
	padding-right: 0.5em;
}
	
#logo	{
	margin-left:4%;
	padding-bottom:0;
	width:190px;
	padding-top: 0.7em;
}
.headcenter {
    width: auto;
}
.navmobile {
    top: 0;
}

.service	{
	padding-top:8px;
	float:right;
	text-align:right;
	width:100%;
	display:none;
}


.service div	{
	display:none;
}

#topbalken	{
	height:1px;
}
.spenden {
    left: 35.5%;
    height: 3em;
}
.search {
    height: 3em;
    width: 100%;
	z-index:50;
	background:#fff;
	display: none;
}


#search {
	display: none;
}
#search.open {
	position:absolute;
	float:right;
	display: block;
	background:#fff;
	z-index:100;
	top:2.25em;
	width:99%;
	padding-top:1em;
	padding-bottom:1em;
}

.reverse .nav7:hover a, .reverse .nav7:active a, .reverse .nav7:focus a, .reverse .nav7.hover a, .reverse .nav8:hover a, .reverse .nav8:active a, .reverse .nav8:focus a, .reverse .nav8.hover a, .reverse .nav9:hover a, .reverse .nav9 a:hover, .reverse .nav9:active a, .reverse .nav9:focus a, .reverse .nav9.hover a, .reverse .nav60:hover a, .reverse .nav60 a:hover, .reverse .nav60:active a, .reverse .nav60:focus a, .reverse .nav60.hover a, .reverse .nav512:hover a, .reverse .nav512 a:hover, .reverse .nav512:active a, .reverse .nav512:focus a, .reverse .nav512.hover a {
    border-bottom:none;
}

.unavi3 li a:hover {
    width: auto;
   
}

.nav8:hover a, .nav8 a:hover, .nav8 a.current, .nav8:active a, .navi1 .nav8 a.current, .nav8:focus a, .nav8.hover a, .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 {
   padding-left: 2%;
    border-left: none;
}

.unavi2m li {
    width: auto !important;
}

.unavi3 {
	background: red;
	width: 80%;
	overflow:hidden;	
}

.reverse #search.open {
	background: #000;
	
}

.navi2 {
    float: left;
	padding-top:12px;
	padding-right:0;
	position:static;
	margin-top:2.7em;
	width:10%;
}

.unavi2m li {
    width: 100%;
}

#search input {
	margin-left: 4%;	
}

#search input[type="submit"] {
	  background-position: top right;
}

.searchbutton {
    background: none repeat scroll 0 0;
    display: inline-block !important;
    float: left;
    position: absolute;
    cursor: pointer;
    z-index: 40;
    width: 10%;
    right: 52px;
    top: 0px;
}
.searchbutton:before {
	color: #ccc;
	content: "\f002";
	font-family: FontAwesome;
	font-size: 27px;
	font-style: normal;
	font-weight: normal;
	right: 0;
	padding-left: 0;
	position: absolute;
	text-decoration: inherit;
	top: 12px;
}



.breadcrumb.mob {
	padding: 0 0 10px 0%;	
	font-size:1em;
	line-height:normal;
	margin-left:0;
	position:static;
	z-index:0;
}


#page9 .slidetext {
    background-color: #fff;
}

.navi2 .mob {
    cursor: pointer;
    display: inline-block;
    position: relative;
    visibility: visible;
    z-index: 50;
}
.navi2 .mob::after {
    color: #012639;
    content: "";
    font-family: FontAwesome;
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
    left: 74px;
    padding-right: 0.5em;
    position: absolute;
    text-decoration: inherit;
    top: 0px;
}
.fr .navi2 .mob::after, .en .navi2 .mob::after, .it .navi2 .mob::after {
    left: 52px;
}
.mob.closenavi2 {
    cursor: pointer;
    display: none;
    position: relative;
    visibility: hidden;
    z-index: 50;
}
.servicemobile {
	background-color: #fff;
	display: none;
	margin-left: 2%;
	width: 88%;
	padding:4%;
	position: absolute;
	left: 0;
	top: 2.25em;
	z-index: 59;
}
.servicemobile a, .servicemobile button	{
	color:#436377;
}
.fontsize, .farbumkehr, .sprachen, .facebook {
	float: left;
	width:27%;
	text-align:left;
	padding-left:2%;
	height:35px;
}
.facebook  {
float: left !important;	
display: inline-block !important;
padding-top:8px;
}

.sprachen li:first-child  {
	padding-left:0;
}

.farbumkehr {
	
	padding-top:5px;	
}

.slider {
    width: 100%;
    max-width: 1200px;
    float: left;
    position: relative;
    top: 0px;
}
.flexslider .slides img	{
	width:100%;
	height:auto;
	display:none;
}
.slidetext	{
	background-color:#f8af24;
	text-align:left;
	padding:1em 2.5%;
	height:auto;
	position:static;
	width:95%;
}

a.button	{
	float:right;
	background-color:#012639;
	color:#fff;
	display: block;
	line-height: 2em;
	padding-left: 2.25em;
	padding-right: 0.5em;
	position:static;
	clear:both;
}

.flexslider .slides {
    background-color:#F8AF24;
}
.flex-control-nav	{
	bottom:-1em;
	right:0 !important;
	width:100%;
	background: #fff;
}
.slidetext {
	border-bottom:0;	
}
.flex-direction-nav	{
	bottom:0.8em;
	right:0 !important;
	width:100%;
}
.tippgeber {
    color: #002639;
    display: block;
    float: left;
    font-size: 1em;
    text-align: left;
    width: 100%;
	clear:both;
}
.flex-direction-nav a {
    height: 40px;
    top: 95%;
}
.flex-direction-nav a::before, .flex-direction-nav a.flex-next::before {
	color:#436276;
}

.sidebar {
    float: left;
    width: 97.5%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0%;
}

.content	{
	width:100%;
	margin-left:0;
	padding-bottom:0.5em;	
}
.content h1 {
    line-height: 1.5em;
}
.inhalt {
    width: 88%;
    padding-left: 5.5%;
    padding-right: 6.5%;
    margin-left: 0;
    padding-bottom: 1em;
    margin-bottom: 0;
}

.teaser .titel {
    width: 72%;
    padding-left: 2%;
	 padding-right: 2%;
}

.teaser li::before {
    font-size: 1.8em;
    line-height: 0.7em;
	padding-left:2%;
	display:inline-block;
}

.teaser li {
	background-position: left 10px;	
}

.sehtest .checkpoint {
    width: 100%;
}

.linkbox {
	padding-top:1em;	
}

.spendenbox.tease,
.donation {
	margin-right: 0;
}

.donation {
    padding-left: 0;
    padding-right: 0;
    width: calc(100% - 12px); !important;
	margin-bottom:1em;
}
.subpage .donation	{
	width:99%;
}
.subpage .newsletter	{
	width:100%;
}
.donation p {
    padding-bottom: 0.25em;
	font-size:1em;
}
.donation input[type="submit"] {
    padding: 0.4em 0.4em 0.4em 2.2em;
    margin-top: 25px;
	border: none;
	-webkit-appearance: none;
	border-radius: 0;
	position:relative;
}


.donation img {
	width:100%;	
	padding-right:0;
}

.news .article {
  width: 96%;
  height: auto;
}

.newsletter	{
	width:97.5%;
	padding-left:1.5%;
	padding-right:0%;
	height:auto;
	margin-bottom:1em;
	min-height:auto !important;
}
.newsletter input {
    line-height: 2em;
    font-size: 1em;
    padding-left: 0.25em;
    padding-right: 0.25em;
	border: none;
	-webkit-appearance: none;
	border-radius: 0;
}
.titel {
    margin-left:-4px;
}

.spendentext {
    width: 100%;
}

.cat3, .cat4, .cat11, .news-list-view.cat5 {
    width:96%;
	padding-left:1.5%;
}

.logoblock.item.allwide {
	    width: 96% !important;	
}

.teasertitel {
    font-size: 1.25em;
	line-height:1.25em;
    font-weight: 700;
	padding-top:1.5em;
	padding-bottom:1.5em;
    margin-bottom: 0.75em;
    padding-left: 2%;
}
.teaserfragen {
    width: 97.5%;
    padding-left: 1%;
}
.teaserfragen li {
    width: 100%;
    padding: 0.5em 0;
}

.teaserfragen li a {
    font-size: 1em;
    line-height: 1.25em;
    padding-left: 8%;
    width: 89%;
}
/* Inhalt */
.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;
}	

.item.half .donation p, .item.half .donation span, .donationm p, .donationm  span{
	width:96% !important;
	padding-left:2%;
	padding-right:2%;
	margin-left:0;
	display: block;
}
.article .titel, .logoblock .titel {
    width: auto;
    position: absolute;
    z-index: 5;
    left: 2px;
    top: 0.75em;
    padding-right: 0.75em;
}
.article.cat5 .titel {
    left: 0;
}

.donation span {
	display: block;
}

.teaser.item.allwide {
    padding-bottom: 1em;
    float: left;
    padding-top: 1em;
    width: 99% !important;
    background-color: #FFF;
    border: 2px solid #F8AF24;
    margin-left: 0;
}

.cat3.bildnews img {
    width: 100%;
}
.cat3.bildnews .teaser-text, .newsblock.item.allwide .cat3.bildnews .teaser-text  {
    float: left;
    padding-right: 0;
    width: 100%;
    padding-top: 0.5em;
}


.newsblock.item.allwide .article a.newsbild {
	width:100%;
}

.content .news h3 {
    font-size: 1em;
}

.solobox {
    float: left;
    width: 100%;
	margin: 0 0 1em 0;
}
.solobox.threes	{
	margin-top:0;
}

.solobox:nth-of-type(2n) {
    float: left;
    width: 100%;
}
.solobox .titel {
    width:auto;
	padding-right:0.75em;
}




.top:before {
	color: #012639;
    content: "\f106";
    font-family: FontAwesome;
    font-size:40px;
    font-style: normal;
    font-weight: normal;
    padding-right: 0.5em;
    position: absolute;
    right: 0;
    text-decoration: inherit;
    top: 10px;
}
.gotocart {
    display:none;
}
.orderbutton {
    float: left;
    width: 100%;
}
.orderbutton input[type="button"] {
    width: 75%;
    float: right;
}
#page85 .tx-powermail input.powermail_submit {
	float:left;
}
.pane {
    width: 100%;
}
.produkt {
    padding-bottom: 1.5em;
}
.produkt .detail {
    float: left;
    width: 100%;
}
.top:after {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
}

.top {
	position: relative;	
	clear: both;
	height:40px;
	right:inherit;
	bottom:inherit;
	font-size: 0px;
}
iframe.video {
	width:100%;
}
footer {
    height: auto;
}
.donationm.mob{
		display:block;
		visibility:visible;
		width:96% !important;
		padding-left:2%;
		padding-right:2%;
		margin-left:0;
		margin-bottom:1.25em;
		border-top: 1px solid #99a8b0;
		padding-top:1.25em
	} 
	
.newsl.mob {
    clear: both;
    display: inline-block;
    float: none;
    margin-bottom: 20px;
    margin-top: 2em;
    visibility: visible;
    width: 100% !important;
	border-top: none;
	padding-top:0px;
	
}

.map li {
	float: none;
	clear: both;
	width: 100% !important;
}

.map > li {
	padding-top:10px;	
}

.tx-indexedsearch-searchbox-sword.sword {
	border-radius:0px;
	width:76% !important;
}


.logoblock img	{
	max-width:80%;
	height:auto;
}	

.logoblock  p {
	float: left;
	width:50%;	
	height: auto;
}
.logoblock  p.leftie {
	clear:both;
}
.logoblock img {
    height: auto;
    max-width: 95%;
}
.logoblock .text {
    padding-left: 2%;
    width: 98%;
	padding-top:2em;
}

/* Footer */
.ichbin {
	display: none;	
}


.footerNavi li {
	float: none;
	list-style: outside none none;
	width: 100%;
}


.ichbin li a, .footerNavi li a {
    background-image: none;
    padding: 0;
    text-decoration: none;
}
.copyright, .footerNavi, .print {
    margin-top: 10px !important;
}
.footerNavi {
	clear: both;
	width: 100%;
	padding-bottom: 10px;
	display: block;
	float: none;
}
.standorte {
	clear: both;
	display: table;
	width: 100%;
}
.footer-standort {
	width: 100%;
	float: none;
	padding: 10px 10px 10px 0;
}
.footerLogo {
    position:relative;
    clear:both;
	right:2%;
	left:2%;
	top:10px;
	display: block;
	margin: 0;
}

.footerContent {
	padding: 0 2%;
	background-color:#fff;
	float:none;
	max-width: 100%;
}



#page2 .dtonly.startseite {
	
	display:none;
	visibility:hidden;
}

#page2 .newsl.mob {
	display:block;
	visibility:visible;
}

.bibliothek .tx-powermail {
	width:96% !important;
	padding-left:2%;
	padding-right:2%;
	margin-left:0 !important;
	float:none;
}

#powermail_fieldwrap_297 legend {
	padding-right:0 !important;
}

#powermail_fieldwrap_298 legend {
	padding-right:0 !important;
}

#powermail_fieldwrap_299 legend {
	padding-right:0 !important;
}

.bibliothek .tx-powermail label {
    width: 100%;
}
.bibliothek .tx-powermail input.powermail_input, .bibliothek .tx-powermail textarea, .spendenform textarea, .spendenform input[type=text]{
    width: 98% ;
}

.nav44 {
	 position:relative;
    top: auto;		
}

.clearfix:after {
	display: inline-block;	
}


.issue {
    float: none;
    width: 100%;
}

.more {
    position: absolute;
    right: 0;
    font-weight: 700;
    color: #436377;
    display: block;
    bottom: 0;
    clear: both;
    padding-right: 1.75em;
    background: url(../img/pfeil.png) no-repeat 92% 45%;
}




.quarter .newsletter input[type="text"] {
    width: 93%;
}
.newsletter input[type="submit"] {
	right:4%;	
}

.sehtest input[type="checkbox"] {
    float: left;
    margin-top: 5px;
}



.size3 .slidetext {
    width: 95%;
}
.size3 .flex-control-nav, .size3 .flex-direction-nav {
    width: 100%;
}

.buchliste .nr, .buchresultate .nr {
    display: inline-block;
    width: 100%;
    float: none;
}

.btitel {
    float: none;
    width: 100%;
}

.buchdetail.offen span {
    width: 100%;
	font-weight:bold;
	padding: 0;
}
.sublist li {
    padding-bottom:10px;
    background: url(../img/pfeil.png) no-repeat left 5px;
}

.buchdetail.offen div {
    width: 100%;
	padding: 0 0 5px 0;
}

.bibliothek .tx-powermail input.powermail_submit, .spendenform input[type=submit] {
	margin-right:0px;	
}

.offen .buchdetail, .offen a.ausleihen {
    display: block;
    padding-left: 0%;
}

.bibliosuche.quarter.item {
	display: none;	
}


.bibliosuche.quarter.item.mob  {
	display: block;	
}

.event-registration-label, .event-registration-row .event-list-label, .event-registration-row label, .tx-srfreecap-captcha {
    width:100%;
    float: none;
	font-weight:bold;
}

.event-registration-row input[type="text"], .event-registration-row textarea, input#sjbr-freecap-captcha-response {
    width: 90%;
}

form.registration input[type="submit"] {
    float: left;

}

.event-registration-row input[type="radio"] {
	float: left;	
	margin-top:5px;
}

.event-registration-row .label {
	float: left;	
	width:80%;
}

.tx_fontsizer_2 {
	padding: 0 7px;	
}

.size2 .farbumkehr {
	width:25%;
}
.size2 .sprachen {
	width:35%;
}

.size3 .farbumkehr {
	width:20%;
}
.size3 .sprachen {
	width:40%;
}

.size2 .flex-control-nav {
    width: 100%;
}

.size2 .teaser li {
    height: auto;
}

.size2 .footerLogo{
	top:35px;
}


.size2 .rahmen {
	margin: 0 auto 118px auto;
}

.size3 .rahmen {
	margin: 0 auto 128px auto;
}

.size2 .footerNavi, .size3 .footerNavi {
    width: 74%;
}

.size2 .teaser li {
    background-position: left 12px;
}

.size3 .teaser li {
    background-position: left 15px;
}

.spendenform {
    width: 100%;
}

.betrag td:first-child{
	width:60% !important;
}

.item.quarter.mmt-bild {
		width: calc(100% - 36px) !important;
}
.cat4.item.quarter, .cat11.item.quarter, .cat10.item.quarter {
    width: 100% !important;
	height:auto !important;
}
.cat4.item.quarter h3, .cat11.item.quarter h3, .cat10.item.quarter h3 {
	height:auto !important;
}
.article a.newsbild, .article a.newsbild img {
    height: auto;
    width: 100%;
}

.infomaterial .tabline label, .tx-felogin-pi1 label, .powermail_label {
    width: 100%;
    float: left;
}

.tabline textarea, .bibliothek .tx-powermail input.powermail_input, .bibliothek .tx-powermail textarea, #page85 .tx-powermail input.powermail_input, #page85 .tx-powermail textarea, #page85 .tx-powermail select, .spendenform input, .spendenform select, .infomaterial input, .infomaterial select, #page85 .tx-powermail select, .infomaterial select {
    width: 100%;
}

.cat3.bildnews.spezialbox .newsbild {
    width: 98.5% !important;

}

.cat3.bildnews.spezialbox  .more {
    bottom: 0;
    right: 0;
}


.inhalt .frame-type-menu_subpages li, #inhalt .frame-type-menu_subpages li {
    padding: 0; 
    width: 100%;
}

.content2sp .left, .content2sp .right {
    float: none;
    width: 100%;
}

.content2sp .left ul {
    padding-left: 5.5%;
}

.news-single .article .news-img-wrap .outer {
	width: 100%;
	display: block;
	float: none;
	margin-bottom:20px;
	padding-right: 0;
  }