/*
Theme Name: bytes & bones
Theme URI: https://www.bytesbones.ch
Author: Klaus Affolter
Author URI: https://www.bytesbones.ch
Description: Wordpress-Theme von bytes & bones.
Version: 1.1
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;
}
body {
	margin:0px;
	padding:0px;
	background:#fff;
	text-align:center;
}



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

}




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

}




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

}




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

}


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

}

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

}




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

.konsole {
	position:relative;
	top:0px;
	width:1020px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:100px;
	text-align:left;
	background:#fff;
	/*background-image:url(images/bb-raster.jpg);
	background-position:-60px 0px;*/
}
.kopf {
	width:100%;
	display:block;
}
.kopf .logo {
	clear:left;
	position:relative;
	top:30px;	
	width:350px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	display:block;
}
.kopf .logo img {
	max-width:100%;
	height:auto;
}

.kopf .logo-byline {
	font:27px/32px amiriregular, times, serif;
	padding-top:0px;
	text-transform:uppercase;
}
.kopf a, .kopf a:hover, .kopf a:focus, .kopf a:active {
	color:#000;
	text-decoration:none;
	border:0;
}

/* 2023
.kopf .werbung-banner {
	width:100%;
	border-bottom:1px solid #000;
	height:150px;
}
.kopf .werbung-banner .sponsorueberzeile {
	position:relative;
	top:20px;	
	width:728px;
	padding-bottom:3px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	font:11px/14px bitterregular, helvetica, sans-serif;
}
.kopf .werbung-banner a {
	position:relative;
	top:20px;	
	width:728px;
	height:90px;
	border:1px solid #eee;
	margin-left:auto;
	margin-right:auto;
	display:block;
	overflow:hidden;	
}
.kopf .werbung-banner a:hover, .kopf .werbung-banner a:focus, .kopf .werbung-banner a:active {
	border:1px solid #eee;
}
.kopf .werbung-banner a img {
	width:100%;
	height:auto;
}
*/


/* 2024 */
.kopf .werbung-banner {
	width:100%;
	border-bottom:1px solid #000;
	height:170px;
}
.kopf .werbung-banner .sponsorueberzeile {
	position:relative;
	margin-top:15px;	
	width:100%;
	padding-bottom:3px;
	display:block;
	font:11px/14px bitterregular, helvetica, sans-serif;
}
.kopf .werbung-banner a {
	position:relative;
	width:100%;
	height:126px;
	border:1px solid #eee;
	display:block;
	overflow:hidden;
	background:#ddd;	
}
.kopf .werbung-banner a:hover, .kopf .werbung-banner a:focus, .kopf .werbung-banner a:active {
	border:1px solid #000;
}
.kopf .werbung-banner a img {
	width:100%;
	height:auto;
}



.site-content {
	width:660px;
	margin-top:27px;
	margin-right:60px;
	float:left;
}
.spalte-rechts {
	margin-top:27px;
	width:300px;
	float:left;
}
.fusszeile {
	clear:left;
}


/* nav
-------------------------------------------------------------- */

.hauptnav a, .hauptnav-mobile a {
	font:18px/21px bitterregular, helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
}

.hauptnav {
	margin-top:60px;
  	padding-top:7px;
	width:100%;
	text-align:justify;
	clear:left;
	border-top: 1px solid #000;
}
.hauptnav ul {
	width:100%;
	margin:0px;
	padding:0px;
	padding-bottom:8px;
	border-bottom: 1px solid #000;
}
.hauptnav * {
  display: inline;
}

.hauptnav li {
  display: inline-block;
  margin:0;
  padding:0;
}

.hauptnav span {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 1px;
  font-size:1px;
  line-height:1px;
  margin:0;
  padding:0;
  overflow:hidden;
}


