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


/* 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;
}
sub {
	font-size:11px;
	position: relative;
	line-height: 0;
	vertical-align: baseline;
	bottom: -0.2em;
	padding-left:1px;
}

/*padding egalisieren*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



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



@font-face {
    font-family: 'ReplicaLLWeb-Regular';
    src:url('bb-schriften/ReplicaLLWeb-Regular.woff') format('woff'),
        url('bb-schriften/ReplicaLLWeb-Regular.woff2') format('woff2'),
        url('bb-schriften/ReplicaLLWeb-Regular.svg#ReplicaLLWeb-Regular') format('svg'),
        url('bb-schriften/ReplicaLLWeb-Regular.eot'),
        url('bb-schriften/ReplicaLLWeb-Regular.eot?#iefix') format('embedded-opentype'),
        url('bb-schriften/ReplicaLLWeb-Regular.ttf') format('truetype');

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

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*wartung*/
.wartungsbutton {
	position:fixed;
	bottom:20px;
	right:60px;
	height:20px;
	width:20px;
	cursor:pointer;
	z-index:201;
	font:14px/18px sans-serif;
	outline:1px solid #bbb;
	display:none;
}
.wartungsbutton-2 {
	position:fixed;
	bottom:20px;
	right:20px;
	height:20px;
	width:20px;
	cursor:pointer;
	z-index:201;
	font:14px/18px sans-serif;
	outline:1px solid #bbb;
}
.wartungsbutton-2 a {
	display:inline-block;
	width:100%;
	height:100%;
	text-decoration:none;
}
.wartungsbutton-2.aktiv {
	background-position:0px -48px;
}	
.rahmenanzeigen {
	outline:1px solid #d00;
}
.wartungsbutton-2.rahmenanzeigen {
	outline:3px solid #d00;
}


/* farben
-------------------------------------------------------------- */
:root {
	--gelb:#dbc600;
	--gruen:rgb(156, 169, 23);
	--kopfzeileHoehe:120px;
}

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

.kopfzeile {
	position:fixed;
	width:100%;
	height:var(--kopfzeileHoehe);
	padding:30px 40px 0px 40px;
	display:block;
	background:#fff;
	z-index:12;
}
.kopfzeile-innen {
	position:relative;
	max-width:1400px;
	margin-left:auto;
	margin-right:auto;	
}
.logo {
	position:relative;
	width:290px;
	height:60px;
	display:block;
	float:left;
	text-decoration:none;
	background:url(images/logo-homebase.png);
	background:url(images/logo-homebase.svg), linear-gradient(transparent, transparent);
	background-repeat:no-repeat;
	background-size:100% auto;
}
.hauptnav {
	position:relative;
	margin-top:39px;
	display:block;
	float:right;
}


.konsole {
	position:relative;
	padding-bottom:32px;
	width:560px;
	min-height:calc(100vh - 32px - 220px);
	margin-right:auto;
	margin-left:auto;
	display:block;
	text-align:left;
	z-index:1;
	/*border:1px solid #efefef;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition:all 0.4s ease-out;
  transition: all 0.4s ease-out;*/
}
.inhalt {
	position:relative;
	padding-top:calc(60px + var(--kopfzeileHoehe));
	width:100%;
	z-index:1;
}
.inhalt.animation {
	z-index:1;
}
.fusszeile {
	clear:left;
	position:relative;
	width:560px;
	min-height:220px;
	margin-right:auto;
	margin-left:auto;
	display:block;
	text-align:left;
}
.clearer {
	width:100%;
	height:0px;
	overflow:hidden;
	display:block;
	clear:both;
	background:#d00;
}


/* Animationen
-------------------------------------------------------------- */
.old-animation-container {
	position:relative;
	width:780px;
	min-height:420px;
	margin-left:-220px;
	margin-bottom:20px;
}
.animation-container {
	position:relative;
	width:640px;
	min-height:335px;
	margin-left:-80px;
	margin-bottom:20px;
}
.animation-container.bb-diaschau-eigene {
	width:605px;
	margin-left:-45px;
	min-height:462px;
}
.animation-container img {
	position:absolute;
	top:0px;
	width:100%;
	height:auto;
}



/* mehr-texte
-------------------------------------------------------------- */
summary {
  cursor: pointer;
  display:inline-block;
  width:100%;
}

