body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}

/* Reset */
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav {
    margin:0;
    padding:0;
    border:0;
    font: inherit;
}

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

/* Reset */
ol,
ul {
    list-style-type:none;
}

/* Reset */
table {
    border-collapse:collapse;
    border-spacing:0;
}

/* Google Fonts: Inika */
@font-face {
    /* inika-regular - latin */
    font-family: 'Inika';
    font-style: normal;
    font-weight: 400;
    src: local('Inika'),
           url('../../files/fonts/inika-v5-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
           url('../../files/fonts/inika-v5-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Google Fonts: Karla */
@font-face {
    /* karla-regular - latin */
      font-family: 'Karla';
      font-style: normal;
      font-weight: 400;
      src: local('Karla'), local('Karla-Regular'),
           url('../../files/fonts/karla-v6-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
           url('../../files/fonts/karla-v6-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Google Fonts: Karla italic */
@font-face {
    /* karla-italic - latin */
      font-family: 'Karla';
      font-style: italic;
      font-weight: 400;
      src: local('Karla Italic'), local('Karla-Italic'),
           url(../'../fonts/karla-v6-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
           url('../../files/fonts/karla-v6-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
body {
    font:100% Karla,Verdana,sans-serif;
}
#wrapper {
    margin:0 auto;
}
#header {
    background-color:#c9e263;
}
#header .inside {
    max-width:78em;
    margin:0 auto;
    padding-right:1em;
    padding-left:1em;
}
#container {
    max-width:60em;
    margin:0 auto;
    padding-left:20em;
}
#container .inside {
    margin:2em 1em 6em;
}
#left .inside {
    padding-top:2em;
    padding-right:1.5em;
}
strong {
  font-weight: normal;
  color: #679340;
}

/* Buchnavigation */
#main .mod_booknav {
    clear:both;
    font-size:14px;
    font-size: .875rem;
}

#main .mod_booknav ul li {
  display: inline;
  }

#main .mod_booknav a {
    text-decoration:none;
    color:#000;
}

#main .mod_booknav a:hover,
#main .mod_booknav a:focus {
    background-color:#e9f748;
}

#main .mod_booknav li.previous {
    margin-right:30px;
}

#main .mod_booknav li.previous.empty {
    margin-right:0;
}

#main .mod_booknav li.next::after {
    padding-left:5px;
    content:"\3e";
}

#main .mod_booknav li.previous::before {
    padding-right:5px;
    content:"\3c";
}

#main .mod_booknav li.previous.empty,
#main .mod_booknav li.next.empty,
#main .mod_booknav li.up.empty {
    display: none;
    content:none;
}

/** INHALT **/
#header .logo {
    float:left;
    padding-top:1em;
}
#header .logo span.lite {
    color:#fff;
}
h1,
h2,
h3 {
    font-family:'Inika',serif;
    color:#679340;
}
.home .ce_text h1 {
    font-size:48px;
    line-height:1.25;
    letter-spacing:0px;
    font-size: 3rem;
}
h1 {
    margin-top:.7em;
    margin-bottom:1em;
    font-size:28px;
    line-height:1.2;
    font-size: 1.75rem;
}
h3 {
    margin-top:2em;
    font:14px Karla,Verdana,sans-serif;
    font-weight:bold;
    font-size: 0.875rem;
}
#main p,
#left p {
    margin-top:.875rem;
    margin-bottom:.875rem;
    font-size:14px;
    line-height:1.4;
    font-size: 0.875rem;
}

/* Trennung in der linken Spalte erlauben */
#left p {
    -ms-hyphens: manual;
    -webkit-hyphens: manual;
    hyphens: manual; }
}
#main .intro p {
    font-size:18px;
    font-size: 1.125rem;
}
#main .inside .ce_text {
    padding-bottom:2em;
}
#main .inside .ce_text ul {
    list-style-type:disc;
}
#main .inside .ce_text ul li {
    font-size:.875rem;
}

/* Links */
#main .ce_text a,
#main .description a,
aside a {
    text-decoration:none;
    color:#679340;
}
#main .ce_text a:hover,
#main .ce_text a:focus,
#main .description a:hover,
#main .description a:focus,
aside .ce_text a:hover,
aside .ce_text a:focus {
    background-color:#e9f748;
}

/** Galerie **/

#main .ce_gallery ul {
  margin-left: -2em;
  margin-right: -2em;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-end;
}

#main .ce_gallery ul li {
  margin-bottom: 3em;
	width: calc(100% / 4);
}

#main .ce_gallery.zweier ul li { /* Galerie für Buchlayouts&Webdesign */
  margin-bottom: 2em;
	width: calc(100% / 2);
}

#main .ce_image figure.image_container { /* Coverbild Buchlayoutseiten */
  width: 30%;
  margin-left: -0.5em;
}

