/* ------------- Main Declarations ------------- */

html, body {
	position: relative;
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	background: fixed top center no-repeat #fff url("../Images/bg.png");
}

label {
	cursor: pointer;
}

#header {
	border-bottom: 1px solid #000;
	padding-top: 15px;
	padding-bottom: 15px;
}

#logo a,
#logo a:hover,
#logo a:visited {
	display: block;
}

#logo img {
	display: block;
	max-width: 100%;
	width: 300px;
	height: auto;
}

#logo {
}


#metaNav {
	display: flex;
	align-items: flex-end;
}


#pagewidth {
	min-height: 100%;
	display: flex;
	flex-flow: column nowrap;
}



#footer {
	margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	flex-grow: 1;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;
	background-color: #c5c5c5;
	border-top: 2px solid #e31e2d;
}

#footer .container {
	max-width: 1600px;
}


/* ------------- Header ------------- */

/*
 * Nav
 */


#metaNav ul {
	display: flex !important;
	align-items: flex-end;
	justify-content: flex-end;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
	padding: 0;
}

@media (max-width: 768px) {

	#metaNav ul {
		justify-content: flex-start;
	}

}

#metaNav li {
	display: block;
	list-style: none outside none;
	padding: 0 10px;
}

ul.navM,li.navM {
}

li.navM {

}

a.navM,
a.navM:link,
a.navM:focus,
a.navM:hover,
a.navM:active,
a.navM:visited {
	display: block;
	white-space: nowrap;
	font-size: 16px;
	line-height: 1.5em;
	color: #000;
	text-decoration: none;
}
a.navM.active,
a.navM:hover,
a.navM:active {
	color: #e31e2d;
	text-decoration: none;
}


/* ------------- Content ------------- */

.ce-gallery img {
	width: auto;
	height: auto;
	max-width: 100%;
}

#content .row {
/* 	flex-wrap: wrap-reverse; */
	max-width: 100%;
	width: 1600px;
	margin: 0 auto;
}

div.csc-textpic .csc-textpic-imagewrap img {
	max-width: 100%;
	height: auto;
}


.triggerLink, .triggerNextLink { cursor: pointer; overflow: auto; }

.ui-autocomplete {
	max-height: 250px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 100px;
}

.highlightExplanation {
	padding: 10px;
	margin: 10px 0;
	background: rgba(255,255,160,0.6);
}

div.zipResults {
	max-height: 400px;
	overflow: auto;
}

div.zipItem {
	border: 1px solid #999;
	margin: 3px;
	padding: 3px;
	position: relative;
}
div.zipItemAreaSearch {
	position: absolute;
	top: 1px;
	right: 0;
}
div.zipItemAreaSearch a,
div.zipItemAreaSearch a:link,
div.zipItemAreaSearch a:active,
div.zipItemAreaSearch a:visited {
	color: #000;
	padding-right: 22px;
	padding-top: 4px;
	background: transparent url('/typo3conf/ext/lpc_flyer/Resources/Public/Icons/areaSearch.png') top right no-repeat;
	height: 20px;
	display: block;
}
div.zipItemAreaSearch a:hover {
	color: #000;
	text-decoration: none;
}

div.zipItem a {
	color: #000;
}
div.zipItem a:hover {
	text-decoration: none;
}
div.zipItemZip {
	font-family: latobold;
	margin-bottom: 5px;
}
div.zipItemNum {
	float: left;
}
div.zipItemPrice {
	float: right;
}

div.zipItemRO {
	background: #ddd url('../Images/cart_add.png') top right no-repeat;
	border: 1px solid #000;
}

div.zipItemDisabled {
	border: 1px dashed #999;
	cursor: default !important;
}
div.zipItemDisabled * {
	color: #999;
}
div.zipItem.highlight {
	background: rgba(100,200,255,0.5);
}


a.clearBasketLink {
	position:absolute;
	right:0;
	top: -27px;
}

div.basketItem,
.communes .commune {
	border: 1px solid #999;
	margin: 3px;
	padding: 3px;
}
div.basketItem a {
	color: #000;
}
div.basketItem a:hover {
	text-decoration: none;
}
div.basketItemZip {
	margin-bottom: 5px;
	font-family: latobold;
}
div.basketItemNum {
	float: left;
}
div.basketItemPrice {
	float: right;
}
div.basketItemRO {
	background: #ddd url('../Images/cart_delete.png') top right no-repeat;
	border: 1px solid #000;
}


