@charset "UTF-8";
/*!
 * Theme Name:  Kampagne Bayern 2020 (iTrack)
 * Theme URI:
 * Author:      iFactory
 * Author URI:  http://www.ifactory.de/
 * License:     Copyright (c) 2019-22 by iFactory. All rights reserved.
 * License URI:
 * Version:     0.5
 * Template:    nominee
 * Text Domain: kpgby20
 * Tags:        Gliederungen, Personen, Events, News, Termine, Beschlüsse, Berichte, Newsletter, Archiv, Kandidaten, Mandatsträger
 * Description: Das Theme „Kampagne Bayern 2020 (<em>iTrack</em>)“ von <em>iFactory</em> für WordPress optimiert den Standard-OnePager für das Kampagnenlayout der FDP Bayern und der Integration von <em>iTrack</em>.
 *
 * Kampagne Bayern 2020 (iTrack) WordPress Theme, Copyright 2019-22 by iFactory
 */
@font-face {
  font-family: "DIN Heavy";
  src: url("fnt/din-heavy.woff2") format("woff2"), url("fnt/din-heavy.woff") format("woff");
}

@font-face {
  font-family: "FuturaCondensedExtraBold";
  src: url("fnt/futura_cond_extra_bold.eot");
  src: url("fnt/futura_cond_extra_bold.eot?#iefix") format("embedded-opentype"), url("fnt/futura_cond_extra_bold.woff2") format("woff2"), url("fnt/futura_cond_extra_bold.woff") format("woff"), url("fnt/futura_cond_extra_bold.ttf") format("truetype"), url("fnt/futura_cond_extra_bold.svg#FuturaCondensedExtraBold") format("svg");
}

.fas,
.fa-solid,
.far,
.fa-regular,
.fal,
.fa-light,
.fat,
.fa-thin,
.fad,
.fa-duotone,
.fab,
.fa-brands {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: 'Open Sans', sans-serif !important;
}

a {
  color: #e5007e;
}

a:focus {
  color: #e5007e;
}

a:hover {
  color: #009ee3;
}

.site-wrapper > * {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

.site-wrapper > .header-wrapper {
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}

h1, h2, h3, h4, h5, h6 {
  color: #009ee3;
  font-weight: 700;
  font-family: 'FuturaCondensedExtraBold',sans-serif !important;
}

h1 {
  font-size: 36px;
}

h2 {
  font: 400 28px/1 'FuturaCondensedExtraBold',sans-serif;
}

h3 {
  font: 400 24px/1.2 'FuturaCondensedExtraBold',sans-serif;
}

h4 {
  font-size: 18px;
}

.error-message h2 {
  color: #e5007e;
}

.icon-block i {
  color: #009ee3;
}

.icon-block .tt-icon {
  float: left;
  margin-right: 15px;
}

.icon-block.icon-position-right .tt-icon,
.icon-block.icon-position-center .tt-icon {
  margin-right: 0;
}

.icon-block h3 {
  margin-bottom: 20px;
  font-size: 24px;
}

.icon-effect .tt-icon i {
  margin-right: 0;
  color: #e5007e;
}

.icon-effect .tt-icon i::after {
  background-color: transparent;
}

.icon-effect:hover .tt-icon i {
  color: #e5007e;
}

.icon-effect:hover .tt-icon i::after {
  background-color: #ffed00;
}

.icon-effect .tt-content {
  padding-top: 15px;
}

.icon-effect.icon-position-left .tt-icon {
  margin-right: 0;
}

.icon-effect.icon-position-left .tt-content {
  margin-left: 70px;
}

.icon-effect.icon-position-right .tt-icon {
  margin-left: 0;
}

.icon-effect.icon-position-right .tt-content {
  margin-right: 70px;
}

.icon-effect.icon-position-center .tt-icon {
  margin-bottom: 5px;
}

.icon-effect.icon-position-center .tt-content {
  padding-top: 0;
}

.icon-effect h3::after {
  display: none;
}

.social-links li a,
.tt-social-icon li a {
  border-radius: 50%;
}

.social-links li a:hover, .social-links li a:focus,
.tt-social-icon li a:hover,
.tt-social-icon li a:focus {
  background-color: #009ee3;
}

span.separator {
  background-color: #009ee3;
}

blockquote small::before,
blockquote .small::before,
blockquote footer::before {
  content: '';
}

table {
  border-radius: 10px;
}

table > tbody > tr > th,
table > tbody > tr > td,
table > thead > tr > th,
table > thead > tr > td,
table > tfoot > tr > th,
table > tfoot > tr > td {
  border: none;
}

.timeline > li .posted-date .month {
  font-family: 'FuturaCondensedExtraBold',sans-serif;
}

@media (max-width: 991px) {
  .timeline > li::before {
    top: 12px;
  }
  .timeline > li .posted-date .month {
    display: inline-block;
    padding: 0 12px;
    color: #e5007e;
    background: #ffed00;
    line-height: 36px;
  }
}

@media (min-width: 992px) {
  .timeline > li:hover .posted-date {
    border-color: #009ee3;
    background: #009ee3;
  }
  .timeline > li:hover .posted-date .month {
    color: #ffed00;
  }
}

body #toTop {
  color: #a5027d;
  border-color: #a5027d;
}

