/* CSS Document */

html {
	font-size:100%;
	height:100%;
}

body {
	height:100%;
	
	line-height:1.5em;
	background:none;
	font-family:"helveticaneuelt_std_ltregular", "Droid Sans","PT Sans", Verdana, Arial, sans-serif;
    font-size:1rem;
    line-height:1.5em;
    text-rendering:optimizelegibility;
	color:#333;
}


h1, h2, h3, h4, h5, h6 {
	font-family:"ando_lightregular", "Fauna One", "Droid Sans","PT Sans", Verdana, Arial, sans-serif;
	line-height:1em;
	margin-top:1em;
	margin-bottom:0.5em;
	color:rgba(255,255,255,0.5);
}
h1 {
	font-size:4em;
}
h2 {
	font-size:3em;
	margin-bottom:0.5em;
}

p {
	margin-bottom:0.8em;
}

a {
	color:#acaa00;
	background-color:rgba(255,255,255,0.5);
	padding:0.2em;
	border-radius:0.2em;
}

.table {
	display:table;
	table-layout:auto;
	border-collapse:collapse;
}
.tr {
	display:table-row;
}
.td {
	display:table-cell;
	vertical-align:top;
}

.td p {
	margin-bottom:0px;
}

a.linkonly {
	margin:0px !important;
	padding:0px !important;
	text-transform:none;
	display:inline;
	height:auto !important;
	overflow:hidden !important;
	background:none;
	border-radius:0px;
}
a.linkonly *, a.linkonly .row, a.linkonly .col {
	text-transform:none;
}

a.linkonly .tr {
	width:100% !important;
}

a[name].anchor {
	font-size:0px;
}

dl dt {
	font-weight:bold;
}
dl dd, ul li {
	margin-left:2em;
}

main ul, main ul li {
	list-style-type:disc;
}

.bbottom {
	border:1px solid #eee;
	margin-bottom:1em;
	padding-bottom:1em;
}

.smaller {
	font-size:80%;
}
.ptop {
	padding-top:2em !important;
}


.fullwidth, .fullwidth .container, .fullwidth .container .row {
	width:auto;
}

.halfheight {
	position:relative;
	min-height:50vh;	
}

.fullheight {
	position:relative;
	min-height:100vh;
}

.grey {
	color:#8e8777;
}
.hg_grey {
	background-color:#8e8777;
}
.green {
	color:#acaa00;
}
.hg_green {
	background-color:#acaa00;
}

.hg_white {
	background-color:#fff;
	color:#8e8777;
}
.hg_white h1, .hg_white h2 {
	color:#8e8777;
}

.flexbox {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:nowrap;
}
.flexelem {
	align-content:center;
	flex-shrink:1;
	flex-grow:0;
	flex-basis:30em;
	transition:flex-basis 0.5s;
}
@font-face {
    font-family: 'ando_lightregular';
    src: url('../fonts/ando_light-webfont.eot');
    src: url('../fonts/ando_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ando_light-webfont.woff') format('woff'),
         url('../fonts/ando_light-webfont.ttf') format('truetype'),
         url('../fonts/ando_light-webfont.svg#ando_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticaneuelt_std_blkRg';
    src: url('../fonts/helveticaneueltstd-blk-webfont.eot');
    src: url('../fonts/helveticaneueltstd-blk-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-blk-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-blk-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-blk-webfont.svg#helveticaneuelt_std_blkRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticaneuelt_std_ltregular';
    src: url('../fonts/helveticaneueltstd-lt-webfont.eot');
    src: url('../fonts/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-lt-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-lt-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-lt-webfont.svg#helveticaneuelt_std_ltregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
#H0, #H2 {
	box-sizing:border-box;
}

#H2 {	
	position:fixed;
	height:auto;
	left:0px;
	top:0px;
	width:100%;
	z-Index:999;
	
	text-align:left;
	
}
	#H2 .table {
		width:auto;
	}
	#H2 .td {
		text-align:left;
		width:auto;
		padding:1rem;
	}

#H0 {
	background-color:#8e8777;
	background-image:url(../images/ChristianPutscher_Site2.png);
	background-position:top center;
	background-size:contain;
	background-repeat:no-repeat;
	
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100vh;
	z-Index:-1;
}

main {
	margin-top:100vh;
	box-shadow:0px -5em 5em #333, 0px 5em 5em #333;
	border-top:1px solid #fff;
}