div.total {
	font-family: latobold;
	font-size: 120%;
	padding: 10px 7px;
}
div.totalPrice {
	float: right;
	border-bottom: 3px #000 double;
}
div.totalNum {
	float: left;
	font-family: lato;
	font-size: 90%;
}

div.basketOrder {
	margin: 20px 0;
	text-align: right;
}
a.basketOrder:link,
a.basketOrder:visited,
a.basketOrder:active,
a.basketOrder:hover,
a.basketOrder {
	padding: 4px;
	background: #e31e2d;
	font-family: latobold;
	color: #fff;
	text-decoration: none;
}




div.typo3-message {
	border: 1px solid;
	background-position: 10px 12px;
	background-repeat: no-repeat;
	margin-bottom: 4px;
	padding: 12px;
	padding-left: 36px;
}
div.message-ok {
	color: #3b7826;
	background-color: #cdeaca;
	background-image: url('/typo3/sysext/t3skin/icons/gfx/ok.png');
	border-color: #58b548;
}
.typo3-message .message-header {
	font-size: 12px;
	font-family: latobold;
	display: block;
}
div.message-error {
	color: #aa0225;
	background-color: #f6d3cf;
	background-image: url('/typo3/sysext/t3skin/icons/gfx/error.png');
	border-color: #d66c68;
}





form.addressForm label {
	display: inline-block;
	width: 150px;
}
form.addressForm label.default {
	display: inline-block;
	width: 600px;
	max-width: 100%;
}

form.addressForm input,
form.addressForm select {
	width: 200px;
	display: inline-block;
}
form.addressForm input.submit,
div.formAdditionalDonation button {
	/* 	width: auto; */
	background: #e31e2d;
	color: #fff;
	border: 0;
	padding: 4px;
	margin:2px 4px;
	cursor: pointer;
}
div.formAdditionalDonation img {
	float:right;
	margin:-1px 0px 0px 3px;
}
form.addressForm input.submit {
	margin:20px auto;
	float:none;
	display:block;
}
form.addressForm input.submit:hover,
div.formAdditionalDonation button:hover{
	background: #d30e0d;
}
form.addressForm hr {
	margin:0px 0px 15px 0px;
}

div.formPrivacy label,
div.formPrivacy input,
div.partialDivert label,
div.partialDivert input {
	width: inherit;
	display: inline;
	float: none;
}

div.formAdditionalDonation > div {
	margin:10px 0px;
}
div.formAdditionalDonation label {
	width: auto;
	display:inline-block;
	float:none;
	padding-top:3px;
}
div.formAdditionalDonation span {
	padding:3px;
	line-height: 1.5em;
	float:right;
	text-align:right;
}
div.formAdditionalDonation input {
	width:74px;
	float:right;
	text-align:right;
	box-sizing:border-box;
}
span#sponsoringAmountInput {
	width:77px;
	float:right;
	text-align:right;
	box-sizing:border-box;
	margin-right:22px;
}
div.formAdditionalDonation div.sumPrice * {
	font-weight:bolder;
	font-size:130%;
}
div.formAdditionalDonation div.sumPrice span {
	border-top:1px solid black;
	border-bottom:3px double black;
}
#totalAmountInput {
	margin-right:22px;
}
div.formAdditionalDonation button,
div.formAdditionalDonation input {
	font-size:13px;
	font-family: lato,arial,sans-serif;
}

div.formAGB {
	position: relative;
	clear: both;
	width: 350px;
	margin: 8px 0;
}
div.formAGB input {
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
}
div.formAGB label {
	padding-left: 30px;
}

div.backLink {
	clear: both;
}


select.f3-form-error {
	background-color: #ff9f9f;
	border: 1px solid #ff0000;
}

div.orderAll a {
	display: block;
	margin: 2px 0 4px 0;
	padding: 3px 20px 3px 3px;
	background: #ddd url('../Images/cart_add.png') 280px 3px no-repeat;
}

div.searchZipCity,
div.searchCanton {
	margin-bottom: 5px;
}
div.searchCantonTitle,
div.searchZipCityTitle {
	font-family: latobold;
}

div.zipOverview {
	position: relative;
}

