@media screen {

/* ----------------------- Allgemein ----------------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

* {
	margin: 0;
	padding: 0;
}

html, body {
	font-family: 'Source Sans Pro', sans-serif;
	color: #000;
	font-size:1.07em;
	line-height:1.64em;
	font-weight:300;
	background-color: #e1e6ee;
	background-image: url(../bilder/hg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
}

img {
	max-width:100%;
	height:auto;
	border:none;
}

strong {
	font-weight:600;
}


a:focus { 
   outline:none; 
}

a:link,
a:visited,
a:active {
	color: #7c7ea6;
	text-decoration:none;
	-webkit-transition: text-decoration 0.25s;
	   -moz-transition: text-decoration 0.25s;
		 -o-transition: text-decoration 0.25s;
			transition: text-decoration 0.25s;
}

a:hover {
	color: #7c7ea6;
	text-decoration:underline;
}

.archiveLink
{
	font-weight:bold;
}

h1 {
	font-size:2.5em;
	line-height:1em;
	font-weight:200;
	margin:0 0 4% 0;
	text-align:left;
}

.joker-title
{
	font-size:2.0em;
	font-weight:200;
	border-top:solid 1px #CCC;
	padding-top:20px
}

.joker-content
{
	font-weight:500;
}

.backlink
{
	display:block;
	margin-top:50px;
}

.lead
{
	font-weight:bold;
	margin-top:-20px;
	margin-bottom:30px;
}
sub {
    color: #686868;
    display: block;
    line-height: 16px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 3px;
    padding-bottom: 7px;
}


p {
	margin:0 0 0.5em 0;
	line-height:1.3em
}

h2 {
	font-family: 'Rufina', serif;
	color:#fff;
	font-size:2.5em;
	font-weight:700;
}

h3 {
	font-family: 'Rufina', serif;
	color:#fff;
	font-size:1em;
	line-height:1.25em;
	font-weight:700;
}

article {
	margin:0 0 5.5em 0;
	/*text-align:justify;*/
}
article.lt450 {
	text-align: left;
}

.liste {
	border-bottom:1px solid #000;
	margin:0 0 0.5em 0;
}

#galerie article.liste {
	width:30%;
	max-width:22em;
	margin:0 3% 2em 0;
	float:left;
}

.background {
	background-color:#000;}

.background img {
	width:100%;
}

a.galerie:link,
a.galerie:visited,
a.galerie:active {
	color: #000;
	text-decoration:none;
	
}

a.galerie:hover {
	-webkit-transition: color 0.25s;
	   -moz-transition: color 0.25s;
		 -o-transition: color 0.25s;
			transition: color 0.25s;
}

a.galerie:hover img {
	opacity: 0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
	-webkit-transition: opacity 0.25s;
	   -moz-transition: opacity 0.25s;
		 -o-transition: opacity 0.25s;
			transition: opacity 0.25s;
	
}

a.galerie p {
	margin:0.5em 0 0.5em 0;
}


.gallery, .gallery *
{
	box-sizing: border-box;
}

.gallery
{
	margin-top:65px;
	list-style:none;
}

.gallery:after {
  content:"";
  display:table;
  clear:both;
}

.gallery-item
{
	position:relative;
	float:left;
	width:calc(100%/3);
	line-height:0;
	padding-top:18.4%;
	margin-bottom:22px;
}

.gallery-item img
{
	position:absolute;
	top:0;
	left:0;
	line-height:0;
}

.gallery-item:after
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	content:'';
	background-color:rgba(0,0,0,0.5);
	background-image:url('../bilder/lupe.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:44px 44px;
	opacity:0;
	pointer-events: none;

	transition:opacity 0.2s;
}

.gallery-item:hover:after
{
	opacity:1;
}

.gallery-item:nth-child(3n+1)
{
	border-right:16px solid transparent;
}
.gallery-item:nth-child(3n+2)
{
	border-left:8px solid transparent;
	border-right:8px solid transparent;
}
.gallery-item:nth-child(3n)
{
	border-left:16px solid transparent;
}

/* *********************** Layout Spalten  *********************** */

#spalte-links {
	width:46%;
	max-width:29em;
	float:left;
	margin:0 3% 3em 6%;
}