body #toTop:hover {
  background-color: #a5027d;
}

::-webkit-input-placeholder {
  color: #fafafa !important;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #fafafa !important;
  opacity: 1;
}

::-ms-input-placeholder {
  color: #fafafa !important;
  opacity: 1;
}

::placeholder {
  color: #fafafa !important;
  opacity: 1;
}

.wpcf7 div.wpcf7-validation-errors, .wpcf7 div.wpcf7-response-output {
  color: #e5007e;
  margin-top: 20px;
  border-radius: 10px;
  border: 1px solid #ffed00;
}

@media (max-width: 767px) {
  nav.navbar-default {
    background-color: white !important;
  }
}

@media (min-width: 768px) {
  nav.navbar-default {
    background-color: rgba(255, 255, 255, 0.75);
  }
}

nav.navbar-default .navbar-nav li a:hover {
  color: #e5007e;
}

nav.navbar-default .navbar-nav > li > a {
  padding: 5px 0;
  color: #e5007e;
  font: 400 14px/1 'DIN heavy' !important;
  text-transform: uppercase;
  line-height: 24px;
}

nav.navbar-default .navbar-nav > li > a:focus, nav.navbar-default .navbar-nav > li > a:hover {
  color: #009ee3;
}

nav.navbar-default .navbar-nav > li > a span {
  vertical-align: top;
}

nav.navbar-default .navbar-nav > .active > a, nav.navbar-default .navbar-nav > .active > a:focus, nav.navbar-default .navbar-nav > .active > a:hover {
  color: #009ee3;
  background-color: transparent;
  border-bottom: none;
}

nav.navbar-default .navbar-toggle {
  border: 0;
}

nav.navbar-default .navbar-toggle .icon-bar {
  width: 28px;
  height: 3px;
  background-color: #e5007e;
}

nav.navbar-default .navbar-toggle:focus, nav.navbar-default .navbar-toggle:hover {
  background-color: #e5007e;
  border-color: #e5007e;
}

nav.navbar-default .navbar-toggle:focus .icon-bar, nav.navbar-default .navbar-toggle:hover .icon-bar {
  background-color: white;
}

@media (min-width: 768px) {
  .sticky .navbar-default {
    background-color: white;
  }
  .header-wrapper.navbar-fixed-bottom, .header-wrapper.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
  }
  body.toolbar-fixed .navbar-fixed-top {
    top: 0;
  }
}

.header-transparent .sticky.navbar-default .navbar-nav > li > a,
.header-transparent .sticky.navbar-default .navbar-nav > li.active > a,
.sticky .navbar-default .navbar-nav > li.active > a {
  color: #009ee3;
}

