@charset "utf-8";
/* CSS Document */

:root {
	--main-font-1: new-hero, sans-serif;
	--font-1-weight-1: 500; /*medium*/
	--font-1-weight-2: 700; /*bold*/
	--font-1-weight-3: 300; /*light*/


	--main-font-2: muli, sans-serif;
	--font-2-weight-1: 400; /*regular*/
	--font-2-weight-2: 700; /*bold*/




	/* --main-template-width: 100%;
	--main-template-maxwidth: 1500px;
	--main-font-color: #878787; */


	--font-size-1: 18px;
	/* zuvor 28 aus vorschlag */
	--font-size-2: 26px;
	--font-size-3: 14px;


	/* --font-size-3: 15px; */
}


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%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* 

New Hero Medium
font-family: new-hero, sans-serif;
font-weight: 500;
font-style: normal;

New Hero Bold
font-family: new-hero, sans-serif;
font-weight: 700;
font-style: normal;

New Hero Light
font-family: new-hero, sans-serif;
font-weight: 300;
font-style: normal;

Muli Regular
font-family: muli, sans-serif;
font-weight: 400;
font-style: normal;

Muli Bold
font-family: muli, sans-serif;
font-weight: 700;
font-style: normal;



*/


/* 

@font-face {
    font-family: 'bebas_neueregular';
    src: url('../font/bebas-neue/BebasNeue-webfont.eot');
    src: url('../font/bebas-neue/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bebas-neue/BebasNeue-webfont.woff') format('woff'),
         url('../font/bebas-neue/BebasNeue-webfont.ttf') format('truetype'),
         url('../font/bebas-neue/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('../font/open-sans-condensed/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.eot');
    src: url('../font/open-sans-condensed/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/open-sans-condensed/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.woff') format('woff'),
         url('../font/open-sans-condensed/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('../font/open-sans-condensed/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('../font/open-sans-condensed/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.eot');
    src: url('../font/open-sans-condensed/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/open-sans-condensed/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.woff') format('woff'),
         url('../font/open-sans-condensed/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('../font/open-sans-condensed/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

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

}

*/

html, body {
	height: 100%;
	/* background-image: url('../image/hg-schori.gif'); */
	background-position: center;
	
	/* 155 statt 145 */
	margin: 0 0 0 -145px;

	/* background-color: #FCFCFC; */

	background: linear-gradient(to right, #FCFCFC, #FCFCFC, #fff, #fff);
}

@media screen and (max-width: 1830px) { 
	html, body {
		margin: 0;
	}
}

@media screen and (max-width: 820px) { html, body { margin:0; background: none;}}




h1 {
	font-family: var(--main-font-1);
	font-weight: var(--font-1-weight-2);
	font-size: var(--font-size-2);
	margin: 0 0 13px 0;
	color: #C4131A;
	line-height: 1;
}

h2 {
	font-family: var(--main-font-1);
	font-size: var(--font-size-2);
	font-weight: var(--font-1-weight-3);
	color: #221F1F;
	margin: 0 0 20px 0;
	line-height: 1.3;
}

h3, section.kontakt address, form, .folienbeschriftung-form {
	font-family: var(--main-font-2);
	font-size: var(--font-size-1);
	font-weight: var(--font-2-weight-1);
	font-style: normal;
	color: #221F1F;
	margin: 0 0 70px 0;
	line-height: 1.6;
}

h4 {
    font-family: var(--main-font-2);
	/* font-weight: normal; */
	font-weight: var(--font-2-weight-2);
	font-size: var(--font-size-3);
	color: #FFF;
}




a {
	-webkit-transition: all 0.1s linear; 
	-moz-transition: all 0.1s linear; 
	-o-transition: all 0.1s linear; 
	-ms-transition: all 0.1s linear; 
	transition: all 0.1s linear;
	
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


/*link allgemein*/
.folienbeschriftung-form a {
	color: #666;
}

.folienbeschriftung-form a:hover {
	color: #C4131A;
}

/*block*/
#block {
	margin: 0 auto;
	max-width: 1500px;
	width: 100%;
	height: 100%;
}

/*----------*/
#block-right {
	max-width: 1500px;
	width: 100%;
	/* background-color: #000; */
	/* background-image: url('../image/keywords-left.gif'); */
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	min-height: 100%;
	
	/* background-color: #fff; */
	background-color: #FCFCFC;
}