#spalte-rechts {
	width:45%;
	float:right;
	overflow: hidden !important; /* FF Scroll-leiste */
	position:relative;
}

#spalte-alles {
	width:88%;
	float:left;
	margin:0 6% 3em 6%;
}

#spalte-1 {
	width:47%;
	float:left;
	margin:0 6% 4em 0;
}

#spalte-2 {
	width:47%;
	float:left;
	margin:0 0 4em 0;
}

.spalte-1 {
	width:47%;
	float:left;
	margin:0 6% 0 0;
}

.spalte-2 {
	width:47%;
	float:left;
}



/* ----------------------- Logo ----------------------- */

header {
	margin-top:30px;
	text-align:center;
}

header img
{
	width:160px;
}

.header-special
{
	position:absolute;
	left:0;
	top:100px;
}

}

@media screen and ( min-width: 1500px) {

	.header-special
	{
		top:130px;
	}
}

@media screen {

/* ----------------------- Navigation ----------------------- */
.mobile-login
{
	position: absolute;
	right: 38px;
	top: 30px;
	width: 32px;
	cursor: hand;
	cursor: pointer;
}

.mobileNav-opener {
	position: absolute;
	left: 38px;
	top: 34px;
	width: 32px;
	cursor: hand;
	cursor: pointer;
	z-index:50;
}

}


@media screen and ( max-width: 420px) {
	.mobile-login
	{
		right: 20px;
	}

	.mobileNav-opener {
		left: 20px;
	}
}

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


	.hidden-mobile
	{
		display:none;
	}

	.mobileNav-opener.is-active
	{
		height:32px;
		top:36px;
	}

	.mobileNav-opener.is-active .line
	{
		opacity:0;
		top:6px;
		background-color: #000000;
	}

	.mobileNav-opener.is-active .line:first-child
	{   
		opacity:1;
		transform: rotate(45deg);
    	position: absolute;
	}

	.mobileNav-opener.is-active .line:last-child
	{   
		opacity:1;
		transform: rotate(-45deg);
    	position: absolute;
	}

	.mobileNav-opener .line {
		background-color: #000000;
		height: 2px;
		width: 100%;
		margin-bottom: 9px;
		transition:all 0.2s;
	}

	div#overlay
	{
		z-index:10;
		display:none;
		position:fixed;
		background-color:rgba(0,0,0,0.7);
		top:0;right:0;bottom:0;left:0;
		width:100vw;
		height:100vh;
		cursor:pointer;cursor:hand;
	}

	div.scroller {
		position:relative;
	    overflow-y: scroll;
	    overflow-x: hidden;
	    height: 100%;
	    padding: 12px 0;
	    width: calc(100% + 15px);
	    height: calc(100vh - 24px);
	}

	#main {
	    position: fixed;
	    z-index: 20;
	    left: 0;
	    top:0;
	    width: 0px;
	    min-height: 100vh;
	    background-color: #dde4ee;
	    overflow: hidden;
	}

	#main .slideable
	{
		position:absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;
	}

	#main > div > div > ul
	{
		margin-top:71px;
		list-style: none;
		border-top:1px solid #acadca;
		width:300px;
		background-color:#FFFFFF;
	}

	#main > div > div > ul > li
	{
		position:static;
	}


	#main > div > div > ul > li > a
	{
		padding:10px 0;
		border-bottom:1px solid #505176;
	}

	#main li.current > a
	{
		color:#505176;
	}


	#main > div > div > ul > li > a
	{
		display:inline-block;
		padding-left:12px;
	}

	#main li a
	{
		position:relative;
		display:block;
		width:100%;
		height:100%;
	}

	/* Triangle mit schwarz */
	#main li.sub > a:after
	{
		z-index:1;
		content:'';
		position:absolute;
		right:25px;
		top:13px;
		cursor:pointer;cursor:hand;
		
		border-top: 10px solid transparent;
  		border-bottom: 10px solid transparent;
  		border-left: 10px solid #505176;
  		transition:all 0.2s;
	}

	/* Triangle mit Weiss abdecken, damit ein Pfeil entsteht */
	#main li.sub > a:before
	{
		z-index:2;
		content:'';
		position:absolute;
		right:28px;
		top:13px;
		cursor:pointer;cursor:hand;
		
		border-top: 10px solid transparent;
  		border-bottom: 10px solid transparent;
  		border-left: 10px solid #FFF;
  		transition:all 0.2s;

	}

