/*! normalize.css v1.1.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

#row2{position:relative;top:17px;}

#c742 {margin-top:255px;}

.tabs-content {
    background: none repeat scroll 0 0 #ededed;
    border-color: #ededed;
    color: #4b4b4d;
	background: none repeat scroll 0 0 #ededed;
    border-color: #ededed;
    color: #4b4b4d;
	padding:24px;
}

#backgroundImage2032 {
			background: url('../img/haendler_mann_strich.png') center top no-repeat;
			min-height: 456px;
			margin-top:-30px;
		}




article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    background: #fff; /* 1 */
    color: #000; /* 2 */
    font-size: 100%; /* 3 */
    -webkit-text-size-adjust: 100%; /* 4 */
    -ms-text-size-adjust: 100%; /* 4 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
@font-face {
	font-family: 'glyphicons';
	src:url('../fonts/geramoebel-website-font.eot@1');
	src:url('../fonts/geramoebel-website-font.eot@') format('embedded-opentype'),
		url('../fonts/geramoebel-website-font.woff@1') format('woff'),
		url('../fonts/geramoebel-website-font.ttf@1') format('truetype'),
		url('../fonts/geramoebel-website-font.svg@1') format('svg');
	font-weight: normal;
	font-style: normal;
}

[data-icon]:before {
	font-family: 'glyphicons';
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.glyphicon, a[class*="link-"]:after, a[class*="link-"]:before {
	font-family: 'glyphicons';
	cursor:default;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a .glyphicon, a[class*="link-"]:after, a[class*="link-"]:before {
	cursor:inherit;
}

.glyphicon-48h:before {
  content: "a";
}
.glyphicon-file:before {
	content: "b";
}
.glyphicon-ok:before {
	content: "c";
}
.glyphicon-minus:before {
	content: "j";
}
.glyphicon-dot:before {
	content: "f";
}
.glyphicon-record:before, .glyphicon-dot-sm:before {
	content: "g";
}
.glyphicon-arrow-left:before {
	content: "d";
}
.glyphicon-arrow-right:before {
	content: "h";
}
.glyphicon-arrow-up:before {
	content: "h";
	transform:rotate(90deg);
}
.glyphicon-arrow-down:before {
	content: "h";
	transform:rotate(270deg);
}
.glyphicon-arrow-left-sm:before {
	content: "e";
}
.glyphicon-arrow-right-sm:before {
	content: "i";
}
.glyphicon-arrow-up-sm:before {
	content: "i";
	transform:rotate(90deg);
}
.glyphicon-arrow-down-sm:before {
	content: "i";
	transform:rotate(270deg);
}
.glyphicon-close:before {
	content: "k";
}
.glyphicon-close-sm:before {
	content: "l";
}
.glyphicon-video:before {
	content: "m";
}

.glyphicon-next:before {
	content: "p";
}
.glyphicon-prev:before {
	content: "u";
}

.glyphicon-pin-gm:before {
	content: "n";
}
.glyphicon-pin:before {
	content: "o";
}

.glyphicon-service-exhibition:before {
	content: "v";
}
.glyphicon-service-advisory:before {
	content: "q";
}
.glyphicon-service-assembly:before {
	content: "r";
}
.glyphicon-service-onlineshop:before {
	content: "s";
}
.glyphicon-service-planning:before {
	content: "t";
}
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #3c3c3b;
}

body {
	font-size: 1em;
	line-height: 1.4;
	color: #3c3c3b;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
	background: #a90a2e;
	text-shadow: none;
	color:#fff;
}

::selection {
	background: #a90a2e;
	text-shadow: none;
	color:#fff;
}

/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ededed;
	margin: 4em auto;
	width:83.3333%;
	padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
legend {color:inherit}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden, .sprotect {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
	display:block;
    *zoom: 1;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* headlines */

h1, h2, h3, h4 {
	font-weight: bold;
	line-height: 120%;
	font-stretch:110%;
}
h1 {
	font-size:378.6%;
	line-height:1em;
	padding-bottom:0.2em;
	margin-top:1.8em;
	margin-bottom:0.4em;
	display:inline-block;
	border-bottom:8px solid #a90a2e;
}
h2 {
	font-size: 218.75%;
	margin-bottom: 0.5em;
}
h3 {
	font-size: 128.57%;
	margin-bottom: 1em;
	margin-top:2.5em;
}
h4 {
	margin-bottom:1em;
	font-size: 128.57%;
}

h1.alternate {
	border:none; display:block; padding:0;
}
h3.alternate, h4.alternate { border-bottom:1px solid #878787; color:#878787; padding-bottom:0.2em;}
h2.alternate, p.alternate { color:#a90a2e; }
.csc-firstHeader, .csc-textpicHeader h2, .csc-textpicHeader h3, .csc-textpicHeader h4 {margin-top:0}

/* LINKS */
a, a:visited, a:hover {
	color:#3c3c3b;
	text-decoration:underline;
}
a:hover, a:active, a:focus {color:#a90a2e; }

h1 a, h2 a, h3 a, h4 a {
	color:inherit;
}


/****** BUTTON STYLES ****************************/
.button, #container button, .buttonStyle, input[type=submit], .button:visited {
	position:relative; cursor:pointer;  letter-spacing:normal; height:2em; line-height:2em; font-weight:bold; font-weight:400; padding:0 1em; text-decoration:none !important; white-space:nowrap; vertical-align:baseline;
	text-align:center;
	min-width:10em;
	border:1px solid #a90a2e;
	color:#a90a2e;
	background: transparent;

	-webkit-transition:background-color 0.2s;
	-moz-transition:background-color 0.2s;
	-o-transition:background-color 0.2s;
	transition:background-color 0.2s;
}
a.button, span.button { display:inline; display:-moz-inline-box; display:inline-block}
a.buttonLarge {font-size: 128.57%;}
 
.button img, button img {border:0;vertical-align:middle}
.button input, input.button, #container button, input[type=submit] {height:2.4em; line-height:normal; white-space:nowrap; vertical-align:bottom; width:auto; overflow:visible}

.button:hover, #container button:hover, input[type=submit]:hover {
	background: #a90a2e;
	color:#fff;
}
.button:focus, #container button:focus, input[type=submit]:focus, .button:active, #container button:active, input[type=submit]:active {
	background: #8d0a2e;
	color:#fff;
}

