/*
Theme Name: Deichmann
Author: Absolutweb
Author URI: http://absolutweb.de/
Description: Deichmann Corpsite
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Deichmann, Schuhe, Mode
Text Domain: deichmann

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    -webkit-transition: font-size 0.5s ease;
    -moz-transition: font-size 0.5s ease;
    -ms-transition: font-size 0.5s ease;
    -o-transition: font-size 0.5s ease;
    transition: font-size 0.5s ease;
    vertical-align: baseline;

}

html {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    text-size-adjust: none;
    -ms-overflow-style: scrollbar;
}

body, html {
    line-height: 1;
    height: 100%;
    width: 100%;
    color: #111
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
}

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

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

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

del {
    color: #333;
}

ins {
    background: #fff9c0;
    text-decoration: none;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 24px;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

small {
    font-size: smaller;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

* {
    outline: 0;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased !important;
    -moz-font-smoothing: antialiased !important;
    -o-font-smoothing: antialiased !important;
    -ms-font-smoothing: antialiased !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-appearance: none;
    -webkit-border-radius: 0
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
    clear: both;
}

.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
    display: table;
    content: "";
}


/* =Grid of 12
-------------------------------------------------------------- *//*
.row {
    position: relative;
    width: 100%;
    display: block;
    float: left;
}

.col {
    display: block;
    float: left;
}

*//* Medium *//*
.col-md-12 {
    width: 100%
}

.col-md-11 {
    width: 91.66666667%
}

.col-md-10 {
    width: 83.33333333%
}

.col-md-9 {
    width: 75%
}

.col-md-8 {
    width: 66.66666667%
}

.col-md-7 {
    width: 58.33333333%
}

.col-md-6 {
    width: 50%
}

.col-md-5 {
    width: 41.66666667%
}

.col-md-4 {
    width: 33.33333333%
}

.col-md-3 {
    width: 25%
}

.col-md-2 {
    width: 16.66666667%
}

.col-md-1 {
    width: 8.33333333%
}

*//* Large *//*
.col-lg-12 {
    width: 100%
}

.col-lg-11 {
    width: 91.66666667%
}

.col-lg-10 {
    width: 83.33333333%
}

.col-lg-9 {
    width: 75%
}

.col-lg-8 {
    width: 66.66666667%
}

.col-lg-7 {
    width: 58.33333333%
}

.col-lg-6 {
    width: 50%
}

.col-lg-5 {
    width: 41.66666667%
}

.col-lg-4 {
    width: 33.33333333%
}

.col-lg-3 {
    width: 25%
}

.col-lg-2 {
    width: 16.66666667%
}

.col-lg-1 {
    width: 8.33333333%
}*/

/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
    font-size: 11px;
    line-height: 2.181818182;
    font-weight: bold;
    text-transform: uppercase;
    color: #636363;
}

/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
    font-size: 11px;
    line-height: 2.2;
}

/* Form fields, general styles first */
button,
input,
select,
textarea {
    border: 1px solid #ccc;
    font-family: inherit;
    padding: 6px;
}

button,
input {
    line-height: normal;
}

textarea {
    font-size: 100%;
    overflow: auto;
    vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
    border: 0;
    padding: 0;
}

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
.bypostauthor cite span {
    padding: 6px 10px;
    font-size: 11px;
    line-height: 1.6;
    font-weight: normal;
    color: #7c7c7c;
    background-color: #e6e6e6;
    border: 1px solid #d2d2d2;
}

.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    cursor: pointer;
}

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

.menu-toggle:hover,
.menu-toggle:focus,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
    color: #5e5e5e;
    background-color: #ebebeb;
}

.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
    color: #757575;
    background-color: #e1e1e1;
    border-color: transparent;
}

.bypostauthor cite span {
    color: #fff;
    background-color: #21759b;
    background-image: none;
    border: 1px solid #1f6f93;
    padding: 0;
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
    max-width: 100%;
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
    max-width: 100%;
}

.entry-content .twitter-tweet-rendered {
    max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
    /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
}

.wp-caption {
    max-width: 100%; /* Keep wide captions from overflowing their container. */
    padding: 4px;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
    font-style: italic;
    font-size: 12px;
    line-height: 2;
    color: #757575;
}

img.wp-smiley,
.rsswidget img {
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.entry-content dl.gallery-item {
    margin: 0;
}

.gallery-item a,
.gallery-caption {
    width: 90%;
}

.gallery-item a {
    display: block;
}

.gallery-caption a {
    display: inline;
}

.gallery-columns-1 .gallery-item a {
    max-width: 100%;
    width: auto;
}

.gallery .gallery-icon img {
    height: auto;
    max-width: 90%;
    padding: 5%;
}

.gallery-columns-1 .gallery-icon img {
    padding: 3%;
}

/* Navigation */
.site-content nav {
    clear: both;
    line-height: 2;
    overflow: hidden;
}

#nav-above {
    padding: 24px 0;
}

#nav-above {
    display: none;
}

.paged #nav-above {
    display: block;
}

.nav-previous,
.previous-image {
    float: left;
    width: 50%;
}

.nav-next,
.next-image {
    float: right;
    text-align: right;
    width: 50%;
}

.nav-single + .comments-area,
#comment-nav-above {
    margin: 48px 0;
}

/* Author profiles */
.author .archive-header {
    margin-bottom: 24px;
}

.author-info {
    border-top: 1px solid #ededed;
    margin: 24px 0;
    padding-top: 24px;
    overflow: hidden;
}

.author-description p {
    color: #757575;
    font-size: 13px;
    line-height: 2;
}

.author.archive .author-info {
    border-top: 0;
    margin: 0 0 48px;
}

.author.archive .author-avatar {
    margin-top: 0;
}

/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
body {
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
    text-rendering: optimizeLegibility;
    color: #111;
}

body.custom-font-enabled {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

a {
    outline: none;
    /*color: #21759b;*/
}

a:hover {
    /*color: #0f3647;*/
}

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
}

.main-navigation .assistive-text:focus,
.site .screen-reader-text:hover,
.site .screen-reader-text:active,
.site .screen-reader-text:focus {
    background: #ffffff;
    border: 2px solid #333;
    clip: auto !important;
    color: #111;
    display: block;
    font-size: 12px;
    height: auto;
    padding: 12px;
    position: absolute;
    top: 5px;
    left: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
}

/* Page structure */
.site {
    /*padding: 0 20px;*/
    background-color: #ffffff;
}

.site-content {
    margin: 24px 0 0;
}

.widget-area {
    margin: 24px 0 0;
}

/* Header */
.site-header {
    padding: 24px 0 0;
    position: relative;
}

/*.site-header h1,*/
.site-header .hgroup,
.site-header h2 {
    text-align: center;
}

/*.site-header h1 a,*/
.site-header .hgroup a,
.site-header h2 a {
    color: #111111;
    display: inline-block;
    text-decoration: none;
}

/*.site-header h1 a:hover,*/
.site-header .hgroup a:hover,
.site-header h2 a:hover {
    color: #009661;
}

/*.site-header h1 {*/
.site-header .hgroup {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 14px;
}

.site-header h2 {
    font-weight: normal;
    font-size: 13px;
    line-height: 2;
    color: #111111;
}

.header-image {
    margin-top: 24px;
}

/* Navigation Menu */
.main-navigation {
    text-align: center;
}

.main-navigation li {
    margin-top: 24px;
    font-size: 19px;
    line-height: 1.2;
    font-weight: 700;
}

.main-navigation a {
    color: #5e5e5e;
}

.main-navigation a:hover,
.main-navigation a:focus {
    color: rgb(0,0,0);
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
    display: none;
}

.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
    display: inline-block;
}

/* Banner */
section[role="banner"] {
    margin-bottom: 48px;
}

/* Sidebar */
.widget-area .widget {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    margin-bottom: 48px;
    word-wrap: break-word;
}

.widget-area .widget h3 {
    margin-bottom: 24px;
}

.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
    font-size: 13px;
    line-height: 2;
}

.widget-area .widget p {
    margin-bottom: 24px;
}

.widget-area .textwidget ul {
    list-style: disc outside;
    margin: 0 0 24px;
}

.widget-area .textwidget li {
    margin-left: 36px;
}

.widget-area .widget a {
    color: #757575;
}

.widget-area .widget a:hover {
    color: #21759b;
}

.widget-area .widget a:visited {
    color: #9f9f9f;
}

.widget-area #s {
    width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}

/* Footer */
footer[role="contentinfo"] {
    border-top: 1px solid #ededed;
    clear: both;
    font-size: 12px;
    line-height: 2;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 15px;
}

footer[role="contentinfo"] a {
    color: #686868;
}

footer[role="contentinfo"] a:hover {
    color: #21759b;
}

/* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta {
    clear: both;
}

.entry-header {
    margin-bottom: 24px;
}

.entry-header img.wp-post-image {
    margin-bottom: 24px;
}

.entry-header .entry-title,
.teaser-content .entry-title,
#content-header.entry-title,
body.page #main h1 {
    font-size: 28px;
    line-height: 1.2;
    font-weight: 400;
    font-style: italic;
    text-transform: uppercase;
    text-align: center;
}

.entry-header .entry-title a,
.teaser-content .entry-title a {
    text-decoration: none;
}

.entry-header .entry-format {
    margin-top: 24px;
    font-weight: normal;
}

.entry-header .comments-link {
    margin-top: 24px;
    font-size: 13px;
    line-height: 2;
    color: #757575;
}

.comments-link a,
.entry-meta a {
    color: #757575;
}

.comments-link a:hover,
.entry-meta a:hover {
    color: #21759b;
}

article.sticky .featured-post {
    border-top: 4px double #ededed;
    border-bottom: 4px double #ededed;
    color: #757575;
    font-size: 13px;
    line-height: 3.5;
    margin-bottom: 24px;
    text-align: center;
}

.entry-content,
.entry-summary,
.mu_register {
    line-height: 2;
}

.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
    margin: 24px 0;
    line-height: 2;
}

.entry-content h1,
.comment-content h1 {
    font-size: 21px;
    line-height: 1.5;
}

.entry-content h2,
.comment-content h2,
.mu_register h2 {
    font-size: 18px;
    line-height: 1.6;
}

.entry-content h3,
.comment-content h3 {
    font-size: 16px;
    line-height: 2;
}

.entry-content h4,
.comment-content h4 {
    font-size: 14px;
    line-height: 2;
}

.entry-content h5,
.comment-content h5 {
    font-size: 13px;
    line-height: 2;
}

.entry-content h6,
.comment-content h6 {
    font-size: 12px;
    line-height: 2;
}

.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
    margin: 0 0 24px;
    line-height: 2;
}

.entry-content a:visited,
.comment-content a:visited {
    color: #9f9f9f;
}

.entry-content .more-link {
    white-space: nowrap;
}

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
    margin: 0 0 24px;
    line-height: 2;
}

.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
    margin-bottom: 0;
}

.entry-content ul,
.comment-content ul,
.mu_register ul {
    list-style: disc outside;
}

.entry-content ol,
.comment-content ol {
    list-style: decimal outside;
}

.entry-content li,
.comment-content li,
.mu_register li {
    margin: 0 0 0 36px;
}

.entry-content blockquote,
.comment-content blockquote {
    margin-bottom: 24px;
    padding: 24px;
    font-style: italic;
}

.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
    margin-bottom: 0;
}

.entry-content code,
.comment-content code {
    font-family: Consolas, Monaco, Lucida Console, monospace;
    font-size: 12px;
    line-height: 2;
}

.entry-content pre,
.comment-content pre {
    border: 1px solid #ededed;
    color: #666;
    font-family: Consolas, Monaco, Lucida Console, monospace;
    font-size: 12px;
    line-height: 2;
    margin: 24px 0;
    overflow: auto;
    padding: 24px;
}

.entry-content pre code,
.comment-content pre code {
    display: block;
}

.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

.entry-content address,
.comment-content address {
    display: block;
    line-height: 2;
    margin: 0 0 24px;
}

img.alignleft,
.wp-caption.alignleft {
    margin: 12px 24px 12px 0;
}

img.alignright,
.wp-caption.alignright {
    margin: 12px 0 12px 24px;
}

img.aligncenter,
.wp-caption.aligncenter {
    clear: both;
    margin-top: 12px;
    margin-bottom: 12px;
}

.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
    margin-bottom: 24px;
}

.entry-content dl,
.comment-content dl {
    margin: 0 24px;
}

.entry-content dt,
.comment-content dt {
    font-weight: bold;
    line-height: 2;
}

.entry-content dd,
.comment-content dd {
    line-height: 2;
    margin-bottom: 24px;
}

.entry-content table,
.comment-content table {
    border-bottom: 1px solid #ededed;
    color: #757575;
    font-size: 12px;
    line-height: 2;
    margin: 0 0 24px;
    width: 100%;
}

.entry-content table caption,
.comment-content table caption {
    font-size: 16px;
    margin: 24px 0;
}

.entry-content td,
.comment-content td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}

.site-content article {
    /*border-bottom: 4px double #ededed;*/
    /*margin-bottom: 72px;
    padding-bottom: 24px;*/
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.page-links {
    clear: both;
    line-height: 2;
}