/* Pfeil weg */
summary::-webkit-details-marker,
summary::marker {
    display: none;
    content: "";
}

/* plusminus */
summary h2:before,
summary h3:before,
summary h4:before,
summary p:before {
    content: "+";
    width:10px;
    display:inline-block;
}

details[open] > summary h2:before,
details[open] > summary h3:before,
details[open] > summary h4:before,
details[open] > summary p:before {
    content: "–";
}

details {
	display:inline-block;
}

details[open] {
}

.akkordeontext {
  overflow: hidden;
}

details + .akkordeontext {
  max-height: 0;
  opacity:1;
  transition: max-height 0.7s ease-out, opacity 0.7s ease-out;
}

details[open] + .akkordeontext {/*def. max-height wird von js zugewiesen */
  max-height: 4000px;
  margin-bottom:24px;
  opacity:1;
  transition: max-height 0.7s ease-out, opacity 0.7s ease-out;
}



summary h2,
summary h3,
summary h4,
summary p {
	display:inline-block;
	margin-top:0px;
	margin-left:20px;
	text-indent:-10px;
	width:100%;
}
.akkordeontext h4:first-of-type {
	margin-top:12px;
}
.akkordeontext + h2,
.akkordeontext + h3,
.akkordeontext + h4 {
	margin-top:0px;
}



/* Textformate
-------------------------------------------------------------- */
body, td {
	font:16px/21px ReplicaLLWeb-Bold,sans-serif;
}
h1, h2 {
	font:24px/28px ReplicaLLWeb-Bold, helvetica,sans-serif;
	color: var(--gruen);
	font-weight:normal;
	margin-bottom:18px;
}
h2 {
	margin-top:32px;
}
h3, h4 {
	font:18px/21px ReplicaLLWeb-Bold, helvetica,sans-serif;
	color: var(--gruen);
	font-weight:normal;
	margin-top:32px;
	margin-bottom:18px;
}
h4 {
	margin-bottom:0px;
}
h1 + h2,
h1 + h3,
h1 + h4,
h2 + h3,
h2 + h4,
h3 + h4 {
	margin-top:0px;
}
.site-content p,
.fusszeile p {
	margin-bottom:18px;
}
.site-content p.lead {
	font:24px/28px ReplicaLLWeb-Bold, helvetica,sans-serif;
}

.site-content ul {
	margin-bottom:18px;
	margin-left:16px;
}
.site-content ol {
	margin-bottom:18px;
	margin-left:36px;
}
.site-content p.bildlegende {
	margin-top:6px;
	font-size:12px;
	line-height:16px;
	font-style:italic;
}
.site-content .bildoben p.bildlegende {
	margin-bottom:0px;;
}
.site-content p.weiterlesen {
	margin-top:-18px;
}
.site-content p.datum {
	font:12px/18px ReplicaLLWeb-Bold,sans-serif;
	margin-bottom:0px;
}

.site-content .zitat {
	font:28px/32px times, serif;
	font-weight:bold;
	width:80%;
	margin-left:10%;
	padding:24px 0px 24px 0px;
}

@supports (hyphens: auto) or (-ms-hyphens: auto) or (-moz-hyphens: auto) or (-webkit-hyphens: auto) {

	.site-content p.blocksatz {
		text-align:justify;
	}
	.site-content p.blocksatz {
		
		/*safari*/
		-webkit-hyphens: auto;
		-webkit-hyphenate-limit-before: 3;
		-webkit-hyphenate-limit-after: 3;
		-webkit-hyphenate-limit-chars: 4 2 2;
		-webkit-hyphenate-limit-lines: 3;
		-webkit-hyphenate-limit-last: always;
		-webkit-hyphenate-limit-zone: 8%;
		
		/*firefox*/
		-moz-hyphens: auto;
		-moz-hyphenate-limit-chars: 4 2 2;
		-moz-hyphenate-limit-lines: 3;
		-moz-hyphenate-limit-last: always;
		-moz-hyphenate-limit-zone: 8%;
		
		/*ie 10, edge*/
		-ms-hyphens: auto;
		-ms-hyphenate-limit-chars: 4 2 2;
		-ms-hyphenate-limit-lines: 3;
		-ms-hyphenate-limit-last: always;
		-ms-hyphenate-limit-zone: 8%;
		
		/*normal*/
		hyphens: auto;
		hyphenate-limit-chars: 4 2 2;
		hyphenate-limit-lines: 3;
		hyphenate-limit-last: always;
		hyphenate-limit-zone: 8%;
	}
}