.dropdown-menu > li > a {
  font-weight: 700;
}

.donate-button a {
  background-color: #009ee3;
}

.donate-button a:hover, .donate-button a:focus {
  background-color: #a5027d;
}

.btn-primary,
.woocommerce a.button,
.woocommerce button.button.alt,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce .product .entry-summary a.single_add_to_cart_button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.widget.woocommerce #respond input#submit,
.widget.woocommerce a.button,
.widget.woocommerce button.button,
.widget.woocommerce input.button,
.widget.woocommerce #respond input#submit:hover,
.widget.woocommerce a.button:hover,
.widget.woocommerce button.button:hover,
.widget.woocommerce input.button:hover {
  background-color: #009ee3;
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary,
.woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce a.button:active
.woocommerce button.button.alt:hover, .woocommerce button.button.alt:focus, .woocommerce button.button.alt:active,
.woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce input.button:active,
.woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus, .woocommerce input.button.alt:active,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce #respond input#submit:active,
.woocommerce .product .entry-summary a.single_add_to_cart_button:hover, .woocommerce .product .entry-summary a.single_add_to_cart_button:focus, .woocommerce .product .entry-summary a.single_add_to_cart_button:active,
.woocommerce .cart .button:hover, .woocommerce .cart input.button:hover {
  background-color: #a5027d;
}

.itrack .event {
  padding-left: 0;
  line-height: 100%;
  list-style: none;
}

.itrack .event li {
  margin: 20px 0;
}

.itrack .event li .title {
  display: block;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 130%;
}

.itrack .event li br.title,
.itrack .event li .title + br {
  display: none;
}

.itrack .event li .title {
  margin: 6px 0;
}

.itrack.dates .event li .title {
  margin-bottom: 0;
}

.itrack .date,
.itrack .time,
.itrack .unit,
.itrack .author,
.itrack.news .place {
  font-size: .8em;
}

.itrack.dates .place,
.itrack .link {
  line-height: 130%;
}

section {
  padding: 70px 0 50px 0;
}

section .section-intro h2 {
  color: #009ee3;
}

section:first-child, section#banner {
  font-family: 'FuturaCondensedExtraBold',sans-serif !important;
}

section:first-child, section:last-child, section#banner, section#map {
  padding: 0;
}

.section-intro {
  margin-bottom: 50px;
  text-align: center;
}

.section-intro.text-left {
  text-align: left;
}

.section-intro.text-right {
  text-align: right;
}

.section-intro p {
  max-width: 530px;
  margin: 0 auto;
}

.section-intro hr {
  position: relative;
  max-width: 50px;
  border-top: 1px solid white;
}

.section-intro h2 {
  color: #009ee3;
  text-align: center;
  text-transform: none;
}

hr.colored, .separator {
  margin-top: 18px;
}

.separator span {
  display: none;
}

#banner.vc_general {
  padding-top: 22vw;
  padding-bottom: 12vw;
  background-size: contain;
  background-position: center center;
}

#banner.vc_general h1,
#banner.vc_general h2 {
  clear: left;
  float: left;
  margin: 0;
  padding: 4px 2.5vw;
  line-height: 130%;
}

#banner.vc_general h1 {
  color: white;
  background: #009ee3;
  font-size: 3.2vw;
}

#banner.vc_general h2 {
  color: #ffed00;
  background: #e5007e;
  font-size: 5vw;
}

@media (max-width: 991px) {
  #banner.vc_general h1 {
    font-size: 3.3vw;
  }
  #banner.vc_general h2 {
    font-size: 5.5vw;
  }
}

@media (max-width: 767px) {
  #banner.vc_general h1 {
    font-size: 3.7vw;
  }
  #banner.vc_general h2 {
    font-size: 6vw;
  }
}

#about h3 {
  color: #e5007e;
}

#about h2.wpb_heading {
  color: #e5007e;
  font: 400 24px/1.2 'FuturaCondensedExtraBold',sans-serif;
  text-align: left;
}

