/* basierend auf http://html5bones.com
Lizenz: MIT,  Gregor Horvath 2016*/

/* Anti Spam */
span.reverse {
  unicode-bidi: bidi-override;
  direction: rtl;
}

/* Default link styling */
    a:link { color:#000; }
    a:visited { color:#555; }
    a:hover, a:focus { color:#000; }
    a:active { color:#fb0e02; }
    figcaption {
        background-color: #ddd;
        font-size: 0.8rem;
        text-align: center;
    }
    dl.inline dd {
        display: inline;
        margin: 0;
    }
    dl.inline dd:after{
        display: block;
        content: '';
    }
    dl.inline dt{
        display: inline-block;
        min-width: 100px;
        margin-top: 0.5em;
    }

    h1 {line-height: 1em;}
    h2,h3,h4,h5,h6 {margin-top:2.5em; margin-bottom: 0.5em;}
    .firsth {margin-top: 1em}
    body {
        margin: 0 auto;
        max-width: 60rem;
        background-color:  #f8ffe6;
        line-height: 1.4em;
    }

    body > header {text-align: center; margin-top: 0.5em;}
    body > header > h1 {font-variant: small-caps; }
    body > header > h1 > small {font-size: 0.7em;}
    body > header > div > h2 {margin-top: 1em; margin-bottom: 1em;}

    #header2 {max-width:45em; margin-left: auto; margin-right: auto}
    .logo {vertical-align: middle; margin: 0 1em 0 1em;}
    @media only screen and (min-width: 768px) {
        #industrie {float: left;}
        #sw {float: right;}
    }

    body > nav {
        border-top: solid grey thin;
        border-bottom: dotted grey thin;
        text-align: center;
    }

    body > nav > ul > li {
        padding: 0.5em 0.5em 0.5em 0em;
        display: inline-block;
        list-style-type: none;
    }
    body > nav > ul {
        margin-top: 0em;
	margin-bottom: 0.5em;
	padding-left: 0.5em;
        display: inline-block;
    }


    body > footer {border-top: solid grey thin; margin-top: 2em;}
    .innercontent {padding: 1rem 2rem 1rem 2rem;}
    .portrait {float: right; margin: 0 0 1em 1em;}
    .minilogo {float:left; margin: 0 1em 1em 0}
    .footerelement {display:inline-block; margin-top: 0.5em; margin-bottom: 0.5em; vertical-align: middle; margin-left: 1em}

    #date {margin-left: 1rem}

    .floatleft {float:left;}
    .floatright {float:right;}
    .clear {clear:both;}

/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/
@media print {
    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
        background:transparent !important;
    }
    html { background-color:#fff; }
    /* Hide navigation */
    nav { display:none; }

    /* Show link destinations in brackets after the link text */
    a[href]:after { content: " (" attr(href) ") "; }
    a[href] {
        font-weight:bold;
        text-decoration:underline;
        color:#06c;
        border:none;
    }
    /* Don't show link destinations for JavaScript or internal links */
    a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }

    /* Show abbr title value in brackets after the text */
    abbr[title]:after { content: " (" attr(title) ")"; }

    figure {
        margin-bottom:1em;
        overflow:hidden;
    }

    figure img { border:1px solid #000; }
}