#F0 {
	background-color:#f9f9f9;
	background-color:#000;
	text-shadow:none;
	text-align:center;
	margin-top:50vh;
	box-shadow:0px -5em 5em #333;
	min-height:50vh;
	padding-top:10vh;
}
#F0 a {
	font-size:80%;
	color:#666;
	background:none;
}
#F0 #LogoSYNE {
	max-width:30rem;
	height:auto;
	display:block;
	margin:auto;
	margin-top:2rem;
	margin-bottom:2rem;	
}


#CHome {
	background-color:#acaa00;
	color:#fff;
	text-shadow:none;
	box-shadow:0px 5em 5em #333;
}
#CNews {
	background-color:#f5f3f1;
	border-top:3px solid #acaa00;
}
#CErnaehrung {
	margin-top:50vh;
	box-shadow:0px -5em 5em #333;
}

#CArtikel {
	background-color:#fff;
	border-top:1px solid #acaa00;
	padding-bottom:1em;
}

/* ---- PRE-Index: ---- */
#CIndexPre {
	min-height:100vh;
	box-shadow:none;
	margin:0px;
	background-color:#f5f3f1;
	padding-bottom:3em;
}
#CIndexPre .flexelem {
	margin-top:1em;
	border-radius:0.5em;	
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
	color:white;
	min-height:90vh;
	position:relative;
	margin:0.5em;
	border:2px solid white;
}
#CErnaehrungPre {
	background-color:#8e8777;
	background-image:url(../images/ChristianPutscher_Site.png);
	cursor:pointer;
}
#CKabaretPre {
	background-color:black;
	background-image:url(../images/ChristianPutscher_Kabaret2.jpg);
}
#CEndlichNormalPre {
	background-color:black;
	background-image:url("../images/ChristianPutscher_EndlichNormal.jpg");
}
#CIndexPre #CBesserFuerMichPre {
	background: rgb(243,146,0);
	background: linear-gradient(180deg, rgba(243,146,0,1) 0%, rgba(249,178,51,1) 100%);
	background-image:url("../images/ChristianPutscher_Shop.png"), linear-gradient(180deg, rgba(243,146,0,1) 0%, rgba(249,178,51,1) 100%);
	background-size: cover;
	background-position:center;
}
#CBesserFuerMichPre img {
	margin:auto;
	marging-left:1em;
	margin-right:1em;
	display:block;
	max-width:100%;
	height:auto;
}
#CBesserFuerMichPre #Slogan li span {
	background-color:#586752;
}

#CIndexPre #Slogan {
	top:auto;
	position:absolute;
	left:auto;
	bottom:2em;
	margin:0px;
	font-size:1.5rem;
	padding:0px;
}
#CIndexPre #Slogan h1 {
	font-size:3rem;
}
#CIndexPre a {
	margin:0px;
	padding:0px;
	background:none;
	display:block;
}
#CIndexPre a:hover {
	text-decoration:none;
}
#CIndexPre .flexelem:hover {
	flex-basis:32em;
}
#CKabaretPre #Slogan li span {
	background-color:#900;
}
#CEndlichNormalPre #Slogan li span {
	background-color:#ED7F00;
}

.preText {
	background-color:white;
	padding-bottom:2em;
}
.preText, .preText h1, .preText h2 {
	color:#333 !important;
}

#F0.pre {
	margin-top:0px;
	box-shadow:none;
}

.min2 {
	display:none;
}
.min1 {
	flex-basis:5em !important;
}
.min1 #Slogan {
	display:none !important;
}
/* ENDE PRE-Index: ---- */

#btnNav {
	position:relative;
	display:block;
	
	font-size:0px;
	
	width:5rem;
	height:5rem;
	
	padding:1rem;
	background-color:rgba(255,255,255,0.5);
	background-image:url(../svg/Logo_ChristianPutscher.svg);
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	
	border-radius:0.5rem;
	border:none;
	box-sizing:border-box;
}
#btnNav:hover {
	background-image:url(../svg/icon_menu.svg);
	background-size:2rem;
	-webkit-transition:background 0.5s;
	transition:background 0.5s;
}

#nav0 {
	display:none;
}

#nav0 ul {
	list-style-type:none;
	text-align:center;
	margin:0px;
	padding:0px;
	background-color:rgba(0,0,0,0.8);
}

#nav0 ul ul {
	display:none;
	position:absolute;
	left:0px;
	top:1.5em;
	min-width:100%;
	height:auto;
	z-index:2;
	
	background-color:rgba(255,255,255,0.9);
}

#nav0 li {
	position:relative;
	font-size:1.5rem;
	line-height:1em;
	margin:0px;
	padding:0px;
}