/*	#main li.sub > a.aktiv:after
	{
  		border-left: 10px solid #FFFFFF;
	}

	#main li.sub > a.aktiv:before
	{
  		border-left: 10px solid #acadca;
	}*/

	#main a
	{
		box-sizing: border-box;
	}

	#main .static-navigation .aktiv
	{
		color:#ACADC8 !important;
	}

	/* Triangle mit schwarz */

	#main li.back > a
	{
		padding-left:40px;
		padding-top:26px;
		padding-bottom:26px;
		background-color:#dde4ee;
		color:#000000;
	}

	#main li.back > a:after
	{
		z-index:1;
		content:'';
		position:absolute;
		left:15px;
		top:33px;
		cursor:pointer;cursor:hand;
		
		border-top: 10px solid transparent;
  		border-bottom: 10px solid transparent;
  		border-right: 10px solid #000000;
  		transition:all 0.2s;
	}

	/* Triangle mit Weiss abdecken, damit ein Pfeil entsteht */
	#main li.back > a:before
	{
		z-index:2;
		content:'';
		position:absolute;
		left:18px;
		top:33px;
		cursor:pointer;cursor:hand;
		
		border-top: 10px solid transparent;
  		border-bottom: 10px solid transparent;
  		border-right: 10px solid #dde4ee;
  		transition:all 0.2s;

	}


	#main > div > div > ul > li > ul
	{
		z-index:60;
		position:absolute;
		top:0;
		left:300px;
		width:300px;
		list-style: none;
		z-index:1;
		display:none;
		border-bottom:1px solid #acadca;
		background-color:#FFFFFF;
	}

	#main > div > div > ul > li.is-active > ul
	{
		display:block;
	}

	#main > div > div > ul > li > ul > li > a
	{
		border-top:1px solid #acadca;
		padding:10px 0;
	}

	#main > div > div > ul > li > ul > li.sub:before, #main > div > div > ul > li > ul > li.sub:after
	{
		display:none;
	}

	#main > div > div > ul > li > ul > li > a
	{
		display:inline-block;
		padding-left:12px;
	}


	/* 3. Ebene */
	#main > div > div > ul > li > ul > li > ul
	{
		z-index:50;
		display:none;
		list-style: none;
		position:absolute;
		top:0;
		left:300px;
		width:300px;
		background-color:#FFFFFF;
	}

	#main > div > div > ul > li > ul > li.is-active > ul
	{
		display:block;
	}

	#main > div > div > ul > li > ul > li > ul > li > a
	{
		border-top:1px solid #acadca;
		padding:10px 0;
	}

	#main > div > div > ul > li > ul > li > ul > li > a
	{
		display:inline-block;
		padding-left:12px;
	}



	#main ul.static-navigation
	{
		margin-top:0 !important;
		margin-bottom:10px;
		border-top:0 !important;
	}

	#main li.static-navigation > a
	{
		display:inline-block;
		width:24%;
		text-align:center;
		padding-left:0;
		border-bottom:0 !important;
	}

	#main li.static-navigation
	{
		border-bottom:1px solid #505176;
	}

	.socialicons
	{
		position:relative;
		padding-bottom:0;
		padding-left:24px;
		width: 300px;
    	box-sizing: border-box;
	}

	.socialicons a
	{
		display:inline-block;
	    width: 80px;
	    padding: 5px 30px 30px 30px;
	}

}


