@charset "UTF-8";
/*
Theme Name: Netzart Theme
Description: Webdesign von edelwebdesign
Theme URI:   https://edelwebdesign.de
Author: edelwebdesign
Author URI:  https://edelwebdesign.de/#work
Template: salient
Version: 1.0
*/
@font-face {
  font-display: swap;
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 200;
  src: url("fonts/source-sans-3-v9-latin-200.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 200;
  src: url("fonts/source-sans-3-v9-latin-200italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/source-sans-3-v9-latin-300.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 300;
  src: url("fonts/source-sans-3-v9-latin-300italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/source-sans-3-v9-latin-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 400;
  src: url("fonts/source-sans-3-v9-latin-italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/source-sans-3-v9-latin-500.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 500;
  src: url("fonts/source-sans-3-v9-latin-500italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap;
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 600;
  src: url("fonts/source-sans-3-v9-latin-600.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 600;
  src: url("fonts/source-sans-3-v9-latin-600italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/source-sans-3-v9-latin-700.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 700;
  src: url("fonts/source-sans-3-v9-latin-700italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 800;
  src: url("fonts/source-sans-3-v9-latin-800.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 800;
  src: url("fonts/source-sans-3-v9-latin-800italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 900;
  src: url("fonts/source-sans-3-v9-latin-900.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 900;
  src: url("fonts/source-sans-3-v9-latin-900italic.woff2") format("woff2");
}
html body, html body * {
  font-family: "Source Sans 3" !important;
}
.webdesign {
  width: 100vw;
}
.webdesign h1 {
  font-size: 120px;
  font-weight: 500;
  line-height: 0.85;
}
.webdesign h1 em {
  font-size: 120px;
  font-style: normal;
  font-weight: 100;
}
.work-item.style-4 {
  border-radius: 10px;
}
a.bigger {
  font-size: 110% !important;
  text-transform: uppercase;
  line-height: 1.2 !important;
}
body #header-outer.side-widget-open #top .span_3 #logo[data-supplied-ml-starting-dark=true] img.mobile-only-logo.starting-logo.dark-version, body #header-outer.side-widget-open #top .span_3 #logo[data-supplied-ml-starting=true] img.mobile-only-logo.starting-logo:not(.dark-version) {
  display: none !important;
}
body #header-outer.side-widget-open #top .span_3 #logo[data-supplied-ml-starting=true] img.starting-logo.dark-version.mobile-only-logo.skip-lazy {
  display: block !important;
}
body #header-outer.side-widget-open.transparent > header #logo img.dark-version {
  opacity: 1 !important;
}
@media only screen and (max-width: 1400px) {
  .webdesign h1 em {
    font-size: 80px;
  }
}
@media only screen and (min-width: 1000px) and (max-height: 1000px) {
  .vc_row.inner_row.top_position_desktop_-70vh.header-button {
    left: 45vw;
  }
}
@media only screen and (max-width: 1000px) {
  .full-width-section .row-bg, .wpb_row .row-bg {
    background-position: 20% 50% !important;
  }
}
body #footer-outer[data-cols="1"][data-disable-copyright="false"] .row {
  padding-top: 40px !important;
}
html body #header-outer.detached.scrolling #logo img {
  width: 90px !important;
  height: auto !important;
}
.nf-field-label, .nf-before-form-content, .subheader, #author-bio {
  display: none;
}
.nf-field-container {
  margin-bottom: 9px !important;
}
input[type="text"], input[type="email"], textarea {
  background: #f2f2f2 !important;
  border: none !important;
}

input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
  background: #fff !important;
}
input[type="submit"]:hover {
  color: #fff !important;
  background: #3452ff !important;
  opacity: 1 !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border: none;
	color: #d73763;
	background: #fdfcfa;
	font-weight: bold;
	font-size: 18px;
}

.nf-error, .nf-field-element, .nf-error-msg {
  font-size: 14px !important;
  line-height: 1.3 !important;
}
.nf-error-msg {
  background: #D02A15;
  padding: 5px 15px 3px 13px;
  margin: 0px !important;
  color: #fff !important;
  font-weight: 500 !important;
}
img.line {
  height: 10px !important;
  width: auto !important;
  margin: 10px !important;
}
img.line.header {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
img.line.left {
  margin: 10px 10px 10px 0px !important;
}
.nectar-global-section a {
  color: #fff !important;
}
small {
  display: block !important;
  font-size: 85% !important;
  line-height: 1.3 !important;
}

.menu-rechtliches-container ul li a {
  font-size: 20px !important;
  font-weight: 300 !important;
}
.slide-out-widget-area-toggle {
  opacity: 0;
}
.red, .red a, .red span, .red h1, .red h2, .red h3, .red h4, .red h5, h1.red, h2.red, h3.red, h4.red {
  color: #d73763 !important;
}
.blue, .blue a, .blue span, .blue h1, .blue h2, .blue h3, .blue h4, .blue h5, h1.blue, h2.blue, h3.blue, h4.blue {
  color: #2b2dc8 !important;
}
@media only screen and (max-width: 1000px) {
  .slide-out-widget-area-toggle {
    opacity: 1;
  }
  .webdesign h1 {
    font-size: 50px;
  }
  .webdesign h1 em {
    font-size: 40px;
  }
  .center-m, .center-m img, .nf-field-element {
    text-align: center !important;
    margin: 0 auto !important;
  }
}
/* Listing */
ul.list {
  padding-left: 10px !important;
  text-indent: 0px !important;
  margin: 15px 0px 15px 0px !important;
}
ul.list li {
  margin: 0 0 0 10px !important;
  padding: 5px 0 5px 0 !important;
  list-style: none !important;
  line-height: 1.4 !important;
}
ul.list li:before {
  position: absolute;
  content: "";
  font: normal 13px/0px Dashicons;
  color: #999;
  margin: 13px 0px 0px -20px;
}
/* Cookies */
#cmplz-document p, .editor-styles-wrapper .cmplz-unlinked-mode p, #cmplz-document li, .editor-styles-wrapper .cmplz-unlinked-mode li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode td {
  font-size: 18px !important;
}
#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
  max-width: 100% !important;
}
button.cmplz-hidden {
  opacity: 0 !important;
}
#cmplz-manage-consent .cmplz-manage-consent {
  position: absolute;
  bottom: 15px !important;
  left: 15px !important;
  z-index: 100000000000 !important;
  box-shadow: none !important;
  display: block !important;
  width: 33px !important;
  height: 33px !important;
  max-height: 33px !important;
  min-width: 33px !important;
  border-radius: 21px !important;
  border: none !important;
  background: rgba(0, 0, 0, 0.4) !important;
  font-size: 0px;
  padding: 0px 0px 0px 0px !important;
  margin: 0px 0px 0px 0px !important;
}
@media only screen and (min-width: 1000px) {
  .cmplz-cookiebanner {
    left: 60px !important;
    bottom: 30px !important;
  }
}
@media only screen and (max-width: 999px) {
  #cmplz-manage-consent .cmplz-manage-consent {
    bottom: 10px !important;
    left: 10px !important;
  }
}
#cmplz-manage-consent .cmplz-manage-consent:hover {
  background: #E46D45 !important;
}
#cmplz-manage-consent .cmplz-manage-consent:before {
  position: absolute;
  z-index: 10000000000;
  height: 25px;
  width: 25px;
  background: url(img/fingerprint.svg);
  filter: invert(95%) sepia(99%) saturate(6%) hue-rotate(87deg) brightness(103%) contrast(100%);
  background-size: cover;
  left: 4px;
  top: 4px;
  content: "";
}
/* Responsive */
@media only screen and (max-width: 690px) {
  body {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }
}
@media (max-width: 32em) {
  h1, h2, h3 {
    font-weight: 500 !important;
  }
}