#block-right.englisch {
	background-image: url('../image/keywords-left-englisch.gif');
}

@media screen and (max-width: 820px) {#block-right, #block-right.englisch { background: none;}}

#block-right img.logo {
	margin: 15px  10px 0 0;
	float: right;
	
	position: relative;
	z-index: 999;
}

@media screen and (max-width: 1560px) {
	#block-right img.logo {
		width: 190px;
	}
}

#block-right img.stempel {
	margin: 130px 0 0 0;
	float: right;
	clear: both;
	/*position: absolute;*/
}
/*----------*/


#block-left-fixed {
	/* width: 500px; */
	width: 210px;
	float: left;
}

@media screen and (max-width: 820px) {#block-left-fixed { display: none;}}

#block-right-fluid {
	float: left;
	width: 100%;
	margin-left: -210px;
}

@media screen and (max-width: 820px) {#block-right-fluid{ margin:0;}}

#block-right-inhalt {
	/*
	max-width: 780px;
	width: 100%;
	float: right;
	*/
	overflow:auto;
	/* margin-left: 500px; */
	margin-left: 210px;

	background-color: #fff;
}

@media screen and (max-width: 820px) {#block-right-inhalt{ margin-left: 0;}}


#shop-sprache { position: relative; z-index: 99;}
#shop-sprache hr { display: none;}

@media screen and (max-width: 820px) {
	#shop-sprache {
		height: 44px;
		float: left;
		width: 100%;
		background: #000;
	}
	
	#shop-sprache hr {
		display: block; 
		margin-top: 43px;
		width: 98%;
		border: 0;
		border-top: solid #fff 1px;
	}
}

.button-shop {
	border: 1px #E73435 solid;
	padding: 10px;
	padding-top: 13px;
	text-decoration: none;
	color: #E73435;
	font-weight: var(--font-2-weight-2);
}

.button-shop img {
	margin-bottom: -3px;
	margin-right: 5px;
}


#sprachen {
	padding-left: 10px;
}

@media screen and (max-width: 1520px) { 
	#sprachen { 
		float: right;
		margin-right: 20px;
	}
}


#sprachen img {
	float: left;
	margin: 15px 0 0 10px;
	position: relative;
	z-index: 10;
}

@media screen and (max-width: 1000px) { #sprachen { margin-right: 1.5%}}

/*nav*/
#logo-nav-res { width: 100%;}
#logo-nav-res img.logo-res { display: none;}
#logo-nav-res hr { display: none;}
@media screen and (max-width: 820px) {
	#logo-nav-res {
		background: #BF0D0D; 
		width: 100%;
		float: left;
		height: 130px;
	}
	
	#logo-nav-res img.logo-res {
		padding: 20px 0 0 1.5%;
		display: block;
		width: 152px;
	}
	
	#shop-sprache .logo-sprachen { display: none;}
}

@media screen and (max-width: 820px) {
	#logo-nav-res img.logo-res {
		width: 192px;
		float: left;
		padding: 30px 0 0 1.5%;
		position: relative;
		z-index: 99;
	}
	
	#logo-nav-res hr { 
		display: block;
		width: 97%;
		border: 0;
		border-top: solid #fff 1px;
	}
}

/*NAV*/
/*#topbar {position: relative;}*/

nav#topbar, nav.webshop {
	/* font-family: 'open_sanscondensed_light', Arial, Helvetica, sans-serif; */
	font-family: new-hero, sans-serif;
	font-family: var(--main-font-1);
	font-weight: var(--font-1-weight-1);
	/* font-size: 22px; */
	font-size: var(--font-size-1);
	margin: 49px 0 0 1.5%;
	color: #666;
	/* max-width: 770px; */
	max-width: 1260px;
	width: 98.5%; /*770px*/
	position: absolute; /*absolute*/
	z-index: 10;
	float: left;
}

