/**************************************************
 *
 * Stylesheet contains:
 *
 * Please check documentation below
 *
 ***************************************************/
/***************************************************
*
* PROJECT DOCUMENTATION
*
* This stylesheet is built with SASS, located in css/sass/style.scss and output to css/ibp.css
*
* style.css as the main stylesheet follows the structure of sub stylesheets, written after the SMACSS method
*
* Theme styles, default theme settings: css/sass/_variables.scss
* Override Bootstrap styles, definition of general settings for HTML-elements: css/sass/_base.scss
* Color settings: css/sass/_colors.scss
* Nav: css/sass/_nav.scss
* Define modules: css/sass/_modules.scss
* Global layout setup: css/sass/_layout.scss
*
* For special overrides see special CSS-Files.
*
***************************************************/
/**************************************************
*
* 1 VARIABLES
*
***************************************************/
/* White */
/* Grays */
/* Black for headlines, text and main navigation */
/* Colors */
/* Font weight */
/**************************************************
*
* 5 COLORS
* Helper classes for coloring
*
***************************************************/
/*************************
* Background colors
**************************/
.bg-black {
  background-color: black; }

.bg-darkgray {
  background-color: #333333; }

.bg-mediumgray {
  background-color: #c5c5c5; }

.bg-lightgray {
  background-color: #afafaf; }

.bg-white {
  background-color: white; }

/*************************
* Text colors
**************************/
.text-black {
  color: black; }

.text-darkgray {
  color: #333333; }

.text-mediumgray {
  color: #c5c5c5; }

.text-lightgray {
  color: #afafaf; }

.text-white {
  color: white; }

/*************************
* Main navigation
**************************/
.navbar-ibp {
  background-color: white;
  /*box-shadow: 0.25rem 0.25rem 0.5rem $ibp-lightgray;*/ }

.navbar-ibp .navbar-nav .nav-link {
  color: black; }

.navbar-ibp .navbar-nav .nav-link:hover,
.navbar-ibp .navbar-nav .nav-link:focus,
.dropdown-item:hover,
.dropdown-item:focus {
  color: red; }

.navbar-ibp .navbar-nav .active > .nav-link {
  border-color: red; }

.navbar-ibp .navbar-toggler {
  color: #afafaf;
  border-color: #afafaf; }

.navbar-ibp .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

/*************************
* Envira Gallery
**************************/
.envira-gallery-image,
.frontpage-content .wp-block-image img {
  filter: grayscale(100%); }

.envira-gallery-image:hover {
  filter: unset;
  transition: all 1s; }

/*************************
* Site Footer
**************************/
.site-footer {
  background-color: #282828; }

.footer-info {
  color: #575757; }

.footer-info a {
  color: #a5a5a5; }

.footer-info a:hover,
.footer-info a:focus {
  color: red; }

/**************************************************
*
* 1 BASE
* Override Bootstrap styles, definition of general
* settings for HTML-elements
*
***************************************************/
/*
* Fonts
 */
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url("../webfonts/roboto-v20-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../webfonts/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("../webfonts/roboto-v20-latin-300.woff2") format("woff2"), url("../webfonts/roboto-v20-latin-300.woff") format("woff"), url("../webfonts/roboto-v20-latin-300.ttf") format("truetype"), url("../webfonts/roboto-v20-latin-300.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("../webfonts/roboto-v20-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../webfonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("../webfonts/roboto-v20-latin-regular.woff2") format("woff2"), url("../webfonts/roboto-v20-latin-regular.woff") format("woff"), url("../webfonts/roboto-v20-latin-regular.ttf") format("truetype"), url("../webfonts/roboto-v20-latin-regular.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url("../webfonts/roboto-v20-latin-500.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../webfonts/roboto-v20-latin-500.eot?#iefix") format("embedded-opentype"), url("../webfonts/roboto-v20-latin-500.woff2") format("woff2"), url("../webfonts/roboto-v20-latin-500.woff") format("woff"), url("../webfonts/roboto-v20-latin-500.ttf") format("truetype"), url("../webfonts/roboto-v20-latin-500.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/*************************
* General Settings
**************************/
body {
  padding-top: 3.90625rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

/*************************
* Bootstrap overrides
**************************/
@media screen and (min-width: 1200px) {
  .container-1440 {
    max-width: 90rem; } }
/*************************
* Headlines
**************************/
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 500; }

/* Page and project headline */
h1 {
  margin-bottom: 1.5rem;
  font-size: 1.5rem; }

@media screen and (min-width: 992px) {
  h1 {
    margin-bottom: 2rem;
    font-size: 2rem; } }
/* Default page headline */
.ibp-page-header h1 {
  position: relative;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  line-height: 2.6875rem;
  text-align: center;
  color: black;
  border-bottom: 0.0625rem solid #767676; }

/* H2 */
h2 {
  font-size: 1.25rem; }

@media screen and (min-width: 992px) {
  h2 {
    font-size: 2rem; } }
/* H3 */
.ibp-page-content h3,
.ibp-project .collapse h3,
.ibp-project .collapse strong {
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  font-weight: 500;
  color: black; }

@media screen and (min-width: 992px) {
  .ibp-page-content h3,
  .ibp-project .collapse h3,
  .ibp-project .collapse strong {
    margin-bottom: 2rem;
    font-size: 1.25rem; } }
/*************************
* Text
**************************/
.frontpage-content p {
  font-size: 1.25rem; }

@media screen and (min-width: 1200px) {
  .frontpage-content p {
    font-size: 1.375rem; } }
.ibp-page-content p {
  font-size: 1rem;
  color: #767676; }

@media screen and (min-width: 1200px) {
  .ibp-page-content p {
    font-size: 1.25rem; } }
/*************************
* Links
**************************/
a {
  color: red;
  transition: all 0.3s ease-in-out; }

a:hover {
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none; }

/*************************
* Buttons
**************************/
/* Card button */
.ibp-read-more,
.search-filter-reset {
  padding: 0.25rem 0.5rem;
  line-height: 1.25;
  font-size: 0.875rem;
  color: #333333;
  background-color: white;
  border-radius: 0.125rem;
  border-color: #333333; }

@media screen and (max-width: 991px) {
  .search-filter-reset {
    width: 100%; } }
.ibp-read-more:hover,
.ibp-read-more:focus,
.search-filter-reset {
  color: white;
  background-color: #333333;
  border-color: #333333; }

/* WP Gutenberg Buttons */
.wp-block-button {
  margin-bottom: 1rem; }

.wp-block-button__link {
  padding: 0.625rem 0.625rem;
  text-align: center;
  transition: all 0.15s ease-in-out;
  color: white;
  background: red;
  border-radius: 0.125rem;
  box-sizing: border-box;
  width: auto;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer; }

.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-button__link:active {
  color: white;
  background-color: #333333;
  border-color: #333333; }

/*************************
* Lists
**************************/
.ibp-page-content ul li,
.collapse ul li {
  font-size: 1rem;
  color: #767676; }

@media screen and (min-width: 1200px) {
  .ibp-page-content ul li,
  .collapse ul li {
    font-size: 1.25rem; } }
/*************************
* Tables
**************************/
.table th, .table td {
  padding: 0.5rem; }

/* ... */
.project-data th {
  width: 49%; }

/*************************
* Images
**************************/
.wp-block-image > img {
  width: 100%;
  height: auto; }

/**************************************************
*
* 2 NAV
* Styles for any kind of navigation
*
***************************************************/
/*************************
* Main navigation
**************************/
.navbar {
  border-bottom: 0.0625rem solid #eeeeee; }

/* Brand as text */
.navbar-ibp .navbar-brand {
  font-size: 1.25rem; }

/* Brand as Icon */
.navbar-ibp .navbar-brand > img,
.navbar-ibp .navbar-brand > svg {
  width: 12rem;
  height: auto;
  color: #1d1d1b; }

.navbar-ibp .navbar-nav .nav-link {
  padding-bottom: 0.25rem;
  font-size: 1rem; }

.navbar-ibp .navbar-nav .active > .nav-link,
.dropdown .current-menu-item > .dropdown-item {
  border-bottom: 0.125rem solid red; }

.navbar-ibp .navbar-nav .active > .nav-link,
.dropdown .dropdown-item {
  font-size: 1rem; }

/* Scroll */
/*************************
* Pagination
**************************/
.page-link {
  font-size: 0.875rem;
  color: red;
  border-color: red; }

.page-item:first-child .page-link,
.page-item:last-child .page-link {
  border-radius: unset; }

.page-link:hover {
  color: red; }

/*************************
* Footer navigation
**************************/
.social-links {
  font-size: 2rem; }

/**************************************************
*
* 3 MODULES
* Module and component styling
*
***************************************************/
/*************************
* Front page modules
**************************/
/*************************
* Page item modules
**************************/
/*************************
* Project archive page modules
**************************/
/* S&F Plugin Form */
.searchandfilter > ul > li {
  display: inline-block;
  vertical-align: top;
  padding: 0 20px; }

/* Number of results */
.ibp-sf-results h4 {
  font-size: 1.5rem;
  font-weight: 300;
  color: black; }

.project-card {
  border-radius: unset;
  border-color: #eeeeee; }

.project-card.sieger {
  border-color: #c5c5c5; }

.project-card > img {
  width: 100%;
  height: 6rem;
  object-fit: cover; }

@media screen and (min-width: 576px) {
  .project-card > img {
    height: 11.4375rem; } }
.project-card .card-body {
  padding: 0; }

.project-card .card-title {
  margin-bottom: 0;
  padding: 1rem 0.5rem;
  height: 5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #1a1a1a;
  background-color: #eeeeee;
  overflow: hidden; }

@media screen and (min-width: 576px) and (max-width: 1199px) {
  .project-card .card-title {
    padding: 1rem;
    font-size: 1rem; } }
@media screen and (min-width: 1200px) {
  .project-card .card-title {
    padding: 1rem;
    height: 6.5rem;
    font-size: 1rem; } }
.sieger .card-title,
.anerkennung .card-title,
.nominierung .card-title,
.sonderpreis .card-title {
  color: red;
  background-color: #c5c5c5;
  background-repeat: no-repeat;
  background-position: 90% 90%;
  background-size: 1.5rem auto; }

@media screen and (min-width: 1200px) {
  .sieger .card-title,
  .anerkennung .card-title,
  .nominierung .card-title,
  .sonderpreis .card-title {
    background-position: 95% 90%;
    background-size: 1.25rem auto; } }
.sieger .card-title,
.sonderpreis .card-title {
  background-image: url("../img/sieger.svg"); }

.anerkennung .card-title {
  background-image: url("../img/anerkennung.svg"); }

.nominierung .card-title {
  background-image: url("../img/nominierung.svg"); }

/*
* Project data list
 */
.project-card .project-data-list {
  color: #a1a1a1; }

.project-data-list ul {
  margin-bottom: 1rem;
  padding-left: 1rem;
  list-style-type: none; }

@media screen and (min-width: 992px) {
  .project-data-list ul {
    height: 15rem; } }
.project-data-list li {
  padding: 1rem 1rem 1rem 0;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 300;
  border: none; }

@media screen and (min-width: 576px) and (max-width: 991px) {
  .planer {
    height: 3rem; }

  .bauherr {
    height: 2rem; }

  .ort {
    height: 2rem; } }
@media screen and (min-width: 992px) {
  .planer {
    height: 4.625rem; }

  .bauherr {
    height: 5.5rem; }

  .ort {
    height: 2rem; } }
/*************************
* Project single page modules
**************************/
.ibp-project-title {
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 1.25;
  font-weight: 500;
  color: black; }

@media screen and (min-width: 1200px) {
  .ibp-project-title {
    font-size: 2.25rem; } }
.project-data {
  margin-top: 2rem;
  margin-bottom: 5rem;
  font-size: 0.875rem; }

@media screen and (min-width: 992px) {
  .project-data {
    font-size: 1.25rem; } }
.project-data-header {
  position: relative;
  margin-top: 2rem;
  font-size: 1.125rem;
  font-weight: 400;
  color: black; }

@media screen and (min-width: 992px) {
  .project-data-header {
    margin-top: 0;
    font-size: 1.5rem; } }
.project-data th {
  font-weight: 300; }

.project-data td {
  font-weight: 300;
  text-align: right; }

/*
* Project description
*/
/* Heading */
.project-description-header {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.project-description-header h2 {
  font-size: 1.125rem;
  font-weight: 400;
  color: black; }

@media screen and (min-width: 992px) {
  .project-description-header h2 {
    font-size: 1.5rem; } }
.project-collapse a,
.project-collapse a:hover {
  font-size: 1.125rem;
  line-height: 1.6;
  font-weight: 300;
  text-decoration: none;
  color: black; }

@media screen and (min-width: 992px) {
  .project-collapse a,
  .project-collapse a:hover {
    font-size: 1.25rem; } }
/* Teaser text */
.ibp-teaser-text {
  margin-bottom: 0.35rem;
  font-size: 1.125rem; }

@media screen and (min-width: 992px) {
  .ibp-teaser-text {
    margin-bottom: 0.5rem;
    font-size: 1.25rem; } }
/* Trigger icon */
a[aria-expanded="false"] .ibp-teaser-text::after {
  content: url("../img/open.svg");
  width: 1rem;
  height: 1rem;
  font-size: 2rem; }

a[aria-expanded="true"] .ibp-teaser-text::after {
  content: url("../img/close.svg");
  width: 1rem;
  height: 1rem;
  font-size: 2rem; }

.ibp-project p,
.ibp-project li {
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.6;
  color: #767676; }

@media screen and (min-width: 1200px) {
  .ibp-project p,
  .ibp-project li {
    font-size: 1.25rem; } }
/* Footer Info SVG */
.footer-info svg {
  color: red; }

/*
* Download Button
 */
.download-link {
  padding: 0.25rem 0.5rem;
  line-height: 1.25;
  font-size: 0.875rem;
  color: #333333;
  background-color: white;
  border-radius: 0.125rem;
  border-color: #333333; }

/*
* Font Awesome Icons
 */
.list-inline-item .fab {
  margin-right: 3.5rem;
  font-size: 2rem; }

/**************************************************
*
* 4 LAYOUT
* Layout settings and dimensions
*
***************************************************/
/*************************
* General layout settings
**************************/
/*************************
* Front page
**************************/
@media screen and (max-width: 991px) {
  .frontpage-header > .col-12 {
    padding-right: 0;
    padding-left: 0; } }
.frontpage-content {
  margin-top: 2rem; }

.frontpage-header h1 {
  position: relative; }

.frontpage-content figure {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem; }

@media screen and (min-width: 1200px) {
  .frontpage-content figure {
    margin-top: 5.75rem;
    margin-bottom: 5.75rem; } }
/*************************
* Default page
**************************/
.ibp-page {
  margin-top: 3rem; }

/* Header */
@media screen and (max-width: 767px) {
  .ibp-page-header > div {
    padding-right: 0;
    padding-left: 0; } }
/* Carousel Item */
.carousel-item img {
  width: 100%;
  height: auto; }

/* Page content */
.ibp-page-content {
  margin-bottom: 5rem; }

/* Video */
.ibp-page-header video {
  width: 1200px;
  height: auto; }

/* YouTube */
.wp-block-embed {
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  margin: 0 auto;
  text-align: center;
  background-color: #eeeeee; }

@media screen and (min-width: 1200px) {
  .wp-block-embed {
    border: 0.06125rem solid #afafaf; } }
/*************************
* Project
**************************/
.ibp-project {
  margin-bottom: 3rem; }

@media screen and (min-width: 992px) {
  .ibp-project {
    margin-bottom: 10rem; } }
/* Project title */
.project-title {
  padding-top: 3rem;
  padding-bottom: 3rem; }

/* Featured image */
.project-featured-image {
  margin-bottom: 1rem; }

@media screen and (min-width: 992px) {
  .ibp-project .project-data {
    min-height: 16.5rem;
    margin-bottom: 5rem; } }
/* Project pagination */
.ibp-project-pagination-container {
  position: relative;
  margin-top: 10rem;
  margin-bottom: 2rem;
  width: 100%; }

.pagination {
  margin-right: 1rem;
  margin-left: 1rem; }

/*************************
* Project Overview
**************************/
.ibp-archive-header {
  margin-top: 2rem;
  margin-bottom: 3rem;
  padding-right: 0;
  padding-left: 0; }

@media screen and (min-width: 1200px) {
  .ibp-archive-header {
    min-height: 3rem; } }
.ibp-sf-results {
  padding: 0.5rem 0 2.5rem; }

@media screen and (max-width: 991px) {
  .ibp-project-item:nth-child(odd) {
    padding-right: 0.25rem; }

  .ibp-project-item:nth-child(even) {
    padding-left: 0.25rem; } }
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .ibp-project-item {
    padding-right: 0.5rem;
    padding-left: 0.5rem; } }
@media screen and (min-width: 1200px) {
  .ibp-project-item {
    padding-right: 1.35rem;
    padding-left: 1.35rem; } }
.project-card.card {
  margin-bottom: 1rem;
  background-color: white; }

@media screen and (min-width: 992px) {
  .project-card.card {
    margin-bottom: 3rem; } }
.project-card.card:hover {
  margin-top: 0;
  box-shadow: 0 0.15rem 0.2rem #c5c5c5;
  transition: all 0.2s ease-in-out;
  z-index: 995; }

/*************************
* Footer
**************************/
.site-footer {
  padding: 1rem; }

@media screen and (min-width: 1200px) {
  .site-footer {
    padding-top: 5rem;
    padding-bottom: 5rem; } }
.footer-info li > svg {
  width: 13.9375rem;
  height: auto; }

/*************************
* Z-Index
**************************/
.ibp-project-pagination-container {
  z-index: 1101; }

/**************************************************
*
* 7 FILTER
* Search & Filter Plugin and component styling
*
***************************************************/
/*************************
* Search & Filter component
**************************/
.searchandfilter {
  padding: 2rem 2rem;
  background-color: #eeeeee; }

/* remove padding */
.searchandfilter ul,
.searchandfilter ul li,
.searchandfilter ul li li {
  padding: 0;
  margin: 0; }

/* one line for the search field */
.searchandfilter ul li.sf-field-search {
  width: 100%;
  margin-bottom: 2rem; }

.sf-field-search .sf-input-text {
  width: 100%;
  height: 2.375rem;
  border-color: transparent; }

.sf-field-search label {
  width: 100%;
  border-color: transparent; }

@media screen and (min-width: 992px) {
  .sf-field-search label {
    width: 50%; } }
/* Taxonomy */
.searchandfilter ul li.sf-field-taxonomy-ibp_categories {
  width: 100%;
  margin-bottom: 2rem; }

.sf-field-taxonomy-ibp_categories ul li {
  display: inline; }

.sf-field-taxonomy-ibp_categories ul li:first-of-type {
  display: inline;
  margin-left: -0.9375rem; }

.searchandfilter ul li.sf-field-taxonomy-ibp_status {
  width: 100%;
  margin-bottom: 2rem; }

.sf-field-taxonomy-ibp_status ul li {
  display: inline;
  margin-bottom: 1rem; }

.sf-field-taxonomy-ibp_status ul li:first-of-type {
  display: inline;
  margin-left: -0.9375rem; }

.searchandfilter .sf-label-radio {
  display: block;
  padding: 0.125rem 0.125rem;
  text-align: center;
  transition: all 0.15s ease-in-out;
  color: white;
  background: black;
  border-radius: 0.125rem;
  box-sizing: border-box;
  width: auto;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer; }

@media screen and (min-width: 992px) {
  .searchandfilter .sf-label-radio {
    display: inline-block;
    padding: 0.625rem 0.625rem;
    width: auto; } }
.searchandfilter .search-filter-reset {
  display: block;
  height: 2.375rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75rem;
  background: black; }

.searchandfilter .sf-option-active .sf-label-radio {
  color: white;
  background-color: red; }

.searchandfilter input[type="radio"] {
  visibility: hidden; }

/*# sourceMappingURL=ibp.css.map */