@media screen and ( min-width: 700px) {
	nav#sprache {
		position:fixed;
		top:0.75em;
		right:1em;
		z-index:20;
		text-transform:uppercase;
	}

	#spalte-alles nav#sprache
	{
		position:absolute;
	}

	.mobile-login, .socialicons
	{
		display:none;
	}

	header
	{
		text-align:left;
	}

	header img
	{
		width:auto;
	}

	#main li.back
	{
		display:none;
	}

	.hidden-desktop
	{
		display:none;
	}

	nav#sprache h3 {
		display: inline;
	}

	nav#sprache .socialIconsNav img {
		height: 18px;
		width: 18px;
		position: relative;
		bottom: -2px;
	}

	nav#sprache a:link,
	nav#sprache a:visited,
	nav#sprache a:active {
		color: #000;
		text-decoration:none;
		font-size: 1.1em;
		font-weight:400;
		padding: 0.25em 0.3em 0.25em 0.3em;
		background-color:none;
	}

	nav#sprache li:nth-of-type(2) {
		margin-right: 1em;
	}

	nav#sprache li:nth-of-type(6) {
		margin-right: 1em;
	}

	nav#sprache li.socialIconsNav {
		margin-right: 0;
	}








	nav#main {
		margin:3em 0 4em 0;
		text-transform:uppercase;
		width:800px
	}

	nav ul {
		list-style-type:none;
		z-index:100;
		margin-top:1px;
	}

	nav ul li {
		float:left;
		padding:0;
	}

	nav ul li.last {
		float:left;
		margin:0 0 0 0;
	}

	nav a:link,
	nav a:visited,
	nav a:active {
		color: #000;
		text-decoration:none;
		font-size:1em;
		font-weight:400;
		padding:0.25em 0.5em 0.25em 0.5em;
		background-color:none;
	}

	nav#main li.sub:hover a {
		color:#000;
		background-color:#acadca;
		text-decoration:none;
		-webkit-transition: none;
		transition: none;
	}


	nav ul > li > ul > li.last
	{
		float: none;
	    clear: left;
	    z-index: 100;
	    padding-right: 20px;
	    position: relative;
	}
}

@media screen {

article ul
{
	list-style-type: disc;
	margin-left:35px
}

}

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

	article ul
	{
		font-size:1em;
	}
}

/* ----------------------- Subnavigation ----------------------- */

@media screen and ( min-width: 700px) {

	nav li{
		white-space: nowrap;
	}

	nav ul li ul {
		position:absolute;
		background-color:#acadca;
		text-transform:none;
		font-size:0.95em;
		display:none;
	}


	nav#main li.sub:hover ul {
		display:block;
	}


	nav ul li ul li {
		float: none;
		clear:left;
		z-index:100;
		padding-right: 20px;
		position:relative;
	}

	nav li:hover, nav li:hover > a
	{
		background-color:#d8d8e5 !important;
	}

	nav ul li ul li a:link,
	nav ul li ul li a:visited,
	nav ul li ul li a:active {
		padding-top: 0!important;
		padding-bottom: 0!important;
		padding-right: 0!important;
		display: block;
		color: #000;
		text-decoration:none;
	}

	/*nav ul li ul li a:hover {
		text-decoration:underline !important;
	}*/

	nav ul li ul li.first a{
		padding-top: 5px!important;
	}

	nav ul li ul li.last a {
		padding-bottom: 5px!important;
	}

	nav ul li ul li.sub
	{
		background-image:url('../bilder/arrow-nav.png');
		background-repeat:no-repeat;
		background-size:7px 12px;
		background-position:96% center;
	}

	nav ul li ul li ul
	{
		display:none !important;
		width: auto;
		position:absolute;
		left:100%;
		top:0;
		background-color:#9597b8;

	}

	nav ul li ul li ul li
	{
		width:100%;
	}

	nav ul li ul li ul li.first a
	{
		padding-top:0 !important;
	}


	nav ul li ul li ul li.last a
	{
		padding-bottom:0 !important;
	}


	nav ul li ul li ul li a, nav ul li ul li ul li
	{
		background-color:#9597b8 !important;
	}
	/*
	nav ul li ul li ul li
	{
		min-width:180px;
	}*/

	nav ul li ul li:hover ul
	{
		display:block !important;
	}
}


/* ----------------------- Mobilenavigation ----------------------- */

@media screen {

.styled-select select {
	display:none;
}

}

/* ----------------------- Slider ---------------------- */


@media screen and ( min-width: 700px) {
	.nSlider
	{
		margin-bottom:40px;
	}
}