footer.entry-meta {
    margin-top: 24px;
    font-size: 13px;
    line-height: 2;
    color: #757575;
}

.single-author .entry-meta .by-author {
    display: none;
}

.mu_register h2 {
    color: #757575;
    font-weight: normal;
}

/* =Archives
-------------------------------------------------------------- */

.archive-header,
.page-header {
    margin-bottom: 48px;
    padding-bottom: 22px;
    border-bottom: 1px solid #ededed;
}

.archive-meta {
    color: #757575;
    font-size: 12px;
    line-height: 2;
    margin-top: 22px;
}

/* =Single audio/video attachment view
-------------------------------------------------------------- */

.attachment .entry-content .mejs-audio {
    max-width: 400px;
}

.attachment .entry-content .mejs-container {
    margin-bottom: 24px;
}

/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment {
    overflow: hidden;
}

.image-attachment div.attachment {
    text-align: center;
}

.image-attachment div.attachment p {
    text-align: center;
}

.image-attachment div.attachment img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}

.image-attachment .entry-caption {
    margin-top: 8px;
}

/* =Aside post format
-------------------------------------------------------------- */

article.format-aside h1 {
    margin-bottom: 24px;
}

article.format-aside h1 a {
    text-decoration: none;
    color: #4d525a;
}

article.format-aside h1 a:hover {
    color: #2e3542;
}

article.format-aside .aside {
    padding: 24px 24px 0;
    background: #d2e0f9;
    border-left: 22px solid #a8bfe8;
}

article.format-aside p {
    font-size: 13px;
    line-height: 2;
    color: #4a5466;
}

article.format-aside blockquote:last-child,
article.format-aside p:last-child {
    margin-bottom: 0;
}

/* =Post formats
-------------------------------------------------------------- */

/* Image posts */
article.format-image footer h1 {
    font-size: 13px;
    line-height: 2;
    font-weight: normal;
}

article.format-image footer h2 {
    font-size: 11px;
    line-height: 2.2;
}

article.format-image footer a h2 {
    font-weight: normal;
}

/* Link posts */
article.format-link header {
    padding: 0 10px;
    float: right;
    font-size: 11px;
    line-height: 2.2;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    color: #848484;
    background-color: #ebebeb;
}

article.format-link .entry-content {
    max-width: 80%;
    float: left;
}

article.format-link .entry-content a {
    font-size: 22px;
    line-height: 1.1;
    text-decoration: none;
}

/* Quote posts */
article.format-quote .entry-content p {
    margin: 0;
    padding-bottom: 24px;
}

article.format-quote .entry-content blockquote {
    display: block;
    padding: 24px 24px 0;
    font-size: 15px;
    line-height: 1.6;
    font-style: normal;
    color: #6a6a6a;
    background: #efefef;
}

/* Status posts */
.format-status .entry-header {
    margin-bottom: 24px;
}

.format-status .entry-header header {
    display: inline-block;
}

.format-status .entry-header h1 {
    font-size: 15px;
    font-weight: normal;
    line-height: 1.6;
    margin: 0;
}

.format-status .entry-header h2 {
    font-size: 12px;
    font-weight: normal;
    line-height: 2;
    margin: 0;
}

.format-status .entry-header header a {
    color: #757575;
}

.format-status .entry-header header a:hover {
    color: #21759b;
}

.format-status .entry-header img {
    float: left;
    margin-right: 21px;
}

/* =Comments
-------------------------------------------------------------- */

.comments-title {
    margin-bottom: 48px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: normal;
}

.comments-area article {
    margin: 24px 0;
}

.comments-area article header {
    margin: 0 0 48px;
    overflow: hidden;
    position: relative;
}

.comments-area article header img {
    float: left;
    padding: 0;
    line-height: 0;
}

.comments-area article header cite,
.comments-area article header time {
    display: block;
    margin-left: 85px;
}

.comments-area article header cite {
    font-style: normal;
    font-size: 15px;
    line-height: 1.5;
}

.comments-area cite b {
    font-weight: normal;
}

.comments-area article header time {
    line-height: 2;
    text-decoration: none;
    font-size: 12px;
    color: #5e5e5e;
}

.comments-area article header a {
    text-decoration: none;
    color: #5e5e5e;
}

.comments-area article header a:hover {
    color: #21759b;
}

.comments-area article header cite a {
    color: #444;
}

.comments-area article header cite a:hover {
    text-decoration: underline;
}

.comments-area article header h4 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    background-color: #0088d0;
    border: 1px solid #007cbd;
}

.comments-area .bypostauthor cite span {
    position: absolute;
    margin-left: 5px;
    padding: 2px 5px;
    font-size: 10px;
}

.comments-area .bypostauthor cite b {
    font-weight: bold;
}

a.comment-reply-link,
a.comment-edit-link {
    color: #686868;
    font-size: 13px;
    line-height: 2;
}

a.comment-reply-link:hover,
a.comment-edit-link:hover {
    color: #21759b;
}

.commentlist .pingback {
    line-height: 2;
    margin-bottom: 24px;
}

/* Comment form */
#respond {
    margin-top: 48px;
}

#respond h3#reply-title {
    font-size: 16px;
    line-height: 1.5;
}

#respond h3#reply-title #cancel-comment-reply-link {
    margin-left: 10px;
    font-weight: normal;
    font-size: 12px;
}

#respond form {
    margin: 24px 0;
}

#respond form p {
    margin: 11px 0;
}

#respond form p.logged-in-as {
    margin-bottom: 24px;
}

#respond form label {
    display: block;
    line-height: 2;
}

#respond form input[type="text"],
#respond form textarea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 2;
    padding: 10px;
    width: 100%;
}

#respond form p.form-allowed-tags {
    margin: 0;
    font-size: 12px;
    line-height: 2;
    color: #5e5e5e;
}

.required {
    color: red;
}

/* =Front page template
-------------------------------------------------------------- */

.entry-page-image {
    margin-bottom: 14px;
}

.template-front-page .site-content article {
    border: 0;
    margin-bottom: 0;
}

.template-front-page .widget-area {
    clear: both;
    float: none;
    width: auto;
    padding-top: 24px;
    border-top: 1px solid #ededed;
}

.template-front-page .widget-area .widget li {
    margin: 8px 0 0;
    font-size: 13px;
    line-height: 2;
    list-style-type: square;
    list-style-position: inside;
}

.template-front-page .widget-area .widget li a {
    color: #757575;
}

.template-front-page .widget-area .widget li a:hover {
    color: #21759b;
}

.template-front-page .widget-area .widget_text img {
    float: left;
    margin: 8px 24px 8px 0;
}

/* =Widgets
-------------------------------------------------------------- */

.widget-area .widget ul ul {
    margin-left: 12px;
}

.widget_rss li {
    margin: 12px 0;
}

.widget_recent_entries .post-date,
.widget_rss .rss-date {
    color: #aaa;
    font-size: 11px;
    margin-left: 12px;
}

#wp-calendar {
    margin: 0;
    width: 100%;
    font-size: 13px;
    line-height: 2;
    color: #686868;
}

#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
    text-align: left;
}

#wp-calendar #next {
    padding-right: 24px;
    text-align: right;
}

.widget_search label {
    display: block;
    font-size: 13px;
    line-height: 2;
}

.widget_twitter li {
    list-style-type: none;
}

.widget_twitter .timesince {
    display: block;
    text-align: right;
}

/* =Front Page / Slider
-------------------------------------------------------------- */
/* Teaser */
.teaser {
    display: block;
    float: left;
    margin: 0 0 20px 0;
    overflow: hidden;
}

.teaser-inner {
    position: relative;
}

.large-teaser {
    width: 100%;
}

.small-teaser {
    width: 100%;
}

.color1-teaser {
    background: rgb(0,142,84);
}

.vanharen-nederland .color1-teaser {
    background: rgb(225, 100, 10);
}

.color2-teaser {
    background: rgb(127,202,176);
}

.color3-teaser {
    background: rgb(225,100,10);
}

.color4-teaser{
    background: rgb(63,200,198);
}
/* rosa */
.color5-teaser{
    background: rgb(248,164,164);
}

.wheat-teaser{
    background: #cebdae;
}

.aquamarine-teaser{
    background: #7fcab0;
}

.teaser-image a {
    display: block;
    overflow: hidden;
}


.teaser-image img {
    display: block;
}

.teaser-image a:hover img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}

.teaser-image {
    position: relative;
    width: 100%;
}

.teaser-content {
    position: relative;
    width: 100%;
}

.right-teaser .teaser-image {
    left: 0;
}

.left-teaser .teaser-image {
    left: 0;
}

.right-teaser .teaser-content {
    right: 0;
}

.left-teaser .teaser-content {
    right: 0;
}

.teaser-content-inner {
    height: 100%;
    display: table;
    width:100%
}

.teaser-content-text {
    display: table-cell;
    padding: 20px;
    color: #ffffff;
    font-weight: 400;
    line-height: 1.4;
    font-style: italic;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
}

.teaser-content-text hr {
    background-color: #ffffff;
    margin: 10px 0;
    -webkit-transition: margin 0.5s ease;
    -moz-transition: margin 0.5s ease;
    -ms-transition: margin 0.5s ease;
    -o-transition: margin 0.5s ease;
    transition: margin 0.5s ease;
}

.teaser-content-text p {
    margin: 0 0 20px 0;
}



a.read-more {
    display: inline-block;
    color: #ffffff;
}

a.read-more span {
    font-size: 18px;
}

a.read-more:hover {
    color: #111111;
}































/* Slider */
.hero-slider {
    position: relative;
    width: 100%;
    display: block;
    float: left;
    margin:0 0 20px 0;
}

.hero-slider .teaser {
    margin: 0;
}

.slider-pager {
    width: 100%;
    position: absolute;
    /*bottom: 5%;*/
    top: 5%;
    right: 0;
    text-align: center;
    z-index: 200;
}

.slider-pager a {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 0 6px;
    background: #111111;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.slider-pager a.cycle-pager-active {
    background: #009661;
}
.vanharen-nederland .slider-pager a.cycle-pager-active {
    background: rgb(225, 100, 10);
}

.hero-slider .teaser-image {
    width: 100%;
}

.hero-slider .teaser-content {
    width: 100%;
}

.hero-slider .right-teaser .teaser-image {
    left: 0;
}

.hero-slider .right-teaser .teaser-content {
    right: 0;
}




















video {
    width:100%;
    height:auto;
}

/* =Plugins
----------------------------------------------- */

img#wpstats {
    display: block;
    margin: 0 auto 24px;
}

/* =Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

/* Minimum width of 400 pixels. */
@media screen and (min-width: 400px) {
    .author-avatar {
        float: left;
        margin-top: 8px;
    }

    .author-description {
        float: right;
        width: 80%;
    }

    .site {
        margin: 0 auto;
        max-width: 1260px;
        overflow: hidden;
    }

    .site-content {
        float: left;
        width: 65.104166667%;
    }

    body.template-front-page .site-content,
    body.attachment .site-content,
    body.full-width .site-content {
        width: 100%;
    }

    .widget-area {
        float: right;
        width: 26.041666667%;
    }

    /*.site-header h1,*/
    .site-header .hgroup,
    .site-header h2 {
        text-align: left;
    }

    /*.site-header h1 {*/
    .site-header .hgroup {
        font-size: 26px;
    }

    #respond form input[type="text"] {
        width: 46.333333333%;
    }

    #respond form textarea.blog-textarea {
        width: 79.666666667%;
    }

    .template-front-page .site-content,
    .template-front-page article {
        overflow: hidden;
    }

    .template-front-page.has-post-thumbnail article {
        float: left;
        width: 47.916666667%;
    }

    .entry-page-image {
        float: right;
        margin-bottom: 0;
        width: 47.916666667%;
    }

    .template-front-page .widget-area .widget,
    .template-front-page.two-sidebars .widget-area .front-widgets {
        float: left;
        width: 51.875%;
        margin-bottom: 24px;
    }

    .template-front-page .widget-area .widget:nth-child(odd) {
        clear: right;
    }

    .template-front-page .widget-area .widget:nth-child(even),
    .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
        float: right;
        width: 39.0625%;
        margin: 0 0 24px;
    }

    .template-front-page.two-sidebars .widget,
    .template-front-page.two-sidebars .widget:nth-child(even) {
        float: none;
        width: auto;
    }

    .commentlist .children {
        margin-left: 48px;
    }
}