nav#topbar #ul-temp { 
	background-color: #fff;
	margin: -50px 0 0 -15px;
	padding: 50px 10px 0 2px;
}

@media screen and (max-width: 1000px) { 
	nav#topbar { 
		margin: 0; 
		z-index: 5; 
		padding: 49px 1.5% 0 1.5%; 
		width: 97%; /*97%*/
		max-width: none;
		right: 0;
		background-color: transparent;
	}
	
	nav#topbar #ul-temp { 
		margin: -50px 0 0 197px; /*2. stelle -20px*/
		padding: 50px 15px 0 10px;
	}
}
@media screen and (max-width: 820px) { nav#topbar {margin: 0; padding: 15px 1.5% 0 1.5%; background: #BF0D0D; height: 45px;} nav#topbar #ul-temp { margin: 0; padding:0; background-color: transparent;}}

@media screen and (max-width: 82px) { nav#topbar {height: 120px;}}


nav#topbar img {
	margin: 0 0 -3px 0;
}

nav#topbar ul { 
	list-style-type: none; 
	text-align: justify;
}
nav#topbar li:last-of-type::after { content: ''; padding-left: 100%; display: inline-block; }
nav#topbar li { list-style: none; display: inline; }

@media screen and (max-width: 820px) {
	nav#topbar { width: 100%; margin: 0; padding: 0;}
	nav#topbar ul img { display: none;}
	nav#topbar li:last-of-type::after { padding: 0;}
	nav#topbar li { float: left; width: 100%; margin: 0 0 5px 1.5%;}
}

nav#topbar a, nav.webshop a {
	color: #666666;
	text-decoration: none;
}

nav#topbar li span {
	color: #FFF;
}

nav#topbar a:hover, nav.webshop a:hover {
	color: #C4131A;
}

nav#topbar .fix {
	color: #C4131A;
}

@media screen and (max-width: 820px) { 
	nav#topbar a { color: #fff;}
	nav#topbar a:hover, nav#topbar a.fix { color: #000;}
}
/*NAV END*/

nav.webshop {
	position: absolute;
	font-size: 17px;
	margin: 12px 0 0 10px;
	width: auto; /*300*/
	background: none;
	z-index: 99;
	display: none;
}

@media screen and (max-width: 1520px) {
	nav.webshop {
		display: block;
	}
}

nav.webshop a {
	margin: 0 20px 0 0;
}

nav.webshop img.standart { margin: 0 -10px -3px 0;}
nav.webshop img.res { margin: 0 10px -3px 0;}

@media screen and (max-width: 1520px) {
	.shopverweis {
		visibility: hidden;
	}

	.shopverweis a {
		display: none;
	}

	nav#topbar ul {
		width: 90%;
	}
}

nav.webshop img.res { visibility: hidden;}
@media screen and (max-width: 820px) {
	nav.webshop img.res { visibility: visible;}
	nav.webshop img.standart { display: none;}
	
	nav.webshop a { color: #fff;}
}

@media screen and (max-width: 465px) { nav.webshop  span.res {display: none;}}
@media screen and (max-width: 400px) { nav.webshop  img.res {display: none;}}
/*nav end*/

section.content {
	width: 98.5%; /*770*/
	margin: 105px 0 0 1.5%;
	float: left;
	
	/*background: #EAE9E3;*/
}

@media screen and (max-width: 1000px) { section.content { margin: 105px 1.5% 0 1.5%; width: 97%}}
@media screen and (max-width: 820px) { section.content { margin: 30px 1.5% 0 1.5%;}}


.shopbilder img {
    width: 49.5%;
    float: left;
    margin-bottom: 10px;
}

.shopbilder:first-of-type img {
    margin-right: 1%;
}


article.index {
	background-color: #BF0D0D;
	float: left;
	padding: 20px 0 0 1.5%;
	/* max-width: 760px; */
	width: 98.5%;
}

article.index h2 {
	color: #FFF;
	line-height: 1.3;
}

article.index h2 a {
	color: #ccc;
	text-decoration: none;
}

article.index h2 a:hover {
	color: #fff;
}

object#flashObj {
	margin: -10px 0 0 5px;
	float: right;
	width: 480px;
}

embed { width: 480px;}