div.paymentLeft {
	padding-bottom: 36px;
}

div.compliance {
	text-align: right;
	margin-top: 20px;
}



div.dm_catlist {
	margin: 8px 0 4px 0;
}

div.dm_catlist input {
	float: left;
	margin-right: 4px;
}
div.clearall {
	clear: both;
}


body li.csc-form-element {
	margin-bottom: 6px;
}

body div.csc-mailform li label,
label.dms {
	float: none;
	margin-right: 0;
	width: 150px !important;
	display: inline-block;
	clear: both;

	font-size: 14px;
	line-height: 1.5em;
}
body form.partialForm input,
body form.addressForm input,
body form.addressForm select,
body div.searchCantonForm select,
body div.searchZipCityForm input.searchZipCity,
body .csc-mailform select,
body .csc-mailform input,
form.dmailsubscription select,
form.dmailsubscription input {
	width: 300px;
	padding: 0 4px;
	max-width: 100%;
	margin-bottom: 6px;
	font-size: 14px;
	line-height: 1.5em;
	min-height: 1.5em;
	outline: none;
	border: 1px solid #ccc;
}
.dms-captcha {
	margin-left: 150px;
}

body form.addressForm input[type="radio"],
body form.addressForm input[type="checkbox"] {
	width: auto;
}

body form.addressForm input#addDonationInput {
	width: 74px;
}

div.dm_catlist input {
	margin: 0 10px 8px 152px;
	width: auto;
}

body form.partialForm input[type="submit"],
body form#formpostCC input[type="submit"],
body form#formpostPF input[type="submit"],
body form#formpostTWINT input[type="submit"],
body div.searchCantonForm input[type="submit"],
body div.searchZipCityForm input[type="submit"],
body li.csc-form-element-submit input,
form.dmailsubscription input.dms-submit {
	width: auto;
	margin-left: 150px;
	border-radius: 6px;
}


body div.searchCantonForm select,
body div.searchZipCityForm input.searchZipCity {
	width: 220px;
	max-width: none; calc(100% - 8px);
	margin-right: 8px;
}

body form.partialForm input#partialSearch {
	width: 130px;
}

body form.partialForm input[type="submit"],
body form#formpostCC input[type="submit"],
body form#formpostPF input[type="submit"],
body form#formpostTWINT input[type="submit"],
body div.searchCantonForm input[type="submit"],
body div.searchZipCityForm input[type="submit"] {
	margin-left: 0;
}

@media (max-width: 576px) {

	form.dmailsubscription label,
	form.dmailsubscription select,
	form.dmailsubscription input {
		width: 100%;
	}

	div.dm_catlist input,
	form.dmailsubscription input.dms-submit {
		margin-left: 0;
		width: auto;
	}

}




.mfp-bg {
	opacity: 0.5;
}
.mfp-figure > figure {
	background-color: #fff;
}



.tx-lpc-testimonials img {
	max-width: 100%;
	height: auto;
}


@media (max-width: 768px) {

	table.contenttable {
		width: 100% !important;
	}


	div.basketItem {
		background: url('../Images/cart_delete.png') top right no-repeat;
		border: 1px solid #000;
	}

	div.loaderBackdrop {
		font-size: 12px;
		line-height: 1.05em;
	}

}

/* ------------- TipAFriend -------------- */

.tx-lpc-flyer .tipAFriend label {
	display:block;
	font-weight:bold;
	margin:10px 0px 5px;
}
.tx-lpc-flyer .tipAFriend input,
.tx-lpc-flyer .tipAFriend textarea,
.tx-lpc-flyer .tipAFriend button {
	margin:5px 0px 10px;
	width:100%;
	max-width:500px;
	box-sizing:border-box;
}

.tx-lpc-flyer .tipAFriend input[type="button"],
.tx-lpc-flyer .tipAFriend input[type="submit"],
.tx-lpc-flyer .tipAFriend button {
	width:initial;
}
.tx-lpc-flyer .tipAFriend a.button {
	border:1px solid gray;
	background:#fff;
	padding:4px 8px;
	color:#000;
	border-radius:3px;
	margin-right:5px;
	text-decoration:none;
}
.tx-lpc-flyer .tipAFriend a.button:hover {
	background-color:#ddd;
}

.tx-lpc-flyer .tipAFriend .action-buttons {
	margin:15px 0px;
}

