.elementor-kit-4{--e-global-color-primary:#F0EADA;--e-global-color-secondary:#FF4500;--e-global-color-text:#212121;--e-global-color-accent:#FF4500;--e-global-color-e138315:#FFFFFF;--e-global-typography-primary-font-family:"PPNeueMontreal";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"PPNeueMontreal";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"PPNeueMontreal";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"PPNeueMontreal";--e-global-typography-accent-font-weight:400;--e-global-typography-018ed8d-font-family:"PPNeueMontreal";--e-global-typography-018ed8d-font-size:92px;--e-global-typography-018ed8d-font-weight:700;--e-global-typography-018ed8d-line-height:1.1em;--e-global-typography-3e24013-font-family:"PPNeueMontreal";--e-global-typography-3e24013-font-size:72px;--e-global-typography-3e24013-line-height:1.1em;--e-global-typography-2c48b0a-font-family:"PPNeueMontreal";--e-global-typography-2c48b0a-font-size:28px;--e-global-typography-2c48b0a-font-weight:400;--e-global-typography-2c48b0a-line-height:1.2em;--e-global-typography-ebbd849-font-family:"PPNeueMontreal";--e-global-typography-ebbd849-font-size:20px;--e-global-typography-ebbd849-font-weight:400;--e-global-typography-ebbd849-line-height:1em;--e-global-typography-809480e-font-family:"PPNeueMontreal";--e-global-typography-809480e-font-size:36px;--e-global-typography-809480e-font-weight:600;--e-global-typography-809480e-line-height:1.32em;--e-global-typography-203f2dd-font-family:"PPNeueMontreal";--e-global-typography-203f2dd-font-size:54px;--e-global-typography-203f2dd-font-weight:700;--e-global-typography-203f2dd-line-height:1.1em;background-color:var( --e-global-color-primary );font-family:"PPNeueMontreal", Sans-serif;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-4 h1{font-family:"PPNeueMontreal", Sans-serif;font-size:92px;font-weight:700;line-height:1.1;}.elementor-kit-4 h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-4 h3{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-4 h5{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-4 h6{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){margin-block-end:40px;}.elementor-element{--widgets-spacing:40px 40px;--widgets-spacing-row:40px;--widgets-spacing-column:40px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-kit-4{--e-global-typography-018ed8d-font-size:54px;--e-global-typography-809480e-font-size:26px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4{--e-global-typography-018ed8d-font-size:36px;--e-global-typography-018ed8d-line-height:1.1em;--e-global-typography-3e24013-font-size:36px;--e-global-typography-3e24013-line-height:1.1em;--e-global-typography-2c48b0a-font-size:24px;--e-global-typography-809480e-font-size:24px;--e-global-typography-203f2dd-font-size:34px;}.elementor-kit-4 h1{font-size:36px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Typo Styles */
body {
    font-size: 20px;
    color: #212121;
}
a {
    color:var( --e-global-color-text );
}
.elementor-widget-text-editor a { position: relative; font-weight: 800; padding: 0 .05em; transition: all .3s ease-in-out; white-space: nowrap; z-index:0;}

.elementor-widget-text-editor a:hover, .elementor-widget-heading.elementor-widget-text-editor .elementor-heading-title[class*=elementor-size-]>a:hover { color: #fff; }

.elementor-widget-text-editor a::before {
  content: '';
  background-color: var( --e-global-color-secondary );
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  z-index: -1;
  transition: all .3s ease-in-out;
}

.elementor-widget-text-editor a:hover::before {
  bottom: 0;
  height: 100%;
}

.subtitle_core-team h3:before, .subtitle_associates h3:before, .subtitle_concept h3:before, .subtitle_code h3:before, .subtitle_creative h3:before, .subtitle_briefing h3:before, .subtitle_solution h3:before {
    display: inline-flex;
    content: '';
    background-image: url('/wp-content/uploads/2023/05/icon_core-team.svg');
     background-size: 50px 50px;
     height: 50px;
     width: 50px;
     margin: 0 10px 0 0;
     padding: 5px 0 5px 0;
}
.subtitle_associates h3:before {
    background-image: url('/wp-content/uploads/2023/05/icon_associates.svg');
     background-size: 70px 50px;
     width: 70px;
}
.subtitle_concept h3:before {
        background-image: url('/wp-content/uploads/2023/05/icon_concept.svg');
}
.subtitle_code h3:before {
        background-image: url('/wp-content/uploads/2023/05/icon_code.svg');
}
.subtitle_creative h3:before {
        background-image: url('/wp-content/uploads/2023/05/icon_creative.svg');
}
.subtitle_briefing h3:before {
        background-image: url('/wp-content/uploads/2023/05/icon_briefing.svg');
}
.subtitle_solution h3:before {
        background-image: url('/wp-content/uploads/2023/05/icon_solution.svg');
}
blockquote.cp-quote {
    margin: 0 0 .5em 0;
    padding: 0 0 0 70px;
    font-weight: 800;
    font-size: 34px;
    line-height: 1.1;
}

blockquote.cp-quote:before {
    position: absolute;
    display: inline-flex;
    content: '';
    background-image: url('/wp-content/uploads/2023/05/icon_quote.svg');
     background-size: 50px 50px;
     height: 50px;
     width: 50px;
     top: 0;
     left: 0;
}


/* global accordion styles */
.cp-accordion .elementor-accordion-item {
    border: 2px solid #212121;
    border-width: 2px 0 2px 0 !important;
    padding: 1em 0;
}
.cp-accordion .elementor-accordion .elementor-tab-title .elementor-accordion-icon-closed {
    transition: all .3s ease-in-out;
}
.cp-accordion .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-closed {
    display: block;
    transform: rotate(45deg);
}
.cp-accordion .elementor-accordion .elementor-tab-title .elementor-accordion-icon svg {
    width: 1.5em;
    height: 1.5em;
   margin-top: .35em;
}
.cp-accordion .elementor-accordion-item .elementor-tab-content {
    margin-top: 2em;
}
.cp-accordion .st0 { fill: #212121 !important; }

/* team */
.cp-team-caption p {
    margin-bottom:.3em;
    border-bottom: 1px solid #212121;
}
.cp-team-links p { margin-bottom:.3em; } 

/* cases listing */
.cp-loop-item-case .e-con-inner>.elementor-widget:last-child {
    margin-top: auto;
}

/* cases detail */
.cp-player-case .jwplayer .jw-media video {
    border: 1px solid #212121;
}
.cp-case-summary-table .uael-table-body-cell-text:first-child {
width: 125px;
}

/* form */
input, textarea { transition: all .3s ease-in-out; }
.elementor-field-group .elementor-field-textual:focus {
    box-shadow: none;
    outline: 0;
    border: 2px solid var( --e-global-color-secondary ) !important;
    padding-left: 1em;
    padding-right: 1em;
}
input::placeholder, textarea::placeholder {
    font-weight: 400;
    color: #212121;
    opacity: 1 !important;
}
.cp--contact .elementor-field-group .elementor-field-textual {
    border-width: 0 0 2px 0 !important;
}

/* blog post */
.single-post .elementor-element { z-index: 0;}

.cp-blog-playlist { margin: 0 0 0 -1em; padding: 0 0 0 -1em; }
.cp-blog-playlist li, .cp-blog-playlist li a {
    font-weight: 400;
    transition: .3s all ease-in-out;
}
.cp-blog-playlist li { border-top: 1px solid #212121; padding: .08em 0 .08em 0; }
.cp-blog-playlist li:last-child { border-bottom: 1px solid #212121 }
.cp-blog-playlist li a:before { content: none; }
.cp-blog-playlist li:hover, .cp-blog-playlist li a:hover, .cp-blog-playlist li a.active { color: #212121; font-weight: 700;}
.cp-blog-playlist li::marker { font-weight: 700; }

.cp-tldr p {
    background: #ff4500;
    display: inline;
    padding: 0 0.16em;
}

.subtitle_aufzaehlung h2:before {
    position: absolute;
    color: #ff4500!important;
    font-weight: 200;
    font-size: 80px;
    content: '*';
    margin: -10px 0 0 -40px;
    padding: 5px 0 5px 0;
}

.cp-blog-fazit p:last-child { margin-bottom: 0; }

.prismjs-tomorrow code[class*=language-] {
    tab-size: 0 !important;
}
.prismjs-tomorrow pre[class*=language-]  {
    white-space: normal !important;
    line-height: 1 !important;
    padding: 0 1em !important;
}

/* footer */
.cp-footer a {
    color: var( --e-global-color-primary );
    text-decoration: underline;
    margin-right: 1.5em;
}
.cp-footer .logo-link a { margin-right: 0; }
.cp-footer .logo-footer .elementor-icon-wrapper svg { width: auto !important; }
.cp-footer .elementor-widget-text-editor a::before { content: none; }
.cp-footer .footer-logo a {
    margin: 0;
    text-decoration: none;
}
.cp-footer p:last-child {
    margin-bottom: 0.1em;
}
/*
.cp-footer .e-con .elementor-widget.elementor-widget:nth-child(2) {
    margin-right: auto;
}
*/

/* Responsive Styles */
@media only screen and (max-width: 1024px) {
    #content, body.cases-template-default .cases:not(.e-loop-item), body.error404 { padding: 0 20px; }
    .cp-accordion .elementor-accordion .elementor-tab-title .elementor-accordion-icon svg {
        width: 1em;
        height: 1em;
        margin-top: 0;
    }
    .subtitle_core-team h3:before, .subtitle_associates h3:before, .subtitle_concept h3:before, .subtitle_code h3:before, .subtitle_creative h3:before, .subtitle_briefing h3:before, .subtitle_solution h3:before {
         background-size: 25px 25px;
         height: 25px;
         width: 25px;
         margin: 0 10px 0 0;
         padding: 0 0 1px 0;
    }
    .subtitle_associates h3:before {
        background-image: url('/wp-content/uploads/2023/05/icon_associates.svg');
         background-size: 35px 25px;
         width: 35px;
    }
    .cp-loop-item-case .e-con-inner>.elementor-widget:last-child {
        margin-top: 0;
    }
    .cp-case-intro .cp-player-case { height: calc((100VW - 40px)/16*9);}
    blockquote.cp-quote { font-size: 24px; }

    .subtitle_aufzaehlung h2:before {
        display: none;
    }
}
@media only screen and (max-width:767px) {
    .video-holder-portrait {
        flex-wrap: nowrap !important;
    }
}

/* hide google recaptcha badge */
.grecaptcha-badge { visibility: hidden; position: absolute;}
.grecaptcha-info { font-size: 14px; font-weight: 400; }
.grecaptcha-info a { text-decoration: underline; }


.elementor-heading-title .active{
    background: #ff4500!important;
    color: #ffffff!important;
    transition: all .3s ease-in-out;
    font-weight: 800;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'PPNeueMontreal';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://codeplay.ch/wp-content/uploads/2023/05/PPNeueMontreal-Thin.woff') format('woff');
}
@font-face {
	font-family: 'PPNeueMontreal';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('https://codeplay.ch/wp-content/uploads/2023/05/PPNeueMontreal-ThinItalic.woff') format('woff');
}
@font-face {
	font-family: 'PPNeueMontreal';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://codeplay.ch/wp-content/uploads/2023/05/PPNeueMontreal-Light.woff') format('woff');
}
@font-face {
	font-family: 'PPNeueMontreal';
	font-style: italic;
	font-weight: 200;
	font-display: auto;
	src: url('https://codeplay.ch/wp-content/uploads/2023/05/PPNeueMontreal-LightItalic.woff') format('woff');
}
@font-face {
	font-family: 'PPNeueMontreal';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://codeplay.ch/wp-content/uploads/2023/05/PPNeueMontreal-Book.woff') format('woff');
}
@font-face {
	font-family: 'PPNeueMontreal';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://codeplay.ch/wp-content/uploads/2023/05/PPNeueMontreal-BookItalic.woff') format('woff');
}
@font-face {
	font-family: 'PPNeueMontreal';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://codeplay.ch/wp-content/uploads/2023/05/PPNeueMontreal-Regular.woff') format('woff');
}
@font-face {
	font-family: 'PPNeueMontreal';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://codeplay.ch/wp-content/uploads/2023/05/PPNeueMontreal-Italic.woff') format('woff');
}
@font-face {
	font-family: 'PPNeueMontreal';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://codeplay.ch/wp-content/uploads/2023/05/PPNeueMontreal-Medium.woff') format('woff');
}
@font-face {
	font-family: 'PPNeueMontreal';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://codeplay.ch/wp-content/uploads/2023/05/PPNeueMontreal-MediumItalic.woff') format('woff');
}
@font-face {
	font-family: 'PPNeueMontreal';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://codeplay.ch/wp-content/uploads/2023/05/PPNeueMontreal-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'PPNeueMontreal';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://codeplay.ch/wp-content/uploads/2023/05/PPNeueMontreal-SemiBolditalic.woff') format('woff');
}
@font-face {
	font-family: 'PPNeueMontreal';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://codeplay.ch/wp-content/uploads/2023/05/PPNeueMontreal-Bold.woff') format('woff');
}
@font-face {
	font-family: 'PPNeueMontreal';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('https://codeplay.ch/wp-content/uploads/2023/05/PPNeueMontreal-BoldItalic.woff') format('woff');
}
/* End Custom Fonts CSS */