@media screen and (min-width: 550px) {

    .small-teaser {
        width: 100%;
    }

    .small-teaser .teaser-image {
        position: relative;
        width: 50%;
    }

    .small-teaser .teaser-content {
        position: absolute;
        width: 50%;
        height: 100%;
        top: 0;
    }

    .small-teaser.right-teaser .teaser-image {
        left: 50%;
    }

    .small-teaser.left-teaser .teaser-image {
        left: 0;
    }

    .small-teaser.right-teaser .teaser-content {
        right: 50%;
    }

    .small-teaser.left-teaser .teaser-content {
        right: 0;
    }

    .entry-header .entry-title,
    .teaser-content .entry-title {
        font-size: 24px;
    }
}


/* Minimum width of 840 pixels. */
@media screen and (min-width: 840px) {

    body.custom-background-empty {
        background-color: #fff;
    }

    .small-teaser {
        width: 50%;
    }

    .teaser-image {
        position: relative;
        width: 50%;
    }

    .teaser-content {
        position: absolute;
        width: 50%;
        height: 100%;
        top: 0;
    }

    .right-teaser .teaser-image {
        left: 50%;
    }

    .left-teaser .teaser-image {
        left: 0;
    }

    .right-teaser .teaser-content {
        right: 50%;
    }

    .left-teaser .teaser-content {
        right: 0;
    }




    .slider-pager {
        bottom: 5%;
        /*top:unset;*/
        top:inherit;
        width: 75%;
        display: block;
    }

    .hero-slider .teaser-image {
        width: 75%;
    }

    .hero-slider .teaser-content {
        width: 25%;
    }

    .hero-slider .right-teaser .teaser-image {
        left: 25%;
    }

    .hero-slider .right-teaser .teaser-content {
        right: 75%;
    }





















}




/*--------------------------------------
-------------- Sanne -------------------
-------------------------------------- */
* {
    box-sizing: border-box;
}
*::after, *::before {
    box-sizing: border-box;
}

/* 12 Grid by Bootstrap */
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.6667%;
}
.col-xs-10 {
    width: 83.3333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.6667%;
}
.col-xs-7 {
    width: 58.3333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.6667%;
}
.col-xs-4 {
    width: 33.3333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.6667%;
}
.col-xs-1 {
    width: 8.33333%;
}

.row {
    margin-bottom: 0;
}
.row .row {
    margin:0;
}

.row::after, .row::before {
    content: " ";
    display: table;
}

.row::after {
    clear: both;
}

/* all resolutions */
.nowrap {white-space: nowrap;}
.entry-content p.spacer {margin:25px 0 50px 0}
.upppercase {text-transform: uppercase}
.lowerCase {text-transform: none}
p.mark {font-size: 115%}
.bold {font-weight: 700}
.bold span {font-weight: 400}
.italic {font-style: italic}
::selection { background:rgb(0, 142, 84); color:rgb(255,255,255) /* WebKit/Blink Browsers */ }
::-moz-selection { background:rgb(0, 142, 84); color:rgb(255,255,255) /* Gecko Browsers */ }
.vanharen-nederland ::selection { background:rgb(225, 100, 10); color:rgb(255,255,255) /* WebKit/Blink Browsers */ }
.vanharen-nederland ::-moz-selection { background:rgb(225, 100, 10); color:rgb(255,255,255) /* Gecko Browsers */ }
.entry-content ul {line-height: 1.5;}


body.page .entry-content p,
body.page .entry-summary p,
body.page .comment-content p,
body.page .mu_register p {margin: 0 0 14px;}

article hr { margin: 24px 0; }


/* debug */
body.page .site-content a[href="#missing"],
body.category .site-content a[href="#missing"],
body.single .site-content a[href="#missing"],
.site-content .missing,
.entry-title .missing {color:rgb(178,0,0); background: rgb(255,25,25)}
.debugInfo {background: royalblue}

/* --------------
------ 404 -----
----------------*/
article.error404 {min-height:40em}

/* --------------
---- HEADER ----
----------------*/
/*body.home .site {
	padding: 0 20px;
}*/
.site-header { border-bottom: 1px solid rgb(0,0,0); }
.wrapperToogle {position:relative; float:left; width:33.333%;right: 66.666%; padding-top:15px}
.headerWrapper {position:relative}

/* Logo */
header .hgroup {position:relative;float:left; width:33.333%; left: 33.333%}
/*.site-header h1*/
.site-header .hgroup {text-align: center}
.site-header .logo {width:45%; height:auto; min-width:45px}
#logo {width:55px; height:55px}

/* -- additional Links -- */
.addLinksWrapper {position:relative; float:left; width:33.333%; left: 33.333%}
/* Social-Media-list */
.menu-social-media-container,
.menu-social-media-menu-container,
.menu-social-media-menu-eng-container,
.menu-social-media-menu-ch-it-container,
.menu-social-media-menu-ch-fr-container {display: none; float:right; margin: 15px 0 0 0;}
.menu-social-media-container li,
.menu-social-media-menu-container li,
.menu-social-media-menu-eng-container li,
.menu-social-media-menu-ch-it-container li,
.menu-social-media-menu-ch-fr-container li {float:left; margin-left:4px; background:rgb(0,0,0);
    border-radius: 50%;
    font-size: 11px;
    width:23px; height:23px;
    text-align: center;}
