/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.voice4rent.de/fonts/pt-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.voice4rent.de/fonts/pt-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.voice4rent.de/fonts/pt-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.voice4rent.de/fonts/pt-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.voice4rent.de/fonts/pt-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.voice4rent.de/fonts/pt-sans-v16-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.voice4rent.de/fonts/pt-sans-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.voice4rent.de/fonts/pt-sans-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.voice4rent.de/fonts/pt-sans-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.voice4rent.de/fonts/pt-sans-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://www.voice4rent.de/fonts/pt-sans-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.voice4rent.de/fonts/pt-sans-v16-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}


:root {
    --bs-font-sans-serif: 'PT Sans', sans-serif;
    --bs-body-color: #6b6963;
    --bs-body-bg: #fff;
    --bs-primary: #eb5c0b;
    --bs-gray-300: #B8B4A9;
    --bs-gray-500: rgba(0,0,0,0.05);
    --bs-gray-600: #5E5D57;
    --bs-gray-900: #383734;

}

/* Globals */

body {
    background:  url(header_v2.svg) no-repeat left top;
}

.wrap {
    background: url(micro.png) no-repeat center 280px fixed;
}

@media only screen and (min-width: 1600px) {
    .wrap {
        margin-top:  7rem;
    }
}

.container {
    max-width:  992px;
}

@media only screen and (max-width: 407px) {
    .extra {
        margin-top:  2rem;
        margin-bottom:  0.5rem;
    }
}

footer {
    margin-top:  -1rem;
    color: var(--bs-body-bg);
    background: var(--bs-body-color);
}

footer .container {
    background: url(felix_210.png) no-repeat right 26%;
}

@media only screen and (min-width: 576px) {
    footer .container {
        background: url(felix_220.png) no-repeat right 30%;
    }
}

@media only screen and (min-width: 768px) {
    footer .container {
        background: url(felix_220.png) no-repeat right top;
    }
}

@media only screen and (min-width: 992px) {
    footer .container {
        background: url(felix_250.png) no-repeat right top;
    }
}

h1, h2, h3 {
    color: var(--bs-gray-900);
    font-weight:  bold;
}

a {
    color: var(--bs-gray-900);
    text-decoration-color: var(--bs-gray-900);
    text-decoration-thickness: 0.5px;
    text-underline-offset: 0.05em;
}

a:hover {
    color:  var(--bs-gray-900);
}


/* Header Elemente */

header a {
    font-weight:  bold;
    text-decoration:  none;
}

img.max {
    max-width:  480px;
}


figure img {
    width: 100%;
    max-width: fit-content;
}

@media only screen and (max-width: 576px) {
    figure img {
        max-width: 320px;
        display: block;
        margin: 0 auto;
    }
}

/* Akkordion Elemente */ 

.accordion-item {
    background-color: transparent;
    border-top:  1px solid var(--bs-gray-500);
    border-right:  none;
    border-left:  none;
    border-bottom:  none;
}

.accordion-item:not(:first-of-type) {
    border-top:  1px solid var(--bs-gray-500);
}

.accordion-item:last-of-type {
    border-bottom:  1px solid var(--bs-gray-500);
}

.accordion-button {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    color:  var(--bs-gray-900);
    background-color: transparent;
    font-size:  1.2rem;
    font-weight:  bold;
}

.accordion-button:focus {
    border-color: var(--bs-gray-900);
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    color:  var(--bs-gray-900);
    background-color: transparent;
    box-shadow: none;
}

.accordion-button::after {
    background-image: url(plus_red.svg);
}

.accordion-button:not(.collapsed)::after {
    background-image: url(plus_red.svg);
    transform: rotate(45deg);
}

.bi {
    padding-right: 0.75rem;
}

ul {
    list-style-type:  '-  ';
    padding-left:  1rem;
}

figcaption {
    margin-bottom:  1rem;
}

audio {
    height:  30px;
    margin-bottom:  1.5rem;
}

.cookieconsent-optout-marketing {
    padding-bottom:  1rem;
    color: var(--bs-primary);
}

.videoContainer {
    margin:  0 auto;
    padding-bottom:  1.5rem;  
    aspect-ratio: 16 / 9;
    width: 100%;
}

.videoYoutube {
    margin-top:  3rem;
}

[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}
[style*="--aspect-ratio"] > img {  
  height: auto;
} 
@supports (--custom:property) {
  [style*="--aspect-ratio"] {
    position: relative;
  }
  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }  
  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }  
}

/* Footer Elemente */

.label {
    color:  var(--bs-gray-600);
    font-weight:  bold;
}

.split h3 {
    font-size:  1rem;
}

footer a {
    color: var(--bs-body-bg);
    text-decoration-color: var(--bs-gray-300);
}

footer h4 a {
    text-decoration:  none;
}

.red {
    color: var(--bs-primary);
    font-size:  1.4rem;
}

.dark,
.dark a {
    color:  var(--bs-gray-300);
}

.dark a {
    padding: 0 0.75rem;
}