.roboto-titles h1, .roboto-titles h2.largeText {
  /* font-size: 35px; */
  font-size: 65px !important;
  line-height: 75px !important;
  margin-bottom: 5px;
  font-family: 'Roboto' !important;
  font-weight: 500;
  color: #003366;
  letter-spacing: -0.01em; } 
  @media all and (max-width: 767px) {
    .roboto-titles h1, .roboto-titles h2.largeText {
      font-size: 50px !important;
      /** Mobile **/
      line-height: 53px !important;
      margin-bottom: 10px; } }
.roboto-titles h2 {
  font-size: 50px !important;
  line-height: 50px !important;
  margin-bottom: 5px;
  font-family: 'Roboto' !important;
  color: #003366;
  font-weight: 500;
  letter-spacing: -0.01em; }
  @media all and (max-width: 767px) {
    .roboto-titles h2 {
      font-size: 38px !important;
      /** Mobile **/
      line-height: 38px !important;
      margin-bottom: 10px; } 
} 
.roboto-titles span.head1 {
	font: normal 65px/75px "Roboto" !important;
}
.roboto-titles span.head2 {
	font: normal 50px/50px "Roboto" !important;
}
@media all and (min-width: 768px) {
	.roboto-titles span.head3 {
		font: normal 35px/48px "Roboto" !important;
	}
}
@media all and (max-width: 768px) {
    .roboto-titles span.head1 {
		font: normal 50px/53px "Roboto" !important;
	}
	.roboto-titles span.head2 {
		font: normal 38px/38px "Roboto" !important;
	}
}


div#fixed-menu {
  box-shadow: 0px 0px 1px 0px #003366; }
