/* PopUp */
#popup { background-image: url(../design/bg_popup.png); width: 100%; text-align: left; position: relative; border: 0px; background-attachment: scroll; background-repeat: repeat; background-color: transparent; overflow: auto; }
#popup > .row-flex.box-pack-middle { height: 100%; }

#popup {
  scrollbar-width: none; /* Firefox 64 */
  -ms-overflow-style: none; /* Internet Explorer 11 */
}
#popup::-webkit-scrollbar { /** WebKit */
  display: none;
}


#popup span.looksh1, #popup span.looksh2, #popup span.looksh3 { font-size: 14px; line-height: 18px; }
#popup { font-size: 11px; line-height: 17px; }
#popup a.button > .btn { font-size: 11px; padding: 8px 16px; }
@media (min-width: 768px) { 
#popup span.looksh1, #popup span.looksh2, #popup span.looksh3 { font-size: 18px; line-height: 22px; }
#popup { font-size: 16px; line-height: 22px; }
#popup a.button > .btn { font-size: 16px; padding: 10px 22px; }
}
@media (min-width: 992px) { 
#popup span.looksh1, #popup span.looksh2, #popup span.looksh3 { font-size: 22px; line-height: 27px; }
#popup { font-size: 17px; line-height: 23px; }
#popup a.button > .btn { font-size: 17px; padding: 11px 26px; }
}
@media (min-width: 1200px) { 
#popup span.looksh1, #popup span.looksh2, #popup span.looksh3 { font-size: 26px; line-height: 32px; }
#popup { font-size: 18px; line-height: 24px; }
#popup a.button > .btn { font-size: 18px; padding: 12px 30px; }
}
/* PopUp */


/* PRELOADER */
.preloader 		{ position: fixed; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.45); background-position: center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; display: flex; justify-content: center; align-items: center; z-index: 9999999; }
.preloader .dot { width: 13px; height: 13px; border-radius: 100%; background-color:var(--white); position: absolute; left: 30%; -webkit-animation: easeInAndOut 2.5s ease infinite; animation: easeInAndOut 2.5s ease infinite; }

.preloader .dot:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; opacity: 0; }
.preloader .dot:nth-child(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; opacity: 0.8; }
.preloader .dot:nth-child(3) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; opacity: 0.5; }
.preloader .dot:nth-child(4) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; opacity: 0.2; }

@-webkit-keyframes easeInAndOut {
0% 		{ left: 31%; opacity: 0; }
50% 	{ left: 50%; opacity: 1; }
52% 	{ left: 52%; opacity: 1; }
100% 	{ left: 71%; opacity: 0; }
}

@keyframes easeInAndOut {
0% 		{ left: 31%; opacity: 0; }
50% 	{ left: 50%; opacity: 1; }
52% 	{ left: 52%; opacity: 1; }
100% 	{ left: 71%; opacity: 0; }
}