@media screen {

.nSlider
{
	width:100%;
	position:relative;
	box-sizing: border-box;
	margin-bottom:10px;
}

.nSlider + p
{
	display:none;
}

.nSlider *
{
	box-sizing:border-box;
}


.nSlider-content
{
	overflow:hidden;
}

.nSlider-control
{
	text-align:center;
	width:100%;
	list-style:none;
	margin-top:10px;
	margin-left:0 !important;
}

.nSlider-control li
{
	display:inline-block;
	background-color:#d8d8e5;
	width:30px;
	height:15px;
	margin-left:4px;
	margin-right:4px;
	color:#FFF;
	cursor:pointer;cursor:hand;
	transition:background-color 0.2s;
	font-size:12px;
	line-height:20px;
}

.nSlider-control li.is-active
{
	background-color:#acadca;
}

ul.nSlider-content-list
{
	list-style-image:none !important;
	list-style-type:none;
	position:relative;
	width:100%;
	margin-left:0 !important;
	padding-top:calc(61.6% + 30px);
}

li.nSlider-content-list-item
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

div.nSlider-content-list-item-image
{
	position:relative;
	overflow:hidden;
	padding-top:61.6%;
}

div.nSlider-content-list-item-image img
{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}

.nSlider-content-list-item-title, .nSlider-content-list-item-subtitle
{
	position:absolute;
	width:100%;
	left:0;
	color:white;
	text-align:left;
}

.nSlider-content-list-item-title
{
	bottom:0;
	font-size:36px;
	line-height:45px;
	border-left:10px solid rgba(199,0,82,0);
	border-right:70px solid transparent;
	top:0px
}

.nSlider-content-list-item-title span
{
	background-color:rgba(199,0,82,0.7);
	box-shadow: 10px 0 0 rgba(199,0,82,0.7), -10px 0 0 rgba(199,0,82,0.7);
	box-decoration-break: clone;
}

.nSlider-content-list-item-subtitle
{
	bottom:-30px;
	font-size:16px;
	padding:3px 10px;
	background-color:#000;
}


div.nSlider-arrow
{
	display:none;
	position:absolute;
	top:35%;
	z-index:10;
	cursor:pointer;
}

}

@media screen AND (min-width: 700px){

	div.nSlider-arrow
	{
		display:block;
	}
}

@media screen {

div.nSlider-arrow img
{
	width:24px;
	opacity:0.5;

	transition:opacity 0.2s;
	/*display:none;*/
}

div.nSlider-arrow:hover img
{
	/*display:block;*/
	opacity:1;
}

div.nSlider-arrow.prev
{
	left:-50px;
	padding-left:6px;
}
div.nSlider-arrow.next
{
	right:-50px;
	padding-right:6px;
}
div.nSlider-arrow.next img
{
	float:right;
}



/* ----------------------- News-Liste ------------------ */

ul.newsList
{
	list-style:none;
	margin-left:0;
}

.newsList h1, .newsList h1 a
{
	color: #000;
    font-size: 1.2em;
    font-weight: 200;
    line-height: 30px;
    margin: 0;
    text-decoration: none;
	margin-bottom:10px
	
}

.newsList h1 a:hover
{
	color:#000;
}

li.newsList-item
{
	margin-bottom:30px;
	border-top:solid 1px #ccc;
	padding-top:10px
}

li.newsList-item:last-child
{
	border-bottom:solid 1px #ccc;
	padding-bottom:28px;
}

.newsList-item-title, .newsList-item-title a
{
	font-size:1.3em;
}

.newsList-item-subtitle
{
	font-weight: 400;
}

.newsList-item-subtitle:after
{
	content:'';
	clear:both;
	display:table;
}

.newsList-item-subtitle span
{
	float:left;
}

.newsList-item-subtitle-date
{
	float:left;
	font-weight:100;
	display:inline-block;
	padding-left:10px;
	padding-top:2px;
	font-size:12px;
}

.item-subtitle
{
	font-weight: 400;
}
.item-subtitle:after
{
	content:'';
	clear:both;
	display:table;
}

.item-subtitle span
{
	float:left;
}

.item-subtitle-date
{
	float:left;
	font-weight:100;
	display:inline-block;
	padding-left:10px;
	padding-top:2px;
	font-size:12px;
}

div.newsList-item-content:after {
  content:"";
  display:table;
  clear:both;
}

.newsList-item-content-text, .newsList-item-content-image, .newsList-item-content-image img
{
	width:100%;
}

}