.tx-lpc-flyer .tipAFriend .welcome,
.tx-lpc-flyer .tipAFriend .privacy {
	font-weight:bold;
}

/* ------------- Powermail -------------- */
.tx-powermail,
.tx-powermail .powermail_fieldset .powermail_field {
	max-width: 100%;
}


/*.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	max-width: 350px;
	color:#fff;
	font-size:12px Arial;
}*/


#powermail_fieldwrap_17 .powermail_check_outer,
#powermail_fieldwrap_112 .powermail_check_outer,
#powermail_fieldwrap_180 .powermail_check_outer, /*no follows bezirke*/
#powermail_fieldwrap_213 .powermail_check_outer,
#powermail_fieldwrap_219 .powermail_check_outer,
#powermail_fieldwrap_218 .powermail_check_outer
{ height: 300px; overflow-y: scroll; }


.powermail_fieldwrap > label {
	font-weight: bold;
}


/* ------------- Footer ------------- */



/* ------------- Layouts ------------- */
/* zb. id 756, 630 */
body#l6 div#top,
body#l6 div#content div#contentLeft {
	display: none;
}

@media (min-width: 768px) {

}

body#l6 div#contentRight {
	width: 930px;
	max-width: 100%;
	flex: 0 0 100%;
}



/* ------------- Global Classes and Attributes ------------- */

.testimonial-preview .img {
	float:none;
}

/*#content ul {
	padding-left: 12px;
}*/

/* ------------- Clearfix ------------- */

div.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.clearfix {
	display: inline-block;
	font-size: 0;
	line-height: 0;
}
/* Hides from IE-mac */
* html div.clearfix {height: 1%;}
div.clearfix {display: block; font-size: 0; line-height: 0;}
/* End hide from IE-mac *//* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 5, 2013 */









/* ------------- mobile header ------------- */
#headerMobile {
	display: none;
	width: 100%;
	height: 60px;
	margin: 0;
	background: #e31e2d;
	color: #ffffff;
}

#headerMobile a.homeBtn,
#headerMobile a.homeBtn:hover,
#headerMobile a.homeBtn:visited {
	position: absolute;
	top: 18px;
	right: 18px;
	color: #fff;
}

@media (max-width: 768px) {
	#headerMobile {
		display: block;
	}

	#metaNav {
		display: none;
	}

	#header {
		padding-bottom: 15px;
	}

}


#drawer {
	display: block;
	z-index: 900;
	width: 60%;
	max-width: 320px;
	height: 100vh;
	min-height: 100%;
	padding-top: 80px;
	background: #fff;
	position: fixed;
	top: 0;
	left: -100%;
	margin: 0;
	transition: 0.3s;
	overflow-y: scroll;
}

.showNav {
	position: absolute;
	z-index: 110;
	top: 18px;
	left: 18px;
	margin: 0;
	padding: 0 4px 0 8px;
	height: 32px;
	font-size: 14px;
	line-height: 38px;
	color: #ffffff;
	cursor: pointer;
}


#drawer .showNav {
	color: #777;
	z-index: 10;
}

#drawerDismiss {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 500;
	width: 100%;
	height: 100%;
	max-width: 100vw;
	min-height: 100vh;

	background: rgba(0,0,0,0.75);
	opacity: 0;
	pointer-events: none;
	transition:  0.3s;
}

.panel-open #drawerDismiss {
	opacity: 100;
	pointer-events: all;
}


.panel-open #drawer {
	left: 0;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}


#drawer ul.navM {
	display: block;
	margin: 0;
	padding: 0 18px;
}


#drawer ul.navM ul {
	display: none;
	padding: 0;
}

#drawer ul.navM li {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

#drawer ul.navM a,
#drawer ul.navM a:hover,
#drawer ul.navM a:visited {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 8px;
}

li.navMobile .expander,
li.navMobile .expander:hover,
li.navMobile .expander:visited {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	display: block;
	height: 31px;
	width: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #777777;
	text-align: center;
}

li.navMobile .expander:after {
	content: '\f105';
	font-family: "Font Awesome\ 5 Free";
	font-weight: 600;
}

li.navMobile.sub .expander:after {
	content: '\f107';
}

li.navMobile li.navMobile .expander:after {
	content: '\f105' !important;
}