.button.alternate, #container button.alternate, .buttonStyle, .button.alternate:visited {
	border:1px solid #3c3c3b;
	color: #3c3c3b;
}
.button.alternate:hover, #container button.alternate:hover, .buttonStyle:hover {
	background: #494948;
	color:#fff;
}
.button.alternate:focus, #container button.alternate:focus, .buttonStyle:focus, .button.alternate:active, #container button.alternate:active, .buttonStyle:active, .buttonStyle.current {
	background: #343434;
	color:#fff;
}

.button.solid, #container button, input[type=submit], .button.solid:visited {
	color:#fff;
	background:#a90a2e;
}
.button.solid:hover, #container button:hover, input[type=submit]:hover {
	background:#fff;
	color:#a90a2e;
}
.button.solid:focus, #container button:focus, input[type=submit]:focus, .button.solid:active, #container button:active, input[type=submit]:active {
	background:#8d0a2e;
	color:#fff;
}

.button.alternate.solid, #container button.alternate, .cutton.alternate.solid:visited {
	color:#3c3c3b;
	background:#c6c6c6;
	border-color:#fff;
}
.button.alternate.solid:hover, #container button.alternate:hover {
	background:#878787;
	color:#fff;
}
.button.alternate.solid:focus, #container button.alternate:focus, .button.alternate.solid:active, #container button.alternate:active {
	background:#6c6c6c;
	color:#fff;
}

/****** LINK STYLES ****************************/
a.link-more, a.link-back {text-decoration:none; font-weight:300;}
a.link-more:after, a.link-back:before {font-weight:bold !important; vertical-align:middle; font-size:180%;
	-webkit-transition:margin 0.3s;
	-moz-transition:margin 0.3s;
	-o-transition:margin 0.3s;
	transition:margin 0.3s;
}
a.link-more:after { content:'p'; margin-left:0.1em;}
a.link-more:hover:after {margin-left:0.3em;}
a.link-back:before { content:'u'; margin-right:0.1em;}
a.link-back:hover:before {margin-right:0.3em;}