header:not(.nm-overlay) .nm-menu ul.menu > li > ul.dropdown-menu a:hover {
    background-color: #003366;
}
.inverse-darkgreen, .darkgreen-bg {
	background: #003366;
}
@media all and (max-width: 768px) {
	.inverse-darkgreenmobile {
		background: #003366;
	}
}
.simple-kontakt {
	background: transparent linear-gradient(173deg, #003366 0%, #007AC1 62%, #00538B 100%) 0% 0% no-repeat padding-box;
}
.with-layer .content-widget {
	background: #003366bf;
}
.statement-showmore .statementLayout .statement-more::after {
	background-color: #003366;
}
.listSlider.statementsList-text .views-row .statement-content * {
	color: #003366;
}
.listSlider.statementsList-text .statement-content * {
	color: #003366;
}
.listSlider .slick-arrow::before {
	color: #003366;
}
.blog-v2 .views-field-field-main-title h3 a {
	color: #003366;
}
body div#fixed-menu a {
	color: #003366 !important;
}
body .language-switcher-language-url .dropdown-toggle {
	color: #003366;
}
.panel-default > div.panel-heading {
	background-color: #003366;
	border-color: #003366;
}
.view-commerce-order-summary-formatted .views-field.views-field-purchased-entity {
	color: #003366;
}
.target-pages .field--name-body {
	background: #003366;
}
.quiz-result .progress-step.is-active .progress-marker::before {
	background-color: #003366;
}
div.overlayed .closeme {
	background: #003366c9;
}
form.contained-webform button.form-submit {
	background: #003366;
}
.logo-txt,
header .field--item .logo-txt a {
	color: #003366;
}
.page-node-type-anbieter h2.field--label {
  border-bottom: 3px solid #003366; }
  
.page-node-type-anbieter .field--name-field-dienstleistungen .field--item::before, .page-node-type-anbieter .field--name-field-branche .field--item::before, .page-node-type-anbieter .field--name-field-symptome .field--item::before, .page-node-type-anbieter .field--name-field-region .field--item::before, .page-node-type-anbieter .field--name-field-weitere-dienstleistungen .field--item::before {
  color: #003366;}

@media all and (min-width: 1025px) {
	.page-node-type-anbieter .field--item a, .page-node-type-anbieter .field--name-field-website .field--item a, .page-node-type-anbieter .field--name-field-email .field--item a {
    color: #003366;}
}

h1, h2.largeText {
  color: #003366; } 
h2 {
  color: #003366;}
h3 {
  color: #003366;}
h4 {
  color: #003366;}

h1 a, h2 a, h3 a, h4 a {
  color: #003366;}
.btn.btn-default, .btn-sm.btn, .btn.btn-primary {
  /* background: #003366; */
  background: #00B2A9;
}
.btn.btn-lg {
  /* color: #003366 !important;
  border: 1px solid #003366; */
  color: #00B2A9 !important;
  border: 1px solid #00B2A9;
}
/* .btn.btn-lg:hover {
    background: #003366;
    color: #003366 !important; } */
	
.btn.btn-lg:hover {
    background: #00B2A9;
    color: #00B2A9 !important; }
.triple-wrapper {
  background: #003366;
}
.numbered {
  border: 8px solid #003366;
}
.statement-img img {
  border: 10px solid #003366; }
.petro-statement .statement-wrapper, .petro-statement.paragraph, .statementList .views-row:nth-child(2n+1) .statement-wrapper, .statementList .views-row:nth-child(2n+1).paragraph, .petro-first .statementList .views-row:nth-child(2n+1) .statement-wrapper, .petro-first .statementList .views-row:nth-child(2n+1).paragraph, .white-first .statementList .views-row:nth-child(2n) .statement-wrapper, .white-first .statementList .views-row:nth-child(2n).paragraph {
    background: #003366; }
.white-statement, .statementList .views-row:nth-child(2n), .petro-first .statementList .views-row:nth-child(2n), .white-first .statementList .views-row:nth-child(2n+1) {
  color: #003366; }
  .white-statement .statement-wrapper, .statementList .views-row:nth-child(2n) .statement-wrapper, .petro-first .statementList .views-row:nth-child(2n) .statement-wrapper, .white-first .statementList .views-row:nth-child(2n+1) .statement-wrapper {
    background: white; }
  .white-statement img, .statementList .views-row:nth-child(2n) img, .petro-first .statementList .views-row:nth-child(2n) img, .white-first .statementList .views-row:nth-child(2n+1) img {
    border-color: #003366; }
  .white-statement h2, .statementList .views-row:nth-child(2n) h2, .petro-first .statementList .views-row:nth-child(2n) h2, .white-first .statementList .views-row:nth-child(2n+1) h2 {
    color: #003366; }
.petro-bg .statement-wrapper, .petro-bg .stat-wrapper, .petro-bg .slide__content, .statementList-text .views-row:nth-child(2n+1) .statement-wrapper, .statementList-text .views-row:nth-child(2n+1) .stat-wrapper, .statementList-text .views-row:nth-child(2n+1) .slide__content, .petro-first .statementList-text .views-row:nth-child(2n+1) .statement-wrapper, .petro-first .statementList-text .views-row:nth-child(2n+1) .stat-wrapper, .petro-first .statementList-text .views-row:nth-child(2n+1) .slide__content, .white-first .statementList-text .views-row:nth-child(2n) .statement-wrapper, .white-first .statementList-text .views-row:nth-child(2n) .stat-wrapper, .white-first .statementList-text .views-row:nth-child(2n) .slide__content,
.petro-first .statementList-text .slick-track .slick__slide:nth-child(2n+1) .statement-wrapper,
.petro-first .statementList-text .slick-track .slick__slide:nth-child(2n+1) .stat-wrapper,
.petro-first .statementList-text .slick-track .slick__slide:nth-child(2n+1) .slide__content, .white-first .statementList-text .slick-track .slick__slide:nth-child(2n) .statement-wrapper, .white-first .statementList-text .slick-track .slick__slide:nth-child(2n) .stat-wrapper, .white-first .statementList-text .slick-track .slick__slide:nth-child(2n) .slide__content, .statementList-text .slick-track .slick__slide:nth-child(2n+1) .statement-wrapper, .statementList-text .slick-track .slick__slide:nth-child(2n+1) .stat-wrapper, .statementList-text .slick-track .slick__slide:nth-child(2n+1) .slide__content {
background: #003366; }
.white-bg, .statementList-text .views-row:nth-child(2n), .petro-first .statementList-text .views-row:nth-child(2n), .white-first .statementList-text .views-row:nth-child(2n+1),
.petro-first .statementList-text .slick-track .slick__slide:nth-child(2n), .white-first .statementList-text .slick-track .slick__slide:nth-child(2n+1), .statementList-text .slick-track .slick__slide:nth-child(2n) {
  color: #003366;
}
.white-bg h2, .white-bg h3, .statementList-text .views-row:nth-child(2n) h2, .statementList-text .views-row:nth-child(2n) h3, .petro-first .statementList-text .views-row:nth-child(2n) h2, .petro-first .statementList-text .views-row:nth-child(2n) h3, .white-first .statementList-text .views-row:nth-child(2n+1) h2, .white-first .statementList-text .views-row:nth-child(2n+1) h3,
  .petro-first .statementList-text .slick-track .slick__slide:nth-child(2n) h2,
  .petro-first .statementList-text .slick-track .slick__slide:nth-child(2n) h3, .white-first .statementList-text .slick-track .slick__slide:nth-child(2n+1) h2, .white-first .statementList-text .slick-track .slick__slide:nth-child(2n+1) h3, .statementList-text .slick-track .slick__slide:nth-child(2n) h2, .statementList-text .slick-track .slick__slide:nth-child(2n) h3 {
    color: #003366;
  }
.btn.btn-default.petro-border {
  border: 2px solid #003366;
  color: #003366; }
.btn.btn-default.petro-border:hover {
    background: #003366;}
.triple-image-wrapper .triple-title h1, .triple-image-wrapper .triple-title h2, .triple-image-wrapper .triple-title h3, .triple-image-wrapper .triple-title h4 {
  color: #003366; }
.img-element {
  background: #003366; }
a {
  color: #003366; }
.logo-site h1 a {
  color: #003366;}
header:not(.nm-overlay) .nm-menu .content > ul > li:hover > a, header:not(.nm-overlay) .nm-menu ul.menu > li:hover > a, header:not(.nm-overlay) .nm-menu .content > ul > li > a.is-active, header:not(.nm-overlay) .nm-menu ul.menu > li > a.is-active {
  color: #003366; }
.page-node-type-article article .file-link {
  background: #003366; }
.kontakt-block .btn.btn-primary {
    background: #003366;
}
.kontakt-block input.form-control, .kontakt-block textarea {
  color: #003366; }
footer.footer {
  background: #003366;}
.kontakt-block label {
  color: #003366; }
.newsletter label {
  color: #003366; }
.newsletter form input.form-control, .newsletter form select.form-control {
  color: #003366; }
.newsletter .form-type-processed-text * {
  color: #003366; }
.popup-container button.white-btn.btn {
  color: #003366;
  border: 1px solid #003366; }
@media all and (min-width: 768px) and (max-width: 1024px) {
.nm-overlay {
    background: #003366; }
.slick-slide.telement-wrapper {
    border: 40px solid #003366;
    height: auto; }
.nm-menu-open #fixed-menu {
    background: #003366; }
.newsletter form input.form-control {
    color: #003366; }
}

@media all and (max-width: 767px) {
	.webform-submission-questionnaire-add-form .btn.btn-default {
		background: #003366;
	}
	.newsletter form input.form-control, .newsletter form select.form-control {
    color: #003366;}
	.newsletter label {
    color: #003366;}
	.nm-overlay {
    background: #003366; }
	.slick-slide.telement-wrapper {
    border: 40px solid #003366; }
	.nm-menu-open #fixed-menu {
    background: #003366; }
	
}

@media all and (max-width: 767px) {
	.statementList-v2 .statementList-text .views-row, .statementList-v2 .statementList-text .statement-text, .statementList-v2 h3.statement-job, .statementList-v2 .statement-text {
		color: #003366 !important;
	}
}
header:not(.nm-overlay) .nm-menu ul.menu > li > ul.dropdown-menu a.active-trail.is-active {
	background: #003366;
}
header:not(.nm-overlay) .nm-menu .content > ul > li > a.active, header:not(.nm-overlay) .nm-menu .content > ul > li > a.active-trail, header:not(.nm-overlay) .nm-menu ul.menu > li > a.active, header:not(.nm-overlay) .nm-menu ul.menu > li > a.active-trail {
	border-color: #003366;
	color: #003366;
}
.statementList-v2.petro-bg h2 {
	color: #003366;
}
.statementList-v2.petro-bg .statement-link .btn.btn-lg {
	border-color: #003366;
}
.statementList-v2.darkgreen-bg .stat-wrapper {
  background: #003366;
}
.statementList-v2.white-bg .statement-link .btn.btn-lg {
	border-color: #003366;
}
@media all and (max-width: 768px) {
    .mobile-greentext * {
      color: #003366 !important; 
	} 
}
@media all and (min-width: 768px) {
    .desktop-greentext * {
      color: #003366 !important;
	} 
}
ul.slick-dots li.slick-active button::before {
	color: #003366;
}
.layout-region-checkout-footer #edit-actions-next {
	background: #003366;
}
.has-petroldark-color { color: #003366; }
.has-petroldark-background-color { background-color: #003366; }
.target-pages .field--name-body a {
	background: #003366;
}
a.custom-btn {
	background: #003366;
}
.btn.normal-link.normal-txt {
	color: #003366;
}
.statement-no-color .statementList-text .slick-track .slick__slide h2, 
.statement-no-color .statementList-text .slick-track .slick__slide h3 {
  color: #003366;
}
@media all and (max-width: 767px) {
.region-we-mega-menu .navbar-toggle {
		background: #003366;
	}
}
ul.slick-dots li.slick-active {
  background: #003366;
}
.statement-image-slider .statement-slide-info,
.statement-image-slider .statement-slide-info * {
  color: #003366;
}
.statement-image-slider .statement-slide-body p,
.statement-image-slider .statement-slide-body * {
  color: #003366;
}
.statement-image-slider .slick-next.slick-arrow:after {
  color: #003366;
}
@media all and (min-width: 768px) {
  .statement-image-slider .slick-next.slick-arrow:hover:after {
    background: #003366;
  }
}
.statement-image-slider .slick-prev.slick-arrow:after {
  color: #003366;
}
@media all and (min-width: 768px) {
  .statement-image-slider .slick-prev.slick-arrow:hover:after {
    background: #003366;
  }
}
.item-submitted .fa-tag::before {
    color: #003366;
}
i.fa {
	color: #003366;
}
.statementList-v2 .statementList-text .slick-track .slick__slide h2, .statementList-v2 .statementList-text .slick-track .slick__slide h3 {
	color: #003366;
}
.logo-txt,
header .field--item .logo-txt a {
	color: #003366;
}
@media all and (max-width: 767px) {
.region-we-mega-menu .navbar-toggle {
		background: #003366;
	}
}
.kontakt-block .form-control::placeholder, .kontakt-block .js-form-item-captcha-response label {
	color: rgba(0, 51, 102, 0.7);
}
.kontakt-block input.form-control, .kontakt-block textarea {
	border: 1px solid rgba(0, 51, 102, 0.64);
	background: rgba(0, 51, 102, 0.13);
	color: #003366;
}
.statementList-v2 .statementList-text .views-row, .statementList-v2 .statementList-text .statement-text, .statementList-v2 h3.statement-job, .statementList-v2 .statement-text {
	color: #003366 !important;
}
.btn:hover {
  background: #FF6B6B; }
.btn.btn-primary:hover {
	background: #FF6B6B;
}
.logo-site {
	position: relative;
	z-index: 999;
}


.nm-menu-toggle-left {
	position: relative;
	z-index: 9999;
}
@media all and (max-width: 1024px) {
	.block-we-megamenu {
		display: none;
	}
}
@media all and (min-width: 1024px) {
	.hide-desktop {
		display: none !important;
	}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
	.hide-tablet {
		display: none !important;
	}
}
@media all and (max-width: 767px) {
	.hide-mobile {
		display: none !important;
	}
	/* new menu styles for white */
	.nm-menu-open #fixed-menu {
		background: white;
	}
	.nm-overlay {
		background: white;
	}
	.nm-overlay .nm-menu ul.menu a {
		font-size: 18px;
		line-height: 30px;
		padding: 14px 16px;
		color: black;
	}
	.nm-overlay .nm-menu {
		max-height: 98%;
	}
	.nm-overlay .nm-menu .content > ul > li, .nm-overlay .nm-menu ul.menu > li {
		border-bottom: 1px solid #ebebeb;
		border-top: 0;
	}
	.nm-overlay .nav > li > a:hover, .nm-overlay .nav > li > a:focus, .nm-overlay .nav > li > a.active-trail,
	.nm-overlay .dropdown-menu > li > a:hover, .nm-overlay .dropdown-menu > li > a:focus,
	.nm-menu .dropdown-menu > .active > a, .nm-menu .dropdown-menu > .active > a:hover, .nm-menu .dropdown-menu > .active > a:focus {
		background-color: #F2F2F2; 
	}
	.nm-menu-open .nm-menu-icon {
		background-position-x: -24px;
		background-position-y: 0;
	}
	.icon-menu::before {
		content: '';
		display: inline-block;
		color: black;
		float: left;
		width: 30px;
		height: 30px;
		background: url(/themes/custom/bootsass/images/colorful.png) no-repeat;
		background-size: cover;
		margin-right: 5px;
	}
	.icon-menu.angebot-versicherungen::before {
		background: url(/themes/custom/bootsass/images/1372997.png) no-repeat;
		background-size: cover;
	}
	ul.dropdown-menu {
		padding-top: 0;
		padding-bottom: 0;
	}
	/* itpm color for menu */
	.nm-overlay, .nm-menu-open #fixed-menu {
		background: #003366;
	}
	.nm-overlay .nm-menu ul.menu a {
		color: white;
	}
	.nm-overlay .nm-menu ul.menu li.expanded::after {
		color: white;
	}
	.nm-overlay .nav > li > a:hover, .nm-overlay .nav > li > a:focus, .nm-overlay .nav > li > a.active-trail, .nm-overlay .dropdown-menu > li > a:hover, .nm-overlay .dropdown-menu > li > a:focus, .nm-menu .dropdown-menu > .active > a, .nm-menu .dropdown-menu > .active > a:hover, .nm-menu .dropdown-menu > .active > a:focus {
		background-color: #0051a1;
	}
	.nm-menu-open .nm-menu-icon {
		background-position-x: -24px;
		background-position-y: -50px;
	}
}