/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,footer,header,main,nav,section,figure {display:block;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* fonts */


@font-face {
    font-family:'roboto_slabbold';
    src: url("../../files/fonts/RobotoSlab-Bold-webfont.woff") format('woff');
    font-weight:normal;
    font-style:normal;
}



@font-face{
    font-family:'Source Sans Pro';
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    src: url('../../files/fonts/SourceSansPro-Regular.ttf.woff2') format('woff2'),
         url('../../files/fonts/SourceSansPro-Regular.ttf.woff') format('woff');
}

@font-face{
    font-family:'Source Sans Pro';
    font-weight:400;
    font-style:italic;
    font-stretch:normal;
    src: url('../../files/fonts/SourceSansPro-It.ttf.woff2') format('woff2'),
         url('../../files/fonts/SourceSansPro-It.ttf.woff') format('woff');
}

@font-face{
    font-family:'Source Sans Pro';
    font-weight:600;
    font-style:normal;
    font-stretch:normal;
    src: url('../../files/fonts/SourceSansPro-Semibold.ttf.woff2') format('woff2'),
         url('../../files/fonts/SourceSansPro-Semibold.ttf.woff') format('woff');
}

@font-face{
    font-family:'Source Sans Pro';
    font-weight:600;
    font-style:italic;
    font-stretch:normal;
    src: url('../../files/fonts/SourceSansPro-SemiboldIt.ttf.woff2') format('woff2'),
         url('../../files/fonts/SourceSansPro-SemiboldIt.ttf.woff') format('woff');
}




/* tags */
body {margin:0 auto;padding:0;background:#fff;color:#333;font-family:'Source Sans Pro',Arial, Helvetica, sans-serif;font-size:112.5%;line-height:140%;font-weight:400; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;}

html, body {height:100%;min-height:100%;}

h2 {margin:1.1em 0 0.15em 0;font-family:'roboto_slabbold', Arial, Helvetica, sans-serif;font-size:1.5rem;font-weight:normal;line-height:133.333%;}
h1, .first-h2-like-h1 h2:first-child {margin:0 0 1em 0;font-family:'roboto_slabbold', Arial, Helvetica, sans-serif;font-size:222.225%;line-height:120%;font-weight:normal;color:#325c47;}
h1 + h2 {margin-top:-0.5em;}
h3 {margin:1.75em 0 0 0;font-weight:600;}
h2 + h3 {margin-top:0;}
div.like-h3 {margin:0 0 0.35em 0;font-weight:600;line-height:1;}
h4, h5, h6 {margin:0;}
p, dl, address {margin:0 0 0.35em 0;font-style:normal;}
img {display:block;}
strong, b {font-weight:600;}
em, i {font-style:italic;}
div.clb {clear:both;height:1px;margin:0;padding:0;font-size:0.1em;line-height:3px;overflow:hidden;}

.skip {position:absolute;display:inline-block;top:-10em;width:40%;padding:0.5em;font-size:1em;text-align:center;text-decoration:none;letter-spacing:0.05em;z-index:999;border:1px solid #ccc;color:#333;background:#fff;}
.skip:focus {top:1.0em;left:30%;outline:none;text-decoration:none;}

#main:focus, #main-nav:focus {outline:none;}
#wrapper {width:100%;height:100%;min-height:100%;margin:0 auto;}
header  {position:relative;min-height:1px;}

header .inside  {position:relative; display:table;width:100%;}
#main-nav {display:table-cell;padding:10px 0;vertical-align:bottom;}
#logo {display:table-cell;width:26.75%;padding:12px 0;text-align:center;}
#container {width:100%;max-width:1200px;margin:76px auto;}
#container:after{display:table;clear:both;content:" ";height:0;overflow:hidden;}
#inner {display:table;width:100%;}
#main{float:left;width:auto;width:68.75%;line-height:122.5%;padding-bottom:76px;}
#right {float:right;width:26.75%;margin:0.1em 0 0 0;padding:0 0 2.4em 0;line-height:122.5%;}

#footer {clear:both;position:relative;/* temp */ min-height:118px;margin-top:-118px;color:#fff;background:#333;}
.inside {width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;-moz-box-sizing:border-box;}
#footer .inside  {position:relative;}

#logo a {display:table;margin:0 auto;}
#toggle {display:none;width:3em;max-width:none;padding:0;color:#000;border:none;background:none;cursor:pointer;}
#toggle  span  {display:block;height:4px;margin:6px 0 6px 0;background:#b5b5b5;transition:background 0.25s;-webkit-transition:background 0.25s;}
#toggle  span span {position:absolute;width:1px;overflow:hidden;background:none !important;}
#toggle span.menu {border:0;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;}

#toggle:hover span, #toggle:focus span {background:#999;}
#logo img {width:100%;max-width:170px;height:auto;}
#main a {color:#325d47; font-weight:600; text-decoration:none;border-bottom:2px solid #fff;transition:border 0.25s;-webkit-transition:border 0.25s;}
#main a:hover, #main a:focus {border-bottom:2px solid #325d47;}

#main ul {list-style-type:none;margin:0 0 0.5em 0;padding:0;}
#main p + ul {margin-top:-0.2em;}
#main ol {list-style-type:decimal;margin: 0 0 0.75em 0;}
#main ol li {margin:0 0 0 1.75em;padding:0 0 0 0.25em;}
#main ul li {position:relative;margin:0;padding:0 0 0 12px;}
#main ul li:before {content:'•';position:absolute;width:7px;left:1px;}

#main ul.preise {list-style-type:none;margin:0.2em 0 0.75em 0;}
#main ul.preise li {position:relative;margin:0;padding:0.25em 0 0 0;}
#main ul.preise li:before {content:none;}
.green-box h3 + p {margin-top:0.4em;}

#main figure {margin:0 0 1.4em 0;padding:8px 0 0 0;}
#main  h1 + figure {margin-top:-0.65em;}
#main .content-image + .content-text h1 {padding-top:0.45em;}
#main  figure + h2 {margin-top:2em;}

/* bild-typen */
#main img {width:100%;height:auto;}

nav ul {margin:0;padding:0;list-style-type:none;text-transform:uppercase;}
nav ul:after {display:table;clear:both;content:" ";height:0;overflow:hidden;}
nav ul li {float:left;margin:0 0 0.375em 0;}
nav ul li.active.submenu, nav ul li.trail.submenu {margin:-0.75em 0 0.85em 0;padding:2.45em 0 0 0;background-position:0 1.285em;}
a.active.submenu, a.trail.submenu, span.submenu {padding-left:0.7em;} 
nav ul ul {display:none;}
nav ul li.active.submenu > ul, nav ul li.trail.submenu > ul  {display:block;}
nav ul ul {text-transform:none;padding:0.35em 0 0.785em 1em;background-position:left bottom;}
nav ul li a {text-decoration:none;}
nav a {color:#8c8c8c;transition:color 0.25s;-webkit-transition:color 0.25s;}
nav ul li.aktiv a, nav ul li.aktiv ul li.aktiv a, nav ul li.active span, nav ul li a.trail  {color:#000;}
nav ul li.trail ul li.active span {display:inline-block;position:relative;padding:0 0 0 0.7em;}
nav ul li.trail ul li.active span:before {content:'•';position:absolute;width:7px;left:0;}
nav a:hover, nav a:focus {color:#000;}

.mobile-nav-active header nav {background:#f1f1f1;border-bottom:1px solid #ccc;}
.mobile-nav-active header nav ul li {float:none;margin:0;padding:0;background-position:0 bottom;}
.mobile-nav-active header nav li.active{background-color:#fff;}
.mobile-nav-active header nav ul a, .mobile-nav-active header nav ul strong, .mobile-nav-active header nav ul > span {display:block;padding:0.4em 0.75em 0.5em 0.75em;border-top:1px solid #ccc;}

header nav  {font-family:'Source Sans Pro',Arial,Helvetica,sans-serif;font-size:1.25rem;line-height:120%;font-weight:600;}
header nav ul li {margin:0 1.4em 0 0;}

footer nav {padding:1.6em 0;font-family:'roboto_slabbold', Arial, Helvetica, sans-serif;font-size:1.25rem;line-height:120%;}
footer nav a {color:#fff;}
footer nav ul li.active span, footer nav a:hover, footer nav a:focus  {color:#aaa;}
footer nav ul li {margin:0 1em 0 0;}
footer nav ul li.instagram {margin:0 0.75em 0 0.75em;}
footer nav ul li.fb {margin:0 0.75em 0 0;}
footer nav ul li.youtube {margin:0;}


#footer-nav nav:after{display:table;clear:both;content:" ";height:0;overflow:hidden;}

ul.new-fuss { float:left; }
ul.new-fuss li { float:none; }
ul.social-media { float:left; }



li.fb a span, li.instagram a span, li.youtube a span { position:absolute; top:-999em; left:-999em; }

li.fb a { width:1.2em;height:1.2em;display:block;
background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22266.893px%22%20height%3D%22266.895px%22%20viewBox%3D%220%200%20266.893%20266.895%22%20enable-background%3D%22new%200%200%20266.893%20266.895%22%20xml%3Aspace%3D%22preserve%22%20class%3D%22fb-icon%22%3E%3Cpath%20id%3D%22Blue_1_%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M248.082%2C262.307c7.854%2C0%2C14.223-6.369%2C14.223-14.225V18.812%20%09c0-7.857-6.368-14.224-14.223-14.224H18.812c-7.857%2C0-14.224%2C6.367-14.224%2C14.224v229.27c0%2C7.855%2C6.366%2C14.225%2C14.224%2C14.225%20%09H248.082z%22%3E%3C/path%3E%3Cpath%20id%3D%22f%22%20fill%3D%22%23333333%22%20d%3D%22M182.409%2C262.307v-99.803h33.499l5.016-38.895h-38.515V98.777c0-11.261%2C3.127-18.935%2C19.275-18.935%20%09l20.596-0.009V45.045c-3.562-0.474-15.788-1.533-30.012-1.533c-29.695%2C0-50.025%2C18.126-50.025%2C51.413v28.684h-33.585v38.895h33.585%20%09v99.803H182.409z%22%3E%3C/path%3E%3C/svg%3E);
background-size:contain;
}



li.instagram a { width:1.2em;height:1.2em;display:block;
background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22503.842px%22%20height%3D%22503.842px%22%20viewBox%3D%220%200%20503.842%20503.842%22%20enable-background%3D%22new%200%200%20503.842%20503.842%22%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Cdefs%3E%0A%09%09%09%3Crect%20id%3D%22SVGID_1_%22%20x%3D%220.06%22%20y%3D%220%22%20width%3D%22503.781%22%20height%3D%22503.842%22/%3E%0A%09%09%3C/defs%3E%0A%09%09%3CclipPath%20id%3D%22SVGID_2_%22%3E%0A%09%09%09%3Cuse%20xlink%3Ahref%3D%22%23SVGID_1_%22%20%20overflow%3D%22visible%22/%3E%0A%09%09%3C/clipPath%3E%0A%09%09%3Cpath%20clip-path%3D%22url%28%23SVGID_2_%29%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M251.921%2C45.391c67.266%2C0%2C75.233%2C0.257%2C101.798%2C1.469%0A%09%09%09c24.563%2C1.12%2C37.9%2C5.224%2C46.777%2C8.674c11.76%2C4.57%2C20.151%2C10.029%2C28.967%2C18.844c8.815%2C8.816%2C14.274%2C17.208%2C18.845%2C28.968%0A%09%09%09c3.45%2C8.877%2C7.555%2C22.216%2C8.675%2C46.777c1.212%2C26.564%2C1.469%2C34.532%2C1.469%2C101.798s-0.257%2C75.232-1.469%2C101.797%0A%09%09%09c-1.12%2C24.563-5.225%2C37.901-8.675%2C46.778c-4.569%2C11.759-10.028%2C20.15-18.845%2C28.967c-8.814%2C8.815-17.207%2C14.274-28.967%2C18.845%0A%09%09%09c-8.877%2C3.45-22.216%2C7.554-46.777%2C8.674c-26.561%2C1.212-34.526%2C1.47-101.798%2C1.47c-67.271%2C0-75.236-0.258-101.798-1.47%0A%09%09%09c-24.562-1.12-37.9-5.224-46.777-8.674c-11.76-4.569-20.151-10.028-28.967-18.845c-8.814-8.815-14.274-17.208-18.845-28.967%0A%09%09%09c-3.45-8.877-7.554-22.216-8.674-46.778c-1.212-26.563-1.469-34.531-1.469-101.797s0.257-75.233%2C1.469-101.798%0A%09%09%09c1.12-24.562%2C5.224-37.9%2C8.674-46.777c4.57-11.76%2C10.029-20.151%2C18.845-28.967s17.207-14.274%2C28.967-18.845%0A%09%09%09c8.877-3.45%2C22.216-7.554%2C46.777-8.674C176.687%2C45.648%2C184.655%2C45.391%2C251.921%2C45.391%20M251.921%2C0%0A%09%09%09c-68.418%2C0-76.997%2C0.29-103.866%2C1.517c-26.814%2C1.223-45.127%2C5.481-61.151%2C11.71c-16.566%2C6.438-30.615%2C15.051-44.621%2C29.056%0A%09%09%09C28.277%2C56.288%2C19.663%2C70.337%2C13.226%2C86.903c-6.229%2C16.024-10.487%2C34.337-11.71%2C61.151C0.29%2C174.924%2C0%2C183.503%2C0%2C251.921%0A%09%09%09c0%2C68.417%2C0.29%2C76.996%2C1.517%2C103.866c1.223%2C26.813%2C5.481%2C45.127%2C11.71%2C61.15c6.437%2C16.566%2C15.051%2C30.615%2C29.056%2C44.621%0A%09%09%09c14.006%2C14.005%2C28.055%2C22.619%2C44.621%2C29.058c16.024%2C6.228%2C34.337%2C10.485%2C61.151%2C11.709c26.869%2C1.227%2C35.448%2C1.517%2C103.866%2C1.517%0A%09%09%09s76.996-0.29%2C103.866-1.517c26.813-1.224%2C45.127-5.481%2C61.15-11.709c16.566-6.438%2C30.615-15.053%2C44.621-29.058%0A%09%09%09c14.006-14.006%2C22.619-28.055%2C29.058-44.621c6.228-16.023%2C10.485-34.337%2C11.709-61.15c1.227-26.87%2C1.517-35.449%2C1.517-103.866%0A%09%09%09c0-68.418-0.29-76.997-1.517-103.866c-1.224-26.814-5.481-45.127-11.709-61.151c-6.438-16.566-15.052-30.615-29.058-44.621%0A%09%09%09c-14.006-14.005-28.055-22.619-44.621-29.056c-16.023-6.229-34.337-10.487-61.15-11.71C328.917%2C0.29%2C320.339%2C0%2C251.921%2C0z%22/%3E%0A%09%3C/g%3E%0A%3C/g%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M251.921%2C122.556c-71.446%2C0-129.364%2C57.918-129.364%2C129.364s57.918%2C129.364%2C129.364%2C129.364%0A%09s129.364-57.918%2C129.364-129.364S323.367%2C122.556%2C251.921%2C122.556%20M251.921%2C335.894c-46.378%2C0-83.974-37.597-83.974-83.974%0A%09c0-46.378%2C37.596-83.974%2C83.974-83.974s83.974%2C37.596%2C83.974%2C83.974C335.894%2C298.298%2C298.299%2C335.894%2C251.921%2C335.894z%22/%3E%0A%3Cpath%20fill%3D%22%23CCDDFF%22%20d%3D%22M416.628%2C117.445c0%2C16.696-13.535%2C30.229-30.23%2C30.229s-30.23-13.533-30.23-30.229%0A%09s13.535-30.231%2C30.23-30.231S416.628%2C100.749%2C416.628%2C117.445%22/%3E%0A%3C/svg%3E);
background-size:contain;
}


li.youtube a { width:1.6em;height:1.2em;display:block;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1'%0Axmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 71.4 50' style='enable-background:new 0 0 71.4 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='g5' transform='scale(0.58823529,0.58823529)'%3E%3Cpath id='path7' class='st0' d='M60.7,0c0,0-38,0-47.5,2.5C8.1,3.9,3.9,8.1,2.5,13.3C0,22.8,0,42.5,0,42.5s0,19.8,2.5,29.2 C3.9,76.9,8,81,13.2,82.4C22.8,85,60.7,85,60.7,85s38,0,47.5-2.5c5.2-1.4,9.3-5.5,10.7-10.7c2.5-9.5,2.5-29.2,2.5-29.2 s0.1-19.8-2.5-29.3c-1.4-5.2-5.5-9.3-10.7-10.7C98.7,0,60.7,0,60.7,0z M48.6,24.3l31.6,18.2L48.6,60.7V24.3z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 1.4em;
    background-repeat: no-repeat;
    background-position: 0 2px;
}




#bildleiste { background:#325d47;}
#header-img  {width:100%;max-width:1200px;margin:0 auto;background:#183324;}
#header-img .content-image {float:right;box-sizing:border-box;-moz-box-sizing:border-box;width:26.75%;max-width:321px;height:auto;}
#header-img .content-image:first-child  {float:left;width:68.6667%;max-width:824px;}
#header-img .content-image img {width:100%;height:auto;}
#header-img:after   {display:table;clear:both;content:" ";height:0;overflow:hidden;}
#header-img-single  {width:100%;max-width:1200px;margin:0 auto;background:#183324;}
#header-img-single img {width:100%;max-width:1200px;height:auto;}

.green-box {margin:1.85em 0 0.35em 0;padding:1.5em 1.225em 1.667em 1.225em;background:#d1ded8;}
.green-box h2 {margin-top:0;}
#main .green-box *:last-child {margin-bottom:0;}

.testimonial {display:table;width:100%;margin:0 0 1.2em 0;}
.content-text + .testimonial {margin:2em 0 0 0;}
.testimonial {margin:2.85em 0 0 0;}
.testimonial .fileTree {display:table-cell;width:34.25%;width:36.4%;width:300px;vertical-align:top;position:relative;}
.testimonial blockquote {display:table-cell;vertical-align:top;padding-left:3%;}
.testimonial header {margin-top:-0.25em;}
.testimonial .textarea h2 {margin-top:0;}
#main .testimonial figure  {padding-top:0;border:1px solid #ccc;}
.testimonial blockquote h2 {margin:0;}
.testimonial blockquote h3 {margin:0 0 1.2em 0;} 
.testimonial blockquote p:last-child {margin:0;} 
.testimonial blockquote .autor {font-size:87.5%;margin:0 0 0.4em 0;}


#main .content-gallery ul {position:relative;margin:1.25em -2% 0 -2%;}
#main .content-gallery ul:after {display:table;clear:both;content:" ";height:0;overflow:hidden;}
#main .content-gallery ul li:before {content:none;}
#main .content-gallery ul li   {display:block;position:relative;width:50%;float:left;box-sizing:border-box;-moz-box-sizing:border-box;padding:2% 2% 0 2%;}

 
#main figure {margin:0;padding:0;} 
#main .content-gallery ul li  div  {border:1px solid #ccc;} 
#main .content-gallery ul li  img  {width:auto;max-width:100%;margin:0 auto;}
#main .content-gallery ul li img[width='177'] {width:44.255%;} 
#main .content-gallery figcaption {padding:0.4em 0.4em 0.8em 0.4em;text-align:center;font-style:italic;} 


.p-org {position:absolute;top:-99em;left:-99em;}
.p-adr {margin:0 0 0.35em 0;} 

/* right */
#right a {color:#325d47;font-weight:600;text-decoration:none;border-bottom:2px solid #fff;transition:border 0.25s;-webkit-transition:border 0.25s;}
#right a:hover, #right a:focus {border-bottom:2px solid #325d47;} 
#right .content-text > div > div:first-child {font-family:'roboto_slabbold', Arial, Helvetica, sans-serif;font-size:128.6%;font-weight:normal;line-height:133.333%;}
#right .h-card.vcard {margin:0.1em 0 1.75em 0;}
#right .p-adr {margin:0;} 
#right .mb-1 {margin: 0 0 1em 0;}
#right .pt-065 {padding:0.65em 0 0 0;}

/* footer */
#tasten {position:absolute;right:0;top:26px;width:148px;height:72px;
background:url(
"data:image/svg+xml,%3C%3Fxml%20version%3D%271.0%27%20encoding%3D%27utf-8%27%3F%3E%3C%21DOCTYPE%20svg%20PUBLIC%20%27-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%27%20%27http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%27%3E%3Csvg%20version%3D%271.1%27%20id%3D%27Ebene_1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%0D%0A%09%20width%3D%27215.959px%27%20height%3D%27103.094px%27%20viewBox%3D%277.979%20369.399%20215.959%20103.094%27%0D%0A%09%20enable-background%3D%27new%207.979%20369.399%20215.959%20103.094%27%20xml%3Aspace%3D%27preserve%27%3E%3Cline%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-width%3D%272%27%20x1%3D%2714.221%27%20y1%3D%27369.398%27%20x2%3D%2714.221%27%20y2%3D%27472.492%27%2F%3E%3Cline%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-width%3D%272%27%20x1%3D%2756.455%27%20y1%3D%27369.398%27%20x2%3D%2756.455%27%20y2%3D%27472.492%27%2F%3E%3Cline%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-width%3D%272%27%20x1%3D%2798.689%27%20y1%3D%27369.398%27%20x2%3D%2798.689%27%20y2%3D%27472.492%27%2F%3E%3Cline%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-width%3D%272%27%20x1%3D%27140.924%27%20y1%3D%27369.398%27%20x2%3D%27140.924%27%20y2%3D%27472.492%27%2F%3E%3Cline%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-width%3D%272%27%20x1%3D%27183.157%27%20y1%3D%27369.398%27%20x2%3D%27183.157%27%20y2%3D%27472.492%27%2F%3E%3Cline%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-width%3D%272%27%20x1%3D%27217.596%27%20y1%3D%27369.398%27%20x2%3D%27217.596%27%20y2%3D%27472.492%27%2F%3E%3Crect%20x%3D%27178.413%27%20y%3D%27369.399%27%20fill%3D%27%23FFFFFF%27%20width%3D%279.923%27%20height%3D%2766.627%27%2F%3E%3Crect%20x%3D%27214.016%27%20y%3D%27369.399%27%20fill%3D%27%23FFFFFF%27%20width%3D%279.923%27%20height%3D%2766.627%27%2F%3E%3Crect%20x%3D%27133.594%27%20y%3D%27369.399%27%20fill%3D%27%23FFFFFF%27%20width%3D%279.922%27%20height%3D%2766.627%27%2F%3E%3Crect%20x%3D%2752.979%27%20y%3D%27369.399%27%20fill%3D%27%23FFFFFF%27%20width%3D%279.922%27%20height%3D%2766.627%27%2F%3E%3Crect%20x%3D%277.979%27%20y%3D%27369.399%27%20fill%3D%27%23FFFFFF%27%20width%3D%279.922%27%20height%3D%2766.627%27%2F%3E%3C%2Fsvg%3E") no-repeat right 0;
background-size:contain;
} 
 
 
 
@media 
	only screen and (max-width:1232px)
{
	.inside, #bildleiste {max-width:none;box-sizing:border-box;-moz-box-sizing:border-box;padding:0 1em;}
	.show-mobile-nav #main-nav {order:2;display:block;width:100%;padding:0;}
	header nav ul li {margin:0 1.0em 0 0;}
	#right .inside {padding:0 1em 0 0;}
	#footer .inside{padding:0;}
	#footer  {padding:0 1em;}	
}

@media 
	only screen and (max-width:1024px)
{
	#header .inside {display:flex;flex-wrap:wrap;padding:0;}
	#main-nav ul {display:none;}
	.skip-to-nav {display:none;}
	#toggle {display:block;position:absolute;top:45px;right:1.35em;margin:0;}
	#logo {width:38%;display:block;margin:0 auto;padding:12px 0;text-align:center;}
}


@media 
	only screen and (max-width:980px)
{
	.testimonial .fileTree {width:50%;}
}


@media 
	only screen and (max-width:800px)
{
	#container {margin:2em auto 0 auto;}
	#main{padding:0.4em 0 0 0;float:none;width:100%;}
	#right{width:100%;margin:2.5em 0 0 0;padding:0;}
	.inside, #right .inside {max-width:none;padding:0 1em;}
	#right .inside {padding:1.5em 1em;background:#eee;}
	#right a {border-bottom:2px solid #eee;}
	.testimonial .fileTree {width:50%;}
}


@media 
	only screen and (max-width:680px)
{
	#main .content-gallery ul {position:relative;margin-left:0;margin-right:0;}
	#main .content-gallery ul li {width:100%;float:none;box-sizing:border-box;-moz-box-sizing:border-box;padding:1em 0;}
	#main .content-gallery ul li img {width:100%;}
	#main .content-gallery figcaption {height:auto;}  
}


@media 
	only screen and (max-width:600px)
{
	.testimonial .fileTree {width:100%;max-width:300px;display:block;}
	.testimonial header {margin-top:0.75em;}
	.testimonial blockquote {width:100%;display:block;padding:0;}
	h1,.first-h2-like-h1 h2:first-child  {margin:0 0 1em 0;font-size:166.666%;}
	#footer {min-height:118px;margin-top:-118px;	min-height:0;margin-top:0;}
}

@media 
	only screen and (max-width:640px)
{
	#tasten {display:none;} 

}	

@media 
	only screen and (max-width:480px)
{
	ul.social-media {clear:both; margin-top:0.5em;}
	footer nav ul li.instagram {margin: 0 0.75em 0 0;}
}



@media only screen and (max-width: 359px)
{
	footer nav ul li {margin: 0 0.25em 0 0;}
}

@media print
{
	html, body, #wrapper {width:100%;height:auto;min-height:0;margin:0 auto;padding:0;}
	body {width:90%;max-width:600px;padding-top:20px;font-size:85%;}
	#container {margin:1.5em auto 0 auto;}
	#main, #right {float:none;width:100%;padding:0;}
	#logo {display:block;margin:0 auto;}
	#bildleiste,#main-nav,#logo a#toggle,#footer{display:none;}
	#right {padding-top:3em;}
	.inside, #bildleiste {padding:0;}	 
	.green-box {padding:0 1.225em 0.4em 1.225em;background:none;border-left:4px solid #aaa; border-right:4px solid #aaa;}
}