/*farben*/
.hauptnav .current_page_item a, .hauptnav .current_page_ancestor a, .hauptnav .current_page_parent a {
	color:#00a5a0;
}
.hauptnav-mobile .current_page_item a {
	color:#00a5a0;
}
.hauptnav a:hover, .hauptnav-mobile a:hover {
	color:#00a5a0;
}
.menuenav .current_page_ancestor a, .hauptnav-mobile .current_page_parent a {
	color:#00a5a0;
}
.menuenav .current_page_item ul li a, .hauptnav-mobile .current_page_ancestor ul li a, .hauptnav-mobile .current_page_parent ul li a {
	color:#000;
}
.menuenav .current_page_item ul li a:hover, .hauptnav-mobile .current_page_ancestor ul li a:hover, .hauptnav-mobile .current_page_parent ul li a:hover {
	color:#00a5a0;
}
.hauptnav-mobile .current_page_item ul .current_page_item a, .hauptnav-mobile .current_page_ancestor ul .current_page_item a, .hauptnav-mobile .current_page_parent ul .current_page_item a {
	color:#00a5a0;
}
	



/* Textformate
-------------------------------------------------------------- */
.site-content, td {
	font:18px/24px georgia, times, serif;
}

h1 {
	font:32px/36px bitterbold, helvetica, sans-serif;
	font-weight:normal;
	margin-top:2px;
	margin-bottom:18px;
}	
h2 {
	font:21px/24px bitterbold, helvetica, sans-serif;
	font-weight:normal;
	margin-top:32px;
	margin-bottom:18px;
}	
h3 {
	font:18px/21px bitterbold, helvetica, sans-serif;
	font-weight:normal;
	margin-top:24px;
	margin-bottom:18px;
}	


.site-content p {
	margin-bottom:18px;
}
.site-content td {
	padding-bottom:18px;
}	
.site-content ul {
	margin-bottom:18px;
	margin-left:16px;
}
.site-content ol {
	margin-bottom:18px;
	margin-left:36px;
}
.site-content .bildlegende, .site-content .bildlegendemanuell {
	margin-top:-12px;
	font-size:14px;
	line-height:18px;
	font-style:italic;
}

.zitat, .site-content .zitat, .zitatohne, .site-content .zitatohne {
	font:28px/31px bitterbold, helvetica, sans-serif;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:10%;
	width:75%;
}
.zitatbyline {
	font-family: georgia, times,serif;
	font-style:italic;
}
.zitat, .zitatbyline, .zitatohne {
	color:#00a5a0;
	margin-left:10%;
	width:75%;
}
.zitatohne , .site-content .zitatohne {
	margin-bottom:18px;
}


.site-content .lead {
	font-weight:bold;
}
.initiale {
	margin-left:-1px;
	margin-right:6px;
	padding-top:6px;
	float:left;
	font-size:90px;
	line-height:60px;
	color:#000;
}
strong {
	font-weight:bold;
}
h1 strong, h2 strong, h3 strong {
	font-weight:normal;
}
.trennlinie {
	color:#fff;
	line-height:1px;
	font-size:1px;
	background:url(images/strich.png);
	background-repeat:repeat-x;
	background-position:0px 18px;
	padding-top:36px;
	display:block;
}
.farbig {
	color:#00a5a0;
}

/*farbige kaesten
-------------------------------------------------------------- */
.kasten-orange {
	background:rgb(220,114,0);
	color:#fff;	
	padding:12px;
	padding-bottom:18px;
	margin-bottom:21px;
	margin-top:28px;
}
.kasten-orangehell {
	background:#edaf6d;
	background:#ffc78b;
	background:#f8ca99;
	padding:12px;
	padding-bottom:18px;
	margin-bottom:21px;
	margin-top:28px;
}
.kasten-petrol {
	background:#00a5a0;
	color:#fff;	
	padding:12px;
	padding-bottom:18px;
	margin-bottom:21px;
	margin-top:28px;
}
.kasten-petrolhell {
	background:rgb(214,246,247);
	padding:12px;
	padding-bottom:18px;
	margin-bottom:21px;
	margin-top:28px;
}
.kasten-grau {
	background:rgb(236,236,236);
	padding:12px;
	padding-bottom:18px;
	margin-bottom:18px;
	margin-top:28px;
}
.kasten-orange p:last-of-type,
.kasten-orangehell p:last-of-type,
.kasten-petrol p:last-of-type,
.kasten-petrolhell p:last-of-type,
.kasten-grau p:last-of-type {
	margin-bottom:0px;
}
.kasten-orange h1, .kasten-orange h2, .kasten-orange h3,
.kasten-orangehell h1, .kasten-orangehell h2, .kasten-orangehell h3,
.kasten-petrol h1, .kasten-petrol h2, .kasten-petrol h3,
.kasten-petrolhell h1, .kasten-petrolhell h2, .kasten-petrolhell h3,
.kasten-grau h1, .kasten-grau h2, .kasten-grau h3 {
	margin-top:18px;
}
.kasten-orange h4,
.kasten-orangehell h4,
.kasten-petrol h4,
.kasten-petrolhell h4,
.kasten-grau h4 {
	margin-top:0px;
}