/* kasten */
.kasten-gruen {
	color:#fff;
	background:var(--gruen);
	padding:20px 20px 15px 20px;
	margin-bottom:18px;
}
.site-content .kasten-gruen h1,
.site-content .kasten-gruen h2,
.site-content .kasten-gruen h3,
.site-content .kasten-gruen h4 {
	color:#fff;	
}
.site-content .kasten-gruen h1:first-of-type,
.site-content .kasten-gruen h2:first-of-type {
	margin-top:0px;
}


/* Blogseite
-------------------------------------------------------------- */
h2.erster {
	margin-top:0px;
}
.site-content .entry-summary p {
	margin-bottom:0px;
}


/* Bilder
-------------------------------------------------------------- */
.site-content img {
	margin:0px;
	padding:0px;
	vertical-align: bottom;
	max-width:100%;
	height:auto;
}
.site-content .vorschaubild {
	float:left;
	margin-right:20px;
	margin-bottom:0px;
	margin-top:5px;
	width:45%;
	height:auto;
}
.site-content .bildoben {
	margin-bottom:18px;
}
.site-content img.bild-halbebreite {
	width:50%;
	height:auto;
}
.site-content img.bild-ueberbreite {
	width:605px;
	max-width:605px;
	margin-left:-45px;
}

/* fusszeile, sm-icons unten bei links
------------------------------------------------------------ */
.fusszeile-innen {
	position:relative;
	width:100%;
	padding-top:20px;
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap: 20px;
	border-top:1px solid #000;
}
.spalte {
	margin-bottom:20px;
}

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

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

/* diaschau (s.a. links)
------------------------------------------------------------- */
.legendecontainer {
	margin-bottom:36px;	
}
.legendecontainer .bildlegende {
	font-style:normal;
}


/* Links
-------------------------------------------------------------- */
.site-content a {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #000;
}
.site-content .kasten-gruen a {
	color:#fff;
	border-bottom:1px solid #fff;
}

.site-content a.emaillink {
	border-bottom:0px;
}
.site-content a:hover, .site-content a:focus, .site-content a:active {
	color:var(--gelb);
	border-bottom:1px solid var(--gelb);
}

.site-content h1 a {
	color: var(--gruen);
	text-decoration:none;
	padding:0px;
	background:none;
	border:0;
}
.site-content h1 a:hover, .site-content h1 a:focus, .site-content h1 a:active {
	border:0;
}
.fusszeile a {
	color:#000;
	text-decoration:none;
}
.fusszeile a:hover, .fusszeile a:focus, .fusszeile a:active {
	color:var(--gelb);
}

.site-content p.weiterlesen a {
	border:0;
	padding-left:14px;
	background:url(images/pfeile-slim.png?ver=1.1);
	background-repeat:no-repeat;
	background-size:16px auto;
	background-position:0px -6px;
}
.site-content p.weiterlesen a:hover, .site-content p.weiterlesen a:focus, .site-content p.weiterlesen a:active {
	border:0;
	color:var(--gelb);
	background-position:0px -35px;
}


.site-content span.zuruecklink {
	cursor:pointer;
	padding-left:14px;
	background:url(images/pfeile-slim.png?ver=1.1);
	background-repeat:no-repeat;
	background-size:16px auto;
	background-position:0px -74px;
}
.site-content span.zuruecklink:hover, .site-content span.zuruecklink:focus, .site-content span.zuruecklink:active {
	color:var(--gelb);
	background-position:0px -103px;
}


.bildlink, .bildlink:hover {
	border:0;
}	
p.toplink span, p.backlink span {
	cursor:pointer;
}

.diaschaucontainer a {
	padding:0px;
	background:none;
	background-position:0px 0px;
}
.diaschaucontainer a:hover, .diaschaucontainer a:focus, .diaschaucontainer a:active {
	background-position:0px 0px;
}
.legendecontainer .blaetter-r {
	background-position:-30px 0px !important;
}


.sm-icons a.sm-link {
	text-decoration:none;
	width:35px;
	height:35px;
	display:inline-block;
	background:url(images/sm-logos.png?ver=1.2);
	background-repeat:no-repeat;
	background-size:auto 82px;
	background-position:0px 0px;
}
a.sm-link-1, a.sm-link-2 {
	margin-right:18px;
}