.menu-social-media-container a,
.menu-social-media-menu-container a,
.menu-social-media-menu-eng-container a,
.menu-social-media-menu-ch-it-container a,
.menu-social-media-menu-ch-fr-container a {color: rgb(255,255,255); display:block; padding: 5px 0 0}
.menu-social-media-container li:hover,
.menu-social-media-menu-container li:hover,
.menu-social-media-menu-eng-container li:hover {opacity: 0.5}
/*
language-Switcher
flags by http://lipis.github.io/flag-icon-css/
*/
.menu-language-menu-container{float:right; margin: 15px 0 0 12px;}
ul.language-menu {position:relative; font-size: 11px}
.language-menu ul.languages {display:none; position: absolute;left: -90px; min-width:150px; z-index:300; background: rgb(255,255,255);
    -webkit-box-shadow:  0 0 8px #8e8e8e;
    -moz-box-shadow: 0 0 8px #8e8e8e;
    box-shadow: 0 0 8px #8e8e8e;}
.language-menu li:hover ul {display:block}
.language-menu a.langSelected { display:inline-block; border: 1px solid rgb(204,204,204); border-radius: 50%; width:24px; height:24px; overflow:hidden}
.language-menu a.langSelected:hover { border: 1px solid rgb(0,0,0); background:rgb(238,238,238)}
.language-menu span.flag {display:inline-block; position:relative; top: 3px; width:18px; height:15px;background: url("images/flags/flag-sprite_2022.png") no-repeat 0 0; }
.language-menu .langSelected span {border-radius: 40%; width:18px; height:13px; top:4px; left:2px }
.language-menu .fa-caret-down { position: relative !important; font-size:14px !important;top:-8px!important;cursor:pointer!important; right:0 !important; color:rgb(179,179,179)}
.language-menu span.flag_de { background-position: 0 -15px;}
.language-menu span.flag_nl {background-position: -21px -48px }
.language-menu span.flag_uk {background-position: -21px -80px}
.language-menu span.flag_au {background-position: 0 0}
.language-menu span.flag_hu {background-position: 0 -31px}
.language-menu span.flag_ru {background-position: 0 -95px}
.language-menu span.flag_hr {background-position: -21px -124px}
.language-menu span.flag_ba {background-position: -21px -94px}
.language-menu span.flag_rs {background-position: -21px -170px}
.language-menu span.flag_bg {background-position: 0 -110px}
.language-menu span.flag_dk {background-position: -21px -110px}
.language-menu span.flag_it {background-position: -21px -32px}
.language-menu span.flag_lt {background-position: 0 -48px}
.language-menu span.flag_pl {background-position: 0 -65px}
.language-menu span.flag_pt {background-position: 0 -125px}
.language-menu span.flag_ro {background-position: 0 -140px}
.language-menu span.flag_se {background-position: -21px -140px}
.language-menu span.flag_sk {background-position: -21px -65px}
.language-menu span.flag_es {background-position: 0 -170px}
.language-menu span.flag_cz {background-position: -22px -15px}
.language-menu span.flag_si {background-position: -21px -155px}
.language-menu span.flag_tr {background-position: 0 -80px}
.language-menu span.flag_ch {background-position: -21px 0}
.language-menu span.flag_fr {background-position: 0 -185px}
.language-menu span.flag_lv {background-position: -21px -185px}
.language-menu span.flag_ee {background-position: 0 -200px}
.language-menu .languages a {display:block; padding: 5px 10px; text-decoration: none; color:rgb(52,54,55)}
.language-menu .languages a:hover {color:rgb(0,0,0); background-color:rgb(238,238,238)}

/* DE - ENG Switcher */
.wpmlLanguageBox {float:right; margin:20px 0 0 12px; display:block}
.wpmlLanguageBox li {float:left}
.wpmlLanguageBox a {color:rgb(0,0,0); text-transform: uppercase; text-decoration: none}

/* Deichmann-Shop-Link*/
.addLinksWrapper > a {display:inline-block; float:right; width:60px; height:60px; background: url("images/warenkorb.jpg") no-repeat center center; margin: 0 0 0 12px;}
.vanharen-nederland .addLinksWrapper > a {width:60px; height:60px; background: url("images/van-haren-bag.png") no-repeat center center;}
.dosenbach-schweiz .addLinksWrapper > a {background: url("images/dosenbach-shopping-bag-2016.png") no-repeat center center;}

/* main-Navigation */
.main-navigation {padding:0 20px; text-align: left}
.main-navigation ul.nav-menu {width:100%; margin-top: 20px}
.main-navigation li {margin-top:0; border-top: 1px solid rgb(0,0,0)}
.main-navigation ul.nav-menu > li:first-child {border-top: 0}
.main-navigation li a {text-decoration: none; display: block; line-height: 2.5;}
.main-navigation .expandableListArrow {display:block; float:right; cursor: pointer; margin: 12px 0 0 }
.main-navigation li ul a {padding-left: 20px}
.main-navigation li ul li ul a{padding-left: 40px}

.main-nav-toggle { display:block; position:relative; width:30px; height:30px}
.burger { display:block; height:3px; position:absolute;
    background-color:rgb(111, 111, 111); width: 100%; border:1px solid rgb(111, 111, 111);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
.main-nav-toggle .burger.top {
    -moz-transform:translate(0px, 0px);
    -ms-transform:translate(0px, 0px);
    -o-transform:translate(0px, 0px);
    -webkit-transform:translate(0px, 0px);
    transform: translate(0px, 0px);}
.main-nav-toggle .burger.middle {
    -moz-transform:translate(0px, 8px);
    -ms-transform:translate(0px, 8px);
    -o-transform:translate(0px, 8px);
    -webkit-transform:translate(0px, 8px);
    transform: translate(0px, 8px);}
.main-nav-toggle .burger.bottom {
    -moz-transform:translate(0px, 16px);
    -ms-transform:translate(0px, 16px);
    -o-transform:translate(0px, 16px);
    -webkit-transform:translate(0px, 16px);
    transform: translate(0px, 16px)}

/* --------------
---- MAIN ----
----------------*/
/* Startseite */
body.home .teaser-content-text .entry-title {display:inline-block; padding:0 5px 10px 5px; margin-bottom:20px; border-bottom:1px solid rgb(255,255,255);}

/* Slider */
.sliderControls {position:absolute; top:0; width:10%; height:100%; z-index:110; cursor:pointer}
.sliderControls.cycle-prev {left:0}
.sliderControls.cycle-next {right:0}
.sliderControls.cycle-prev,
.sliderControls.cycle-next {opacity:0;}
.sliderControls.cycle-prev:hover,
.sliderControls.cycle-next:hover {opacity:1}
.sliderControls.cycle-prev .sliderControlIconWrapper,
.sliderControls.cycle-next .sliderControlIconWrapper {position:absolute; top:50%; margin-top:-1em; background:#cebdae; width:30px; height:30px; border-radius:50%;}
.sliderControls.cycle-next .sliderControlIconWrapper {right:25%}
.sliderControls.cycle-prev .sliderControlIconWrapper {left:25%}
.sliderControls.cycle-next .sliderControlIconWrapper i {font-size:20px; margin:4px 0 0 8px}
.sliderControls.cycle-prev .sliderControlIconWrapper i {font-size:20px; margin:4px 0 0 4px}

/* Teaser-Arrow */
.teaser-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 100;
}
.large-teaser .teaser-arrow,
.small-teaser .teaser-arrow {left:0; top:-20px;}

.teaser .teaser-arrow {
    border-width: 20px 0 0 20px;
}

.right-teaser.color1-teaser .teaser-arrow,
.left-teaser.color1-teaser .teaser-arrow {
    border-color: transparent transparent transparent rgb(0,142,84);
}
.vanharen-nederland .right-teaser.color1-teaser .teaser-arrow,
.vanharen-nederland .left-teaser.color1-teaser .teaser-arrow {
    border-color: transparent transparent transparent rgb(225, 100, 10);
}


.right-teaser.color2-teaser .teaser-arrow,
.left-teaser.color2-teaser .teaser-arrow{
    border-color: transparent transparent transparent rgb(127,202,176);
}

.right-teaser.color4-teaser .teaser-arrow,
.left-teaser.color4-teaser .teaser-arrow {
    border-color: transparent transparent transparent rgb(63,200,198);
}

.right-teaser.wheat-teaser .teaser-arrow,
.left-teaser.wheat-teaser .teaser-arrow {
    border-color: transparent transparent transparent #cebdae;
}

.right-teaser.color5-teaser .teaser-arrow,
.left-teaser.color5-teaser .teaser-arrow {
    border-color: transparent transparent transparent rgb(248,164,164);
}

.video-container { display: block; float:left; margin: 0 0 24px 0;}
.videoTeaser .col-xs-12 { padding: 0}

/* Unterseiten
 -----------------*/
/* headings */
body.page #main h1 {margin-top: 100px; padding-bottom: 33px; border-bottom: 1px solid rgb(111,111,111);}
body.page .entry-content h2 {margin:0 0 10px; padding-top:10px;font-size:118%}
body.page .entry-content h2.simulateHeading3 {margin:0; padding-top:10px; font-size:110%; line-height:2}
body.page .entry-content h2.highlighted {margin:0 0 24px; padding-top: 10px;text-transform: uppercase; font-size:118%}
body.page .entry-content > h2.highlighted {padding-top:0}
body.page .entry-content h2.highlighted + h3 {padding-top:0}
body.deichmann-hrvatska.page .entry-content p + h2.highlighted,
body.deichmann-slovenija.page .entry-content p + h2.highlighted {margin:3em 0 24px;}
.entry-content h3 {font-size:110%;margin:0; padding-top:10px;}
body.page .entry-content h4 {margin:0}
body.page .entry-content section h2 {padding-top:0px}
body.page .entry-content section h2 + h3  {padding-top:0px}

/* Listen */
body.page .entry-content section ul {margin-bottom: 0}

/* paragraph */
body.page .entry-content section ul + p {padding-top:1em}


/* Links */
.sidebar-navigation,
.breadcrumb-nav,
body.page .site-content,
body.page .site-content a,
body.category .site-content a,
body.single .site-content a,
body.search-results .site-content a,
body.error404 .site-content a,
body.search-no-results .site-content a {color: rgb(111,111,111)}
body.page .site-content a,
body.category .site-content a,
body.single .site-content a,
body.error404 .site-content a,
body.search-no-results .site-content a {text-decoration: none; border-bottom: 1px solid rgb(111,111,111)}
body.page .site-content a:hover,
body.page .site-content a:focus,
body.category .site-content a:hover,
body.category .site-content a:focus,
body.single .site-content a:hover,
body.single .site-content a:focus,
body.error404 .site-content a:hover,
body.error404 .site-content a:focus,
body.search-no-results .site-content a:hover,
body.search-no-results .site-content a:focus {color:rgb(0,0,0);border-bottom: 1px solid rgb(0,0,0)}

body.page .site-content ul.pressDownloadArea a,
body.page .site-content a.flyer-scroll,
body.page .site-content a.flyer-scroll {border-bottom:none;}
body.page .site-content a.flyer-download:hover,
body.page .site-content a.flyer-download:focus,
body.page .site-content a.flyer-scroll:hover,
body.page .site-content a.flyer-scroll:focus,
body.page .site-content ul.pressDownloadArea a:hover,
body.page .site-content ul.pressDownloadArea a:focus {border-bottom:none}

body.page .site-content a.flyer-download.linkUnderline  {border-bottom: 1px solid rgb(111,111,111)}
body.page .site-content a.flyer-download.linkUnderline:hover,
body.page .site-content a.flyer-download.linkUnderline:focus {border-bottom: 1px solid rgb(111,111,111)}

body.page .site-content a.videoYoutube,
body.page .site-content a.fancybox-media {border-bottom: none}


/* banner */
#banner {position:relative; overflow:hidden; margin: 25px auto; padding:0;}
.page-template-growth #banner {overflow:visible;}
#banner img {max-width:100%; height:auto; }
#banner .banner-growth {width:100%; max-width:1260px; height:355px; background-position: right top;}
#banner-text-expansion { position: absolute; left:7%; top:10%; line-height:1.2; transition: all 0.5s ease-in-out;}
#banner-text-expansion span {display: block; color: rgb(127,127,127); text-transform: uppercase;}
#banner-text-expansion .normal {font-size: 12px; font-weight:normal; margin-bottom: 3%}
#banner-text-expansion .bold { font-size: 18px}

/* breadcrumb */
.breadcrumb-nav { display: none; font-family: Arial,sans-serif; float:left; padding-bottom:15px}
.breadcrumb-nav li{display:inline-block; margin-right: 5px}
.breadcrumb-nav a { color:rgb(111,111,111); text-decoration:none;}
.breadcrumb-nav a:hover,
.breadcrumb-nav a:focus {color:rgb(82,82,82);}
.breadcrumb-nav .current-menu-item,
.breadcrumb-nav .current-menu-item a{color: rgb(0,142,84);}
.vanharen-nederland .breadcrumb-nav .current-menu-item,
.vanharen-nederland .breadcrumb-nav .current-menu-item a{color: rgb(225, 100, 10);}

/* Sidebar-Navigation */
.sidebar-navigation {display: none;}

/* main-content */
body.page #content,
body.category #content,
body.single #content {border-top: 1px solid rgb(111,111,111); padding-top:25px; float:left; width:100%}
#primary {width:100%}
#content-header.entry-title,
body.page .site-content,
body.category .site-content,
body.single .site-content,
body.error404 .site-content,
body.search-no-results .site-content {color:rgb(111,111,111);}
#content-header.entry-title {padding-top:20px}
body.page .site-content.col-xs-12,
body.category .site-content.col-xs-12,
body.single .site-content.col-xs-12{padding: 0}
body.page .site-content p,
body.category .site-content p,
body.page .site-content span,
body.error404 .site-content p{line-height:1.5;}
body.page .site-content ul {list-style:none}
body.page .site-content li {margin:0;}
body.page .site-content .linkList {display:inline-block; padding-top:15px}
body.page .site-content .linkList:first-child{padding-top:0}
body.page .site-content .fashionArticlesBlogLink {display:inline-block;}
body.page .site-content .fashionArticlesBlogLink:first-child{padding-top:15px}
section.newsletter {padding-top:50px}
section.web {padding-top:25px}
section.newsletter:first-child,
section.web:first-child {padding-top:0}
section.newsletter div {padding-left:0}
body.page .site-content .slideShowWrapper a,
section.newsletter a[rel=deichmann-newsletter] {border:none}
body.page .site-content .slideShowWrapper a:hover,
body.page .site-content .slideShowWrapper a:focus,
section.newsletter a[rel=deichmann-newsletter]:focus,
section.newsletter a[rel=deichmann-newsletter]:hover {border:none}
section.newsletter a[rel=deichmann-newsletter]{display:block;}
div + section,
section + section {padding-top:2em}

/* PDF download with thumb */
.pdfDownloadWrapper-1 {padding-top:25px}
.pdfDownloadItem {padding: 0}
.pdfDownloadWrapper-1 .pdfDownloadItem,
.pdfDownloadWrapper-2 .pdfDownloadItem,
.pdfDownloadWrapper-3 .pdfDownloadItem,
.pdfDownloadWrapper-4 .pdfDownloadItem {padding:0 }
.pdfDownloadItem h3 {padding-bottom: 15px}
.pdfDownload img {float:left; margin-right:15px;}
.pdfDownload img.imgBorder {border: 1px solid rgb(111,111,111)}
.pdfDownloadContent {float:left;}

/* Wachstum
---------------------------------------------*/
.growth {
    position:absolute;
    top:5%;
    right:0;
}


.listGrowth {
    overflow: hidden;
}

.listGrowth dd {
    float: none;
    display:block;
    /*margin-bottom: 20px;
    margin-right: 15px;*/
    text-align: right;
    width: auto;
    transition: width 0.5s ease-in-out 0s;
}

.listGrowth dt {
    height: 40px;
    color: #FFFFFF;
    float: none;
    display:block;
    font-size: 20px;
    text-align: right;
    text-transform: uppercase;
    line-height: 40px;
}

.listGrowth span.box {
    background: none repeat scroll 0 0 #FFFFFF;
    display: inline-block;
    height: 40px;
    margin-left: 3px;
    text-align: center;
    width: 30px;
    position: relative;
    overflow: hidden;
}

.listGrowth span.numbers {
    display: block;
    position: absolute;
    top: 0;
    width: 30px;
    left: 0;
    color: #009661;
    font-size: 30px;
    line-height: 40px;
}

.vanharen-nederland .listGrowth span.numbers {
    color: rgb(225, 100, 10);
}

.listGrowth span.number {
    display: block;
    width: 30px;
    height: 40px;
    float: left;
}


/* History
---------------------------------------------*/
.history.stage {
    overflow: hidden;
    height: 420px;
    width: 100%;
}

.stage #stage_content {
    width: 100%;
    /*max-width: 954px;*/
    /*height: 420px;*/
    /*margin: 0 auto*/
}

#history-content .stage #stage_content {margin: 0 auto}

.history.stage #stage_content {
    position: relative
}

.stage .listYear {
    position: absolute;
    top: 170px;
    width: 100%;
    left: 0;
    padding-top: 0;
    padding-bottom: 210px;
    visibility: hidden
}

.stage .listYear li {
    color: #fff;
    font-size: 14px;
    margin: 0;
    padding-left: 88px;
    position: relative;
    text-align: left
}

.stage .listYear li .year {
    width: 64px;
    text-align: center;
    display: block;
    line-height: 19px
}

.history.stage .line {
    background: url("images/history/line.png") no-repeat scroll right 0 transparent;
    width: 809px;
    position: absolute;
    /*top: 220px;*/
    top: 193px;
    height: 1px;
    left: 150px
}

.stage .listInfo {
    position: absolute;
    width: 100%;
    /*top: 0;*/
    top: -29px;
    right: 0;
}

.stage .listInfo li {
    width: 98%;
    color: #fff;
    display: block;
    height: 420px;
    margin: 0;
    position: relative;
    float: left
}

.stage .listInfo p {
    display: block;
    /*font-size: 36px;*/
    font-size: 33px;
    height: 165px;
    /*left: 0;*/
    left: -7em;
    line-height: 1.65;
    /*overflow: hidden;*/
    padding-top: 0;
    position: relative;
    text-align: right;
    text-shadow: 0 0 5px #79e4ec;
    /*top: 160px;*/
    top: 170px;
    width: 100%;
}

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

.history.module.stage p a {
    border-bottom: 0
}

.history.stage a.arrowGlow {
    background: url("images/history/arrow_glow.png") no-repeat scroll 0 15px transparent;
    padding: 0 0 0 30px;
    color: #fff;
    text-decoration: none;
}

.history.stage li p span.scrollblock {
    position: absolute;
    top: 0;
    right: 0
}

.stage .wave {
    background: url("images/history/wave.png") repeat-y scroll 0 0 transparent;
    height: 420px;
    left: 150px;
    position: absolute;
    top: 0;
    width: 110px
}

.ui-text-shadow,
.ui-text-shadow-original {
    position: relative
}

.ui-text-shadow-original {
    z-index: 1;
    text-shadow: none
}

.ui-text-shadow-copy {
    position: absolute;
    z-index: 0;
    line-height: 110.74235%;
    left: 0;
    top: 0;
    zoom: 1;
    text-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width: 840px){
    .stage .wave {
        left: 0;
    }

    .stage .listYear li {
        padding-left: 2%;
    }
}


