/*
Theme Name: Sternenplatz
Theme URI: http://www.bytesbones.ch
Author: Klaus Affolter
Author URI: http://www.bytesbones.ch
Description: Wordpress-Theme von bytes & bones.
Version: 1.1
Tags: none
Text Domain: bytes & bones
*/


/* Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

html {
	overflow:hidden;
	overflow-y:scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
:focus {
	outline:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
td {
	vertical-align: top;
}
sup {
	font-size:11px;
	vertical-align:top;
	padding-left:3px;
	padding-right:3px;
}
img {
	margin:0px;
	padding:0px;
	vertical-align: bottom;
}


/* schriften
-------------------------------------------------------------- */
@font-face {
    font-family: 'OpenSansLight';
    src: url('bb-schriften/OpenSans-Light-webfont.eot');
    src: url('bb-schriften/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('bb-schriften/OpenSans-Light-webfont.woff') format('woff'),
         url('bb-schriften/OpenSans-Light-webfont.ttf') format('truetype'),
         url('bb-schriften/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('bb-schriften/OpenSans-Regular-webfont.eot');
    src: url('bb-schriften/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('bb-schriften/OpenSans-Regular-webfont.woff') format('woff'),
         url('bb-schriften/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('bb-schriften/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('bb-schriften/OpenSans-Semibold-webfont.eot');
    src: url('bb-schriften/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('bb-schriften/OpenSans-Semibold-webfont.woff') format('woff'),
         url('bb-schriften/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('bb-schriften/OpenSans-Semibold-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'OpenSansBold';
    src: url('bb-schriften/OpenSans-Bold-webfont.eot');
    src: url('bb-schriften/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('bb-schriften/OpenSans-Bold-webfont.woff') format('woff'),
         url('bb-schriften/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('bb-schriften/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*padding egalisieren*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*wartung*/
.xdiv {
	outline:1px solid #eee;
}

/* Layout
-------------------------------------------------------------- */

body {
	margin:0px;
	padding:0px;
	background:#fff;
}
.konsole {
	position:relative;
	top:0px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:0px 20px 0px 20px;
	background:#fff;
	z-index:101;
   	-webkit-transition: all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.kopf {
	width:100%;
	display:block;
	overflow:hidden;
	background:#fff;
}
.site-content {
	clear:both;
	position:relative;
	top:0px;
	width:100%;
	background:rgb(249,249,245);
}
.inhalt, .fusszeileTXT {
	clear:both;
	position:relative;
	top:0px;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}
.inhalt .links {
	float:left;
	width:480px;
	padding-top:54px;
	display:block;
	margin-right:10px;
}
.inhalt .rechts {
	float:left;
	width:534px;
	padding-top:60px;
	padding-bottom:60px;
	display:block;
}
.inhalt .rechts.abstandkurz {
	/*padding-bottom:18px;*/
}
.clearer {
	clear:both;
	height:0px;
	width:100%;
	overflow:hidden;
}
.fusszeilen {
	clear:both;
	width:100%;
	padding-bottom:100px;
	background:rgb(45,51,89);/* wie fusszeile-3 */
}
.stoerer {
	width:100%;
	background:rgb(45,51,89);/* wie fusszeile-3 */
}

/* generelle textfarbe
-------------------------------------------------------------- */
.inhalt {
	color:rgb(51,51,51);
}
.stoerer .inhalt {
	color:#fff;
}


/* kopfzeile
-------------------------------------------------------------- */
.kopf .hauptnav {
	float:left;
	display:inline-block;
	margin-top:103px;
	margin-left:80px;
}
.kopf .logo {
	height:70px;
	width:300px;
	margin-top:60px;
	margin-right:40px;
	margin-bottom:45px;
	display:block;
	background:url(images/logo-sternenplatz.png);
	background-repeat:no-repeat;
	background-size:auto 66px;
	background-position:right top;
	float:right;
}
.bannerbild-container {
	position:relative;
	width:100%;
	height:55vm;/*ie 9*/
	height:55vmin;
	display:block;
	overflow:hidden;
   	-webkit-transition: height 0.4s ease-out;
	-moz-transition: height 0.4s ease-out;
	transition: height 0.4s ease-out;
}
.bannerbild {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	display:block;
	opacity:1;
   	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}	
.bannerbild.unsichtbar {
	opacity:0;
   	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}	
.xxkopf .bannerbild-container {
	clear:both;
	width:100%;
	max-height:545px;
	overflow:hidden;
   	-webkit-transition: all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.xxkopf .bannerbild-container img {
	width:100%;
	height:auto;
}
a.stoerer-button {
	position:absolute;
	right:70px;
	bottom:70px;
	height:180px;
	width:180px;
	display:block;
	z-index:100;
	text-decoration:none;
	background:url(images/stoerer-sternenplatz-2023-2.png?ver=1.2);
	background:url(images/stoerer-sternenplatz-2023-2.svg?ver=1.2), linear-gradient(transparent, transparent);
	background-repeat:no-repeat;
	background-size:100% auto;
}
	


/* fusszeilen (textformate weiter unten)
-------------------------------------------------------------- */
.fusszeile {
	width:100%;
	padding:60px 0px 42px 0px;
}

.fusszeile-1 {
	color:#fff;
	background:rgb(113,140,172);	
}
.fusszeile-2 {
	color:rgb(51,51,51);
	background:rgb(213,225,239);
}
.fusszeile-3 {
	color:#fff;
	background:rgb(45,51,89);
}

/* spalten */
.fusszeileTXT.spalten-2 .spalte {
	width:496px;
	margin-right:32px;
	float:left;
	border:0;
}
.fusszeileTXT.spalten-3 .spalte {
	width:380px;
	margin-right:32px;
	float:left;
	border:0;
}
.fusszeileTXT.spalten-3 .spalte-3 {
	width:200px;
	margin-right:32px;
	float:left;
	border:0;
}

.fusszeileTXT.spalten-1 .spalte-1, .fusszeileTXT.spalten-2 .spalte-2, .fusszeileTXT.spalten-3 .spalte-3 {
	margin-right:0px;
}
/* logos */
.fusszeileTXT.spalten-3 .spalte-2 a {
	display:inline-block;
	vertical-align:middle;
	margin-bottom:12px;
	margin-top:7px;
}
.fusszeileTXT.spalten-3 .spalte-2 a:nth-of-type(2) {
	margin-top:-16px;
}
.fusszeileTXT.spalten-3 .spalte-2 a:nth-of-type(3) {
	margin-top:3px;
}

/* team
-------------------------------------------------------------- */
.personcontainer {
	width:100%;
	padding:70px 0px 70px 0px;
	clear:both;
}
.personlead {
	width:482px;/* 1024 / 2 - 60px */
}	
.personbild {
	width:340px;
	height:340px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow:hidden;
   	-webkit-transition: width 1s ease-out, height 1s ease-out;
	-moz-transition: width 1s ease-out, height 1s ease-out;
	transition: width 1s ease-out, height 1s ease-out;
}
.personbild img {
	width:100%;
	height:auto;
   	-webkit-transition: width 1s ease-out;
	-moz-transition: width 1s ease-out;
	transition: width 1s ease-out;
}
.personlead-1, .personlead-3, .personlead-5, .personlead-7, .personlead-9, .personlead-11, .personlead-13, .personlead-15, .personlead-17, .personlead-19 {
	float:left;
}
.personbild-1, .personbild-3, .personbild-5, .personbild-7, .personbild-9, .personbild-11, .personbild-13, .personbild-15, .personbild-17, .personbild-19 {
	float:right;
	margin-right:71px;
}
.personlead-2, .personlead-4, .personlead-6, .personlead-8, .personlead-10, .personlead-12, .personlead-14, .personlead-16, .personlead-18, .personlead-20 {
	float:right;
}
.personbild-2, .personbild-4, .personbild-6, .personbild-8, .personbild-10, .personbild-12, .personbild-14, .personbild-16, .personbild-18, .personbild-20 {
	float:left;
	margin-left:71px;
}
.immer-links {
	float:left;
}

.personTXT {
	display:none;
	clear:both;
}
.abstand {
	height:24px;
	width:100%;
	display:block;
	overflow:hidden;	
}


.morebutton {
	cursor:pointer;
	display:inline-block;
	margin-top:50px;
	padding:8px 40px 8px 12px;
	color:rgb(87,104,134);
	border:1px solid rgb(87,104,134);
	background:url(images/oeffnen-schliessen.png?ver=1.1);
	background-repeat:no-repeat;
	background-size:28px auto;
	background-position:right -30px;
}
.personcontainer-2 .morebutton, .personcontainer-5 .morebutton, .personcontainer-8 .morebutton, .personcontainer-11 .morebutton, .personcontainer-14 .morebutton, .personcontainer-17 .morebutton, .personcontainer-20 .morebutton {
	color:rgb(249,249,245);
	border:1px solid rgb(249,249,245);
	background-position:right -96px;
}
.morebutton-offen {
	background-position:right 6px;
}
.personcontainer-2 .morebutton-offen, .personcontainer-5 .morebutton-offen, .personcontainer-8 .morebutton-offen, .personcontainer-11 .morebutton-offen, .personcontainer-14 .morebutton-offen, .personcontainer-17 .morebutton-offen, .personcontainer-20 .morebutton-offen {
	background-position:right -60px;
}



.personcontainer-1, .personcontainer-4, .personcontainer-7, .personcontainer-10, .personcontainer-13, .personcontainer-16, .personcontainer-19, .personcontainer-22 {
	background:rgb(249,249,245);
}
.personcontainer-2, .personcontainer-5, .personcontainer-8, .personcontainer-11, .personcontainer-14, .personcontainer-17, .personcontainer-20, .personcontainer-23 {
	background:rgb(148,143,140);
}
.personcontainer-2 .inhalt, .personcontainer-5 .inhalt, .personcontainer-8 .inhalt, .personcontainer-11 .inhalt, .personcontainer-14 .inhalt, .personcontainer-17 .inhalt, .personcontainer-20 .inhalt, .personcontainer-23 .inhalt {
	color:rgb(249,249,245);
}
.personcontainer-3, .personcontainer-6, .personcontainer-9, .personcontainer-12, .personcontainer-15, .personcontainer-18, .personcontainer-21, .personcontainer-24 {
	background:rgb(213,225,239);
}


/* Textformate
-------------------------------------------------------------- */
body, td {
	font:20px/28px OpenSansRegular,sans-serif;
}
h1 {
	font:50px/58px OpenSansLight,sans-serif;
	font-weight:normal;
	margin-bottom:18px;
	letter-spacing:0.05em;
}	
h2 {
	font:20px/28px OpenSansBold,sans-serif;
	font-weight:normal;
	margin-top:32px;
	margin-bottom:18px;
}	
.personcontainer h2 {
	font:30px/38px OpenSansLight,sans-serif;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:18px;
	letter-spacing:0.05em;
}	
h3 {
	font:20px/24px OpenSansBold,sans-serif;
	font-weight:normal;
	margin-top:24px;
	margin-bottom:18px;
}

h4 {
	font:20px/24px OpenSansBold,sans-serif;
	font-weight:normal;
	margin-top:24px;
	margin-bottom:0px;
}

.site-content p, .stoerer p {
	margin-bottom:18px;
}

.site-content ul {
	margin-bottom:18px;
    list-style: url(images/aufzaehlung.png?ver=1.1) outside none; 
    margin-left: 0; 
    padding-left: 1em;
}
.site-content ul li {
	padding-left:0;
}
.site-content ol {
	margin-bottom:18px;
	margin-left:36px;
}
strong {
    font-family: 'OpenSansBold';
	font-weight:normal;
}

.fusszeileTXT h1 {
	margin-top:0px;
	margin-bottom:0px;
}
.fusszeileTXT h2 {
	font:40px/48px OpenSansSemibold,sans-serif;
	letter-spacing:0.05em;
	font-weight:normal;
	margin-top:84px;
	margin-bottom:0px;
}
.fusszeileTXT h3 {
	font:40px/48px OpenSansSemibold,sans-serif;
	letter-spacing:0.05em;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
}
.fusszeileTXT p {
	margin-bottom:18px;
}
.fusszeileTXT p.lauftext-abstand {
	margin-top:48px;
}
.fusszeileTXT p.lauftext-klein {
	font-size:16px;
}

.transparent {
	color:#718cac;
}
.abstand-rechts {
	margin-right:20px;
}

/* Links
-------------------------------------------------------------- */
.entry-content a {
	color:#64819f;
	text-decoration:none;
}
.entry-content a:hover, .entry-content a:focus, .entry-content a:active {
	color:rgb(51,51,51);
}
.bildlink, .bildlink:hover {
	border:0;
}	

.fusszeile-1 a {
	color:#2d3359;
	text-decoration:none;
}
.fusszeile-2 a {
	color:#000;
	text-decoration:none;
}
.fusszeile-3 a {
	color:#718cac;
	text-decoration:none;
}
.fusszeile-1 a:hover, .fusszeile-1 a:focus, .fusszeile-1 a:active,
.fusszeile-3 a:hover, .fusszeile-3 a:focus, .fusszeile-3 a:active {
	color:#fff;
}
.fusszeile-2 a:hover, .fusszeile-2 a:focus, .fusszeile-2 a:active {
	color:#718cac;
}

p.toplink span, p.backlink span {
	cursor:pointer;
}

.stoerer a {
	color:#718cac;
	text-decoration:none;
}
.stoerer a:hover, .stoerer a:focus, .stoerer a:active {
	color:#fff;
}

/* karte
-------------------------------------------------------------- */
#googleMap {
	height:590px;
	overflow:hidden;
}
#googleMap iframe {
	width:100%;
	height:600px;	
}

/* nav
-------------------------------------------------------------- */
.hauptnav ul li {
	list-style:none;
	float:left;
	margin-right:30px;
	padding-bottom:10px;
}
.hauptnav a {
	font:18px/21px OpenSansRegular, helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	padding-bottom:10px;
	border-top:2px solid #fff;
}

.hauptnav-mobile {
	background:rgb(45,51,89);
}
.hauptnav-mobile ul {
	padding:40px 0px 40px 80px;
}
.hauptnav-mobile ul li {
	list-style:none;
	padding-bottom:20px;
}
.hauptnav-mobile a {
	font:18px/21px OpenSansRegular, helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	padding-bottom:10px;
	border-top:2px solid rgb(45,51,89);
}




/*aktiv*/
.hauptnav .current_page_item a, .hauptnav .current_page_ancestor a, .hauptnav .current_page_parent a, .hauptnav a:hover, .hauptnav a:focus, .hauptnav a:active {
	border-top:2px solid rgb(231,208,65);
}
.hauptnav-mobile .current_page_item a, .hauptnav-mobile .current_page_ancestor a, .hauptnav-mobile .current_page_parent a, .hauptnav-mobile a:hover, .hauptnav-mobile a:focus, .hauptnav-mobile a:active {
	border-top:2px solid rgb(231,208,65);
}




/* Beigemuese
-------------------------------------------------------------- */
.wartung {
	font-size:11px;
	line-height:14px;
	margin-bottom:8px;
	color:#d00;	
}




/* /////////////////////////////////////////////// 
RESPONSIVE
/////////////////////////////////////////////// */

.hauptnav-mobile, #menuebutton {
	display:none;
}
.hauptnav-mobile {
	clear:both;	
}
#menuebutton {
	width:36px;
	height:36px;
	margin-top:49px;
	margin-left:20px;
	float:left;
	background:url(images/menuebutt.png);
	background-repeat:no-repeat;
	background-size:36px auto;
	background-position:-3px 0px;
	cursor:pointer;
}
#menuebutton.aktiv {
	background-position:-3px -50px;
}

.toplink-mobile {
	width:46px;
	height:46px;
	display:block;
	cursor:pointer;
	background:url(images/toplink.png?ver=1.1);
	background-repeat:no-repeat;
	background-size:46px auto;
	background-position:0px 1px;
	position:relative;
	margin-top:28px;
	margin-left:auto;
	margin-right:auto;
}
.toplink-mobile:hover, .toplink-mobile:focus {
	background-position:0px -52px;
}


/* haupnav ein-, mobilenav ausblenden */
@media only screen and (min-width: 901px){
	.hauptnav-mobile, .hauptnav-mobile * {
		display:none;
		height:0px;
		width:0px;
		margin:0px;
		padding:0px;
		border:0;
		overflow:hidden;
		float:left;
	}
}


/* uebergroesse */
@media only screen and (min-width: 1700px){
	.inhalt, .fusszeileTXT {
		width:1224px;
	}
	.inhalt .links {
		width:480px;
	}
	.inhalt .rechts {
		width:734px;
	}
	.bannerbild-container {
		height:65vm;/*ie 9*/
		height:65vmin;
	}
	.xxkopf .bannerbild-container {
		max-height:645px;
	}
	
	.fusszeileTXT.spalten-2 .spalte {
		width:596px;
		margin-right:32px;
	}
	.fusszeileTXT.spalten-3 .spalte {
		width:446px;
		margin-right:33px;
	}
	.fusszeileTXT.spalten-3 .spalte-3 {
		width:266px;
		margin-right:33px;
	}
	.fusszeileTXT.spalten-1 .spalte-1, .fusszeileTXT.spalten-2 .spalte-2, .fusszeileTXT.spalten-3 .spalte-3 {
		margin-right:0px;
	}
	
	.personlead {
		width:552px;/* 1224 / 2 - 60px */
	}	
	.personbild {
		width:380px;
		height:380px;
	}
	.personbild-1, .personbild-3, .personbild-5, .personbild-7, .personbild-9, .personbild-11, .personbild-13, .personbild-15, .personbild-17, .personbild-19, .personbild-21, .personbild-23 {
		margin-right:86px;
	}
	.personbild-2, .personbild-4, .personbild-6, .personbild-8, .personbild-10, .personbild-12, .personbild-14, .personbild-16, .personbild-18, .personbild-20, .personbild-22 {
		margin-left:86px;
	}

}


/* kleiner */
@media only screen and (max-width: 1260px) {
	.kopf .hauptnav {
		margin-left:20px;
	}
}






@media only screen and (max-width: 1120px) {
	.inhalt, .fusszeileTXT {
		width:100%;
		padding:0px 20px 0px 20px;
	}
	.inhalt .links {
		width:45%;
		margin-right:2%;
	}
	.inhalt .rechts {
		width:53%;
	}
	.bannerbild-container {
		height:45vm;/*ie 9*/
		height:45vmin;
	}
	a.stoerer-button {
		width:135px;
		height:135px;
		right:40px;
		bottom:40px;
	}

	.xxkopf .bannerbild-container {
		max-height:450px;
	}
	
	.fusszeileTXT.spalten-2 .spalte {
		width:47%;
		margin-right:6%;
	}
	.fusszeileTXT.spalten-3 .spalte {
		width:30%;
		margin-right:5%;
	}
	.fusszeileTXT.spalten-1 .spalte-1, .fusszeileTXT.spalten-2 .spalte-2, .fusszeileTXT.spalten-3 .spalte-3 {
		margin-right:0%;
	}
	
	.personlead {
		width:50%;
	}	
	.personbild {
		width:30%;
		height:30%;
	}
	.personbild-1, .personbild-3, .personbild-5, .personbild-7, .personbild-9, .personbild-11, .personbild-13, .personbild-15, .personbild-17, .personbild-19, .personbild-21 {
		margin-right:8%;
	}
	.personbild-2, .personbild-4, .personbild-6, .personbild-8, .personbild-10, .personbild-12, .personbild-14, .personbild-16, .personbild-18, .personbild-20, .personbild-22 {
		margin-left:8%;
	}
	.morebutton {
		padding:8px 32px 8px 12px;
		background-size:24px auto;
		background-position:right -26px;
	}
	.personcontainer-2 .morebutton, .personcontainer-5 .morebutton, .personcontainer-8 .morebutton, .personcontainer-11 .morebutton, .personcontainer-14 .morebutton, .personcontainer-17 .morebutton, .personcontainer-20 .morebutton, .personcontainer-23 .morebutton {
		background-position:right -83px;
	}
	.morebutton-offen {
		background-position:right 6px;
	}
	.personcontainer-2 .morebutton-offen, .personcontainer-5 .morebutton-offen, .personcontainer-8 .morebutton-offen, .personcontainer-11 .morebutton-offen, .personcontainer-14 .morebutton-offen, .personcontainer-17 .morebutton-offen, .personcontainer-20 .morebutton-offen, .personcontainer-23 .morebutton-offen {
		background-position:right -50px;
	}


	.inhalt {
		font:16px/21px OpenSansRegular,sans-serif;
	}
	h1 {
		font:40px/46px OpenSansLight,sans-serif;
		margin-bottom:18px;
	}	
	.fusszeileTXT h1 {
		margin-top:0px;
		margin-bottom:0px;
	}
	h2 {
		font:16px/21px OpenSansBold,sans-serif;
	}	
	.personcontainer h2 {
		font:21px/32px OpenSansLight,sans-serif;
	}	
	h3 {
		font:16px/19px OpenSansBold,sans-serif;
	}
	h4 {
		font:16px/19px OpenSansBold,sans-serif;
	}
	.site-content p {
		margin-bottom:18px;
	}

	.site-content ul {
		margin-bottom:18px;

	}

}








/* mobile */
@media only screen and (max-width: 900px) {
	#menuebutton {
		display:block;
	}
	.kopf .hauptnav {
		display:none;
	}
	.kopf .logo {
		height:50px;
		width:220px;
		margin-top:30px;
		margin-right:25px;
		margin-bottom:25px;
		background-size:auto 100%;
	}
	a.stoerer-button {
		width:120px;
		height:120px;
		right:30px;
		bottom:30px;
	}
	.fusszeilen {
		padding-bottom:100px;
	}
	.fusszeile {
		padding:30px 0px 20px 0px;
	}
	.fusszeileTXT {
		font:14px/18px OpenSansRegular,sans-serif;
	}
	.fusszeileTXT h1 {
		font:28px/34px OpenSansLight,sans-serif;
		margin-bottom:0px;
	}	
	.fusszeileTXT h2 {
		font:28px/34px OpenSansSemibold,sans-serif;
		margin-top:48px;
	}	
	.fusszeileTXT h3 {
		font:28px/34px OpenSansSemibold,sans-serif;
	}
	.fusszeileTXT p.lauftext-abstand {
		margin-top:36px;
	}
	.fusszeileTXT p.lauftext-klein {
		font-size:14px;
	}
}


/* kleinste */
@media only screen and (max-width: 767px) {
	.konsole {
		padding:0px;
		background:rgb(249,249,245);
	}
	#menuebutton {
		margin-top:34px;
	}
	.kopf .logo {
		height:40px;
		width:180px;
		margin-top:25px;
		margin-right:20px;
		margin-bottom:20px;
		background-size:auto 100%;
	}
	a.stoerer-button {
		width:100px;
		height:100px;
		right:10px;
		top:calc(50% - 50px);
	}
	.inhalt, .fusszeileTXT {
		width:100%;
		padding:0px 20px 0px 20px;
	}
	.inhalt .links {
		float:none;
		width:100%;
		padding-top:21px;
		margin-right:0px;
	}
	.inhalt .rechts {
		float:none;
		width:100%;
		padding-top:0px;
		padding-bottom:12px;
		float:none;
		width:100%;
	}
	.inhalt .rechts.abstandkurz {
		padding-bottom:12px;
	}
	.fusszeileTXT .spalte {
		margin-bottom:20px;
	}
	.fusszeileTXT.spalten-2 .spalte {
		width:100%;
		margin-right:0px;
		float:none;
	}
	.fusszeileTXT.spalten-3 .spalte {
		width:100%;
		margin-right:0px;
		float:none;
	}

	.inhalt, .fusszeileTXT {
		font:14px/18px OpenSansRegular,sans-serif;
	}
	h1 {
		font:28px/34px OpenSansLight,sans-serif;
		margin-bottom:18px;
	}	
	h2 {
		font:14px/18px OpenSansBold,sans-serif;
	}	
	.personcontainer h2 {
		font:18px/24px OpenSansLight,sans-serif;
	}	
	h3 {
		font:14px/18px OpenSansBold,sans-serif;
	}
	h4 {
		font:14px/18px OpenSansBold,sans-serif;
	}
	.site-content p {
		margin-bottom:18px;
	}

	.site-content ul {
		margin-bottom:18px;

	}

	.fusszeileTXT h2 {
		margin-top:0px;
	}	

	.personcontainer {
		padding:30px 0px 30px 0px;
	}
	.personlead {
		width:100%;
	}	
	.personbild {
		width:200px;
		height:200px;
		margin-left:0px;
		margin-bottom:20px;
	}
	.personlead-1, .personlead-2, .personlead-3, .personlead-4,
	.personlead-5, .personlead-6, .personlead-7, .personlead-8,
	.personlead-9, .personlead-10, .personlead-11, .personlead-12,
	.personlead-13, .personlead-14, .personlead-15, .personlead-16,
	.personlead-17, .personlead-18, .personlead-19, .personlead-20,
	.personlead-21, .personlead-22 {
		float:none;
		margin-right:0px;
	}
	.personbild-1, .personbild-2, .personbild-3, .personbild-4,
	.personbild-5, .personbild-6, .personbild-7, .personbild-8,
	.personbild-9, .personbild-10, .personbild-11, .personbild-12,
	.personbild-13, .personbild-14, .personbild-15, .personbild-16,
	.personbild-17, .personbild-18, .personbild-19, .personbild-20,
	.personbild-21, .personbild-22 {

		float:none;
		margin-right:0px;
	}
	.abstand {
		height:24px;
	}


	.morebutton {
		margin-top:12px;
		padding:6px 32px 6px 6px;
		background-size:24px auto;
		background-position:right -30px;
	}
	.personcontainer-2 .morebutton, .personcontainer-5 .morebutton, .personcontainer-8 .morebutton, .personcontainer-11 .morebutton, .personcontainer-14 .morebutton, .personcontainer-17 .morebutton, .personcontainer-20 .morebutton, .personcontainer-23 .morebutton {
		background-position:right -87px;
	}
	.morebutton-offen {
		background-position:right 1px;
	}
	.personcontainer-2 .morebutton-offen, .personcontainer-5 .morebutton-offen, .personcontainer-8 .morebutton-offen, .personcontainer-11 .morebutton-offen, .personcontainer-14 .morebutton-offen, .personcontainer-17 .morebutton-offen, .personcontainer-20 .morebutton-offen, .personcontainer-23 .morebutton-offen {
		background-position:right -55px;
	}
	
	
	#googleMap {
		height:290px;
	}
	#googleMap iframe {
		height:300px;	
	}


}