/* Links
-------------------------------------------------------------- */
.site-content a {
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #000;
}
.fusszeile a {
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #000;
}
.site-content h1 a, .site-content h2 a, .site-content h3 a {
	border:0;
}
.site-content a:hover, .fusszeile a:hover {
	color:#00a5a0;
}
.site-content .weiterlesenlink, .site-content .downloadlink {
	border:0;
	color:#000;
	text-decoration:none;
	padding-left:26px;
	background:url(images/pfeil-r.png);
	background-repeat:no-repeat;
	background-size:16px auto;
	background-position:5px 3px;
}
.site-content .externlink {
	border:0;
	color:#000;
	text-decoration:none;
	padding-left:22px;
	background:url(images/pfeil-ro.png);
	background-repeat:no-repeat;
	background-size:16px auto;
	background-position:5px 3px;
}
.site-content .pdflink {
	border:0;
	color:#000;
	text-decoration:none;
	padding-left:26px;
	background:url(images/pdf.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-size:18px auto;
}

.site-content .topbacklink {
	margin-bottom:6px;	
	margin-top:-30px;	
}
.site-content .backlink {
	clear:left;
	color:#000;
	text-decoration:none;
	border:0;
	padding-left:22px;
	background:url(images/pfeil-l.png);
	background-repeat:no-repeat;
	background-size:16px auto;
	background-position:0px 3px;
}
.site-content .einzug {
	padding-left:22px;
}
.site-content .ueberzeile a {
	color:#00a5a0;
	border:0;
	text-decoration:none;
}
.site-content .topbacklink .backlink .linktext {
	opacity:0;
	color:#00a5a0;
  	-webkit-transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;
}
.site-content .topbacklink .backlink:hover .linktext {
	opacity:1;	
}
.site-content .bildlink, .site-content .bildlink:hover, .site-content .bildlinkbreit, .site-content .bildlinkbreit:hover, .site-content .bildlinkbreit-kurz, .site-content .bildlinkbreit-kurz:hover {
	border:0;
}	

.fusszeile .facebooklink, .fusszeile .twitterlink, .fusszeile .newsletterlink {
	line-height:28px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:28px;
	border:0;
}
.fusszeile .facebooklink {
	background:url(images/share-facebook.png);
	background-repeat:no-repeat;
	background-size: 20px auto;
}
.fusszeile .twitterlink {
	background:url(images/share-twitter.png);
	background-repeat:no-repeat;
	background-size: 20px auto;
}
.fusszeile .newsletterlink {
	background: url(images/edito-icon.png);
	background-repeat:no-repeat;
	background-size: 20px auto;
}




	
/* rechte spalte
-------------------------------------------------------------- */
.spalte-rechts .kaesten .kastenrechts {
	margin-bottom:28px;
	width:100%;
	display:block;
	overflow:hidden;
}
.spalte-rechts h2 {
	font:18px/22px bitterregular, helvetica, sans-serif;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:16px;
	padding:4px 0px 4px 0px;
	text-align:center;
	color:#fff;
	background:#00967f;
	background:#00a5a0;
}
.spalte-rechts a {
	font:18px/21px bitterregular, helvetica, sans-serif;
	border:0;
	color:#000;
	text-decoration:none;
	padding-left:24px;
	margin-bottom:9px;
	display:inline-block;
	background:url(images/pfeil-r.png?ver=1.1);
	background-repeat:no-repeat;
	background-size:16px auto;
	background-position:0px 2px;
}
.spalte-rechts a:hover, .spalte-rechts a:focus {
	color:#00a5a0;
}
.spalte-rechts .bildlink {
	padding-left:0;
	background:none;
	margin-top:8px;
}
.spalte-rechts iframe {
	margin-top:8px;
	margin-bottom:16px;
	border:0;
	width: 100%;
	height: 250px;
}

.spalte-rechts .zitat, .spalte-rechts .zitatbyline, .spalte-rechts .zitatohne {
	color:rgb(220,114,0);
	width:100%;
	margin-left:0;
}

.spalte-rechts .kaesten .kastenrechts img, .spalte-rechts img {
	width:100%;
	height:auto;
	margin-top:0px;
}
/* aktuelle nummer */
.spalte-rechts .kaesten .kastenrechts .printcover {
	background:rgb(245, 245, 245);	
	margin-top:24px;
	margin-bottom:16px;
	padding-bottom:8px;
	text-align:center;
}
.spalte-rechts .kaesten .kastenrechts .printcover img {
	margin:0;
	padding:0;
	margin-top:24px;
	margin-bottom:16px;
	vertical-align:bottom;
	width:150px;
	height:auto;	
    box-shadow: 2px 2px 5px #555;
    -webkit-box-shadow: 2px 2px 5px #555;
    -moz-box-shadow: 2px 2px 5px #555;
}
.spalte-rechts .kaesten .kastenrechts .printcoverimg a {
	background:none;
	margin:0;
	padding:0;
	border:0;
}
.spalte-rechts .kaesten .kastenrechts a.diaschaulink {
	background:none;
	margin:0;
	padding:0;
	border:0;
	cursor:zoom-in;
}

/* migros */
.kasten200x200 {
	background:rgb(245, 245, 245);	
	padding:26px 50px 20px 50px;
	margin-top:24px;
	margin-bottom:14px;
	text-align:center;
}


/* Suche
-------------------------------------------------------------- */
.spalte-rechts .sucherechts {
	padding-top:0px;
	margin-bottom:28px;
}
.suchfeld form {
	margin:0px;
}
.suchfeld .suchfeldleer {
	font-family:georgia, times, serif;
	font-size:18px;
	line-height:22px;
	width:254px;
	border:1px solid #000;
	padding:2px 0px 2px 4px;
	margin-right:8px;
	vertical-align:top;
	display:block;
	float:left;
}
.suchfeld .suchfeldleer:focus {
	background:#fff;
}
.suchfeld form .suchesubmit {
	width:32px;
	height:28px;
	margin-bottom:6px;
	border:1px solid #00a5a0;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor:pointer;
	padding:0px;
	vertical-align:top;
	background:url(images/lupe.png);
	background-repeat:no-repeat;
	background-position:-6px -56px;
	background-size:42px auto;
}
.suchfeld form .suchesubmit:hover {
	border:1px solid #000;
	background-position:-6px -56px;/* -11 */
}
.treffer {
	background:#fdffe0;
}
.hellgrau {
	color:#888;
}


/* fusszeile
-------------------------------------------------------------- */

.clearer {
	clear:left;
	width:100%;
	display:block;
}
.fusszeile {
	/*background:rgb(245, 245, 245);*/
	border-top:1px solid #000;
	clear:left;
	margin-top:30px;
	color:#000;
}

.fusszeile .spalte-1, .fusszeile .spalte-2, .fusszeile .spalte-3 {
	float:left;
	width:300px;
	min-height:200px;
	display:block;
	margin-top:32px;
}
.fusszeile .spalte-1, .fusszeile .spalte-2 {
	padding-right:30px;
	margin-right:29px;
	border-right:1px solid #bbb;
}
.fusszeile .unten {
	clear:left;
	width:100%;
	padding-top:24px;
	padding-bottom:80px;
	display:block;
	background:#fff;
	text-align:center;
}

.fusszeile h3, .fusszeile h4 {
	font:14px/21px bitterbold, helvetica, sans-serif;
	font-weight:normal;
	margin:0;
}
.fusszeile h4 {
	margin-top:12px;
}	
.fusszeile p {
	margin:0;
	font-size:16px;
	line-height:21px;
}
.topscroll {
	width:46px;
	height:46px;
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background:url(images/toplink.png);
	background-repeat:no-repeat;
	background-position:0px -50px;
	cursor:pointer;
}
.topscroll:hover, .topscroll:focus {
	background-position:0px 0px;
}


/* blog / news
-------------------------------------------------------------- */
.entry-summary {
	display:block;
	margin-bottom:42px;	
}
.entry-wrapper {
	display:inline-block;
}
h4.ueberzeile {
	font:14px/18px bitterbold, helvetica, sans-serif;
	font-weight:normal;
	margin-top:-3px;
	margin-bottom:0px;
}	
.entry-summary p {
	margin-bottom:0px;
	line-height:25px;
}
.entry-summary .entry-ganzertext p {
	margin-bottom:18px;
}

.entry-summary .bildlink {
	display:inline-block;
	width:140px;
	height:114px;
	float:left;
	margin-top:5px;
	margin-right:20px;
	border:0;
}
a.bildlinkbreit {
	display:block;
	margin-bottom:30px;
}
a.bildlinkbreit-kurz {
	display:block;
	margin-bottom:0px;
}
.blog-einleitungstext {
	margin-bottom:36px;
	font-style:italic;
}
.autorinfo {
	clear:left;
	display:inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width:100%;
	padding:20px;
	background:#ececec;
	margin-top:12px;
	margin-bottom:21px;
}
.autorbild {
	display:block;
	width:120px;
	height:auto;
	float:left;
	margin-right:20px;
	overflow:hidden;
}
.autorbild img {
	max-width:120px;
	height:auto;
}
.autorinfo h3 {
	margin:0px;
	margin-top:-2px;
	font-size:16px;
	line-height:19px;
}
.autorinfo p {
	margin:0px;
	font-size:18px;
	line-height:21px;
}

.site-content a.backtobloglink {
	width:60%;
	border:0;
	display:block;
}
.site-content a.backtobloglink img {
	width:140px;
	padding-right:20px;
	height:auto;
	float:left;
}
.site-content a.backtobloglink .backtoblogtxt {
}
.site-content a.backtobloglink h3 {
	padding-top:24px;
	margin-bottom:0px;
}
.site-content a.backtobloglink .weiterlesenlink {
	background-position:0px 3px;
	padding-left:20px;
	border:0;
}
.site-content a.backtobloglink:hover .weiterlesenlink {
	color:#00a5a0;
}

.site-content .seitennavigation a, .site-content .seitennavigation .platzhalter {
	font:18px/22px bitterregular, helvetica, sans-serif;
	width:30px;
	height:18px;
	padding-top:6px;
	padding-bottom:6px;
	margin-right:4px;
	margin-bottom:4px;
	float:left;
	text-align:center;
	display:block;
	border:1px solid #bbb;
}
.site-content .seitennavigation .aktiv, .site-content .seitennavigation a:hover {
	color:#fff;
	background:#00a5a0;
	border:1px solid #00a5a0;
}	
.site-content .seitennavigation .unsichtbar {
	display:none;
}
.site-content .seitennavigation .platzhalter {
	width:32px;
	height:20px;
	border:0;
}
.site-content .anzeigeinfo {
	font:14px/18px bitterbold, helvetica, sans-serif;
}

/* share-buttons */
.site-content .sharebuttons {
	clear:both;
	padding-top:36px;
	padding-bottom:42px;
}
.site-content .sharebuttons a {
	height:48px;
	width:48px;
	display:block;
	float:left;
	border:0;
}
.site-content .sharebuttons a:hover {
	border:0;
}
.site-content .share-facebook {
	background:url(images/share-facebook.png);
	background-repeat:no-repeat;
	background-size:48px 48px;
	margin-right:20px;
}
.site-content .share-twitter {
	background:url(images/share-twitter.png);
	background-repeat:no-repeat;
	background-size:48px 48px;
	margin-right:20px;
}
.site-content .share-email {
	background:url(images/share-email.png);
	background-repeat:no-repeat;
	background-size:48px 48px;
}





/* printausgaben
-------------------------------------------------------------- */
.entry-summary.printausgaben {
	margin-bottom:48px;
}	
.entry-summary.printausgaben h1 {
	clear:left;
}	
.entry-summary.printausgaben p {
	margin-bottom:18px;
}	
.entry-summary.printausgaben .links {
	float:left;
}
.entry-summary.printausgaben .links img {
	/*border:1px solid #bbb;*/
	margin-top:4px;
	max-width:150px;
	height:auto;
    box-shadow: 2px 2px 5px #555;
    -webkit-box-shadow: 2px 2px 5px #555;
    -moz-box-shadow: 2px 2px 5px #555;
}
.entry-summary.printausgaben .rechts {
	margin-left:190px;
}





/* blogübersichtsseite
-------------------------------------------------------------- */

.blog-preview-wrapper:nth-of-type(2n+0) {
	margin-left:60px;
}
.blog-preview-wrapper{
	position:relative;
	display:block;
	width:300px;
	height:225px;
	overflow:hidden;
	margin-bottom:40px;
	float:left;
}
.blog-preview-wrapper img {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
.blog-preview-wrapper-text {
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	margin:0px;
	left:0px;
	z-index:2;
	background:url(images/alpha.png);
	padding:6px;
	display:block;
	text-align:center;
}

.blog-preview-wrapper-text h2 {
	font:18px/22px bitterbold, helvetica, sans-serif;
	margin:0;
}
.blog-preview-wrapper-text p {
	font:16px/21px georgia, times, serif;
	margin:0;
}



/* kinder-anreisser auf elternseite
-------------------------------------------------------------- */
.site-content .pagekids a, .site-content .pagekids a:hover {
	border:0;
}

.pagekids {
	margin-top:54px;
}

.site-content .pagekid-wrapper {/*a*/
	position:relative;
	display:block;
	width:300px;
	margin-bottom:50px;
	overflow:hidden;
	float:left;
}
.pagekid-wrapper.links {
	margin-right:60px;
}
.site-content .pagekid-wrapper h2 {
	color:#000;
	margin:0;
	margin-bottom:10px;
	padding-left:48px;
	padding-top:6px;
	padding-bottom:6px;
	display:inline-block;
	background:url(images/edito-icon.png);
	background-repeat:no-repeat;
	background-size:36px auto;
	background-position:0px 0px;
}
.site-content .pagekid-wrapper:hover .weiterlesenlink, .site-content .pagekid-wrapper:hover h2 {
	color:#00a5a0 !important;
}


/* kommentare
-------------------------------------------------------------- */
#kommentarteil {
	margin-top:12px;
	padding-top:36px;
}
#kommentarteil p {
	margin-bottom:0px;
}
.kommentarbeitrag {
	margin-bottom:6px;
}
.kommentarhaupttitel {
	font-size:21px;
	line-height:24px;
	margin-top:0px;
	margin-bottom:18px;
	font-weight:normal;
	border-top:1px solid #000;
	padding-top:36px;
}
.kommentaruntertitel {
	font-size:21px;
	line-height:24px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:normal;
}
.kommentarbeitrag h4 {
	font:18px/24px bitterbold, helvetica, sans-serif;
}	
.kommentarbeitrag .comment-meta {
	font:16px/21px bitterbold, helvetica, sans-serif;
	margin-bottom:12px;
}
.kommentarbeitrag .comment-meta .kleinTXT {
	font:14px/18px bitterbold, helvetica, sans-serif;
}
.kommentarbeitrag .comment-content {
	/*text-align:justify;*/
}