/* tabelle */
table { margin: 3em 0; width: 100%;}
table caption { background: #ccc; color: #000; font-size: 16px; font-weight: bold; line-height: 1.3em; margin-bottom: 5px; padding: 8px 14px 7px; text-align: left;}
tfoot { font-style: italic !important;}
th { text-align:left; font-size: 128.57%; font-weight:400;}
tr.grey {background: #878787;}
td, th { padding: 0.8em 1.2em; vertical-align:top;}
thead th {vertical-align:bottom;}

td > .glyphicon {font-size:160%; display:inline-block; vertical-align:middle;line-height:100%;}

.expose tbody tr {color:inherit;}

table.centered, table.centered th {text-align:center;}

.contenttable thead th {border-bottom:2px solid #878787;}
.contenttable tbody td, .contenttable tbody th {border-bottom:1px solid #878787;}

.contenttable-0 thead th {color:#fff; background:#878787; border:1px solid #878787;}
.contenttable-0 tbody td {border:1px solid #878787;}

.contenttable-1 thead th {background:#878787; color:#fff;}
.contenttable-1 tbody tr:nth-child(2n+1), #bgWhite .expose .contenttable-1 tbody tr:nth-child(2n+1) {
	background-color: #ededed;
}



/* lines */
p.teaser {font-size:142%; font-weight:400; max-width:800px;}

p.columns-2, p.columns-3, p.columns-4 {
	-webkit-column-count:2; -moz-column-count:2; column-count:2;
	-webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px;
}
p.columns-3 {-webkit-column-count:3; -moz-column-count:3; column-count:3;}
p.columns-4 {-webkit-column-count:4; -moz-column-count:4; column-count:4;}

p.align-right, .align-right {text-align:right;}
p.align-left, .align-left {text-align:left;}
p.align-center, .align-center {text-align:center;}


.text-muted, p.text-muted {color:#878787;}
.uppercase, p.uppercase {text-transform:uppercase;}

.wf-pragmaticaweb-i2-active strong {font-weight:400;}

ul li {
	margin-bottom:0.5em;
}
ul.checklist, ul.bigchecklist, ul.unstyled, ol.unstyled, ul.linkList, ul.downloads {
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}
ul.checklist li {
	padding:0 0 0 1.8em;
}
ul.checklist li:before { content:"c"; font-family:"glyphicons"; position:absolute; left:0; font-size:130%;}

.linkList li, .downloads li {margin-bottom:0.3em; position:relative;}
.linkList a, .downloads a {text-decoration:none; color:inherit; vertical-align:bottom;}
.linkList a:hover, .downloads a:hover {color:#a90a2e; text-decoration:underline;}

.downloads li {margin-bottom:1.5em; border-bottom:1px solid #ebebeb;padding-bottom:6px;}
.downloads a {position:relative; display:block; padding-left:2.2em; padding-right:3.2em; padding-top:0.5em; line-height:130%;}
.downloads a:hover {text-decoration:none;}
.downloads .glyphicon {position:absolute;left:0;bottom:0.10em; text-indent:-0.3em; font-size:200%;}
.downloads .text-muted {position:absolute; right:0; bottom:0; max-width:6em;}

small {font-size:smaller;}

.label {padding:0 0.4em; background:#878787; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; display:inline-block;}


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* BASIC LAYOUT / WRAPPERS */
html { width:100%; height:100%; margin:0; padding:0;}
body { margin:0; padding:0; background:#fff; font-size:14px; font-weight:normal; font-weight:200; font-family:"pragmatica-web", "HelveticaNeue-Light", "HelveticaNeue LT 45 Light", "HelveticaNeue45", "HelveticaNeue LT", Arial, sans-serif;}
.wf-pragmaticaweb-i2-active h1 {font-weight:200;}
.wf-pragmaticaweb-i2-active h2 {font-weight:200;}
.wf-pragmaticaweb-i2-active h3 {font-weight:400;}
.wf-pragmaticaweb-i2-active h4 {font-weight:400;}

#container { min-width:1000px; max-width:1400px; margin:0 auto; padding:125px 0 0 0; overflow:hidden; position:relative;}
#page {padding:0 10px; margin:0 auto; overflow:visible}
#pageBody, #pageFooter, .backgroundPadding, #sectionMenu ul, .stretch .teaserPaginationItems {max-width:1180px; padding-left:25px; padding-right:25px; margin-left:auto; margin-right:auto;}


#pageHeader {position:absolute; top:10px; left:10px; right:10px; background:#fff;}
#pageHeader .backgroundPadding {position:relative; height:75px;}
#logo, #footerLogo {position:absolute; display:block; text-indent:-980px; text-decoration:none; top:0; right:25px; overflow:hidden; width:185px; height:75px; background:url('../img/logo_geramoebel.png') center center no-repeat;}

#pageFooter {position:relative; color:#8c8c8c;}
#footerLogo {top:auto; bottom:0; right:25px; height:60px}
#footerContent { margin-bottom:50px; padding:40px 10px; margin-left:-10px; margin-right:-10px; margin-top:4.4em; clear:both; background:#f0f0f0;}
#footerContent .backgroundPadding {position:relative;}
#footerContent h5 {font-weight:400; font-size:100%; color:inherit; border-bottom:1px solid #3c3c3b; margin-bottom:1.6em; line-height: 130%;}
#footerSlogan {position:absolute; right:25px; bottom:0; width:200px; height:20px; background:transparent url('../img/footer-slogan.png') 100% 50% no-repeat;}
#copyrightNote {clear:both;margin-bottom:40px}



#sectionMenu {margin:10px 0 50px; text-align:center;}
#sectionMenu.align-left {text-align:left;}
#sectionMenu, #sectionMenu.float div {overflow:hidden; min-height:2em; position:relative; background:#f0f0f0; line-height:2em;}
#sectionMenu ul {list-style:none; margin:0 auto; padding-top:0.5em; padding-bottom:0.5em;}
#sectionMenu li {display:inline; padding:0; margin:0 2em 0 0;}
#sectionMenu a {color:inherit; text-decoration:none; white-space:nowrap; border-bottom:2px solid #f0f0f0;}
#sectionMenu a:hover {color:#a90a2e; border-bottom-color:#a90a2e;}
#sectionMenu.float {background:none;}
#sectionMenu.float div {position:fixed; top:0; margin-top:0; left:0; right:0; z-index:3; /* move over any facebook popups when floating */}


/* SPECIAL PAGE LAYOUT */



/* NAVIGATIONAL ELEMENTS / MENUS */
#footerNavi {float:left; margin-bottom:6px;}
#footerNavi ul {margin:0;padding:0;list-style:none}
#footerNavi li {margin:0; padding:0; display:inline; margin-right:12px}

#pageFooter a {color:#8c8c8c; text-decoration:none}
#pageFooter a:hover {text-decoration:underline;}

#mainNavi { padding-top:16px; line-height:100%;}
#mainNavi ul {list-style:none; margin:0; padding:0;}
#mainNavi li {margin:0 24px 0 0; padding:0; display:inline;}
#mainNavi a {text-decoration:none; color:#a90a2e; display:inline-block; padding:0.1em 0;}
#mainNavi a:hover, #mainNavi a.active {border-bottom:2px solid #a90a2e;margin-bottom:-2px;}
#subNavi { position:absolute; left:25px; bottom:18px; font-size: 128.57%;}
#subNavi a {color:inherit; font-weight:200; border-color:#3c3c3b !important;}


/* CONTENT POSITIONING */
.stretch, .stretchBackground {margin-left:0px !important; margin-right:0px !important; display:block;}
.row [class*="col-"] .stretch {margin-left:auto !important; margin-right:auto !important;}
.stretchBackground { padding-left:75px; padding-right:75px;}
.stretchBackground2 { padding-left:0px; padding-right:0px;}
.overlap-top {position:relative;z-index:0;margin-top:-100px !important}
.overlap-bottom {position:relative;z-index:0;margin-bottom:-100px !important}
.overlap-top > .backgroundPadding {padding-top:100px}
.overlap-bottom > .backgroundPadding {padding-bottom:100px}
.stretchBackground .backgroundPadding, .stretch .stretchBackground {padding-left:35px; padding-right:35px;}
#content > div:first-child .overlap-top:first-child, #content > .overlap-top:first-child, #content > .imageSlider:first-child {margin-top:-125px !important}
#content > div:first-child .overlap-top:first-child > .backgroundPadding {padding-top:125px}
#content > div:last-child > .overlap-bottom, #content > .overlap-bottom:last-child {margin-bottom:-70px !important}
#content .backgroundPadding {overflow:hidden;}

/* FRAMES */
.frame, .expose, .overlay {
	position:relative;
	z-index:1;
}
.frame, .expose {
	clear:both;
	overflow:hidden;
	padding:24px;
}
.expose {
	background:#ededed;
}
.frame {background:#fff;}

.indented {
	padding:0 24px;
}
.backgroundPadding .expose {
	background:#fff;
	color:#3c3c3b;
}
.expose.alternate {
	background: #878787;
	color:#fff;
}

.inverted {color:#fff;}
.inverted a {color:#fff;}
.inverted a:hover {text-decoration:none;}
.inverted .button {
	background:#a90a2e;
	color:#fff;
}
.inverted .button:hover {
	color:#a90a2e;
	background:#fff;
}
.inverted .button.alternate {
	background:#3c3c3b;
	color:#fff;
}
.inverted .button.alternate:hover {
	color:#a90a2e;
	background:#fff;
}

.dropShadow {
	-moz-box-shadow: 0 0 10px #333;
	-webkit-box-shadow: 0 0 10px #333;
	box-shadow: 0 0 10px #333;
}

.overlay > h1, .overlay > h2, .overlay > h3, .overlay > h4 {position:absolute; bottom:100%; margin-bottom:50px; left:0; right:0}

.narrow {width:83.3333%; margin:0 auto; box-sizing:border-box; padding:0 12px;}
.row .narrow {margin:0}

		/* special alignment of text-with-pic elements in narrow frames */
.narrow .csc-textpic-intext-right-nowrap .csc-textpic-text {margin-right:0 !important}
.narrow .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap, .narrow .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {position:absolute; margin:0; width:25%; min-width:204px; text-align:center}
.narrow .csc-textpic-intext-right-nowrap img, .narrow .csc-textpic-intext-left-nowrap img {margin:0 auto}
.narrow .csc-textpic-intext-right-nowrap .csc-textpic-image, .narrow .csc-textpic-intext-left-nowrap .csc-textpic-image {display:block}
.narrow .csc-textpic-intext-left-nowrap .csc-textpic-text {margin-left:0 !important}
.narrow .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {right:0}
.narrow .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {left:0}
.stretchBackground .narrow .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap, .stretchBackground .narrow .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {min-width:178px}


/* MULTICOLUMN GRID */
.row { clear:both; position:relative; margin:0 -12px;}
#content .row {margin-top:24px; margin-bottom:24px;}
.expose > .row, .frame > .row {margin-top:0 !important; margin-bottom:0 !important;}
.row [class*="col-"] {float:left; height:100%; min-height:1px; clear:none; box-sizing:border-box; padding:0 12px;}
.row [class*="col-"] img {max-width:100% !important; height:auto;}
.row [class*="col-"]:last-child {float:right;}
.row [class*="col-"]:first-child {margin-left:0; float:left;}
.row:before, .row:after { content: " "; display: table;}
.row:after {clear: both;}
.row [class*="col-"] > *:first-child {margin-top:0;}
.row [class*="col-"] > *:last-child {margin-bottom:0;}

.col-12 {width:100%;}
.col-11 {width:91.6666%;}
.col-10 {width:83.3333%;}
.col-9 {width:75%;}
.col-8 {width:66.6666%}
.col-88 {width:70%; position:relative; left:-10px;}
.col-7 {width:58.3333%}
.col-6 {width:50%;}
.col-5 {width:41.6666%;}
.col-4 {width:33.3333%}
.col-3 {width:25%}
.col-2 {width:16.6666%}
.col-1 {width:8.3333%}
.col-special-20 {width:20%;}

/* VIDEOS */
/* center in multicolumn env */
.row object, .row embed { display:block; margin:0 auto;}
iFrame {max-width:100% !important;}

/* VIDEO CHAT */
.videoChat {height:1.3em; line-height:1.3em; display:inline-block; position:relative; overflow:hidden; white-space:nowrap; width:12em; border:none !important;}
#sectionMenu .videoChat, .videoChat, .videoChat:visited {color:#a90a2e;}
.videoChat .glyphicon {color:#878787; font-size:230%; vertical-align:middle;}
.videoChat:hover .glyphicon {color:#a90a2e;}
.videoChat span {
	position:absolute; left:3.5em;
	-webkit-transition:bottom 0.4s, opacity 0.4s;
	-moz-transition:bottom 0.4s, opacity 0.4s;
	-o-transition:bottom 0.4s, opacity 0.4s;
	transition:bottom 0.4s, opacity 0.4s;
}
.videoChat:hover .top, .videoChat .bottom {bottom:100%; opacity:0;}
.videoChat .top, .videoChat:hover .bottom {opacity:0.99; bottom:0}
#sectionMenu .videoChat {float:right; box-sizing:border-box; width:25%; padding:0 0 0 12px; line-height:2em; height:2em;}

/* ACORDEON & TABS */
.tabContent {
	padding:24px;
	background:#fff;
	border:1px solid #d8d8d8;
}
.accordionLayout-1 .accordionContent, .tabLayout-1 .tabContent {
	background: #ededed;
	color:#4b4b4d;
	border-color:#ededed;
}

/* accordeon */
.accordion {margin:2em 0;overflow:hidden}
.accordionContent {margin-bottom:-4px; border-color:#fff;}
.accordionContent:last-child {margin-bottom:0}
.accordionContent > *:first-child {margin-top:0}
.accordionContent > *:last-child {margin-bottom:0}
.accordion.jsEnhanced .itemTitle {margin:4px 0 0 0; text-align:left; cursor:pointer;padding-right:35px; height:auto; line-height:125%; white-space:normal; padding-top:0.4em; padding-bottom:0.4em;}
.accordion.jsEnhanced .itemTitle:first-child {margin-top:0}
.accordion.jsEnhanced .itemTitle i {display:block;position:absolute;right:12px;bottom:0.5em;vertical-align:middle;font-style:normal;}
.accordion.jsEnhanced .itemTitle i:before {font-weight:bold; font-family:"glyphicons"; content:"h"; display:inline-block; transform:rotate(90deg); vertical-align:bottom;
	transition:transform 0.4s;
}
.accordion.jsEnhanced .itemTitle.current i:before {transform:rotate(270deg);}

.accordionLayout-1.jsEnhanced .itemTitle {border-color:#fff; color:#fff; background:#878787;}
.accordionLayout-1.jsEnhanced .itemTitle:hover, .accordionLayout-1.jsEnhanced .itemTitle:focus {background:#6c6c6c;}


/* tabs */
.tabNavi {list-style:none;margin:0;padding:0;font-size:115%;}
.tabNavi li {display:inline-block; margin:0 0.5em 0 0; padding:0}
.tabNavi a {position:relative; text-decoration:none; z-index:0; display:inline-block; padding:0 24px; line-height:3em; height:3em; color:#fff; background:#878787;font-weight:bold; font-weight:400; }
.tabNavi a:hover, .tabNavi a:focus {background:#6c6c6c; outline:none;}
.tabNavi a.current {z-index:2; background:#fff !important; color:#3c3c3b !important; border:1px solid #d8d8d8; border-bottom-color:#fff;}
.tabs .tabNavi {margin-bottom:-1px; margin-top:3em;}
.tabContent {z-index:1;position:relative;overflow:hidden}

.tabLayout-1 .tabNavi a.current {border-color:#ededed; background:#ededed !important;  }


/* TEASERS */
/** generic teaser navi **/
.teaserNavi {margin:0; list-style:none; padding:0;}
.teaserNavi a {font-weight:bold; color:#fff; text-decoration: none; font-size:300%; display:inline-block; min-width:85px; width:100%; height:100%; background:#fca;}
.teaserNavi a dfn {display:none}

.teaserNavi li {position:absolute; margin:0; padding:0; top:0; height:490px; line-height:490px; width:20%; z-index:20}
.teaserNavi .link-prev {left:0;}
.teaserNavi .link-next {right:0;}/*
.teaserNavi .link-prev a {background:url('../../templates/_global/images/pfeil-links.png') no-repeat center center;}
.teaserNavi .link-next a {background:url('../../templates/_global/images/pfeil-rechts.png') no-repeat center center;}
*/

.teaserPagination {display:block; position:absolute; bottom:12px; left:0; right:0; margin:0; padding:0; text-align:center; z-index:998; line-height:12px}
.teaserPaginationItems {margin:0 auto; padding:0; display:block; list-style:none;}
.teaserPagination li {margin:0 6px; padding:0; display:inline;}
.teaserPagination em { width:12px; height:12px; background-color:#fff; color:#fff; text-indent:-999em; display:inline-block; vertical-align:middle; -moz-border-radius:24px; -webkit-border-radius:24px; -ms-border-radius:24px; -o-border-radius:24px; border-radius:20px; cursor:pointer}
.teaserPagination li:hover em, .teaserPagination .current em {background-color:#a90a2e; color:#a90a2e;}


/** image slider **/
.imageSlider {overflow:hidden;margin-bottom:26px;position:relative;z-index:0;}
.imageSlider .sliderItems {margin:0; padding:0; list-style:none; position:relative; overflow:hidden;
	-webkit-transition:height 0.4s linear;
	-moz-transition:height 0.4s linear;
	-o-transition:height 0.4s linear;
	transition:height 0.4s linear;
}
.imageSlider .sliderItems .item {
	margin:0; padding:0; text-align:center; z-index:0; opacity:0; background:#fff; position:relative; height:0; overflow:hidden; /** use the height to hide the items, because in case of display:none the CSS transition doesn't work for the opacity **/
}
.imageSlider .item img {max-width:100%; height:auto;}
.imageSlider .teaserNavi {display: none !important;}
.imageSlider .sliderItems .old {z-index:0; opacity:0.99; position:absolute; left:0; top:0; right:0; width:100%; height:auto}
.imageSlider .sliderItems .current {
	height:auto;
	z-index:5 !important;
	opacity:1 !important;
	-webkit-transition:opacity 0.4s linear;
	-moz-transition:opacity 0.4s linear;
	-o-transition:opacity 0.4s linear;
	transition:opacity 0.4s linear;
}
.imageSlider .sliderItems .item img {vertical-align:middle}
.no-js .imageSlider .sliderItems .first-child, .imageSlider.disabled .sliderItems .first-child {opacity:0.99; z-index:1; display:block; height:auto}

.imageSlider .teaserDescription { position:absolute; text-align:left; left:36px; bottom:36px; color:#fff; background:#a90a2e; width:50%; min-height:120px; line-height:120px;}
.imageSlider .descriptionWrapper {line-height:130%; display:inline-block; vertical-align:bottom; padding:24px;}
.imageSlider .teaserDescription h3 {font-size: 218.75%; margin:0; font-weight:200;}
.imageSlider.stretch .teaserPagination {width:auto; padding-left:75px; padding-right:75px;}
.imageSlider.stretch .teaserPaginationItems {text-align:left;padding-left:35px;padding-right:35px;}
.imageSlider.stretch .padding {left:110px;right:110px;bottom:36px;position:absolute;padding-right:24px;}
.imageSlider.stretch .teaserDescription {left:auto;right:auto;bottom:auto;position:relative;}




.dynamicSlider .teaserNavi li {height:100% !important;}


.thumbnailSlider {padding-top:550px;margin-bottom:26px}
.thumbnailSlider .sliderItems {margin:0; padding:0; list-style:none; position:relative; text-align:center;}
.thumbnailSlider .sliderItems .item {display:inline-block; width:176px; margin-left: -5px;  margin-right:6px; border:1px solid #7f7f7f;}
.thumbnailSlider .sliderItems .imageContainer {
	position:absolute; top:-550px; left:0; right:0; width:100%;
	text-align:center; z-index:0; opacity:0; background:#000; height:0; overflow:hidden; /** use the height to hide the items, because in case od display:none the CSS transition doesn't work for the opacity **/
}
.thumbnailSlider .sliderItems .current { border: 1px solid #e2001a; }
.thumbnailSlider .sliderItems .old .imageContainer {z-index:0; opacity:0.99; height:auto}
.thumbnailSlider .sliderItems .current .imageContainer {
	height:auto;
	z-index:5 !important;
	opacity:1 !important;
	-webkit-transition:opacity 0.4s linear;
	-moz-transition:opacity 0.4s linear;
	-o-transition:opacity 0.4s linear;
	transition:opacity 0.4s linear;
}
.thumbnailSlider .sliderItems .item img {vertical-align:middle}
.no-js .thumbnailSlider .sliderItems .first-child, .thumbnailSlider.disabled .sliderItems .first-child {opacity:0.99; z-index:1; display:block; height:auto}


/* IMAGE STRIP */
.overlay .enetImagestrip:first-child {margin-top:0}
.enetImagestrip {padding:0 0 24px; margin:24px 0;}
.enetImagestrip.expanded .item {margin-bottom:24px;}
.enetImagestrip figure {background:#ededed;}
.enetImagestripOrientation-horizontal .wrapper {margin:0 -12px;}
.enetImagestripOrientation-horizontal .item {padding:0 12px !important; width:25%; box-sizing:border-box;}
.enetImagestripOrientation-horizontal.noBoxmodel .item {width:auto;}
.enetImagestripOrientation-horizontal .item img {width:100%; height:auto;}

.enetImagestripOrientation-horizontal .navItem a {background:none;}
.enetImagestripOrientation-horizontal .imagestripNavigation a {width:80px}
.enetImagestripOrientation-horizontal .imagestripNavigation .next {right:-80px;}
.enetImagestripOrientation-horizontal .imagestripNavigation .prev {left:-80px;}

.enetImagestripOrientation-horizontal .imagestripNavigation i:after {width:80px; text-align:center; font-size:300%; height:2em; line-height:2em; position:absolute; right:0; top:50%; text-indent:0; margin-top:-1em; font-family:"glyphicons"; content:"h";}
.enetImagestripOrientation-horizontal .imagestripNavigation i {font-weight:bold; position:static; font-style:normal; width:50px; height:100px; text-align:left; text-indent: -10em; overflow:hidden; display:block;}
.enetImagestripOrientation-horizontal .imagestripNavigation .next i  {right:0;}
.enetImagestripOrientation-horizontal .imagestripNavigation .prev i { left:0;}
.enetImagestripOrientation-horizontal .imagestripNavigation .prev i:after { content:"d";right:auto;left:0;}

.imagestripToggle {bottom:4px; font-size:100%;}
.imagestripToggle .link-showAll {padding-right:0; text-align:right; margin-right:-5px; white-space:nowrap}
.imagestripToggle .link-showAll:after { font-family:"glyphicons"; content:"h"; margin-left:0.8em; display:inline-block; transform:rotate(90deg); vertical-align:bottom;}
.imagestripToggle .link-hideAll:after { font-family:"glyphicons"; content:"h"; margin-left:0.8em; display:inline-block; transform:rotate(270deg); vertical-align:bottom;}
/*
.imagestripToggle .link-showAll span {visibility:hidden}
.imagestripToggle .link-showAll:hover span {visibility:visible}
*/

/* PAGINATION */
.pager {text-align:left; clear:both}
.pagination {text-align:center; float:none; margin:36px 0; padding:0; list-style:none; position:relative}
.pagination li {display:inline-block;}
.pagination .odd a, .pagination .even a {color:#fff; font-weight:bold; text-decoration:none; display:inline-block; padding:0 0.2em}
.pagination .odd a:hover, .pagination .even a:hover {color:#5aa62b}
.pagination a {font-size:128%;}
.pagination strong {font-size:200%; color:#5aa62b}
.pagination dfn {font-style:normal; border:none; text-decoration:none}
.pagination .prev {position:absolute; left:0}
.pagination .next {position:absolute; right:0}
.pagination .next .button {text-align:right}


/* MENU LIST */
.menu, .menu ul {margin:0; padding:0; list-style:none; line-height:130%}
.menu li {margin:0; padding:0;}
.menu a, .menu strong {text-decoration:none}

.multicolumnMenu {margin-left:-12px;margin-right:-12px;overflow:hidden;}
.multicolumnMenu > li {float:left;margin-bottom:3em;display:block;box-sizing:border-box;padding:0 12px;}
.multicolumnMenu > li.first-child {clear:both;}
.multicolumnMenu > li.last-child {float:right}

.menuCols-2 > li {width:50%}
.menuCols-3 > li {width:33.3333%;}
.menuCols-4 > li {width:25%;}
.menuCols-5 > li {width:20%;}
.menuCols-6 > li {width:16.6666%;}

.menuStyle-0 > li > a {font-weight:bold; font-weight:400; color:#3c3c3b !important; border-bottom:1px solid #3c3c3b; display:block;}
.menuStyle-0 > li > a:hover {text-decoration:none !important; color:#a90a2e !important;}
.menuStyle-0 > li {margin:0 0 1.6em;}
/*.menuStyle-0 > li.last {margin:0}*/
.menuStyle-0 ul {margin-top:1.6em}
.menuStyle-0 ul li, .menuStyle-1 li {margin:0 0 0.3em}

.menuCols-1 li.last-child {margin-bottom:0 !important}



/* TEASER MENU */
.teaserMenu {margin-top:0; margin-bottom:0; padding:0; list-style:none}
nav:first-child .teaserMenu {margin-top:0}
nav:last-child .teaserMenu {margin-bottom:0}
.teaserMenu a {display:block; padding:24px 0; text-decoration:none; color:inherit; overflow:hidden;
	-webkit-transition:background-color 0.2s linear;
	-moz-transition:background-color 0.2s linear;
	-o-transition:background-color 0.2s linear;
	transition:background-color 0.2s linear;
}
.teaserMenu h4 {margin:0; line-height:1em; font-size: 128.57%;}
.teaserMenu p {margin:0.5em 0 0; min-height:5.5em;}
.teaserMenu h4, .teaserMenu p {box-sizing:border-box; padding-left:24px; padding-right:24px;}
.teaserMenu a:hover {background-color:#a90a2e; color:#fff;}
.teaserMenu img {width:100%; max-width:100%; height:auto; margin:-24px 0 24px;}
.teaserMenu li {margin-bottom:24px;}

.teaserMenu.menuCols-5 li {width:20%}
.teaserMenu.menuCols-4 li {width:25%}
.teaserMenu.menuCols-3 li {width:33.334%}
.teaserMenu.menuCols-2 li {width:50%}

.teaserMenu.menuCols-4, .teaserMenu.menuCols-5 {font-size:0.9em;}

.teaserMenuStyle-1 a, .teaserMenuStyle-3 a {
	border:1px solid #ededed;
	background:#fff;
}
.teaserMenuStyle-2 a {
	background:#ededed;
}

.teaserMenuStyle-3 a {padding:24px 0;}
.teaserMenuStyle-3 img {float:right; width:45%; margin-top:-24px; margin-bottom:-24px;}
.teaserMenuStyle-3 h4, .teaserMenuStyle-3 p {width:65%;}

.teaserMenuStyle-4 a {background:none;}
.teaserMenuStyle-4 a:hover {background:none; color:#a90a2e;}
.teaserMenuStyle-4 h4, .teaserMenuStyle-4 p {padding:0;}


/* SPECIAL CONTENT ELEMENTS */
.specialImageWithText {overflow:hidden; margin:24px 0; text-align:left; white-space:nowrap; background-repeat:no-repeat; line-height:200px; background-position:top right;}
.specialImageWithText.imageLeft {background-position:top left; text-align:right;}
.specialImageWithText.hasSlider {line-height:normal;}
.specialImageWithText .first-col, .specialImageWithText .last-col {white-space:normal; line-height:normal; text-align:center; vertical-align:middle; display:inline-block; width:50%; padding:0 12px 0 0; box-sizing:border-box;}
.specialImageWithText .last-col {padding:0 0 0 12px;}
.specialImageWithText .colText {padding:24px 60px;}
.specialImageWithText .colImage img {max-width:100%; height:auto; vertical-align:middle;}
.specialImageWithText .imageSlider {margin:0; line-height:100%}
.colText > *:first-child {margin-top:0}
.colText > *:last-child {margin-bottom:0}

.colImage.first-col .teaserPagination {text-align:left;padding-left:24px; bottom:24px;}
.colImage.last-col .teaserPagination {text-align:right;padding-right:24px; bottom:24px;}

.expose > .specialImageWithText {margin-left:-26px; margin-right:-26px;}
.expose > .specialImageWithText:first-child {margin-top:-26px }
.expose > .specialImageWithText:last-child {margin-bottom:-26px;}



/* CSS STYLED CONTENT */
.caption, .csc-textpic figcaption { font-size:85%; color:#999; margin-top:0; padding-top:6px; }
.csc-textpic-text > *:first-child {margin-top:0;}
.csc-textpic-above .csc-textpicHeader {margin-top:1.8em;}
.csc-textpic-above .csc-textpicHeader > * {margin-top:0;}
.csc-textpic-intext-right .csc-textpic-imagewrap, .csc-textpic-intext-left .csc-textpic-imagewrap {max-width:67%;}
.csc-textpic-center .csc-textpic-imagewrap {margin-left:auto;margin-right:auto;}
.csc-textpic-lastcol {float:right; margin-left:-1px;}
.csc-textpic-imagecolumn img {max-width:100%; height:auto !important;}

.csc-textpic-image a { position:relative; display:inline-block; background-color:#fff;
	-webkit-transition:background-color 0.2s linear;
	-moz-transition:background-color 0.2s linear;
	-o-transition:background-color 0.2s linear;
	transition:background-color 0.2s linear;
}
.csc-textpic-image a img { opacity:1;
	-webkit-transition:opacity 0.2s linear;
	-moz-transition:opacity 0.2s linear;
	-o-transition:opacity 0.2s linear;
	transition:opacity 0.2s linear;
}
.csc-textpic-image a:hover {/*background-color:#a90a2e;*/}
.csc-textpic-image a:hover img { opacity:0.5;}


/* FORMS */
.form, .csc-mailform ol {margin:2em 0; padding:0; list-style:none;}
#content form, .csc-mailform {max-width:400px;}
.form li, .csc-form-element { margin:0.5em 0; padding:0; position:relative}
.form li.space-above {margin-top:2.5em;}
.form li.space-below {margin-bottom:2.5em;}

.csc-mailform fieldset > ol {margin:0; width:auto}
fieldset {border:1px solid #ededed; padding:24px; margin:24px 0}
legend {margin:0; padding:0; font-weight:bold; font-weight:300; font-size: 128.57%; line-height:100%; text-transform:uppercase; letter-spacing:2px;}
.csc-form-element-radiogroup fieldset, .csc-form-element-checkboxgroup fieldset {padding:0;margin:0;border:none}
.csc-form-element-radiogroup legend, .csc-form-element-checkboxgroup legend {font-size:100%; text-transform:none; letter-spacing:normal;}
.fieldset-subgroup > ol {margin:0.5em 0;}

label {width:25%; font-weight:bold; font-weight:300; margin-right:2em; display:inline-block;}
.csc-form-element-checkbox label, .csc-form-element-radio label {width:auto;display: block;}
.form-horizontal label {width:auto; display:block; margin-right:0; font-size:116%;}
form .csc-form-element label {position:absolute; z-index:1; color:#878787; margin:0.8em 0 0 0; left:1em; right:1em; line-height:110%;}
.no-js .csc-form-element label {display:block; position:relative; margin:0; }
label a {color:inherit;}
label.control-label.focused, label.focused {opacity:0.3;}
/*.form-horizontal .csc-form-element-select label {display:block; margin-bottom:6px;}*/

form .csc-form-element-checkbox, form .csc-form-element-radio, form .csc-form-element-select { margin:1em 0;}
form .csc-form-element-checkbox, form .csc-form-element-radio {position:relative; padding-left:1.7em;}
form .csc-form-element-checkbox label, form .csc-form-element-radio label, form .csc-form-element-select label {position:relative; left:0; right:0; display:inline-block; color:inherit; margin:0; vertical-align:top;}
form .csc-form-element-checkbox label, form .csc-form-element-radio label { font-weight:normal; font-size:100%;}
form .csc-form-element-checkbox input, form .csc-form-element-radio input {position:absolute; left:0; top:0; line-height:1em;}

.fieldset-subgroup .csc-form-element-checkbox, .fieldset-subgroup .csc-form-element-radio {margin:0.5em 0;}

form .csc-form-element-radiogroup {margin:1.5em 0;}
.csc-form-element-radiogroup fieldset ol, .csc-form-element-select ol {display:inline-block; margin:0;}

form .csc-form-element-select label, .csc-form-element-radiogroup fieldset > legend {display:inline-block; margin-right:2em; float:left; min-width:25%;}
form .csc-form-element-radiogroup fieldset > legend {font-size:116%;}
form .csc-form-element-radiogroup .csc-form-element-radio {display:inline-block; padding-left:1.4em; margin:0 12px 0 0 !important;}
.csc-form-element-header {text-transform:uppercase; line-height:100%; text-transform:uppercase; letter-spacing:2px;}
.csc-form-element-header h3 {font-weight:300;}
.csc-form-element-header > *:first-child {margin-bottom:12px;}

.csc-form-element:first-child {margin-top:0 !important;}
.csc-form-element:last-child {margin-bottom:0 !important;}


input[type=text], input[type=email], input[type=tel], input[type=date], input[type=time], textarea {
	background: #fff;
	border: 1px solid #878787;

	display:block;
	padding: 0.8em 1em;
	width:100%;
	box-sizing:border-box;
}
input:focus, textarea:focus {border-color:#a90a2e;}
textarea { height:8em; }
textarea.large { height:12em; }

#content .form-actions, li.csc-form-element-submit {width:400px; margin-top:24px !important;}
.form-actions button, .form-actions .button, .csc-form-element-submit .button { width:60%;}

.validationError input, .validationError textarea, .validationError select { border-color:#f00; background-color:#ffe5e5;}
input:invalid:focus, textarea:invalid:focus, select:invalid:focus {border-color:#f00; background-color:#ffe5e5;}
.validationError.fieldType-checkboxGroup, .validationError.fieldType-radioGroup { color:#4d4d4d; padding:1em; border:1px solid #f00; background-color:#ffe5e5; }
.validationMessage {color:#a90a2e; display:none}
.no-js .validationMessage {display:block; color:#a90a2e}
.help-block {margin:0.2em 0 0;display:block}
h3 + .help-block {margin-top:0}
.help-block.error {color:#a90a2e;}
.csc-form-element label strong, .csc-form-element legend strong {color:#a90a2e; font-weight:300; float:right; font-size:86%;}
.csc-form-element legend strong {float:none; display:block; margin:0.5em 0;}
.csc-form-element-checkbox label strong, .csc-form-element-radio label strong {font-size:100%; float:none; display:block; margin:0.5em 0;}

.infoMessage {display:block; margin:30px 0; padding:1em; border:1px solid #fff; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; -ms-border-radius:8px; border-radius:8px}
.infoMessage h3, .infoMessage :first-child {margin-top:0}
.infoMessage :last-child {margin-bottom:0}
.infoMessage.layout-error {border-color:#f00; background:#ffe5e5; color:#4d4d4d}
.infoMessage.layout-success {border-color:#5aa72c; background:#5aa72c; color:#fff;}

.csc-form-confirmation fieldset {border:none; padding:0; margin-top:50px}
.csc-form-confirmation ol, .csc-confirmation ol, ol.csc-confirmation {margin:0; padding:0; list-style:none;}
.csc-form-confirmation li {display:inline; margin-right:40px;}
.csc-confirmation label {float:left; width:30%; font-weight:bold;}
.csc-confirmation .csc-form-element-checkbox label {float:none; display:block; width:auto; margin-left:30%; font-weight:normal;}
.csc-confirmation li {overflow:hidden; clear:both; margin-bottom:1em}
.csc-confirmation .csc-form-element-select li, .csc-confirmation fieldset li {clear:none; margin:0 0 0.4em}
.csc-confirmation .csc-form-element-radiogroup fieldset, .csc-confirmation .csc-form-element-checkboxgroup fieldset {border:none; margin:0; padding:0; overflow:hidden}
.csc-confirmation .csc-form-element-radiogroup legend, .csc-confirmation .csc-form-element-checkboxgroup legend {margin:0; padding:0; font-size:1em; width:30%; float:left;}
.csc-confirmation .csc-form-element-select ol, .csc-confirmation .csc-form-element-radiogroup ol, .csc-confirmation .csc-form-element-checkboxgroup ol {float:left; overflow:hidden}
.csc-confirmation .csc-form-element-radiogroup label, .csc-confirmation .csc-form-element-checkboxgroup label {font-weight:normal; width:auto; float:none;}


/* COLORBOX / LIGHTBOX */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}

#cboxLoadingOverlay{background:#fff url('https://www.bueromoebel-in.de/fileadmin/templates/templates/_global/images/loading.gif') no-repeat center center}
#cboxError{padding:50px; border:1px solid #333;}
#cboxTitle{position:absolute; position:fixed; bottom:48px; left:24px; font-size: 218.75%;}
#cboxCurrent{position:absolute; position:fixed; bottom:24px; right:24px; text-align:right;}
#cboxContent, #cboxContent img, #cboxContent button, #colorbox {border:none !important; outline:none !important;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {text-decoration:none; font-family:"glyphicons"; border:0; padding:0; margin:0; display:block; outline:none; font-weight:bold; font-size:400%; overflow:hidden; width:auto; background:#fff; min-width:0; line-height:1em; height:auto; color:inherit; }
#cboxClose {position:absolute; position:fixed; text-align:center; top:0; right:0; line-height:75px; width:75px; height:75px;}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active, #cboxContent:focus {outline:0;}
#cboxPrevious:hover, #cboxNext:hover, #cboxSlideshow:hover, #cboxClose:hover {color:#a90a2e !important;}

#cboxSlideshow{position:absolute; position:fixed; bottom:48px; right:24px;}
#cboxPrevious, #cboxNext {position:absolute;font-size:75px; position:fixed; bottom:50%; width:75px; height:76px; overflow:hidden; margin-bottom:-38px;}
#cboxPrevious { left:0;}
#cboxNext{ right:0;}


#colorbox.dark { background:#fff;}
#colorbox.dark #cboxContent {overflow:hidden; padding:36px;}
#cboxOverlay.dark{background-color:#000;}
#colorbox.dark #cboxPrevious, #colorbox.dark #cboxNext, #colorbox.dark #cboxSlideshow, #colorbox.dark #cboxClose {color:#fff; background:none;}


/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */
@media only screen and (max-width: 1024px) {
	.tabNavi {font-size:100%;}
}
@media only screen and (max-width: 1180px) {
	#mainNavi {font-size:85.714%; padding-top:20px;}
	#subNavi li {margin-right:20px;}
}
@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {

}
/* default styles for extension "tx_cssstyledcontent" */
	/* Headers */
	.csc-header-alignment-center { text-align: center; }
	.csc-header-alignment-right { text-align: right; }
	.csc-header-alignment-left { text-align: left; }

	div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }

	/* Clear floats after csc-textpic and after csc-textpic-imagerow */
	div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; }

	/* Set padding for tables */
	div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
	div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }

	/* Settings for figure and figcaption (HTML5) */
	div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; }

	/* Captions */
	figcaption.csc-textpic-caption { display: table-caption; }
	.csc-textpic-caption { text-align: left; caption-side: bottom; }
	div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; }
	div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; }
	div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; }

	/* Float the columns */
	div.csc-textpic div.csc-textpic-imagecolumn { float: left; }

	/* Border just around the image */
	div.csc-textpic-border div.csc-textpic-imagewrap img {
		border: 1px solid #ededed;
		padding: 0px 0px;
	}

	div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; }

	/* Space below each image (also in-between rows) */
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 24px; }
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }

	/* colSpace around image columns, except for last column */
	div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 24px; }
	div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; }

	/* Add margin from image-block to text (in case of "Text & Images") */
	div.csc-textpic-intext-left .csc-textpic-imagewrap,
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
		margin-right: 24px;
	}
	div.csc-textpic-intext-right .csc-textpic-imagewrap,
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
		margin-left: 24px;
	}

	/* Positioning of images: */

	/* Center (above or below) */
	div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; }
	div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; }
	div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; }

	/* Right (above or below) */
	div.csc-textpic-right .csc-textpic-imagewrap { float: right; }
	div.csc-textpic-right div.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	div.csc-textpic-left .csc-textpic-imagewrap { float: left; }
	div.csc-textpic-left div.csc-textpic-text { clear: left; }

	/* Left (in text) */
	div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }

	/* Left (in text, no wrap around) */
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }

	div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; }

	/* Browser fixes: */

	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; }

	/* File Links */
	ul.csc-uploads { padding: 0; }
	ul.csc-uploads li { list-style: none outside none; margin: 1em 0; }
	ul.csc-uploads img { float: left; padding-right: 1em; vertical-align: top; }
	ul.csc-uploads span { display: block; }
	ul.csc-uploads span.csc-uploads-fileName { text-decoration: underline; }

	/* Table background colors: */

	table.contenttable-color-1 { background-color: #EDEBF1; }
	table.contenttable-color-2 { background-color: #F5FFAA; }
	table.contenttable-color-240 { background-color: black; }
	table.contenttable-color-241 { background-color: white; }
	table.contenttable-color-242 { background-color: #333333; }
	table.contenttable-color-243 { background-color: gray; }
	table.contenttable-color-244 { background-color: silver; }
/* specific page styles for extension "tx_cssstyledcontent" */
	.csc-textpic-intext-right-nowrap .csc-textpic-text { margin-right: 542px; }
	.csc-textpic-intext-left-nowrap .csc-textpic-text { margin-left: 542px; }
	.csc-space-before-30 { margin-top: 30px !important; }
	.csc-space-after-30 { margin-bottom: 30px !important; }
	.csc-space-before-60 { margin-top: 60px !important; }
	.csc-space-after-60 { margin-bottom: 60px !important; }