@media screen and (max-width: 1000px) { 
	object#flashObj { 
		width: 101.5%; 
		margin: -10px 0 20px -1.5%;
		float: left;
	}
	embed { width: 100%;}
}

article.info {
	margin: 30px 0 0 0;
	float: left;
}

/*folienbeschriftungs formular*/
.folienbeschriftung-form {
	width: 100%;
	float: left;
}

.folienbeschriftung-form h3 {
	margin: 0 0 20px 0;
}

.folienbeschriftung-form span {
	color: #C4131A;
}

.folienbeschriftung-form textarea {
	margin: 0 0 30px 0;
}

#fb_block {
	max-width: 385px;
	width: 100%; /*385px*/
	float: left;
	margin: 0 0 30px 0;
}

#fb_zeile {
	clear: both;
	width: 100%;
	display: inline-block;
}

#fb_spalte_01, #fb_spalte_lieferadresse {
	float: left;
	padding: 5px 10px 5px 0;
}

#fb_spalte_01.w-70 { width: 70%;}
#fb_spalte_01.w-100 { width: 98%;}

#fb_spalte_01 span {margin: 0 0 5px 0; display: block;}

#fb_spalte_lieferadresse {
	width: 80px;
}

#fb_zeile .res { display: inline-block; width: auto;}





/*referenzen*/
/* article.referenzen {} */

article.referenzen {
	
	/* flex */
	display: flex;
	flex-direction: row;

	/* NOTE: damit umbruch stattfindet */
	flex-wrap: wrap;

	width: 100%;
}

article.referenzen #bild {
	/* width: 33.1%; original 255px */
	width: 24.8%;
	/* height: 205px; */
	margin: 0 0.2% 30px 0;
	float: left;
	
	background: #C4131A;
}

@media screen and (max-width: 970px) { article.referenzen #bild { width: 33.1%;}}

@media screen and (max-width: 570px) { article.referenzen #bild { width: 48.8%;}}

article.stempel #bild {
	background: #fff;
	height: auto;
}

article.referenzen #bild img {
	position: relative;
	z-index: 1;
	
	width: 100%;
}

article.referenzen #bild img.text {
	margin: -20px 0 0 0;
}

article.stempel #bild img.text {
	margin: 0 0 0 0;
}

article.referenzen #bild h4 {
	position: relative;
	z-index: 2;
	margin: -30px 0 0 5px;
	padding: 0 0 20px 10px;
}




@media screen and (max-width: 940px) { article.referenzen #bild h4 { margin-top: -45px;}}
@media screen and (max-width: 620px) { article.referenzen #bild h4 { margin-top: -35px;}}
@media screen and (max-width: 400px) { article.referenzen #bild h4 { margin-top: -30px;}}
@media screen and (max-width: 330px) { article.referenzen #bild h4 { margin-top: -25px;}}


article.stempel #bild h4 {
	margin: -35px 0 0 5px;
}

@media screen and (max-width: 560px) { article.stempel #bild h4 { margin-top: -30px;}}





/*katalog*/

article.katalog h1 {
	width: 100%;
}

article.katalog { 
	width: 100%; 

	/* float: left; 
	margin: 0 0 30px 0; */

	/* flex */
	display: flex;
	flex-direction: row;

	/* NOTE: damit umbruch stattfindet */
	flex-wrap: wrap;
}

article.katalog #katalog {
	/* width: 24.5%; 191px */
	max-width: 191px;
	/* height: 251px; */
	margin: 0 0.5% 20px 0; /*2px*/
	/* float: left; */

	background-color: #C4131A;
}

article.katalog #katalog.profile { width:32.8%}

@media screen and (max-width: 1000px) { article.katalog #katalog { width: 32.8% !important}}
@media screen and (max-width: 620px) { article.katalog #katalog { width: 49.5% !important}}
@media screen and (max-width: 410px) { article.katalog #katalog { width: 97% !important}}


/* article.katalog #katalog.right { margin-right: 0; } */

article.katalog #katalog img {
	position: relative;
	z-index: 1;
}

article.katalog #katalog img.text {
	margin: -15px 0 0 0;
}

article.katalog #katalog h4 {
	position: relative;
	z-index: 2;
	/* margin: -51px 0 0 5px; */
	margin: -20px 0 0 5px;
	height: 40px;
	padding-left: 10px;
}




article.katalog #katalog .button {
	background-color:#3C3C3B;
	width: 191px;
	height: 30px;
	display:inline-block;
	color:#fff;
    /* font-family:'open_sans_condensedbold', "Arial Black", Gadget, sans-serif; */
    font-family: var(--main-font-1);
	/* font-size:15px; */
	font-size: var(--font-size-3);
	font-weight: var(--font-1-weight-2);
	padding: 17px 0 0 0;
	text-decoration:none;
	margin: 26px 0 0 0;
	text-align: center;
}

article.katalog #katalog .button:hover {
	background-color: #000;
	color:#fff;
}

article.katalog #katalog .button:active {
	position:relative;
	top:1px;
}