.hinweis {
	padding:10px;
	background:#ffc;
}	



/* kommentarformular, csforms in style-form.css*/
#kommentarformular {
	margin-top:12px;
	border-top:1px solid #000;
}
#kommentarformular .kommentaruntertitel {
	margin-top:36px;
	font:21px/24px bitterbold, helvetica, sans-serif;
}
#respond p {
	margin-bottom:18px;
}
#commentform .legende, #commentform label {
	font:18px/24px bitterbold, helvetica, sans-serif;
	width:100%;
	text-align:left;
	float:left;
}
#commentform .comment-form-comment {
	margin-top:12px;
}

#commentform input {
	clear:left;
	width:326px;
	margin-left:0px;
	font:18px/24px georgia, times, serif;
	padding:2px;
	border:1px solid #bbb;
	background:none;
	margin-top:4px;
}
#commentform input:focus, #commentform input:hover {
	border:1px solid #00a5a0;
}

#commentform textarea {
	clear:left;
	width:650px;
	margin-left:0px;
	font:18px/24px georgia, times, serif;
	padding:5px;
	border:1px solid #bbb;
	background:none;
	margin-top:4px;
}
#commentform textarea:focus, #commentform textarea:hover {
	border:1px solid #00a5a0;
}
#commentform #submit {
	font:18px/21px bitterregular, helvetica, sans-serif;
	padding:4px;
	cursor:pointer;
	border:1px solid #00a5a0;
	background:#00a5a0;
	color:#fff;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#commentform #submit:hover {
	border:1px solid #000;
	background:#000;
	color:#fff;
}	

