@font-face {font-family: 'EB Garamond';font-style: normal;font-weight: 400;src: local('EB Garamond'), local('EBGaramond'), url(/fonts/Garamond.woff2) format('woff2'), url(/fonts/Garamond.woff) format('woff');}
#maincontainer .sectiontext,#maincontainer .sectionimage p,#maincontainer .sectiongalerie .carousel-caption, #menu {font-family: Garamond, EB Garamond, Georgia, serif;font-size: 19px;}

html {height: 100%;}
body {height: 100%;background: #f2f5f6;
background: -moz-radial-gradient(center, ellipse cover,  #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc));
background: -webkit-radial-gradient(center, ellipse cover,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
background: -o-radial-gradient(center, ellipse cover,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
background: -ms-radial-gradient(center, ellipse cover,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
background: radial-gradient(ellipse at center,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=1 );
background-attachment: fixed;
}

#maincontainer {padding: 0;}
#navigation, #content {padding: 20px;}
@media (min-width: 768px) {
    #navigation {position: fixed;top: 0;left: 0;bottom: 0;overflow: auto;width: 370px;background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 96%, rgba(255,255,255,0.75) 97%, rgba(255,255,255,0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(96%,rgba(255,255,255,1)), color-stop(97%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0)));background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 96%,rgba(255,255,255,0.75) 97%,rgba(255,255,255,0) 100%);background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 96%,rgba(255,255,255,0.75) 97%,rgba(255,255,255,0) 100%);background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 96%,rgba(255,255,255,0.75) 97%,rgba(255,255,255,0) 100%);background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 96%,rgba(255,255,255,0.75) 97%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );}
    #content {position: fixed;top: 0;left: 370px;bottom: 0;right: 0;overflow: auto;}
}
#maincontainer section {max-width: 700px;margin: auto;}
h1 {display: none;}
.sectiontext {color: black;margin-bottom: 50px;}
.sectiontext img {margin: 10px;}
.sectionimage {margin-bottom: 50px;position: relative;}
.sectionimage p {position: absolute;left: 5px;right: 5px;bottom: 5px;margin: 0;padding: 10px;text-align: center;color: white;text-shadow: 0 0 3px #000000;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-ms-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease;-moz-transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
.sectionimage:hover p {-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.sectiongalerie {margin-bottom: 50px;}
.sectiongalerie .carousel {height: 700px;}
.sectiongalerie .carousel .carousel-caption {-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-ms-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease;-moz-transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);padding-bottom: 10px;}
.sectiongalerie .carousel:hover .carousel-caption {-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.sectiongalerie .carousel-control.left, .sectiongalerie .carousel-control.right {background: none;}
.sectiongalerie .carousel img {transition: all 0s;}
.section3d {margin-bottom: 50px;}
.section3d img {background-color: #fff;border: 1px solid #ddd;border-radius: 4px;padding: 4px;}

#menu, #menu ul, #menu li, #menu a {margin: 0; padding: 0;}
#menu ul {list-style: none;}
#menu a {border-radius: 3px;-webkit-border-radius: 3px;transition: all 0.5s ease;}
#menu a:hover {box-shadow: inset 0px 0px 7px 0px rgba(255,255,255,0.1);}
#menu li.current a {font-weight: bold;}
#menu li a {display: list-item;padding: 10px;color: black;text-decoration: none;}
#menu li a[href="#"]:before {content: '\bb\a0\a0\a0';}
#menu ul ul {margin-left: 27px;}

div.overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1000;background: rgba(0,0,0,0.5);display: none;}
div.overlay div.overlay-box {margin: 100px auto;max-width: 270px;}
#overlayhdimg {background: black;background-image: url(/loader.gif);background-position: center center;background-repeat: no-repeat;display: none;text-align: center;}
#hdimg {padding: 10px;max-height: 100%;max-width: 100%;border-radius: 27px;-webkit-border-radius: 27px;}

img.navigationvirtuelle {margin: 10px;transition: all 0.4s ease-in-out;transform: scale(0.9);}
a:hover img.navigationvirtuelle, a:focus img.navigationvirtuelle {transform: scale(1);}

#modal-nav .modal-content {padding: 0px 20px;}

blockquote {background-color:white;}