#main .ce_gallery ul li figure {
	margin-left: 2em;
  margin-right: 2em;
}

#main figure figcaption.caption {
  padding-top: .7em;
  font-size: 0.825rem;
  line-height: 1.4;
}

/* Seite Cover Bildrahmen */
#main .ce_gallery ul li figure img {
    padding:1px;
    border:1px solid #ccc;
}

/* Buchlayout+Webdesign keine Bildrahmen */
#main .ce_gallery.zweier ul li figure img {
    padding: 0;
    border: none;
}

/* AC Beschreibung formatieren */
.mod_ac_project_reader .description {
    max-width:45%;
    clear:both;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}

/* AC Beschreibung: Block "Leistungen" auf den Detailseiten formatieren */
#main .description .leistungen {
    padding-top:.5em;
    padding-bottom:.5em;
    border-top:2px dotted #c9e263;
    border-bottom:2px dotted #c9e263;
}

/* AC Beschreibung: Block "Leistungen" auf den Detailseiten formatieren */
#main .description .leistungen .wichtig {
    color:#679340;
}

/**–––––––––––––––**/
/** MEDIA-QUERIES **/
/**–––––––––––––––**/

/** Navi - Large Screen **/

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

/* Menübutton für responsive Navigation ausblenden */
div.menubutton {
    display:none;
}

/* Projektnavigation */
#left #subnavi.mod_navigation {
    max-width:15em;
    padding-top:4.5em;
}

/* Projektnavigation */
#left #subnavi.mod_navigation ul {
    width:auto;
    margin:0;
    padding:0;
    font-size:14px;
    font-size: 0.875rem;
}

#left #subnavi.mod_navigation li {
    margin:0 0 .8em;
    line-height:1.3;
}

#left #subnavi.mod_navigation a,
#left #subnavi.mod_navigation strong {
    text-decoration:none;
    color:#000;
}

#left #subnavi.mod_navigation .active,
#left #subnavi.mod_navigation .trail {
    color:#679340;
}

/* Projektnavigation */
#left #subnavi.mod_navigation a:hover,
#left #subnavi.mod_navigation a:focus {
    background-color:#e9f748;
}

/* Hauptnavigation */
#header .mod_navigation {
    float:right;
    margin-top:1.4em;
}

/* Hauptnavigation */
#header .mod_navigation ul {
    width:auto;
    float:left;
    margin:0;
    padding:0;
    list-style-type:none;
}

/* Hauptnavigation */
#header .mod_navigation li {
    width:auto;
    float:left;
    margin:0;
    font-size:14px;
    line-height:1.6;
    font-size: 0.875rem;
}

/* Hauptnavigation */
#header .mod_navigation a,
#header .mod_navigation strong {
    display:block;
    margin-left:20px;
    line-height:44px;
    text-decoration:none;
    color:#000;
}

/* Hauptnavigation */
#header .mod_navigation .active,
#header .mod_navigation .trail {
    color:#679340;
}

/* Hauptnavigation */
#header .mod_navigation a:hover,
#header .mod_navigation a:focus {
    color:#679340;
}
}

@media screen and (max-width:1100px) {

/* AC Formatierung Beschreibungstext */
.mod_ac_project_reader .description {
    height:auto;
    max-width:100%;
}

/** Galerie **/

#main .ce_gallery ul li {
  margin-bottom: 3em;
	width: calc(100% / 3);
}

#main .ce_gallery ul {
	margin-left: -1em;
  margin-right: -1em;
}

#main .ce_gallery ul li figure {
	margin-left: 1em;
  margin-right: 1em;
}

/* Hauptnavigation */
#header .mod_navigation li {
    font-size:13px;
    font-size: 0.8125rem;
}

/* Hauptnavigation */
#header .mod_navigation a,
#header .mod_navigation strong {
    margin-left:12px;
}

/* Hauptnavigation */
#header .mod_navigation {
    margin-bottom:.7em;
}

/* Projektnavigation */
#left .mod_ac_project_navigation ul {
    font-size:13px;
    font-size: 0.8125rem;
}
}

@media screen and (min-width: 768px) and (max-width: 950px) {

/* Header höher für Naviagtion unten */
#header {
    height:7em;
}

/* Hauptnavigation */
#header .mod_navigation {
    width:100%;
    float:left;
    margin-top:1em;
    margin-right:1em;
    border-top:1px solid #fff;
}

/* Hauptnavigation */
#header .mod_navigation a,
#header .mod_navigation strong {
    display:block;
    margin-right:20px;
    margin-left:0;
}
}

@media screen and (max-width: 767px) {
#container {
    max-width:100%;
    padding-left:0;
}
#header .inside .logo {
    float:none;
    display:block;
}