#commentform .requiredIcon, #commentform .required {
	color:#d00;
}

/* captcha */
#commentform .cptch_title {
	font:18px/24px bitterbold, helvetica, sans-serif;
	width:100%;
	margin-bottom:0px;
	margin:0;
	padding:0;
    display: inline-block;
}

#commentform .cptch_wrap, #commentform .cptch_label {
	margin:0;
	padding:0;
}

#commentform .cptch_input {
	font-size:18px !important;
	padding:0px 2px 4px 2px !important;
	margin-top:-3px;
}
#commentform .cptch_span {
	margin-top:4px;
}
#commentform .comment-form-erlaeuterung {/* in comments.php */
	font:14px/18px georgia, times, serif;
	margin-top:-14px;
}


/* newsletter anmeldung
-------------------------------------------------------------- */
form.newsletterformular h1 {
	font:21px/24px bitterbold, helvetica, sans-serif;
}
form.newsletterformular input {
	clear:left;
	width:284px;
	margin-left:0px;
	font:18px/24px georgia, times, serif;
	padding:8px !important;
	border:1px solid #bbb;
	background:none;
	margin-top:4px;
	-webkit-box-shadow: 0px 0px 0px;
	-moz-box-shadow: 0px 0px 0px;
	box-shadow: 0px 0px 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
form.newsletterformular input:focus, form.newsletterformular input:hover {
	border:1px solid #00a5a0 !important;
}

form.newsletterformular select {
	clear:left;
	width:180px;
	margin-left:0px;
	font:18px/28px georgia, times, serif;
	border:1px solid #bbb;
	background:none;
	margin-top:4px;
	-webkit-box-shadow: 0px 0px 0px;
	-moz-box-shadow: 0px 0px 0px;
	box-shadow: 0px 0px 0px;
}
form.newsletterformular select option {
	padding-bottom:8px;
}
form.newsletterformular button {
	font:18px/21px bitterregular, helvetica, sans-serif;
	padding:4px;
	cursor:pointer;
	margin-top:6px !important;
	border:1px solid #00a5a0 !important;
	background:#00a5a0 !important;
	color:#fff !important;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
form.newsletterformular button:hover {
	border:1px solid #000 !important;
	background:#000 !important;
	color:#fff !important;
}	

/*label weg*/
form.newsletterformular td:nth-of-type(odd) {
	display:none;
}

/*danke-hinweis*/
form.newsletterformular table h2 {
	font:18px/21px bitterbold, helvetica, sans-serif;
	font-weight:normal;
	text-align:left !important;
	background:#f8ca99;
	padding:18px;
}


/* Bilder
-------------------------------------------------------------- */
.site-content img {
	margin:0px;
	padding:0px;
	vertical-align: bottom;
	max-width:100%;
	height:auto;
}
.site-content .vorschaubild, .site-content .bildlinks {
	float:left;
	margin-right:20px;
	margin-bottom:12px;
	margin-top:5px;
}
.site-content table td .bildlinks {
	margin-bottom:0px;
}

.site-content .abstandunten {
	margin-bottom:12px;
}
.spalte-rechts img {
	margin:0px;
	padding:0px;
	margin-bottom:12px;
	vertical-align: bottom;
}

a.bildlinkbreit {
	margin-bottom:24px;
}

.wp-caption {/*div um lauftextbild mit legende*/
	max-width:100%;
	margin-top:32px;
	margin-bottom:28px;
}
.wp-caption-text {
	padding-top:6px;
	font-style:italic;
	font-size:16px;
	line-height:19px;
}



/* Diaschau 
-------------------------------------------------------------- */
.diaschaucontainer {
	margin-left:0px;
}
.diaschaucontainer.fixiert {/*fuer js slideshow*/
	width:0px;
	height:0px;
	overflow:hidden;
}
.bildcontainer {
	max-width:100%;
	margin-top:3px;
	display:inline-block;
	background:rgb(100,100,100);
}
.bildcontainer img {
	max-width:100%;
	max-height:100%;
	height:auto;
}
.legendecontainer {
	margin-top:8px;
	padding-top:0px;
	display:block;
	margin-bottom:18px;
}
.legendecontainer .bildlegende {
	padding-top:2px;
	font-size: 13px;
	line-height:16px;
	font-style:italic;
	display:inline-block;
	width:70%;
}
.legendecontainer .bildschliessbutt {
	float:right;
	cursor:pointer;
	width:20px;
	height:20px;
	background:url(images/schliessbutt.png);
	background-size:20px auto;
	background-repeat:no-repeat;
	background-position:1px -25px;
	display:none;
}
.legendecontainer .bildschliessbutt.sichtbar {
	display:block;
}
.legendecontainer a {
	color:#fff;
	text-decoration:none;
	border-bottom:1px dotted #fff;
}
.legendecontainer a:hover {
	color:#00a5a0;
}

/*fancy slideshow offen*/
.slideshowBG {
	z-index:1001;
	position:fixed;
	top:50%;
	left:50%;
	width:0px;
	height:0px;
	background:#000;
	display:block;
	cursor:zoom-out;
	opacity:0;
  	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}	
.slideshowBG.offen {
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.8;
  	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.diaschaucontainer.gross {
	z-index:1002;
	position:fixed;
	top: 0px;/*positionierung via js*/
	left: 0px;
	margin-left:0px;
    width:auto;
    height:auto;
	-webkit-transition: margin,width,height 0.4s ease-out;
	-moz-transition: margin,width,height 0.4s ease-out;
	transition: margin,width,height 0.4s ease-out;
}
.diaschaucontainer.gross .bildcontainer {
	background:#000;
}

.diaschaucontainer.gross .bildlegende {
	color:#fff;
}




/* medienjobs iframe
-------------------------------------------------------------- */
.medienjobs {
	width:96%;/* neu 12.16 */
	height:8800px;/* 100%: 1 inserat = 85px + 300px beigemuese*/
	height:1400px;/* neu 05.17: 1 inserat = 55px + 300px beigemuese*/
	overflow:hidden;
	background:url(images/bb-preloader.gif);
	background-repeat:no-repeat;
	background-position:center -20px;
}
.medienjobsborder {
	border:1px solid rgb(236,236,236);
}



/* werbung content
-------------------------------------------------------------- */
.werbung-content {
	width:100%;
	margin-bottom:24px;
}
body.home .werbung-content,
body.page-template-page-blog .werbung-content {
	margin-bottom:48px;
}
.werbung-content img {
	width:100%;
	height:auto;
}	
.site-content .werbung-content-ueberzeile {
	font:11px/14px bitterregular, helvetica, sans-serif;
	margin-bottom:4px;
	clear:both;
}
.site-content .werbung-content a {
	border:0 !important;
}



/* video inkl. responsive
------------------------------------------------------------ */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	/*padding-top: 30px; weglassen? */
	height: 0;
	overflow: hidden;
	margin-bottom:24px;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


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