/* Figure List */
ul.liTestingInstitutes {padding-left: 3%; margin:0}
.figureList,
.figure {float:left;}
.figureList {margin-top:25px;}
.figure { padding: 0 0 10px 0; display:table; float:none}
body.page .figure a {line-height:1.5; border-bottom:none; display: inline-block;}
body.page .figure a.linkDeco {border-bottom:1px solid rgb(111,111,111)}
.figure a:hover,
.figure a:focus {border-bottom: 1px solid rgb(111, 111, 111);}
.figure .wrapperImage.col-xs-2 {display:table; float:none; padding-left: 0}
/*.figure .wrapperImage img {height: auto; max-width: 100%;}*/
.figure figcaption {padding-right:0;display: table-cell; float:none; vertical-align: middle; padding-left:30px}

/* Lists */
.greenLife,
.listDots {padding-left:15px}
.greenLife li,
.listDots li{list-style: disc; padding-bottom:10px}

/* article List */
.site-content .social-engagement-article {padding:0 15px 40px 15px}
.articleFashionStartPage {padding: 40px 0; border-bottom: 1px solid rgb(111,111,111)}
body.fashion article.articleFashionStartPage:first-of-type {padding-top:0px}
.articleFashionStartPage:last-child {border-bottom:none}
.social-engagement-article h2 {font-size:18px; line-height: 1.6; margin-bottom: 10px}
.social-engagement-article h3 {font-size:105%; line-height: 1.5; margin-bottom: 1%}
.site-content .social-engagement-article .wrapperImage {padding: 0 15px 0 0 }
.articleFashionStartPage .imgWrapper {padding: 0 15px 4% 15px; text-align:center }
body.page .articleFashionStartPage .imgWrapper a  {border:none}
body.page .articleFashionStartPage > a:hover,
body.page .articleFashionStartPage > a:focus {border:none}
.articleFashionStartPage h2 {margin-bottom: 10px}
.site-content .social-engagement-article img,
.articleFashionStartPage img {max-width:100%; height:auto;}
.social-engagement-article .content.col-xs-12 {padding:0}
.social-engagement-article .articleText.additionalText {padding-top:15px}


/* Gallery */
#galleryStores {margin: 60px 0 0 0}
#galleryStores h3 {margin: 0 0 24px 0}
#galleryStores li {width:100%; padding: 0 0 20px 0}
#galleryStores a {border-bottom: none; width:100%}
#galleryStores img {display:block}


/* Slider */
section.videoBox {border-top:1px solid rgb(111,111,111); padding-top:25px}
section.videoBox h2{margin:0}
.site-content .slideShowWrapper {position:relative;margin-top:25px}
body.single-post .site-content .slideShowWrapper {margin-top:0}
.sliderBoxDesignAtelier {margin-top:50px}
body.page .site-content .slideShowWrapper + p,
body.page .site-content .slideShowWrapper + h3 {margin-top:25px}
#videoSlider.slideShowWrapper {margin:0}
.slideShowWrapper .image-slidehow,
.slideShowWrapper .video-slider-1,
.slideShowWrapper .video-slider-2 {margin-left:8.33333%;}
.slideShowWrapper .image-slidehow,
.slideShowWrapper .video-slider-1,
.slideShowWrapper .video-slider-2 {padding:0}
.slideShowWrapper .videoBoxWrapper{padding:0 10px; vertical-align: top}
body.page .site-content .slideShowWrapper .image-slidehow a,
body.single-post .site-content .slideShowWrapper .image-slidehow a {padding: 0 10px;}
body.page .site-content .slideShowWrapper .image-slidehow a,
body.single-post .site-content .slideShowWrapper .image-slidehow a,
body.page .site-content .slideShowWrapper .video-slider-1 a,
body.single-post .site-content .slideShowWrapper .video-slider-1 a,
body.page .site-content .slideShowWrapper .video-slider-2 a,
body.single-post .site-content .slideShowWrapper .video-slider-2 a {opacity:0; border:none}
body.page .site-content .slideShowWrapper a:hover,
body.single-post .site-content .slideShowWrapper a:hover,
body.page .site-content .slideShowWrapper a:focus,
body.single-post .site-content .slideShowWrapper a:focus {border:none}
.slideShowWrapper img {display:block; margin: 0 auto; max-width:100%; height: auto}
#videoSlider.slideShowWrapper img {display:inline-block}
body.page .site-content #videoSlider.slideShowWrapper .video-slider-1 a,
body.single-post .site-content #videoSlider.slideShowWrapper .video-slider-1 a {display:block}
.slideShowWrapper .nav-t {position:absolute; width: 20%; height:100%; cursor:pointer; }
.slideShowWrapper .cycle-prev-2,
.slideShowWrapper .cycle-prev-1,
.slideShowWrapper .cycle-image-prev-2,
.slideShowWrapper .cycle-image-prev-1,
.slideShowWrapper .cycle-image-prev-3,
.slideShowWrapper .cycle-image-prev-4,
.slideShowWrapper .cycle-image-prev-5,
.slideShowWrapper .cycle-image-text-prev-1 {top:0; left:0}
.slideShowWrapper .cycle-next-2,
.slideShowWrapper .cycle-next-1,
.slideShowWrapper .cycle-image-next-2,
.slideShowWrapper .cycle-image-next-1,
.slideShowWrapper .cycle-image-next-3,
.slideShowWrapper .cycle-image-next-4,
.slideShowWrapper .cycle-image-next-5,
.slideShowWrapper .cycle-image-text-next-1 {top:0; right:0}
.slideShowWrapper .nav-t i {position:absolute; top:50%; margin-top:-14px }
.slideShowWrapper .cycle-next-2 i,
.slideShowWrapper .cycle-next-1 i,
.slideShowWrapper .cycle-image-next-2 i,
.slideShowWrapper .cycle-image-next-1 i,
.slideShowWrapper .cycle-image-next-3 i,
.slideShowWrapper .cycle-image-next-4 i,
.slideShowWrapper .cycle-image-next-5 i,
.slideShowWrapper .cycle-image-text-next-1 i {right:0}
.slideShowWrapper p,
.imgTextSliderContent p {white-space: normal;}
.slideShowWrapper .video-slider-2 .videoSliderContent {padding-top:25px}
.slideShowWrapper + p {margin-top: 1em}
/* img-text-slider */
.slideShowWrapper .image-text-slidehow-1,
.slideShowWrapper .image-text-no-slide-1 {margin:0}
.slideShowWrapper .imgTextSliderContent {max-width:315px; margin:10px auto 0; list-style:none; text-align: center}
.entry-content li.imgTextSliderListItem {margin:0; padding:0 10px; vertical-align: top}
body.single-post .site-content .slideShowWrapper li.imgTextSliderListItem > a {display:block; padding:0;}
.slideShowWrapper .imgTextSliderContent li {margin:0; display:inline-block; width:50%}
body.single-post .site-content .slideShowWrapper .imgTextSliderContent a {display:inline-block; padding:0}
/* less than 3 pictures = no slide */

/* Video */
/* www.elmastudio.de/programmierung/css/css-tipp-eingebettete-videos-fur-responsive-webdesigns-optimieren/ */
.elastic-video {
    position: relative;
    padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;
    margin: 50px 0 25px 0;
}
.entry-content .elastic-video { margin: 5px 0 25px 0;}
.elastic-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
body.home .elastic-video {margin: 0;}