.table>tbody>tr>td, 
.table>tbody>tr>th { padding: 2px 0px 2px 0px; vertical-align: top; border-top: 0px solid #DDDDDD; }

.table-striped > tbody > tr > td { line-height: 1.42857143; vertical-align: top; border-top: 1px solid #DDDDDD; background-color: transparent; padding: 15px 0px 15px 0px; }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: transparent; }

body { overflow-x: hidden; }
b, strong { font-family: 'DINPro-Bold'; }

.bottom_xcorr0 {
	left: 0; 
}
.bottom_xcorr15 {
	left: 0; 
}
.breadcrumbhide { 
	display: none; 
}

@media (min-width: 768px) { 
	.bottom_xcorr0 {
		left: 0; 
	}
	.bottom_xcorr15 {
		left: 15px; 
	}
	.breadcrumbhide { 
		display: inline; 
	}

}

.col-social { width: 20%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.embed-responsive.embed-responsive-3by2 {
  padding-bottom: 66.66666666%;
}
	
/* Datepicker */
.input-group { width: 100%; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { 
	background-color: #FFFFFF; 
	border-radius: 0px; 
	height: 38px; 
	padding: 1px 0px 1px 2px; 
	font-size: 18px; 
	color:#333333; 
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #333333;
    text-align: center;
    background-color: transparent;
    border: 1px solid #cccccc;
    border-radius: 0px;
}
.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu {
    padding: 5px; 
    margin: 0px 0px 0px 0px;
    border: 0px solid #d8d8d8;
    border-radius: 0px;
    background-color: #FFFFFF;
}

/* TIMELINE - HISTORIE - ZEITSTRAHL */
.timeline { line-height: 1.4em; list-style: none; margin: 0px; padding: 0px; width: 100%; }
.timeline-item { padding-left: 40px; position: relative; } /* PADDING ZEITSTRAHL != centered */
.timeline-item:last-child { padding-bottom: 0px; }

.timeline-info { font-size: 14px; letter-spacing: 3px; margin: 0 0 0.5em 0; text-transform: uppercase; white-space: nowrap; } /* DATUM */

.timeline-marker { position: absolute; top: 0; bottom: 0; left: 0; width: 15px; }
.timeline-marker:before { background: #E2001A; border: 3px solid transparent; border-radius: 100%; content: ""; display: block; width: 15px; height: 15px; position: absolute; top: 4px; left: 0; transition: background 0.3s ease-in-out, border 0.3s ease-in-out; } /* PUNKT */
.timeline-marker:after { background: #ECECED; content: "";	display: block; width: 3px; position: absolute; top: 24px; bottom: 0; left: 6px; } /* LINIE */
.timeline-item:last-child .timeline-marker:after { content: none; }
.timeline-item:not(.period):hover .timeline-marker:before { background: transparent; border: 3px solid #E2001A; }

.timeline-content { padding-bottom: 40px; }

.period { padding: 0; } /* JAHRESWECHSEL */
.period .timeline-info { display: none; }
.period .timeline-marker:before { background: transparent; content: ""; width: 15px; height: auto; border: none; border-radius: 0; top: 0; bottom: 30px; position: absolute; border-top: 3px solid #ECECED; border-bottom: 3px solid #ECECED; }
.period .timeline-marker:after { content: ""; height: 32px; top: auto; }
.period .timeline-content { padding: 40px 0px 70px 0px; }
.period h1, .period h2, .period h3, .period span.looksh1, .period span.looksh2, .period span.looksh3 { margin: 0; }

/* TIMELINE SPLIT */
 @media (min-width: 768px) {
.timeline-split .timeline, .timeline-centered .timeline					{ display: table; }
.timeline-split .timeline-item, .timeline-centered .timeline-item		{ display: table-row; padding: 0; }
.timeline-split .timeline-info, .timeline-centered .timeline-info, .timeline-split .timeline-marker, .timeline-centered .timeline-marker, .timeline-split .timeline-content, .timeline-centered .timeline-content, .timeline-split .period .timeline-info, .timeline-centered .period .timeline-info { display: table-cell; vertical-align: top; }
.timeline-split .timeline-marker, .timeline-centered .timeline-marker	{ position: relative; }
.timeline-split .timeline-content, .timeline-centered .timeline-content { padding-left: 30px; }
.timeline-split .timeline-info, .timeline-centered .timeline-info		{ padding-right: 30px; }
.timeline-split .period h1, .timeline-centered .period h1, .timeline-split .period h2, .timeline-centered .period h2, .timeline-split .period h3, .timeline-centered .period h3, .timeline-split .period span.looksh1, .timeline-centered .period span.looksh1, .timeline-split .period span.looksh2, .timeline-centered .period span.looksh2, .timeline-split .period span.looksh3, .timeline-centered .period span.looksh3 { position: relative; left: -45px; }
}

/* TIMELINE CENTERED */
 @media (min-width: 992px) {
.timeline-centered, .timeline-centered .timeline-item, .timeline-centered .timeline-info, .timeline-centered .timeline-marker, .timeline-centered .timeline-content 
																		{ display: block; margin: 0; padding: 0; }
.timeline-centered .timeline-item 										{ padding-bottom: 40px; overflow: hidden; }
.timeline-centered .timeline-marker 									{ position: absolute; left: 50%; margin-left: -7.5px; }
.timeline-centered .timeline-info, .timeline-centered .timeline-content { width: 50%; }
.timeline-centered > .timeline-item:nth-child(odd) .timeline-info 		{ float: left; text-align: right; padding-right: 30px; }
.timeline-centered > .timeline-item:nth-child(odd) .timeline-content 	{ float: right; text-align: left; padding-left: 30px; }
.timeline-centered > .timeline-item:nth-child(even) .timeline-info 		{ float: right; text-align: left; padding-left: 30px; }
.timeline-centered > .timeline-item:nth-child(even) .timeline-content 	{ float: left; text-align: right; padding-right: 30px; }
.timeline-centered > .timeline-item.period .timeline-content 			{ float: none; padding: 0; width: 100%; text-align: center; }
.timeline-centered .timeline-item.period 								{ padding: 50px 0 90px; }
.timeline-centered .period .timeline-marker:after 						{ height: 30px; bottom: 0; top: auto; }
.timeline-centered .period h1, .timeline-centered .period h2, .timeline-centered .period h3, .timeline-centered .period span.looksh1, .timeline-centered .period span.looksh2, .timeline-centered .period span.looksh3 { left: auto; }
}

/* Farbverhalten CONTAINER und COLS etc. */
.rezcoloring 			{ color:var(--lightgrey); padding: 10px; background-color: var(--white); font-style: italic; border-top: 1px solid #6fbe34; }
.coloring2 				{ background-color: #f4f6f2; }
.coloring-beige 		{ background-color: #f4f6f2; }
.coloring3 				{ background-color: #ededed; }
.coloring-grau 			{ background-color: #ededed; }
.coloring4 				{ background-color: var(--primary); }
.coloring-gruen 		{ background-color: var(--primary); }
.coloring5 				{ background-color: var(--secondary); }
.coloring-dunkelgruen 	{ background-color: var(--secondary); }
.coloringfuss 			{ background-color: var(--white); }
.coloring-weiss 		{ background-color: var(--white); }
.coloring-tuerkis 		{ background-color: #F6F9F8; }
.coloring-hell 			{ background-color: #F9FAF8; }
.coloring-josef 		{ position: relative; background-image: url(../design/struktur-75-josef.jpg); background-repeat: repeat; background-color: transparent; }

.biocent-gelb 		{ padding: 60px 30px 30px 30px; background-image: url(../design/struktur-75-biocentgelb.jpg); background-repeat: repeat; background-color: transparent; text-align: center; background-position: center; }
.biocent-gelbgruen 	{ padding: 30px; background-image: url(../design/struktur-75-biocentgelb-gruen.jpg); background-repeat: repeat; background-color: transparent; background-position: center; }
.biocent-gruen 		{ padding: 30px 30px 60px 30px; background-image: url(../design/struktur-75-biocentgruen.jpg); background-repeat: repeat; background-color: transparent; text-align: center; background-position: center; }

.coloring-biocent 						{ font-family: 'DINPro-Medium'; font-size: 20px; line-height: 1.2; font-weight: normal; color: #FFFFFF; position: relative; }
.coloring-biocent span.fwh1 			{ font-size: 38px; line-height: 0.9; color: #268a3c; }
.coloring-biocent div[class*='md-40'] 	{ padding-left: 0px; padding-right: 0px; }
img.biocent 							{ width: 200px; height: auto; }
@media (min-width: 768px) { 
.biocent-gelb 		{ padding: 80px 80px 30px 80px; }
.biocent-gruen 		{ padding: 30px 80px 80px 80px; }

.coloring-biocent 						{ font-size: 22px; }
.coloring-biocent span.fwh1 			{ font-size: 46px; }
img.biocent 							{ width: 265px; height: auto; }
}
@media (min-width: 992px) { 
.biocent-gelb, .biocent-gelbgruen, .biocent-gruen { background-image: none; text-align: left; padding: 0px; }

.coloring-biocent 						{ font-size: 2.167vw; padding-top: 90px; padding-bottom: 90px; background-position: center; background-image: url(../design/struktur-75-biocent.jpg); background-repeat: repeat; background-color: transparent; }
.coloring-biocent span.fwh1 			{ font-size: 5vw; }
.coloring-biocent div[class*='md-40'] 	{ padding-left: 3.333vw; padding-right: 3.333vw; }
img.biocent 							{ width: 235px; height: auto; }
}
@media (min-width: 1200px) { 
.coloring-biocent 						{ font-size: 1.450vw; padding-top: 100px; padding-bottom: 100px; }
.coloring-biocent span.fwh1 			{ font-size: 3.750vw; }
.coloring-biocent div[class*='md-40'] 	{ padding-left: 2.604vw; padding-right: 2.604vw; }
img.biocent 							{ width: 335px; height: auto; }
}

.coloring 				{ position: relative; background-image: url(../design/struktur-12.jpg); background-repeat: repeat; background-color: transparent; }
.coloring-struk-hell 	{ position: relative; background-image: url(../design/struktur-25.jpg); background-repeat: repeat; background-color: transparent; }
.coloring-individuell 	{ position: relative; background-image: url(../design/struktur-50-rapunzel.jpg); background-repeat: repeat; background-color: transparent; }
.coloring-struk-dunkel 	{ position: relative; background-image: url(../design/struktur-50.jpg); background-repeat: repeat; background-color: transparent; }
.coloring-individuell_01, .coloring-individuell_02, .coloring-individuell_03, .coloring-individuell_04, .coloring-individuell_05, .coloring-individuell_06, .coloring-individuell_07, .coloring-individuell_08 { position: relative; }

.coloring-individuell, 
.coloring-individuell span, 
.coloring-individuell h1, 
.coloring-individuell h2, 
.coloring-individuell h3, 
.coloring-individuell h4 { color: var(--white); }
.coloring-individuell .imgtitle span { color: var(--black); }

.coloring-individuell ul.arrow li:before 		{ color:var(--white); }
.coloring-individuell ul.arrow li:first-of-type { border-top: 0px solid var(--white); }
.coloring-individuell ul.arrow.firstline li:first-of-type { border-top: 1px solid var(--white); }
.coloring-individuell ul.arrow li 				{ border-top: 1px solid var(--white); }

.scroll-top-wrapper { /* TO-TOP-BUTTON | nur in DESKTOP Ansicht sichtbar*/
		position: fixed;
		opacity: 0;
		visibility: hidden;
		overflow: hidden;
		text-align: center;
		z-index: 9999998;
		background-color: #007b33;
		color: #FFFFFF;
		width: 50px;
		height: 48px;
		line-height: 40px;
		right: 30px;
		bottom: 30px;
		padding-top: 2px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}
.scroll-top-wrapper:hover { background-color: #71be45; color: #007b33;}
.scroll-top-wrapper.show { visibility:visible; cursor:pointer; opacity: 1.0; }
.scroll-top-wrapper i.fa { line-height: inherit; }

/* Transparenz Button HOVER bei Links */
.btn:hover,
.btn:focus { filter: alpha(opacity = 100); -ms-filter: "alpha(opacity = 100)"; opacity: 1.0; }

/* Breadcrump */
.breadcrumb { padding: 8px 0px; margin-bottom: 0px; list-style: none; background-color: transparent; border-radius: 0px; }
.breadcrumb > li + li:before { /* Trenner */
  padding: 0 5px;
  color: #CCCCCC;
  content: "/\00a0";
}

/* ABSTAND DER BOXEN ZUEINANDER */
.abstand { margin-bottom: 30px; }
.abstand-halb { margin-bottom: 15px; }

.fullbgimage 	{ z-index: 1; background-position: center center; width: 100%; height: 100%; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } 
.fullmap	 	{ background-color: rgba(0, 0, 0, 0.08); }

.kachel 		{ background-color: #9fc63e; padding: 0px 15px; display: -webkit-flex; display: flex; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; color: #FFFFFF; position: relative; width: 100%; text-align: center;
}
.kachel:hover 	{ background-color: #afd945; }
.kachel div		{ align-self: center; }

.kachelpadder1 		{ padding-left: 13px; padding-right: 13px; }
.kachelpadder2 		{ padding: 2px; }

/* MOGLICHES BOXMODELL */
.menu { width: 100%; background-color: #FFFFFF; text-align: left; position: relative; padding: 15px; border: 0px; border-radius: 0px; }
.menu:hover { background-color: #FFFFFF; }

.box { width: 100%; background-color: #FFFFFF; text-align: left; position: relative; padding: 0px; border: 1px solid #e4efdd; }
.box:hover { background-color: #FFFFFF; }

.box-kachel { width: 100%; background-color: #68af44; text-align: center; position: relative; padding: 30px 15px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; display: flex; justify-content: center; align-items: center; }
.box-kachel:hover { background-color: #007b33; }

.box-dots { width: 100%; background-color: transparent; position: relative; padding: 30px; border: 6px dotted #FFFFFF; }
.box-biosnacky { width: 100%; background-image: url(../design/bg_biosnacky.jpg); background-repeat: repeat; background-color: transparent; text-align: left; position: relative; padding: 30px; border: 2px dashed #71be45; outline: 10px solid #fbf7f2; }
.pic-biosnacky 	{ background-image: url(../design/bg_biosnacky.jpg); background-repeat: repeat; background-color: transparent; padding: 1rem; box-shadow: 0 0.2rem 1.2rem rgba(0,0,0,0.05); margin-top: 10px; }

.box-testimonial { width: 100%; background-image: url(../design/struktur-25.jpg); background-repeat: repeat; background-color: transparent; text-align: center; position: relative; padding: 40px 30px 50px 30px; box-shadow: 0px 3px 33px 0px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0px 3px 33px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 3px 33px 0px rgba(0, 0, 0, 0.08); }
.dotall { width: 100%; background-color: #FFFFFF; position: relative; padding: 15px 15px 15px 15px; border: 2px dotted #DDDDDD; }

.pic-abzug 		{ background-color: #FFFFFF; padding: 1rem; box-shadow: 0 0.2rem 1.2rem rgba(0,0,0,0.16); -webkit-box-shadow: 0 0.2rem 1.2rem rgba(0,0,0,0.16); -moz-box-shadow: 0 0.2rem 1.2rem rgba(0,0,0,0.16); }

.marker-white span { position: relative; color:var(--primary); background-color:var(--white); display: inline; padding: 0px 6px 3px 6px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.marker-green span { position: relative; color:var(--white); background-color:var(--primary); display: inline; padding: 0px 6px 3px 6px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

.snacky-bottom { padding-bottom: 80px; }
.snacky-footer { background-image: url(../design/snacky_footer01.png); background-repeat: repeat-x; background-position: center; background-color: transparent; height: 80px; margin-top: -80px; margin-bottom: 1px; }
@media (min-width: 768px) { 
.snacky-bottom { padding-bottom: 100px; }
.snacky-footer { background-image: url(../design/snacky_footer02.png); height: 100px; margin-top: -100px; }
}
@media (min-width: 992px) { 
.snacky-bottom { padding-bottom: 100px; }
.snacky-footer { background-image: url(../design/snacky_footer02.png); height: 100px; margin-top: -100px; }
}
@media (min-width: 1200px) { 
.snacky-bottom { padding-bottom: 120px; }
.snacky-footer { background-image: url(../design/snacky_footer03.png); height: 120px; margin-top: -120px; }
}

.shopbox, .shopboxa { width: 100%; background-color: #FFFFFF; text-align: left; position: relative; padding: 18px 15px; border-bottom: 4px solid transparent; }
.shopbox:hover, 
.shopboxa { border-bottom: 4px solid #71be45; }

.boxshadow { width: 100%; background-color: #FFFFFF; text-align: left; position: relative; padding: 0px; border: 1px solid #e4efdd; -webkit-box-shadow: 0px 15px 12px -12px rgba(204,204,204,1); -moz-box-shadow: 0px 15px 12px -12px rgba(204,204,204,1); box-shadow: 0px 15px 12px -12px rgba(204,204,204,1); }
.boxshadow:hover { background-color: #FFFFFF; }

.box-shadow, .box-shadow-scroll { width: 100%; background-color:var(--primary); background-repeat: repeat; position: relative; box-shadow: 0px 3px 33px 0px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0px 3px 33px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 3px 33px 0px rgba(0, 0, 0, 0.16); }
.box-shadow:hover, .box-shadow-scroll:hover, .box-fairwerte:hover, .box-fairwerte-carousel:hover, .box-testimonial:hover	{ -webkit-transform:scale(1.03); transform:scale(1.03); }
.box-shadow-pad		{ font-family: 'DINPro-CondensedBold',arial,tahoma; color:var(--white); padding: 20px 20px 40px 20px; }
.box-shadow::after 			{ position: absolute; z-index: 2; right: 13px; bottom: 8px; font-family: 'FontAwesome'; content: '\f054'; color:var(--white); }
.box-shadow-scroll::after 	{ position: absolute; z-index: 2; right: 13px; bottom: 8px; font-family: 'FontAwesome'; content: '\f078'; color:var(--white); }

.testimonial 			{ position: relative; z-index: 2; }
.testimonial::before 	{ content: " "; background-size: cover; background-image: url("../design/testimonial_top.svg"); position: absolute; left: 0; top: -10px; z-index: -1; }
.testimonial::after 	{ content: " "; background-size: cover; background-image: url("../design/testimonial_bottom.svg"); position: absolute; right: 0; bottom: -10px; z-index: -1; }
.testimonialbottom 		{ position: absolute; width: 100%; bottom: 20px; left: 0; }

.kreis 			{ position: relative; }
.kreis::before 	{ content: " "; background-size: auto; background-image: url(../design/circle.svg); background-position: center center; background-repeat: no-repeat; top: 0; width: 100%; height: 100%; position: absolute; z-index: 0; }

.dropshadow img 	{ position: relative; z-index: 2; -webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.15)); filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.15)); }
.dropshadow::before 	{ content: " "; background-size: auto; background-image: url(../design/circle_w.svg); background-position: top center; background-repeat: no-repeat; top: 0; width: 100%; height: 100%; position: absolute; z-index: 1; }

.box-sicherheit { width: 100%; background-color: #FFFFFF; text-align: left; position: relative; padding: 10px; border: 1px solid #cccccc; }
.box-sicherheit:hover { border: 1px solid #8ea419; }

.bild { z-index: 2; position: absolute; width: 100%; height: 100%; filter: alpha(opacity = 60); -ms-filter: "alpha(opacity = 60)"; opacity: .60; background-color: #000000; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.bildtext { z-index: 3; position: absolute; width: 100%; height: 100%; left: 0; padding-left: 50px; padding-right: 50px; }
.bildtext:hover + .bild { filter: alpha(opacity = 40); -ms-filter: "alpha(opacity = 40)"; opacity: .40; }

/* MixItUp */
#Container .mix { display: none; }
.mixinner{ width: 100%; background-color: #FFFFFF; text-align: center; position: relative; padding: 30px; box-shadow: 0px 0px 5px 0px rgba(28, 28, 28, 0.2); -webkit-box-shadow: 0px 0px 5px 0px rgba(28, 28, 28, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(28, 28, 28, 0.2); }
.mixinner:hover { box-shadow: 0px 0px 10px 0px rgba(28, 28, 28, 0.3); -webkit-box-shadow: 0px 0px 10px 0px rgba(28, 28, 28, 0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(28, 28, 28, 0.3); }

/* CAROUSEL TEXT-FEATURES */
.sliderpos 		{ position: relative; z-index: 3; width: 100%; }
.sliderbg 		{ background-color: #000000; filter: alpha(opacity = 80); -ms-filter: "alpha(opacity = 80)"; opacity: .80; padding: 30px; }

/* PAGINA */
.carousel-indicators { bottom: 20px; }
.carousel-indicators li { width: 16px; height: 16px; margin: 0px; background-color: #FFFFFF; border: 0px solid #fff; border-radius: 10px; }
.carousel-indicators .active { width: 16px; height: 16px; margin: 0; background-color: #2686b8; }

/* Ausklappfunktion */
.klappbox 			{ border-top: 1px solid #71be45; border-radius: 0px; }
.klappboxhead 		{ background-color: transparent; padding: 0px; border-bottom: 0px solid transparent; border-radius: 0px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; width: 100%; color: #f18622; }
.klappboxhead:hover { background-color: transparent; }
.klappboxhead:hover a.klappboxlink { color: #666666; }
.klappboxbody		{ background-color: transparent; overflow: hidden; }

.klappbox .klappbox 			{ border-top: 3px solid #FFFFFF; margin-top: -3px; }
.klappboxpadding 				{ margin-bottom: 30px; }

/* REITER - TABS */
.tabpad 			{ padding-top: 15px; padding-bottom: 15px; }
.nav.reiter > li 	{ float: none; position: relative; display: block; }

.reiter > li > a { font-family: 'PT Sans',tahoma,arial; font-size: 15px; color: #FFFFFF; background-color: #16470f; border-radius: 0px; margin-right: 2px; margin-bottom: 15px; text-transform: uppercase; text-decoration: none; }
.reiter > li > a:hover,
.reiter > li > a:focus { background-color: #16470f; filter: alpha(opacity = 80); -ms-filter: "alpha(opacity = 80)"; opacity: .80; text-decoration: none; }
.reiter > li.active > a { background-color: #16470f; filter: alpha(opacity = 80); -ms-filter: "alpha(opacity = 80)"; opacity: .80; text-decoration: none; }

.padreiter-li { padding-left: 0px; padding-right: 0px; padding-bottom: 15px; } 
.padreiter-re { padding-left: 0px; padding-right: 0px; }
@media (min-width: 768px) { 
.nav.reiter > li { float: left; }

.padreiter-li { padding-left: 0px; padding-right: 0px; padding-bottom: 0px; }
.padreiter-re { padding-left: 15px; padding-right: 0px; padding-top: 15px; }
}
@media (min-width: 992px) { 
.padreiter-re { padding-left: 25px; padding-right: 0px; padding-top: 25px; }
}
@media (min-width: 1200px) { 
.padreiter-re { padding-left: 30px; padding-right: 0px; padding-top: 30px; }
}

/* Transparenz Button HOVER bei Links */
.social			{ transition: all 0.6s ease-in-out; filter: alpha(opacity = 70); -ms-filter: "alpha(opacity = 70)"; opacity: .7; }
.social:hover 	{ filter: alpha(opacity = 100); -ms-filter: "alpha(opacity = 100)"; opacity: 1.0; }







/* Extra-kleine Geräte (Smartphones, weniger als 768px (col-xs-)) */
/* Kein Media-Query, weil dies der Standard in Bootstrap ist */
.nullpadding2 { padding: 0px 0px 0px 0px; }
.btnwidth { margin: 0px 0px 15px 0px; width: 100%; }
.zeigen { width: 25%; display: block; float: right; text-align: right; margin-top: 10px; }

.embed-responsive.embed-responsive-3by2 img { height: 100%; }

/* FullHeight-Techniken topLeft, top, top,Right */
.fullheight { display: block; 
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
	z-index: 1; position: relative; top: 0; right: 0; bottom: 0; left: 0; height: 300px; }
.fullheightleft 	{ background-position: left top; }
.fullheightright 	{ background-position: right top; }
.fullheighttop 		{ background-position: top; }

.fullsquare { display: block; 
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
	z-index: 1; position: relative; height: 100%; padding-bottom: 100%; }

.ausrichten3 { text-align: center; }
.calltoaction	{ position: relative; z-index: 3; width: 100%; }
.sliderpos-moveone { position: absolute; width: 100%; bottom: 0px; z-index: 19; left: 0px; right: 0px; padding-left: inherit; padding-right: inherit; }
.sliderflex-moveone { width: 100%; background-color: rgba(255, 255, 255, 0.75); align-items: center; margin: 0 auto; display: flex; display: -webkit-flex; height: 75px; padding-left: 10px; padding-right: 10px; }
.callbox			{ padding: 20px 65px 20px 30px; text-align: center; }

.margin { margin-bottom: 0px; }
.contenttop { padding-top: 30px; }
.lbottom { height: 65px; } /* Bottom LINK > Link-Button Höhe mal 1,3 */



ul.arrow 					{ list-style-type: none; padding: 0px; margin: 15px 0px; }
ul.arrow li 				{ padding-left: 1.3em; page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; }
ul.arrow li:before 			{ font-family: 'FontAwesome'; content: '\f00c'; margin-left: -1.3em; display: inline-block; width: 1.3em; color:var(--primary); }
ul.arrow li:first-of-type 	{ border-top: 0px dashed #bbbbbb; }
ul.arrow.firstline li:first-of-type { border-top: 0px dashed #bbbbbb; }
@media (min-width: 768px) { 
ul.arrow.firstline li:first-of-type { border-top: 1px dashed #bbbbbb; }
}
ul.arrow li 				{ border-top: 1px dashed #bbbbbb; padding-top: 10px; padding-bottom: 10px; }

.column-xs-2 ul.arrow.firstline, .column-xs-3 ul.arrow.firstline, .column-xs-4 ul.arrow.firstline, 
.column-sm-2 ul.arrow.firstline, .column-sm-3 ul.arrow.firstline, .column-sm-4 ul.arrow.firstline, 
.column-md-2 ul.arrow.firstline, .column-md-3 ul.arrow.firstline, .column-md-4 ul.arrow.firstline,
.column-lg-2 ul.arrow.firstline, .column-lg-3 ul.arrow.firstline, .column-lg-4 ul.arrow.firstline {  margin: 0px; }

ul.snacky 			{ list-style: none; margin: 0px; }
ul.snacky li 		{ margin: 0px 0px 15px 0px; position: relative; }
ul.snacky li:before { content: " "; background-size: cover; background-image: url("../design/arrow_bg_biosnacky.svg"); width: 19px; height: 11px; position: absolute; left: -30px; top: 6px; }

ol.number 				{ display: block; padding: 0 0 0 28px; list-style: none; background: transparent; overflow: hidden; counter-reset: numList; }
ol.number li 			{ float: left; position: relative; padding-bottom: 10px; width: 100%; }
ol.number li:before 	{ counter-increment: numList; content: counter(numList); float: left; position: absolute; left: -28px; top: 2px; font-size: 12px; text-align: center; color: #FFFFFF; line-height: 18px; width: 18px; height: 18px; background: #71be45; -moz-border-radius: 999px; border-radius: 999px; }

body, td, p, .n, blockquote 	{ font-size: 15px; line-height: 20px; }
.padleft { padding: 0px 0px 0px 0px; }
.padright { padding: 0px 0px 0px 0px; }

ol.numbered { padding: 0px 15px 10px 15px; margin-left: 0.1em; }
ul.dots { list-style-type: disc; padding: 20px 15px 10px 10px; margin-left: 0.6em; }

.frontimg { width: 100%; margin-bottom: 30px; padding: 0px 0px 0px 0px; float: none; }
.wissenswertes { width: 100%; text-align: left; position: relative; padding: 15px; }

.bgproduktneuheiten { background-image: none; background-repeat: no-repeat; background-color: transparent; }

H1 { font-size: 24px; line-height: 30px; text-transform: none; }
H2 { font-size: 24px; line-height: 30px; text-transform: none; }
H3 { font-size: 20px; line-height: 1.25; text-transform: none; }
H4 { font-size: 18px; line-height: 1.25; text-transform: none; }
H5 { font-size: 14px; line-height: 20px; text-transform: none; }

span.looksh1 		{ font-size: 24px; line-height: 30px; text-transform: none; }
span.looksh2 		{ font-size: 24px; line-height: 30px; text-transform: none; }
span.looksh3 		{ font-size: 20px; line-height: 1.25; text-transform: none; }
span.looksh4 		{ font-size: 18px; line-height: 1.25; text-transform: none; }
span.looksh5 		{ font-size: 14px; line-height: 20px; text-transform: none; }

.box-popup 			{ padding: 0px; }
.box-popup-weiss	{ background-color: #FFFFFF; padding: 25px 55px 25px 15px; margin: 15px; }
.shopbox, 
.shopbox a, 
.shopboxa, 
.shopboxa a			{ font-size: 16px; line-height: 22px; }
.shopbox strong, .shopboxa strong { font-size: 18px; line-height: 24px; }
.shopglyph 			{ position: absolute; right: -2px; bottom: -2px; font-size: 14px; }

.col-sm-pull-6 .col-sm-width, 
.col-sm-pullx-6 .col-sm-width { padding: 40px 30px; }
.coloring-outline 	{ outline-offset: -15px; outline: 2px dashed #71be45; background-image: url(../design/struktur-50.jpg); background-repeat: repeat; background-color: transparent; }
.pull-push-box		{ padding-left: 0px; padding-right: 0px; }
.pull-push-pad		{ padding: 0px 0px; }
.pull-push 			{ padding: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.pull-push-noflex	{ padding: 30px; text-align: center; }
.flowpad-right 		{ padding: 0px 30px 0px 30px; }
.flowpad-left 		{ padding: 0px 30px 0px 30px; }
.box-shadow-pad 	{ font-size: 24px; line-height: 24px; text-transform: uppercase; letter-spacing: 0.025em; }
.box-shadow::after, 
.box-shadow-scroll::after 		{ font-size: 17px; }
.testimonial 					{ font-size: 15px; line-height: 19px; }
.testimonialbottom span.klein 	{ display: inline-block; font-size: 13px; line-height: 17px; }
.testimonial::before, 
.testimonial::after 			{ width: 34px; height: 33px; }
.embed-responsive.testimonialpad { padding-bottom: 130%; }

.kachel 			{ min-height: 75px; height: 100%; font-size: 16px; }
.totop 				{ padding-top: 20px; padding-bottom: 5px; }
.totop-josef		{ padding-top: 40px; padding-bottom: 20px; }
.linktop 			{ padding-top: 0px; }
.searchtop 			{ padding-top: 0px; }
.footer 			{ padding-top: 50px; padding-bottom: 50px; }
.glyphheight 		{ font-size: 0px; }
.googlemaps			{ height: 300px; }
.googlemaps2		{ height: 200px; }
.bgtotop 			{ padding-top: 170px; padding-bottom: 110px; }
.bgtotop2 			{ padding-top: 80px; padding-bottom: 50px; }
.headerheight 		{ height: 0px; }

span.gross	 		{ font-size: 16px; line-height: 23px; letter-spacing: 0.018em; }
span.mittel 		{ font-size: 14px; line-height: 19px; }
span.klein 			{ font-size: 13px; line-height: 18px; }
span.liebestext 	{ font-size: 18px; line-height: 1.33; }

.breadcrumb 		{ font-size: 13px; line-height: 13px; text-transform: none; }
a.breadcrumb 		{ font-size: 13px; line-height: 13px; text-transform: none; }
span.georgia-slider { font-size: 18px; line-height: 20px; text-transform: none; }
span.georgia 		{ font-size: 24px; line-height: 26px; text-transform: none; letter-spacing: -0.0125em; }
span.fusszeile 		{ font-size: 14px; line-height: 20px; text-transform: none; letter-spacing: -0.0125em; display: block; }
a.fusszeile 		{ font-size: 14px; line-height: 28px; text-transform: none; letter-spacing: -0.0125em; }
a.fusszeile2 		{ font-size: 14px; line-height: 22px; text-transform: none; letter-spacing: 0.02em; }

.small 				{ font-size: 12px; line-height: 14px; }
a.small 			{ font-size: 12px; line-height: 14px; }

a 					{ font-size: 15px; text-transform: none; }
.binner				{ height: 20px; } /* lbottom height */
a.linkbig 			{ font-size: 16px; }
.blinkbig 			{ height: 16px; } /* lbottom height */

a.button > .btn, 
a.buttonical > .btn, 
a.buttonfooter > .btn, 
a.buttondark > .btn	{ font-size: 14px; padding: 13px 18px; text-transform: uppercase; }
.bbutton, 
.bbuttonical, 
.bbuttonfooter, 
.bbuttondark		{ height: 50px; } /* lbottom height */

a.scroller { font-family: 'DINPro-Bold',arial,tahoma; font-size: 18px; }
.scrolldiv { width: 100%; padding: 10px 0px 10px 0px; border-top: 1px solid #71be45; }

input.button 		{ font-size: 14px; padding: 13px 18px; text-transform: uppercase; }

.btnsort         	{ font-size: 14px; padding: 13px 18px; text-transform: uppercase; }
.klappboxlink, 
a.tabs__nav_link	{ font-size: 20px; line-height: 20px; padding-top: 7px; padding-bottom: 7px; text-transform: none; }
.klappboxlinkinnen 	{ font-size: 17px; line-height: 17px; padding-top: 7px; padding-bottom: 7px; text-transform: none; }
i.klappen 			{ background-color: transparent; padding: 15px; color: #71be45; }

input, select, textarea { font-size: 16px; }

div.mapheight { height: 700px; }

#myCarousel, #myCarousel1, #myCarousel2, #myCarousel3 { display: block; }

.carousel .item { height: auto; }
.carousel-showmanymoveone .item { margin-top: 30px; }
.carousel-control { 
		height: auto; 
		margin-top: 0px; 
		width: 10%;
		color: #FFF;
		text-shadow: 0 1px 1px rgba(0,0,0,.4);
		filter: alpha(opacity=50); 
		opacity: .5; 
		background-color: transparent; 
		border: 0px; 
		z-index: 20; }
.header { 
	display: block;
	position: relative;
	height: auto;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
	z-index: 1; } 

.logo img { width: 116px; height: auto; padding-top: 0px; padding-bottom: 0px; }
.pic-testimonial { width: 190px; height: 190px; background-size: cover; background-repeat: no-repeat; margin: 0 auto; background-position: center; border-radius: 50%; margin-bottom: 30px; }

.nullpadcustom { padding: 0px 25px 0px 25px; }
.calender-day { font-size: 36px; line-height: 36px; }
.calender-month { font-size: 16px; line-height: 16px; }
.datumterminetop { padding-top: 42px; }
.uhrterminetop { padding-top: 10px; }
.textterminetop { padding-top: 10px; }

.form-control { background-color: #e9e9e9; border: 1px solid #e9e9e9; outline: 0;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.045), 0 0 0px rgba(175, 175, 175, .6);
          box-shadow: inset 0 0px 0px rgba(0,0,0,.045), 0 0 0px rgba(175, 175, 175, .6); }
.form-control:focus { border-color: #cccccc; outline: 0;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.045), 0 0 0px rgba(175, 175, 175, .6);
          box-shadow: inset 0 0px 0px rgba(0,0,0,.045), 0 0 0px rgba(175, 175, 175, .6); }
.btn { padding: 2px 12px; font-size: 15px; color: #999999; }


      



/* Kleine Geräte (Tablets, 768px und breiter (col-sm-)) */
@media (min-width: 768px) { 
.img-pull5 	{ margin-left: -5%; }
.img-pull10 { margin-left: -10%; }
.img-pull15 { margin-left: -15%; }
.img-pull20 { margin-left: -20%; }
.img-pull25 { margin-left: -25%; }
.img-pull30 { margin-left: -30%; }
.img-push5 	{ margin-left: 5%; }
.img-push10 { margin-left: 10%; }
.img-push15 { margin-left: 15%; }
.img-push20 { margin-left: 20%; }
.img-push25 { margin-left: 25%; }
.img-push30 { margin-left: 30%; }

.flagge 	{ font-size: 11px; line-height: 13px; text-transform: uppercase; }
a.flagge 	{ font-size: 11px; line-height: 13px; text-transform: uppercase; }
.flaggebg 	{ background-image: url(../design/flaggebg.png); background-repeat: auto; background-color: transparent; float: left; padding: 3px 12px 0px 12px; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; min-height: 34px; }

.nullpadding2 { padding: 0px 15px 0px 15px; }
.btnwidth { margin: 0px 15px 0px 0px; width: auto; }

/* FullHeight-Techniken topLeft, top, top,Right */
.fullheight { position: absolute; height: 100%; }

.ausrichten3 { text-align: center; }

.margin { margin-bottom: 37px; }
.zeigen { display: none; }
.coloringfuss { background-color: #FFFFFF; }

body, td, p, .n, blockquote 	{ font-size: 14px; line-height: 18px; }
.hiddenakt { height: 60px; }
.lbottom { height: 52px; } /* Bottom LINK > Link-Button Höhe mal 1,3 */
.padleft { padding: 0px 0px 0px 15px; }
.padright { padding: 0px 15px 0px 0px; }
.wissenswertes { width: 100%; background-color: transparent; text-align: left; position: relative; padding: 15px; border: 0px solid #FFFFFF; }
.bgproduktneuheiten { background-image: url(../design/schein-produktneuheiten2.png); background-repeat: no-repeat; background-color: transparent; }
.sliderflex-moveone { height: 80px; padding-left: 15px; padding-right: 15px; }
.callbox			{ padding: 15px 60px 15px 25px; }

H1 { font-size: 28px; line-height: 34px; }
H2 { font-size: 28px; line-height: 34px; }
H3 { font-size: 18px; }
H4 { font-size: 16px; }
H5 { font-size: 13px; line-height: 19px; }

span.looksh1 		{ font-size: 28px; line-height: 34px; }
span.looksh2 		{ font-size: 28px; line-height: 34px; }
span.looksh3 		{ font-size: 18px; }
span.looksh4 		{ font-size: 16px; }
span.looksh5 		{ font-size: 13px; line-height: 19px; }

.box-popup 			{ width: 720px; padding: 0px; margin: 0px; }
.box-popup-weiss	{ width: 720px; padding: 40px 60px 40px 20px; margin: 0px; }
.shopbox, 
.shopbox a, 
.shopboxa, 
.shopboxa a			{ font-size: 16px; line-height: 22px; }
.shopbox strong, .shopboxa strong { font-size: 18px; line-height: 24px; }
.shopglyph 			{ right: -3px; bottom: -3px; font-size: 14px; }

.col-sm-pull-6 .col-sm-width { width: 375px !important; padding: 50px 30px; margin: auto 0 auto auto; text-align: right; }
.col-sm-pullx-6 .col-sm-width { width: 375px !important; padding: 40px 30px; }
.coloring-outline 	{ outline-offset: -15px; }
.pull-push-box		{ padding-left: 3.5vw; padding-right: 3.5vw; }
.pull-push-pad		{ padding: 0px 5%; }
.pull-push 			{ padding: 50px; }
.pull-push-noflex	{ padding: 40px; }
.noflow 			{ width: 720px !important; margin: 0 auto; }
.flowpad-right 		{ padding: 0px 60px 0px 30px; }
.flowpad-left 		{ padding: 0px 30px 0px 60px; }
.box-shadow-pad 	{ font-size: 25px; line-height: 25px; }
.box-shadow::after, 
.box-shadow-scroll::after 		{ font-size: 18px; }
.testimonial 					{ font-size: 14px; line-height: 17px; }
.testimonialbottom span.klein 	{ font-size: 12px; line-height: 15px; }
.testimonial::before, 
.testimonial::after 			{ width: 30px; height: 29px; }
.embed-responsive.testimonialpad { padding-bottom: 140%; }

.kachel 			{ min-height: 70px; font-size: 19px; }
.totop 				{ padding-top: 20px; padding-bottom: 5px; }
.totop-josef		{ padding-top: 60px; padding-bottom: 60px; }
.linktop 			{ padding-top: 0px; }
.searchtop 			{ padding-top: 0px; }
.footer 			{ padding-top: 50px; padding-bottom: 50px; }
.glyphheight 		{ font-size: 0px; }
.googlemaps			{ height: 300px; }
.googlemaps2		{ height: 200px; }
.bgtotop 			{ padding-top: 170px; padding-bottom: 110px; }
.bgtotop2 			{ padding-top: 80px; padding-bottom: 50px; }
.headerheight 		{ height: 0px; }

span.gross	 		{ font-size: 16px; line-height: 23px; }
span.mittel 		{ font-size: 13px; line-height: 17px; }
span.klein 			{ font-size: 12px; line-height: 16px; }
span.liebestext 	{ font-size: 18px; }

.breadcrumb 		{ font-size: 13px; line-height: 13px; }
a.breadcrumb 		{ font-size: 13px; line-height: 13px; }
span.georgia-slider { font-size: 18px; line-height: 20px; }
span.georgia 		{ font-size: 22px; line-height: 24px; }
span.fusszeile 		{ font-size: 14px; line-height: 20px; }
a.fusszeile 		{ font-size: 14px; line-height: 28px; }
a.fusszeile2 		{ font-size: 14px; line-height: 22px; }

.small 				{ font-size: 12px; line-height: 14px; }
a.small 			{ font-size: 12px; line-height: 14px; }

a 					{ font-size: 14px; }
.binner				{ height: 18px; } /* lbottom height */
a.linkbig 			{ font-size: 16px; }
.blinkbig 			{ height: 16px; } /* lbottom height */

a.button > .btn, 
a.buttonical > .btn, 
a.buttonfooter > .btn, 
a.buttondark > .btn	{ font-size: 14px; padding: 13px 18px; }
.bbutton, 
.bbuttonical, 
.bbuttonfooter, 
.bbuttondark		{ height: 50px; } /* lbottom height */

a.scroller { font-size: 18px; }
.scrolldiv { padding: 11px 0px 11px 0px; }

input.button 		{ font-size: 14px; padding: 13px 18px; }

.btnsort         	{ font-size: 14px; padding: 13px 18px; }
.klappboxlink, 
a.tabs__nav_link	{ font-size: 20px; line-height: 20px; padding-top: 7px; padding-bottom: 7px; }
.klappboxlinkinnen 	{ font-size: 17px; line-height: 17px; padding-top: 7px; padding-bottom: 7px; }

input, select, textarea { font-size: 16px; }

.carousel .item { height: auto; padding-bottom: 37px; }
.carousel-showmanymoveone .item { margin-top: 37px; }
.carousel-control { 
		height: auto; 
		width: 10%; 
		margin-bottom: 37px;
 }

.logo img { width: auto; height: 65px; padding-top: 0px; padding-bottom: 0px; }
.logobg { background-image: url(../design/bg-logo.gif); background-repeat: repeat-x; }
.pic-testimonial { width: 200px; height: 200px; }

.nullpadcustom { padding: 0px 5px 0px 5px; }
.calender-day { font-size: 30px; line-height: 30px; }
.datumterminetop { padding-top: 40px; }
.uhrterminetop { padding-top: 37px; }

.form-control { height: 22px; padding: 0px 12px; font-size: 13px; }
.btn { padding: 1px 10px 2px 10px; font-size: 13px; }
}



/* Mittlere Geräte (Desktop-PCs, 992px und breiter (col-md-)) */
@media (min-width: 992px) {
.ausrichten3 { text-align: left; }
.margin { margin-bottom: 43px; }

body, td, p, .n, blockquote 	{ font-size: 15px; line-height: 20px; }
.hiddenakt { height: 65px; }
.lbottom { height: 58.5px; } /* Bottom LINK > Link-Button Höhe mal 1,3 */
.wissenswertes { width: 100%; background-color: #FFFFFF; text-align: left; position: relative; padding: 15px; border: 1px solid #FFFFFF; }
.bgproduktneuheiten { background-image: url(../design/schein-produktneuheiten1.png); background-repeat: no-repeat; background-color: transparent; }
.sliderflex-moveone { height: 100px; padding-left: 25px; padding-right: 25px; }
.callbox			{ padding: 20px 65px 20px 30px; }

H1 { font-size: 32px; line-height: 38px; }
H2 { font-size: 32px; line-height: 38px; }
H3 { font-size: 20px; }
H4 { font-size: 18px; }
H5 { font-size: 13px; line-height: 19px; }

span.looksh1 		{ font-size: 32px; line-height: 38px; }
span.looksh2 		{ font-size: 32px; line-height: 38px; }
span.looksh3 		{ font-size: 20px; }
span.looksh4 		{ font-size: 18px; }
span.looksh5 		{ font-size: 13px; line-height: 19px; }

.box-popup 			{ width: 940px; }
.box-popup-weiss	{ width: 940px; padding: 45px 65px 45px 25px; }
.shopbox, 
.shopbox a, 
.shopboxa, 
.shopboxa a			{ font-size: 16px; line-height: 22px; }
.shopbox strong, .shopboxa strong { font-size: 18px; line-height: 24px; }
.shopglyph 			{ right: -5px; bottom: -5px; font-size: 14px; }

.col-sm-pull-6 .col-sm-width, 
.col-sm-pullx-6 .col-sm-width { width: 485px !important; padding: 45px 30px; }
.coloring-outline 	{ outline-offset: -20px; }
.pull-push-pad		{ padding: 0px 5%; }
.pull-push 			{ padding: 80px; }
.pull-push-noflex	{ padding: 60px; }
.noflow 			{ width: 940px !important; }
.flowpad-right 		{ padding: 0px 80px 0px 30px; }
.flowpad-left 		{ padding: 0px 30px 0px 80px; }
.box-shadow-pad 	{ font-size: 26px; line-height: 26px; }
.box-shadow::after, 
.box-shadow-scroll::after 		{ font-size: 17px; }
.testimonial 					{ font-size: 16px; line-height: 20px; }
.testimonialbottom span.klein 	{ font-size: 13px; line-height: 17px; }
.testimonial::before, 
.testimonial::after 			{ width: 34px; height: 33px; }
.embed-responsive.testimonialpad { padding-bottom: 200%; }

.kachel 			{ min-height: 75px; font-size: 20px; }
.totop 				{ padding-top: 20px; padding-bottom: 5px; }
.totop-josef		{ padding-top: 70px; padding-bottom: 70px; }
.linktop 			{ padding-top: 0px; }
.searchtop 			{ padding-top: 0px; }
.footer 			{ padding-top: 50px; padding-bottom: 50px; }
.glyphheight 		{ font-size: 0px; }
.googlemaps			{ height: 350px; }
.googlemaps2		{ height: 250px; }
.bgtotop 			{ padding-top: 200px; padding-bottom: 140px; }
.bgtotop2 			{ padding-top: 90px; padding-bottom: 60px; }
.headerheight 		{ height: 0px; }

span.gross	 		{ font-size: 17px; line-height: 25px; }
span.mittel 		{ font-size: 14px; line-height: 19px; }
span.klein 			{ font-size: 13px; line-height: 18px; }
span.liebestext 	{ font-size: 19px; }

.breadcrumb 		{ font-size: 14px; line-height: 14px; }
a.breadcrumb 		{ font-size: 14px; line-height: 14px; }
span.georgia-slider { font-size: 20px; line-height: 22px; }
span.georgia 		{ font-size: 23px; line-height: 25px; }
span.fusszeile 		{ font-size: 15px; line-height: 21px; }
a.fusszeile 		{ font-size: 15px; line-height: 30px; }
a.fusszeile2 		{ font-size: 15px; line-height: 24px; }

.small 				{ font-size: 12px; line-height: 14px; }
a.small 			{ font-size: 12px; line-height: 14px; }

a 					{ font-size: 15px; }
.binner				{ height: 20px; } /* lbottom height */
a.linkbig 			{ font-size: 17px; }
.blinkbig 			{ height: 17px; } /* lbottom height */

a.button > .btn, 
a.buttonical > .btn, 
a.buttonfooter > .btn, 
a.buttondark > .btn	{ font-size: 15px; padding: 14px 19px; }
.bbutton, 
.bbuttonical, 
.bbuttonfooter, 
.bbuttondark		{ height: 54px; } /* lbottom height */

a.scroller { font-size: 19px; }
.scrolldiv { padding: 13px 0px 13px 0px; }

input.button 		{ font-size: 15px; padding: 14px 19px; }

.btnsort         	{ font-size: 15px; padding: 14px 19px; }
.klappboxlink, 
a.tabs__nav_link	{ font-size: 22px; line-height: 22px; padding-top: 7px; padding-bottom: 7px; }
.klappboxlinkinnen 	{ font-size: 19px; line-height: 19px; padding-top: 7px; padding-bottom: 7px; }

input, select, textarea { font-size: 16px; }

.carousel .item { height: auto; padding-bottom: 43px; }
.carousel-showmanymoveone .item { margin-top: 43px; }
.carousel-control { 
		height: auto; 
		width: 10%; 
		margin-bottom: 43px;
 }

.logo img { width: auto; height: 75px; padding-top: 0px; padding-bottom: 0px; }
.logobg { background-image: url(../design/bg-logo.gif); background-repeat: repeat-x; }
.pic-testimonial { width: 215px; height: 215px; }

.nullpadcustom { padding: 0px 10px 0px 10px; }
.calender-day { font-size: 24px; line-height: 24px; }
.datumterminetop { padding-top: 25px; }
.uhrterminetop { padding-top: 18px; }

.form-control { height: 22px; padding: 0px 12px; font-size: 13px; }
.btn { padding: 1px 10px 2px 10px; font-size: 13px; }
}



/* Große Geräte (Desktop-PCs, 1200px und breiter (col-lg-)) */
@media (min-width: 1200px) { 
.margin { margin-bottom: 49px; }

body, td, p, .n, blockquote 	{ font-size: 16px; line-height: 22px; }
.hiddenakt { height: 70px; }
.lbottom { height: 68.9px; } /* Bottom LINK > Link-Button Höhe mal 1,3 */
.bgproduktneuheiten { background-image: url(../design/schein-produktneuheiten.png); background-repeat: no-repeat; background-color: transparent; }
.sliderflex-moveone { height: 115px; padding-left: 30px; padding-right: 30px; }
.callbox			{ padding: 25px 70px 25px 35px; }

H1 { font-size: 36px; line-height: 42px; }
H2 { font-size: 36px; line-height: 42px; }
H3 { font-size: 24px; }
H4 { font-size: 22px; }
H5 { font-size: 14px; line-height: 20px; }

span.looksh1 		{ font-size: 36px; line-height: 42px; }
span.looksh2 		{ font-size: 36px; line-height: 42px; }
span.looksh3 		{ font-size: 24px; }
span.looksh4 		{ font-size: 22px; }
span.looksh5 		{ font-size: 14px; line-height: 20px; }

.box-popup 			{ width: 1140px; }
.box-popup-weiss	{ width: 1140px; padding: 50px 70px 50px 30px; }
.shopbox, 
.shopbox a, 
.shopboxa, 
.shopboxa a			{ font-size: 16px; line-height: 22px; }
.shopbox strong, .shopboxa strong { font-size: 18px; line-height: 24px; }
.shopglyph 			{ right: -7px; bottom: -7px; font-size: 13px; }

.col-sm-pull-6 .col-sm-width, 
.col-sm-pullx-6 .col-sm-width { width: 585px !important; padding: 50px 30px; }
.coloring-outline 	{ outline-offset: -25px; }
.pull-push-pad		{ padding: 0px 8%; }
.pull-push 			{ padding: 100px; }
.pull-push-noflex	{ padding: 70px; }
.noflow 			{ width: 1140px !important; }
.flowpad-right 		{ padding: 0px 100px 0px 30px; }
.flowpad-left 		{ padding: 0px 30px 0px 100px; }
.box-shadow-pad 	{ font-size: 30px; line-height: 30px; }
.box-shadow::after, 
.box-shadow-scroll::after 		{ font-size: 18px; }
.testimonial 					{ font-size: 17px; line-height: 22px; }
.testimonialbottom span.klein 	{ font-size: 14px; line-height: 19px; }
.testimonial::before, 
.testimonial::after 			{ width: 41px; height: 40px; }
.embed-responsive.testimonialpad { padding-bottom: 160%; }

.kachel 			{ min-height: 70px; font-size: 22px; }
.totop 				{ padding-top: 20px; padding-bottom: 5px; }
.totop-josef		{ padding-top: 80px; padding-bottom: 80px; }
.linktop 			{ padding-top: 0px; }
.searchtop 			{ padding-top: 0px; }
.footer 			{ padding-top: 50px; padding-bottom: 50px; }
.glyphheight 		{ font-size: 0px; }
.googlemaps			{ height: 400px; }
.googlemaps2		{ height: 300px; }
.bgtotop 			{ padding-top: 230px; padding-bottom: 170px; }
.bgtotop2 			{ padding-top: 100px; padding-bottom: 70px; }
.headerheight 		{ height: 0px; }

span.gross	 		{ font-size: 18px; line-height: 27px; }
span.mittel 		{ font-size: 15px; line-height: 21px; }
span.klein 			{ font-size: 14px; line-height: 20px; }
span.liebestext 	{ font-size: 20px; }

.breadcrumb 		{ font-size: 15px; line-height: 15px; }
a.breadcrumb 		{ font-size: 15px; line-height: 15px; }
span.georgia-slider { font-size: 22px; line-height: 24px; }
span.georgia 		{ font-size: 24px; line-height: 26px; }
span.fusszeile 		{ font-size: 16px; line-height: 22px; }
a.fusszeile 		{ font-size: 16px; line-height: 32px; }
a.fusszeile2 		{ font-size: 16px; line-height: 26px; }

.small 				{ font-size: 13px; line-height: 15px; }
a.small 			{ font-size: 13px; line-height: 15px; }

a 					{ font-size: 16px; }
.binner				{ height: 22px; } /* lbottom height */
a.linkbig 			{ font-size: 18px; }
.blinkbig 			{ height: 18px; } /* lbottom height */

a.button > .btn, 
a.buttonical > .btn, 
a.buttonfooter > .btn, 
a.buttondark > .btn	{ font-size: 16px; padding: 15px 20px; }
.bbutton, 
.bbuttonical, 
.bbuttonfooter, 
.bbuttondark		{ height: 57px; } /* lbottom height */

a.scroller { font-size: 20px; }
.scrolldiv { padding: 15px 0px 15px 0px; }

input.button 		{ font-size: 16px; padding: 15px 20px; }

.btnsort         	{ font-size: 16px; padding: 15px 20px; }
.klappboxlink, 
a.tabs__nav_link	{ font-size: 24px; line-height: 24px; padding-top: 8px; padding-bottom: 8px; }
.klappboxlinkinnen 	{ font-size: 20px; line-height: 20px; padding-top: 8px; padding-bottom: 8px; }

input, select, textarea { font-size: 16px; }

.carousel .item { height: auto; padding-bottom: 49px; }
.carousel-showmanymoveone .item { margin-top: 49px; margin-bottom: 100px; }
.carousel-control { 
		height: auto; 
		width: 10%; 
		margin-bottom: 49px;
 }

.logo img { width: auto; height: 85px; padding-top: 0px; padding-bottom: 0px; }
.logobg { background-image: url(../design/bg-logo.gif); background-repeat: repeat-x; }
.pic-testimonial { width: 225px; height: 225px; }

.nullpadcustom { padding: 0px 15px 0px 15px; }
.calender-day { font-size: 28px; line-height: 28px; }
.datumterminetop { padding-top: 30px; }
.uhrterminetop { padding-top: 22px; }

.form-control { height: 22px; padding: 0px 12px; font-size: 13px; }
.btn { padding: 1px 10px 2px 10px; font-size: 13px; }
}