.sm-icons a.sm-link.link-facebook {
	/*wie oben*/
}
.sm-icons a.sm-link.link-instagram {
	background-position:-48px 0px;
}
.sm-icons a.sm-link.link-linkedin {
	background-position:-97px 0px;
}

.sm-icons a.sm-link.link-facebook:hover,
.sm-icons a.sm-link.link-facebook:focus,
.sm-icons a.sm-link.link-facebook:active {
	background-position:0px -47px;
}
.sm-icons a.sm-link.link-instagram:hover,
.sm-icons a.sm-link.link-instagram:focus,
.sm-icons a.sm-link.link-instagram:active {
	background-position:-48px -47px;
}
.sm-icons a.sm-link.link-linkedin:hover,
.sm-icons a.sm-link.link-linkedin:focus,
.sm-icons a.sm-link.link-linkedin:active {
	background-position:-97px -47px;
}


.fusszeile .spalte-2 p {
	margin-bottom:12px;
}


/* nav
-------------------------------------------------------------- */
.hauptnav a,
.hauptnav span {
	font:13px/16px ReplicaLLWeb-Bold, helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:0.02em;
	display:block;
}

.hauptnav ul li {
    display: block;
    float:left;
    white-space: nowrap;
	list-style:none;
    margin:0px 5px 0px 5px;
    padding: 0px;
    vertical-align:top;
    overflow:hidden;
    /*cursor:pointer;
	outline:1px solid #aaa;
   	-webkit-transition: height 0.4s ease-out;
	-moz-transition: height 0.4s ease-out;
	transition: height 0.4s ease-out;	*/

}
.hauptnav ul li a,
.hauptnav ul li span.linkleer {
    width:100%;
    padding:0px 5px 8px 5px;
    display: block;
    text-decoration:none;
}
.hauptnav ul li span.linkleer {
	position:relative;
	cursor:pointer;
	background:#fff;
	z-index:1;
}

.hauptnav ul li span.linkleer .keil {
	position:relative;
	display:inline-block;
	width: 6px;
	height: 6px;
	top:-1px;
	margin:0px 0px 0px 3px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	transform: rotate(45deg);
}
.hauptnav ul li span.linkleer.vorn {
	z-index:12;
}

/* sub */
.hauptnav ul li ul {
	padding:14px 10px 10px 10px;
	margin-left:5px;
	min-width:150px;
 	position: absolute;
 	top:23px;
    background:#fff;
	border: 1px solid var(--gruen);
    display:none;
	z-index:11;
}
.hauptnav ul li ul.sichtbar {
	display:block;
}

.hauptnav ul li ul.navlevel-2,
.hauptnav ul li.current_page_parent ul.navlevel-2 {
    display:none;
}
.hauptnav ul li ul li {
    padding: 0px 0px 6px 0px;
    margin:0px;
	float:none;
}



/* mobile */
.hauptnavmobile {
	position:fixed;
	top:var(--kopfzeileHoehe);
	width:100%;
	z-index:11;
	height:0px;
	overflow:hidden;
	background:#fff;
	-webkit-transition: height 0.4s ease-out;
	-moz-transition:height 0.4s ease-out;
	transition: height 0.4s ease-out;
}
.hauptnavmobile ul {
	position:relative;
	margin-left:200px;
}
.hauptnavmobile ul li ul {
	margin-left:0px;
}
.hauptnavmobile.offen {
	height:calc(100vh - var(--kopfzeileHoehe));
	-webkit-transition: height 0.4s ease-out;
	-moz-transition:height 0.4s ease-out;
	transition: height 0.4s ease-out;
}


.hauptnavmobile ul li {
    display: block;
    white-space: nowrap;
	list-style:none;
    margin:0px 0px 10px 0px;
    padding: 0px;
    overflow:hidden;
    /*cursor:pointer;
	outline:1px solid #aaa;
   	-webkit-transition: height 0.4s ease-out;
	-moz-transition: height 0.4s ease-out;
	transition: height 0.4s ease-out;	*/

}
.hauptnavmobile a,
.hauptnavmobile span {
	font:13px/16px ReplicaLLWeb-Bold, helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:0.02em;
	display:block;
}

