/* =IMPORT
----------------------------------------------- */

/* =FONTS
----------------------------------------------- */
@font-face {
	font-family:'RWE';
	src:url("./fonts/RWE.otf") format("opentype");
}
@font-face {
	font-family:'CROSSBAR';
	src:url("./fonts/crossbar.otf") format("opentype");
}
@font-face {
	font-family:'ROBOTOSLAB';
	font-style:normal;
	font-weight:normal;
	src: url('./fonts/roboto-slab-v16-latin-regular.eot');
	src: url('./fonts/roboto-slab-v16-latin-regular.eot?#iefix') format('embedded-opentype'),
	url('./fonts/roboto-slab-v16-latin-regular.woff2') format('woff2'),
	url('./fonts/roboto-slab-v16-latin-regular.woff') format('woff'),
	url('./fonts/roboto-slab-v16-latin-regular.ttf') format('truetype'),
	url('./fonts/roboto-slab-v16-latin-regular.svg#RobotoSlab') format('svg');
}
@font-face {
	font-family:'ROBOTO';
	font-style:normal;
	font-weight:normal;
	src: url('./fonts/roboto-v29-latin-regular.eot');
	src: url('./fonts/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'),
	url('./fonts/roboto-v29-latin-regular.woff2') format('woff2'),
	url('./fonts/roboto-v29-latin-regular.woff') format('woff'),
	url('./fonts/roboto-v29-latin-regular.ttf') format('truetype'),
	url('./fonts/roboto-v29-latin-regular.svg#Roboto') format('svg');
}

/* =CHARSET
----------------------------------------------- */
@charset "UTF-8";

