@font-face{font-family:GeneratePress;src:url(//cc-webstudio.de/wp-content/themes/generatepress/assets/fonts/generatepress.eot);src:url(//cc-webstudio.de/wp-content/themes/generatepress/assets/fonts/generatepress.eot#iefix) format("embedded-opentype"),url(//cc-webstudio.de/wp-content/themes/generatepress/assets/fonts/generatepress.woff2) format("woff2"),url(//cc-webstudio.de/wp-content/themes/generatepress/assets/fonts/generatepress.woff) format("woff"),url(//cc-webstudio.de/wp-content/themes/generatepress/assets/fonts/generatepress.ttf) format("truetype"),url(//cc-webstudio.de/wp-content/themes/generatepress/assets/fonts/generatepress.svg#GeneratePress) format("svg");font-weight:400;font-style:normal}.cat-links:before,.comments-link:before,.dropdown-menu-toggle:before,.generate-back-to-top:before,.menu-toggle:before,.nav-next .next:before,.nav-previous .prev:before,.search-form .search-submit:before,.search-item a:before,.tags-links:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.cat-links:before,.comments-link:before,.nav-next .next:before,.nav-previous .prev:before,.tags-links:before{opacity:.7}.menu-toggle:before{content:"\f0c9";font-family:GeneratePress;width:1.28571429em;text-align:center;display:inline-block}.toggled .menu-toggle:before{content:"\f00d"}.main-navigation.toggled .sfHover>a .dropdown-menu-toggle:before{content:"\f106"}.search-item a:before{content:"\f002";font-family:GeneratePress;width:1.28571429em;text-align:center;display:inline-block}.search-item.close-search a:before{content:"\f00d"}.widget .search-form button:before{content:"\f002";font-family:GeneratePress}.dropdown-menu-toggle:before{content:"\f107";font-family:GeneratePress;display:inline-block;width:.8em;text-align:left}nav:not(.toggled) ul ul .dropdown-menu-toggle:before{text-align:right}.dropdown-hover .sub-menu-left:not(.toggled) ul ul .dropdown-menu-toggle:before{transform:rotate(180deg)}.dropdown-click .menu-item-has-children.sfHover>a .dropdown-menu-toggle:before{content:"\f106"}.dropdown-hover nav:not(.toggled) ul ul .dropdown-menu-toggle:before{content:"\f105"}.entry-header .cat-links:before,.entry-header .comments-link:before,.entry-header .tags-links:before{display:none}.cat-links:before,.comments-link:before,.nav-next .next:before,.nav-previous .prev:before,.tags-links:before{font-family:GeneratePress;text-decoration:inherit;position:relative;margin-right:.6em;width:13px;text-align:center;display:inline-block}.cat-links:before{content:"\f07b"}.tags-links:before{content:"\f02c"}.comments-link:before{content:"\f086"}.nav-previous .prev:before{content:"\f104"}.nav-next .next:before{content:"\f105"}.dropdown-hover .inside-right-sidebar .dropdown-menu-toggle:before,.dropdown-hover.both-right .inside-left-sidebar .dropdown-menu-toggle:before{content:"\f104"}.dropdown-hover .inside-left-sidebar .dropdown-menu-toggle:before,.dropdown-hover.both-left .inside-right-sidebar .dropdown-menu-toggle:before{content:"\f105"}.generate-back-to-top:before{content:"\f106";font-family:GeneratePress}.search-form .search-submit:before{content:"\f002";font-family:GeneratePress;width:1.28571429em;text-align:center;display:inline-block}body{background-color:#ffffff;color:#001f25;}a{color:#ff7300;}a:visited{color:#ff7300;}a:hover, a:focus, a:active{color:#ff2f92;}.grid-container{max-width:1400px;}.wp-block-group__inner-container{max-width:1400px;margin-left:auto;margin-right:auto;}@media (max-width: 500px) and (min-width: 1201px){.inside-header{display:flex;flex-direction:column;align-items:center;}.site-logo, .site-branding{margin-bottom:1.5em;}#site-navigation{margin:0 auto;}.header-widget{margin-top:1.5em;}}.generate-back-to-top{font-size:20px;border-radius:3px;position:fixed;bottom:30px;right:30px;line-height:40px;width:40px;text-align:center;z-index:10;transition:opacity 300ms ease-in-out;opacity:0.1;transform:translateY(1000px);}.generate-back-to-top__show{opacity:1;transform:translateY(0);}:root{--contrast:#3a3a3a;--contrast-2:#f8f8ff;--contrast-3:#ffffff;--cc-color-1:#FF7300;--cc-color-2:#FF2F92;--cc-color-3:#81D742;--cc-color-4:#E62984;--cc-color-5:#00C9F2;}:root .has-contrast-color{color:var(--contrast);}:root .has-contrast-background-color{background-color:var(--contrast);}:root .has-contrast-2-color{color:var(--contrast-2);}:root .has-contrast-2-background-color{background-color:var(--contrast-2);}:root .has-contrast-3-color{color:var(--contrast-3);}:root .has-contrast-3-background-color{background-color:var(--contrast-3);}:root .has-cc-color-1-color{color:var(--cc-color-1);}:root .has-cc-color-1-background-color{background-color:var(--cc-color-1);}:root .has-cc-color-2-color{color:var(--cc-color-2);}:root .has-cc-color-2-background-color{background-color:var(--cc-color-2);}:root .has-cc-color-3-color{color:var(--cc-color-3);}:root .has-cc-color-3-background-color{background-color:var(--cc-color-3);}:root .has-cc-color-4-color{color:var(--cc-color-4);}:root .has-cc-color-4-background-color{background-color:var(--cc-color-4);}:root .has-cc-color-5-color{color:var(--cc-color-5);}:root .has-cc-color-5-background-color{background-color:var(--cc-color-5);}body, button, input, select, textarea{font-family:CC-Jura;font-size:25px;}body{line-height:1.7;}.main-title{font-weight:500;font-size:30px;}.site-description{font-size:20px;}.main-navigation a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{font-weight:bold;font-size:35px;}.widget-title{font-size:30px;margin-bottom:10px;}h1.entry-title{font-size:50px;}.site-info{font-size:20px;}h1{font-weight:300;font-size:50px;line-height:1;}h2{font-weight:300;font-size:45px;line-height:1.3;}h3{font-size:35px;}h4{font-size:30px;line-height:1;}h5{font-size:20px;line-height:1;}h6{font-size:20px;line-height:1;}.footer-widgets .widget{font-size:20px;}.top-bar{background-color:#636363;color:#ffffff;}.top-bar a{color:#ffffff;}.top-bar a:hover{color:#303030;}.site-header{color:#001f25;}.site-header a{color:#001f25;}.site-header a:hover{color:#001f25;}.main-title a,.main-title a:hover{color:#001f25;}.site-description{color:#001f25;}.main-navigation,.main-navigation ul ul{background-color:rgba(255,255,255,0);}.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{color:#001f25;}.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{color:#001f25;background-color:rgba(255,255,255,0);}button.menu-toggle:hover,button.menu-toggle:focus{color:#001f25;}.main-navigation .main-nav ul li[class*="current-menu-"] > a{color:#001f25;background-color:rgba(255,255,255,0);}.navigation-search input[type="search"],.navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a{color:#001f25;background-color:rgba(255,255,255,0);}.main-navigation ul ul{background-color:#001f25;}.main-navigation .main-nav ul ul li a{color:#ffffff;}.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a,.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"]) > a{color:#ffffff;background-color:#001f25;}.main-navigation .main-nav ul ul li[class*="current-menu-"] > a{color:#ffffff;background-color:#001f25;}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header{background-color:#ffffff;}.entry-meta{color:#001f25;}.entry-meta a{color:#001f25;}.entry-meta a:hover{color:#001f25;}.sidebar .widget{background-color:#ffffff;}.sidebar .widget .widget-title{color:#001f25;}.footer-widgets{color:#001f25;background-color:#f8f8ff;}.footer-widgets a{color:#001f25;}.footer-widgets a:hover{color:var(--contrast);}.footer-widgets .widget-title{color:#001f25;}.site-info{color:#f8f8ff;background-color:#001f25;}.site-info a{color:var(--contrast-2);}.site-info a:hover{color:var(--contrast-3);}.footer-bar .widget_nav_menu .current-menu-item a{color:var(--contrast-3);}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select{color:#001f25;background-color:#f4f2f3;border-color:#e2e2e2;}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus{color:#001f25;background-color:#ffffff;border-color:#e2e2e2;}button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){color:#ffffff;background-color:#ff7300;}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{color:#ffffff;background-color:#ff3d9a;}a.generate-back-to-top{background-color:#ff2f92;color:#ffffff;}a.generate-back-to-top:hover,a.generate-back-to-top:focus{background-color:#ff7300;color:#ffffff;}:root{--gp-search-modal-bg-color:var(--base-3);--gp-search-modal-text-color:var(--contrast);--gp-search-modal-overlay-bg-color:rgba(0,0,0,0.2);}@media (max-width: 1200px){.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{background:none;color:#001f25;}}.inside-top-bar{padding:10px;}.inside-top-bar.grid-container{max-width:1420px;}.inside-header{padding:0px;}.inside-header.grid-container{max-width:1400px;}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:40px 100px 40px 100px;}.site-main .wp-block-group__inner-container{padding:40px 100px 40px 100px;}.separate-containers .paging-navigation{padding-top:20px;padding-bottom:20px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-100px;width:calc(100% + 200px);max-width:calc(100% + 200px);}.one-container.right-sidebar .site-main,.one-container.both-right .site-main{margin-right:100px;}.one-container.left-sidebar .site-main,.one-container.both-left .site-main{margin-left:100px;}.one-container.both-sidebars .site-main{margin:0px 100px 0px 100px;}.main-navigation .main-nav ul li a,.menu-toggle,.main-navigation .menu-bar-item > a{padding-left:12px;padding-right:12px;line-height:55px;}.main-navigation .main-nav ul ul li a{padding:10px 12px 10px 12px;}.navigation-search input[type="search"]{height:55px;}.rtl .menu-item-has-children .dropdown-menu-toggle{padding-left:12px;}.menu-item-has-children .dropdown-menu-toggle{padding-right:12px;}.rtl .main-navigation .main-nav ul li.menu-item-has-children > a{padding-right:12px;}.footer-widgets-container.grid-container{max-width:1480px;}.inside-site-info{padding:5px 0px 50px 0px;}.inside-site-info.grid-container{max-width:1400px;}@media (max-width:768px){.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:30px;}.site-main .wp-block-group__inner-container{padding:30px;}.footer-widgets-container{padding-bottom:30px;padding-left:30px;}.inside-site-info{padding-right:10px;padding-left:10px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-30px;width:calc(100% + 60px);max-width:calc(100% + 60px);}.one-container .site-main .paging-navigation{margin-bottom:20px;}}.footer-widgets{background-repeat:no-repeat;background-position:center right;}.main-navigation.toggled .main-nav > ul{background-color: rgba(255,255,255,0)}.sticky-enabled .gen-sidebar-nav.is_stuck .main-navigation {margin-bottom: 0px;}.sticky-enabled .gen-sidebar-nav.is_stuck {z-index: 500;}.sticky-enabled .main-navigation.is_stuck {box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .2);}.navigation-stick:not(.gen-sidebar-nav) {left: 0;right: 0;width: 100% !important;}.both-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav > ul,.mobile-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav > ul,.mobile-header-sticky #mobile-header.toggled .main-nav > ul {position: absolute;left: 0;right: 0;z-index: 999;}.nav-float-right .navigation-stick {width: 100% !important;left: 0;}.nav-float-right .navigation-stick .navigation-branding {margin-right: auto;}.main-navigation.has-sticky-branding:not(.grid-container) .inside-navigation:not(.grid-container) .navigation-branding{margin-left: 10px;}.displayNone {display:none;} @font-face {
font-family: 'CC-Jura';
font-style: normal;
font-weight: 400;
font-display:swap;
src: url(//cc-webstudio.de/wp-content/themes/cc-webstudio/fonts/jura-v13-latin-regular.eot); src: local(''),
url(//cc-webstudio.de/wp-content/themes/cc-webstudio/fonts/jura-v13-latin-regular.eot?#iefix) format('embedded-opentype'), url(//cc-webstudio.de/wp-content/themes/cc-webstudio/fonts/jura-v13-latin-regular.woff2) format('woff2'), url(//cc-webstudio.de/wp-content/themes/cc-webstudio/fonts/jura-v13-latin-regular.woff) format('woff'), url(//cc-webstudio.de/wp-content/themes/cc-webstudio/fonts/jura-v13-latin-regular.ttf) format('truetype'), url(//cc-webstudio.de/wp-content/themes/cc-webstudio/fonts/jura-v13-latin-regular.svg#Jura) format('svg'); } @font-face {
font-family: 'CC-Tahu';
font-style: normal;
font-weight: 400;
font-display:swap;
src: url(//cc-webstudio.de/wp-content/themes/cc-webstudio/fonts/Tahu.eot); src: local(''),
url(//cc-webstudio.de/wp-content/themes/cc-webstudio/fonts/Tahu.eot?#iefix) format('embedded-opentype'), url(//cc-webstudio.de/wp-content/themes/cc-webstudio/fonts/Tahu.woff2) format('woff2'), url(//cc-webstudio.de/wp-content/themes/cc-webstudio/fonts/Tahu.woff) format('woff'), url(//cc-webstudio.de/wp-content/themes/cc-webstudio/fonts/Tahu.ttf) format('truetype'), url(//cc-webstudio.de/wp-content/themes/cc-webstudio/fonts/Tahu.svg#Tahu) format('svg'); } a .rand-color1:hover, a.rand-color1:hover {filter:brightness(1.2);transition: filter .5s ease-out;}
.anim2 .rand-color1:hover {filter:brightness(1.1);transition: filter 1s ease-out;}
a .rand-color2:hover, a.rand-color2:hover, a .rand-color4:hover, a.rand-color4:hover, .generate-back-to-top:hover {filter:brightness(1.1);transition: filter .5s ease-out;}
a .rand-color3:hover, body:not(.kalkulator) a.rand-color3:hover, .projekte a:hover {color:#001f25!important;transition: color 1s ease-out;}
.site-footer a:hover {transition: filter 1s ease-out;} #wtr-progress.mute {opacity:1!important;} .cc-cursor{width: 50px;height: 50px;border-radius: 50%;z-index:9999999;position:fixed;transform:translate(20%, 30%);
animation-name: stretch;animation-duration: 1.5s;animation-timing-function: ease-out;animation-direction: alternate;animation-iteration-count: infinite;animation-play-state: running;}
@keyframes stretch {
0% {opacity: .2;}
100% {opacity:.6;transform: scale(0.9) translate(10%,15%);}
}
@media (max-width:1024px) {
.cc-cursor {display:none; }
} .slideout-overlay{background-color:transparent;}
.main-navigation.offside { width: 310px; overflow: hidden; }
.offside--right {right:-310px}
#menu-menuslideout li {padding-left:15px;}
@media (min-width:769px) {
.mobileOnly {display:none; }
} .secondary-menu {padding-right:40px;}
.home .secondary-navigation {background:#f8f8ff;}
.secondary-navigation .main-nav ul li[class*="current-menu-"] > a:after{ width: 20px;left: 50%;background-color: #001f25;}
.categoryWebdesign .menuWebdesign > a:after,.categoryPrint .menuPrint > a:after,.categoryProjekt .menuProjekt > a:after {width: 20px;left: 50%;background-color:#001f25;}
.categoryWebdesign.categoryPrint .menuPrint a:after { background-color: #ececec;} nav ul li a:after {
content: ""; position: absolute; width: 0; height: 8px;display: block;left: 0;background-color:#d7d7dd;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);-o-transform: translateX(-50%);
transition: all .35s ease;}
@media (max-width:1200px) {
#secondary-navigation {display:none; } 
} .mobile-header-navigation.is_stuck { box-shadow:none;} .startButton {position:absolute;z-index:1000;}
@media (min-width:769px) {
.startButton {position:fixed;z-index:1000;}
} .kontaktButton {display:none;}
@media (min-width:769px) {
.kontaktButton { display:inherit; position: fixed; width:130px; height: 50px; font-weight:bold; z-index: 100;
transform-origin: right top; font-size:35px;transform:rotate(90deg);
right: 2px;top: 215px;}
.kontaktButton a {color:#001f25; }
}
@media (min-width:1201px) {
.kontaktButton {right: -10px;top: 170px; }
} .inside-header { position: fixed; width:130px; bottom:0; right:0;z-index:100;}
.inside-header #site-navigation {display:none;}
.slideout-toggle:not(.has-svg-icon) a::before  {display:none;}
#mobile-header .inside-navigation {justify-content:flex-end;}
#mobile-header button.menu-toggle{font-size:35px;margin-top:-8px;}
@media (max-width:1024px) {
.inside-header { display:inherit;bottom:unset;}
.inside-header #site-navigation {display:inherit;}
}
@media (min-width:769px) and (max-width:1024px) {
.inside-header { top:-8px;right:30px;}
} .main-navigation .socialIcon {position:fixed;left:0;right:unset;bottom:0;height:50px;}
.main-navigation .socialIcon:first-child {bottom:35px;}
.socialIconFooter  {margin-left:12px;width:31px;height:36px;}
.socialIconFB {position:fixed;left:12px;bottom:-3px;z-index:10;}
.socialIconXing {position:fixed;left:12px;bottom:35px;z-index:10;} body {font-family: "CC-Jura", sans-serif; }
.anker { display: block; position: relative; top:-100px ; visibility: hidden; }
.smooth-scroll { color:#fff;}
.entry-title {margin-top:100px;}
img {font-size:15px;font-weight:normal;}
hr.wp-block-separator {border-bottom:0;border-top:1px solid #eaeaea;}
@media (max-width:768px) {
header {display:flex;flex-wrap:wrap-reverse;}
header > * {width:100%;}
.entry-title {margin-top:0;}
} .h-rotate {transform:rotate(-3deg)}
.startIntro p.anim3    { font-size: calc(22px + (25 - 22) * ((100vw - 300px) / (1900 - 300)));}
.startIntro p.hallo    { font-size: calc(45px + (80 - 45) * ((100vw - 300px) / (1900 - 300)));}
.kalkulator h2 { font-size: calc(45px + (60 - 45) * ((100vw - 300px) / (1900 - 300)));}
.startProdukte h2{ font-size: calc(30px + (45 - 30) * ((100vw - 300px) / (1900 - 300)));}
.startProdText   { font-size: calc(20px + (25 - 20) * ((100vw - 300px) / (1900 - 300)));}
.startBild h2    { font-size: calc(25px + (40 - 25) * ((100vw - 300px) / (1900 - 300)));}
.startKunden h3  { font-size: calc(25px + (25 - 20) * ((100vw - 300px) / (1900 - 300)));}
.startProdukte svg {max-width:30%;}  .ccButton {display:inherit;font-weight: bold;line-height:1;position:absolute;left:30px;right:60px;width:300px;z-index:2000;
font-size: calc(25px + (35 - 25) * ((100vw - 300px) / (1900 - 300)))!important;}
.ccButton a {color: #001f25;}
.home .ccButton {display:inherit;visibility:hidden; animation-fill-mode:forwards;animation-delay:.5s;animation-duration:2s;
-webkit-animation-name: menuAnim; animation-name: nameAnim;}
@-webkit-keyframes nameAnim {
from {-webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; }
to {-webkit-transform: translateX(0); transform: translateX(0);visibility: visible; }}
@keyframes nameAnim {
from {-webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; }
to {-webkit-transform: translateX(0); transform: translateX(0);visibility: visible; }} .home .kontaktButton {visibility:hidden; animation-fill-mode:forwards;animation-delay:3.3s;animation-duration:2s;
-webkit-animation-name: kontaktAnim; animation-name: kontaktAnim; }
@-webkit-keyframes kontaktAnim {
from {-webkit-transform: translateY(-100%) rotate(90deg); transform: translateY(-100%) rotate(90deg); visibility: visible; }
to {-webkit-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg);visibility: visible; }}
@keyframes kontaktAnim {
from {-webkit-transform: translateY(-100%) rotate(90deg); transform: translateY(-100%) rotate(90deg); visibility: visible; }
to {-webkit-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg);visibility: visible; }} .inside-header .slideout-toggle {visibility:hidden; animation-fill-mode:forwards;animation-delay:.5s;animation-duration:2s;
-webkit-animation-name: menuAnim; animation-name: menuAnim;}
@-webkit-keyframes menuAnim {
from {-webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; }
to {-webkit-transform: translateX(0); transform: translateX(0);visibility: visible; }}
@keyframes menuAnim {
from {-webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; }
to {-webkit-transform: translateX(0); transform: translateX(0);visibility: visible; }} .home #secondary-navigation { opacity:0;animation-delay:0s; animation-duration:4s;animation-fill-mode:forwards; 
-webkit-animation-name: fadeInRightNav; animation-name: fadeInRightNav;}
@-webkit-keyframes fadeInRightNav {
from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0); }
to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }}
@keyframes fadeInRightNav {
from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0); }
to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }} .anim1 {position:absolute;right:10px;opacity:0;max-width:20vw;bottom:10%;height:auto;
animation-fill-mode:forwards;animation-delay:0s;animation-duration:2s;-webkit-animation-name: rotateInDownRight; animation-name: flower1Anim;}
@-webkit-keyframes flower1Anim {
from {-webkit-transform-origin: right bottom;transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;  }}
@keyframes flower1Anim {
from {-webkit-transform-origin: right bottom;transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;  }} .anim2 { opacity: 0;border-radius:300px; max-width:25vw;height:auto;
animation-delay:3s; animation-duration:2s;animation-fill-mode:forwards;-webkit-animation-name: rollIn; animation-name: rollIn;}
@-webkit-keyframes rollIn {
from {opacity: 0;-webkit-transform: translate(-100%,50%) rotate(240deg);transform: translate(-100%,50%) rotate(240deg);}
to {opacity: 1;-webkit-transform: translate(30%,-30%);transform: translate(30%,-30%);  }}
@keyframes rollIn {
from {opacity: 0;-webkit-transform: translate(-100%,50%) rotate(240deg);transform: translate(-100%,50%) rotate(240deg);}
to {opacity: 1;-webkit-transform: translate(30%,-30%);transform: translate(30%,-30%);  }} .anim3 { opacity:0;animation-delay:3s; animation-duration:17s;animation-fill-mode:forwards; 
-webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
@-webkit-keyframes fadeInRight {
0% {opacity: 0;-webkit-transform: translate3d(100%, 100px, 0);transform: translate3d(100%, 100px, 0); }
15% {opacity: 1;-webkit-transform: translate3d(0, 100px, 0);transform: translate3d(0, 100px, 0); }
90% {opacity: 1;-webkit-transform: translate3d(0, 100px, 0);transform: translate3d(0, 100px, 0); }  
100% {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }}
@keyframes fadeInRight {
0% {opacity: 0;-webkit-transform: translate3d(100%, 100px, 0);transform: translate3d(100%, 100px, 0); }
15% {opacity: 1;-webkit-transform: translate3d(0, 100px, 0);transform: translate3d(0, 100px, 0); }
90% {opacity: 1;-webkit-transform: translate3d(0, 100px, 0);transform: translate3d(0, 100px, 0); }
100% {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }}
@-webkit-keyframes fadeInRightMob {
0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0); }
100% {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }}
@keyframes fadeInRightMob {
0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0); }
100% {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }} .anim4 { opacity:0; animation-delay:20s; animation-duration:1s;animation-fill-mode:forwards; -webkit-animation-name: nextAnim; animation-name: nextAnim;}
@-webkit-keyframes nextAnim {
from {opacity: 0;}
to {opacity: 1;}}
@keyframes nextAnim {
from {opacity: 0;}
to {opacity: 1;}}
.anim4.rand-color4 {width:70px; height:70px; line-height:65px; text-align:center; border-radius: 50px;display:inline-block; transition: all 300ms ease-in-out; transform:rotate(180deg);}
.anim4.rand-color4:before {font-family: GeneratePress; content: "\f106"; font-size: 65px;color:#fff;  } .anim5 { height:100vh;opacity:0;margin:0 auto 0 10px;}
.anim5-visible {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both;	animation-fill-mode: both;
-webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft;}
.anim5 svg {max-width:24vw;}
.anim5-text {margin-top:-90vh;}
@-webkit-keyframes rotateInDownLeft {
from {-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes rotateInDownLeft {
from {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;  }
to {-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
} @media (min-width:1025px) {
.startProdukte h2 { font-size: calc(25px + (45 - 25) * ((100vw - 1025px) / (1900 - 1025)));margin-left:33%;width:max-content;}
}
@media (min-width:1025px) and (max-width:1700px) {
.anim5 svg {max-width:20vw;margin-top:-10vw;}
.anim5-text h1 {padding-left:14%;}
}
@media (max-width:1024px) {
.anim1 {top:5vh;max-width:25vw!important;}
.anim2 {max-width:25vw;min-width:250px;margin-left:25vw;margin-top:8vh;margin-bottom:-8vh;}
.anim3 { animation-delay:3s; animation-duration:2s;-webkit-animation-name: fadeInRightMob; animation-name: fadeInRightMob;}
.anim4 {animation-delay:4.5s;}
.anim5 {display:inherit!important;}
.anim5 svg {position:absolute;top:-100px;left:-50px;}
.mobileNone { display:none;}
.anim4.rand-color4 {width:50px;height:50px;line-height:45px;}
.anim4.rand-color4:before {font-size:45px;}
.startContent {position:relative;}  
}
@media (max-width:1024px) and (orientation:landscape){
.anim2 {margin-top:15vh;margin-bottom:-15vh;}
}
@media (max-width:812px) {
.anim4 br {display:none;}
}  
@media (max-width:768px) {
.anim1 {max-width:40vw;}
.anim2 {max-width:25vw;min-width:200px;margin-left:15vw;margin-top:13vh;margin-bottom:-5vh;}
.anim5 {display:none;}
}
@media (max-width:768px) and (orientation:landscape){
.gb-container-e7808e9a > .gb-inside-container {padding-left:50px;}
.anim1 {max-width:20vw;}  
.anim2 {margin-left:35vw;margin-top:20vh;margin-bottom:-35vh;}
}
@media (max-width:500px){
.anim2 {margin-left:0;margin-top:16vh;}
}
@media (max-width:320px){
.startProdukte h2 {margin-top:0;margin-left:0;}
} @media (max-width:1200px) {
.startGallerie #gallery-1 figure {max-width:25%;}
.startGallerie figure:nth-child(1),.startGallerie figure:nth-child(2) {display:none;}
}
@media (max-width:768px) {
.startGallerie #gallery-1 figure {max-width:50%;}
.startGallerie figure:nth-child(3),.startGallerie figure:nth-child(4),
.startGallerie figure:nth-child(5),.startGallerie figure:nth-child(6){display:none;}
}
@media (max-width:450px) {
.startGallerie #gallery-1 figure {max-width:100%;}
.startGallerie figure:nth-child(7){display:none;}
} .kalkulator h1{ filter: brightness(75%);}
.kalkulator .gb-button.rand-color3 { filter: brightness(75%);}
.kalkulator .gb-button.rand-color3:hover { filter: brightness(100%);}
.kalkulator hr {margin:0;}
.kalkulator #cp_calculatedfieldsf_pform_1 {font-size:22px;}
.kalkulator #fieldname4_1 ul {list-style:none;margin-left:1.9em;}
.kalkulator #fieldname4_1 li {text-indent:-1.9em;}
.kalkulator #fieldname4_1 li:before {content: url(//cc-webstudio.de/wp-content/uploads/kalk-inkl.png);padding-right:10px;}
@media (min-width:769px) {
.kalkulator #field_1-3, .kalkulator #field_1-4 {display:flex;flex-wrap:wrap;}
.kalkulator #field_1-3 label, .kalkulator #field_1-4 label {width:300px;}
.kalkulator #field_1-3 input, .kalkulator #field_1-4 input {min-width:150px;}
.kalkulator #field_1-3 small {position:relative;top:-15px;}
} @media (max-width:365px) {
.gb-button.gb-button-7b19bdbc .gb-icon {display:none;}
.gb-button.gb-button-7b19bdbc .gb-button-text {width:max-content;}
} .startKunden .query-querykundenstimmen .query-row {display:none;}
.startKunden .query-querykundenstimmen .query-row-0,.startKunden .query-querykundenstimmen .query-row-1,.startKunden .query-querykundenstimmen .query-row-2 {
display:inherit;border:0;}
.startKunden .query-querykundenstimmen-wrapper .query-pager {display:none;}
.startKunden a button {min-width:176px;}
.startKunden a:last-child button {margin-left:20px;} .query-queryweb, .query-queryprint, .query-queryagentur {display:flex;justify-content:space-between;flex-wrap: wrap; }
.query-queryweb>div, .query-queryprint>div, .query-queryagentur>div {width:28%; }
.query-queryprojekte {display:flex;justify-content:space-around;flex-wrap: wrap; }
.query-queryprojekte>div {width:35%; }
.query-queryweb .query-field-post_title, 
.query-queryprint .query-field-post_title,
.query-queryprojekte .query-field-post_title,
.query-queryagentur .query-field-post_title {font-size:18px;padding-left:30px;width:max-content;}
@media (max-width:1024px) {
.query-queryweb>div, .query-queryprint>div, .query-queryprojekte>div, .query-queryagentur>div {width:49%; }
}
@media (max-width:768px) {
.query-queryweb, .query-queryprint, .query-queryprojekte, .query-queryagentur  {display:block;}  
.query-queryweb>div, .query-queryprint>div, .query-queryprojekte>div, .query-queryagentur>div {width:100%; }
.query-queryweb>div>div, .query-queryprint>div>div, .query-queryprojekte>div>div, .query-queryagentur>div>div {max-width:300px;margin:0 auto; }
} .single-projekte .projekte .featured-image {position:relative;z-index:11;margin-left:0;margin-bottom:100px;}
.single-projekte h2 {font-size:20px;margin:30px 0 0 0;font-weight:600;}
.single-projekte p {font-size:20px;margin-bottom:0;}
.single-projekte ul {margin-left:20px; font-size:20px;}
.single-projekte .projektLink {font-size:20px;margin-top:30px;}
.single-projekte .cc-products {width:100%;position:relative;z-index:12;}
.single-projekte .cc-products .wp-block-image {margin-bottom:80px!important;max-width:600px;display:inline-block;}
.single-projekte .cc-products figure {box-shadow:5px 5px 10px rgba(143, 154, 166, 0.5);}
.single-projekte .cc-products figcaption {margin-top:0;margin-bottom:0;padding-left:20px;background:#fff;color:#001f25;opacity:1;text-align:left;font-size:13px;font-weight:bold; }
.single-projekte .cc-projects {box-shadow:none!important;margin-bottom:0!important;}
.single-projekte .style-cont {margin-bottom:50px;}
.single-projekte .style-cont .gb-button {font-size:22px;}
.projekteButton {text-align:right;margin-right:50px;position:relative;z-index:100;margin-bottom:150px!important;}
.projekteButton a button {min-width:175px;margin-left:20px;color:#fff;border-radius: 25px;border-top-left-radius: 0;padding: 5px 25px;}
.projekteNext {position:relative;z-index:100;display:flex;width:100px;margin-left:auto;}
.projekteNext a button {margin-left:20px;padding:3px 10px 3px 10px;color:#fff;border-radius:25px;}
.projekteNext a button svg {margin-top:3px;margin-bottom:-3px;}
.single-projekte-kundenst h3 {font-size:35px;}
.single-projekte-kundenst p {font-size:20px;}
.single-projekte-kundenst div.rand-color4 {margin-left:-5px;height:20px;width:80px;}
.single-projekte-kundenst div.rand-color4 img {position:absolute;}
@media (max-width:768px) {
.single-projekte .projekte a {font-size:0.85em; }
.projekteButton {text-align:center;}
.projekteButton button {margin-top:20px;width:250px;}
}
@media (max-width:1024px) {
.single-projekte .projekte .featured-image {float:none;margin-left:auto;margin-right:auto;max-width:600px;}
.single-projekte .style-cont {margin-top:80px;}
}
@media (max-width:1500px) {
.single-projekte-kundenst {padding-left:20px;padding-right:20px;}
.single-projekte-kundenst h3 {font-size:25px;}
.single-projekte-kundenst p {font-size:17px;}
} 
@media (min-width:769px) {
.single-projekte .entry-title {font-size:50px;width:calc(100% - 100px);}
.projekteNext {margin-top:-65px;}
}
@media (min-width:1025px) {
.single-projekte .projekte .featured-image {max-width:65%;}
.single-projekte .entry-content>p {width:35%;}
} .postid-597 .logoIntro1 {fill:#f5f1ea;animation:animWitzg 3s 5s;animation-fill-mode:forwards;}
@keyframes animWitzg {
0% { fill:#f5f1ea;   }
100% { fill:black;  }  
} 
.postid-597 .logoIntro2 {fill:#f5f1ea;animation:animO 3s 5s;animation-fill-mode:forwards;}
@keyframes animO {
0% { fill:#f5f1ea;   }
100% { fill:#9E7F41;  } 
}
.postid-597 .animLogo1 { stroke-dasharray: 1240; stroke-dashoffset: 1240;animation: draw 5s linear 2s infinite;}
.postid-597 .animLogo2 { stroke-dasharray: 1730; stroke-dashoffset: 1730;animation: draw 5s linear 2s infinite;}
@keyframes draw {
to { stroke-dashoffset: 0;}
} @media (max-width:1024px) {
.postid-673 .gb-grid-column-f0fc480e { order:2;}
.postid-673 .gb-grid-column-04995ea9 { order:1;max-width:600px; margin: 0 auto 50px auto;}
} .page-id-2934 #page img, .parent-pageid-2934 #page img {margin-bottom:80px;}
@media (max-width:1024px) {
.page-id-2934 #page img, .parent-pageid-2934 #page img {margin-bottom:80px;}
}
@media (max-width:768px) {
.page-id-2934 #page img, .parent-pageid-2934 #page img {margin-bottom:40px;}
} .refHead {display:flex;align-items:flex-end;margin-bottom:50px;}
.refHead a {min-width:222px;padding-left:70px;}
.refHead button {border-radius: 25px;border-top-left-radius: 0;padding: 5px 25px;}
.query-querykundenstimmen {font-size:16px;line-height:1.4;}
.referenzen .query-querykundenstimmen {column-count:3;column-gap:100px;column-rule-color:rgba(0,0,0,.1);column-rule-width:1px;column-rule-style: solid;}
.query-querykundenstimmen h2 {font-size:18px; line-height:1; margin-bottom:0;}
.home .query-querykundenstimmen h2 {font-size:20px!important;}
.kundenstTitle2, .kundenstTitle2 a {font-size:14px;}
.query-querykundenstimmen {margin-bottom:12px;}
.query-field-post_date  {font-size:14px;}
.query-field-post_content {margin-top:6px;}
.query-querykundenstimmen .query-row {border-bottom:1px solid rgba(0,0,0,.1);padding:20px 0;page-break-inside: avoid; 
column-break-inside: avoid;-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
@media (max-width:1024px) {
.referenzen .query-querykundenstimmen {column-count:2;}
}
@media (max-width:768px) {
.refHead {display:block;}
.refHead a {padding-left:0;}
.refHead button {margin: 30px 0;}
.referenzen .query-querykundenstimmen {column-count:1;}
} .kde_wrapper {display:block!important;column-count:3;column-gap:100px;column-rule-color:rgba(0,0,0,.1);column-rule-width:1px;column-rule-style: solid;}
.kde_wrapper > div {page-break-inside: avoid; column-break-inside: avoid;-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
.kde-subtitle, .kde-content {white-space: pre-wrap;} .ratingBlock {min-height: 60px;margin: 30px 15px;}
.ratingLabel {font-weight:600;padding-right:20px;}
.rating { display: block; position: relative; width: 150px; padding: 0; border: none;}
@media (min-width:350px) {
.ratingBlock {display: flex;}
}
.rating > input {position: absolute; margin-right: -100%; opacity: 0;     }
.rating > input:checked ~ label,
.rating > input:focus ~ label,
.rating > input:hover ~ label { background-position: 0 -30px;   } .rating > label {
position: relative; display: inline-block;float: right;top:10px;
width: 30px;height: 30px;color: transparent;cursor: pointer;
background-image: url(//cc-webstudio.de/wp-content/uploads/rating.png);background-repeat: no-repeat;     }
.rating > label span {display:none;} input.wpcf7-not-valid, textarea.wpcf7-not-valid {border-bottom: 3px solid #001f25 !important;}
.wpcf7 form .wpcf7-validation-errors, .wpcf7 form .wpcf7-response-output {border:0; margin-left:0;padding-left:0;font-size:30px;}
div.wpcf7-mail-sent-ok {border:0; color:#001f25;margin-left:0; }
input.wpcf7-text {margin-right:10px;}
input.wpcf7-submit {border-radius: 25px;border-top-left-radius: 0;padding: 5px 25px;}
@media (max-width:767px) {
.gb-grid-column-4bb1a496 {display: none;}
}
@media (min-width:1350px){
input.wpcf7-text {max-width:550px;}
.cfFlex {display:flex; justify-content:space-between;}
} [data-name="cfDatenschutz"] {font-size:17px;}
[data-name="cfDatenschutz"] .wpcf7-list-item {margin-left:0;}
[data-name="cfDatenschutz"] .wpcf7-list-item-label {display:flex;}
[data-name="cfDatenschutz"] .cfCheck ~ span {margin-left:10px;max-width:900px;}
[data-name="cfDatenschutz"] input[type="checkbox"] { display:none; }    
[data-name="cfDatenschutz"] input[type="checkbox"] + span .cfCheck {
width:28px; min-width:30px; height:30px; background:url(//cc-webstudio.de/wp-content/uploads/datenschutz.png) left top no-repeat; }
[data-name="cfDatenschutz"] input[type="checkbox"]:checked + span .cfCheck {
background:url(//cc-webstudio.de/wp-content/uploads/datenschutz.png) -31px top no-repeat; }
[data-name="cfDatenschutz"] .wpcf7-not-valid .cfCheck {border-bottom:3px solid #001f25!important;}
[data-name="cfDatenschutz"] .wpcf7-not-valid-tip {border-top:0;} .captcha-text {margin-bottom:0;}
.captcha-image {border:0!important; margin-top:10px;}
.captcha-image .cf7ic_instructions {visibility: hidden; max-width: 200px;font-size: 0;height:30px;}
.captcha-image .cf7ic_instructions span { visibility: visible;position: absolute;left: 20px;font-size: 17px;color: #fff!important;}
.captcha-image .cf7ic_instructions span::after {content:':';}
.captcha-image label > input:checked + svg, .captcha-image label > input:focus + svg { border: 0!important;}
.captcha-image label > input + svg {max-width:45px;max-height:45px;}
.captcha-image label > input + svg path {fill:#fff;}
.captcha-image label > input:checked + svg path,
.captcha-image label > input:focus + svg path,
.captcha-image label > input:hover + svg path { fill:#001f25;}
.kc_captcha .wpcf7-not-valid .captcha-image {border-bottom:8px solid #001f25!important;}
.kc_captcha .wpcf7-not-valid-tip {color:#001f25;visibility:hidden;} .generate-back-to-top { border-radius: 50px 0 0 50px; width: 50px; line-height: 50px; font-size: 50px; bottom:10%;right:-5px; z-index:1000000; }
.footer-flower {position:relative;}
.footer-flower svg {position:absolute;right:0;top:90px;}
.footKont1 { width: 70px; float:left;height:55px; }
.footKont2 { height:55px; }
.footer-kalk .gb-button-text {text-align:left;line-height:1.1;} @media (max-width:768px) {
.footer-flower svg {max-width:40vw; }
}
@media (max-width:350px){
.footKont1 {display:none;}
.footer-kalk .gb-icon {display:none;}
} .impr1 { width: 100px; float:left;height:55px; }
.impr2 { height:55px; }
.impr2 a { color:unset; }
.impr3 { margin-top:50px; }
@media (max-width:768px) {
.impr1 {display:none;}
} .datenschutz { position: relative; margin-bottom: 1px !important; width: 100%; overflow: hidden; }
.datenschutz>p { margin:0; }
.datenschutz ol li { padding: 15px; }
.datenschutz input { position: absolute; opacity: 0; z-index: -1; } 
.datenschutz label { position: relative; display: block; padding: 0 0 0 1em;  background: #f8f8ff;cursor: pointer;
padding-right:50px; padding-top:10px; padding-bottom:10px;font-size: 22px;}
.tab-content { color: #393939; max-height: 0; margin-bottom:0 !important;
padding: 0 10px; overflow: hidden; border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; 
-webkit-transition: max-height .35s; -o-transition: max-height .35s; transition: max-height .35s;}
.datenschutz:last-child .tab-content {border-bottom: 1px solid #f5f5f5;}
.tab-content div { margin: 1em 0 1em 1em !important; }
.tab-content h2 { font-weight: 700; font-size: 20px;margin-top: 20px;margin-bottom: 5px; }
.tab-content p {margin-bottom:10px;font-size: 15px;line-height:1.5;}
.tab-content ul {margin:1em;}
.tab-content li {font-size: 15px;line-height:1.3;padding-bottom:10px;padding-left:15px;}
.datenschutz input:checked ~ .tab-content { max-height: 100%;  }
.datenschutz label::after { position: absolute;  right: 20px; top: 15px; display: block; width: 15px; height: 15px;line-height:15px;
-webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; }
.datenschutz input[type=checkbox] + label::after { content: "+"; font-size:36px;font-weight:100; }
.datenschutz input[type=checkbox]:checked + label::after { transform: rotate(315deg); }
@media (max-width:600px) {
.datenschutz label { line-height: unset; }
} .page-id-1573 {margin-top:-32px;}
.page-id-1573 #secondary-navigation, .page-id-1573 #secondary-navigation a:hover, .page-id-1573 #secondary-navigation a:focus {background:#f8f8ff; }
.page-id-1573 #wpadminbar {display:none;}
.page-id-1573 .cc-window, .page-id-1573 .cc-revoke {display:none;} body.lb-disable-scrolling {  overflow: hidden;}
.lightboxOverlay {  background-color: #f8f8ff!important;opacity:.8!important; }
.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; outline: none; }
.lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; border: 4px solid white; }
.lightbox a img { border: none; }
.lb-outerContainer { position: relative; *zoom: 1; width: 250px; height: 250px; margin: 0 auto;  border-radius: 4px; background-color: white; }
.lb-outerContainer:after { content: "";  display: table; clear: both; }
.lb-loader { position: absolute; top: 43%;  left: 0;height: 25%;width: 100%;text-align: center;line-height: 0;}
.lb-cancel { display: block;width: 32px;height: 32px;margin: 0 auto;background: url(https://cc-webstudio.de/images/loading.gif) no-repeat;}
.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
.lb-container > .nav {  left: 0;}
.lb-nav a {  outline: none;  background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);}
.lb-prev, .lb-next {  height: 100%;  cursor: pointer;  display: block;}
.lb-nav a.lb-prev {  width: 34%;  left: 0;  float: left;  background: url(https://cc-webstudio.de/images/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s;  -o-transition: opacity 0.6s;  transition: opacity 0.6s;}
.lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  opacity: 1;}
.lb-nav a.lb-next { width: 64%;right: 0; float: right; background: url(https://cc-webstudio.de/images/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;  -webkit-transition: opacity 0.6s;  -moz-transition: opacity 0.6s;  -o-transition: opacity 0.6s;  transition: opacity 0.6s;}
.lb-nav a.lb-next:hover {  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  opacity: 1;}
.lb-dataContainer {  margin: 0 auto;  padding-top: 5px;  *zoom: 1;  width: 100%;  border-bottom-left-radius: 4px;  border-bottom-right-radius: 4px;}
.lb-dataContainer:after {  content: "";  display: table;  clear: both;}
.lb-data {  padding: 0 4px;  color: #ccc;}
.lb-data .lb-details {  width: 85%;  float: left;  text-align: left;  line-height: 1.1em;}
.lb-data .lb-caption {  font-size: 13px;  font-weight: bold;  line-height: 1em;}
.lb-data .lb-caption a {  color: #4ae;}
.lb-data .lb-number {  display: block;  clear: left;  padding-bottom: 1em;  font-size: 12px;  color: #999999;}
.lb-data .lb-close {  display: block;  float: right;  width: 30px;  height: 30px;  background: url(https://cc-webstudio.de/images/close.png) top right no-repeat;
text-align: right;  outline: none;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);  opacity: 0.7;
-webkit-transition: opacity 0.2s;  -moz-transition: opacity 0.2s;  -o-transition: opacity 0.2s;  transition: opacity 0.2s;}
.lb-data .lb-close:hover {  cursor: pointer;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  opacity: 1;} .error404 .entry-content {visibility:hidden;}
.error404 .gb-button-wrapper-36346ce1 {line-height:1.2;}h1.gb-headline-b918a741{padding-top:100px;}p.gb-headline-9ffcec81{margin-bottom:50px;}.gb-button-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;clear:both;}.gb-button-wrapper-7c540ed3{margin-bottom:30px;}.gb-button-wrapper-3bc8bfc9{margin-top:30px;}.gb-button-wrapper a.gb-button-42c15d65{display:inline-flex;align-items:center;justify-content:center;font-size:18px;text-align:center;padding:0 20px;margin-right:10px;background-color:var(--contrast-2);color:var(--contrast);text-decoration:none;}.gb-button-wrapper a.gb-button-42c15d65:hover, .gb-button-wrapper a.gb-button-42c15d65:active, .gb-button-wrapper a.gb-button-42c15d65:focus{background-color:var(--contrast-2);color:var(--contrast);}.gb-button-wrapper a.gb-button-1e81cd2a{display:inline-flex;align-items:center;justify-content:center;font-size:18px;text-align:center;padding:0 20px;margin-right:10px;background-color:var(--contrast-2);color:var(--contrast);text-decoration:none;}.gb-button-wrapper a.gb-button-1e81cd2a:hover, .gb-button-wrapper a.gb-button-1e81cd2a:active, .gb-button-wrapper a.gb-button-1e81cd2a:focus{background-color:var(--contrast-2);color:var(--contrast);}.gb-button-wrapper a.gb-button-a0119054{display:inline-flex;align-items:center;justify-content:center;font-size:18px;text-align:center;padding:0 20px;margin-right:10px;background-color:var(--contrast-2);color:var(--contrast);text-decoration:none;}.gb-button-wrapper a.gb-button-a0119054:hover, .gb-button-wrapper a.gb-button-a0119054:active, .gb-button-wrapper a.gb-button-a0119054:focus{background-color:var(--contrast-2);color:var(--contrast);}.gb-button-wrapper a.gb-button-4418a895{display:inline-flex;align-items:center;justify-content:center;font-size:18px;text-align:center;padding:0 20px;margin-right:10px;background-color:var(--contrast-2);color:var(--contrast);text-decoration:none;}.gb-button-wrapper a.gb-button-4418a895:hover, .gb-button-wrapper a.gb-button-4418a895:active, .gb-button-wrapper a.gb-button-4418a895:focus{background-color:var(--contrast-2);color:var(--contrast);}.gb-button-wrapper a.gb-button-78d6005e{display:inline-flex;align-items:center;justify-content:center;font-size:18px;text-align:center;padding:0 20px;margin-right:10px;background-color:var(--cc-color-3);color:var(--contrast-3);text-decoration:none;}.gb-button-wrapper a.gb-button-78d6005e:hover, .gb-button-wrapper a.gb-button-78d6005e:active, .gb-button-wrapper a.gb-button-78d6005e:focus{background-color:var(--cc-color-3);color:var(--contrast-3);}.gb-button-wrapper a.gb-button-18d01686{display:inline-flex;align-items:center;justify-content:center;font-size:18px;text-align:center;padding:0 20px;margin-right:10px;background-color:var(--contrast-2);color:var(--contrast);text-decoration:none;}.gb-button-wrapper a.gb-button-18d01686:hover, .gb-button-wrapper a.gb-button-18d01686:active, .gb-button-wrapper a.gb-button-18d01686:focus{background-color:var(--contrast-2);color:var(--contrast);}.gb-button-wrapper a.gb-button-92c94fea, .gb-button-wrapper a.gb-button-92c94fea:visited{padding-bottom:30px;color:var(--contrast);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;}.gb-button-wrapper a.gb-button-92c94fea:hover, .gb-button-wrapper a.gb-button-92c94fea:active, .gb-button-wrapper a.gb-button-92c94fea:focus{color:var(--contrast);}.gb-button-wrapper a.gb-button-92c94fea .gb-icon{font-size:1.5em;line-height:0;padding-right:10px;align-items:center;display:inline-flex;}.gb-button-wrapper a.gb-button-92c94fea .gb-icon svg{height:1em;width:1em;fill:currentColor;}.gb-button-wrapper a.gb-button-9cd9028f, .gb-button-wrapper a.gb-button-9cd9028f:visited{padding-bottom:50px;color:var(--contrast);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;}.gb-button-wrapper a.gb-button-9cd9028f:hover, .gb-button-wrapper a.gb-button-9cd9028f:active, .gb-button-wrapper a.gb-button-9cd9028f:focus{color:var(--contrast);}.gb-button-wrapper a.gb-button-9cd9028f .gb-icon{font-size:1.5em;line-height:0;padding-right:10px;align-items:center;display:inline-flex;}.gb-button-wrapper a.gb-button-9cd9028f .gb-icon svg{height:1em;width:1em;fill:currentColor;}@media (min-width: 1025px) {.gb-button-wrapper-3bc8bfc9{flex-direction:column;}}@media (max-width: 1024px) and (min-width: 768px) {.gb-button-wrapper-3bc8bfc9{flex-direction:column;}}@media (max-width: 767px) {.gb-button-wrapper-3bc8bfc9{flex-direction:column;}}.gb-container .wp-block-image img{vertical-align:middle;}.gb-grid-wrapper .wp-block-image{margin-bottom:0;}.gb-highlight{background:none;}.secondary-navigation{z-index:99;padding:0}.secondary-navigation .inside-navigation{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}.secondary-navigation ul{list-style:none;margin:0;padding-left:0}.secondary-navigation li{position:relative}.secondary-navigation a{display:block;text-decoration:none}.secondary-navigation ul ul{display:block;box-shadow:0 1px 1px rgba(0,0,0,.1);float:left;position:absolute;left:-99999px;opacity:0;z-index:99999;width:200px;text-align:left;top:auto;transition:opacity 80ms linear;transition-delay:0s;pointer-events:none;height:0;overflow:hidden}.secondary-navigation ul ul li{width:100%}.secondary-navigation ul ul li a{line-height:normal;font-size:90%}.secondary-navigation.sub-menu-left ul ul{box-shadow:-1px 1px 0 rgba(0,0,0,.1)}.secondary-navigation.sub-menu-left .sub-menu{right:0}.secondary-navigation .main-nav>ul{display:flex;flex-wrap:wrap}.secondary-navigation .main-nav ul ul li a{line-height:normal;font-size:12px;padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px}.secondary-navigation .main-nav ul li.menu-item-has-children>a{padding-right:0;position:relative}.secondary-navigation .main-nav ul li a{font-family:inherit;font-weight:400;text-transform:none;font-size:13px;padding-left:20px;padding-right:20px;line-height:40px}.secondary-navigation .menu-toggle{font-family:inherit;font-weight:400;text-transform:none;font-size:13px;padding-left:20px;padding-right:20px;line-height:40px;margin:0}.secondary-navigation .menu-item-has-children .dropdown-menu-toggle{padding-right:20px}.secondary-navigation .menu-item-has-children ul .dropdown-menu-toggle{padding-top:10px;padding-bottom:10px;margin-top:-10px}.secondary-navigation .secondary-menu-bar-items{display:flex;align-items:center;font-size:13px}.secondary-navigation .menu-bar-item{position:relative}.secondary-navigation .menu-bar-item.search-item{z-index:20}.secondary-navigation .menu-bar-item>a{font-family:inherit;font-weight:400;text-transform:none;font-size:13px;padding-left:20px;padding-right:20px;line-height:40px}.dropdown-hover .secondary-navigation:not(.toggled) ul li.sfHover>ul,.dropdown-hover .secondary-navigation:not(.toggled) ul li:hover>ul{left:auto;opacity:1;transition-delay:150ms;pointer-events:auto;height:auto;overflow:visible}.dropdown-hover .secondary-navigation:not(.toggled) ul ul li.sfHover>ul,.dropdown-hover .secondary-navigation:not(.toggled) ul ul li:hover>ul{left:100%;top:0}.dropdown-hover .secondary-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover>ul,.dropdown-hover .secondary-navigation.sub-menu-left:not(.toggled) ul ul li:hover>ul{right:100%;top:0;left:auto}.secondary-nav-float-right .header-widget{margin-left:20px}.secondary-nav-float-right .secondary-navigation{margin-left:auto}.secondary-nav-float-right .secondary-navigation .main-nav ul ul li a{line-height:normal}.secondary-nav-float-right .secondary-navigation ul ul ul{top:0}.secondary-nav-float-right .multi-navigation-wrapper{margin-left:auto}.secondary-nav-float-left .multi-navigation-wrapper,.secondary-nav-float-left .secondary-navigation{margin-right:auto}.secondary-nav-float-left .site-branding,.secondary-nav-float-left .site-logo{order:5}.secondary-nav-float-left:not(.nav-float-right) .header-widget{order:-10;margin-left:0;margin-right:20px}.secondary-nav-float-left.nav-float-right .site-branding,.secondary-nav-float-left.nav-float-right .site-logo{margin-left:auto;margin-right:auto}.secondary-nav-float-left.nav-float-right .header-widget,.secondary-nav-float-left.nav-float-right .inside-header .main-navigation{order:10}.secondary-nav-float-right.nav-float-left .secondary-navigation{order:10}.multi-navigation-wrapper{display:flex;flex-direction:column}.widget-area .secondary-navigation li{display:block;float:none;margin:0;padding:0;width:100%}.widget-area .secondary-navigation ul ul{left:100%;top:0;width:220px}.secondary-nav-aligned-right .secondary-navigation .inside-navigation{justify-content:flex-end}.secondary-nav-aligned-right.rtl .secondary-navigation .inside-navigation{justify-content:flex-start}.secondary-nav-aligned-center .secondary-navigation .inside-navigation{justify-content:center}.secondary-nav-aligned-center .secondary-navigation .main-nav>ul{justify-content:center}.secondary-nav-aligned-left.rtl .secondary-navigation .inside-navigation{justify-content:flex-end}.dropdown-click .secondary-navigation ul ul{visibility:hidden;float:none}.dropdown-click .secondary-navigation ul li.sfHover>ul.toggled-on,.dropdown-click .secondary-navigation ul.toggled-on{left:auto;opacity:1;visibility:visible;pointer-events:auto;height:auto;overflow:visible}.dropdown-click .secondary-navigation ul ul ul.toggled-on{left:0;top:auto;position:relative;box-shadow:none;border-bottom:1px solid rgba(0,0,0,.05)}.dropdown-click .secondary-navigation ul ul li:last-child>ul.toggled-on{border-bottom:0}.dropdown-click .widget-area .secondary-navigation ul ul{top:auto;position:absolute;float:none;width:100%;left:-99999px}.dropdown-click .widget-area .secondary-navigation ul ul.toggled-on{position:relative;left:0;right:0}.both-right .widget-area .secondary-navigation ul ul,.both-sidebars .widget-area .inside-right-sidebar .secondary-navigation ul ul,.right-sidebar .widget-area .secondary-navigation ul ul{left:auto;right:100%}.dropdown-click.both-right .widget-area .secondary-navigation ul ul,.dropdown-click.both-sidebars .widget-area .inside-right-sidebar .secondary-navigation ul ul,.dropdown-click.right-sidebar .widget-area .secondary-navigation ul ul{right:0}.dropdown-hover .widget-area .secondary-navigation:not(.toggled) ul li.sfHover>ul,.dropdown-hover .widget-area .secondary-navigation:not(.toggled) ul li:hover ul{top:0;left:100%;width:220px}.dropdown-hover.both-right .widget-area .secondary-navigation:not(.toggled) ul li.sfHover ul,.dropdown-hover.both-right .widget-area .secondary-navigation:not(.toggled) ul li:hover ul,.dropdown-hover.both-sidebars .widget-area .inside-right-sidebar .secondary-navigation:not(.toggled) ul li.sfHover ul,.dropdown-hover.both-sidebars .widget-area .inside-right-sidebar .secondary-navigation:not(.toggled) ul li:hover ul,.dropdown-hover.right-sidebar .widget-area .secondary-navigation:not(.toggled) ul li.sfHover ul,.dropdown-hover.right-sidebar .widget-area .secondary-navigation:not(.toggled) ul li:hover ul{right:100%;left:auto}.rtl .secondary-navigation ul ul{float:right;left:auto;right:0;text-align:right}.rtl .secondary-navigation ul ul ul{left:auto;right:100%}.rtl .secondary-navigation .menu-item-has-children ul .dropdown-menu-toggle{transform:rotate(180deg)}.secondary-navigation.has-menu-bar-items .menu-toggle,.secondary-navigation.has-top-bar .menu-toggle{flex-grow:0}.secondary-navigation .top-bar{background:0 0}.secondary-navigation .top-bar a{display:inline}.secondary-navigation .inside-top-bar{padding:0}.secondary-nav-aligned-right .secondary-navigation .top-bar{margin-right:auto}.secondary-nav-aligned-right .secondary-navigation .top-bar .inside-top-bar .widget{margin:0 10px}.secondary-nav-aligned-left .secondary-navigation .top-bar{order:2;margin-left:auto}.secondary-nav-aligned-left .secondary-navigation .top-bar .inside-top-bar .widget{margin-left:10px}.secondary-nav-aligned-center .secondary-navigation.has-top-bar .inside-top-bar{justify-content:center}.secondary-nav-aligned-center .secondary-navigation.has-top-bar .inside-navigation{display:block}