.hauptnavmobile ul li a,
.hauptnavmobile ul li span.linkleer {
    width:100%;
    display: block;
    text-decoration:none;
}
.hauptnavmobile ul li span.linkleer {
	position:relative;
	cursor:pointer;
}

.hauptnavmobile ul li span.linkleer .keil {
	position:relative;
	display:inline-block;
	width: 6px;
	height: 6px;
	top:-1px;
	margin:0px 0px 0px 3px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	transform: rotate(45deg);
}

/* sub */
.hauptnavmobile ul li ul {
	padding:0px 0px 0px 20px;
    display:none;
}
.hauptnavmobile ul li.current_page_parent ul {
    display:block;
}

.hauptnavmobile ul li ul li:first-of-type {
	padding:10px 0px 0px 0px;
}
.hauptnavmobile ul li ul li:last-of-type {
	padding:0px 0px 10px 0px;
}

.hauptnavmobile ul li ul.navlevel-2,
.hauptnavmobile ul li.current_page_parent ul.navlevel-2 {
    display:none;
}







/* farben ////////// */
.hauptnav a, .hauptnav span,
.hauptnavmobile a, .hauptnavmobile span {
	color:#000;
}
.hauptnav .current_page_item a,
.hauptnav .current_page_ancestor a, 
.hauptnav .current_page_parent a,
.hauptnav .current_page_item span,
.hauptnav .current_page_ancestor span, 
.hauptnav .current_page_parent span,

.hauptnavmobile .current_page_item a,
.hauptnavmobile .current_page_ancestor a, 
.hauptnavmobile .current_page_parent a,
.hauptnavmobile .current_page_item span,
.hauptnavmobile .current_page_ancestor span, 
.hauptnavmobile .current_page_parent span {
	color: var(--gruen);
}
.hauptnav ul li.current_page_item span.linkleer .keil,
.hauptnav ul li.current_page_ancestor span.linkleer .keil,
.hauptnav ul li.current_page_parent span.linkleer .keil,

.hauptnavmobile ul li.current_page_item span.linkleer .keil,
.hauptnavmobile ul li.current_page_ancestor span.linkleer .keil,
.hauptnavmobile ul li.current_page_parent span.linkleer .keil {

	border-right: 2px solid var(--gruen);
	border-bottom: 2px solid var(--gruen);
}


/* 2. stufe */
.hauptnav ul li ul a,
.hauptnavmobile ul li ul a {
	color:#000;
	border:0;
}

.hauptnav .current_page_parent ul li a,
.hauptnavmobile .current_page_parent ul li a {
	color:#000;
	border:0;
}

.hauptnav .current_page_parent ul .current_page_item a,
.hauptnav .current_page_item ul .current_page_item a,
.hauptnavmobile .current_page_parent ul .current_page_item a,
.hauptnavmobile .current_page_item ul .current_page_item a {
	color: var(--gelb);
	border:0;
}

/* hover */
.hauptnav a:hover,
.hauptnav span:hover,
.hauptnavmobile a:hover,
.hauptnavmobile span:hover {
	color: var(--gruen);
}
.hauptnav ul li span.linkleer:hover .keil,
.hauptnavmobile ul li span.linkleer:hover .keil {
	border-right: 2px solid var(--gruen);
	border-bottom: 2px solid var(--gruen);
}
.hauptnav ul li ul a:hover,
.hauptnav .current_page_parent ul a:hover,
.hauptnav .current_page_item ul a:hover,
.hauptnavmobile ul li ul a:hover,
.hauptnavmobile .current_page_parent ul a:hover,
.hauptnavmobile .current_page_item ul a:hover {
	color: var(--gelb);
	border:0;
}



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

.menuebuttcontainer {
	position:relative;
	width:38px;
	height:38px;
	margin-top:0px;
	display:none;	
	float:right;
}
#xmenuebutton {
	position:relative;
	z-index:21;
	cursor:pointer;
	width:100%;
	height:100%;
	background:url(images/menuebutt26.png?ver=1.3);
	background-size:auto 80px;
	background-repeat:no-repeat;
	background-position:12px 3px;
}
#xmenuebutton.aktiv {
	background-position:12px -47px;
}



/*reset*/
@media only screen and (min-width: 1081px) {

	#xmenuebutton {
		display:none;
	}
	.hauptnavmobile {
		display:none;
		height:0px;
		width:0px;
		overflow:hidden;
	}
}