/* =COLORS
----------------------------------------------- */
.color1-1 { background-color:#400000 }
.color1-2 { background-color:#800000 }
.color1-3 { background-color:#c00000 }
.color1-4 { background-color:#ff0000 }
.color1-5 { background-color:#ff8080 }
.color1-6 { background-color:#ffebec }
.color2-1 { background-color:#004444 }
.color2-2 { background-color:#005e5e }
.color2-3 { background-color:#007373 }
.color2-4 { background-color:#079191 }
.color2-5 { background-color:#2a9595 }
.color2-6 { background-color: }
.grey-1 { background-color:#202020 }
.grey-2 { background-color:#505050 }
.grey-3 { background-color:#a0a0a0 }
.grey-4 { background-color:#c0c0c0 }
.grey-5 { background-color:#e0e0e0 }
.grey-6 { background-color:#f0f0f0 }
.colorbox { width:80px; height:35px; border:1px solid black; margin-right:10px; padding-top:15px; text-align:center !important; font-size:10px; }
.red { color:#ff0000; }
.black { color:black; }
.white { color:white; }
.green { color:green; }

/* =PLAIN HTML
----------------------------------------------- */
* {	margin:0; padding:0; }
*, *::before, *::after { box-sizing:border-box; }
*:focus { outline:0 !important; box-shadow:0 !important; }
html {
	background:url("./images/backgrounds/ffa_bg_archive.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	background-position:center;
}
body { }
html, body {
	width:100%;
	height:100%;
	min-height:100%;
	margin:0;
	padding:0;
	color:#505050;
	font-family:ROBOTO,Helvetica,Arial,Sans-Serif;
	font-size:100.01%;
}
abbr { border:none !important; text-decoration:none !important; }
img { max-width:100%; height:auto; }
hr { height:1px; border:0; border-top:1px solid #a0a0a0; }
strong { font-weight:bold; }
iframe[data-scaling="true"] { min-width: 100%; max-width: 100%; } /* see ffa.js */

/* =PLAIN GENERIC CLASSES
----------------------------------------------- */
.center, .aligncenter { vertical-align:center; text-align:center; margin-left:auto; margin-right:auto; }
.left, .alignleft { float:left; }
.right, .alignright { float:right; }
.block { display:block; }
.date  { font-size:80%; color:grey; line-height:1em; }
.readmore { border-bottom:none; text-decoration:underline; }
.shadow { box-shadow:0 0 15px black }
.noshadow, .nohover { box-shadow:none !important; border:none !important; }
.bold { font-weight:bold; }
.small { font-size:80%; }
.excerpt { font-style:italic; line-height:1.85em; }
.excerpt p { margin-bottom:2em; }
.error, .attention, .readmore { color:#c00000; }
.icon-pdf { background:url("./images/icon-pdf.png") no-repeat right center; min-height:16px; display:block; padding-right:18px; }
.icon-zip {	background:url("./images/icon-zip.png") no-repeat right center;	min-height:16px; display:block;	padding-right:18px; }
.link { text-decoration:underline !important; }
.darkred { color:#800000; }
.red { color:red; }
.green { color:green; }

/* =TYPOGRAPHY
 ----------------------------------------------- */
h1, h2, h3, h4 { font-family:ROBOTOSLAB,Serif; }
h1 { font-weight:bold; display:inline; }
h2 { font-weight:bold; color:#505050; text-shadow:1px 1px white; margin-top:2em; margin-bottom:0.5em; }
h2.first { margin-top:0; }
h2 ~ h2, img ~ h2 { }
h3 { font-weight:normal; color:#800000; text-shadow:1px 1px white; margin:0.5em 0 0.25em 0; }
h4 { }
a { border-bottom:1px solid #800000; color:#800000; ?>; text-decoration:none; }
p { margin-bottom:1em; }


/* =ID SELECTORS
----------------------------------------------- */
/* Container */
#container { position:relative; background-color:rgba(0, 0, 0, 0.7); width:100vw; max-width:100%; min-width:100%; min-height:100vH; padding-bottom:65px; }

/* Wrapper */
#wrapper { font-size:100%; height:auto !important; margin:0 auto 0  auto !important; padding:25px 0 0 0; display:grid; grid-gap:1.5em; }
#wrapper-shop { font-size:100%; height:auto !important; margin:0 auto 0  auto !important; padding:25px 0 0 0; }

/* Header */
/* Header Left */
#header-left { display:grid; grid-gap:0; gap:0; grid-template-columns:50% 50%; grid-template-rows:1fr; }
#header-left #header-left-banner { display:flex; justify-self:center; align-self:end; }
#header-left #header-left-banner .header-banner { width:auto; }
#header-left #header-left-action { display:flex; justify-self:center; align-self:end; }
#header-left #header-left-action .widget-header-action { }
#header-left #header-left-action .widget-header-action .textwidget { box-shadow:0 0 15px black; background-color:rgba(120, 120, 120, 0.8); color:white; padding:5px; font-size:small; }
#header-left #header-left-action .widget-header-action .textwidget a { color:white; border:0; text-decoration:none; }
/* Header Right */
#header-right { display:grid; grid-gap:0.5em; grid-template-columns:1fr 30px; align-content:flex-end; }
#header-right .widget-header-menu { /* see style-menu.css */ }
#header-right .widget-header-search { width:100%; float:left; }
#header-right .widget-header-search #s { padding:5px 5px 5px 30px; margin-bottom:5px; height:30px; line-height:1.5em; font-weight:normal; width:100%; color:white; background:url("./images/ffa_header_icon_search.png") rgba(100, 100, 100, 0.6); background-repeat:no-repeat; background-position:6px center; border:1px solid white; border-radius:5px 0 0 5px; }
#header-right .widget-header-search #searchsubmit { display:none; visibility:hidden; width:0; height:0; }
#header-right .widget-header-search input:focus { background:url("./images/ffa_header_icon_search.png") rgba(10, 10, 10, 0.4) !important; background-repeat:no-repeat !important; background-position:6px center !important; }
#header-right .widget-header-search .wp-block-search__button,
#header-right .widget-header-search .wp-block-search__label { display:none; visibility:hidden; width:0; height:0; }
#header-right #buttons { margin:0 auto 0 auto; }
#header-right #buttons li { float:left; margin-right:10px; }
#header-right #buttons li.last { margin-right:0; }
#header-right #buttons li:hover { -webkit-filter:brightness(70%); filter:drop-shadow(0 0 0.25rem black) brightness(70%); }
#header-right #buttons li a { display:block; width:30px; height:30px; font-size:0px; }
#header-right #buttons .buttons-left { float:left; padding-right:5px; border-right:1px solid #e0e0e0; }
#header-right #buttons .buttons-right { float:left; padding-left:15px; }
#header-right #buttons li.home { background:url("./images/button-home.png"); }
#header-right #buttons li.shop { background:url("./images/button-shop.png"); }
#header-right #buttons li.calendar { background:url("./images/button-calendar.png"); }
#header-right #buttons li.email { background:url("./images/button-email.png"); }
#header-right #buttons li.print{ background:url("./images/button-print.png"); }
#header-right #buttons li.facebook { background:url("./images/button-fb.png"); }
#header-right #buttons li.twitter { background:url("./images/button-twitter.png"); }
#header-right #buttons li.youtube { background:url("./images/button-youtube.png"); }
#header-right #buttons li.instagram { background:url("./images/button-insta.png"); }
/* Header Shop */
#header-shop #header-shop-wrapper { display:table; width:100%; }
#header-shop #header-shop-banner { display:table-cell; vertical-align:middle; }
#header-shop #header-shop-banner img { max-height:125px; }
#header-shop #header-shop-menu { display:table-cell; vertical-align:middle; text-align:right; }

/* Breadcrumb */
#breadcrumb { height:1em; line-height:1em; }
#breadcrumb .breadcrumb { color:white; font-size:90%; }
#breadcrumb .breadcrumb .wrapper { padding:4px; background-image:linear-gradient(to right, rgba(50, 50, 50, 0.2), rgba(100, 100, 100, 0.7) 25%, rgba(50, 50, 50, 0.1)); border-radius:5px; }
#breadcrumb .breadcrumb a { color:white; text-decoration:none; border:none; }
#breadcrumb .breadcrumb a:hover { border-bottom:1px solid lightgrey; }
#breadcrumb .breadcrumb .current-page { }

/* Shoplink */ 
#shoplink { position:absolute; top:210px; left:1035px; transform:rotate(10deg); width:170px; height:50px; padding:5px; background:lightyellow; border:1px white solid; border-radius:5px; text-align:center; font-family:ROBOTOSLAB,Serif; box-shadow:0 0 15px black; }

/* Footer */
#footer { position:absolute; bottom:0; width:100%; height:50px;	border-top:1px solid white; display:block; background:url("./images/ffa_footer_bg_01.png") #101010; background-repeat:repeat; font-size:85%; }
#footer #footer-wrapper { height:100%; width:100%; max-width:1210px; margin:0 auto 0 auto !important; color:#e0e0e0; }
#footer #footer-wrapper .inner { display:table; width:100%; height:100%; max-width:1210px; }
#footer #footer-wrapper .links { display:table-cell; vertical-align:middle; }
#footer #footer-wrapper .links a {color:#d0d0d0; text-decoration:none; border:none; }
#footer #footer-wrapper .slogan { display:table-cell; vertical-align:middle; text-align:right; max-width:232px; }
#footer #footer-wrapper .slogan img.text { margin-bottom:5px; }
#footer #footer-wrapper .slogan img + img { margin-left:10px; }

/* Sidebar */
#sidebar { margin-top:20px; }
#sidebar .unsere-kurve { transform:rotate(20deg); }

/* Main: Home */
#main-home { }
#main-home header .subtitle { box-shadow:0 0 15px white; background:#800000; color:white; float:left; max-height:20px; height:20px; min-height:20px; font-size:15px; padding:0px 5px 3px 5px; font-family:ROBOTOSLAB; }
#main-home header .title { box-shadow:0 0 15px white; background:url("./images/ffa_widget_bg_light.png"); background-size:cover; clear:both; text-align:left; width:100%; padding:5px; margin-bottom:0.25em; font-weight:bold; font-size:140%; color:#800000; text-shadow:1px 1px white; border-bottom:1px solid black; min-height:40px; }
#main-home #content { margin-bottom:1.5em; }
#main-home #content .text { box-shadow:0 0 15px black; height:223px !important; max-height:223px !important; display:block; background:rgba(255, 255, 255, 0.9); border:0px solid white; overflow:auto; overflow-x: hidden; padding:5px; font-size:100%; line-height:1.5em; color:#505050; display:table; border-radius:0 0 8px 0;}
#main-home #content .text .wrapper { display:table-cell; vertical-align:middle; }
#main-home #content .text .wrapper p { margin-bottom:0.5em; padding:0; }
#main-home #content .text h2 { background-color:rgba(120, 120, 120, 0.2); }
#main-home #content .image { box-shadow:0 0 15px black; max-height:223px !important; display:block; background:rgba(255, 255, 255, 0.6); border:2px solid white; padding:0px; width:100%; height:100%; }

#main-home #teaser .teaser-ticker { width:100%; background:url("./images/ffa_widget_bg.png") ; box-shadow:0 0 15px black; margin-bottom:1.5em; padding:0.25em; border:2px solid white !important; display:block; color:white; font-weight:bold; font-size:110%; text-align:center; }
#main-home #teaser .teaser-banner { box-shadow:0 0 15px black; margin-bottom:1.5em; display:block; }
#main-home #teaser .teaser-banner img { width:100%; height:auto; }
#main-home #cubes { margin-bottom:1.5em; }
#main-home #cubes div { /*see widgets */ }

/* Main: Single | Page | Search | Archive | 404 */
#main { }
#main.span { grid-column:1 / span 2; }
#main header .subtitle { box-shadow:0 0 15px white; background:white; color:#800000; float:left; max-height:20px; height:20px; min-height:20px; font-size:15px; padding:0px 5px 3px 5px; font-family:ROBOTOSLAB; }
#main header .title { box-shadow:0 0 15px white; background:url("./images/ffa_widget_bg_dark.png"); background-size:cover; clear:both; text-align:left; width:100%; padding:5px; margin-bottom:0.25em; font-weight:bold; font-size:140%; color:white; text-shadow:1px 1px black; border-bottom:1px solid #c0c0c0; min-height:40px; }
#main #content { box-shadow:0 0 15px black; display:block; background:rgba(255, 255, 255, 0.9); border:0px solid white; padding:1em; line-height:1.5em; border-radius:0 0 0 8px; }
#main #content > h2 { clear:all; }
#main #content ul { margin-bottom:1.5em; }
#main #content img { border:1px solid white; box-shadow:0 0 15px black; }
#main #content img.featured { float:right; margin:0 0 1em 1em; }
#main #content div.gallery { width:100%; margin-top:2em; }
#main #content .gallery-item { width:33.333%; max-width:width:33.333%; }
#main #content .gallery-icon { border:none; text-decoration:none; margin:2px; }
#main #content .gallery-caption { text-shadow:1px 1px white; line-height:1em; font-size:80%; margin:auto; background-image:linear-gradient(to right, rgba(255, 255, 255, 0.1), white 50%, rgba(255, 255, 255, 0.1)); }
#main #content .wp-caption.alignright { margin:1em 0em 0em 1em; text-align:right; }
#main #content .wp-caption.alignleft  { margin:1em 1em 0em 0em; } 
#main #content .wp-caption-text { padding:6px; margin-top:1px; text-shadow:1px 1px white; line-height:1em; font-size:80%; background-image:linear-gradient(to right, rgba(255, 255, 255, 0.1), white 50%, rgba(255, 255, 255, 0.1)); }
#main #content img.result { float:left; margin:0.25em 1em 0 0; }
#main #content .result { margin-bottom:1.5em; font-size:95%; }
#main #content .result h2 { margin:0; line-height:1.5em; }
#main #content .result .date  { color:dimgrey; padding:0 2px 0 2px; background-image:linear-gradient(to right, rgba(211, 211, 211, 0.1), lightgrey 50%, rgba(211, 211, 211, 0.1)); width:150px;}
#main #content .result .search-term { color:red; }

/* Main: Shop */
#main-shop { }
#main-shop h1 { box-shadow:0 0 15px white; background:url("./images/ffa_widget_bg_dark.png"); background-size:cover; clear:both; text-align:left; width:100%; padding:5px; margin-bottom:0.25em; font-weight:bold; font-size:140%; color:white; text-shadow:1px 1px black; border-bottom:1px solid #c0c0c0; min-height:40px; width:100%; display:block; }
#main-shop #content { box-shadow:0 0 15px black; display:block; background:rgba(255, 255, 255, 0.9); border:0px solid white; padding:1em; line-height:1.5em; border-radius:0 0 0 8px; }
#main-shop #content img.attachment-woocommerce_thumbnail,
#main-shop #content img.attachment-ffa-post { border:1px solid white; box-shadow:0 0 15px black; padding:5px; }
#main-shop #content img.featured { float:left; margin:0 1em 1em 0; }

/* =WIDGETS
----------------------------------------------- */
span.widget-title {	background:url("./images/ffa_widget_bg.png") ; background-size:cover; font-family:'RWE'; color:white; padding:5px; margin-bottom:0.25em; font-weight:normal; font-size:120%; text-align:center; text-transform:uppercase; text-shadow: 1px 1px black; letter-spacing:0.25em; box-shadow:0 0 15px white; height:33px; display:block; }

/* WIDGET: Cubes */
#cubes div.widget > div { padding:4px; box-shadow:0 0 15px black; font-size:90%; background-color:rgba(120, 120, 120, 0.8); color:#f8f8f8; overflow:auto; overflow-x:hidden; }
#cubes div.widget .textwidget a { color:white; border:0; text-decoration:none; }
#cubes #cube1 .simcal-calendar  { height:40em; max-height:40em; }
#cubes #cube1 .simcal-calendar p { margin:0 0 10px 0; }
#cubes #cube1 .simcal-calendar p.simcal-align-right,
#cubes #cube1 .simcal-calendar a.post-edit-link { width:0; height:0; display:none; visibility:hidden; }
#cubes #cube2 .textwidget { height:20em; max-height:20em; }
#cubes #cube3 .textwidget { height:20em; max-height:20em; }
#cubes #cube4 a { box-shadow:0 0 15px white; display:block; }
#cubes #cube4 img { height:17.5em; max-height:17.5em; width:100%; max-width:100%; }
#cubes div.cube ul li { margin-bottom:12px; }
#cubes div.cube span + br { display:none; visibility:hidden; width:0; height:0; }
#cubes div.cube span.simcal-event-title,
#cubes div.cube .textwidget ul li span { display:block; color:white; padding:2px; margin-bottom:2px; background-color: rgba(255,255,255,0.2); text-shadow:1px 1px dimgrey; font-family:ROBOTOSLAB,Serif; font-weight:normal !important; font-size:105%; line-height:1em; }

/* WIDGET: Sidebar */
#sidebar .widget-sidebar { box-shadow:0 0 15px black; margin-bottom:1.5em;  }
#sidebar .widget-sidebar h1 { font-size:150% !important; border-bottom:1px solid #c0c0c0; }

/* WIDGET: Submenu */
#sidebar .widget_ffa_submenu ul.submenu { background-color:rgba(255, 255, 255, 0.5); box-shadow:0 0 15px black; padding:4px 4px 1px 4px; margin-bottom:1.5em; }
#sidebar .widget_ffa_submenu ul.submenu > li { background-color:rgba(255, 255, 255, 0.7); padding:4px; margin-bottom:3px; border-bottom:1px solid white; }
#sidebar .widget_ffa_submenu ul.submenu ul.children { list-style-type:none; }
#sidebar .widget_ffa_submenu ul.submenu ul.children li:before { content:"\25B6" "\00A0" "\00A0"; font-size:75%; color:darkgrey; }
#sidebar .widget_ffa_submenu ul.submenu ul.children li { font-size:90%; padding:2px 0 2px 0; }
#sidebar .widget_ffa_submenu ul.submenu ul.children ul.children li:before { content:"\2022" "\00A0" "\00A0"; font-size:95%; color:darkgrey; }
#sidebar .widget_ffa_submenu ul.submenu ul.children ul.children li { font-size:100%; padding:2px 0 2px 1.1em; }
#sidebar .widget_ffa_submenu ul li.page_item_origin { font-family:ROBOTOSLAB,Serif; background:rgba(0, 0, 0, 0.7); font-size:110%; padding:4px; margin-bottom:3px; font-weight:bold; border-bottom:1px solid white; }
#sidebar .widget_ffa_submenu ul li.page_item_origin a { color:white; }
#sidebar .widget_ffa_submenu ul li.page_item a { color:dimgrey; }
#sidebar .widget_ffa_submenu ul li.current_page_item > a { color:#800000; }
#sidebar .widget_ffa_submenu ul li.current_page_ancestor > a { color:black; }

/* WIDGET: Attachments */
/* #sidebar .widget_ffa_attachments .widget-title { font-family:ROBOTOSLAB,Serif; background:rgba(0, 0, 0, 0.7); padding:4px; margin-bottom:3px; font-weight:bold; border-bottom:1px solid white; } */
#sidebar .widget_ffa_attachments ul { background-color:rgba(255, 255, 255, 0.5); box-shadow:0 0 15px black; padding:4px 4px 1px 4px; margin-bottom:1.5em; }
#sidebar .widget_ffa_attachments ul li { background-color:rgba(255, 255, 255, 0.7); padding:4px; margin-bottom:3px; color:grey; }

/* WIDGET: Neuigkeiten */
#sidebar #text-4 span.widget-title { font-size:150% !important; height:40px !important; }
#sidebar .widget-sidebar .listing-item { background-color:rgba(255, 255, 255, 0.5); clear:both; display:table; border-spacing:4px; width:100%; }
#sidebar .widget-sidebar .listing-item .image { width:115px; height:65px; border:1px solid white; overflow:hidden; float:left; }
#sidebar .widget-sidebar .listing-item .title { display:table-cell; vertical-align:middle; width:100%; min-height:63px; max-height:63px; border:1px solid white; padding:2px; background-color:rgba(255, 255, 255, 0.7); overflow:hidden; }
#sidebar .widget-sidebar .listing-item .date  { }
#sidebar .widget-sidebar .listing-item a { border:none; text-decoration:none; }
#sidebar .widget-sidebar .hint { background-color:rgba(255, 255, 255, 0.5); box-shadow:0 0 15px black; padding:4px 4px 1px 4px; margin-bottom:1.5em; }
#sidebar .widget-sidebar .hint li { background:rgba(0, 0, 0, 0.7); padding:4px; margin-bottom:3px; border-bottom:1px solid white; color:white; }
#sidebar .widget-sidebar .hint li a { color:white; }

/* WIDGET: Kalendar */
#sidebar .widget-sidebar .simcal-calendar { padding:2px 4px 1px 4px; background-color:rgba(255, 255, 255, 0.5); }
#sidebar .widget-sidebar .simcal-calendar .simcal-align-right { display:none; width:0; height:0; visibility:hidden; }
#sidebar .widget-sidebar .simcal-calendar .simcal-events-list-container .simcal-day { margin:2px 0 3px 0; background-color:rgba(255, 255, 255, 0.7); }
#sidebar .widget-sidebar .simcal-calendar .simcal-events-list-container .simcal-event-details { padding:4px; border-bottom:1px solid white; font-size:80%; }
#sidebar .widget-sidebar .simcal-calendar .simcal-events-list-container .simcal-event-details p { margin:0; }
#sidebar .widget-sidebar .simcal-calendar .simcal-events-list-container .simcal-event-details .simcal-event-title { font-weight:bold; }

/* =LISTS
 ----------------------------------------------- */
ul.arrow { list-style-type:none; }
ul.arrow li:before { content:"\25B6" "\00A0" "\00A0"; font-size:85%; }
ul.disc { list-style-type:disc; list-style:disc; padding-left:1em; }
ul.disc li { padding:0.5em 0 0.5em 0.5em; line-height:1.25em; }

/* =TABLES
 ----------------------------------------------- */
tbody {}
td.center { text-align:center; vertical-align:center; }
td.hint img { vertical-align:middle; margin-right:5px; }

/* TABLES: Default */
table.default { margin:0 auto 0 auto; font-size:0.85em; width:100%; border-collapse:collapse; border:0px solid #ffffff; }
table.default caption { border:1px solid #ffffff; border-bottom:0px !important; text-align:center; font-weight:bold; }
table.default caption.head { background:none; text-align:left; font-weight:bold; display:block; caption-side:top; }
table.default tr {}
table.default tr:nth-child(even) { background-color:#f5f5f5; }
table.default tr:nth-child(odd) { background-color:#f0f0f0; }
table.default tr:hover { background:lightyellow; }
table.default tr:hover.nohover, table.default td:hover.nohover, table.default tr.transparent { background:rgba(255, 255, 255, 0); }
table.default th, table.default td { border:1px solid #ffffff; padding:4px; line-height:1em; }
table.default th, table.default .header, table.default .header:hover { font-weight:bold; background:#202020 !important; color:#ffffff; text-align:center; }
table.default .subheader:hover,
table.default .subheader { font-weight:bold; background:#a0a0a0 !important; color:#202020; text-align:center; }
table.default .seperator { background:#d0d0d0 !important; height:0px !important; }
table.default th.center, table.default td.center { text-align:center;  margin-left:auto; margin-right:auto; }
table.default img { border:none !Important; box-shadow:none !important; }

/* TABLES: Steckbriefe */
table.profile {	font-size:100%; }
table.profile tr>td { font-weight:bold; min-width:14em; line-height:2em; }
table.profile td+td { font-weight:normal; width:100%; }
table.profile td { vertical-align: top; }

/* TABLES: Forms */
table.form { width:100%; }
table.form td { padding:0.5em 0.25em 0.5em 0; vertical-align:top; line-height:1em; }
table.form td  p{ padding:0; margin:0 0 0.5em 0; }

/* TABLES: Dynamic Content */
table.dynamic { width:100%; }
table.dynamic caption { display:block; padding:0em; margin-bottom:0.5em; border:1px solid white; font-weight:bold; color:#505050; text-shadow:1px 1px white; font-family:ROBOTOSLAB,Serif; background: rgb(229,229,229) linear-gradient(0deg, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); }
table.dynamic caption a { display:block; border:none; padding:0.25em 30px 0.25em 0.25em; margin-right:0.25em; color:#505050; }
table.dynamic caption.closed a { background:url("./images/ffa_table_dynamic_open.png")  no-repeat scroll right center; }
table.dynamic caption.open a   { background:url("./images/ffa_table_dynamic_close.png") no-repeat scroll right center; }
table.dynamic > tbody { background:url("./images/ffa_table_dynamic_body.jpg"); border:1px solid white; border-radius:0 0 0 8px; }
table.dynamic > tbody > tr { display:block; }
table.dynamic > tbody > tr > td { padding:1em; display:block; }
table.dynamic > caption.closed ~ tfoot { display:block  !important; }
table.dynamic > caption.open ~ tfoot { display:none  !important; }

/* TABLES: MFZ */
table.mfz { }

/* =FORMS & PAGINATION BUTTONS
----------------------------------------------- */

/*FORMS: Overall style */
input, input.readonly:focus, textarea, textarea.readonly:focus, span.captcha-image { width:100%; padding:4px; border:1px solid lightgrey; background-color:rgba(255, 255, 255, 0.5); }
input:focus, textarea:focus, select:focus, span.captcha-image label > input + svg:hover { border:1px solid dimgrey; background-color:white; }
input[type=radio] { -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); margin-right:0.2em; width:auto; margin-top:-1em; }
input[type=checkbox] { width:auto !important; }
input[type=number] { width:auto !important; }
textarea { resize: vertical; }
select { padding:4px; border:1px solid lightgrey; background-color:rgba(255, 255, 255, 0.5); }
.wpcf7-list-item, label.hide { margin:0 2em 0 0 !important; }
.wpcf7-list-item.last, label.hide.last { margin:0 !important; }
.hide .wpcf7-list-item-label { display:none; visibility:hidden; }

/*FORMS: Submit */
input[type=submit], input[type=button], .appendix.navigation a { box-shadow:0 0 15px white; padding:0.25em 1em 0.25em 1em; background:linear-gradient(to bottom,white,lightgrey); color:dimgrey; border:1px solid darkgrey; font-weight:bold; text-transform:uppercase; letter-spacing:0.25em; cursor:pointer; text-shadow:1px 1px white; border-radius:3px; margin:0 0 0 0; }
input:hover[type=submit], input:hover[type=button], .appendix.navigation a:hover { border:1px solid #808080; box-shadow:0 0 15px dimgrey; color:black; }
#searchsubmit { }

/*FORMS: Captcha */
span.captcha-image label { width:auto !important; height:auto !important; padding:0.5em; }
span.captcha-image label input, .wpcf7-spinner { width:0 !important; height:0 !important; display:none !important; visibility:hidden !important; }
span.captcha-image label svg { width:4em; height:4em; }
span.captcha-image label > input + svg { border:1px solid lightgrey;}
span.captcha-image label > input:checked + svg { color:darkred; border:1px solid grey; box-shadow:0 0 15px dimgrey; }

/*FORMS: Response output */
div.wpcf7 form div.wpcf7-response-output, .response-output { border:2px solid darkgreen; background-color:rgba(0, 255, 0, 0.1); color:darkgreen; border-radius:5px; margin:1em 0 1em 0; padding:0.5em; font-weight:bold; text-align:center; }
div.wpcf7 form.invalid div.wpcf7-response-output, .response-output.invalid { border:2px solid darkred; background-color:rgba(255, 0, 0, 0.1); color:darkred; }

/*
div.wpcf7 { width:100%; margin:1em auto 0 0; }
div.wpcf7 input, div.wpcf7 textarea, div.wpcf7 span.captcha-image, div.wpcf7 input.readonly:focus, div.wpcf7 textarea.readonly:focus, input[type=text], input[type=password], input[type=date] { width:100%; padding:4px; border:1px solid lightgrey; background-color:rgba(255, 255, 255, 0.5); }
div.wpcf7 input:focus, div.wpcf7 textarea:focus, select:focus, #content input:focus[type=text] { border:1px solid dimgrey; background-color:white; }
div.wpcf7 span.cf7ic_instructions { margin-bottom:0.5em; }
div.wpcf7 span.cf7ic_instructions span { text-transform:uppercase; color:darkred; padding:0 5px 0 5px; }
div.wpcf7 span.captcha-image label { width:auto !important; height:auto !important; padding:0.5em; }
div.wpcf7 span.captcha-image label input, div.wpcf7 span.wpcf7-spinner { width:0 !important; height:0 !important; display:none !important; visibility:hidden !important; }
div.wpcf7 span.captcha-image label svg { width:4em; height:4em; }
div.wpcf7 span.captcha-image label > input + svg { border:1px solid lightgrey;}
div.wpcf7 span.captcha-image label > input:checked + svg { color:darkred; border:1px solid grey; box-shadow:0 0 15px dimgrey; }
div.wpcf7 input[type=submit], input[type=submit], .appendix.navigation a { box-shadow:0 0 15px white; padding:0.25em 1em 0.25em 1em; background:linear-gradient(to bottom,white,lightgrey); color:dimgrey; border:1px solid darkgrey; font-weight:bold; text-transform:uppercase; letter-spacing:0.25em; cursor:pointer; text-shadow:1px 1px white; border-radius:3px; margin:0; }
div.wpcf7 input:hover[type=submit],input[type=submit]:hover, .appendix.navigation a:hover { border:1px solid #808080; box-shadow:0 0 15px dimgrey; color:black; }
div.wpcf7 input[type=radio] { width:auto; }
div.wpcf7 form div.wpcf7-response-output { margin:1.5em 0 0 0; padding:0,5em; }
div.wpcf7 form.invalid div.wpcf7-response-output { border:2px solid darkred; background-color:rgba(255, 0, 0, 0.1); color:darkred; }
.wpcf7-list-item, label.hide { margin:0 1em 0 0 !important; }
.wpcf7-list-item.last, label.hide.last { margin:0 !important; }
.hide .wpcf7-list-item-label { display:none; visibility:hidden; }
.formresult .updateOK { font-size:12px; color:green; }
.formresult .updateError { font-size:12px; color:red; }
#loginform { width:50%; margin:1em auto 0 0; }
input[type=radio] {
	 -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
	margin-right:0.5em;
}
*/

/* =MFZ
 ----------------------------------------------- */
.mfz-button-offer  { border:1px solid white; color:white; font-weight:bold; padding:5px 3px; background:green; }
.mfz-button-search { border:1px solid white; color:white; font-weight:bold; padding:5px 3px; background:red; }
.mfz-button-offer:hover, .mfz-button-search:hover { box-shadow:0 0 15px dimgrey; }
.mfz-button-search a, .mfz-button-offer a { color:white; }
.mfz-howto { width:30%; float:right; padding:1em; border-left:2px dotted grey; background:#f0f0f0; border-radius: 25px; }
.mfz-enter { width:70%; float:left; padding-right:2em; }

/* =POSTIT CLASSES
----------------------------------------------- */
.postit {
	line-height:1.25em;
	margin:0 auto 0 auto;
	max-width:400px !important;
	padding:20px 5px 10px 5px;
	background:#fefabc linear-gradient(150deg, #efec88 0%, #fefabc 100%);
	border: 1px solid #cccccc;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	transform:rotate(3deg);
}
.postit::before {
	content:"";
	background-color:rgba(0,0,0,0.025);
	position:absolute;
	width:100%;
	left:0;
	top:0;
	height:20px;
	z-index:-1;
}
.postit::after {
	content:"";
	position:absolute;
	bottom:3px;
	right: -4px;
	width: 100%;
	height: 140px;
	background-image:linear-gradient(173deg, rgba(0,0,0,0) 92%, rgba(0,0,0,0.4) 100%);
	transform:rotate(4deg);
	z-index:-1;
	filter:blur(2px);
}
.postit h3 { font-weight:bold; color:#800000; text-shadow:none; }
.postit td { padding:4px 6px 4px 0; vertical-align:top; }

/* =SIMPLE LIGHTBOX
----------------------------------------------- */
.slb_data_title,
.slb_template_tag,
.slb_template_tag_item,
.slb_template_tag_item_title { font-family:ROBOTO !important; font-size:80%; text-align:center; }
.slb_template_tag_item_description { display:none; visibility:none; width:0; height:0; }

/* =DISCLAIMER (EU Cookie Law GDPR)
----------------------------------------------- */
.pea_cook_wrapper {
    position:fixed !important;
	z-index:9999999 !important;
	bottom:60px !important;
	left:50% !important;
	margin-left:-365px !important;
	width:730px !important;
    padding:10px !important;
    text-align:left !important;
	color:white !important;
	background:rgba(42,10,85, 0.85) !important;
	border:2px solid white !important;
	border-radius:5px !important;
	box-shadow:0 0 15px black !important;
}
.pea_cook_wrapper p {
    font-family:inherit !important;
	font-size:16px !important;
	font-weight:normal !important;
	margin:0 !important;
	padding:0 !important;
}
.pea_cook_wrapper a {
	font-weight:bold !important;
}
.pea_cook_wrapper a::before {
    content:'\A';
    white-space:pre; 
}
.pea_cook_wrapper #pea_cook_btn {
    display:block !important;
    text-align:center !important;
    padding:5px !important;
	margin-top:-14px !important;
	margin-left:0px !important;
    background:#f1d600 !important;
    color:#000000 !important;
    border-radius:4px !important;
	border:1px solid white !important;
    float:right !important;
	font-family:inherit !important;
	font-weight:bold !important;
	font-size:18px !important;
	letter-spacing:1px;
	text-shadow:1px 1px white;
	box-shadow:0 0 15px black !important;
}
.pea_cook_wrapper #pea_cook_btn:hover {
	box-shadow:0 0 15px white !important;
}
.eucookie {
	margin:0 !important;
	border:1px solid white !important;
	border-radius:5px !important;
	box-shadow:0 0 15px black !important;
}

/* =Shop WooCommerce/Tickera plugin
 ----------------------------------------------- */
 li.product { text-align:center; }
.button, .add_to_cart_button, .single_add_to_cart_button, .added_to_cart, .checkout-button { display:block; margin:1em auto 1em auto; width:300px; padding:0.40em 0.70em; background:orange; color:white; border:2px solid white; border-radius:5px; font-weight:bold; line-height:normal !important; box-shadow:0 0 15px dimgrey; text-align:center; }
.button:hover, .add_to_cart_button:hover, .single_add_to_cart_button:hover, .added_to_cart:hover, .checkout-button:hover { box-shadow:0 0 15px black !important; }
.checkout-button { background:limegreen !important; }
#place_order { background:#800000 !important; font-size:110%; margin-top:2em; }
.price { font-weight:bold; font-size:110%; }
.price::before { content: '\A'; white-space:pre; }
.price::after { content: '\A'; white-space:pre; }
.product-thumbnail a { border:none; text-decoration:none; }

.shop_table { width:100%; }
.shop_table th { background:dimgrey; color:white; font-weight:bold; }
.shop_table th td { border-collapse:separate; padding:0.35em; border:1px solid black; }
.shop_table td.product-remove { font-size:250%; text-align:center; }
.shop_table td.product-thumbnail { text-align:center; }
.shop_table td.product-quantity { text-align:center; }
.shop_table td.product-subtotal { text-align:right; }
.shop_table td.actions { border:none !important; }

.shop_table tr.cart-subtotal th { font-weight:normal; background:lightgrey; }

.cart-collaterals { width:100%; text-align:center; }
.cart_totals { display: inline-block; margin: 0 auto; }
.cart_totals .shop_table { width:auto !important; margin: 0 auto; }

.woocommerce-checkout h2, .woocommerce-checkout h3 { font-weight:bold; color:#505050; text-shadow:1px 1px white; margin-top:0em; margin-bottom:0.5em; }
.woocommerce-checkout h5 { font-weight:bold; color:#800000; margin-top:0.5em; margin-bottom:0.5em; }
.woocommerce-checkout .woocommerce-additional-fields h3 { display:none; visibility:hidden; }
.woocommerce-checkout #billing_country_field { display:none; visibility:hidden; }
.woocommerce-checkout #billing_company_field { display:none; visibility:hidden; }
.woocommerce-checkout-payment { margin-top: 1em; }
.woocommerce-checkout-payment label { font-weight:bold; }

.woocommerce-LoopProduct-link { border:none; text-decoration:none; }

.woocommerce-info { font-weight:bold; font-size:110%; }
.woocommerce-notices-wrapper { width:100%; text-align:center; }
.woocommerce-notices-wrapper + p { text-align:center; display:block; margin:2em auto; }
.woocommerce-message, .woocommerce-error { font-weight:bold; color:red; font-size:100%; background:lightyellow; border:2px solid white; border-radius:5px; box-shadow:0 0 15px dimgrey; padding:0.25em; margin-bottom:1em; }
.woocommerce-error + li { color:#505050 !important; text-decoration:underline; }
.woocommerce-error strong { color:#505050 !important; font-weight:normal; }

/* =SNIPPETS
 ----------------------------------------------- */
.appendix { margin-top:1em; font-size:75%; line-height:1em; }
.appendix.tools { vertical-align:right; text-align:right; line-height:0; }
.appendix.tools a { margin-left:3px; }
.appendix.tools img { box-shadow:0 0 15px white !important; border:none !important; border-radius:3px;  }
.appendix.tools a:hover img { box-shadow:0 0 15px dimgrey !important; }
.appendix.navigation { width:100%; margin:2.5em auto 0 auto; font-weight:bold; font-size:90%; }
.appendix.navigation a { text-decoration:none; }
.appendix.navigation .left { float:left; }
.appendix.navigation .right { float:right }
.appendix.meta { border-top:1px solid lightgrey; border-bottom:0px solid grey; color:grey; padding:2px; }
.appendix.meta a { border-bottom:none; color:#800000; }

/* =NOLINK
----------------------------------------------- */
h1 a, h2 a, h3 a, h4 a,
a + img,
figure a,
a:hover.nolink,
a:visited.nolink,
.nolink,
.nolink a,
.gallery-icon a,
.wp-caption a,
ul.simple-links-list li a,
.shop_table a,
ul.submenu li a {
	border:none !important;
	text-decoration:none !important;
}

/* =NODISPLAY
----------------------------------------------- */
.hidden,
#footer-print,
h2 + br {
	width:0;
	height:0;
	display:none;
	visibility:hidden;
}

/* =CLEARFIX
----------------------------------------------- */
.clearfix {
  overflow:hidden;
}
.clear,
.clearfix:after {
  	content:".";
  	display:block;
	clear:both;
	visibility:hidden;
	width:0;
	height:0;
}
/* Patch for IE 6*/
* html .clearfix { height:1%; }
/* Patch for IE 7*/
*:first-child+html .clearfix { min-height:0; }#wrapper { max-width:1210px; grid-template-columns:3fr 1.5fr; }
#wrapper-shop {	max-width:1210px; }
#header-left { }
#header-left .header-banner { margin-bottom:-10px; width:auto: height:auto; }
#header-right .widget-header-action { float:right; width:100%; max-width:25%; }
#breadcrumb { grid-column: 1 / 3; }
#main-home #content {
	display:grid;
	grid-gap:0.5em;
	grid-template-columns:1fr 1fr;
}
#main-home #cubes {
	display:grid;
	grid-gap:0.5em;
	grid-template-columns:1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-template-areas:
	"CUBE1 CUBE2 CUBE3"
	"CUBE1 CUBE4 CUBE4";
}
#main-home #cubes #cube1 { grid-area: CUBE1; }
#main-home #cubes #cube2 { grid-area: CUBE2; }
#main-home #cubes #cube3 { grid-area: CUBE3; }
#main-home #cubes #cube4 { grid-area: CUBE4; }/* =MENU 
----------------------------------------------- */

/* MENU-MAIN: Overall style definition */
#header-right div.menu-header-menu-container {
	z-index:99999;
	display:inline;
	float:center;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;

}
#header-right div.menu-header-menu-container ul {
  	list-style:none;
  	margin:0;
  	padding:0;
}
#header-right div.menu-header-menu-container li {
  	list-style:none;
  	margin:0;
  	padding:0;
}
#header-right div.menu-header-menu-container a {
  	display:block;
  	white-space:nowrap;
	text-decoration:none !important;
	border:none !important;
	text-align:center;
}

/* MENU-MAIN: 1st Level */
#header-right div.menu-header-menu-container > ul.menu > li { }
#header-right div.menu-header-menu-container > ul.menu > li:hover { }
#header-right div.menu-header-menu-container > ul.menu > li > a,
#header-right div.menu-header-menu-container > ul.menu > li > a.open  {
	display:block;
	width:30px;
	height:30px;
	padding:2px;
	background:url("./images/ffa_header_menu_open.png") center no-repeat;
	text-indent:-999999px;
	font-size:0px;
	border:1px solid #ffffff !important;
}
#header-right div.menu-header-menu-container > ul.menu > li > a.close  {
	background: url("./images/ffa_header_menu_close.png") center no-repeat;
}

/* MENU-MAIN: 2nd Level */
#header-right div.menu-header-menu-container > ul.menu > li > ul.sub-menu {
	display:none;
	position:absolute;
	z-index:99999;
	background:rgba(255,255,255, 0.97);
	width:1210px;
	border-radius:10px 0 10px 10px;
	border:3px solid white;
	left:50%;
	transform:translate(-50%);
	margin:2px auto 0 auto;
	text-align:center;
	box-shadow:0 0 15px black !important;
}
#header-right div.menu-header-menu-container > ul.menu > li > ul.sub-menu > li {
	float:left;
	padding:10px;
	width:33.333333333%;
	background:none;
}
#header-right div.menu-header-menu-container > ul.menu > li > ul.sub-menu > li > a {
	display:block;
	height:30px;
	width:100%;
	font-weight:normal;
	font-size:1.25em;
	line-height:1.5em;
	text-shadow: 0 1px 0 #505050;
	color:#ffffff;
	border-radius:4px;
	margin-bottom:10px;
}
#header-right div.menu-header-menu-container #menu-item-9 > a { background:url("./images/ffa_header_menu_aktiv1.png") #a0a0a0 no-repeat 4px 4px; font-family:ROBOTOSLAB,Serif; }
#header-right div.menu-header-menu-container #menu-item-9 > a:hover {	background:url("./images/ffa_header_menu_aktiv2.png") #a0a0a0 no-repeat 4px 4px; }
#header-right div.menu-header-menu-container #menu-item-17 > a { background:url("./images/ffa_header_menu_uns1.png") #a0a0a0 no-repeat 4px 5px; font-family:ROBOTOSLAB,Serif; }
#header-right div.menu-header-menu-container #menu-item-17 > a:hover { background:url("./images/ffa_header_menu_uns2.png") #a0a0a0 no-repeat 4px 5px; }
#header-right div.menu-header-menu-container #menu-item-1483 > a { background:url("./images/ffa_header_menu_kontakt1.png") #a0a0a0 no-repeat 4px 5px; font-family:ROBOTOSLAB,Serif; }
#header-right div.menu-header-menu-container #menu-item-1483 > a:hover { background:url("./images/ffa_header_menu_kontakt2.png") #a0a0a0 no-repeat 4px 5px; }
#header-right div.menu-header-menu-container #menu-item-127 {
	clear:both;
	float:none;
	border-top:1px dashed #c0c0c0;
	text-align:center;
	padding:0px !important;
	margin:0px 20px 10px 20px!important;
	width:auto;
}
#header-right div.menu-header-menu-container #menu-item-127 a {
	padding:0px !important;
	margin:0px !important;
	width:100%;
	font-size:2em;
	color:#a0a0a0;
}

/* MENU-MAIN: 3rd Level */
#header-right div.menu-header-menu-container > ul.menu > li > ul.sub-menu > li > ul.sub-menu {
}
#header-right div.menu-header-menu-container > ul.menu > li > ul.sub-menu > li > ul.sub-menu > li {
}
#header-right div.menu-header-menu-container > ul.menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
	display:block;
	text-align:left;
	font-size:1.15em;
	line-height:2em;
	color:#505050;
	padding-left:5px;
}
#header-right div.menu-header-menu-container > ul.menu > li > ul.sub-menu > li > ul.sub-menu > li.current-menu-item {
	font-weight:bold;
}
#header-right div.menu-header-menu-container > ul.menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
	color:;
}

/* MENU-SHOP: Overall style definition */
#header-shop div.widget-header-menu {
	float:right;
}
#header-shop div.menu-header-menu-container {
}
#header-shop div.menu-header-menu-container ul {
  	list-style:none;
  	margin:0;
  	padding:0;
}
#header-shop div.menu-header-menu-container li {
  	list-style:none;
	float:left;
	padding:0;
}
#header-shop div.menu-header-menu-container a {
  	display:block;
  	white-space:nowrap;
	text-decoration:none !important;
	text-shadow:1px 1px white;
	text-align:center;
	font-weight:bold;
	font-size:115%;
	font-family:ROBOTOSLAB,Serif;
	background:#e5e5e5;
	border-radius:5px;
	border:1px solid white;
	box-shadow:0 0 15px black;
	width:7em;
	margin-left:1em;
	padding:3px;
}
#header-shop div.menu-header-menu-container li a:hover {
	box-shadow:0 0 15px white;
}
#header-shop div.menu-header-menu-container li.current-menu-item a {
	background:#ffd7d7;
}