@media screen AND (min-width: 700px){
	.newsList-item-content-image, .newsList-item-content-text
	{
		float:left;
	}

	.newsList-item-content-image
	{
		width:35.3448275862069%;
		margin-right:2.586206896551724%;
	}

	.newsList-item-content-text
	{
		width:62.06896551724138%;
	}
}

@media screen {

.newsList-item-categories a
{
	display:inline-block;
	color:#FFF !important;
	background-color:#a6a7bf;
	font-size:12px;
	padding:0 5px;
	margin-right:5px;
	line-height:18px;
	transition:background-color 0.25s;
}

.newsList-item-categories a:hover
{
	text-decoration:none;
	background-color:#7c7ea6;
}

.item-categories a
{
	display:inline-block;
	color:#FFF;
	background-color:#a6a7bf;
	font-size:10px;
	padding:0 5px;
	margin-right:5px;
	line-height:18px;
	transition:background-color 0.25s;
}

.item-categories a:hover
{
	text-decoration:none;
	background-color:#7c7ea6;
}


.newsList-item-content-text-content,
.newsList-item-content-text-content p {
	line-height: 1.3;
	margin-bottom: 0;
}

.newsList-item-content-text-content-link {
	display: block;
	margin-top: 11px;
}


/* ----------------------- Image ----------------------- */

figure#image {
	width: 45%;
	height:100%;
	overflow:hidden;
	position:fixed;
	background-image:url(../bilder/image/joseph-f-achermann.png);
	background-repeat:no-repeat;
	background-size:auto 100%;
	z-index:10;
}

aside {
	position:fixed;
	margin:0 0 0 5%;
	bottom:5%;
	z-index:30;
}

aside h2 {
	background-color:#cd0150;
	padding:0.5em;
	margin:0 0.75em 0.25em 0;
	white-space:nowrap;
}

aside h3 {
	background-color:#cd0150;
	padding:0.5em;
	margin:0 0 0 3em;
}


/* ----------------------- NL-Form ----------------------- */

div.form
{
	width:100%;
	padding:27px 19px;
	margin-top:65px;
	background-color:#c70051;
	box-sizing:border-box;
	color:#FFF;
}

div.form:after {
  content:"";
  display:table;
  clear:both;
}


div.form *
{
	box-sizing:border-box;
}

div.form h1
{
	margin-bottom:0;
}

div.form .left-column, div.form .right-column
{
	float:left;
	width:50%;
}
div.form .left-column
{
	padding-right:20px;

}

div.form .full-column label
{
	padding-top:90px;
}

div.form .full-column .searchfield
{
	width:75%;
	float:left;
}

div.form .full-column .search-submit
{
	width:25%;
	float:left;
	margin-top:0;
	height:50px;

}

div.form h1
{
	color:#FFF;
}

div.form.no-title
{
	padding-top:15px;
	margin-bottom:43px;	
	margin-top:30px;
}
div.form.no-title label
{
	margin-top:0;	
}

.form .required-description
{
	margin-top:42px;
}


.form input[type='text'], .form input[type='email'], .form select
{
	outline: none;  
	  -webkit-appearance:none;
	  -moz-appearance:none;
	  -o-appearance:none;
	   appearance:none; 
	border:0;
	border-radius:0;
	height:50px;
	width:100%;
	font-size:16px;
	padding:10px;
}

.form select::-ms-expand{
  display:none;
}

.form select
{
	background-color:#000;
	color:#FFF;
	background-image: url(../bilder/arrow-select.png);
	background-position:92% center;
	background-repeat:no-repeat;
	background-size:20px 10px;
	cursor:hand;cursor:pointer;
}


.form input[type="submit"]
{
	border-radius:0;
	outline: none;
	-webkit-appearance: none;
	background-color:#000;
	color:#FFF;
	border:0;
	font-size:16px;
	padding:12px;
	margin-top:29px;
	cursor:pointer; cursor:hand;
}

.form label
{
	display:block;
	margin-top:15px;
	margin-bottom:5px;
}

/* ----------------------- Kontakt ----------------------- */

.ad-container, .ad-container *
{
	box-sizing: border-box;
}

.ad-title
{
	display:block;
	width:100%;
	font-size:12px;
	font-weight:bold;
}

.ad-container
{
	margin-top:48px;
	counter-reset: counter;
}