article.katalog-form form #block-form {
	float: left;
	width: 770px;
}

article.katalog-form form #left {
	float: left;
}

article.katalog-form form #right {
	float: right;
}

/*kontakt*/

section.kontaktformular { 
	float: right; 
	padding-right: 20%;
}

@media screen and (max-width: 930px) { 
	section.kontaktformular { 
		padding-right: 0;
	}
}

@media screen and (max-width: 600px) { section.kontaktformular { width: 100%}}

section.kontaktformular h3 { margin-bottom: 25px; }

section.kontakt a {
	color: #221F1F;
	text-decoration: none;
}

section.kontakt a:hover {
	color: #C4131A;
}

section.standort {
	float: left;
	width: 100%;
}

/*footer neu*/

#block-right-inhalt {
	/* padding-bottom: 420px; */
	padding-bottom: 320px;

}

@media screen and (max-width: 640px) {
	#block-right-inhalt {
		padding-bottom: 50px;
	
	}
}


/*footer*/
footer {
	width: 100%;
	margin: -240px 0 0 0;
	float: left; /*left*/
		
	position: relative;
	/*height: 170px*/;
	clear:both;

	line-height: 1.6;

	/* background-color: #BF0D0D; */
}

footer, footer #footer-left-fixed { height: 240px;} /*170px*/


footer hr {
	margin-bottom: 20px;
	margin-left: 1.5%;
}

footer #footer-left-fixed {
	width: 210px; 
	float: left; 
	/*height: 170px;*/
}


@media screen and (max-width: 820px) {footer #footer-left-fixed { display: none;}}

footer #footer-right-fluid {
	float: left;
	width: 100%;
	margin-left: -210px;
}

@media screen and (max-width: 820px) {footer #footer-right-fluid { margin:0;}}

footer #footer-right-block {
	float: left;
	margin-left: 210px;

	width: 86%;

	/* background-color: #94C01F; */
}

@media screen and (max-width: 1510px) {
	footer #footer-right-block {
		width: auto;
	}
}