#flag-nav {padding:0 15px; margin: 20px 0 30px 0}
.flag-nav-ul li { display:table; float: left; padding: 0 30px 15px 0;}
.flag-nav-ul li:nth-child(3n+3) {padding-right:0}
.flag-nav-ul a {display: block; padding-bottom:15px}
.flag-nav-ul .imgWrapper,
.flag-nav-ul .contentWrapper {display:table-cell; vertical-align: middle; }
.flag-nav-ul .contentWrapper {padding-left:15px; text-transform: uppercase}
.flag-nav-ul img {width: 100%; opacity:0.8; display:block; border:1px solid #ccc}
.flag-nav-ul a:hover img,
.flag-nav-ul a:focus img{width: 100%; opacity:1}

/*.clients-content.col-xs-12,*/
/*.employee-content.col-xs-12,*/
.delivery-content.col-xs-12{padding:0}
/*.clients-image,*/
/*.employee-image,*/
.delivery-image{padding: 1% 0 0 0}

.textImg.noHeading {padding-top:30px}
body.page .entry-content .textImg h2,
body.page .entry-content .textImg h3 {font-size: 110%; margin: 0; padding-top: 10px; line-height:2}

.flyer-download .fa-file-pdf-o,
.flyer-scroll .fa-file-text-o,
.linkList i {padding-right: 7px}

/* Newsletter */
section.newsletter div {position:static}


/* Design Atelier
------------------------------------------- */
.sliderBoxDesignAtelier h2 { border-bottom:1px solid rgb(111,111,111);}
.sliderBoxDesignAtelier h2 .headingImg {background: url("images/design-atelier/winner-sprite.jpg") no-repeat 0 0; height:57px; width:57px; display: inline-block;
    margin-right:15px;}
.sliderBoxDesignAtelier:nth-of-type(2) h2 .headingImg {background-position:0 -60px}
.sliderBoxDesignAtelier:nth-of-type(3) h2 .headingImg {background-position:0 -120px}
.sliderBoxDesignAtelier:nth-of-type(4) h2 .headingImg {background-position:0 -180px}
.sliderBoxDesignAtelier:nth-of-type(5) h2 .headingImg {background-position:0 -240px}


/* Presse */
/* Menu & Sidebar (hide)
---------------------------------------------*/
.main-navigation .sub-menu li.hidden,
li.hidden { display: none; }

/* Press Overview + Press Contact
---------------------------------------------*/
ul.press-overview,
ul.press-contact{
    width: 100%;
    list-style: none;
}

body.page .site-content ul.press-overview li,
body.page .site-content ul.press-contact li{
    width: 100%;
    display: block;
    float: left;
    margin: 10px 0 40px 0;
}

ul.press-overview li.clear,
ul.press-contact li.clear{
    width: 100%;
    display: block;
    float: left;
    clear: both;
    margin: 0 !important;
    padding: 0 !important;
}

ul.press-overview li a.press-header-link {
    width: 100%;
    display: block;
    float: left;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #6F6F6F !important;
}

ul.press-overview li a.press-header-link img {
    max-width: 100%;
    display: inline-block;
    margin: 0 10px -3px 0;
}

ul.press-overview li a.press-header-link span {
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
}

ul.press-overview li p {
    margin: 0 0 15px 0;
}

ul.press-overview li a.press-read-more i {
    color: rgb(0,142,84);

}

/* Press Texte
---------------------------------------------*/
dl.pressRleasesDefList {margin:0}
dl.pressRleasesDefList dt {padding-top: 1em}
dl.pressRleasesDefList dd {margin: 0 0 0 14px; display:list-item; list-style-type: disc;}


/* Press Photos
---------------------------------------------*/
ul.press-photo {
    width: 100%;
    list-style: none;
    border-top: 1px solid #6F6F6F;
}

ul.press-photo li {
    width: 100%;
    display: block;
    float: none;
    margin: 30px 0 0 0 !important;
}

ul.press-photo li.last {
    float: right;
}

ul.press-photo li a {
    text-decoration: none;
    border: none !important;
}

ul.press-photo li a img,
ul.press-photo li a span {
    display: block;
    width: 100%;
}

ul.press-photo li a span {
    font-size: 20px;
    line-height: 40px;
    color: #FFFFFF;
    text-align: center;
}

/* Country Flag (for complaints) Photos
---------------------------------------------*/
ul.country-flag-photo {
    width: 100%;
    list-style: none;
    border-top: 1px solid #6F6F6F;
}

ul.country-flag-photo li {
    width: 100%;
    display: block;
    float: none;
    margin: 30px 0 0 0 !important;
}

ul.country-flag-photo li.last {
    float: right;
}

ul.country-flag-photo li a {
    text-decoration: none;
    border: none !important;
}

ul.country-flag-photo li img {
    display: block;
    width: 100%;
}

ul.country-flag-photo li span {
    display: block;
    width: 33.33%;

}

ul.country-flag-photo li a span {
    font-size: 20px;
    line-height: 40px;
    color: #FFFFFF;
    text-align: center;
    float:left;
}

/* Style Files
---------------------------------------------*/
ul.style-files { margin-top:3em; list-style: none; padding:0 15px}
ul.style-files li { display: block; width:100%; padding:0 0 15px 0}
body.page .site-content ul.style-files a {display:block; text-decoration: none; border: none; }
ul.style-files li a img,
ul.style-files li a span { display: block; max-width: 100%; }
ul.style-files li a span { font-size: 20px; line-height: 40px; color: #fff; text-align: center; }

/* Press Brochures
---------------------------------------------*/
ul.press-brochures {
    width: 100%;
    list-style: none;
    border-top: 1px solid #6F6F6F;
    padding:15px 15px 0 15px;
}

ul.press-brochures li {
    width:100%;
    display: block;
    float: left;
    margin: 0 0 15px 0 !important;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #6F6F6F;
}


ul.press-brochures li img {
    max-width: 100%;
    display: block;
    /*float: left;*/
}

ul.press-brochures li .brochure-info {
    display: block;
    float: left;
}

ul.press-brochures li div h2 {
    margin: 10px 0 15px 0;
}


/* Press Contact
---------------------------------------------*/
ul.press-contact {padding-top:25px}
ul.press-contact h3,
ul.press-contact h4 {font-size:100%; border-bottom: 1px solid rgb(111,111,111)}
ul.press-contact span {display:block}
ul.press-contact .contactName {font-weight:700}

/* Press Download
---------------------------------------------*/
ul.pressDownloadArea {padding:0 15px}
body.page .site-content .pressDownloadArea li {width:100%; margin: 0 0 20px 0}
.pressDownloadArea .pressDownloadListItem {display:table}
.pressDownloadArea .wrapperImage {display:table-cell; vertical-align: middle; width:139px}
.pressDownloadArea .wrapperContent {padding-left:15px; display:table-cell; vertical-align: middle}
.pressDownloadArea .wrapperContent a {display:inline-block;margin-bottom: 15px;}
.pressDownloadArea .wrapperContent a:last-child {margin-bottom: 0}
.pressDownloadArea .wrapperContent a span {padding-right:10px}

#pressefotos,
.menu-press-fotos-container form {margin-bottom: 2em}

/* FAQ */
#faq{width:100%;margin:0 auto;padding: 0;}
#faq .topic .heading {cursor:pointer}
.content li h3 {cursor:pointer}
#faq .content {display:none}
ul.faq li {margin:0 auto;list-style:none;}

/* tooltip
http://osvaldas.info/elegant-css-and-jquery-tooltip-responsive-mobile-friendly
*/
#tooltip
{
    text-align: center;
    color: #fff;
    /*background: #111;*/
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    z-index: 100;
    padding: 15px;
}

#tooltip:after /* triangle decoration */
{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    /*border-top: 10px solid #111;*/
    border-top: 10px solid rgba(0, 0, 0, 0.8);
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

#tooltip.top:after
{
    border-top-color: transparent;
    /*border-bottom: 10px solid #111;*/
    border-bottom: 10px solid rgba(0, 0, 0, 0.8);
    top: -20px;
    bottom: auto;
}

#tooltip.left:after
{
    left: 10px;
    margin: 0;
}

#tooltip.right:after
{
    right: 10px;
    left: auto;
    margin: 0;
}



/* Map
---------------------------------------------*/
.russiaHeading {display: inline-block; text-align: center; width:49%;}
.site-content .wrapperMap {margin-top: 40px}
body.page #main .country_container h3 {margin-top:20px; padding-bottom: 10px; line-height: 1.5}
.country_container .module + .module {margin-top:50px}
.country_container .contactGermany {margin-bottom:25px}
.country_container .contactGermany:last-child {margin-bottom: 0}
.group_country > p,
.group_country_static > p {margin-top:25px; text-transform: uppercase}
/*.group_country .email a,
body.page .site-content .group_country_static .email a,
body.page .site-content .group_country .email a:hover,
body.page .site-content .group_country .email a:focus,
body.page .site-content .group_country_static .email a:hover,
body.page .site-content .group_country_static .email a:focus {border-bottom:none}*/
.group_country a.downloadBtn,
.group_country_static a.downloadBtn {display:inline-block; width:100%; text-align:center; margin-top: 30px;  padding: 1em 15px; background: rgb(0,142,84);}
.group_country a.downloadBtn:hover,
.group_country a.downloadBtn:focus,
.group_country_static a.downloadBtn:hover,
.group_country_static a.downloadBtn:focus {background: rgb(0,176,103); border:none}
.site-content .group_country a.downloadBtn,
.site-content .group_country_static a.downloadBtn {color:rgb(255,255,255); border:none}
.site-content .group_country a.downloadBtn:hover,
.site-content .group_country a.downloadBtn:focus,
.site-content .group_country_static a.downloadBtn:hover,
.site-content .group_country_static a.downloadBtn:focus {border:none;}
.group_country .zip,
.group_country_static .zip {padding-bottom:15px}


.stage.germany #stage_content {
    background: url("images/map/bg_de.png") no-repeat scroll 0 0 transparent;
}

.stage {
    position: relative;
    height: 354px;
}

.stage.italy {height: 420px;}


.group_country {
    display: none;
}

.stage .stageHead {
    left: 37px;
    position: absolute;
    top: 10px;
    z-index: 1;
}

.stage.czech .stageHead { left: 10px; top: -20px;  }
.stage.spain .stageHead { left: 10px; top: 5px;  }
.stage.denmark .stageHead { left: 0px; }
.stage.slovakia .stageHead { left:0; top:0; }
.stage.romania .stageHead { left: 0px; }
.stage.romania .lastLine { padding-top: 10px; }
.stage.croatia .stageHead { left: 0px; }
.stage.croatia .lastLine { padding-top: 10px; }
.stage.bulgaria .stageHead,
.stage.hungary .stageHead { left: 0px; top:0; }
.stage.bosnia .stageHead { left: 0px;}

.stage.module h1 {
    background: none repeat scroll 0 0 transparent;
    text-align: left;
    width: 200px;
}

* + html .stage.module h1 {
    margin: 0 0 0 -10px;
}

.stage.module .topline {
    text-align: left;
}

.stage #stage_content { width: 882px;
    /*width: 1260px;*/
    height: 355px;  }
.stage.italy #stage_content { height: 420px; } /* wiil rezise the whole map ... */

.stage.russia #stage_content,
.stage.russia #stage_content_2 { display:inline-block; width: 49%; height: 355px;  }

* + html .stage #stage_content {
    margin: 0 0 0 -20px;
}

.stage .highlight {
    cursor: pointer;
}

.jvectormap-label .labelCont {
    background: #FFFFFF;
    color: #666666;
    padding: 3px 6px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 3px 0px #B2B2B2;
    -moz-box-shadow: 0px 0px 3px 0px #B2B2B2;
    box-shadow: 0px 0px 3px 0px #B2B2B2;
}

.jvectormap-label .labelCont .flag {
    margin-right: 6px;
    float: left;
}

.jvectormap-label .labelCont .label {
    float: left;
    margin: -3px 0;
}

.jvectormap-label {
    position: absolute;
    display: none;
}

/*.jvectormap-label .arrow {
	background: url("images/map/label_arrow_left.png") no-repeat scroll 0 0 transparent;
	height: 7px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: -5px;
	top: 5px;
	width: 5px;
}*/

.jvectormap-zoomin, .stage .jvectormap-zoomout {
    position: absolute;
    -moz-border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    width: 10px;
    height: 10px;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
}

.jvectormap-zoomin {
    left: 10px;
    top: 10px;
}

.jvectormap-zoomout {
    left: 10px;
    top: 30px;
}

.flag {
    background: url("images/map/flags.png") no-repeat;
}

.flag.at {
    width: 14px;
    height: 9px;
    background-position: -100px -20px;
}

.flag.bg {
    width: 14px;
    height: 9px;
    background-position: -100px -0px;
}

.flag.ch {
    width: 14px;
    height: 9px;
    background-position: -75px -80px;
}

.flag.cz {
    width: 14px;
    height: 9px;
    background-position: -50px -80px;
}

.flag.de {
    width: 14px;
    height: 9px;
    background-position: -25px -80px;
}

.flag.dk {
    width: 14px;
    height: 9px;
    background-position: -0px -80px;
}

.flag.es {
    width: 14px;
    height: 9px;
    background-position: -75px -60px;
}

.flag.hr {
    width: 14px;
    height: 9px;
    background-position: -50px -60px;
}

.flag.hu {
    width: 14px;
    height: 9px;
    background-position: -25px -60px;
}

.flag.it {
    width: 14px;
    height: 9px;
    background-position: -0px -60px;
}

.flag.lt {
    width: 14px;
    height: 9px;
    background-position: -75px -40px;
}

.flag.nl {
    width: 14px;
    height: 9px;
    background-position: -50px -40px;
}

.flag.pl {
    width: 14px;
    height: 9px;
    background-position: -25px -40px;
}

.flag.pt {
    width: 14px;
    height: 9px;
    background-position: -0px -40px;
}

.flag.ro {
    width: 14px;
    height: 9px;
    background-position: -75px -20px;
}

.flag.rs {
    width: 14px;
    height: 9px;
    background-position: -50px -20px;
}

.flag.se {
    width: 14px;
    height: 9px;
    background-position: -25px -20px;
}

.flag.si {
    width: 14px;
    height: 9px;
    background-position: -0px -20px;
}

.flag.sk {
    width: 14px;
    height: 9px;
    background-position: -75px -0px;
}

.flag.tr {
    width: 14px;
    height: 9px;
    background-position: -50px -0px;
}

.flag.uk {
    width: 14px;
    height: 9px;
    background-position: -25px -0px;
}

.flag.us {
    width: 14px;
    height: 9px;
    background-position: -0px -0px;
}

.flag.ba {
    width: 14px;
    height: 9px;
    background-position: -100px -40px;
}

.flag.ru {
    width: 14px;
    height: 9px;
    background-position: -100px -60px;
}
.flag.fr {
    width: 14px;
    height: 9px;
    background-position: -100px -80px;
}
.flag.be {
    width: 14px;
    height: 9px;
    background-position: 0 -97px;
}
.lastLine {font-size:30px; padding-top:30px;}
.czech .lastLine {padding-top:14px;}
.hungary .lastLine {padding-top:0;}
/* Map Contact-Fields */
.group_country span,
.group_country_static span {display:block}
.group_country span:first-child::after,
.group_country_static span:first-child::after { content:":" }
.group_country .contactWrapper div,
.group_country_static .contactWrapper div{margin-bottom: 10px}


/* pagination */
.pagination {
    list-style: none;
    margin: 0;
    text-align: right;
    height: 40px;
    padding: 5px;
}

.pagination li {
    display: inline-block;
    margin: 0;
}

.pagination li .active a {
    color: #f6a0a0;
}

.pagination li a {
    width: 28px;
    height: 28px;
    display: block;
    font-size: 14px;
    line-height: 28px;
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    background: #111111;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
}

.pagination li a span {
    width: 28px;
    height: 28px;
    line-height: 28px;
}

/* categories & search-results */
body.category article {margin-bottom:50px}
body.category .site-content .entry-header h2,
body.search-results .site-content .entry-header h2 {padding-bottom:10px;border-bottom: 1px solid rgb(111,111,111); text-align:left}

body.category .site-content h2 a {border-bottom: none}
body.category .site-content h2 a:hover,
body.category .site-content h2 a:focus,
body.search-results .site-content h2 a:hover,
body.search-results .site-content h2 a:focus {border-bottom: none; color:rgb(0,0,0)}
body.search-results .site-content article {margin-bottom:50px}

/* archive */
.categoryArchive .entry-header {margin:0}
body.category .site-content .linkPostThumb {float:left; margin: 0 20px 10px 0; border: 1px solid transparent;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.75);}
body.category .site-content .linkPostThumb:hover,
body.category .site-content .linkPostThumb:focus {-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75);}
.categoryArchive h2,
.categoryArchive h3{clear:none}
.categoryArchive .postThumb {display:block}


/* single post */
.singlePostArticle .postThumb {float:left; margin: 0 20px 10px 0; border: 1px solid transparent;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.75);}
.singlePostArticle h2,
.singlePostArticle h3 {clear:none}
.singlePostArticle h4 {margin: 24px 0 0;}
.singlePostArticle .singlePostLinkList li {margin: 0 0 0 15px; }

/* Fancybox
-------------------*/
#fancybox-wrap,
#fancybox-wrap * {box-sizing: content-box;}

/* 404 Page & Search Results
------------------------------------------*/
body.error404 #searchsubmit,
body.search-no-results #searchsubmit { background: rgb(0,142,84); border: none; color: rgb(255,255,255); }
body.error404 #searchsubmit:hover,
body.search-no-results #searchsubmit:hover {background: rgba(0,142,84,0.9);color:rgb(0,0,0)}
body.error404.vanharen-nederland #searchsubmit,
body.search-no-results.vanharen-nederland #searchsubmit {background: rgb(225, 100, 10);}
body.error404.vanharen-nederland #searchsubmit:hover,
body.search-no-results.vanharen-nederland #searchsubmit:hover {background: rgba(225, 100, 10,0.9);}
.solutionIndex {margin-top: 2em}

