/*
 Theme Name:   Bootstrap 5 Reifengarantie Child
 Theme URI:    https://www.garantie-fuer-reifen.de
 Template:     bootstrap
 Description:  WordPress Bootstrap 5 Child-Theme for Reifengarantie.
 Author:       Gundlach-IT
 Author URI:   https://www.gundlach-automotive.com
 Version:      2.0.1
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Business, Tires, Reifengarantie
 Text Domain:  bootstrap
*/
body {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 1.1rem !important; }

/* Navbar */
#wrap-bootstrap-navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  border: none;
  opacity: 0.8;
  padding-top: 0;
  padding-bottom: 0; }
  #wrap-bootstrap-navbar a.navbar-brand:link,
  #wrap-bootstrap-navbar a.navbar-brand:visited {
    font-size: 1.1rem;
    color: #ffffff; }
  #wrap-bootstrap-navbar a.navbar-brand:hover,
  #wrap-bootstrap-navbar a.navbar-brand:active {
    color: #cccccc; }

.wrap-slideshow {
  margin-top: 60px; }

/* Content */
.container .row-section {
  margin: 60px 0 30px 0;
  padding-bottom: 100px;
  background-image: url("images/Front-Page-Dropshadow.png");
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: bottom;
  background-size: contain; }
  .container .row-section .wp-block-button a:hover,
  .container .row-section .wp-block-button a:active {
    color: #ffffff !important;
    background-color: #c3172e;
    border-color: #c3172e;
    border-radius: 6px;
    transition: All 0.2s ease 0s;
    -webkit-transition: All 0.2s ease 0s;
    -moz-transition: All 0.2s ease 0s;
    -o-transition: All 0.2s ease 0s; }
  .container .row-section .column-left {
    font-size: 2rem;
    text-align: center; }
  .container .row-section h1 {
    font-size: 2.2rem;
    line-height: 1.1;
    margin: 0 0 15px 0; }
  .container .row-section svg {
    width: 40px;
    color: #c3172e;
    margin-bottom: 25px; }
  .container .row-section .download-on-click .wp-block-file__button {
    background: none;
    font-size: 0.9em;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.5;
    text-transform: uppercase; }
  .container .row-section a:not(.wp-block-file__button)::before {
    content: " ";
    background: url('data:image/svg+xml,<svg viewBox="0 0 16 16" class="bi bi-chevron-double-down" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M1.646 6.646a.5.5 0 0 1 .708 0L8 12.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/><path fill-rule="evenodd" d="M1.646 2.646a.5.5 0 0 1 .708 0L8 8.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
    margin-right: 10px;
    background-size: 16px 16px; }
  .container .row-section .wp-block-table thead th {
    background: #3f3f3f;
    color: #ffffff;
    padding: 5px; }
  .container .row-section .wp-block-table tbody td {
    padding: 5px; }

.container .row-section:last-of-type {
  background: none; }

.container .contact-column h1 {
  font-size: 2.2rem;
  line-height: 1.1; }

.container .contact-column svg {
  width: 40px;
  color: #c3172e; }

.container .wpcf7 {
  width: 50%;
  margin: auto; }
  .container .wpcf7 .wpcf7-acceptance {
    display: inline-block;
    width: 20px;
    height: 40px;
    margin-bottom: 0; }
    .container .wpcf7 .wpcf7-acceptance input[type="checkbox"] {
      vertical-align: top;
      transform: scale(1.5); }
  .container .wpcf7 #check-the-terms {
    position: relative;
    font-size: 0.9rem;
    display: block;
    margin-left: 40px; }
  .container .wpcf7 .wpcf7-submit {
    width: 50%;
    border: none;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.9em;
    font-weight: 700; }

/* Credits */
body .wrap-credits {
  background: -webkit-linear-gradient(73deg, #23aae5 75%, rgba(0, 0, 0, 0) 75%), -webkit-linear-gradient(73deg, #fff 75.1%, #3e3e3e 75.2%);
  background: -o-linear-gradient(73deg, #23aae5 75%, rgba(0, 0, 0, 0) 75%), -o-linear-gradient(73deg, #fff 75.1%, #3e3e3e 75.2%);
  background: -moz-linear-gradient(73deg, #23aae5 75%, rgba(0, 0, 0, 0) 75%), -moz-linear-gradient(73deg, #fff 75.1%, #3e3e3e 75.2%);
  background: linear-gradient(73deg, #23aae5 75%, rgba(0, 0, 0, 0) 75%), linear-gradient(73deg, #fff 75.1%, #3e3e3e 75.2%); }
  body .wrap-credits p {
    color: #ffffff; }

body #credits-menu {
  font-size: 0.9rem; }
  body #credits-menu a.nav-link:link,
  body #credits-menu a.nav-link:visited {
    color: #ffffff; }
  body #credits-menu a.nav-link:hover,
  body #credits-menu a.nav-link:active {
    color: #cccccc; }

@media (max-width: 768px) {
  .container .wp-block-columns {
    display: block !important; }
  .container .wpcf7 {
    width: 100%; }
  .container .contact-column {
    text-align: center; }
    .container .contact-column .pull-right {
      float: none; }
    .container .contact-column .wp-block-column {
      display: inline-block; } }

@media (min-width: 768px) {
  .wrap-slideshow {
    margin-top: 0; } }