@media only screen and (max-width: 1080px){
	.konsole {
		width:560px;
	}
	.menuebuttcontainer {
		display:block;
	}
	.hauptnav {
		display:none;
	}


	.animation-container {
		width:100%;
		min-height:300px;
		margin-left:0px;
		margin-bottom:20px;
	}
	.animation-container.bb-diaschau-eigene {
		width:605px;
		margin-left:-45px;
		min-height:462px;
	}
	.fusszeile {
		width:560px;
	}
	.fusszeile-innen {
		left:0px;
		width:100%;
	}

}
@media only screen and (max-width: 800px){
	:root {
		--kopfzeileHoehe:80px;
	}

	.kopfzeile {
		padding:20px 20px 0px 20px;
	}
	.logo {
		width:200px;
		height:40px;
	}

	.hauptnavmobile ul {
		margin-left:128px;
	}
}

@media only screen and (max-width: 680px){
	.animation-container.bb-diaschau-eigene {
		width:100%;
		min-height:415px;
		margin-left:0px;
	}
	.site-content img.bild-ueberbreite {
		width:100%;
		max-width:100%;
		margin-left:0px;
	}
}


/* kleinste */
@media only screen and (max-width: 610px){
	.kopfzeile {
		padding:20px 0px 0px 0px;
	}
	.kopfzeile-innen {
		width:300px;
		max-width:300px;
	}
	.hauptnavmobile ul {
		width:300px;
		margin-left:auto;
		margin-right:auto;	
	}
	.konsole {
		width:300px;
	}
	.inhalt {
		position:relative;
		padding-top:calc(20px + var(--kopfzeileHoehe));
	}
	.animation-container {
		min-height:160px;
		margin-bottom:20px;
	}
	.animation-container.bb-diaschau-eigene {
		width:100%;
		min-height:215px;
	}
	.fusszeile {
		width:300px;
	}
	.fusszeile-innen {
		display:block;
		padding-bottom:40px;
	}


	body, td {
		font:14px/18px ReplicaLLWeb-Bold,sans-serif;
	}
	h1, h2 {
		font:21px/24px ReplicaLLWeb-Bold, helvetica,sans-serif;
	}
	h2 {
		margin-top:28px;
	}
	h3, h4 {
		font:16px/19px ReplicaLLWeb-Bold, helvetica,sans-serif;
	}
	.site-content p.lead {
		font:21px/26px ReplicaLLWeb-Bold, helvetica,sans-serif;
	}

	.site-content p.bildlegende {
		font-size:11px;
	}
	.site-content p.datum {
		font:12px/18px ReplicaLLWeb-Bold,sans-serif;
	}

	.site-content .zitat {
		font:21px/26px times, serif;
		font-weight:bold;
		width:100%;
		margin-left:0px;
		padding:12px 0px 12px 0px;
	}

	@supports (hyphens: auto) or (-ms-hyphens: auto) or (-moz-hyphens: auto) or (-webkit-hyphens: auto) {
	
		.site-content p {
			
			/*safari*/
			-webkit-hyphens: auto;
			-webkit-hyphenate-limit-before: 3;
			-webkit-hyphenate-limit-after: 3;
			-webkit-hyphenate-limit-chars: 4 2 2;
			-webkit-hyphenate-limit-lines: 3;
			-webkit-hyphenate-limit-last: always;
			-webkit-hyphenate-limit-zone: 8%;
			
			/*firefox*/
			-moz-hyphens: auto;
			-moz-hyphenate-limit-chars: 4 2 2;
			-moz-hyphenate-limit-lines: 3;
			-moz-hyphenate-limit-last: always;
			-moz-hyphenate-limit-zone: 8%;
			
			/*ie 10, edge*/
			-ms-hyphens: auto;
			-ms-hyphenate-limit-chars: 4 2 2;
			-ms-hyphenate-limit-lines: 3;
			-ms-hyphenate-limit-last: always;
			-ms-hyphenate-limit-zone: 8%;
			
			/*normal*/
			hyphens: auto;
			hyphenate-limit-chars: 4 2 2;
			hyphenate-limit-lines: 3;
			hyphenate-limit-last: always;
			hyphenate-limit-zone: 8%;
		}
	}
	
	
	div#mc_embed_signup input[type=text],
	div#mc_embed_signup input[type= email] {
		width: 100%;
		max-width: 100%;
	}


}