/* --------------
---- FOOTER ----
----------------*/
footer[role="contentinfo"] {border-top: 1px solid rgb(0,0,0)}
footer[role="contentinfo"],
footer[role="contentinfo"] a {text-transform: uppercase; color: rgb(0,0,0)}
.menu-footer-menu-container a,
.menu-footer-menu-eng-container a,
.menu-footer-menu-ch-it-container a,
.menu-footer-menu-ch-fr-container a{text-decoration: none; display:block; padding: 5px 0;}
footer[role="contentinfo"] a:hover,
footer[role="contentinfo"]  a:focus {color: rgb(106,106,106)}
.footer-menu {text-align:center;}
footer .site-info {padding-top: 15px; font-size:10px}

/* --------------
---- POPUP ----
----------------*/
/*.popup {width: 100%}
.popup.color1 {background:rgb(218,218,218)}
.popup-content {width: 75%}
.popup-image {width: 25%}*/

@media screen and (min-width: 330px) {
    .listGrowth {
        padding-right: 10px;
    }
}

@media screen and (min-width: 360px) {
    /* --------------
    ---- BANNER ----
    ----------------*/
    #banner-text-expansion { top: 15%; left:9%;  }

    /* */
    .textImg .imgWrapper,
    .textVideoimg .imgWrapper {float:left; width:35%; min-width:210px; padding:0 30px 5px 0; max-width: 290px}
    .textImg img,
    .textVideoimg img {width:100%; max-width:260px; min-width:180px; height:auto;display:block}
    section.textVideoimg h3 {padding:0}
    .site-content section.textVideoimg {margin-bottom:25px}

    body.page .entry-content > section.textImg > h2 {padding:0}
    body.page .entry-content section.textImg .contentWrapper + .imgWrapper,
    body.page .entry-content section.textImg .contentWrapper + div {padding-top: 2em}
}

@media screen and (min-width: 450px){
    /* --------------
    ---- BANNER ----
    ----------------*/
    #banner-text-expansion span {color: rgb(156,158,159);}
    #banner-text-expansion .normal { font-size: 14px; }
    #banner-text-expansion .bold { font-size: 20px }
    /* --------------
    ---- MAIN ----
    ----------------*/
    /* Gallery */
    #galleryStores ul { list-style: none;}
    #galleryStores li {margin:0; width:50%; float:left;}
    #galleryStores a {border-bottom: none; width:100%}
    #galleryStores li:nth-child(even) { padding: 0 0 20px 10px }
    #galleryStores li:nth-child(odd) { padding: 0 10px 20px 0 }

    /* Press Photos */
    ul.press-photo li {
        width: 48%;
        float: left;
    }

    /* Country Flag for complaints) Photos */
    ul.country-flag-photo li {
        width: 48%;
        float: left;
    }

    /* Style Files
    ---------------------------------------------*/
    ul.style-files li { width: 49%; float:left; padding:0 0 0 0 }
    /* first */
    ul.style-files li:nth-child(odd) {padding: 0 7px 15px 0}
    /* second */
    ul.style-files li:nth-child(even) {padding: 0 0 15px 7px}

}

@media screen and (min-width: 500px) {
    /* Map Contact-Fields */
    .group_country span,
    .group_country_static span { display: inline-block }
    .group_country span:first-child::after,
    .group_country_static span:first-child::after { content: " " }
    .group_country .contactWrapper div span:first-child,
    .group_country_static .contactWrapper div span:first-child { width: 25%; vertical-align: top }
    .group_country .contactWrapper div,
    .group_country_static .contactWrapper div { margin-bottom:0 }
}

@media screen and (min-width: 550px) {
    /* --------------
    ---- BANNER ----
    ----------------*/
    #banner-text-expansion { top: 20%; left:10%;  }
    #banner-text-expansion .normal { font-size: 16px; }
    #banner-text-expansion .bold { font-size: 26px }


    /* --------------
    ---- MAIN ----
    ----------------*/
    /* Teaser-Arrow Start-Page */
    .small-teaser.right-teaser .teaser-arrow {
        left: 100%;
        top: 0px;
    }

    .small-teaser.right-teaser.color2-teaser .teaser-arrow {
        border-color: rgb(127,202,176) transparent transparent transparent;
    }

    .small-teaser.right-teaser.color3-teaser .teaser-arrow {
        border-color: rgb(225,100,10) transparent transparent transparent;
    }

    .small-teaser.right-teaser.color4-teaser .teaser-arrow {
        border-color: rgb(63,200,198) transparent transparent transparent;
    }

    .small-teaser.right-teaser.color5-teaser .teaser-arrow {
        border-color: rgb(248,164,164) transparent transparent transparent;
    }

    .small-teaser.right-teaser.wheat-teaser .teaser-arrow {
        border-color: #cebdae transparent transparent transparent;
    }

    .small-teaser.right-teaser .teaser-arrow {
        border-width: 20px 20px 0 0;
    }

    /* teaser-content */
    .teaser-content-text hr {
        margin: 15px 0;
    }

    /* Press Overview + Press Contact*/
    body.page .site-content ul.press-overview li,
    body.page .site-content ul.press-contact li {width:45%;  margin: 10px 5% 40px 0}

    /* Press Download
    ---------------------------------------------*/
    body.page .site-content .pressDownloadArea li {width:48%; display:inline-block; margin-right: 15px}
    body.page .site-content .pressDownloadArea li:nth-child(even) {margin-right:0}
    .pressDownloadArea .wrapperImage img {max-width:100%; height:auto}

    /* Press Broschures
    ---------------------------------------------*/
    ul.press-brochures li { width:85%; }
    ul.press-brochures li .brochure-image {display:inline-block; float:left; width:38%; max-width:195px}
    ul.press-brochures li .brochure-info { margin: 0 0 0 50px;}
    ul.press-brochures li div h2 { margin: 10px 0 40px 0; }

}

@media screen and (min-width: 610px) {

    /* --------------
    ---- MAIN ----
    ----------------*/
    .entry-header .entry-title,
    .teaser-content .entry-title {
        font-size: 26px;
    }

    /* MAP */
    .group_country .img,
    .group_country_static .img {width: 16.6667%; float:left}
    .group_country .img img,
    .group_country_static .img img{max-width:100%; height:auto}
    .group_country .contactWrapper,
    .group_country_static .contactWrapper {margin-left:16.6667%; padding-left:15px}
    .group_country a.downloadBtn,
    .group_country_static a.downloadBtn {width:39%;}

    /* --------------
    ---- FOOTER ----
    ----------------*/
    .menu-footer-menu-container,
    .menu-footer-menu-eng-container,
    .menu-footer-menu-ch-it-container,
    .menu-footer-menu-ch-fr-container {float:left;}
    .footer-menu li {display: inline-block}
    .footer-menu li:after {content: "|"}
    .footer-menu li:last-child:after {content: ""}
    .footer-menu li a {padding: 0 10px; display:inline-block}
    .footer-menu li:first-child a {padding: 0 10px 0 0;}
    footer .site-info {float:right; padding-top: 0}
    .footer-menu li.current-menu-item a {font-weight:700}

    /* cycle-slider */
    .slideShowWrapper .cycle-prev-1,
    .slideShowWrapper .cycle-prev-2,
    .slideShowWrapper .cycle-next-1,
    .slideShowWrapper .cycle-next-2,
    .slideShowWrapper .cycle-image-prev-2,
    .slideShowWrapper .cycle-image-next-2,
    .slideShowWrapper .cycle-image-prev-1,
    .slideShowWrapper .cycle-image-next-1 {width: 8.3333%; }
}

@media screen and (min-width: 620px) {
    /* Wachstum */
    .listGrowth {
        padding-right: 30px;
    }

    .listGrowth dd {
        float: left;
        margin-bottom: 20px;
        margin-right: 15px;
        text-align: right;
        width: 60%;
        transition: width 0.5s ease-in-out 0s;
    }

    .listGrowth dt {
        height: 40px;
        color: #FFFFFF;
        float: left;
        font-size: 20px;
        text-align: left;
        text-transform: uppercase;
        line-height: 61px;
    }

}

/* #sm */
@media screen and (min-width: 700px) {

    /* --------------
        ---- BANNER ----
        ----------------*/
    #banner-text-expansion { top: 22%; left:13%;  }
    #banner-text-expansion .normal { font-size: 18px; }
    #banner-text-expansion .bold { font-size: 30px }

    /* --------------
     ---- MAIN ----
     ----------------*/
    /* Grid */
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.6667%;
    }
    .col-sm-10 {
        width: 83.3333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.6667%;
    }
    .col-sm-7 {
        width: 58.3333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.6667%;
    }
    .col-sm-4 {
        width: 33.3333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.6667%;
    }
    .col-sm-1 {
        width: 8.33333%;
    }

    .entry-content p {line-height: 1.5}

    .social-engagement-article .wrapperImage {padding-bottom:0}
    .social-engagement-article h3 {margin-bottom: 20px}
    .social-engagement-article .content.col-sm-8 {padding:0 0 0 15px}

    /* PDF-Download with Thumb
    -------------------------------- */
    .pdfDownloadWrapper-1 .pdfDownloadItem:nth-child(odd),
    .pdfDownloadWrapper-2 .pdfDownloadItem:nth-child(odd),
    .pdfDownloadWrapper-3 .pdfDownloadItem:nth-child(odd),
    .pdfDownloadWrapper-4 .pdfDownloadItem:nth-child(odd) {padding: 0 7px 0 0 }
    .pdfDownloadWrapper-1 .pdfDownloadItem:nth-child(even),
    .pdfDownloadWrapper-2 .pdfDownloadItem:nth-child(even),
    .pdfDownloadWrapper-3 .pdfDownloadItem:nth-child(even),
    .pdfDownloadWrapper-4 .pdfDownloadItem:nth-child(even) {padding: 0 0 0 7px }


    .textImg .imgWrapper,
    .textVideoimg .imgWrapper{float:left; width:55%; padding:0 30px 5px 0; max-width: 290px}
    .textImg img,
    .textVideoimg img {width:100%; max-width:260px; height:auto;display:block}

}

@media screen and (min-width: 720px) {
    /* Banner Wachstum  */
    .listGrowth dd {width:67%}

}

