/* Metropolis Light */
@font-face {
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local(''),
        url('../../files/jh-theme/fonts/Metropolis-Light.woff2') format('woff2'),
        url('../../files/jh-theme/fonts/Metropolis-Light.woff') format('woff'),
        url('../../files/jh-theme/fonts/Metropolis-Light.ttf') format('truetype');
}

/* Metropolis Regular */
@font-face {
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(''),
        url('../../files/jh-theme/fonts/Metropolis-Regular.woff2') format('woff2'),
        url('../../files/jh-theme/fonts/Metropolis-Regular.woff') format('woff'),
        url('../../files/jh-theme/fonts/Metropolis-Regular.ttf') format('truetype');
}

/* Metropolis Regular Italic */
@font-face {
    font-family: 'Metropolis';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local(''),
       url('../../files/jh-theme/fonts/Metropolis-RegularItalic.woff2') format('woff2'),
       url('../../files/jh-theme/fonts/Metropolis-RegularItalic.woff') format('woff'),
        url('../../files/jh-theme/fonts/Metropolis-RegularItalic.ttf') format('truetype');
}

/* Metropolis Medium */
@font-face {
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local(''),
       url('../../files/jh-theme/fonts/Metropolis-Medium.woff2') format('woff2'),
       url('../../files/jh-theme/fonts/Metropolis-Medium.woff') format('woff'),
        url('../../files/jh-theme/fonts/Metropolis-Medium.ttf') format('truetype');
}

/* Metropolis Bold */
@font-face {
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local(''),
       url('../../files/jh-theme/fonts/Metropolis-Bold.woff2') format('woff2'),
       url('../../files/jh-theme/fonts/Metropolis-Bold.woff') format('woff'),
        url('../../files/jh-theme/fonts/Metropolis-Bold.ttf') format('truetype');
}


