/*
Theme Name: LETPack
Theme URI: http://www.bytesbones.ch
Author: Klaus Affolter
Author URI: http://www.bytesbones.ch
Description: Wordpress-Theme von bytes & bones.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
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;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*wartung*/
.wartungsbutton {
	position:fixed;
	bottom:20px;
	right:20px;
	height:20px;
	width:20px;
	cursor:pointer;
	z-index:201;
	font:14px/18px sans-serif;
	outline:1px solid #bbb;
	display:none;
}
.rahmenanzeigen {
	outline:1px solid #d00;
}



/* schriften
-------------------------------------------------------------- */
@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-display: swap;
}

@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;
    font-display: swap;
}

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

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


/* variablen */
:root {
	--lauftext: 'OpenSansRegular';
	--hervorhebung-lauftext: 'OpenSansBold';
	--titel: 'PalanquinDark-Bold';
	--schriftgroesse: 16px;
	--durchschuss: 24px;
  
	--gruen: #78d228;
	--hellgruen: #ebf8df;
	--orange: #f9a312;
	--hellorange: #feedcf;
	--weiss: #fff;
}


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

.konsole {
	position:relative;
	width:100%;
	z-index:10;
}
.konsole.unsichtbar {
	display:none;
}
header {
	position:fixed;
	width:100%;
	background:#fff;
	border-bottom:1px solid #fff;
	z-index:20;
}
header.scrollbody {
	border-bottom:1px solid #748577;
}
.kopfzeile {
	position:relative;
	height:120px;
	width:1600px;
	margin-left:auto;
	margin-right:auto;
}
.logo {
	width:220px;
	height:76px;
	margin-top:32px;
	display:block;
	float:left;
 	background: url(images/logo-letpack-0924.png);
	background: url(images/logo-letpack-0924.svg), linear-gradient(transparent, transparent);
	background-size:100% auto;
	background-repeat:no-repeat;
}
.hauptnavcontainer {
	float:right;
	margin:61px 0px 0px 0px;
}
.hauptnav {
	float:left;
	margin-right:40px;	
}
.kopfrechts {/*warenkorb + menubutt*/
	float:right;
	margin-top:-2px;
}
.site-content {
	width:100%;
	padding-top:160px;
}
.pfad, h2.haupttitel-personen {
	position:relative;
	width:1600px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
}
.fusszeile {
	clear:left;
	padding:60px 0px 90px 0px;
	background:var(--hellgruen);
}
.fusszeile .logo {
	margin-top:6px;
}
.fusszeile-2 {
	clear:left;
	padding:60px 0px 90px 0px;
}
.clearer {
	clear:both;
	width:100%;
	height:0px;
	display:block;
	overflow:hidden;
}

/* bloecke 
------------------------------------------------- */
.block.gruen {
	background:var(--gruen);
}
.block.hellgruen {
	background:var(--hellgruen);
}
.block.orange {
	background:var(--orange);
}
.block.hellorange {
	background:var(--hellorange);
}


.bb_einspaltig {
	padding:90px 0px 90px 0px;
}
.block-1.bb_einspaltig.weiss {
	padding:0px 0px 90px 0px;
}
.bb_einspaltig .spalte-1 {
	position:relative;
	width:700px;
	margin-left:auto;
	margin-right:auto;
}


.bb_einspaltig_banner {
	height:40vw;
}
.bb_einspaltig_banner.googlemapblock {
	height:60vh;
}
.bb_einspaltig_banner .spalte-1 {
	height:100%;
	display:block;
}


/* titel links, text rechts */
.bb_zweispaltig_nurtext .spaltencontainer {
	position:relative;
	width:1600px;
	padding:90px 0px 90px 0px;
	margin-left:auto;
	margin-right:auto;
	display:grid;
	grid-template-columns: 7fr 9fr;
	grid-column-gap: 20px;
}
.block-1.bb_zweispaltig_nurtext.weiss .spaltencontainer {
	padding:0px 0px 100px 0px;
}
.bb_zweispaltig_nurtext .spaltencontainer.nurtitel,
.block-1.bb_zweispaltig_nurtext.weiss .spaltencontainer.nurtitel {
	padding-bottom: 60px;
}
.bb_zweispaltig_nurtext .spalte-1 {
	margin-top:-9px;
	padding:0px 100px 0px 0px;
}
.bb_zweispaltig_nurtext .spalte-2 {
	margin-top:-5px;
}
.bb_zweispaltig_nurtext .spalte-2 .spalteTXT {
	width:500px;
}