.formAdditionalDonation > div {
	position: relative;
}

img.infoBtn {
	/*pointer-events: none;*/
}

div.infoText {
	display: none;

	position: absolute;
	top: 0;
	right: 24px;
	z-index: 10;

	padding: 6px;
	margin: 0;
	border-radius: 6px;
	background: rgba(0,0,0,0.8);
	color: #fff;
}

div.accordeon-title,
div.zipOverviewContainer h2 {
	pointer-events: none;
}

h2.cart span {
	display: none;
	float: right;
}


.mobile-show {
	display: none;
}

.mobile-hide {
	display: block;
}

@media (max-width: 991px) {


	div.zipOverviewContainer {
		order: 0;
		position: relative;
		margin: 12px 0;
	}

	div.zipSearch {
		order: 1;
	}


}

@media (max-width: 768px) {


	h3,h2 {
		font-size: 15px;
	}

	.mobile-show {
		display: block;
	}

	.mobile-hide {
		display: none;
	}

	/* ------------- mobile footer ------------- */

	.addthis_toolbox.addthis_default_style .at-icon-wrapper,
	.addthis_toolbox.addthis_default_style .at-icon-wrapper svg {
		width: 28px !important;
		height: 28px !important;
	}

	.addthis_default_style .at300b, .addthis_default_style .at300bo, 	.addthis_default_style .at300m {
		padding: 0 6px;
	}

	/* ------------- plugin-specific & accordeons ------------- */

	h2.cart span {
		display: inline-block;
	}

	img.infoBtn {
		pointer-events: all;
	}

	div.accordeon-title,
	div.zipOverviewContainer .cartWrap > h2 {
		cursor: pointer;
		pointer-events: all;
	}

	div.zipOverviewContainer .cartWrap > h2 {
		margin: 0;
	}

	div.accordeon-title > h1,
	div.accordeon-title > h2,
	div.zipOverviewContainer .cartWrap > h2 {
		position: relative;
		padding: 0 28px 0 4px;
		display: block;

		font-size: 14px;
		line-height: 36px;
		background: #a0a0a0;
		color: #000;
	}

	div.accordeon-title > h1:after,
	div.accordeon-title > h2:after,
	div.zipOverviewContainer .cartWrap > h2:after {
		position: absolute;
		right: 6px;
		top: 0;
		display: inline-block;

		content: '+';
		font-size: 24px;
		line-height: 36px;
		color: #fff;
	}

	div.accordeon-title.open > h1:after,
	div.accordeon-title.open > h2:after,
	div.zipOverviewContainer .cartWrap > h2.open:after {
		transform: rotate(45deg);
	}

	div.zipOverviewContainer .cartWrap {
		border: 1px solid #a0a0a0;
	}


	div.accordeon-content,
	div.zipOverview {
		display: none;
	}

	div.zipOverview {
		padding: 20px 4px;
	}


	div.basketItem:first-of-type {
		margin-top: 30px;
	}

	a.clearBasketLink {
		top: 7px;
		right: 7px;
	}

	.tx-lpc-flyer.container-fluid {
		padding: 0px;
	}

	.tx-lpc-flyer label,
	form.addressForm label {
		max-width: 100%;
		font-size: 13px;
		line-height: 18px;
	}

	.zipItem {
		background: #fff url('../Images/cart_add.png') top right no-repeat;
	}

	.zipItem:hover {
		background-color: #ddd;
	}

} /* @media */

@media (max-width: 640px) {

	.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,
	.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
		float: none !important;
	}

	.csc-textpic-intext-right-nowrap .csc-textpic-text {
		margin-right: 0 !important;
	}
	.csc-textpic-intext-left-nowrap .csc-textpic-text {
		margin-left: 0 !important;
	}


} /* @media */


@media (min-width: 769px) {
	.accordeon-content,
	div.zipOverview {
		/* in case, accordion was closed -> inline style by js: hidden */
		display: block !important;
	}
}



div.copyToClipboardButton {
	padding-left: 12px;
}





div.tx-felogin-pi1 div {
	margin-bottom: 5px;
}
fieldset {
	border: none;
	padding: 10px 0;
}
fieldset legend {
	display: none;
}




#content .\32 cols-1-2 .left {
	background-color: #e5e5e5;
}


.zipForm .zipSearch {
	font-size: 1.5rem;
}