#mission {
  color: #009ee3;
  background: #ffed00 url("img/watering.svg") center top -20px no-repeat;
  background-size: auto 750px;
}

#mission h2 {
  display: inline-block;
  padding: 6px 10px;
  color: #ffed00;
  background: #e5007e;
  font-style: normal;
  font-weight: normal;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}

#mission .section-intro p {
  display: inline-block;
  padding: 0 8px;
  border-radius: 6px;
  background: #ffed00;
}

#mission h3 {
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}

#mission .icon-block {
  padding: 10px 20px;
  border-radius: 10px;
  color: #e5007e;
  background: white;
}

@media (min-width: 768px) {
  #mission .wpb_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

#mission .wpb_row + .wpb_row {
  margin-top: 40px;
}

#mission .wpb_row .vc_column-inner,
#mission .wpb_row .vc_column-inner .wpb_wrapper,
#mission .wpb_row .vc_column-inner .wpb_wrapper .icon-block {
  height: 100%;
}

#mission + section,
#link {
  padding-top: 10px;
  padding-bottom: 10px;
  color: white;
  background: #009ee3;
  text-align: center;
}

#mission + section .wpb_text_column,
#link .wpb_text_column {
  margin-bottom: 0;
}

#mission + section h3,
#link h3 {
  margin-bottom: 0;
  color: #ffed00;
}

#mission + section a,
#link a {
  color: white;
}

#mission + section a:hover,
#link a:hover {
  color: #e5007e;
}

@media (min-width: 768px) {
  #press .wpb_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

#press .wpb_row .wpb_column:first-child .vc_column-inner {
  background: url("img/mill.svg") right bottom -60px no-repeat;
  background-size: auto 240px;
}

@media (max-width: 767px) {
  #press .wpb_row .wpb_column:first-child .vc_column-inner {
    background-position: right bottom -30px;
  }
}

#press .wpb_row .wpb_column:first-child .vc_column-inner .icon-block {
  background: #009ee3 url("img/mill.svg") right -15px bottom -60px no-repeat;
  background-size: auto 240px;
}

#press .wpb_row .vc_column-inner,
#press .wpb_row .vc_column-inner .wpb_wrapper {
  height: 100%;
}

#press .icon-block {
  height: 100%;
  padding: 30px 20px 0;
  border-radius: 10px;
  color: white;
  background: #009ee3;
}

#press .icon-block .tt-icon {
  margin-bottom: 20px;
}

#press .icon-block h3 {
  display: inline-block;
  padding: 4px 10px;
  color: #e5007e;
  background: #ffed00;
  font-style: normal;
  font-weight: normal;
}

#press .icon-block ul {
  max-width: 240px;
  margin: 0 auto;
}

#press .icon-block a {
  color: #ffed00;
}

#press .icon-effect .tt-icon i {
  color: #ffed00;
}

#press .icon-effect:hover .tt-icon i {
  color: #009ee3;
}

#stories {
  padding-bottom: 0;
}

#contact {
  color: #ffed00;
  background: #00abae url("img/flyer.svg") -40px 30px no-repeat;
  background-size: auto 400px;
}

#contact h2 {
  display: inline-block;
  padding: 6px 10px;
  color: #e5007e;
  background: #ffed00;
  font-style: normal;
  font-weight: normal;
}

#contact .section-intro p {
  display: inline-block;
  border-radius: 6px;
  padding: 0 8px;
  background: #00abae;
}

#contact span.separator {
  background-color: #ffed00;
}

#contact .form-control {
  color: #a5027d;
  background: #00abae;
  border-color: #ffed00;
}

#contact .form-control:focus {
  color: #a5027d;
  background: white;
  border-color: #a5027d;
}

#contact .form-control {
  border-radius: 10px;
}

#contact .btn-primary {
  background: #e5007e;
}

#contact .btn-primary:hover {
  background: #a5027d;
}

#map {
  color: #009ee3;
  background: #ffed00;
}

#map .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#map .row div {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

