/* dunkelblau: #263259 */
/* hellblau: #27519F */
/* highlight-blau: #3974d4 */

/* CookieBot Start */

#CybotCookiebotDialog a, #CybotCookiebotDialog div, #CybotCookiebotDialogBodyContentControls, #CybotCookiebotDialogBodyContentTitle { font-family: 'Open Sans', sans-serif !important; }

#CybotCookiebotDialog { border: 18px solid #263259 !important; box-shadow: #263259 2px 2px 14px 2px !important; }
#CybotCookiebotDialog div { font-family: 'Open Sans', sans-serif !important; color: #242424 !important; line-height: 1.7em !important; }
#CybotCookiebotDialogBodyContentTitle { font-family: 'Share', sans-serif !important; color: #263259 !important; font-weight: normal !important; }

a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll { background-color: #263259 !important; border:1px solid #263259 !important; padding-top: 7px !important; padding-bottom: 7px !important;  }
a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll:hover { background-color: #27519F !important; border: 1px solid #27519F !important; }
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { background-color: #27519F !important; border: 1px solid #27519F !important; padding-top: 7px !important; padding-bottom: 7px !important; }
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover,
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover { background-color: #3974d4 !important; border: 1px solid #3974d4 !important; }

div#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper { margin-bottom: 20px !important; }

/* CookieBot End */

img {height: auto;}
.ce-gallery img {max-width: 100%;}
span.ce-headline-center { display: block; }

main .frame-type-text li { list-style: circle; }
main .frame-type-text ul { margin-left: 1.2em; margin-top:1em; margin-bottom:1em; }

.slider-one-content span {line-height: 1.2;}
.slider-one-content h1 {line-height: 1;}
.second-cta {height: 380px; margin-bottom: 40px;}
.cta-t h1, .cta-t h2, .cta-t p {color: #263259;}
.home-three-t h1 {font-weight: 400;}
.best-features-icon.logo {margin-bottom: 25px;}
.best-features-icon.logo img {height: 42px; max-width: 100%;}
.breadcrumb-item.active {color: #9fb4dd;}
p + h2, p + h3 {margin-top: 40px;}
p + h4 {margin-top: 30px;}
.section-title.s3 span {font-size: 16px; margin-bottom: 5px; display: block;}

.header-top a {color: #fff;}
.header-top a:hover {opacity: 0.8;}

.main-header.mh-home5.sticky {background: transparent; background-color: #27519F;}
.mean-container .mean-nav {background-color: #27519F;}

.succeed-img img {max-width: 100%;}
.app-img .watch img {width: 400px; max-width: 100%;}
.second-cta {margin-bottom: 0;}

.team-info h5 {margin-bottom: 10px;}

.pagesection + .pagesection.pt-100 {padding-top: 0;}

/* Kontaktformular */
.contact-form {margin-top: 40px; }
.contact-form input[type="checkbox"], .contact-form input[type="submit"] {width: auto;}
.powermail_fieldset {margin-left: -15px; margin-right: -15px;}
.powermail_fieldwrap {padding: 0 15px;}
.contact-map > div, .contact-map iframe {height: 100%;}
.contact-map-wrap > .container, .contact-map {min-height: 400px;}

/* 404 */
#site-7 .pagesection {margin-top: 30px;}

/* Footer */
.footer-bg {background-color: #fff;}
.footer-widget-wrap {border-bottom-color: #20355d; background-color: #27519F;}
.copyright-text p, .footer-bottom-link a {color: #20355d;}
.footer-widget.white-bg {border-radius: 0;}
.footer-widget h4 {font-size: 24px; color: #fff; font-weight: 400; margin-bottom: 32px;}
.footer-widget ul li {padding-left: 0;}
.footer-widget ul li::before {display: none;}
.footer-widget ul li a:hover, .footer-widget ul li:hover a {color: #fff; opacity: 0.8;}
.footer-widget.service ul li:last-child a::before {content:'\f2f6'; display: inline-block; margin-right: 8px; list-style: none; color: #fff; font-family: "Font Awesome 5 Free"; font-weight:900; }

/* Isotope Filter */
.filter-button-group li { cursor: pointer; }
.filter-button-group li:hover { color: #27519F; }
.filter-button-group li.active { color: #27519F; text-decoration: underline; }
.filter-button-group li:before {
    content: '';
    background: #898989;
    margin: 0 20px;
    width: 1px;
    height: 14px;
    bottom: -3px;
    position: relative;
    display: inline-block;
    -webkit-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-10deg);
}
.filter-button-group li:first-child { padding-left: 0; }
.filter-button-group li:first-child:before { display: none; }
.reference-filter { margin: 46px 0; }

.inner-portfolio-thumb { border: 1px solid #eceff8; }
.portfolio-inner:hover h2 {color: #fff;}

/* Referenz Details */
.project-requirement ul li:before {
	content: '\f14a';
    width: 20px;
    height: auto;
    font: normal normal normal 14px/24px "Font Awesome 5 Free";
    font-size: 16px;
    text-rendering: auto;
    color: #263259;
    float: left;
    margin-left: -20px;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}
.single-portfolio-gallery img { max-width: 100%; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); transition: .3s; border-radius: 5px; cursor: zoom-in; border: 1px solid #eceff8; }
.single-portfolio-gallery img:hover { box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2); }
.project-requirement ul {padding-left: 20px}
.project-requirement ul li {margin-bottom: 7px;}
.project-status p {margin-bottom: 7px;}
.project-status img {max-width:100%;}


.grecaptcha-badge {display: none !important;}

.hidden { display: none;}

/* Blog */
.breadcrumb-area.blogpage {position: relative;}
.breadcrumb-area.blogpage::before {position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; background-color: rgba(38,50,89,.8);}
.blog-author-wrap { background-color: #27519F; color:#fff; }
.blog-author-wrap a, .blog-author-wrap .text-muted, .blog-author-wrap .text-primary { color:#fff !important; }
.blog-author-wrap a { text-decoration: underline; }
.blog-author-wrap a:hover { text-decoration: none; }
aside.tx-blog-widget { margin-bottom: 1em; }
.blog-content h5 {font-weight: normal;}
.sidebar-widget ul {margin: 0;}
.sidebar-tag ul li a {background-color: #d7dde8;}
.sidebar-categories ul li {list-style: none;}
.js-hp {display: none;}
.comments .comment {margin-top: 30px;}
.comments .media-body {padding-left: 20px;}
.comment-form .g-recaptcha {margin-bottom: 30px;}

.shariff .orientation-horizontal.shariff-col-4 li {min-width: inherit; width: 40px;}
.shariff .orientation-horizontal {display: block; text-align: right;}
.shariff .orientation-horizontal li {margin-right: 0; margin-left: 10px; margin-bottom: 0; float: none; display: inline-block;}
.shariff .orientation-horizontal.button-style-standard.shariff-col-4 li {height: 40px; width: 40px !important; min-width: inherit; margin-top: 5px; -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; }
.shariff li .fab {width: 40px; line-height: 40px;}
.shariff li, .shariff li a {height: 100%;}
.shariff li a span {color: #fff;}
.shariff-button .share_text {display: none !important;}
.shariff .share_count {display: none !important;}

/* RESPONSIVE */
@media (max-width: 399px) {
    #sticky-header .logo {width: 200px;}
    #sticky-header .logo img {max-width: 100%; height: auto;}
    .mean-container a.meanmenu-reveal {margin-top: -42px;}
	.filter-button-group li:before { margin: 0 10px; }
	.breadcrumb-title h1 {font-size: 25px;}
	.single-portfolio-title h1, .single-portfolio-title h2 {font-size: 22px;}
	.breadcrumb-wrap { padding-top: 120px;}
}

@media (max-width: 767px) {
    .pt-100 {padding-top: 50px;}
    .pb-100 {padding-bottom: 50px;}
    .section-title h2 {font-size: 30px;}
    .second-pricing-box .p-list {min-height: 8rem;}
    .breadcrumb-title h1 {font-size: 28px;}
	.single-portfolio-title h1, .single-portfolio-title h2 {font-size: 25px;}
	.breadcrumb-wrap { padding-top: 140px;}
    .shariff .orientation-horizontal {text-align: center;}
    .pb-100 + .pt-100 {padding-top: 0 !important;}
}
@media (min-width: 768px) {
    .second-pricing-box .p-list {min-height: 8rem;}
}

@media (min-width: 992px) {
    .contact-cta {height: 100%;}
    .powermail_fieldwrap.layout2 {width: 50%; float: left;}
    .succeed-img img {max-width: inherit;}
    .second-pricing-box .p-list {min-height: 10rem;}
}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
	.main-menu ul li { margin-left: 20px; }
	.main-menu ul li> a { font-size: 14px;}
}

/* Job Fenster */
.single-features {
    background-color: #fff;
}