/* Navigation ausblenden */
#header nav.mod_navigation {
    max-height:0;
}

/* Navigation einblenden */
#menu:target nav.mod_navigation {
    max-height:47rem;
}

/* Button austauschen */
#menu:target a.hidenav {
    display:block;
}

/* Positionierung Menübutton */
div.menubutton {
    right:1em;
    top:1.5em;
    position:absolute;
    display:block;
    z-index:10;
}
div.menubutton img {
    width:26px;
    height:26px;
}

/* Button austauschen */
#menu:target a.shownav {
    display:none;
}

/* Hamburger-Menü ausblenden */
div.menubutton a.hidenav {
    display:none;
}

/* Navigationsbereich gestalten */
#header .mod_navigation {
    position:relative;
    margin-right:-1em;
    margin-left:-1em;
    padding:.6em 0 0;
    background-color:#c9e263;
    transition: 1s;
    z-index: 1000;
}

/* Navigationsbereich gestalten */
#header .mod_navigation li {
    margin:0;
    padding:0;
    border-top:1px solid #fff;
    list-style-type:none;
}

/* Navigationsbereich gestalten */
#header .mod_navigation li:last-of-type {
    padding-bottom:5px;
    border-bottom:0;
}

/* Links im Navigationsbereich gestalten */
#header .mod_navigation li a,
#header .mod_navigation li strong {
    display:block;
    margin-right:0;
    margin-left:0;
    padding:.5em 1em;
    font-size:16px;
    line-height:2;
    text-decoration:none;
    color:#000;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size: 1rem;
}
#header .mod_navigation a:hover,
#header .mod_navigation a:focus {
    color:#679340;
}

/* aktiver Menüpunkt hervorgehoben */
#header .mod_navigation li.active strong {
    background-color:rgba(c9e263,1);
    text-decoration:none;
    color:#fff;
}

/* Projektnavigation ausblenden für kleine Bildschirme */
.mod_ac_project_navigation {
    display:none;
}
.mod_ac_project_reader .images {
    margin-bottom:1em;
}
}

@media screen and (min-width: 601px) and (max-width: 900px) {

/* AC Bildanordnung - Seite Cover */
.umschlaggestaltung .mod_ac_project_reader .images {
    margin-right:-6.7%;
}

/* AC Bildanordnung - Seite Cover */
.umschlaggestaltung .mod_ac_project_reader .images .image {
    width:44%;
    height:auto;
    margin-right:4%;
    margin-bottom:2%;
}
}

@media screen and (max-width: 600px) {

/* AC Bildanordnung - Seite Layout: erstes Bild anders formatieren */
.buchlayout .mod_ac_project_reader .images .image:first-child {
    width:58%;
    margin-right:41%;
    padding-top:1%;
    padding-bottom:2%;
    padding-left:2%;
    vertical-align:top;
}

/* AC Bildanordnung - Seite Cover */
.umschlaggestaltung .mod_ac_project_reader .images {
    margin-right:-8.5%;
}

/* AC Bildanordnung - Seite Cover */
.umschlaggestaltung .mod_ac_project_reader .images .image {
    width:43%;
    height:auto;
    margin-right:5%;
    margin-bottom:2%;
}

#main .ce_gallery.zweier ul li { /* Galerie für Buchlayouts&Webdesign */
  margin-bottom: 2em;
	width: calc(100% / 1);
}

#main .ce_image figure.image_container { /* Coverbild Buchlayoutseiten */
  width: 55%;
}

/* AC Beschreibung formatieren */
.mod_ac_project_reader .description {
    max-width:100%;
}
}

@media screen and (max-width: 500px) {

/* Header höher für umbrochenes Logo */
#header {
    height:6em;
}
#header .logo {
    max-width:75%;
}
#container .inside {
    margin:1em 1em 0;
}

/* Positionierung Menübutton */
div.menubutton {
    right:1em;
    top:1.3em;
    position:absolute;
    display:block;
    z-index:10;
}
div.menubutton img {
    width:25px;
    height:25px;
}
.home .ce_text h1 {
    font-size:38px;
    line-height:1.25;
    letter-spacing:0px;
    font-size: 2.375rem;
}

/** Galerie **/

#main .ce_gallery ul li {
  margin-bottom: 3em;
	width: calc(100% / 1);
}

#main .ce_gallery ul {
	margin-left: -1em;
  margin-right: -1em;
}

#main .ce_gallery ul li figure {
	margin-left: 1em;
  margin-right: 1em;
}
}

@media screen and (max-width: 380px) {
.home .ce_text h1 {
    font-size:42px;
    line-height:1.25;
    letter-spacing:0px;
    font-size: 2.625rem;
}
h1 {
    font-size:24px;
    font-size: 1.5rem;
}
}