.ad-container:after {
  content:"";
  display:table;
  clear:both;
}

.ad
{
	float:left;
	width:calc(50% - 12px);
	margin-bottom:24px;
	position: relative;
}

.ad .ad-badge
{
	position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    font-size: 11px;
    color: #ffffff;
    line-height: 14px;
    padding: 2px 7px 2px 7px;
    background-color: #333333;
}

.is-big
{
	width:100%;
}

.ad-container div:nth-of-type(2n+1)
{
	margin-right:12px;
	margin-left:0;
}

.ad-container div:nth-of-type(2n + 2)
{
	margin-left:12px;
	margin-right:0;
}

.ad img
{
	width:100%;
}

/* ----------------------- Kontakt ----------------------- */

form p {
	margin:0 0 1em 0;
}

input.feld {
	width:100%;
	height:2.5em;
	border:none;
	background-color:#dadceb;
	color:#000;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:1.25em;
	font-weight:400;
	outline:none;
	padding:0em 0.5em 0em 0.5em;
	margin:0.25em 0.25em 0 0;
	text-align:left;
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	-webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
	vertical-align:middle;
}

input.feld:hover,
input.feld:focus {
	background-color:#fff;
	color:#000;
	-webkit-transition: color 0.25s, background-color 0.25s;
	   -moz-transition: color 0.25s, background-color 0.25s;
		 -o-transition: color 0.25s, background-color 0.25s;
			transition: color 0.25s, background-color 0.25s;
}

textarea.feld {
	width:100%;
	height:5em;
	border:none;
	background-color:#dadceb;
	color:#000;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:1.25em;
	font-weight:400;
	outline:none;
	padding:0.5em 0.5em 0.5em 0.5em;
	margin:0.25em 0em 0 0;
	text-align:left;
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	-webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}

textarea.feld:hover,
textarea.feld:focus {
	background-color:#fff;
	color:#000;
	-webkit-transition: color 0.25s, background-color 0.25s;
	   -moz-transition: color 0.25s, background-color 0.25s;
		 -o-transition: color 0.25s, background-color 0.25s;
			transition: color 0.25s, background-color 0.25s;
}



.submitbutton,
.button {
	width:auto;
	height:2.5em;
	margin:0.5em 0 0 0em;
	padding:0 1em 0 1em;
	border:none;
	background-color:#000;
	color:#c3c5db;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:1em;
	font-weight:800;
	vertical-align:middle;
	cursor:pointer;
	outline:none;
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	-webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}

.submitbutton:hover,
.button:hover,
.upload .uploader .qq-uploader:hover,
.uploader .qq-upload-drop-area:hover {
	background-color:#000;
	color:#fff;
	-webkit-transition: color 0.25s, background-color 0.25s;
	   -moz-transition: color 0.25s, background-color 0.25s;
		 -o-transition: color 0.25s, background-color 0.25s;
			transition: color 0.25s, background-color 0.25s;
}




input.error {
	background-color:#ffd0d0 !important;
	border:0px solid #700101 !important;
}

p.error {
	font-weight:400;
	color:#ff0000;
	background-color:#ffd0d0;
	width:100%;
	padding:0.525em;
}

p.erfolg {
	font-weight:400;
	color:#000;
	background-color:#dadceb;
	padding:0.525em;
	width:95%;
	font-size:2.25em;
	line-height:1.5em;
	font-weight:300;
}



}


/* *********************** Responsive *********************** */