@media screen and (max-width: 820px) {footer #footer-right-block{ margin:0;}}

footer img.top, footer img.bottom { width: 100%; height: 5px;}
@media screen and (max-width: 1000px) {footer img.top, footer img.bottom { width: 98.5%;}}
@media screen and (max-width: 820px) {footer img.top, footer img.bottom { width: 97%; padding-left: 1.5%;}}


/* neu flex */

footer .spalten {
	width: 100%;
	float: left;
	display: flex;
	flex-direction: row;

	/* NOTE: damit umbruch stattfindet */
	flex-wrap: wrap;
	box-sizing:border-box;

	padding-left: 20px;
}



footer .spalte {
	/* flex-basis: 25%; */

	/* NOTE: wenn ich spalten umbrechen muss */
	width: 25%;
	box-sizing:border-box;

}

footer .spalte.mitglied {
	padding-left: 2%;
}

@media screen and (max-width: 1510px) {
	footer .spalte {
		width: 50%;
		padding-right: 80px;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 800px) {
	footer .spalte {
		width: 100%;
	}
}


/* neu flex end */




footer img.top {
	margin: 0 0 5px 0;
}

footer img.bottom {
	margin: 10px 0 0 0;
}

footer  {
	float: left;
	/* font-family: 'open_sanscondensed_light', Arial, Helvetica, sans-serif; */
	/* font-family: muli, sans-serif; */
	font-family: var(--main-font-2);
	font-weight: 400; 
	font-weight: var(--font-2-weight-1); 
	font-size: var(--font-size-1);
	/* color: #221F1F; */
	color: #000;
}

footer .one { width: 30%}
footer .two { width: 30%}
footer .three { width: 40%}

footer .ssv {width: 100%; margin-top: 30px; }
footer .ssv img {width: 100px; margin-top: 10px;}

@media screen and (max-width: 1000px) { /*footer .one { width: 28.5%; padding-left: 1.5%;}*/  footer .three { width: 38.5%; padding-right: 1.5%}}
@media screen and (max-width: 1000px) {footer .ssv {width: 97%;}}
@media screen and (max-width: 900px) {footer .one { width: 28%} footer .two { width: 32%}}
@media screen and (max-width: 820px) {footer .one { width: 28.5%; padding-left: 1.5%} footer .two { width: 30%} footer .ssv { padding-left: 1.5%; }}
@media screen and (max-width: 690px) {footer .one { width: 26.5%} footer .two { width: 32%}}

@media screen and (max-width: 640px) {
	footer  { width: 98.5% !important; margin: 0 0 40px 0;}
	footer .two { padding: 0 0 0 1.5%}
	footer .three { margin-bottom: 0; padding: 0 0 0 1.5%}
}

footer  .tab {
	width: 70px;
	float: left;
}

footer  a {
	text-decoration: none;
	color: #221F1F;
}

footer  a:hover {
	color: #C4131A;
}

footer  .titel {
	/* font-family: 'theano_didotregular', "Times New Roman", Times, serif; */
	font-family: new-hero, sans-serif;
	font-family: var(--main-font-1);
	font-weight: var(--font-1-weight-2);
	font-size: var(--font-size-1);
	/* color: #666; */
	color: #000;
	margin-bottom: 5px;
	float: left;
	width: 100%;
}

/* footer  .opentime { float: right;} */
@media screen and (max-width: 640px) {footer  .opentime { float: none;}}


/* altes css - behalte es noch weil ich daraus #footer-spalte entfernt habe


footer #footer-spalte.one { width: 30%}
footer #footer-spalte.two { width: 30%}
footer #footer-spalte.three { width: 40%}

footer #footer-spalte.ssv {width: 100%; margin-top: 30px; }
footer #footer-spalte.ssv img {width: 100px; margin-top: 10px;}

@media screen and (max-width: 1000px) { footer #footer-spalte.three { width: 38.5%; padding-right: 1.5%}}
@media screen and (max-width: 1000px) {footer #footer-spalte.ssv {width: 97%;}}
@media screen and (max-width: 900px) {footer #footer-spalte.one { width: 28%} footer #footer-spalte.two { width: 32%}}
@media screen and (max-width: 820px) {footer #footer-spalte.one { width: 28.5%; padding-left: 1.5%} footer #footer-spalte.two { width: 30%} footer #footer-spalte.ssv { padding-left: 1.5%; }}
@media screen and (max-width: 690px) {footer #footer-spalte.one { width: 26.5%} footer #footer-spalte.two { width: 32%}}

@media screen and (max-width: 640px) {
	footer #footer-spalte { width: 98.5% !important; margin: 0 0 40px 0;}
	footer #footer-spalte.two { padding: 0 0 0 1.5%}
	footer #footer-spalte.three { margin-bottom: 0; padding: 0 0 0 1.5%}
}

footer #footer-spalte .tab {
	width: 70px;
	float: left;
}

footer #footer-spalte a {
	text-decoration: none;
	color: #221F1F;
}

footer #footer-spalte a:hover {
	color: #C4131A;
}

footer #footer-spalte .titel {
	font-family: 'theano_didotregular', "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 25px;
	color: #666;	
}

footer #footer-spalte .opentime { float: right;}
@media screen and (max-width: 640px) {footer #footer-spalte .opentime { float: none;}}


*/



footer .fe {
	font-size: 12px;
	text-align: right;
	margin: 95px 0 0 0;
	float: right;
}
@media screen and (max-width: 640px) {footer .fe { clear: both; float: left; margin-top: 20px;}}

/* FORM CSS*/
input[type="text"], input[type="password"], textarea, select {
	/* font-family: 'theano_didotregular', "Times New Roman", Times, serif; */

	font-family: var(--main-font-2);
	font-size: var(--font-size-3);
	font-weight: var(--font-2-weight-1);

	background-color:#fff; 
	border: 1px solid #ccc;
	/* Textfarbe inaktiv */
	color: #878787;
	/* font-weight: normal;  */
	/* font-size:15px; */
	padding: 5px;
	padding-top: 7px;
	/*width: 300px*/
}

/* 
.folienbeschriftung-form input[type="text"], .folienbeschriftung-form input[type="password"], .folienbeschriftung-form textarea, .folienbeschriftung-form select {
	font-size: 12px;
	padding: 5px;
} */


.folienbeschriftung-form #fb_block input[type="text"] {
	width: 100%; /*250px*/
}

.folienbeschriftung-form textarea {
	width: 99%; /*745px*/
}

.kontaktformular input[type="text"], .kontaktformular input[type="password"], .kontaktformular textarea, .kontaktformular select {
	max-width: 300px;
	width: 95%; /*300px*/
}


input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover {
	background-color:#fff; 
	border: 1px solid #C4131A;
	color:#C4131A;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
	background-color:#fff; 
	border: 1px solid #C4131A;
	/* Textfarbe aktiv */
	color:#666; 
}

input.send {
	font-family: var(--main-font-1);
	font-size: var(--font-size-3);
	font-weight: var(--font-1-weight-2);
	border:1px solid #ccc;
	background-color: #221F1F;
	/*width: 90px;*/
	padding: 15px 10px 10px 10px;
	color: #FFF;
	/*margin-bottom: 20px;*/
	text-transform: uppercase;
}

#false_input {
	border: 1px solid #F00;
}