/* text links, bild rechts */
.bb_zweispaltig_bildrechts {
	display:grid;
	grid-template-columns: 1fr 1fr;
}
.bb_zweispaltig_bildrechts .spalte-1 {/* text */
	padding-top:90px;
	padding-bottom:90px;
	padding-right:100px;
	padding-left:calc(50vw - 800px);
}
.bb_zweispaltig_bildrechts .spalte-2 {/* bild */
	min-height:500px;
}

/* text rechts, bild links */
.bb_zweispaltig_bildlinks {
	display:grid;
	grid-template-columns: 1fr 1fr;
}
.bb_zweispaltig_bildlinks .spalte-1 {/* bild */
	min-height:500px;
}
.bb_zweispaltig_bildlinks .spalte-2 {/* text */
	padding-top:90px;
	padding-bottom:90px;
	padding-left:100px;
	padding-right:calc(50vw - 800px);
}



/* teaser */
.bb_teaser {/* block */
	display:grid;
	grid-column-gap:2px;
	grid-row-gap:0px;
}
a.teaser {/* einzelner */
	width:100%;
	display:flex;
	justify-content: flex-end;
	flex-direction: column;
	overflow:hidden;
}
.teaserbild-container {
	aspect-ratio: 7/8;
	width:100%;
	display:block;
	overflow:hidden;
}
.maxteaser-2 .teaserbild-container {
	aspect-ratio: 8/7;
}
.teaserbild {
	background:var(--hellorange);
	height:100%;
	width:100%;
	margin-left:0%;
	margin-top:0%;
	display:block;
	-webkit-transition: all 0.6s ease-out;
	-moz-transition:all 0.6s ease-out;
	transition: all 0.6s ease-out;
}
a.teaser:hover .teaserbild {
	/*background-blend-mode: multiply;*/
	width:106%;
	height:106%;
	margin-left:-3%;
	margin-top:-3%;
	-webkit-transition: all 0.6s ease-out;
	-moz-transition:all 0.6s ease-out;
	transition: all 0.6s ease-out;
}
.teaser h3 {
	height:150px;
	padding:0px 20px 0px 20px;
	background:var(--gruen);
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	display:flex;
	justify-content:center;
	flex-direction: column;
	text-align:center;
}
.bb_teaser.maxteaser-2 {
	grid-template-columns: 1fr 1fr;
}
.bb_teaser.maxteaser-3 {
	grid-template-columns: 1fr 1fr 1fr;
}
.bb_teaser.maxteaser-4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.bb_teaser.maxteaser-5 {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.bb_teaser.maxteaser-6 {
	grid-template-columns: 1fr 1fr 1fr;
}
.bb_teaser.maxteaser-7 {/* 12 frames, erste reihe 3 frames pro teaser */
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.bb_teaser.maxteaser-7 .teaser {
	grid-column-end: span 3;
}
/* alle teaser gleich gross, letzte 3 einmitten
.bb_teaser.maxteaser-7 .teaser:nth-child(5) {
	grid-column-start:2;
}*/
/* erste drei groesser*/
.bb_teaser.maxteaser-7 .teaser:nth-child(1),
.bb_teaser.maxteaser-7 .teaser:nth-child(2),
.bb_teaser.maxteaser-7 .teaser:nth-child(3) {
	grid-column-end: span 4;
}


/* personen */
.bb_personenliste {/* block */
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap:2px;
	grid-row-gap:24px;
	padding-bottom:90px;
}
.bb_personenliste + .bb_personenliste {
	margin-top:-66px;
}
div.personencontainer {/* einzelner */
}
.personenbild-container {
	aspect-ratio: 1/1;
	width:100%;
	display:block;
	overflow:hidden;
}
.personenbild {
	height:100%;
	width:100%;
	margin-left:0%;
	margin-top:0%;
	display:block;
}
.personencontainer div.personentxt {
	padding:0px 20px 0px 20px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	text-align:center;
}

/*
.bb_personenliste.maxpersonen-1 {
	grid-template-columns: 1fr 1fr 1fr;
}
.bb_personenliste.maxpersonen-2 {
	grid-template-columns: 1fr 1fr 1fr;
}
.bb_personenliste.maxpersonen-3,
.bb_personenliste.maxpersonen-6,
.bb_personenliste.maxpersonen-9 {
	grid-template-columns: 1fr 1fr 1fr;
}
.bb_personenliste.maxpersonen-4,
.bb_personenliste.maxpersonen-8,
.bb_personenliste.maxpersonen-12 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.bb_personenliste.maxpersonen-5,
.bb_personenliste.maxpersonen-10 {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.bb_personenliste.maxpersonen-7,
.bb_personenliste.maxpersonen-11 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
*/



/* Fusszeile
-------------------------------------------------------------- */
.fusszeile .spaltencontainer,
.fusszeile-2 .spaltencontainer {
	position:relative;
	width:1600px;
	margin-left:auto;
	margin-right:auto;
	display:grid;
	grid-column-gap:40px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fusszeile-2 .spaltencontainer {
	grid-column-gap:100px;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.fusszeile-2 .spaltencontainer span {/* mitglied von */
	grid-column-end: span 5;
	color:var(--gruen);
	padding-bottom:40px;
}

/* Textformate
-------------------------------------------------------------- */
body, td {
	font-family:var(--lauftext),sans-serif;
	font-size:var(--schriftgroesse);/* 16 */
	line-height:calc(var(--durchschuss) * 1.05);/* 24 -> 25.2 */
}
h1, h2 {
	font-family:var(--titel),sans-serif;
	font-size:calc( (var(--schriftgroesse) / 8) * 25 ) ;/* 50 */
	line-height:calc( (var(--durchschuss) / 12) * 25 );/* 50 */
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:calc(var(--durchschuss) * 2);/* 48 */
}
.bb_zweispaltig_nurtext h1,
.bb_zweispaltig_nurtext h2 {
	margin-bottom:0px;
}
p + h2, ul + h2, ol + h2 {
	margin-top:calc(var(--durchschuss) * 2.5);
}
h3,h4 {
	font-family:var(--hervorhebung-lauftext), sans-serif;
	font-size:calc( (var(--schriftgroesse) / 2) * 3 ) ;/* 24 */
	line-height:var(--durchschuss);/* 24 */
	font-weight:normal;
	text-transform:uppercase;
	margin-top:calc(var(--durchschuss) * 2);/* 48 */
	margin-bottom:var(--durchschuss);/* 24 */
}
.teaser h3 {
	line-height:calc(var(--durchschuss) * 1.2);
	margin-top:0px;
	margin-bottom:0px;
}
.personencontainer h3 {
	line-height:calc(var(--durchschuss) * 1.2);
	margin-top:var(--durchschuss);/* 24 */;
	margin-bottom:4px;
}
.spalte h3:first-of-type {
	margin-top:0px;
}
	
h5 {
	font-family:var(--hervorhebung-lauftext), sans-serif;
	font-size:var(--schriftgroesse);/* 16 */
	line-height:var(--durchschuss);/* 24 */
	font-weight:normal;
	margin-bottom:0px;
}
.site-content p {
	margin-bottom:var(--durchschuss);
}
.pfad {
	color:var(--gruen);
}


.site-content .block ul {
	/*margin-top:var(--durchschuss);*/
    list-style: url(images/aufzaehlung.png?ver=1.3) outside none; 
    margin-left: 18px; 
	margin-bottom:var(--durchschuss);
}
.site-content .block ul li + li {
	margin-top: calc(var(--durchschuss) / 2);
}

.site-content .block ol {
	list-style: none;
	margin-bottom:var(--durchschuss);
}
.site-content .block ol li {
	display: flex;
	align-items: center;
	gap: 1rem;
	width: calc(100% - 2rem);
}
.site-content .block ol li::before {
	counter-increment: list-item;
	content: counter(list-item);
	font-family:var(--hervorhebung-lauftext), sans-serif;
	font-size: var(--schriftgroesse);
	background: #000;
	color: white;
	border-radius: 50%;
	display: flex;
	flex: 0 0 auto;
	width:calc(var(--schriftgroesse) * 2);
	height:calc(var(--schriftgroesse) * 2);
	justify-content: center;
	align-items: center;
}
.site-content .block.weiss ol li::before {
	background: var(--gruen);
}
.site-content .block ol li + li {
	margin-top: calc(var(--durchschuss) / 2);
}


.xxsite-content ol li::marker {
	font-family:var(--hervorhebung-lauftext), sans-serif;
	color: var(--orange);
}	
.fusszeile {
}

b, strong, p.lead {
	font-family:var(--hervorhebung-lauftext);
}


/* Tabellen
-------------------------------------------------------------- */
.site-content table.partner td {
	padding-bottom:60px;
	vertical-align:middle;
}
.site-content table.partner td:nth-of-type(2n+1) {/* ungerade */
	padding-right:40px;
	width:40% !important;
}
.site-content table.partner td:nth-of-type(2n) {/* gerade */
	width:60% !important;
}
.site-content table.partner img {
	max-width:80%;
}

/* Bilder
-------------------------------------------------------------- */
.site-content img {
	margin:0px;
	padding:0px;
	vertical-align: bottom;
}
.site-content .spalte img {
	max-width:100%;
	height:auto;
}

/* Google Map
-------------------------------------------------------------- */
.googlemap-container {
	width:100%;
	height:100%;
	padding:0px 0px 0px 0px;
}
#googleMap {
	width:100%;
	height:100%;
	display:block;
}
.gm-style iframe + div {
	border:none!important;
}


/* raise now formular
-------------------------------------------------------------- */
#tamaro-iframe-zswwj {
	width:calc(100% + 40px) !important;
	margin-left:-20px;
}



/* Links
-------------------------------------------------------------- */
.site-content a {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #000;
}
.site-content a:hover {
	border-bottom:1px solid #000;
}
.site-content a.teaser,
.site-content a.teaser:hover {
	border:0;	
}
a.logo {
	text-decoration:none;
}
.site-content .pfad a {
	font-family:var(--hervorhebung-lauftext), sans-serif;
	border:0px;
	color:var(--gruen);
}
.site-content a.bb-button {
	border:1px solid #000;
	padding:4px 10px 4px 10px;
}
.site-content a.bb-button:hover {/* vor orange, gruen */
	color:#fff;
	border:1px solid #fff;
}	
.site-content .hellgruen a.bb-button:hover {
	color:var(--gruen);
	border:1px solid var(--gruen);
}
.site-content .hellorange a.bb-button:hover {
	color:var(--orange);
	border:1px solid var(--orange);
}

.site-content .weiss a.bb-button {
	color:var(--gruen);
	border:1px solid var(--gruen);
}
.site-content .weiss a.bb-button:hover {
	color:#000;
	border:1px solid #000;
}

.fusszeile a {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid var(--gruen);
}
.fusszeile a:hover {
	color:var(--gruen);
}
.fusszeile a.logo,
.fusszeile a.logo:hover {
	border:0;
}
.fusszeile-2 a {
	text-decoration:none;
	width:140px;
	height:80px;
	display:inline-block;
}
.fusszeile-2 a.logo-ggg {
	background:url(images/logo-ggg.png?ver=1.2);
	background:url(images/logo-ggg.svg?ver=1.2), linear-gradient(transparent, transparent);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}
.fusszeile-2 a.logo-insos {
	background:url(images/logo-insos.png?ver=1.2);
	background:url(images/logo-insos.svg?ver=1.2), linear-gradient(transparent, transparent);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}
.fusszeile-2 a.logo-ig-prikop {
	background:url(images/logo-ig-prikop.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}
.fusszeile-2 a.logo-subB {
	background:url(images/logo-subB-2.png?ver=1.1);
	background:url(images/logo-subB-2.svg?ver=1.1), linear-gradient(transparent, transparent);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}
.fusszeile-2 a.logo-zivildienst {
	width:100px;
	height:100px;
	background:url(images/logo-zivildienst.png?ver=1.1);
	background:url(images/logo-zivildienst.svg?ver=1.1), linear-gradient(transparent, transparent);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}

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

.hauptnav {
	font-family:var(--lauftext), sans-serif;
	font-size:var(--schriftgroesse);
	line-height:var(--durchschuss);
}
.hauptnav a {
	color:#000;
	text-decoration:none;
	padding-bottom:4px;
}
.hauptnav li ul li a {
	padding-bottom:0px;
}
.hauptnav ul li {
	list-style:none;
	float:left;
	margin-right:20px;
}
.hauptnav ul li:last-of-type {
	margin-right:0px;
}
.hauptnav ul li ul {
	position:absolute;
	top:87px;
	margin:0px;
	display:none;
	padding:4px 0px 0px 0px;
}
.hauptnav ul li:hover ul {
	display:block;
}
.hauptnav ul li ul li {
	float:none;
	margin-right:0px;
	padding:5px 65px 0px 15px;
	background:var(--hellgruen);
}
.hauptnav ul li ul li:first-of-type {
	padding:10px 65px 0px 15px;
}
.hauptnav ul li ul li:last-of-type {
	padding:5px 65px 15px 15px;
}

/*farben*/
.hauptnav .current_page_item a {
	color:#000;
	border-bottom:2px solid var(--gruen);
}
.hauptnav li:hover a {
	color:var(--gruen);
	border-bottom:2px solid var(--gruen);
}
.hauptnav li:hover ul li a {
	color:#000;
	border:0px;
} 


.hauptnav .current_page_ancestor a, .hauptnav .current_page_parent a {
	color:#000;
	border-bottom:2px solid var(--gruen);
}
.hauptnav .current_page_item ul li a, .hauptnav .current_page_ancestor ul li a, .hauptnav .current_page_parent ul li a {
	color:#000;
	border:0px;
}
.hauptnav li ul li a:hover, .hauptnav .current_page_item ul li a:hover, .hauptnav .current_page_ancestor ul li a:hover, .hauptnav .current_page_parent ul li a:hover {
	color:var(--gruen);
	border:0px;
}
.hauptnav .current_page_item ul .current_page_item a, .hauptnav .current_page_ancestor ul .current_page_item a, .hauptnav .current_page_parent ul .current_page_item a, .hauptnav .current_page_parent ul .current_page_parent a {
	color:var(--gruen);
	border:0px;
}
.hauptnav .current_page_item ul li a.aktiv, .hauptnav .current_page_ancestor ul li a.aktiv, .hauptnav .current_page_parent ul li a.aktiv {
	color:var(--gruen);
	border:0px;
}


/*font und farben mobile*/
.hauptnav-mobile {
	font-family:var(--lauftext), sans-serif;
	font-size:calc(var(--schriftgroesse) / 4 * 5);
	line-height:calc(var(--durchschuss) / 4 * 5);
}
.hauptnav-mobile ul li ul {
	font-family:var(--lauftext), sans-serif;
	font-size:var(--schriftgroesse);
	line-height:var(--durchschuss);
}

.hauptnav-mobile a {
	color:#000;
}
.hauptnav-mobile .current_page_item a {
	color:var(--gruen);
}
.hauptnav-mobile a:hover {
	color:var(--gruen);
}
.hauptnav-mobile .current_page_ancestor a, .hauptnav-mobile .current_page_parent a {
	color:var(--gruen);
}
.hauptnav-mobile .current_page_item ul li a, .hauptnav-mobile .current_page_ancestor ul li a, .hauptnav-mobile .current_page_parent ul li a {
	color:#000;
}
.hauptnav-mobile .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:var(--gruen);
}
.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, .hauptnav-mobile .current_page_parent ul .current_page_parent a {
	color:var(--gruen);
}
.hauptnav-mobile .current_page_item ul li a.aktiv, .hauptnav-mobile .current_page_ancestor ul li a.aktiv, .hauptnav-mobile .current_page_parent ul li a.aktiv {
	color:var(--gruen);
}

/* warenkorb */
.warenkorbcontainer {
	width:55px;
	float:left;
}
a.warenkorb {
	width:30px;
	height:30px;
	display:inline-block;
	background:url(images/waegeli-2.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:0px 2px;
	border:0;
	text-decoration:none;
	float:right;
}
div.warenkorbartikelcontainer {
	width:20px;
	height:20px;
	margin-top:2px;
	float:left;
}
span.warenkorbartikel {
	background:var(--gruen);
	color:#fff;
	width:20px;
	height:20px;
	display:inline-block;
	text-align:center;
	font-size:13px;
	line-height:13px;
	padding-top:2px;
	xxborder-radius:50%;
	border:1px solid var(--gruen);
}
span.warenkorbartikel-keine {
	color:#000;
	background:#fff;
}


/* menuebutt, rest in style-resp.css */
.menuebuttcontainer {
	position:relative;
	width:35px;
	height:50px;
	float:right;
	margin-left:20px;
	font-size:14px;
	line-height:18px;
	display:block;
	cursor:pointer;
	display:none;
}



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