#nav0 ul ul li {
	font-size:1rem;
}

#nav0 li:hover>ul {
	display:block;
}

#nav0 a {
	margin:0px;
	padding:0.4em;
	
	text-decoration:none;
	color:#fff;
	
	display:block;
	width:100%;
	height:100%;
	
	text-align:center;
	text-transform:uppercase;
	
	font-weight:300;
	
	background:none;
}

#nav0 a:hover {
	-webkit-transition:background-color 0.5s;
	transition:background-color 0.5s;
}
ul.lightbox {
	list-style-type:none;
	margin:0px;
	padding:1rem;
	background-color:#000;
	box-sizing:border-box;
	
	font-size:0px;
	white-space-collapse:collapse;
}
.fancybox-title {
	display:none !important;
}
ul.lightbox li {
	box-sizing:border-box;
	box-shadow:none;
	border:none;
	margin:0.4%;
	list-style-type:none;
	display:inline-block;
	width:49%;
}

ul.lightbox li a {
	display:inline;
	font-size:0px;
}
ul.lightbox li img {
	border:1px solid #111;
	padding:2px;
	width:100%;
	height:auto;
}

ul.lightbox li:hover {
	box-shadow:none;
}

ul.lightbox li:hover img {
    box-shadow: 0px 0px 5px #fff;
}
ul.lightbox li button, ul.lightbox li a.menu {
	display:block;
	font-size:90%;
	color:#900;
	padding:0.1em;
}

#SEO {
	background-color:#eee;
	border-bottom:1px solid #c6c6c6;
	padding-bottom:1em;
}

.BOBtn2FS {
	display:none;
}

#CMsg_Kontakt {
	padding:1em;
	display:none;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	margin:1em;
}

.SMFacebook {
	background-color:#585751;
	background-image:url(../../../svg/icons/icon_facebook.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:2rem 2rem;
	background-origin:padding-box;
	line-height:2rem;
	width:2.5rem;
	height:2.5rem;
	padding:0.25rem;
	font-size:0px;
	display:block;
	box-sizing:border-box;
	
	border-radius:0.5rem;
}

.b {
	border-bottom: 1px solid #585751;
}
.teaser {
	font-family:"ando_lightregular", "Fauna One", "Droid Sans","PT Sans", Verdana, Arial, sans-serif;
	font-size:1.8em;
	line-height:1.2em;
}
	.teaser .anf {
		font-family:sans-serif;
		display:block;
		float:left;
		font-size:8em;
		color:#acaa00;
		margin-right:0.5rem;
		margin-bottom:0.5rem;
		line-height:1em;
	}

/* ---- Home: ---- */
#Slogan ul, #Slogan li {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#Slogan {
	font-family:"ando_lightregular", "Fauna One", "Droid Sans","PT Sans", Verdana, Arial, sans-serif;
	font-size:4vw;
	color:#fff;
	
	position:absolute;
	bottom:4rem;
	left:0px;
	height:auto;
	width:auto;
	
	text-shadow:none;
	text-transform:uppercase;
}

.colteaser {
	padding-top:10rem;
}

#Slogan h1 {
	font-size:7vw;
	margin-bottom:0.5em;
	color:#fff;
	text-shadow:0px 0px 3px #333;
}
#Slogan li {
	margin-top:0.25em;
	margin-bottom:0.15em;
	margin-left:0px;
	line-height:1em;
	box-sizing:border-box;
	display:block;
}
#Slogan li span {
	padding:0.1em;
	padding-right:1.5em;
	background-color:#acaa00;
}

#CHome h2 {
	font-family:ando_lightregular;
}
/* ENDE Home: ---- */


/* ---- News: ---- */
#CNews article {
	padding:1em;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0);
}
#CNews article:nth-of-type(even) {
	background-color:#f5f3f1;
}
#CNews article:nth-of-type(odd) {
	background-color:#fff;
}
#CNews article:hover {
	border:1px solid #acaa00;
}

#CNews h2 {
	margin-top:0px;
}
#CNews h1, #CNews h2 {
	color:#acaa00;
}
	#CNews article h1 {
		font-size:3em;
	}

