@charset "UTF-8";
/*
** Ein Stylesheet für Picus Projects  **
** Ludger Müller, bureau-artbeit.de;
** unter Verwendung verschiedener Quellen **
*/
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
h1, h2, h3, h4, h5, h6, p, ol, ul, li, fieldset, form, label, legend, img, button, body, 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; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }

html { height: 100%; }

body { line-height: 1; height: 101%; font-family: SourceSansPro, Calibri, Helvetica, sans-serif; /*Verdana, Arial, Geneva, Helvetica, sans-serif;*/ }

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

/* Remove default borders */
form, fieldset, a img { border: 0; }

/* Remove default spacing */
form, fieldset, body, ul { margin: 0; padding: 0; }

.hideme { position: absolute; left: -9999em; top: -9999em; }

label, input[type=button], input[type=submit], button { cursor: pointer; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body.start { background-color: #fff; padding: 1%; }
body.start #wrapper { max-width: 100%; margin-left: auto; margin-right: auto; background-color: #7cbc2c; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 0 0 2% 0; }
body.start #wrapper:after { content: " "; display: block; clear: both; }
body.start header { *zoom: 1; max-width: 960px; margin-left: auto; margin-right: auto; padding: 0; margin-bottom: 3em; }
body.start header:before, body.start header:after { content: ""; display: table; clear: both; }
body.start header:after { content: " "; display: block; clear: both; }
body.start #logo { max-width: 100%; margin: 0; height: 100%; text-align: center; }
body.start #logo img { max-width: 100%; }
body.start #slogan { color: #FFffff; font-size: 2em; font-weight: 600; margin: 0 auto; max-width: 960px; margin-left: auto; margin-right: auto; text-align: center; }
body.start #slogan:after { content: " "; display: block; clear: both; }

body.folge { background-color: #7cbc2c; padding: 1%; }
body.folge #wrapper { max-width: 960px; margin-left: auto; margin-right: auto; background-color: #ffffff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 1% 0 0; min-height: 100%; }
body.folge #wrapper:after { content: " "; display: block; clear: both; }
body.folge header { margin: 1em 10%; padding: 0; margin-bottom: 3em; background: #7cbc2c; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; *zoom: 1; }
body.folge header:before, body.folge header:after { content: ""; display: table; clear: both; }
body.folge #logo { width: 75%; float: left; padding-left: 1.04167%; padding-right: 1.04167%; height: 100%; padding-left: 3%; }
body.folge #logo img { max-width: 100%; }

#rahmen { max-width: 960px; margin-left: auto; margin-right: auto; }
#rahmen:after { content: " "; display: block; clear: both; }

main { background-color: transparent; min-height: 500px; max-width: 960px; margin-left: auto; margin-right: auto; margin-left: 10%; margin-right: 10%; padding-bottom: 1em; *zoom: 1; }
main:after { content: " "; display: block; clear: both; }
main:before, main:after { content: ""; display: table; clear: both; }
main article { padding: 0 3%; }
main img { max-width: 100%; height: auto; margin: 0 0 1em 0; }
main img.inlineImg { margin: 0; }
main h1 { margin-bottom: 0.4em; font-size: 1.6em; font-weight: 600; }
main h2 { padding-bottom: 0.5em; margin-bottom: 0; font-size: 1.4em; }
main h3 { font-weight: normal; font-size: 1.2em; margin: 0 0 0.8em; }
main p + h2 { margin-top: 0.3em; }
main p.datum + h2 { margin-top: 0; }
main p.datum { margin: 2em 0 0 0; }
main p { line-height: 150%; font-size: 1em; }
main a:link, main a:visited { color: #000; text-decoration: underline; }
main a:hover, main a:active { color: #619322; text-decoration: none; }
main ul { list-style-type: disc; margin: 0 0 0 1em; padding: 0 0 0 1em; }
main li { line-height: 140%; font-size: 1em; }

/* Nur Startseite */
.start main .startBox { width: 100%; float: left; padding-left: 1.04167%; padding-right: 1.04167%; /* @include push(2.5); */ /*@include clearfix;*/ background-color: #ffffff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin-bottom: 3%; /* line-height: 0;*/ text-align: center; }
.start main .startBox.imgAbout { background: #ffffff url("../layoutbilder/picus_grau.jpg") center no-repeat; background-size: cover; }
.start main .startBox.imgTeam { background: #ffffff url("../layoutbilder/team_grau.jpg") center no-repeat; background-size: cover; }
.start main .startBox.imgServices { background: #ffffff url("../layoutbilder/leistung_grau.jpg") center no-repeat; background-size: cover; }
.start main .startBox.imgTrack { background: #ffffff url("../layoutbilder/track_grau.jpg") center no-repeat; background-size: cover; }
.start main .startBox.imgAbout:hover { background: #ffffff url("../layoutbilder/picus_farbig.jpg") center no-repeat; background-size: cover; }
.start main .startBox.imgTeam:hover { background: #ffffff url("../layoutbilder/team_farbig.jpg") center no-repeat; background-size: cover; }
.start main .startBox.imgServices:hover { background: #ffffff url("../layoutbilder/leistung_farbig.jpg") center no-repeat; background-size: cover; }
.start main .startBox.imgTrack:hover { background: #ffffff url("../layoutbilder/track_farbig.jpg") center no-repeat; background-size: cover; }
.start main .startBox h2 { margin: 0.3em 0 0.3em 0; padding: 0.2em 0; }
.start main .startBox a { text-decoration: none; font-weight: bold; }
.start main .startBox a:link, .start main .startBox a:visited { color: #2b2b2b; }
.start main .startBox a:hover, .start main .startBox a:active { color: #3e6419; }
.start main .newsBox { width: 100%; float: left; padding-left: 1.04167%; padding-right: 1.04167%; background-color: #ffffff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 5% 0 0 0; /*   line-height: 0;*/ *zoom: 1; }
.start main .newsBox:before, .start main .newsBox:after { content: ""; display: table; clear: both; }
.start main .newsBox .newsSection { width: 100%; float: left; margin-bottom: 3%; }
.start main .newsBox .newsBoxImage { /*max-width: 22%;
float: left;
margin: 0 2% 0 0;*/ width: 25%; float: left; padding-left: 1.04167%; padding-right: 1.04167%; }
.start main .newsBox .newsBoxImage img { max-width: 100%; max-height: 100%; margin: 0; }
.start main .newsBox .newsContent p { width: 75%; float: right; padding-left: 1.04167%; padding-right: 1.04167%; /* max-width: 75%;*/ }
.start main .newsBox h2 { margin-left: 0.83333%; cursor: pointer; text-decoration: underline; }
.start main .newsBox p { padding: 0 2em 0 0; }

.footerwrapper { max-width: 960px; margin-left: auto; margin-right: auto; margin-bottom: 1em; }
.footerwrapper:after { content: " "; display: block; clear: both; }
.footerwrapper footer { background-color: #7cbc2c; width: 80%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; margin: 1em 10%; padding: 1em; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size: 1em; *zoom: 1; }
.footerwrapper footer:before, .footerwrapper footer:after { content: ""; display: table; clear: both; }
.footerwrapper address { width: 62.5%; float: left; padding-left: 1.04167%; padding-right: 1.04167%; line-height: 1.5em; font-style: normal; }
.footerwrapper ul { float: left; width: 37.5%; float: left; padding-left: 1.04167%; padding-right: 1.04167%; }
.footerwrapper ul li { display: block; float: left; margin-right: 1em; }
.footerwrapper a:link, .footerwrapper a:visited { text-decoration: none; color: #619322; }
.footerwrapper a:hover, .footerwrapper a:active { color: #2b2b2b; }

.start footer { background-color: #fff; }
.start footer a:link, .start footer a:visited { color: #2b2b2b; }
.start footer a:hover, .start footer a:active { color: #7cbc2c; }

.folge footer a:link, .folge footer a:visited { color: #2b2b2b; }
.folge footer a:hover, .folge footer a:active { color: #ffffff; }

/* Common Classes */
.left { float: left; }

.right { float: right; }

.block { display: block; }

.inline-block { display: inline-block; *zoom: 1; *display: inline; }

.inline { display: inline; }

.hidden { border: 0; overflow: hidden; padding: 0; position: absolute; left: -9999em; }

.nolist { list-style: none; }

.nopadding { padding: 0; }

.nomargin { margin: 0; }

.none, .nodesktop { display: none; }

.outermargins { margin: 0 20px; }

.fett { font-weight: bold; }

.kursiv { font-style: italic; }

.bildlinks { float: left; margin-right: 1em; }

.bildrechts { float: right; margin-left: 1em; }

.white { color: #ffffff; }

.point { cursor: pointer; }

.switch { background-color: #578d23; color: #7cbc2c; width: 12.5%; padding: 0 0 0 0.7em; margin: 0.7em 0 0 0; }

.switch:hover, .switch.aktiv { background-color: #95d447; color: #ffffff; }

nav { width: 100%; float: left; padding-left: 1.04167%; padding-right: 1.04167%; background-color: transparent; padding: 1em 0 0 3%; margin-top: 0; *zoom: 1; }
nav:before, nav:after { content: ""; display: table; clear: both; }
nav h3 { padding-right: 2em; color: #3e6419; width: 80%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; float: none; line-height: 1rem; cursor: pointer; display: none; }
nav h3 img { width: 1rem; height: auto; vertical-align: text-bottom; }
nav ul.nav { list-style-type: none; }
nav li { float: left; margin-right: 5%; line-height: 2.4em; /* zweite Ebene*/ }
nav li a { font-size: 1em; font-weight: bold; text-decoration: none; /* border-bottom: 3px solid $akzentfarbe;*/ padding-bottom: 3px; }
nav li a:link, nav li a:visited { color: #3e6419; }
nav li a:hover, nav li a:active, nav li.aktiv a { color: white; /* border-bottom: 3px solid #ffffff;*/ }
nav li.aktiv a { color: white; /*  border-bottom: 3px solid #fff;*/ }
nav li ul { position: absolute; left: -999em; background-color: #95d447; width: auto; }
nav li:hover ul { left: auto; margin: 0; padding: 0; }
nav li:hover ul li { display: block; float: none; padding: 3px; border: none; }
nav li:hover ul a { display: block; }
nav li:hover ul a:link, nav li:hover ul a:visited { color: #ffffff; padding: 5px 3px 0; font-size: 1em; border: none; }
nav li:hover ul a:hover, nav li:hover ul a:active, nav li:hover ul a:focus { color: black; border: none; background-color: #3e6419; }
nav li:hover ul li.aktiv a { color: black; background-color: #3e6419; }

ul.langnav { width: 20%; float: right; padding-left: 0.83333%; padding-right: 0.83333%; list-style-type: none; margin: 10px 10px 0 0; }
ul.langnav li { text-align: right; }
ul.langnav a:link, ul.langnav a:visited { color: #3e6419; border: none; text-decoration: underline; font-size: 0.8em; }
ul.langnav a:hover, ul.langnav a:active, ul.langnav.aktiv a { color: white; border: none; text-decoration: none; }

/* in Medias */
@media only screen and (max-width: 56.375rem) { header { overflow: visible; height: auto; }
  header nav { position: relative; }
  header nav h3 { display: block; padding-left: 0.83333%; padding: 0 0 3%; cursor: pointer; }
  header nav h3::after { border-color: #3e6419 transparent transparent; border-style: solid solid none; border-width: 0.313em 0.313em thick; content: ""; display: inline-block; height: 0; position: relative; right: -0.313em; vertical-align: middle; width: 0; }
  header nav h3.active::after { border-color: transparent transparent #3e6419; border-style: none solid solid; border-width: thick 0.313em 0.313em; content: ""; display: inline-block; height: 0; position: relative; right: -0.313em; vertical-align: middle; width: 0; }
  header nav ul { width: 100%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; list-style-type: none; padding-left: 0.83333%; top: 100%; display: none; position: absolute; width: auto; }
  header nav ul li { background-color: #7cbc2c; display: block; float: none; padding: 0 5%; margin-right: 0; } }
@media only screen and (max-width: 30.1875rem) { body.folge header { margin: 1em 2.5%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; *zoom: 1; }
  body.folge header:before, body.folge header:after { content: ""; display: table; clear: both; }
  body.folge img.bildlinks, body.folge img.bildrechts { float: none; margin: 0; }
  .footerwrapper footer { width: 95%; margin: 1em 2.5%; }
  .footerwrapper address { width: 100%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; clear: both; }
  .footerwrapper ul { float: none; width: 100%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; } }
/*# sourceMappingURL = styles.css.map */

/*# sourceMappingURL=styles.css.map */