@media screen and ( min-width: 1500px) {

	html, body {
		font-size:1.2em;
	}

}


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

	h2 {
		font-size:2em;
	}

}

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

	#spalte-1 {
		width:95%;
		clear:left;
		margin:0 0 4em 0;
	}

	#spalte-2 {
		width:95%;
		clear:left;
	}


}


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

	h2 {
		font-size:1.5em;
	}

	h3 {
		font-size:0.75em;
	}

	#galerie article.liste {
		width:47%;
	}

}


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

	#spalte-links {
		float: none;
		width:auto;
		max-width:100%;
		clear:left;
		margin:0 2em 0em 2em;
	}

	#spalte-rechts {
		display:none;
		float: none;
		width:auto;
		clear:right;
		margin:0 2em 0em 2em;
		min-height:auto;
	}

	figure#image {
		position:relative;
		margin:3em 0 0 0;
		top:auto;
		background-size:100%;
	}

	aside {
		position:absolute;
		margin:-10em auto;
		bottom:auto;
	}


	nav a:link,
	nav a:visited,
	nav a:active {
		color: #000;
		text-decoration:none;
		font-size:1.25em;
		font-weight:400;
	}

	h2 {
		font-size:2em;
	}

	h3 {
		line-height:1.25em;
	}

	nav#sprache {
		position:absolute;
	}

	article {
		margin:0 0 0em 0;
	}

}

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

	figure#image {
		background-image:url(../bilder/image-kl/joseph-f-achermann.png);
	}

	aside {
		margin: -6.5em auto;
	}

	.styled-select select {
		display:inherit;
		background:transparent;
		width: 100%;
		padding: 0.25em 0.25em 0.15em 0.5em;
		font-size: 1.1em;
		line-height: 1;
		border: none;
		height: 2.2em;
		-webkit-appearance: none;
		outline:none;
		cursor:pointer;
	    text-indent: 0.01px;
	    text-overflow: '';
	}
	   
	.styled-select {
		width: 100%;
		height: 2.2em;
		overflow: hidden;
		background: url(../bilder/arrow_select.png) no-repeat right #d8e1f1;
		border: none;
	}

	article {
		margin-top:1em;
	}

	#galerie article.liste {
		width:100%;
		margin:0 0 2em 0;
		max-width:auto;
	}

	#galerie {
		margin:3em 0 0 0;
	}

	#spalte-1 {
		margin:0 0 4em 0;
	}

	.spalte-1 {
		width:98%;
		clear:left;
	}

	.spalte-2 {
		width:98%;
		clear:left;
	}


}


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

	#spalte-links {
		margin:0 1em 0em 1em;
	}

	#spalte-rechts {
		margin:0 1em 0em 1em;
	}

	h2 {
		font-size:1.5em;
	}

	h3 {
		font-size:0.9em;
	}

	p {
		font-size:1em;
		line-height:1.4em;
	}


}

.inline-galerie {
	width: 100%;
}
.inline-galerie:after {
 content:"";
 display:table;
 clear:both;
}
.inline-galerie img.inline-galerie-item {
	display: none;
	width: 100%;
	position: absolute;
	top: 0;
  	bottom: 0;
  	right: 0;
  	left: 0;
}
.inline-galerie a:nth-child(2n) {
	margin-left: 12px;
}
.inline-galerie a {
	width: 45%;
	width: calc(50% - 6px);
	float: left;
	display: block;
	margin-top: 12px;
  	display: inline-block;
  	position: relative;
  	background-color: #d8d8e5;
}
.inline-galerie a:after {
  padding-top: 61.63%;
  /* 16:9 ratio */
  display: block;
  content: '';
}
.inline-galerie a:first-child,
.inline-galerie a:nth-child(2){
	margin-top: 0;
}

@media screen and ( max-width: 850px) {
	.inline-galerie a {
		width: 100%;
		clear: both;
		float: none;
	}
	.inline-galerie img {
		width: 100%;
	}
	.inline-galerie a:nth-child(2n) {
		margin-left: 0;
	}
	.inline-galerie a:nth-child(2) {
		margin-top: 12px;
	}
}


.paginationWrapper {
	padding-top: 36px;
}

.pagination {
	list-style-type: none;
	margin-left: 0;
}

.paginationItem {
	margin-right: 7px;
	float: left;
}

.paginationItem a.is-active {
	background-color: #acadca;
	color: black;
}

.infinitescroll-loader {
	height: 50px;
	margin-top: 36px;
	width: 100%;
	background-color: #a6a7bf;
	background-image: url('../assets/loading-infinite.gif');
	background-position: center;
	background-repeat: no-repeat;
}

.infinitescroll-target .newsList {
	margin-top: 36px;
}
.social_share {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 10px 0 5px 0;
	margin-top: 20px;
	margin-bottom: 20px;
}
.social_share:after {
	content: "";
	display: table;
	clear: both;
}
.social_share .title {
	float: left; 
	font-size: 80%; 
	line-height: 150%; 
	padding-right: 20px
}
.social_share .buttons {
	float: left;
}