.notice {
	border:1px solid gold;
	background:lightyellow;
	padding:10px 10px 10px 10px;
	margin:5px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#DEAE00;
	line-height:120%;
	max-width: 290px;
	width: 100%; /*290px*/
	vertical-align: center;
	text-shadow:0px 1px rgba(255,255,255,0.5);
	position:relative;
	top:0;
	left:0;
	clear:both;
	font-size:12px;
	font-size: var(--font-size-3);
}

.folienbeschriftung-form .notice {
	width: 95%; /*240px*/
}


/* .notice.warning{}default */
.notice.error{border:1px solid red;background:pink;color:red;}
.notice.success{border:1px solid #060;background:#94C01F;color: #060;}
.notice .icon{color:inherit;margin-right:10px;margin-bottom:-5px;*margin-top:-5px;}
.notice a.icon.close,
.notice a.icon.close:active,
.notice a.icon.close:visited{position:absolute;top:5px;right:-5px;left:auto;color:inherit;}

/*NAVER*/

/* 
* Naver v3.0.8 - 2014-05-06 
* A jQuery plugin for responsive navigation. Part of the Formstone Library. 
* http://formstone.it/naver/ 
* 
* Copyright 2014 Ben Plum; MIT Licensed 
*/ 

.naver .naver-handle { color: #333; cursor: pointer; display: none; font-size: 14px; height: 100px; line-height: 28px; text-transform: uppercase;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
		 -o-user-select: none;
			user-select: none;
}
.naver .naver-handle:before { background: url(../image/jquery.fs.naver-icon.png) no-repeat center; content: ''; display: block; float: right; height: 39px; margin: 40px 1.5% 0 0; width: 60px; }
.naver .naver-wrapper { height: auto; }
.naver .naver-container:after { clear: both; content: "."; display: block; height: auto; line-height: 20px; visibility: hidden; }

.naver.enabled .naver-handle { display: block; }
.naver.enabled .naver-wrapper { height: 0px; overflow: hidden; width: 100%; background: #BF0D0D; float: left;}

/*LIGHTBOX*/
/* Preload images */
body:after {
  content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}