/* Copyright (C) 2017 manna.art mediendesign. All rights reserved. */

@media all {
	
@font-face { font-family: Lato; src: url('/web/20180727231604im_/https://www.mannaart.de/templates/mannaart/fonts/Lato-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; }
@font-face { font-family: Lato; src: url('/web/20180727231604im_/https://www.mannaart.de/templates/mannaart/fonts/Lato-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; }
@font-face { font-family: Lato; src: url('/web/20180727231604im_/https://www.mannaart.de/templates/mannaart/fonts/Lato-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: Lato; src: url('/web/20180727231604im_/https://www.mannaart.de/templates/mannaart/fonts/Lato-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; }
@font-face { font-family: Lato; src: url('/web/20180727231604im_/https://www.mannaart.de/templates/mannaart/fonts/Lato-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: Lato; src: url('/web/20180727231604im_/https://www.mannaart.de/templates/mannaart/fonts/Lato-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; }

* { margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; }
body { z-index: 1; position: relative; font-family: Lato, Verdana, Tahoma, Arial, sans-serif; font-size: 100.01%; font-weight: normal; color: #5d4236; background: #fff url(/web/20180727231604im_/https://www.mannaart.de/templates/mannaart/images/bg.jpg) top center no-repeat; }
a { color: #eb5b0c; text-decoration: none; border-bottom: 1px dotted #eb5b0c; }
a:hover { text-decoration: none; border-bottom: 1px solid #5d4236; }
a img { border: 0; }
img { height: auto; border: 0; }
#header { padding: 20px; }
#header a.logo { display: block; width: 100%; background: transparent url(/web/20180727231604im_/https://www.mannaart.de/templates/mannaart/images/logo_mannaart.png) no-repeat top right; background-size: contain; border: none; }
#sidebox { position: relative; display: none; }
#footer { border-top: 5px solid #eb5b0c; }
#footer .container { padding: 20px; text-align: center; }
.navbar-default { background-color: transparent; border: none; }
h1, h2 { color: #eb5b0c; }
ul.nav { margin: 0; }
ul.nav > li > a { font-size: 1.3em; }
.off { display: none !important; }
.dot { width: 16px; height: 16px; border-radius: 10px; background-color: #eb5b0c; }
.breadcrumb { display: none; }
}

@media (max-width: 290px) {
.navbar-default .navbar-toggle { margin: 20px 0 0 20px; }
h1 { margin: 0 0 20px 0; font-size: 2.3em; }
h2 { font-size: 1.9em; }
h3 { font-size: 1.5em; font-weight: bold; }
p { font-size: 1.5em; line-height: 1.4em; }
ul, ol { margin: 20px; font-size: 1.5em; }
}

@media (min-width: 600px) {
body { background-size: 199% 227px; }
#header { padding-bottom: 0; }
#header a.logo { height: 130px; margin-top: 10px; background-position: 300px; }
#main .content { padding: 10px; }
}

@media (max-width: 749px) {
body { background-size: 199% 207px; }
#header a.logo { height: 100px; }
.navbar-toggle { float: left; margin: 20px; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #eb5b0c; }
.navbar-default .navbar-toggle { background: #fff; border-color: #eb5b0c; }
.navbar-default .navbar-brand { float: right; margin: 10px 0px; font-size: 2em; color: #5d4236 !important; border: none; }
.navbar-default .navbar-brand:hover { color: #fff !important; background-color: #eb5b0c; border: none; }
#footer { font-size: 1em; }
#footer .trennstrich { display: none; }
#footer .umbruch { display: none; }
#footer .firma { display: block; }
#footer .slogan { display: block; }
#footer .strnr { display: block; }
#footer .plzort { display: block; }
#footer .fon { display: block; }
}
@media (min-width: 600px) and (max-width: 749px) {
.navbar-default .navbar-brand { margin: 10px 20px 0px 0px; }
.navbar-toggle { margin: 20px 20px 20px 30px; }
}
@media (max-width: 420px) {
#footer { font-size: 0.9em; }
#footer .trennstrich { display: none; }
#footer .umbruch { display: block; }
#footer .firma { display: block; }
#footer .slogan { display: block; }
#footer .strnr { display: block; }
#footer .plzort { display: block; }
#footer .fon { display: block; }
}

@media (min-width: 291px) and (max-width: 749px) {
h1 { font-size: 2.7em; }
h2 { font-size: 2.2em; }
h3 { font-size: 1.5em; font-weight: bold; }
p { font-size: 1.6em; line-height: 1.4em; }
ul, ol { margin: 20px; font-size: 1.6em; }
}

@media (min-width: 750px) {
body { background-size: 130% 230px; }
#header a.logo { height: 130px; background-position: 405px; }
#navi ul.nav { margin-left: -15px; }
ul.nav > li { display: inline-block; }
ul.nav > li > a { padding: 9px 13px; color: #5d4236; border: 1px solid transparent; }
ul.nav > li > a:hover, ul.nav > li.active > a { color: #fff; background-color: #eb5b0c; border-radius: 7px; }
.item-101 a { background-color: transparent !important; }
.navbar-brand { display: none; }
.navbar-default { margin-top: 20px; }
h1 { font-size: 2.7em; }
h2 { font-size: 2.2em; }
h3 { font-size: 1.5em; font-weight: bold; }
p { font-size: 1.6em; line-height: 1.4em; }
ul, ol { margin: 20px; font-size: 1.6em; }
#footer .trennstrich.eins, #footer .trennstrich.drei { display: none; }
#footer .umbruch { display: none; }
#footer .firma { display: block; }
#footer .slogan { display: block; }
#footer .strnr { display: inline; }
#footer .plzort { display: inline; }
#footer .fon { display: block; }
}

@media (min-width: 970px) {
body { background-size: 130% 244px; }
#header a.logo { height: 144px; background-position: 480px; }
#navi ul.nav { margin-left: -23px; }
ul.nav > li > a { padding: 9px 20px; }
#main .content { float: left; width: 62%; }
#sidebox { display: block; float: right; width: 26%; margin-top: 14px; }
#sidebox h2 { margin-bottom: 25px; }
#sidebox .dot { z-index: 10; position: absolute; top: 41px; left: -19px; } 
#footer .trennstrich.eins { display: inline; }
#footer .umbruch.eins { display: none; }
#footer .umbruch.zwei { display: inline; }
#footer .trennstrich.drei { display: none; }
#footer .umbruch { display: none; }
#footer .firma { display: inline; }
#footer .slogan { display: inline; }
#footer .strnr { display: inline; }
#footer .plzort { display: inline; }
#footer .fon { display: block; }
}

@media (min-width: 1100px) {
body { background-size: 100% 244px; }
#header a.logo { background-position: 628px; }
#navi ul.nav { margin-left: -24px; }
}
/*
     FILE ARCHIVED ON 23:16:04 Jul 27, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:02:04 May 11, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 3526.521
  exclusion.robots: 0.128
  exclusion.robots.policy: 0.117
  cdx.remote: 0.081
  esindex: 0.011
  LoadShardBlock: 674.126 (3)
  PetaboxLoader3.datanode: 886.991 (4)
  CDXLines.iter: 14.806 (3)
  load_resource: 1924.25
  PetaboxLoader3.resolve: 1639.723
*/