#map .vc_column-inner,
#map .vc_column-inner .wpb_wrapper,
#map .sbs_openstreetmap_module,
#map .sbs_openstreetmap_module .sbs_openstreetmap_container {
  height: 100%;
}

#map h2 {
  display: inline-block;
  padding: 6px 10px;
  color: #ffed00;
  background: #e5007e;
  font-style: normal;
  font-weight: normal;
}

#map .itrack .address address p .name,
#map .location-info strong {
  color: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 16px;
}

#map .location-info {
  color: white;
  background: transparent url("img/contact.svg") 80px center no-repeat;
  background-size: auto 101%;
  padding-top: 70px !important;
  padding-bottom: 30% !important;
}

#map .location-info .vc_column-inner,
#map .location-info .vc_column-inner .wpb_wrapper {
  height: auto;
}

#map .location-info .wpb_wrapper,
#map .location-info a {
  color: #006cb1;
  color: white;
}

#map .location-info a {
  text-decoration: underline;
}

#map .location-info a:hover {
  color: #e5007e;
}

@media (max-width: 767px) {
  #map .row {
    display: inherit;
  }
  #map .location-info {
    background-position: 15px center;
    padding-bottom: 200px !important;
  }
}

@media (min-width: 768px) {
  #map .sbs_openstreetmap_module .sbs_openstreetmap_container {
    padding-bottom: inherit !important;
  }
}

@media (max-width: 991px) {
  #map .location-info {
    background-position: 10px center;
  }
}

footer .navbar-nav {
  float: none;
  margin: 0 auto;
  color: white;
  font-size: 12px;
  line-height: 28px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

footer .navbar-nav > li {
  float: none;
  display: inline;
}

footer .navbar-nav > li::after {
  content: "\00a0|";
}

footer .navbar-nav > li:last-child::after {
  content: "";
}

footer .navbar-nav > li > a {
  display: inline;
  padding: 5px 10px;
}

footer .navbar-nav > li.current_page_item a {
  color: #e5007e;
}

footer .nav > li > a:focus, footer .nav > li > a:hover {
  background-color: none;
}

footer .social-links li a {
  color: white;
  border-color: white;
}

footer .social-links li a:hover, footer .social-links li a:focus {
  color: #009ee3;
  background-color: #ffed00;
}

.footer-section h3 {
  margin-bottom: 25px;
}

.footer-onepage-wrapper {
  padding-top: 30px;
  background-color: #009ee3;
}

.footer-onepage-wrapper a {
  color: white;
}

.footer-onepage-wrapper .copyright {
  margin-top: 45px;
  color: white;
  border-color: white;
}

.candidate-name {
  font: 400 28px/1em 'FuturaCondensedExtraBold',sans-serif;
  color: #ffed00;
  background: #e5007e;
  padding: 6px 10px 2px;
  margin: 0 0 8px -.25rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.candidate-name div {
  display: inline-block;
  white-space: nowrap;
}

.field--name-field-titel, .field--name-field-first-name, .field--name-field-titel {
  padding-right: 6px;
}

.intro.right .candidate-name {
  float: right;
  margin-right: -.25rem;
}

.intro h1 {
  font: 400 47px/1.15em 'FuturaCondensedExtraBold',sans-serif;
  display: inline;
  padding: 7px 9px 0;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background: #ffed00;
  -webkit-box-shadow: 0.25rem 0 0 #ffed00, -0.25rem 0 0 #ffed00;
          box-shadow: 0.25rem 0 0 #ffed00, -0.25rem 0 0 #ffed00;
  color: #e5007e;
}

.intro.right .title-wrapper {
  clear: both;
  text-align: right;
}

.field--name-field-subslogan {
  clear: both;
  font: 400 24px/1em 'FuturaCondensedExtraBold',serif;
  display: inline-block;
  color: #ffed00;
  background: #e5007e;
  margin: 1px 0 0 -2px;
  padding: 5px 10px 4px;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
/*# sourceMappingURL=style.css.map */