#CNews figure {
	position:relative;
	display:block;
	padding:0px;
	max-width:18.75rem;
	max-height:18.75rem;
}
#CNews figure img {
	display:block;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	
	border-radius:1em;
	border:3px solid #8e8777;
	background-color:#fff;
}
#CNews figcaption {
	position:absolute;
	z-Index:1;
	bottom:1rem;
	left:1rem;
	right:1rem;
	height:auto;
	font-style:normal;
}
#CNews figcaption time {
	border-radius:0.5em;
	border:3px solid #fff;
	background-color:rgba(255,255,255,0.9);
	box-shadow:0px 0px 5px #999;
	color:#333;
	text-align:center;
	display:block;
	width:6em;
	padding:0.75em;
	box-sizing:border-box;
}
#CNews time .tag {
	font-size:2em;
	line-height:1em;
}
#CNews time .monat {
	font-size:0.8em;
	line-height:1em;
}
#CNews time .jahr {
	font-size:0.8em;
	line-height:1em;
}

#CNews .archiv {
	display:none;
}

.news .lightbox li {
	max-width:10rem;
	max-height:10rem;
}
/* ENDE News: ---- */


/* ---- Ernaehrung: ---- */
#imgErnaehrung {
	max-width:20rem;
	height:auto;
	float:right;	
}
/* ENDE Ernaehrung: ---- */

/* ---- Artikel: ---- */
#CArtikel h1, #CArtikel h2 {
	color:#acaa00;
}
#CArtikel h3 {
	color:#8e8777;
}
#CArtikel .beschreibung {
	font-size:90%;
}
#CArtikel .preis {
	
}

.artikel {
	border-bottom:1px solid #8e8777;
	margin-top:1em;
	margin-bottom:1em;
	padding-bottom:0.2em;
}
.artikel input:not([type=button]):not([type=submit]):not([type=reset]), .artikel input[type=number], #OListe input[type=number], #OListe input:not([type=button]):not([type=submit]):not([type=reset]) {
	width:4em;
	text-align:right;
	display:inline-block;
	padding:0.2em;
	border-radius:0.2em;
	color:#333;
}

.artikel .lightbox {
	background:none;
	padding:0px;
}
.artikel .lightbox li {
	
}
.artikel .lightbox img {
	border-color:#8e8777;;
}

#OListe, #OListe li {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#OListe li {
	margin:0px;
	padding:0px;
}

#frmOrder fieldset {
	color:#fff;
	background-color:#8e8777;
	border-radius:0.5em;
	padding:1em;	
	padding-top:0px;
}
#frmOrder legend {
	border-bottom:none;
	background-color:#fff;
	border-radius:0.2em;
	padding:0.2em;
}
/* ENDE Artikel: ---- */
label, input, select, textarea {
	display:block;
}

label {
	margin-top:0.4em;
	margin-bottom:0.1em;
	font-weight:normal;
}
label[required] {
	font-weight:bold;
}

input:not([type=button]):not([type=submit]):not([type=reset]), textarea {
	border:1px solid #ccc;
	padding:0.2em;
	border-radius:0.2em;
	width:100%;
	box-sizing:border-box;
	color:#333;
}

button, input[type=button], input[type=submit], input[type=reset] {
	margin-top:1em;
	margin-bottom:1em;
	border-radius:0.35em;
	padding-left:1em;
	padding-right:1em;
	
	border:1px solid #fff;
	box-shadow:0px 0px 3px #585751;
	color:#585751;

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 50%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 50%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 50%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 50%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 50%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

button:hover {
	color:#c79810;
}
@media only screen and (min-width: 992px) {
}


@media only screen and (max-width: 1252px) {
}

/* ---- Tablet, etc.: ---- */
@media only screen and (max-width: 992px) {
}

@media only screen and (min-width: 600px) {
}
/* ENDE Tablet, etc.: ---- */


/* ---- Smartphones, etc. ---- */
@media handheld, only screen and (max-width: 600px) {
	#H0 {
		background-size:cover;
	}
	#Slogan {
		font-size:12vw;
		bottom:4rem;
	}
	#imgErnaehrung {
		float:none;
		max-width:100%;
	}
	
	.colteaser {
		padding-top:2rem;
	}
	.teaser .anf {
		font-size:4em;
	}
	
	h1, h2, h3, h4, h5, h6 {
		margin-top:0.5em;
		margin-bottom:0.3em;
	}
	a {
	}
	
	#CHome .row .fullheight {
		min-height:auto;
	}
	
	#CErnaehrung, #CBewegung, #CLifesyle {
		border-bottom:1px solid #8e8777;
	}
	
	#CIndexPre {
		height:auto;
	}
	#CIndexPre .flexbox {
		flex-wrap:wrap;
	}
	.min2 {
	}
	.min1 {
		flex-basis:30em !important;
	}
	.min1 #Slogan {
		display:block !important;
	}
}
/* ENDE Smartphones, etc. ---- */