@media screen and (min-width: 760px){
    /* History Timeline */
    .stage .listInfo p {left:-4em;}
}
/* #md */
/* Minimum width of 840 pixels. */
@media screen and (min-width: 840px){
    /* Grid */
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.6667%;
    }
    .col-md-10 {
        width: 83.3333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.6667%;
    }
    .col-md-7 {
        width: 58.3333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.6667%;
    }
    .col-md-4 {
        width: 33.3333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.6667%;
    }
    .col-md-1 {
        width: 8.33333%;
    }

    /* --------------
     ---- HEADER ----
     ----------------*/
    header .hgroup{
        margin: 0 2% 0 0;
        width:auto;
        left:0;
    }

    /*.site-header h1*/
    .site-header .hgroup {margin-bottom: 0;}
    .site-header .logo {width:100%}
    #logo {width:103px; height:103px}

    /* -- additional Links Container -- */
    .addLinksWrapper {
        float: right;
        margin: 0 1% 0 0;
        width: auto;
        left:0;
    }
    .menu-social-media-container,
    .menu-social-media-menu-container,
    .menu-social-media-menu-eng-container,
    .menu-social-media-menu-ch-it-container,
    .menu-social-media-menu-ch-fr-container {
        display: block;
    }

    /* language-Switcher */
    .main-navigation {padding:0}
    .main-navigation .expandableListArrow {display: none}
    .main-navigation li {border:0;}
    .main-navigation .sub-menu {background: #efefef}
    .main-navigation li ul a,
    .main-navigation li ul li ul a{padding-left: 0}
    /* Burger-Toogle Start */
    .main-navigation ul.nav-menu {margin-top:0}
    .main-navigation ul.nav-menu,
    .main-navigation div.nav-menu > ul {
        display: inline-block !important;
        width: 100%;
    }
    .main-navigation .sub-menu a::after{
        content: ""; background-color: #7f7f7f; height: 1px; position:absolute; bottom: 0; left:50%; margin-left: -50%; width:0;
        transition: width 0.2s ease-in-out 0s;
    }
    .main-navigation .sub-menu a:hover::after{
        width:100%
    }

    .main-navigation ul {
        margin: 0;
        text-indent: 0;
    }

    .main-navigation li a,
    .main-navigation li {
        display: inline-block;
        text-decoration: none;
    }

    .main-navigation .sub-menu > li {display: block;}

    .main-navigation li a {
        border-bottom: 0;
        color: #6a6a6a;
        line-height: 1.5;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .main-navigation li a:hover,
    .main-navigation li a:focus {
        color: #000;
    }

    .main-navigation li {
        position: relative;
    }

    .main-navigation .nav-menu>li {
        margin: 0 40px 0 0;
    }

    .main-navigation li:last-child {
        margin: 0
    }

    .main-navigation li ul {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 100%;
        text-align: left;
        z-index: 999;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }
    .main-navigation li:last-child ul {right: -17%;}

    .main-navigation ul.sub-menu li:last-child ul {right:inherit;}

    .main-navigation li ul ul {
        top: 0;
        left: 100%;
    }

    .main-navigation ul li:hover > ul,
    .main-navigation ul li:focus > ul,
    .main-navigation .focus > ul {
        border-left: 0;
        clip: inherit;
        overflow: inherit;
        height: inherit;
        width: inherit;
    }

    .main-navigation li ul li a {
        background: #efefef;
        border-bottom: 1px solid #ededed;
        display: block;
        font-size: 13px;
        line-height: 2;
        padding: 8px 10px;
        min-width: 180px;
        white-space: normal;
    }

    .main-navigation li ul li a:hover,
    .main-navigation li ul li a:focus {
        /*background: #e3e3e3;*/
        color: #444;
    }

    .main-navigation li ul li ul li,
    .main-navigation li ul li ul li:last-child{
        padding-left:10px;
    }

    .main-navigation .current-menu-item > a,
    .main-navigation .current-menu-ancestor > a,
    .main-navigation .current_page_item > a,
    .main-navigation .current_page_ancestor > a {
        color: #636363;
        font-weight: bold;
    }

    .menu-toggle {
        display: none;
    }
    /* Burger-Toogle End */


    .main-navigation {
        float: right;
        width: auto;
        right:0;
    }

    .deichmann-france .main-navigation { position:relative; left:-60px; }

    .main-navigation li ul {
        text-align: left;
    }

    /* --------------
    ---- BANNER ----
    ----------------*/
    #banner-text-expansion { left:16%;  }
    #banner-text-expansion .normal { font-size: 18px; }
    #banner-text-expansion .bold { font-size: 40px }

    /* --------------
    ---- MAIN ----
    ----------------*/
    /* Start-Page Slider */
    .sliderControls.cycle-prev {left: 25%}

    /* Start-Page Teaser-Arrow */

    .large-teaser.right-teaser .teaser-arrow {
        left: 100%;
        top: 0px;
        border-width: 20px 20px 0 0;
    }

    .large-teaser.left-teaser .teaser-arrow {
        left: -19px;
        top: 0px;
        border-width: 0 20px 20px 0;
    }

    .right-teaser.color1-teaser .teaser-arrow {
        border-color: rgb(0,142,84) transparent transparent transparent;
    }
    .vanharen-nederland .right-teaser.color1-teaser .teaser-arrow {
        border-color: rgb(225, 100, 10) transparent transparent transparent;
    }


    .left-teaser.color1-teaser .teaser-arrow {
        border-color: transparent rgb(0,142,84) transparent transparent;
    }

    .right-teaser.color3-teaser .teaser-arrow {
        border-color: rgb(225,100,10) transparent transparent transparent;
    }

    .left-teaser.color3-teaser .teaser-arrow {
        border-color: transparent rgb(225,100,10) transparent transparent;
    }

    .right-teaser.color4-teaser .teaser-arrow {
        border-color: rgb(63,200,198) transparent transparent transparent;
    }

    .left-teaser.color4-teaser .teaser-arrow {
        border-color: transparent rgb(63,200,198) transparent transparent;
    }

    .right-teaser.color5-teaser .teaser-arrow {
        border-color: rgb(248,164,164) transparent transparent transparent;
    }

    .left-teaser.color5-teaser .teaser-arrow {
        border-color: transparent rgb(248,164,164) transparent transparent;
    }

    .right-teaser.wheat-teaser .teaser-arrow {
        border-color: #cebdae transparent transparent transparent;
    }

    .left-teaser.wheat-teaser .teaser-arrow {
        border-color: transparent #cebdae transparent transparent;
    }

    .right-teaser.aquamarine-teaser .teaser-arrow {
        border-color: #7fcab0 transparent transparent transparent;
    }

    .left-teaser.aquamarine-teaser .teaser-arrow {
        border-color: transparent #7fcab0 transparent transparent;
    }

    /* Unterseiten */
    #content-header.entry-title {margin-left:25%; padding-top:0}
    body.page .site-content,
    body.category .site-content,
    body.single .site-content {position:relative; width: 75%; float: left; left: 25%; padding: 0 15px; margin-top: 33px;}
    body.page .site-content .entry-content,
    body.category .site-content .entry-content,
    body.single .site-content .entry-content,
    .country_container,
    #faq {padding-left:0}
    body.page .site-content.col-md-9,
    body.category .site-content.col-md-9,
    body.single .site-content.col-md-9 {padding: 0 15px}

    /* breadcrumb */
    .breadcrumb-nav { display: block;}

    /* Sidebar-Navigation */
    .sidebar-navigation {display: block; right:75%;}
    .sidebar-navigation .sidebar-heading {text-transform: uppercase; font-style: italic; font-size: 18px; font-weight: normal;
        border-bottom: 1px solid rgb(111,111,111); padding: 0 0 15px;}
    .sidebar-navigation ul li {line-height:2em}
    .sidebar-navigation ul:first-child  {padding-top:25px}
    .sidebar-navigation a {color:rgb(111,111,111); text-decoration: none;}
    .sidebar-navigation a:hover,
    .sidebar-navigation a:focus {color:rgb(82,82,82);}
    .sidebar-navigation .current_page_item > a,
    .sidebar-navigation .current_page_item > a:hover,
    .sidebar-navigation .current_page_item > a:focus,
    .sidebar-navigation .current-menu-parent > a,
    .sidebar-navigation .current-menu-parent > a:hover,
    .sidebar-navigation .current-menu-parent > a:focus,
    .sidebar-navigation .current-menu-item > a,
    .sidebar-navigation .current-menu-item > a:hover,
    .sidebar-navigation .current-menu-item > a:focus {color: rgb(0,142,84); font-weight: 700}
    /* Nederland Corporate Identity Start */
    .vanharen-nederland .sidebar-navigation .current_page_item > a,
    .vanharen-nederland .sidebar-navigation .current_page_item > a:hover,
    .vanharen-nederland .sidebar-navigation .current_page_item > a:focus,
    .vanharen-nederland .sidebar-navigation .current-menu-parent > a,
    .vanharen-nederland .sidebar-navigation .current-menu-parent > a:hover,
    .vanharen-nederland .sidebar-navigation .current-menu-parent > a:focus,
    .vanharen-nederland .sidebar-navigation .current-menu-item > a,
    .vanharen-nederland .sidebar-navigation .current-menu-item > a:hover,
    .vanharen-nederland .sidebar-navigation .current-menu-item > a:focus {color: rgb(225, 100, 10);}
    /* Nederland Corporate Identity End */

    .sidebar-navigation ul ul li {padding: 0 0 0 15px;}

    .articleFashionStartPage .imgWrapper {text-align:initial; padding: 0 15px 0 0; max-width:315px }

    /* MAP */
    .country_container,
    .country_container_static {padding-left:0}

    /* Figure List */
    .figureList {padding-left: 0}


    /* Press
    ---------------------------------------------*/
    /* Download */
    ul.pressDownloadArea {padding:0; width:91.6667%}

    /* Broschures */
    ul.press-brochures { padding:15px 0 0 0; }
    ul.press-brochures li { width:75%; }

    /* Banner Wachstum */
    .growth {
        top:17%;
    }

    .site-content .social-engagement-article {padding:0 0 40px 0}
    #flag-nav {padding:0}




    /* Style Files
    ---------------------------------------------*/
    ul.style-files {padding:0}

}

@media screen and (min-width: 890px){
    /* History Timeline */
    .stage .listInfo p {left:0; font-size: 36px; top: 160px;}
}

@media screen and (min-width: 940px) {
    /* main-nav */
    .main-navigation {margin-top: -20px}
}


/* Minimum width of 970 pixels. */
@media screen and (min-width: 970px) {
    /* Grid */
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.6667%;
    }
    .col-lg-10 {
        width: 83.3333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.6667%;
    }
    .col-lg-7 {
        width: 58.3333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.6667%;
    }
    .col-lg-4 {
        width: 33.3333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.6667%;
    }
    .col-lg-1 {
        width: 8.33333%;
    }

    /* teaser content */
    .entry-header .entry-title,
    .teaser-content .entry-title {
        font-size: 28px;
    }

    .teaser-content-text hr {
        margin: 20px 0;
    }

    /* --------------
    ---- MAIN ----
    ----------------*/
    /* clients */
    .clients-content.col-lg-8,
    .employee-content.col-lg-8,
    .delivery-content.col-lg-8 {padding:0 0 0 15px;}
    .clients-image.col-lg-4,
    .employee-image.col-lg-4,
    .delivery-image.col-lg-4,
    .illuImg.col-lg-4 {padding:1% 15px 0 0;}
}



/* =Print
----------------------------------------------- */

@media print {
    body {
        background: none !important;
        color: #000;
        font-size: 10pt;
    }

    footer a[rel=bookmark]:link:after,
    footer a[rel=bookmark]:visited:after {
        content: " [" attr(href) "] "; /* Show URLs */
    }

    a {
        text-decoration: none;
    }

    .entry-content img,
    .comment-content img,
    .author-avatar img,
    img.wp-post-image {


    }

    .site {
        clear: both !important;
        display: block !important;
        float: none !important;
        max-width: 100%;
        position: relative !important;
    }

    .site-header {
        margin-bottom: 72px;

        text-align: left;
    }

    /*.site-header h1 {*/
    .site-header .hgroup {
        font-size: 21pt;
        line-height: 1;
        text-align: left;
    }

    .site-header h2 {
        color: #000;
        font-size: 10pt;
        text-align: left;
    }

    /*.site-header h1 a,*/
    .site-header .hgroup a,
    .site-header h2 a {
        color: #000;
    }

    .author-avatar,
    #colophon,
    #respond,
    .commentlist .comment-edit-link,
    .commentlist .reply,
    .entry-header .comments-link,
    .entry-meta .edit-link a,
    .page-link,
    .site-content nav,
    .widget-area,
    img.header-image,
    .main-navigation {
        display: none;
    }

    .wrapper {
        border-top: none;
    }

    .site-content {
        margin: 0;
        width: auto;
    }

    .entry-header .entry-title,
    .entry-title {
        font-size: 21pt;
    }

    footer.entry-meta,
    footer.entry-meta a {
        color: #444;
        font-size: 10pt;
    }

    .author-description {
        float: none;
        width: auto;
    }

    /* Comments */
    .commentlist > li.comment {
        background: none;
        position: relative;
        width: auto;
    }

    .commentlist .avatar {
        height: 39px;
        left: 2.2em;
        top: 2.2em;
        width: 39px;
    }

    .comments-area article header cite,
    .comments-area article header time {
        margin-left: 50px;
    }

    /*
    2016-01-07
    */
    .slideShowWrapper,
    #banner,
    #masthead {display:none}

    /* accordeon */
    #faq .content {display:block}
    ul.content li p{ display: block; }
}


img, a, input, button, textarea {
    -webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
    -moz-transition: all 0.5s ease-in-out; /* Firefox */
    -ms-transition: all 0.5s ease-in-out; /* IE 9 */
    -o-transition: all 0.5s ease-in-out; /* Opera */
    transition: all 0.5s ease-in-out;
}

/*
test */
.main {
    max-width: 950px;
    margin: auto;
}
.home-slideshow {
    margin-bottom: 150px;
}
.home-slideshow img{
    width: 100%;
}


/*accordion-style*/

h2.heading  {
    text-transform: uppercase;
    padding: 10px;
    margin: 0 0 15px;
    font-weight: normal;
}
.fa.fa-caret-up ,.fa.fa-caret-down {
    position: absolute;
    /*margin-top: 10px;*/
    right: 20px;
    font-size: 22px;
}
.topic.closed h2 .fa.fa-caret-up {
    display: none;
}
.topic.open h2 .fa.fa-caret-down {
    display: none;
}
.accordion-content {
    cursor: pointer;
    display: block;
}

h3.accordion-content  {
    line-height: 1.3;
}
h3.accordion-content  p{
    padding-top: 15px;
}
ul.content li h3{
    cursor: pointer;
    width: 100%;
    padding-right: 10%;
}
ul .content{
    padding-bottom: 25px;
}
ul.content li p{
    display: none;
    margin-top:15px;
}

ul .content li h3 i.fa.fa-caret-up ,ul .content li h3 i.fa.fa-caret-down {
    display:block;
    right : 20px;
    margin-top: 5px;
    color:rgb(111,111,111);
    font-size:19px;
}


/*end accordion style*/