html{height:100%;font-size:1em;font-family:sans-serif;box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,div,figure,nav,ol,ul{padding:0;margin:0}*,*::before,*::after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}body{background-color:#e5e7ea;font-family:"Metropolis","Raleway",Verdana,sans-serif;font-size:0.938em;line-height:1.438;font-weight:400;color:#2e2d30;letter-spacing:0.04em;word-spacing:-0.04em}a:link{color:#707173;transition:color 0.3s ease}a:visited{color:#707173}a:hover{color:#95a830}a:active{color:#95a830}h1{margin:0 0 1em;font-size:1.8em;line-height:1;font-weight:700}.h1-subline{display:inline-block;position:relative;top:0.5rem;font-size:1rem;font-weight:400;line-height:1.3}.portfolio h1{font-size:1.3em}.portfolio .h1-subline{font-size:0.9rem}.h1-subline.top-s{top:0rem}.h1-subline.top-xs{top:-0.5rem}h2{margin:0 0 0.6em;font-size:1.3em;line-height:1.1;font-weight:700;letter-spacing:0.01em}h2 a{text-decoration:none}h3{margin-bottom:0.4em;font-size:1.15em;font-weight:700}p+h3{margin-top:1.5em}strong,b{font-weight:700}p{margin-bottom:0.7em}.text-large,.text-l{font-size:1.1em}.text-xlarge,.text-xl{font-size:1.15em;line-height:1.3}.fussnote,.text-small{font-size:0.8em;line-height:1.313}p.fussnote,p.text-small{margin-bottom:1em}.text-right{text-align:right}.text-white{color:#fff}hr{margin:1.3em 0 1.4em;border:0;border-top:1px solid #dadcdd}.hr-margin{margin:2.2em 0}.hr-small{width:40%}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}@media only screen and (min-width: 680px) and (min-height: 500px){body{font-size:1.063em;line-height:1.5}h1{font-size:1.9em}.content-wide h1{font-size:2.1em}.portfolio h1{font-size:1.8em}h2{font-size:1.4em}h3{font-size:1.2em}.portfolio .h1-subline{font-size:1rem}.h1-subline.top-s{top:-0.4rem}.h1-subline.top-xs{top:-0.8rem}}@media only screen and (min-width: 1200px) and (min-height: 800px){h1{font-size:2.3em}.content-wide h1{font-size:2.6em}.portfolio h1{font-size:2em}h2{font-size:1.6em}.h1-subline,.portfolio .h1-subline{font-size:1.2rem}.text-large,.text-l{font-size:1.15em}.text-xlarge,.text-xl{font-size:1.25em}}#background{position:fixed;width:100%;height:100vh;z-index:0;background-position:center;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover}.start #background{background-image:url("../../files/jh-theme/backgrounds-start/background-start900.jpg")}.profil #background{background-image:url("../../files/jh-theme/backgrounds/background-leistungen1100.jpg")}.leistungen #background{background-image:url("../../files/jh-theme/backgrounds/background-leistungen1100.jpg")}.webdesign #background{background-image:url("../../files/jh-theme/backgrounds/background-webdesign1400.jpg");background-position:50% 100%}.portfolio #background{background-image:url("../../files/jh-theme/backgrounds/background-portfolio1100.jpg")}.neues #background{background-image:url("../../files/jh-theme/backgrounds/background-neues1100.jpg")}.kontakt #background{background-image:url("../../files/jh-theme/backgrounds/background-kontakt1100.jpg")}.business-sites #background{background-image:url("../../files/jh-theme/backgrounds/background-end-of-service1400.jpg")}@media only screen and (min-height: 900px){.start #background{background-image:url("../../files/jh-theme/backgrounds-start/background-start1920.jpg");background-position:20% 100%}}@media only screen and (max-height: 500px){.start #background{background-position:50% 20%}.webdesign #background{background-position:50% 30%}}@media only screen and (min-width: 680px){.start #background{background-image:url("../../files/jh-theme/backgrounds-start/background-start1920.jpg");background-position:40% 50%}.profil #background{background-image:url("../../files/jh-theme/backgrounds/background-leistungen1920.jpg")}.leistungen #background{background-image:url("../../files/jh-theme/backgrounds/background-leistungen1920.jpg")}.webdesign #background{background-image:url("../../files/jh-theme/backgrounds/background-webdesign1920.jpg");background-position:50% 50%}.portfolio #background{background-image:url("../../files/jh-theme/backgrounds/background-portfolio1920.jpg");background-position:70% 50%}.neues #background{background-image:url("../../files/jh-theme/backgrounds/background-neues1920.jpg")}.kontakt #background{background-image:url("../../files/jh-theme/backgrounds/background-kontakt1920.jpg")}.business-sites #background{background-image:url("../../files/jh-theme/backgrounds/background-end-of-service1920.jpg")}}#header-main{position:relative;width:100%;min-height:100vh;overflow:hidden}.start #header-main{margin:0 auto}#header{position:absolute;top:0;width:100%;height:70px;padding-top:12px;z-index:50;transition:all 0.3s ease}.start #header{position:relative;height:auto}#jh-logo,#start-jh-icon{position:absolute;width:38px;height:40px;top:14px;left:5%;overflow:hidden;z-index:100;transition:opacity 0.3s ease}#jh-logo:hover,#start-jh-icon:hover{opacity:0.75}#jh-logo a,#start-jh-icon a{display:block}#start-jh-icon{opacity:0}#start-jh-icon:hover{opacity:0}.menu-toggle.is-active ~ #start-jh-icon{opacity:1}#start-jh-logo{display:block;width:55%;max-width:425px;min-width:180px;margin:3vh auto 0}#start-jh-logo img{width:100%;height:auto}#start-bubbles{text-align:right;margin:2vh 9% 0}.start-bubble01{width:86px;height:70px;display:inline-block;padding-top:15px;text-align:center;font-size:16px;background:url("/files/jh-theme/images/start-bubble01.png") no-repeat;background-size:contain;font-weight:300}.start-bubble02{display:inline-block;position:relative;width:66px;height:50px;margin-top:15px;background:url("/files/jh-theme/images/start-bubble02.png") no-repeat;background-size:contain;cursor:pointer;transition:opacity 0.5s 0.1s ease}.start-bubble02:hover{opacity:0.7}.start-bubble02.is-active{opacity:0;cursor:default}#header.header-fixed{position:fixed}#header.header-top{top:-90px}#header.header-bg{background:#fff;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2)}.start #header.header-fixed{position:relative}.start #header.header-top{top:0}.start #header.header-bg{background:transparent;box-shadow:none}@media only screen and (max-height: 500px){#start-jh-logo{margin-left:calc(90vw - 220px);width:220px}}@media only screen and (min-width: 680px){#start-jh-icon{display:none}.start #header{margin:8% 0 0}.start #header>.inside{position:relative;max-width:960px;margin:0 auto}#start-jh-logo{display:inline-block;float:right;margin:0 5% 0 0;width:280px}#start-bubbles{display:none}}@media only screen and (min-width: 1024px){#header{height:90px;padding-top:22px}#jh-logo,#jh-logo a{top:22px}.start #header{margin:6% 0 0}#start-jh-logo{width:auto;margin:0 175px 0 0}}nav li{list-style-type:none}nav a{text-decoration:none;color:#707173;transition:color 0.3s ease}.active{color:#95a830}@media only screen and (max-width: 679px){.menu-toggle{display:inline-block;position:absolute;right:5%;padding:12px 0 15px 2px;cursor:pointer;color:#707173;text-transform:none;background-color:transparent;border:0;margin:0 0 0 5%;overflow:visible;z-index:50;transition:opacity 0.3s ease}.menu-toggle:hover{opacity:0.6}.start .menu-toggle{position:absolute;top:12px}.menu-toggle-box{width:28px;height:16px;display:inline-block;position:relative;vertical-align:middle}.menu-toggle-inner,.menu-toggle-start-inner{display:block;top:50%;margin-top:-1px}.menu-toggle-inner,.menu-toggle-inner::before,.menu-toggle-inner::after,.menu-toggle-start-inner,.menu-toggle-start-inner::before,.menu-toggle-start-inner::after{width:28px;height:2px;background-color:#707173;position:absolute;transition-property:transform;transition-duration:0.15s;transition-timing-function:ease}.menu-toggle-inner::before,.menu-toggle-inner::after,.menu-toggle-start-inner::before,.menu-toggle-start-inner::after{content:"";display:block}.menu-toggle-inner::before,.menu-toggle-start-inner::before{top:-7px}.menu-toggle-inner::after,.menu-toggle-start-inner::after{bottom:-7px}.menu-toggle-start-inner{right:11px}.menu-toggle-start-inner,.menu-toggle-start-inner::before,.menu-toggle-start-inner::after{background-color:#fff}.menu-toggle--squeeze .menu-toggle-inner{transition-duration:0.075s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}.menu-toggle--squeeze .menu-toggle-inner::before{transition:top 0.075s 0.12s ease, opacity 0.075s ease}.menu-toggle--squeeze .menu-toggle-inner::after{transition:bottom 0.075s 0.12s ease,transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.menu-toggle--squeeze.is-active .menu-toggle-inner{transform:rotate(45deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.menu-toggle--squeeze.is-active .menu-toggle-inner::before{top:0;opacity:0;transition:top 0.075s ease, opacity 0.075s 0.12s ease}.menu-toggle--squeeze.is-active .menu-toggle-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 0.075s ease,transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1)}.menu-toggle-label{display:inline-block;margin-left:9px;font-size:10px;text-transform:uppercase;letter-spacing:0.05em}.start .menu-toggle{opacity:0;visibility:hidden}.start .menu-toggle.is-active{opacity:1;visibility:visible}.start .menu-toggle.is-active:hover{opacity:0.6}#menu-main{position:absolute;top:-20px;right:-105%;width:100%;padding:105px 5% 60px;z-index:2;background-color:#fff;box-shadow:0px 15px 25px 0px rgba(10,10,0,0.2)}#menu-main ul,#menu-main ul li{margin:0;padding:0;list-style:none;position:relative}#menu-main>ul{width:55%;min-width:200px;margin:0 auto}#menu-main ul li a,#menu-main ul li>.active,#menu-main ul li>.forward{display:block;position:relative;height:1.8em;cursor:pointer;overflow:hidden;text-decoration:none;padding:0;vertical-align:middle}#menu-main ul li>.active{cursor:default}#menu-main>ul>li>a,#menu-main>ul>li>.active,#menu-main>ul>li>.forward{font-size:1.5em;font-weight:300;padding-top:0.15em;border-top:1px solid #ddd;letter-spacing:0.02em}#menu-main>ul>li:first-child>a,#menu-main>ul>li:first-child>.active{border-top:0}#menu-main>ul>li>.active,#menu-main>ul>li>.forward{z-index:2}#menu-main>ul>li>.active,#menu-main>ul>li>.forward,#menu-main>ul>li.trail>a,#menu-main>ul>li>a:hover{color:#95a830}#menu-main ul ul li a,#menu-main ul ul li>.active{z-index:2;font-size:15px;font-weight:300;padding-left:7%;padding-top:0.1em}#menu-main ul ul li:last-child a,#menu-main ul ul li:last-child>.active{height:2.5em}#menu-main ul ul li>.active,#menu-main ul ul li.trail>a,#menu-main ul ul li a:hover{color:#95a830}#menu-main ul ul{display:none}#menu-main>ul>li.active>ul,#menu-main>ul>li.forward>ul{display:block}#menu-main li .level-toggle{position:absolute;display:block;right:0px;top:1px;z-index:4;overflow:hidden;height:2.8em;width:20%;cursor:pointer;transition:height 0.8s ease}#menu-main ul>li.submenu>.level-toggle::after{position:relative;content:"";z-index:5;display:block;height:11px;width:11px;margin:0.95em auto 0;border-top:1px solid #aaa;border-right:1px solid #aaa;transform:rotate(45deg);transition:all 0.1s ease-out}#menu-main ul>li.active.submenu>.level-toggle::after,#menu-main ul>li.trail>.level-toggle::after,#menu-main ul>li.submenu>.level-toggle:hover::after{border-top-color:#95a830;border-right-color:#95a830}#menu-main ul>li.submenu.open>.level-toggle::after{transform:rotate(135deg)}#menu-main ul ul>li.submenu>.level-toggle::after{margin:10px auto}.menu-toggle.is-active ~ #menu-main{right:0}}@media only screen and (max-width: 650px){#menu-main{transition:right 0.3s ease-out}}@media only screen and (min-width: 680px){.menu-toggle{display:none}#menu-main{right:5%;position:absolute;margin:6px 0 0 0;text-align:right;font-size:1.2em;line-height:1.1;z-index:100}#menu-main>ul{list-style:none}#menu-main>ul>li{display:inline-block}#menu-main>ul>li>a{display:inline-block;padding:0.2em 0}#menu-main>ul>li+li::before{content:"/";display:inline-block;margin-right:0.2em;color:#707173}#menu-main ul ul{display:block;position:absolute;min-width:120px;top:calc(100% + 13px);padding:0.7em 1em;text-align:left;font-size:1rem;line-height:1.2;font-weight:500;border-radius:15px;background-color:#adbf29;transform:translateX(-10%);visibility:hidden;opacity:0;transition:visibility 0.3s , opacity 0.3s}#menu-main ul ul li.trail a,#menu-main ul ul li .active,#menu-main ul ul li:hover a,#menu-main ul ul li:focus a{color:#fff}#menu-main ul ul strong{font-weight:500}#menu-main ul ul ::before{content:url("../../files/jh-theme/images/marker-green.svg");position:absolute;top:-12px;left:calc(40% - 7px);width:14px;height:13px}#menu-main ul li:hover>ul,#menu-main ul .active:hover ul,#menu-main ul .trail:hover ul{visibility:visible;opacity:1}nav strong.active{font-weight:400;cursor:default}nav a.trail{color:#95a830}.start #menu-main{right:calc(330px + 5%);margin-top:15px;font-size:1.3em}.start #menu-main>ul>li{display:block}.start #menu-main>ul>li>a{padding:0}.start #menu-main>ul>li+li::before{content:"";display:none}.start #menu-main ul ul{min-width:130px;right:calc(100% + 25px);top:auto;margin-top:-2.7em;font-size:0.9rem;text-align:right;transform:none}.start #menu-main ul ul ::before{content:url("../../files/jh-theme/images/marker-green-right.svg");top:1.25em;left:auto;right:-12px;width:13px;height:14px}}@media only screen and (min-width: 1024px){.start #menu-main{right:660px;margin-top:22px;font-size:1.4em}.start #menu-main ul ul{font-size:1rem}}#footer{position:relative;background-color:#2e2d30;border:1px solid #2e2d30;padding:2em 5% 6em;color:#fff;font-size:0.875em;line-height:1.4;font-weight:400}#footer .inside::after{content:"";display:block;height:1px;clear:both}#footer a{color:#dadcdd;text-decoration:none;transition:color 0.3s ease}#footer a:hover,#footer a:focus{color:#95a830}.footer-address{min-width:18em;margin-top:1em}#footer .footer-nav1 a,#footer .footer-nav2 a{display:inline-block;padding-bottom:0.15em}.company-name{display:inline-block;width:100%;font-size:1.1429em;margin-bottom:0.3em}.media-container{clear:left}.icon-media{display:inline-block;position:relative;width:35px;height:35px;margin-top:2.5em;border-radius:8px;background:#494949 url("../../files/jh-theme/images/sprite-icons-social.svg") no-repeat;overflow:hidden}a.icon-media{outline-style:none}.icon-media+.icon-media{margin-left:0.7em}.icon-media::before{content:"";display:block;position:absolute;top:0;left:0;width:35px;height:35px;border-radius:8px;background:#555 url("../../files/jh-theme/images/sprite-icons-social.svg") no-repeat;background-position:0px 0px;opacity:0;transition:opacity 0.3s ease;z-index:0}.icon-instagram{background-position:-35px 0px}.icon-instagram::before{background-position:-35px -35px}.icon-facebook{background-position:0px 0px}.icon-facebook::before{background-position:0px -35px}.icon-linkedin{background-position:-140px 0px}.icon-linkedin::before{background-position:-140px -35px}.icon-xing{background-position:-70px 0px}.icon-xing::before{background-position:-70px -35px}.icon-shirts{background-position:-105px 0px}.icon-shirts::before{background-position:-105px -35px}.icon-media:hover::before,.icon-media:focus::before{opacity:1}.back-top{display:block;position:fixed;right:4%;bottom:5vh;width:40px;height:40px;border-radius:8px;background:rgba(255,255,255,0.9) url("/files/jh-theme/images/arrow-up-top-18.png") top center no-repeat;transition:background-color 0.3s ease;z-index:100;outline:0}.portfolio .back-top{display:none}.back-top span{display:none}@media only screen and (min-width: 500px){.footer-address{position:absolute;top:2em;right:5%;margin-top:0;text-align:right}}@media only screen and (min-width: 680px){#footer{padding-bottom:8em}#footer .footer-nav1,#footer .footer-nav2{float:left;overflow:hidden}#footer .footer-nav2{margin-left:8%}.start .back-top{display:none}}@media only screen and (min-width: 1024px){.media-container{float:left;clear:none;margin-top:0.2em;margin-left:8%}.icon-media{margin-top:0}}#container{position:relative;overflow:hidden;clear:both;height:100%;padding-bottom:250px;margin-top:70px}.content-wide #container{padding-bottom:calc(8% + 30px)}.start #container{max-width:960px;margin:0 auto;padding-bottom:120px}body:not(.content-wide,.start) main>.inside{display:flex;flex-direction:column;align-items:flex-end}.mod_article{width:90%;max-width:850px;position:relative;padding:5%;border-radius:4px;margin:52vh 5% 0;background-color:rgba(255,255,255,0.95)}.mod_article .content-text:first-child p:first-child,.mod_article .content-text:first-child h2:first-child,.mod_article .content-text:first-child h3:first-child,.mod_article .content-header:first-child,.mod_article form:first-child{margin-top:0}.mod_article:nth-child(n+2){margin-top:20px}.mod_article:nth-child(n+3){background-color:#fff}#main .article-headline{padding:0;border-radius:0;background-color:transparent}.content-wide .mod_article{float:none;max-width:1150px;margin:43vh auto 0;background-color:#fff}.content-wide .mod_article:nth-child(n+2){margin-top:20px}.content-wide .article-headline+.mod_article,.content-wide .mod_article:first-child{margin-top:45vh}.content-wide .article-headline{position:absolute;top:0;left:5%;width:90%;max-width:none;margin:0;text-align:center}.content-wide .article-headline h1{margin:0 auto;max-width:900px}.content-wide .mod_article.portfolio{margin-top:52vh;padding:0;background-color:transparent}.background-green{background-color:#b8ce00 !important;font-weight:500}.background-grey{background-color:#c0c6cd !important;font-weight:500}.background-white{background-color:#fff !important}.start .mod_article{float:right;width:90%;margin:0 5% 0 0;padding:30px 30px 25px;border-radius:30px;font-size:1em;line-height:1.3}.start-sprechblase01{display:none;float:right;margin-top:140px}.start-sprechblase03{display:block;margin-left:70%;margin-top:calc(30vh - 100px)}@media only screen and (min-width: 500px){.start .mod_article{width:400px}}@media only screen and (min-width: 680px){#container{padding-bottom:15%}.mod_article{width:62%;margin:80px 5% 0 0;padding:30px 35px 28px}.content-wide .mod_article{width:90%;margin:0 auto;padding:4% 5%}.content-wide .article-headline+.mod_article,.content-wide .mod_article:first-child{margin-top:51vh}.content-wide .mod_article.portfolio{margin-top:70vh}.start .mod_article{margin-top:80px}.start-sprechblase01{display:block}.start-sprechblase03{display:none}}@media only screen and (min-width: 1024px){#container{margin-top:90px}.mod_article{width:55%;font-size:1.0588em}.start .mod_article{width:470px;margin:70px 15px 0 0;padding:35px 35px 30px;font-size:1.125em}.content-wide .mod_article:not(.article-headline,.portfolio){width:90%;padding:0}.content-wide .mod_article:not(.article-headline,.portfolio)>.inside{padding:7% 8%}.content-wide .mod_article:not(.article-headline,.portfolio) .content-text,.content-wide .mod_article:not(.article-headline,.portfolio) .content-headline,.content-wide .mod_article:not(.article-headline,.portfolio) .ce_accordion{width:90%;margin-left:10%}}.profil .mod_article p{text-indent:1em}.profil .mod_article p.noindent{text-indent:0}.mod_article ul{width:calc(100% - 1.5em);margin-left:1.5em;margin-bottom:0.7em;list-style-image:url("../../files/jh-theme/images/bullet-green.svg")}.mod_article.background-green ul,.mod_article.background-grey ul{list-style-image:url("../../files/jh-theme/images/bullet-white.svg")}.mod_article ul.list-plus,.mod_article ul.list-minus{list-style:none;margin-left:2em;line-height:1.4}.mod_article ul.list-plus li,.mod_article ul.list-minus li{position:relative}.mod_article ul.list-plus li+li,.mod_article ul.list-minus li+li{margin-top:0.5em}.mod_article ul.list-plus li::before,.mod_article ul.list-minus li::before{content:"+";position:absolute;top:-0.3em;left:-1em;color:#95a830;font-size:1.8em}.mod_article ul.list-minus li::before{content:"-";top:-0.4em;left:-0.75em;color:#cb0000;font-size:2.2em}.profil #main>.inside::after{content:url("../../files/jh-theme/images/sprechblase01.png");float:right;display:none;width:64px;height:auto;margin-top:180px}.start .mod_article a{text-decoration:none}.start .content-text p{display:inline;margin:0;padding:0}.start .content-text h1,.start .content-text h2{display:inline;margin:0;padding:0;font-size:1em;line-height:inherit;color:#2e2d30;font-weight:700}p{margin-bottom:0.7em}main .margin-top-10{margin-top:1em}main .margin-top-15{margin-top:1.5em}main .margin-top-20{margin-top:2em}main .max-1000{max-width:1000px}main .max-900{max-width:900px}main .max-800{max-width:800px}main .max-700{max-width:700px}main .max-600{max-width:600px}main .max-500{max-width:500px}main .max-400{max-width:400px}.img-scroll-y,.mod_newsreader .img-scroll-y{height:80vh;max-height:800px;overflow-y:scroll;border:1px solid #dadcdd;border-radius:4px}.img-scroll-y img,.mod_newsreader .img-scroll-y img{display:block;border:0;border-radius:0}a.button,button a,button[type=submit]{display:inline-block;padding:0.7em 1.1em 0.75em;color:#fff;font-size:1em;font-weight:400;line-height:1.1;text-decoration:none;background-color:#adbf29;border:0;outline:none;border-radius:15px;transition:background-color 0.3s ease}a.button:hover,a.button:focus,button a:hover,button a:focus,button[type=submit]:hover,button[type=submit]:focus{background-color:#707173}.button+.button{margin-left:1.2em}@media only screen and (max-width: 350px){a.button,button a,button[type=submit]{display:block;width:60%}.button+.button{margin-left:0;margin-top:1em}}.button .arrow-right,button .arrow-right,.button .arrow-ext{display:inline-block;position:relative;width:19px}.button .arrow-right::before,button .arrow-right::before,.button .arrow-ext::before{content:"";display:block;position:absolute;top:0.5em;width:19px;height:0;border-top:1px solid #fff}.button .arrow-right::after,button .arrow-right::after,.button .arrow-ext::after{content:"";display:block;position:absolute;top:calc(0.5em - 4px);right:0;width:9px;height:9px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg)}.button .arrow-ext{transform:rotate(-45deg)}a.button-ghost,button-ghost a{color:#95a830;background-color:transparent;border:1px solid #adbf29;transition:all 0.3s ease}a.button-ghost:hover,a.button-ghost:focus,button-ghost a:hover,button-ghost a:focus{color:#707173;background-color:#e5e7ea;border-color:#707173}.button-ghost .arrow-right::before{border-top:1px solid #95a830}.button-ghost .arrow-right::after{border-top:1px solid #95a830;border-right:1px solid #95a830}.button-ghost:hover .arrow-right::before,.button-ghost:focus .arrow-right::before{border-color:#707173}.button-ghost:hover .arrow-right::after,.button-ghost:focus .arrow-right::after{border-top-color:#707173;border-right-color:#707173}.button-bottom{position:absolute;bottom:-1.5em}.has-bullet-number{position:relative}@media (max-width: 1024px){.has-bullet-number{width:calc(100% - 3em);margin-left:3em}}.bullet-number{display:block;position:absolute;top:-0.1em;left:-2.1em;width:1.5em;height:1.5em;margin:0;background-color:#adbf29;border-radius:0.75em;color:#fff;font-size:1.5em;text-align:center;font-weight:700}.arrow-right-14{width:20px;height:13px;top:-2px;position:relative;display:inline-block;vertical-align:middle;text-decoration:none;background:url("../../files/jh-theme/images/arrow-right-14.png") top right no-repeat}.arrow-right-11{width:16px;height:10px;display:inline-block;text-decoration:none;background:url("../../files/jh-theme/images/arrow-right-11.png") top right no-repeat}a:hover .arrow-right-14,a:focus .arrow-right-14,a:hover .arrow-right-11,a:focus .arrow-right-11{background-position:right 100%}@media only screen and (min-width: 1024px){a.button,button a,button[type=submit]{padding:0.8em 1.2em 0.85em;font-size:1.1em}.bullet-number{left:-2.5em;font-size:2em}}.ce_accordion,.spektrum-card{padding:0 0 .6em;border-bottom:1px solid #dadcdd;border-radius:0}.ce_accordion:last-of-type{margin-bottom:1.5em}.ce_accordion .toggler,.spektrum-card{position:relative;padding:1em 0 .5em;color:#707173;cursor:pointer;transition:color 0.3s ease}.ce_accordion .toggler h2,.spektrum-card h2{margin:0;font-size:1em;color:#707173;transition:color 0.3s ease}.ce_accordion .toggler p,.spektrum-card p{width:90%;margin:0}.ce_accordion .toggler::after,.spektrum-card::after{width:19px;height:19px;right:0;top:1.8em;position:absolute;content:url("../../files/jh-theme/images/arrow-right-19.svg");transition:all 0.2s ease-out}.ce_accordion .toggler.active::after{content:url("../../files/jh-theme/images/arrow-right-19-gr.svg");transform:rotate(90deg)}.ce_accordion .toggler:hover,.ce_accordion .toggler:focus,.ce_accordion .toggler:hover h2,.ce_accordion .toggler:focus h2{color:#95a830;outline-style:none}.ce_accordion .accordion{margin:0}.spektrum-card{padding-bottom:1.1em}.spektrum-card a{text-decoration:none}.spektrum-card a:hover h2,.spektrum-card a:focus h2{color:#95a830}.accordion-grey{background-color:#e5e7ea;border-radius:20px;border-bottom:0;margin-top:1em;margin-bottom:1em;padding:0 1.5em 0.5em}.accordion-grey .toggler{min-height:2em;padding-right:2em;font-weight:700}.accordion-grey .toggler::after{display:block;position:absolute;content:"+";width:1.5em;height:1.5em;right:-0.2em;top:calc(50% - 0.6em);font-size:2em;font-weight:300;text-align:center;transition:all 0.2s ease-out}.accordion-grey .toggler.active::after{content:"+";transform:rotate(45deg)}.mod_booknav{position:absolute;right:5%;top:12px;text-align:right;font-size:1.2em;line-height:1.1;z-index:100}.mod_booknav ul{display:flex;justify-content:flex-end;list-style:none}.mod_booknav li{position:relative}.mod_booknav li.empty{display:none}.mod_booknav .next{margin-left:1vw}.mod_booknav a{display:block;position:relative;height:42px;width:42px;padding-left:42px;color:#fff;text-decoration:none;overflow:hidden}.mod_booknav a::before,.mod_booknav a::after{content:"";display:block;position:absolute}.mod_booknav a::before{width:25px;height:1px;background-color:#707173;top:50%;left:8px;transition:background-color .2s ease}.mod_booknav a::after{width:15px;height:15px;border-bottom:1px solid #707173;border-right:1px solid #707173;top:14px;transition:border-color .2s ease}.mod_booknav .next a::after{transform:rotate(-45deg);left:17px}.mod_booknav .previous a::after{transform:rotate(135deg);left:9px}.mod_booknav a:hover::before,.mod_booknav a:focus::before{background-color:#95a830}.mod_booknav a:hover::after,.mod_booknav a:focus::after{border-color:#95a830}.mod_booknav .up{margin-left:4vw}.mod_booknav .up a::before,.mod_booknav .up a::after{content:"";display:block;position:absolute;width:34px;height:1px;top:21px;left:8px;border:0;background-color:#707173;transition:background-color .2s ease}.mod_booknav .up a::before{transform:rotate(-45deg)}.mod_booknav .up a::after{transform:rotate(45deg)}.mod_booknav .up a:hover::before,.mod_booknav .up a:focus::before,.mod_booknav .up a:hover::after,.mod_booknav .up a:focus::after{background-color:#95a830}@media screen and (min-width: 1024px){.mod_booknav{top:22px}}.portfolio-header #header{position:absolute;width:100%;z-index:1000000}.portfolio .mod_article{width:auto;height:235px;max-width:864px;position:relative;overflow:hidden;float:right;padding:0;text-align:right;border-radius:0;font-size:.1px;line-height:1;margin:30px 5% 0;background:none}#portfolio-box-aligner{display:flex;flex-wrap:wrap;justify-content:flex-start;text-align:left;width:100%;margin-left:4px}.mod_article .portfolio-thumb img{width:100%;height:auto}a.portfolio-thumb,a.portfolio-thumb-cat{display:inline-block;width:40px;height:40px;margin:0 3.5px 7px;border:none;transition:opacity 0.3s ease}a.portfolio-thumb:hover,a.portfolio-thumb:focus{opacity:0.5}a.portfolio-thumb-cat{position:relative;padding:8px 4px 0;vertical-align:top;font-size:0.813rem;text-decoration:none;color:#fff;background:#bbb url("../../files/jh-theme/images/portfolio-thumb-bg.jpg") no-repeat;background-size:100% 200%}a.portfolio-thumb-cat span{display:inline-block;position:relative;z-index:10}a.portfolio-thumb-cat::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#95a830 url("../../files/jh-theme/images/portfolio-thumb-bg.jpg") no-repeat;background-size:100% 200%;background-position:0px 100%;z-index:1;opacity:0;transition:opacity 0.3s ease}a.portfolio-thumb-cat:hover::before,a.portfolio-thumb-cat:focus::before{opacity:1}.portfolio-layer{width:100vw;height:100vh;background-position:center;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover}.portfolio-cd-stadtklima{background-image:url("/files/jh-website/portfolio/corporate-design/cd-stadtklima1024.jpg")}.portfolio-cd-biovision{background-image:url("/files/jh-website/portfolio/corporate-design/cd-biovision1024.jpg")}.portfolio-cd-wibe{background-image:url("/files/jh-website/portfolio/corporate-design/cd-wibe1-1024.jpg")}.portfolio-cd-bubu{background-image:url("/files/jh-website/portfolio/corporate-design/cd-bubu1024.jpg")}.portfolio-cd-brillen-joseph{background-image:url("/files/jh-website/portfolio/corporate-design/cd-brillen-joseph1024.jpg")}.portfolio-cd-burnout{background-image:url("/files/jh-website/portfolio/corporate-design/cd-burnout1024.jpg")}.portfolio-cd-rueckkopplung{background-image:url("/files/jh-website/portfolio/corporate-design/cd-rueckkopplung1024.jpg")}.portfolio-cd-puder{background-image:url("/files/jh-website/portfolio/corporate-design/cd-puder1024.jpg")}.portfolio-web-tourbosoft{background-image:url("/files/jh-website/portfolio/web-mobil/web-tourbosoft1024.jpg")}.portfolio-web-brandt{background-image:url("/files/jh-website/portfolio/web-mobil/web-brandt1024.jpg")}.portfolio-web-ferenczy{background-image:url("/files/jh-website/portfolio/web-mobil/web-ferenczy1024.jpg")}.portfolio-web-eggen{background-image:url("/files/jh-website/portfolio/web-mobil/web-eggen1024.jpg")}.portfolio-web-toribos{background-image:url("/files/jh-website/portfolio/web-mobil/web-toribos1024.jpg")}.portfolio-cover-briegel{background-image:url("/files/jh-website/portfolio/coverdesign/cover-briegel1024.jpg")}.portfolio-cover-bionic-elbows{background-image:url("/files/jh-website/portfolio/coverdesign/cover-bionic-elbows1024.jpg")}.portfolio-cover-puder{background-image:url("/files/jh-website/portfolio/coverdesign/cover-puder1024.jpg")}.portfolio-cover-boozed{background-image:url("/files/jh-website/portfolio/coverdesign/cover-boozed1024.jpg")}.portfolio-cover-turboacs{background-image:url("/files/jh-website/portfolio/coverdesign/cover-turboacs1024.jpg")}.portfolio-print-inbau{background-image:url("/files/jh-website/portfolio/print/print-inbau1024.jpg")}.portfolio-print-cardinahl-caffe{background-image:url("/files/jh-website/portfolio/print/print-cardinahl-caffe1024.jpg")}.portfolio-print-buchholz-digital{background-image:url("/files/jh-website/portfolio/print/print-buchholz-digital1024.jpg")}.portfolio-print-pluspunkt{background-image:url("/files/jh-website/portfolio/print/print-pluspunkt1024.jpg")}@media screen and (min-height: 820px) and (min-width: 500px){.portfolio .mod_article{height:360px;margin-top:50px}a.portfolio-thumb,a.portfolio-thumb-cat{width:50px;height:50px;margin:0 5px 10px}a.portfolio-thumb-cat{padding:15px 6px 0;font-size:0.875rem}}@media only screen and (min-width: 680px){.portfolio .mod_article{height:288px;margin-top:80px}a.portfolio-thumb,a.portfolio-thumb-cat{width:60px;height:60px;margin:0 6px 12px}a.portfolio-thumb-cat{padding:18px 8px 0;font-size:1rem}.portfolio-cd-stadtklima{background-image:url("/files/jh-website/portfolio/corporate-design/cd-stadtklima1920.jpg")}.portfolio-cd-biovision{background-image:url("/files/jh-website/portfolio/corporate-design/cd-biovision1920.jpg")}.portfolio-cd-wibe{background-image:url("/files/jh-website/portfolio/corporate-design/cd-wibe1-1920.jpg")}.portfolio-cd-bubu{background-image:url("/files/jh-website/portfolio/corporate-design/cd-bubu1920.jpg")}.portfolio-cd-brillen-joseph{background-image:url("/files/jh-website/portfolio/corporate-design/cd-brillen-joseph1920.jpg")}.portfolio-cd-burnout{background-image:url("/files/jh-website/portfolio/corporate-design/cd-burnout1920.jpg")}.portfolio-cd-rueckkopplung{background-image:url("/files/jh-website/portfolio/corporate-design/cd-rueckkopplung1920.jpg")}.portfolio-cd-puder{background-image:url("/files/jh-website/portfolio/corporate-design/cd-puder1920.jpg")}.portfolio-web-tourbosoft{background-image:url("/files/jh-website/portfolio/web-mobil/web-tourbosoft1920.jpg")}.portfolio-web-brandt{background-image:url("/files/jh-website/portfolio/web-mobil/web-brandt1920.jpg")}.portfolio-web-ferenczy{background-image:url("/files/jh-website/portfolio/web-mobil/web-ferenczy1920.jpg")}.portfolio-web-eggen{background-image:url("/files/jh-website/portfolio/web-mobil/web-eggen1920.jpg")}.portfolio-web-toribos{background-image:url("/files/jh-website/portfolio/web-mobil/web-toribos1920.jpg")}.portfolio-cover-briegel{background-image:url("/files/jh-website/portfolio/coverdesign/cover-briegel1920.jpg")}.portfolio-cover-bionic-elbows{background-image:url("/files/jh-website/portfolio/coverdesign/cover-bionic-elbows1920.jpg")}.portfolio-cover-puder{background-image:url("/files/jh-website/portfolio/coverdesign/cover-puder1920.jpg")}.portfolio-cover-boozed{background-image:url("/files/jh-website/portfolio/coverdesign/cover-boozed1920.jpg")}.portfolio-cover-turboacs{background-image:url("/files/jh-website/portfolio/coverdesign/cover-turboacs1920.jpg")}.portfolio-print-inbau{background-image:url("/files/jh-website/portfolio/print/print-inbau1920.jpg")}.portfolio-print-cardinahl-caffe{background-image:url("/files/jh-website/portfolio/print/print-cardinahl-caffe1920.jpg")}.portfolio-print-buchholz-digital{background-image:url("/files/jh-website/portfolio/print/print-buchholz-digital1920.jpg")}.portfolio-print-pluspunkt{background-image:url("/files/jh-website/portfolio/print/print-pluspunkt1920.jpg")}}@media only screen and (min-width: 1024px){.portfolio .mod_article{margin-top:80px}}@media only screen and (min-height: 980px) and (min-width: 1200px){.portfolio .mod_article{height:360px;width:100%;max-width:1020px}#portfolio-box-aligner{margin-left:10px}a.portfolio-thumb,a.portfolio-thumb-cat{width:80px;height:80px}a.portfolio-thumb-cat{padding:30px 10px 0;font-size:1.25rem}}@media only screen and (max-height: 850px) and (min-width: 680px){.portfolio .mod_article{height:240px;margin-top:50px}a.portfolio-thumb,a.portfolio-thumb-cat{width:50px;height:50px;margin:0 5px 10px}a.portfolio-thumb-cat{padding:15px 6px 0;font-size:0.875rem}}@media only screen and (max-height: 790px) and (min-width: 680px){.portfolio .mod_article{height:180px}}@media only screen and (max-height: 680px) and (min-width: 680px){.portfolio .mod_article{height:120px}}.portfolio .content-image{position:relative}.portfolio .content-image figure{border-radius:15px;overflow:hidden}.portfolio .content-image img{display:block;width:100%;height:auto;margin:0}.portfolio .content-image+.content-image,.portfolio .content-image+.column-portfolio-container{margin-top:20px}@media only screen and (max-width: 680px){.portfolio .image-zoom-s img{width:110%;transform:translateX(-4.5%)}.portfolio .image-zoom-m img{width:120%;transform:translateX(-9.5%)}.portfolio .image-zoom-l img{width:130%;transform:translateX(-14.5%)}}.column-portfolio-container .col-1,.column-portfolio-container .col-2{padding:5%;border:0;border-radius:15px}.portfolio .content-image h1{position:absolute;left:calc(10px + 4%);top:calc(10px + 5%);z-index:1}.adler-smart-solutions #background{background-image:url("/files/jh-website/portfolio/webdesign/adler-smart-solutions/web-adler-smart-solutions1400.jpg")}.kasbah-lamu #background{background-image:url("/files/jh-website/portfolio/webdesign/kasbah-lamu/web-kasbah-lamu1400.jpg")}.marie-laure #background{background-image:url("/files/jh-website/portfolio/webdesign/marie-laure/web-marie-laure1400.jpg")}.allers-roesel #background{background-image:url("/files/jh-website/portfolio/webdesign/allers-roesel/web-allers-roesel1400.jpg")}.buchholz #background{background-image:url("/files/jh-website/portfolio/webdesign/buchholz/web-buchholz1400.jpg")}.artline-agency #background{background-image:url("/files/jh-website/portfolio/webdesign/artline-agency/web-artline1400.jpg")}.tourbosoft #background{background-image:url("/files/jh-website/portfolio/web-mobil/web-tourbosoft1024.jpg")}.brandt #background{background-image:url("/files/jh-website/portfolio/web-mobil/web-brandt1024.jpg")}.rekorder #background{background-image:url("/files/jh-website/portfolio/web-mobil/web-rekorder1024.jpg")}.ferenczy #background{background-image:url("/files/jh-website/portfolio/web-mobil/web-ferenczy1024.jpg")}.eggen #background{background-image:url("/files/jh-website/portfolio/web-mobil/web-eggen1024.jpg")}.toribos #background{background-image:url("/files/jh-website/portfolio/web-mobil/web-toribos1024.jpg")}@media only screen and (min-width: 680px){.adler-smart-solutions #background{background-image:url("/files/jh-website/portfolio/webdesign/adler-smart-solutions/web-adler-smart-solutions1920.jpg")}.kasbah-lamu #background{background-image:url("/files/jh-website/portfolio/webdesign/kasbah-lamu/web-kasbah-lamu1920.jpg")}.marie-laure #background{background-image:url("/files/jh-website/portfolio/webdesign/marie-laure/web-marie-laure1920.jpg")}.allers-roesel #background{background-image:url("/files/jh-website/portfolio/webdesign/allers-roesel/web-allers-roesel1920.jpg")}.buchholz #background{background-image:url("/files/jh-website/portfolio/webdesign/buchholz/web-buchholz1920.jpg")}.artline-agency #background{background-image:url("/files/jh-website/portfolio/webdesign/artline-agency/web-artline1920.jpg")}.tourbosoft #background{background-image:url("/files/jh-website/portfolio/web-mobil/web-tourbosoft1920.jpg")}.brandt #background{background-image:url("/files/jh-website/portfolio/web-mobil/web-brandt1920.jpg")}.rekorder #background{background-image:url("/files/jh-website/portfolio/web-mobil/web-rekorder1920.jpg")}.ferenczy #background{background-image:url("/files/jh-website/portfolio/web-mobil/web-ferenczy1920.jpg")}.eggen #background{background-image:url("/files/jh-website/portfolio/web-mobil/web-eggen1920.jpg")}.toribos #background{background-image:url("/files/jh-website/portfolio/web-mobil/web-toribos1920.jpg")}}@media only screen and (min-width: 1024px){.portfolio .content-image figure{border-radius:20px}.column-portfolio-container{display:flex;align-items:center;position:relative;margin-top:-4% !important;left:calc(50% - 50vw);width:100vw;z-index:2}.column-portfolio-container .col-1,.column-portfolio-container .col-2{display:flex;margin:0;padding:4% 5%;border:0;border-radius:20px}.column-portfolio-container .col-1>.inside,.column-portfolio-container .col-2>.inside{max-width:800px}.column-portfolio-container .col-1{justify-content:flex-end;border-top-left-radius:0;border-bottom-left-radius:0}.column-portfolio-container .col-2{justify-content:flex-start;border-top-right-radius:0;border-bottom-right-radius:0}.portfolio .column-portfolio-container+.content-image{margin-top:-4%}}.mod_newslist{width:90%;overflow:hidden;clear:both;margin:0 5% 25px;opacity:0;transition:opacity 4s 2s ease-out}.mod_newslist::before{position:relative;width:50px;height:24px;display:block;margin-bottom:0;margin-left:70px;content:url("../../files/jh-theme/images/sprechblase-news24.svg");opacity:0.95}.mod_newslist h1,.mod_newslist hr{display:none}.mod_newslist .layout_latest{width:100%;position:relative;margin:0;padding:6% 5%;border-radius:30px;font-size:0.875em;line-height:1.375;background-color:rgba(255,255,255,0.96)}.mod_newslist .image_container{width:60px;height:60px;left:30px;margin-top:0.1em;position:absolute;overflow:hidden;background-color:#fff;border:1px solid #dadcdd;border-radius:2px}.mod_newslist img,.mod_newsarchive img{width:100%;height:100%;object-fit:cover;-o-object-fit:cover}.mod_newslist h2{margin:0 0 8px;font-size:1.25em;line-height:1.25;font-weight:500}.mod_newslist h2,.mod_newslist .teaser,.mod_newslist .more{margin-left:85px}.mod_newslist p{margin:0}.mod_newslist .more a{text-decoration:none;font-weight:500}.sprechblase-news01{position:relative;width:42px;height:14px;display:block;margin:0 0 0 74px;background-image:url("../../files/jh-theme/images/sprechblase-news14.svg");background-repeat:no-repeat;opacity:0.95}.mod_newslist .sprechblase-news01:last-child{display:none}.mod_newsarchive .layout_latest{min-height:120px;position:relative;overflow:hidden;display:block;padding-bottom:30px;font-size:14px;line-height:1.4;border-top:1px solid #dadcdd}.mod_newsarchive .info{width:90px;left:75px;top:30px;position:absolute}.mod_newsarchive .image_container{width:60px;height:60px;left:0;top:32px;position:absolute;overflow:hidden;margin-right:40px;border:1px solid #dadcdd;border-radius:3px}.mod_newsarchive h2{margin-top:3.2em}.mod_newsarchive h2,.mod_newsarchive .teaser,.mod_newsarchive .more{margin-left:75px}.mod_newsarchive p{margin:0}.mod_newsreader .info{margin-bottom:20px}.mod_newsreader .image_container{margin-bottom:20px}.mod_newsreader .float_left{width:280px;padding-right:20px}.mod_newsreader img{width:100%;height:auto;border:1px solid #dadcdd;border-radius:4px}.mod_newsreader .img480{max-width:480px}.mod_newsreader .back{float:right}.mod_newsreader .back a{text-decoration:none}.mod_newsreader .back a::after{content:"";width:20px;height:13px;top:-2px;position:relative;display:inline-block;vertical-align:middle;text-decoration:none;background:url("../../files/jh-theme/images/arrow-right-14.png") top right no-repeat}.mod_newsreader .back a:hover::after,.mod_newsreader .back a:focus::after{background-position:right 100%}@media only screen and (min-width: 400px){.mod_newsarchive .image_container{width:90px;height:90px}.mod_newsarchive .info{left:120px}.mod_newsarchive h2,.mod_newsarchive .teaser,.mod_newsarchive .more{margin-left:120px}}@media only screen and (min-width: 500px){.mod_newslist{float:right;width:auto;margin:0 5% 25px 0}.mod_newslist .layout_latest{width:400px;margin:0}}@media only screen and (min-width: 1024px){.mod_newslist{margin:0 15px 25px 0}.mod_newslist .layout_latest{width:470px}.mod_newslist h2,.mod_newsarchive h2{font-size:1.35em}.mod_newsarchive .layout_latest{min-height:185px}.mod_newsarchive .info{left:0}.mod_newsarchive .image_container{width:120px;height:120px;left:80px;top:33px}.mod_newsarchive h2{margin-top:30px}.mod_newsarchive h2,.mod_newsarchive .teaser,.mod_newsarchive .more{margin-left:230px}}#v-card{display:none;top:35px;position:absolute;text-align:right;right:35px}.v-card-icon{width:60px;height:30px;display:inline-block;vertical-align:top;opacity:1;visibility:visible;background:url("../../files/jh-theme/images/icon-vcard-60.gif") no-repeat;transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-webkit-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s}.v-card-icon:hover,.v-card-icon:focus{background-position:0 100%;cursor:pointer}.v-card-qr{width:171px;height:0;top:-34px;position:relative;opacity:0;visibility:hidden;background:url("../../files/jh-theme/images/jh-vcard.gif") no-repeat;transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-webkit-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s}.v-card-qr:hover,.v-card-qr:focus{cursor:pointer}.v-card-m{display:none}#kontakt-form{overflow:hidden;transition:opacity 1s}#kontakt-form-switch-box{width:48%;min-width:280px;max-width:640px;float:right;clear:both;display:block;margin-right:5%;padding:0 35px}.kontakt-form-switch{width:100px;height:40px;background:rgba(255,255,255,0.5) url("../../files/jh-theme/images/arrow-down-kontakt-18.png") top center no-repeat;border-bottom-left-radius:8px;-moz-border-bottom-left-radius:8px;-webkit-border-bottom-left-radius:8px;border-bottom-right-radius:8px;-moz-border-bottom-right-radius:8px;-webkit-border-bottom-right-radius:8px}.kontakt-form-switch:hover,.kontakt-form-switch:focus{background-position:center 100%;cursor:pointer}form{margin-top:15px;margin-bottom:12px}.ce_form label{display:inline-block;width:8em;margin-top:1.4em;margin-right:0.5em;font-size:0.9em;line-height:1.1;text-align:right;vertical-align:top}.ce_form input,.ce_form textarea{width:calc(100% - 9em);margin:0;padding:1.2em 1em 0.4em;border:0;border-bottom:1px solid #aaa;color:#707173;font:400 1em "Metropolis","Raleway",Verdana,sans-serif;letter-spacing:0.04em;word-spacing:-0.04em;background-color:transparent;transition:background-color 0.3s ease}.ce_form input:hover,.ce_form input:focus,.ce_form textarea:hover,.ce_form textarea:focus{background-color:#f1f1f3;outline:none}.ce_form fieldset{border:none;padding:0}.ce_form legend{display:none}.ce_form .checkbox_container,.ce_form .widget-submit{margin-left:8.6em;border:0}.ce_form .widget-submit{margin-top:1.5em}.ce_form .checkbox_container{margin-top:0.5em}.ce_form .checkbox_container input{width:18px;height:18px;margin:0 0.4em 0 0.1em;border:1px solid #ddd}.ce_form .checkbox_container label{margin-top:0.2em;text-align:left;width:auto}.ce_form p.error{position:absolute;left:22%;top:0;color:#cb0000;font-size:0.8em;margin:0}.ce_form div.error{padding-top:1.5em}@media only screen and (min-width: 680px){#v-card{display:block}}@media only screen and (min-width: 1024px){.ce_form label{font-size:1em}}.column-2-container{display:flex;flex-wrap:wrap;margin:1.5em 0}.column-2-container img{display:block;width:80%;max-width:600px;height:auto;margin-left:auto;margin-right:auto}.column-2-container.l25-r75 img,.column-2-container.l75-r25 img{max-width:250px}.column-2-container.l30-r70 img,.column-2-container.l70-r30 img{max-width:300px}.column-2-container.l40-r60 img,.column-2-container.l60-r40 img{max-width:350px}.col-1,.col-2{width:100%;border-top:1px solid #dadcdd;padding-top:1em}.col-1 p:first-child,.col-2 p:first-child{margin-top:0}.col-1 p:last-child,.col-2 p:last-child{margin-bottom:0}.col-1 p:first-child img,.col-2 p:first-child img{margin-top:0.3em}.col-1 p:last-child img,.col-2 p:last-child img{margin-bottom:0.3em}.l60-r40 .col-1{order:1}.l60-r40 .col-2{order:0}.l70-r30 .col-1{order:1}.l70-r30 .col-2{order:0}.l75-r25 .col-1{order:1}.l75-r25 .col-2{order:0}@media only screen and (max-width: 1024px){.col-1+.col-2{margin-top:1em}}@media only screen and (min-width: 1024px){.column-2-container{flex-wrap:nowrap;align-items:center;margin:1.5em 0}.column-2-container img{width:100%}.column-2-container.ausrichtung-oben{align-items:flex-start}.column-2-container.ausrichtung-unten{align-items:flex-end}.col-1{margin-right:4.9%}.l25-r75 .col-1{width:22.5%}.l25-r75 .col-2{width:72.5%}.l30-r70 .col-1{width:27.5%}.l30-r70 .col-2{width:67.5%}.l40-r60 .col-1{width:37.5%}.l40-r60 .col-2{width:57.5%}.l50-r50 .col-1{width:47.5%}.l50-r50 .col-2{width:47.5%}.l60-r40 .col-1{width:57.5%;order:0}.l60-r40 .col-2{width:37.5%}.l70-r30 .col-1{width:67.5%;order:0}.l70-r30 .col-2{width:27.5%}.l75-r25 .col-1{width:72.5%;order:0}.l75-r25 .col-2{width:22.5%}}.animation,.animation li,.animation-content>*{opacity:1;transform:translate(0px, 0px);transition:transform 1.2s .2s ease, opacity 1.5s .2s ease}.fade{opacity:0}.fade-left,.fade-left li,.animation-content>.fade-left{opacity:0;transform:translateX(50px)}.fade-top,.fade-top li{opacity:0;transform:translateY(40px)}ul.fade-left,ol.fade-left{opacity:1;transform:translateX(0px)}.keine-animation,.no-animation{opacity:1 !important;transform:translateX(0px) !important}