/*=====================================================
Table of contents
=======================================================

1. Google fonts
2. Theme variables
3. General css
4. Preloader
5. Theme default css
6. Margin & padding
7. Site title css
8. Theme button
9. Container
10. Scroll top css
11. Header top css
12. Navbar css
13. Multi level dropdown menu
14. Search area css
15. sidebar popup css
16. Main section css
17. Hero css
18. Play btn
19. Nice select css
20. Find car css
21. Banner css
22. About css
23. Service css
24. Service single
25. Feature css
26. Video css
27. Step/process css
28. Choose css
29. Testimonial css
30. Counter css
31. Cta css
32. Location css
33. Blog css
34. Blog single css
35. Widget sidebar css
36. Contact us css
37. Team css
38. Pricing css
39. Car category css
40. Car dealer css
41. Dealer single css
42. Car brand css
43. Calculator css
44. Car css
45. Car single css
46. Compare css
47. Shop css
48. Price range css
49. Download css
50. Faq css
51. Breadcrumb css
52. Pagination css
53. Auth css
54. User profile css
55. Coming soon css
56. Error css
57. Terms/privacy css
58. Footer css
59. Home 2
60. Home 3

=======================================================*/



/*====================
1. Google fonts
======================*/


/* roboto-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/roboto-v30-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-100italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: url('../fonts/roboto-v30-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/roboto-v30-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/roboto-v30-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/roboto-v30-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/roboto-v30-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/roboto-v30-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




/* inter-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/inter-v13-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/inter-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/inter-v13-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/inter-v13-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/inter-v13-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/inter-v13-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/inter-v13-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




/* raleway-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/raleway-v37-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-100italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 100;
    src: url('../fonts/raleway-v37-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/raleway-v37-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-200italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 200;
    src: url('../fonts/raleway-v37-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/raleway-v37-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-300italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/raleway-v37-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/raleway-v37-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/raleway-v37-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/raleway-v37-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-500italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/raleway-v37-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/raleway-v37-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-600italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/raleway-v37-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/raleway-v37-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-700italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/raleway-v37-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/raleway-v37-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-800italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/raleway-v37-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/raleway-v37-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-900italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/raleway-v37-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* arima-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Arima';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/arima-v7-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* berkshire-swash-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Berkshire Swash';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/berkshire-swash-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


@font-face {
    font-display: swap;
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/fontello.woff') format('woff');
}

/*====================
2. Theme variables
======================*/

:root {
    --body-font: 'Raleway', sans-serif;
    --heading-font: 'Arima', sans-serif;
    --theme-color: #c04353;
    --theme-color-secondary: #b03242 ;
    --theme-bg-light: #e6e5e6;
    --body-text-color: #757F95;
    --color-white: #ffffff;
    --color-dark: #011829;
    --color-green: #11B76B;
    --color-blue: #0049D0;
    --color-yellow: #FBA707;
    --hero-overlay-color: #01060F;
    --slider-arrow-bg: rgba(255, 255, 255, 0.2);
    --box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    --box-shadow2: 0 0 15px rgba(0, 0, 0, 0.17);
    --transition: all .5s ease-in-out;
    --transition2: all .3s ease-in-out;
    --border-info-color: rgba(0, 0, 0, 0.08);
    --border-info-color2: rgba(0, 0, 0, 0.05);
    --border-white-color: rgba(255, 255, 255, 0.08);
    --border-white-color2: rgba(255, 255, 255, 0.05);
    --footer-bg: #111111;
    --footer-bg2: #181818;
    --footer-text-color: #F5FAFF;
}



/*====================
3. General css
======================*/

*,
*:before,
*:after {
    box-sizing: inherit;
}

* {
    scroll-behavior: inherit !important;
}

html,
body {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body {
    font-family: var(--body-font);
    font-style: normal;
    font-size: 16px;
    font-weight: normal;
    color: var(--body-text-color);
    line-height: 1.8;
}

a {
    color:  var(--color-dark);
    display: inline-block;
}

a,
a:active,
a:focus,
a:hover {
    outline: none;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    text-decoration: none;
}

a:hover {
    color: var(--color-blue);
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color:  var(--color-dark);
    margin: 0px;
    font-weight: 600;
    font-family: var(--heading-font);
    line-height: 1.2;
}

.theme-color {
    color: var(--theme-color);
}

.border-theme {
    border-color: var(--theme-color) !important;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 35px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    margin: 0px;
    color: var(--color-dark);
}

.img,
img {
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    height: auto;
}

.accordion-item h2 {
    margin-top:0px;
}

/* Video Container */
.video-container {
    box-shadow: var(--box-shadow);
    border-radius: 10px;
    overflow: hidden;
}

label {
    color: #000;
    cursor: pointer;
    font-weight: 400;
}

*::-moz-selection {
    background: #d6b161;
    color: var(--color-white);
    text-shadow: none;
}

::-moz-selection {
    background: #555;
    color: var(--color-white);
    text-shadow: none;
}

::selection {
    background: #555;
    color: var(--color-white);
    text-shadow: none;
}

*::-moz-placeholder {
    color: #999;
    font-size: 16px;
    opacity: 1;
}

*::placeholder {
    color: #999;
    font-size: 16px;
    opacity: 1;
}


.alert-danger {
    background:darkred;
    color:#fff;
}

/*===================
5. Theme default css
======================*/

.ovrflow-hidden {
    overflow: hidden;
}

.position-relative {
    position: relative;
    z-index: 1;
}

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

.space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.c-pd {
    padding: 0 7rem;
}

.s-pd {
    padding: 0 12rem;
}

.h-100 {
    height: 100%;
}

.h-100vh {
    height: 100vh;
}

.bg {
    background: var(--theme-bg-light);
}





.myH2, h2 {
    font-size: 2rem;
    font-weight: 600;
    margin-top: 3rem;
}

.myH3, h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 2rem;
}

.myH5, h5 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 1.5rem;
}

.section-padding {
    padding: 80px 0;
}

.section-title {
    text-align: center;
    margin-bottom: 3rem;
    position: relative;
}

.section-title::after {
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background: var(--theme-color);
    margin: 1rem auto 0;
}

/* Inhaltsverzeichnis */
.inhaltsverzeichnis-container {
    background: var(--theme-bg-light);
    padding: 2rem;
    border-radius: 10px;
    margin: 2rem 0;
}

.inhaltsverzeichnis-container strong {
    font-size: 1.3rem;
    color: var(--color-dark);
    display: block;
    margin-bottom: 1rem;
}

.inhaltsverzeichnis-container ul {
    list-style: none;
    padding-left: 0;
}

.inhaltsverzeichnis-container li {
    margin-bottom: 0.8rem;
}

.inhaltsverzeichnis-container .fa-play {
    color: var(--theme-color);
    font-size: 0.7rem;
    margin-right: 0.5rem;
}

.textlink {
    color: var(--theme-color);
    text-decoration: none;
    transition: var(--transition2);
}

.textlink:hover {
    color: var(--color-dark);
    text-decoration: underline;
}

/* Image Styles */
.content-image {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: var(--box-shadow);
    margin: 2rem 0;
}

.figure-caption {
    text-align: center;
    font-style: italic;
    margin-top: 0.5rem;
    color: var(--body-text-color);
}

/* Chart Container */
.chart-container {
    position: relative;
    margin: 3rem auto;
    max-width: 900px;
}

@media (max-width: 768px) {
    .hide-on-mobile {
        display: none !important;
    }
}

@media (min-width: 769px) {
    .hide-on-desktop {
        display: none !important;
    }
}

/* Video Container */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 2rem 0;
    border-radius: 10px;
    box-shadow: var(--box-shadow);
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Button Styles */
.btn-primary-custom {
    background: var(--theme-color);
    color: var(--color-white);
    padding: 12px 30px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    transition: var(--transition2);
    border: 2px solid var(--theme-color);
}

.btn-primary-custom:hover {
    background: transparent;
    color: var(--theme-color);
    transform: translateY(-2px);
    box-shadow: var(--box-shadow2);
}

/* Success Gauge */
.gauge-container {
    text-align: center;
    margin: 3rem 0;
}

.gauge-container svg {
    max-width: 200px;
    height: auto;
}

#gaugeCPU {
    transform: rotate(-90deg);
}

#gaugeCPU circle {
    fill: none;
    stroke-width: 10;
}

#gaugeCPU #a1 {
    stroke: #e0e0e0;
}

#gaugeCPU #a2 {
    stroke-dasharray: 402.124;
    transition: stroke-dashoffset 1s ease;
}

#gaugeCPU text {
    transform: rotate(90deg);
    transform-origin: center;
    font-size: 24px;
    font-weight: bold;
    fill: var(--color-dark);
}

#gaugeCPU text.caption {
    font-size: 14px;
    fill: var(--body-text-color);
}

/* Gallery Styles */
.image-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin: 3rem 0;
}

.image-gallery img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: var(--box-shadow);
    transition: var(--transition2);
}

.image-gallery img:hover {
    transform: scale(1.05);
}

/* Testimonials */
.testimonial-card {
    background: var(--color-white);
    padding: 2rem;
    border-radius: 10px;
    box-shadow: var(--box-shadow);
    margin-bottom: 2rem;
    transition: var(--transition2);
}

.testimonial-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--box-shadow2);
}

.testimonial-content {
    font-style: italic;
    margin-bottom: 1rem;
}

.testimonial-author {
    font-weight: 600;
    color: var(--theme-color);
}

/* Announcement Box */
.announcement-box {
    background: linear-gradient(135deg, var(--theme-bg-light), var(--color-white));
    padding: 2rem;
    border-radius: 10px;
    border-left: 4px solid var(--theme-color);
    margin: 2rem 0;
}

/* Contact Section */
.contact-section {
    background: var(--theme-bg-light);
    padding: 60px 0;
}

/* Form Styles */
.form-control:focus {
    border-color: var(--theme-color);
    box-shadow: 0 0 0 0.2rem rgba(118, 105, 101, 0.25);
}

.alert-success, .alert-danger {
    margin-top: 1rem;
    border-radius: 5px;
}

/* Ratings Images */
.ratings-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
    margin: 3rem 0;
}

.ratings-container img {
    max-width: 300px;
    height: auto;
    border-radius: 10px;
    box-shadow: var(--box-shadow);
}

/* Footer Info Section */
.footer-info {
    background: var(--color-white);
    padding: 60px 0;
    border-top: 1px solid var(--border-info-color);
}

.footer-info h5 {
    margin-bottom: 1.5rem;
}

.social-icons {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: var(--theme-color);
    color: var(--color-white);
    border-radius: 5px;
    margin: 0 5px;
    transition: var(--transition2);
}

.social-icons:hover {
    background: var(--color-dark);
    transform: translateY(-3px);
}

/* Scroll to top */
.scroll-offset {
    scroll-margin-top: 100px;
}


/* Voting Widget Styles */
.voting-widget {
    background: var(--color-white);
    padding: 2rem;
    border-radius: 10px;
    box-shadow: var(--box-shadow);
    margin: 2rem 0;
}

.voting-question {
    text-align: center;
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    color: var(--color-dark);
}

.voting-options {
    max-width: 500px;
    margin: 0 auto;
}

.voting-options li {
    margin-bottom: 1rem;
}

.form-check-input:checked {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}

.form-check-label {
    cursor: pointer;
    user-select: none;
}

.voting-results {
    max-width: 600px;
    margin: 0 auto;
}

.result-item {
    margin-bottom: 1.5rem;
}

.result-label {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.result-bar {
    width: 100%;
    height: 30px;
    background: var(--theme-bg-light);
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.result-bar-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--theme-color), #8a7571);
    transition: width 0.5s ease;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    color: var(--color-white);
    font-weight: 600;
    font-size: 0.9rem;
}

.voting-message {
    margin-top: 1rem;
    text-align: center;
}

.voting-message .alert {
    border-radius: 5px;
}


/* Timeline Styles */
.timeline {
    position: relative;
    padding: 2rem 0;
}

.timeline::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--theme-color);
}

.timeline-item {
    position: relative;
    padding-left: 80px;
    margin-bottom: 3rem;
}

.timeline-item:last-child {
    margin-bottom: 0;
}

.timeline-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background: var(--theme-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    font-size: 1.5rem;
    box-shadow: var(--box-shadow);
    z-index: 2;
}

.timeline-content {
    background: var(--color-white);
    padding: 2rem;
    border-radius: 10px;
    box-shadow: var(--box-shadow);
    position: relative;
}

.timeline-content::before {
    content: '';
    position: absolute;
    left: -10px;
    top: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent var(--color-white) transparent transparent;
}

.timeline-title {
    color: var(--theme-color);
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.timeline-content ul {
    padding-left: 1.5rem;
    margin: 1rem 0;
}

.timeline-content ul li {
    margin-bottom: 0.5rem;
}

@media (max-width: 768px) {
    .timeline::before {
        left: 20px;
    }

    .timeline-item {
        padding-left: 60px;
    }

    .timeline-icon {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }

    .timeline-content {
        padding: 1.5rem;
    }

    .timeline-content::before {
        left: -8px;
        border-width: 8px 8px 8px 0;
    }
}



/*====================
6. Margin & padding
======================*/

.pb-140 {
    padding-bottom: 140px;
}

.pd-50 {
    padding: 50px 0;
}

.py-120 {
    padding: 120px 0;
}

.pt-120 {
    padding-top: 120px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pt-0 {
    padding-top: 0px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-0 {
    padding-bottom: 0px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px;
}

.mt-0 {
    margin-top: 0px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-120 {
    margin-top: 120px;
}

.mb-0 {
    margin-bottom: 0px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mr-300 {
    margin-right: 300px;
}

.ml-300 {
    margin-left: 300px;
}



/*====================
7. Site title css
======================*/

.site-heading {
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
    margin-top: 30px;
}

.site-title-tagline {
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 17px;
    font-weight: 700;
    color: var(--theme-color);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.site-title-tagline i{
    line-height: 0;
    font-size: 21px;
}

.site-title {
    font-weight: 700;
    font-size: 45px;
    color:  var(--color-dark);
    margin-bottom: 0;
}

.site-title span{
    color: var(--theme-color);
}

.site-heading p {
    margin-top: 15px;
}

.heading-divider {
    display: inline-block;
    position: relative;
    border-bottom: 4px solid var(--theme-color);
    width: 90px;
    height: 4px;
}

.heading-divider:after {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    height: 6px;
    width: 15px;
    border-radius: 0px;
    background-color: var(--color-white);
    -webkit-animation: heading-move 5s infinite linear;
    animation: heading-move 5s infinite linear;
}

@-webkit-keyframes heading-move {
    0% {
        transform: translateX(-1px);
    }
    50% {
        transform: translateX(75px);
    }
    100% {
        transform: translateX(-1px);
    }
}

@keyframes heading-move {
    0% {
        transform: translateX(-1px);
    }
    50% {
        transform: translateX(75px);
    }
    100% {
        transform: translateX(-1px);
    }
}


#maenner li a.textlink i.fas {
    padding-right:10px;
}


/* =====================================================
   COOKIE CONSENT - YOUTUBE PLACEHOLDER
   ===================================================== */

.cookie-placeholder {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    background: linear-gradient(135deg, #766965 0%, #8a7a75 100%);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
}

.cookie-placeholder-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    padding: 2rem;
    width: 100%;
    max-width: 400px;
}

.cookie-placeholder-content svg {
    width: 64px;
    height: 64px;
    margin-bottom: 1.5rem;
    opacity: 0.9;
}

.cookie-placeholder-content h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: white;
}

.cookie-placeholder-content p {
    font-size: 1rem;
    margin-bottom: 1.5rem;
    opacity: 0.9;
    line-height: 1.6;
}

.cookie-placeholder-content button {
    background: white;
    color: #766965;
    border: none;
    padding: 0.8rem 2rem;
    border-radius: 50px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.cookie-placeholder-content button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}

/* Responsive */
@media (max-width: 768px) {
    .cookie-placeholder-content {
        padding: 1.5rem;
    }

    .cookie-placeholder-content svg {
        width: 48px;
        height: 48px;
    }

    .cookie-placeholder-content h3 {
        font-size: 1.2rem;
    }

    .cookie-placeholder-content p {
        font-size: 0.9rem;
    }

    .cookie-placeholder-content button {
        padding: 0.6rem 1.5rem;
        font-size: 0.9rem;
    }
}



#cc-main{background:transparent;color:var(--cc-primary-color);font-family:var(--cc-font-family);font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.15;position:relative;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;position:fixed;z-index:var(--cc-z-index)}#cc-main :after,#cc-main :before,#cc-main a,#cc-main button,#cc-main div,#cc-main h2,#cc-main input,#cc-main p,#cc-main span{all:unset;box-sizing:border-box}#cc-main .pm__badge,#cc-main button{all:initial;box-sizing:border-box;color:unset;visibility:unset}#cc-main .pm__badge,#cc-main a,#cc-main button,#cc-main input{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-size:100%;line-height:normal;margin:0;outline:revert;outline-offset:2px;overflow:hidden}#cc-main table,#cc-main tbody,#cc-main td,#cc-main th,#cc-main thead,#cc-main tr{all:revert;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}:root{--cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--cc-modal-border-radius:.5rem;--cc-btn-border-radius:.4rem;--cc-modal-transition-duration:.25s;--cc-link-color:var(--cc-btn-primary-bg);--cc-modal-margin:1rem;--cc-z-index:2147483647;--cc-bg:#fff;--cc-primary-color:#2c2f31;--cc-secondary-color:#5e6266;--cc-btn-primary-bg:#30363c;--cc-btn-primary-color:#fff;--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#000;--cc-btn-primary-hover-color:#fff;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#eaeff2;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#d4dae0;--cc-btn-secondary-hover-color:#000;--cc-btn-secondary-hover-border-color:#d4dae0;--cc-separator-border-color:#f0f4f7;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#667481;--cc-toggle-on-knob-bg:#fff;--cc-toggle-off-knob-bg:var(--cc-toggle-on-knob-bg);--cc-toggle-enabled-icon-color:var(--cc-bg);--cc-toggle-disabled-icon-color:var(--cc-bg);--cc-toggle-readonly-bg:#d5dee2;--cc-toggle-readonly-knob-bg:#fff;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:var(--cc-cookie-category-block-bg);--cc-cookie-category-block-bg:#f0f4f7;--cc-cookie-category-block-border:#f0f4f7;--cc-cookie-category-block-hover-bg:#e9eff4;--cc-cookie-category-block-hover-border:#e9eff4;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:#dee4e9;--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:var(--cc-btn-secondary-bg);--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#e4eaed;--cc-pm-toggle-border-radius:4em}#cc-main.cc--rtl{direction:rtl}#cc-main .cm__title,#cc-main a,#cc-main b,#cc-main em,#cc-main strong{font-weight:600}#cc-main button>span{pointer-events:none}#cc-main .cc__link,#cc-main a{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;font-weight:600;position:relative;transition:background-size .25s,color .25s ease}#cc-main .cc__link:hover,#cc-main a:hover{background-size:100% 1px;color:var(--cc-primary-color)}#cc-main .cc__link{color:var(--cc-link-color)}#cc-main .cm__desc,#cc-main .pm__body{overscroll-behavior:auto contain;scrollbar-width:thin}@media screen and (min-width:640px){#cc-main ::-webkit-scrollbar,#cc-main ::-webkit-scrollbar-thumb,#cc-main ::-webkit-scrollbar-track{all:revert}#cc-main ::-webkit-scrollbar-thumb{-webkit-background-clip:padding-box;background-clip:padding-box;background:var(--cc-toggle-readonly-bg);border:.25rem solid var(--cc-bg);border-radius:1rem}#cc-main ::-webkit-scrollbar-thumb:hover{background:var(--cc-toggle-off-bg)}#cc-main ::-webkit-scrollbar{background:transparent;width:12px}}html.disable--interaction.show--consent,html.disable--interaction.show--consent body{height:auto!important;overflow:hidden!important}@media (prefers-reduced-motion){#cc-main{--cc-modal-transition-duration:0s}}.cc--darkmode{--cc-bg:#161a1c;--cc-primary-color:#ebf3f6;--cc-secondary-color:#aebbc5;--cc-btn-primary-bg:#c2d0e0;--cc-btn-primary-color:var(--cc-bg);--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#98a7b6;--cc-btn-primary-hover-color:#000;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#242c31;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#353d43;--cc-btn-secondary-hover-color:#fff;--cc-btn-secondary-hover-border-color:var(--cc-btn-secondary-hover-bg);--cc-separator-border-color:#222a30;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#525f6b;--cc-toggle-on-knob-bg:var(--cc-btn-primary-color);--cc-toggle-off-knob-bg:var(--cc-btn-primary-color);--cc-toggle-enabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-disabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-readonly-bg:#343e45;--cc-toggle-readonly-knob-bg:#5f6b72;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:#1e2428;--cc-cookie-category-block-bg:#1e2428;--cc-cookie-category-block-border:var(--cc-section-category-border);--cc-cookie-category-block-hover-bg:#242c31;--cc-cookie-category-block-hover-border:#232a2f;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:var(--cc-toggle-readonly-bg);--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:#0c0e0f;--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#060809}.cc--darkmode #cc-main{color-scheme:dark}#cc-main .cm{background:#000;border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;max-width:24rem;opacity:0;overflow:hidden;position:fixed;transform:translateY(1.6em);visibility:hidden;z-index:1}#cc-main .cm--top{top:var(--cc-modal-margin)}#cc-main .cm--middle{top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .cm--bottom{bottom:var(--cc-modal-margin)}#cc-main .cm--center{left:var(--cc-modal-margin);margin:0 auto;right:var(--cc-modal-margin);width:unset}#cc-main .cm--left{left:var(--cc-modal-margin);margin-right:var(--cc-modal-margin)}#cc-main .cm--right{margin-left:var(--cc-modal-margin);right:var(--cc-modal-margin)}#cc-main .cm__body{display:flex;flex-direction:column;justify-content:space-between;position:relative}#cc-main .cm__btns,#cc-main .cm__links{padding:1rem 1.3rem;width:unset}#cc-main .cm__texts{display:flex;flex:1;flex-direction:column;justify-content:center;padding:1rem 0 0}#cc-main .cm__desc,#cc-main .cm__title{padding:0 1.3rem}#cc-main .cm__title{font-size:1.05em}#cc-main .cm__title+.cm__desc{margin-top:1.1em}#cc-main .cm__desc{color:#fff;line-height:1.5;max-height:40vh;overflow-x:visible;overflow-y:auto;padding-bottom:1em}#cc-main .cm__btns{border-top:1px solid var(--cc-separator-border-color);display:flex;flex-direction:column;justify-content:center}#cc-main .cm__btn-group{display:grid;grid-auto-columns:minmax(0,1fr)}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin-top:.375rem}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .cm--inline .cm__btn+.cm__btn{margin-left:.375rem;margin-top:0}#cc-main .cm--inline.cm--flip .cm__btn+.cm__btn{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--inline.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-right:0}#cc-main .cm--wide .cm__btn+.cm__btn,#cc-main .cm--wide .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--wide.cm--flip .cm__btn+.cm__btn,#cc-main .cm--wide.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-right:.375rem}#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,#cc-main .cm--wide .cm__btn-group--uneven{display:flex;flex:1;justify-content:space-between}#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,#cc-main .cm--wide.cm--flip .cm__btn-group--uneven{flex-direction:row-reverse}#cc-main .cm__btn{background:#fff;color:#000;font-size:.82em;font-weight:600;min-height:42px;padding:.5em 1em;text-align:center}#cc-main .cm__btn:hover{background:#766965;color:#fff}#cc-main .cm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .cm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close{border-radius:0;border-bottom-left-radius:var(--cc-btn-border-radius);border-right:none;border-top:none;display:none;font-size:1em;height:42px;min-width:auto!important;overflow:hidden;padding:0!important;position:absolute;right:0;top:0;width:42px}#cc-main .cm__btn--close svg{stroke:var(--cc-btn-primary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .cm__btn--close:hover svg{stroke:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--close.cm__btn--secondary svg{stroke:var(--cc-btn-secondary-color)}#cc-main .cm__btn--close.cm__btn--secondary:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close+.cm__texts .cm__title{padding-right:3rem}#cc-main .cm--inline .cm__btn-group{grid-auto-flow:column}#cc-main .cm__footer{background:var(--cc-footer-bg);border-top:1px solid var(--cc-footer-border-color);color:var(--cc-footer-color);padding:.4em 0 .5em}#cc-main .cm__links{display:flex;flex-direction:row;padding-bottom:0;padding-top:0}#cc-main .cm__link-group{display:flex;flex-direction:row;font-size:.8em;width:100%}#cc-main .cm__link-group>*+*{margin-left:1.3rem}#cc-main .cm--flip .cm__btn:last-child{grid-row:1}#cc-main .cm--inline.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--box .cm__btn--close{display:block}#cc-main .cm--box.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--box.cm--wide{max-width:36em}#cc-main .cm--box.cm--wide .cm__btns{flex-direction:row;justify-content:space-between}#cc-main .cm--box.cm--wide .cm__btn-group{grid-auto-flow:column}#cc-main .cm--box.cm--wide .cm__btn{min-width:120px;padding-left:1.8em;padding-right:1.8em}#cc-main .cm--box.cm--wide.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--cloud{max-width:54em;width:unset}#cc-main .cm--cloud .cm__body{flex-direction:row}#cc-main .cm--cloud .cm__texts{flex:1}#cc-main .cm--cloud .cm__desc{max-height:9.4em}#cc-main .cm--cloud .cm__btns{border-left:1px solid var(--cc-separator-border-color);border-top:none;max-width:23em}#cc-main .cm--cloud .cm__btn-group{flex-direction:column}#cc-main .cm--cloud .cm__btn{min-width:19em}#cc-main .cm--cloud.cm--flip .cm__btn-group,#cc-main .cm--cloud.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--cloud.cm--inline .cm__btn-group{flex-direction:row}#cc-main .cm--cloud.cm--inline .cm__btn{min-width:10em}#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group{flex-direction:row-reverse}#cc-main .cm--bar{border-radius:0;left:0;margin:0;max-width:unset;opacity:1;right:0;transform:translateY(0);width:100vw;--cc-modal-transition-duration:.35s}#cc-main .cm--bar.cm--top{top:0;transform:translateY(-100%)}#cc-main .cm--bar.cm--bottom{bottom:0;transform:translateY(100%)}#cc-main .cm--bar .cm__body,#cc-main .cm--bar .cm__links{margin:0 auto;max-width:1217px;width:100%}#cc-main .cm--bar .cm__body{padding:.5em 0 .9em}#cc-main .cm--bar .cm__btns{border-top:none;flex-direction:row;justify-content:space-between}#cc-main .cm--bar .cm__btn-group{grid-auto-flow:column}#cc-main .cm--bar:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--bar .cm__btn{min-width:120px;padding-left:2em;padding-right:2em}#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--bar.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--bar.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--bar.cm--inline .cm__body,#cc-main .cm--bar.cm--inline .cm__links{max-width:74em}#cc-main .cm--bar.cm--inline .cm__body{flex-direction:row;padding:0}#cc-main .cm--bar.cm--inline .cm__btns{flex-direction:column;justify-content:center;max-width:23em}#cc-main .cm--bar.cm--inline.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cc--anim .cm,#cc-main .cc--anim.cm-wrapper:before{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}#cc-main .cc--anim .cm__btn,#cc-main .cc--anim .cm__close{transition:background-color .15s ease,border-color .15s ease,color .15s ease}.disable--interaction #cc-main .cm-wrapper:before{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:0}.show--consent #cc-main .cc--anim .cm{opacity:1;transform:translateY(0);visibility:visible!important}.show--consent #cc-main .cc--anim .cm--middle{transform:translateY(-50%)}.show--consent #cc-main .cc--anim .cm--bar{transform:translateY(0)}.show--consent #cc-main .cc--anim.cm-wrapper:before{opacity:1;visibility:visible}#cc-main.cc--rtl .cm__btn--close{border-bottom-left-radius:unset;border-bottom-right-radius:var(--cc-btn-border-radius);left:0;right:unset}#cc-main.cc--rtl .cm__btn--close+.cm__texts .cm__title{padding-left:3rem!important;padding-right:1.3rem}#cc-main.cc--rtl .cm--inline .cm__btn+.cm__btn{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group+.cm__btn-group,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group+.cm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm__link-group>*+*{margin-left:0;margin-right:1.3rem}@media screen and (max-width:640px){#cc-main{--cc-modal-margin:.5em}#cc-main .cm{max-width:none!important;width:auto!important}#cc-main .cm__body{flex-direction:column!important;padding:0!important}#cc-main .cm__btns,#cc-main .cm__desc,#cc-main .cm__links,#cc-main .cm__title{padding-left:1.1rem!important;padding-right:1.1rem!important}#cc-main .cm__btns{border-left:none!important;border-top:1px solid var(--cc-separator-border-color)!important;flex-direction:column!important;max-width:none!important;min-width:auto!important}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin:.375rem 0 0!important}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .cm__btn-group{display:flex!important;flex-direction:column!important;min-width:auto!important}#cc-main .cm__btn{flex:auto!important}#cc-main .cm__link-group{justify-content:center!important}#cc-main .cm--flip .cm__btn-group,#cc-main .cm--flip .cm__btns{flex-direction:column-reverse!important}}#cc-main .pm-wrapper{position:relative;z-index:2}#cc-main .pm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;opacity:0;overflow:hidden;position:fixed;visibility:hidden;width:100%;width:unset;z-index:1}#cc-main svg{fill:none;width:100%}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:1em 1.4em}#cc-main .pm__header{align-items:center;border-bottom:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__title{align-items:center;display:flex;flex:1;font-weight:600;margin-right:2em}#cc-main .pm__close-btn{background:var(--cc-btn-secondary-bg);border:1px solid var(--cc-btn-secondary-border-color);border-radius:var(--cc-btn-border-radius);height:40px;position:relative;transition:all .15s ease;width:40px}#cc-main .pm__close-btn span{display:flex;height:100%;width:100%}#cc-main .pm__close-btn svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .pm__close-btn:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color)}#cc-main .pm__close-btn:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .pm__body{flex:1;overflow-y:auto;overflow-y:overlay}#cc-main .pm__section,#cc-main .pm__section--toggle{border-radius:var(--cc-btn-border-radius);display:flex;flex-direction:column;margin-bottom:.5em}#cc-main .pm__section--toggle .pm__section-desc-wrapper{border:1px solid var(--cc-cookie-category-block-border);border-radius:var(--cc-btn-border-radius);border-top:none;border-top-left-radius:0;border-top-right-radius:0;display:none;margin-top:0!important;overflow:hidden}#cc-main .pm__section{border:1px solid var(--cc-separator-border-color);padding:1em;transition:background-color .25s ease,border-color .25s ease}#cc-main .pm__section:first-child{border:none;margin-bottom:2em;margin-top:0;padding:0;transition:none}#cc-main .pm__section:not(:first-child):hover{background:var(--cc-cookie-category-block-bg);border-color:var(--cc-cookie-category-block-border)}#cc-main .pm__section-toggles+.pm__section{margin-top:2em}#cc-main .pm__section--toggle{background:var(--cc-cookie-category-block-bg);border-top:none;margin-bottom:.375rem}#cc-main .pm__section--toggle .pm__section-title{align-items:center;background:var(--cc-cookie-category-block-bg);border:1px solid var(--cc-cookie-category-block-border);display:flex;justify-content:space-between;min-height:58px;padding:1.1em 5.4em 1.1em 1.2em;position:relative;transition:background-color .25s ease,border-color .25s ease;width:100%}#cc-main .pm__section--toggle .pm__section-title:hover{background:var(--cc-cookie-category-block-hover-bg);border-color:var(--cc-cookie-category-block-hover-border)}#cc-main .pm__section--toggle .pm__section-desc{margin-top:0;padding:1em}#cc-main .pm__section--toggle.is-expanded{--cc-cookie-category-block-bg:var(--cc-cookie-category-expanded-block-bg);--cc-cookie-category-block-border:var(--cc-cookie-category-expanded-block-hover-bg)}#cc-main .pm__section--toggle.is-expanded .pm__section-title{border-bottom-left-radius:0;border-bottom-right-radius:0}#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg{transform:scale(.5) rotate(180deg)}#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper{display:flex}#cc-main .pm__section--expandable .pm__section-title{cursor:pointer;padding-left:3.4em}#cc-main .pm__section--expandable .pm__section-arrow{background:var(--cc-toggle-readonly-bg);border-radius:100%;display:flex;height:20px;justify-content:center;left:18px;pointer-events:none;position:absolute;width:20px}#cc-main .pm__section--expandable .pm__section-arrow svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5)}#cc-main .pm__section-title-wrapper{align-items:center;display:flex;position:relative}#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper{margin-top:.85em}#cc-main .pm__section-title{border-radius:var(--cc-btn-border-radius);font-size:.95em;font-weight:600}#cc-main .pm__badge{align-items:center;background:var(--cc-btn-secondary-bg);border-radius:5em;color:var(--cc-secondary-color);display:flex;flex:none;font-size:.8em;font-weight:600;height:23px;justify-content:center;margin-left:1em;min-width:23px;overflow:hidden;padding:0 .6em 1px;position:relative;text-align:center;white-space:nowrap;width:auto}#cc-main .pm__service-counter{background:var(--cc-btn-primary-bg);color:var(--cc-btn-primary-color);padding:0;width:23px}#cc-main .pm__service-counter[data-counterlabel]{padding:0 .6em 1px;width:auto}#cc-main .section__toggle,#cc-main .section__toggle-wrapper,#cc-main .toggle__icon,#cc-main .toggle__label{border-radius:var(--cc-pm-toggle-border-radius);height:23px;transform:translateZ(0);width:50px}#cc-main .section__toggle-wrapper{cursor:pointer;position:absolute;right:18px;z-index:1}#cc-main .toggle-service{height:19px;position:relative;right:0;width:42px}#cc-main .toggle-service .section__toggle,#cc-main .toggle-service .toggle__icon,#cc-main .toggle-service .toggle__label{height:19px;width:42px}#cc-main .toggle-service .toggle__icon{position:relative}#cc-main .toggle-service .toggle__icon-circle{height:19px;width:19px}#cc-main .toggle-service .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(23px)}#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after{display:none!important}#cc-main .section__toggle{border:0;cursor:pointer;display:block;left:0;margin:0;position:absolute;top:0}#cc-main .section__toggle:disabled{cursor:not-allowed}#cc-main .toggle__icon{background:var(--cc-toggle-off-bg);box-shadow:0 0 0 1px var(--cc-toggle-off-bg);display:flex;flex-direction:row;pointer-events:none;position:absolute;transition:all .25s ease}#cc-main .toggle__icon-circle{background:var(--cc-toggle-off-knob-bg);border:none;border-radius:var(--cc-pm-toggle-border-radius);box-shadow:0 1px 2px rgba(24,32,3,.36);display:block;height:23px;left:0;position:absolute;top:0;transition:transform .25s ease,background-color .25s ease;width:23px}#cc-main .toggle__icon-off,#cc-main .toggle__icon-on{height:100%;position:absolute;transition:opacity .15s ease;width:100%}#cc-main .toggle__icon-on{opacity:0;transform:rotate(45deg)}#cc-main .toggle__icon-on svg{stroke:var(--cc-toggle-on-bg);transform:scale(.55) rotate(-45deg)}#cc-main .toggle__icon-off{opacity:1}#cc-main .toggle__icon-off svg{stroke:var(--cc-toggle-off-bg);transform:scale(.55)}#cc-main .section__toggle:checked~.toggle__icon{background:var(--cc-toggle-on-bg);box-shadow:0 0 0 1px var(--cc-toggle-on-bg)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle{background-color:var(--cc-toggle-on-knob-bg);transform:translateX(27px)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-on{opacity:1}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-off{opacity:0}#cc-main .section__toggle:checked:disabled~.toggle__icon{background:var(--cc-toggle-readonly-bg);box-shadow:0 0 0 1px var(--cc-toggle-readonly-bg)}#cc-main .section__toggle:checked:disabled~.toggle__icon .toggle__icon-circle{background:var(--cc-toggle-readonly-knob-bg);box-shadow:none}#cc-main .section__toggle:checked:disabled~.toggle__icon svg{stroke:var(--cc-toggle-readonly-knob-icon-color)}#cc-main .toggle__label{opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;z-index:-1}#cc-main .pm__section-desc-wrapper{color:var(--cc-secondary-color);display:flex;flex-direction:column;font-size:.9em}#cc-main .pm__section-desc-wrapper>:not(:last-child){border-bottom:1px solid var(--cc-cookie-category-block-border)}#cc-main .pm__section-services{display:flex;flex-direction:column}#cc-main .pm__service{align-items:center;display:flex;justify-content:space-between;padding:.4em 1.2em;position:relative;transition:background-color .15s ease}#cc-main .pm__service:hover{background-color:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__service-header{align-items:center;display:flex;margin-right:1em;width:100%}#cc-main .pm__service-icon{border:2px solid;border-radius:100%;height:8px;margin-left:6px;margin-right:20px;margin-top:1px;min-width:8px}#cc-main .pm__service-title{font-size:.95em;width:100%;word-break:break-word}#cc-main .pm__section-desc{line-height:1.5em}#cc-main .pm__section-table{border-collapse:collapse;font-size:.9em;margin:0;overflow:hidden;padding:0;text-align:left;width:100%}#cc-main .pm__table-caption{text-align:left}#cc-main .pm__table-caption,#cc-main .pm__table-head>tr{border-bottom:1px dashed var(--cc-separator-border-color);color:var(--cc-primary-color);font-weight:600}#cc-main .pm__table-tr{transition:background-color .15s ease}#cc-main .pm__table-tr:hover{background:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th{padding:.625em .625em .625em 1.2em;vertical-align:top}#cc-main .pm__footer{border-top:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__btn-group{display:flex}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin-left:.375rem}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main .pm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);flex:auto;font-size:.82em;font-weight:600;min-height:42px;min-width:110px;padding:.5em 1.5em;text-align:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease}#cc-main .pm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .pm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .pm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .pm--box{height:calc(100% - 2em);left:var(--cc-modal-margin);margin:0 auto;max-height:37.5em;max-width:43em;right:var(--cc-modal-margin);top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .pm--box.pm--flip .pm__btn-group,#cc-main .pm--box.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm--bar{border-radius:0;bottom:0;height:100%;margin:0;max-height:none;max-width:29em;opacity:1;top:0;width:100%;--cc-modal-transition-duration:.35s}#cc-main .pm--bar .pm__section-table,#cc-main .pm--bar .pm__table-body,#cc-main .pm--bar .pm__table-td,#cc-main .pm--bar .pm__table-th,#cc-main .pm--bar .pm__table-tr{display:block}#cc-main .pm--bar .pm__table-head{display:none}#cc-main .pm--bar .pm__table-caption{display:block}#cc-main .pm--bar .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm--bar .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm--bar .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm--bar .pm__table-td>div{flex:3}#cc-main .pm--bar:not(.pm--wide) .pm__body,#cc-main .pm--bar:not(.pm--wide) .pm__footer,#cc-main .pm--bar:not(.pm--wide) .pm__header{padding:1em 1.3em}#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,#cc-main .pm--bar:not(.pm--wide) .pm__footer{flex-direction:column}#cc-main .pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin:.375rem 0 0}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer{flex-direction:column-reverse}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .pm--bar:not(.pm--wide) .pm__badge{display:none}#cc-main .pm--bar.pm--left{left:0;transform:translateX(-100%)}#cc-main .pm--bar.pm--right{right:0;transform:translateX(100%)}#cc-main .pm--bar.pm--wide{max-width:35em}#cc-main .pm--bar.pm--wide .pm__body,#cc-main .pm--bar.pm--wide .pm__footer,#cc-main .pm--bar.pm--wide .pm__header{padding:1em 1.4em}#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,#cc-main .pm--bar.pm--wide.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm-overlay{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:1}#cc-main .cc--anim .pm,#cc-main .cc--anim .pm-overlay{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}.show--preferences #cc-main .cc--anim .pm{opacity:1;visibility:visible!important}.show--preferences #cc-main .cc--anim .pm--box{transform:translateY(-50%)}.show--preferences #cc-main .cc--anim .pm--bar{transform:translateX(0)}.show--preferences #cc-main .cc--anim .pm-overlay{opacity:1;visibility:visible}#cc-main.cc--rtl .pm__service-header{margin-left:1em;margin-right:0}#cc-main.cc--rtl .pm__section-arrow{left:unset;right:18px}#cc-main.cc--rtl .section__toggle-wrapper{left:18px;right:unset;transform-origin:left}#cc-main.cc--rtl .toggle-service{left:0}#cc-main.cc--rtl .pm__service-icon{margin-left:20px;margin-right:5px}#cc-main.cc--rtl .pm__section--toggle .pm__section-title{padding-left:5.4em;padding-right:1.2em}#cc-main.cc--rtl .pm__section--expandable .pm__section-title{padding-right:3.4em}#cc-main.cc--rtl .pm__badge{margin-left:unset;margin-right:1em}#cc-main.cc--rtl .toggle__icon-circle{transform:translateX(27px)}#cc-main.cc--rtl .toggle-service .toggle__icon-circle{transform:translateX(23px)}#cc-main.cc--rtl .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(0)}#cc-main.cc--rtl .pm__table-td,#cc-main.cc--rtl .pm__table-th{padding-left:unset;padding-right:1.2em;text-align:right}#cc-main.cc--rtl .pm__table-td{padding-left:unset;padding-right:1.2em}#cc-main.cc--rtl .pm__table-td:before{padding-left:2em;padding-right:unset}#cc-main.cc--rtl .pm__btn+.pm__btn,#cc-main.cc--rtl .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .pm--flip .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip .pm__btn-group+.pm__btn-group{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin-left:0}@media screen and (max-width:640px){#cc-main .pm{border-radius:0;bottom:0;height:auto;left:0;max-height:100%;max-width:none!important;right:0;top:0;transform:translateY(1.6em)}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:.9em!important}#cc-main .pm__badge{display:none}#cc-main .pm__section-table,#cc-main .pm__table-body,#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th,#cc-main .pm__table-tr{display:block}#cc-main .pm__table-head{display:none}#cc-main .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm__table-td>div{flex:3}#cc-main .pm__btn-group,#cc-main .pm__footer{flex-direction:column!important}#cc-main .pm__btn-group{display:flex!important}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin:.375rem 0 0!important}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .pm--flip .pm__btn-group,#cc-main .pm--flip .pm__footer{flex-direction:column-reverse!important}.show--preferences #cc-main .cc--anim .pm{transform:translateY(0)!important}}

/*====================
8. Theme button
======================*/

.theme-btn {
    font-size: 16px;
    color: var(--color-white);
    padding: 12px 20px;
    transition: all 0.5s;
    position: relative;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    border: none;
    background: var(--theme-color);
    box-shadow: var(--box-shadow);
    z-index: 1;
}

.theme-btn-outline {
    font-size: 16px;
    color: var(--theme-color);
    padding: 12px 20px;
    transition: all 0.5s;
    position: relative;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    border: 2px solid var(--theme-color);
    background: transparent;
    box-shadow: none;
    z-index: 1;
}

.theme-bg {
    background: var(--theme-color);
}

.theme-bg-hero {
    width: 100%;
    height: 300px; /* Oder eine beliebige Höhe */
    background: linear-gradient(to bottom, #e1b03f 70%, white 30%);

}

.theme-btn::before {
    content: "";
    height: 300px;
    width: 300px;
    background:  var(--theme-color-secondary);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) scale(0);
    transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: -1;
}

.theme-btn-outline::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--theme-color);
    transition: all 0.5s;
    z-index: -1;
}

.theme-btn:hover {
    color: var(--color-white);
}

.theme-btn:hover::before {
    transform: translateY(-50%) translateX(-50%) scale(1);
}

.theme-btn i {
    margin-left: 5px;
}

.theme-btn span {
    margin-right: 5px;
}

.theme-btn2{
    background: var(--color-white);
    color: var(--theme-color);
}

.theme-btn2::before{
    background: var(--theme-color);
}

.theme-btn2:hover{
    color: var(--color-white);
}



/*====================
9. Container
======================*/

@media (min-width: 1200px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1200px;
    }
}



/*====================
10. Scroll top css
======================*/

#scroll-top {
    position: fixed;
    bottom: -20px;
    right: 30px;
    z-index: 99;
    font-size: 20px;
    border: none;
    outline: none;
    border-radius: 14px;
    color: var(--color-white);
    background-color: var(--theme-color);
    cursor: pointer;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    box-shadow: var(--box-shadow2);
    transition: var(--transition);
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}

#scroll-top.active{
    opacity: 1;
    visibility: visible;
    bottom: 20px;
}


@media all and (min-width: 768px) and (max-width: 1199px) {
    #scroll-top.active {
        bottom: 100px;
    }
}


.text-primary {
    color: var(--theme-color) !important;
}






/* Page Header */
.page-header {
    padding: 60px 0 40px;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border-bottom: 1px solid #eee;
}

.breadcrumb {
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "›";
    color: #999;
}

.breadcrumb-item a {
    color: #666;
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumb-item a:hover {
    color: var(--primary-color);
}

.breadcrumb-item.active {
    color: #333;
}

.page-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #2d2d2d;
    margin-bottom: 15px;
    line-height: 1.3;
}

.page-description {
    font-size: 1.1rem;
    color: #666;
    line-height: 1.7;
    margin: 0;
}

/* Section Header (Global) */
.section-header {
    margin-bottom: 50px;
}

.section-subtitle {
    display: inline-block;
    padding: 8px 20px;
    background: rgba(230, 126, 34, 0.1);
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 15px;
}

.section-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #2d2d2d;
    line-height: 1.3;
}

.section-description {
    font-size: 1.1rem;
    color: #666;
    line-height: 1.8;
    margin-top: 20px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* Intro Section (für alle Unterseiten) */
.malerei-intro-section,
.anstrich-intro-section {
    padding: 80px 0;
    background: white;
}

.intro-image-wrapper {
    position: relative;
}

.intro-badge {
    position: absolute;
    bottom: 30px;
    right: 30px;
    background: white;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    text-align: center;
}

.intro-badge i {
    color: var(--primary-color);
}

.intro-badge strong {
    display: block;
    font-size: 1.1rem;
    color: #2d2d2d;
    margin: 10px 0 5px;
}

.intro-badge span {
    display: block;
    font-size: 0.9rem;
    color: #666;
}

.intro-features,
.intro-highlights {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 30px;
}

.intro-feature-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #333;
    font-size: 1rem;
}

.intro-feature-item i {
    color: var(--primary-color);
    font-size: 1.2rem;
}

.intro-buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

/* Highlight Items */
.highlight-item {
    display: flex;
    gap: 20px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.highlight-item:hover {
    background: white;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    transform: translateX(10px);
}

.highlight-icon {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--primary-color) 0%, #cf6d22 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.8rem;
}

.highlight-content strong {
    display: block;
    font-size: 1.1rem;
    color: #2d2d2d;
    margin-bottom: 5px;
}

.highlight-content p {
    color: #666;
    margin: 0;
    font-size: 0.95rem;
}


/*====================
11. Header top css
======================*/

.header-top {
    padding: 8px 0 10px 0;
    position: relative;
    background:  var(--color-dark);
    z-index: 1;
}

.header-top::before{
    content: "";
    position: absolute;
    background: var(--theme-color);
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
    width: 10%;
    top: 0;
    left: 0;
    z-index: -1;
}

.header-top::after{
    content: "";
    position: absolute;
    background: var(--theme-color);
    clip-path: polygon(20% 1%, 100% 0, 100% 100%, 0% 100%);
    width: 10%;
    top: 0;
    right: 0;
    z-index: -1;
}

.header-top-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-top-contact ul {
    display: flex;
    align-items: center;
    gap: 25px;
}

.header-top-contact a {
    color: var(--color-white);
    font-weight: 500;
}

.header-top-contact a i{
    color: var(--theme-color);
}

.header-top-right {
    display: flex;
    align-items: center;
    gap: 15px;
}

.header-top-link a{
    color: var(--color-white);
    margin-right: 12px;
}

.header-top-link a:hover{
    color: var(--theme-color);
}

.header-top-social span{
    color: var(--color-white);
}

.header-top-social a {
    color: var(--color-white);
    font-size: 16px;
    text-align: center;
    margin-left: 14px;
    transition: var(--transition);
}

.header-top-social a:hover {
    color: var(--theme-color);
}


@media all and (max-width: 1199px) {

    .header-top-contact ul {
        gap: 10px;
    }

    .header-top-social a {
        width: 34px;
        height: 34px;
        line-height: 37px;
        margin-left: 0;
    }

    .header-top-left {
        margin-right: 5px;
    }
}

@media all and (max-width: 992px) {
    .header-top {
        display: none;
    }
}






.hero-homepage {
    height: 650px;
    width: 100%;
    display: flex;
    align-items: flex-end;
    padding-bottom: 60px;
    /* Erst das Pattern, dann der Verlauf */
    background:url('../img/pattern2.png') repeat,
    linear-gradient(to bottom, #9a782b, #e1b03f);
    background-size: 200px, auto; /* Optionale Größe für das Pattern */
}

.hero-homepage-video {
    height: 650px; /* Deine gewünschte Höhe */
    width: 100%;
    display: flex;
    align-items: flex-end; /* Text unten ausrichten */
    padding-bottom: 60px; /* Abstand nach unten */
}

.hero-homepage-slider {
    width: 100%;
    display: flex;
    align-items: flex-end; /* Text unten ausrichten */
    padding-bottom: 60px; /* Abstand nach unten */
    background: url('../img/pattern2.png') repeat, linear-gradient(to bottom, #e1b03f 70%, white 30%);
    overflow: hidden;
}

/* Container für das Video hinter dem Text */
.hero-bg-video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Video füllt den 480px Bereich perfekt aus */
}

/* Optional: Ein leichter blauer Filter über dem Video für den Brookfield-Look */
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 30, 50, 0.2); /* Sehr dezent */
}

/* Content Styling */
.hero-content-wrapper {
    z-index: 2; /* Über das Video legen */
}

.hero-title-main {
    font-family: 'fontello', serif;
    color: #ffffff;
    font-size: clamp(2rem, 5vw, 3.8rem);
    line-height: 1.1;
    font-weight: 200;
    margin: 0;
}

.hero-description {
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 300;
}

/* Mobile Anpassung */
@media (max-width: 991px) {
    .hero-homepage {
        height: auto;
        min-height: 480px;
        padding-top: 140px;
    }
}




.hero-title {
    font-size: clamp(2.5rem, 5vw, 4.5rem);
    line-height: 1.05;
    font-weight: 400;
}

.hero-img-box img {
    filter: brightness(0.9);
    transition: transform 0.8s ease;
}
/*====================
12. Navbar css
======================*/

.navbar {
    /*background: var(--theme-color);
      background: linear-gradient(to bottom, #9a782b, #e1b03f);
  */
    background:var(--color-white);
    padding-top: 0px;
    padding-bottom: 0px;
    z-index: 999;
}

.navbar.fixed-top {

    box-shadow: var(--box-shadow2);
    animation: slide-down 0.7s;
}


@keyframes slide-down {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0);
    }
}

.navbar .navbar-brand .logo-display {
    display: block;
}

.navbar .navbar-brand .logo-scrolled {
    display: none;
}

.navbar.fixed-top .navbar-brand .logo-display {
    display: none;
}

.navbar.fixed-top .navbar-brand .logo-scrolled {
    display: block;
}

.navbar .navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}

.navbar-toggler-mobile-icon {
    display: inline-block;
    width: inherit;
    height: inherit;
}

.navbar-brand {
    margin-right: 0;
    padding: 10px;
}

.navbar-brand img {
    width: 170px;
}

.navbar .dropdown-toggle::after {
    display: inline-block;
    margin-left: 5px;
    vertical-align: baseline;
    font-family: 'Font Awesome 6 Pro';
    content: "\f107";
    font-weight: 600;
    border: none;
    font-size: 14px;
}

@media all and (max-width: 1199px) {
    .nav-right {
        margin-left: 25px !important;
    }

    .navbar .nav-item .nav-link {
        margin-right: 15px;
    }

    .navbar .nav-right-btn {
        display: none;
    }
}

@media all and (min-width: 992px) {
    .navbar .nav-item .nav-link {
        margin-right: 25px;
        padding: 30px 0 30px 0;
        font-size: 17px;
        color:  var(--color-dark);
    }

    .navbar .nav-item:last-child .nav-link {
        margin-right: 0;
    }

    .navbar .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        margin-top: 0;
        border: none;
        left: -15px;
        border-radius: 8px;
        background: var(--color-white);
        width: 280px;
        box-shadow: var(--box-shadow);
    }

    .navbar .nav-item .dropdown-menu li {
        border-bottom: 1px solid var(--border-info-color);
    }

    .navbar .nav-item .dropdown-menu li:last-child {
        margin-bottom: 0;
        border-bottom: none;
    }

    .navbar .nav-item .dropdown-menu .dropdown-item {
        font-size: 16px;
        padding: 8px 25px;
        font-weight: 500;
        color:  var(--color-dark);
        position: relative;
        overflow: hidden;
        transition: all .3s ease-in-out;
    }

    .navbar .nav-item .dropdown-menu .dropdown-item:hover {
        background: transparent;
        color: var(--theme-color);
        padding-left: 38px;
    }

    .navbar .nav-item .dropdown-menu .dropdown-item::before {
        content: "//";
        position: absolute;
        left: 15px;
        top: 8px;
        color: var(--theme-color);
        opacity: 0;
        visibility: hidden;
        transition: var(--transition);
        z-index: -1;
    }

    .navbar .nav-item .dropdown-menu .dropdown-item:hover::before {
        opacity: 1;
        visibility: visible;
    }

    .navbar .nav-item .nav-link {
        position: relative;
    }

    .navbar .nav-item .nav-link.active,
    .navbar .nav-item:hover .nav-link {
        color: #c9c9c9;
    }

    .navbar .nav-item:hover .dropdown-menu {
        transition: .3s;
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg);
    }

    .navbar .dropdown-menu-end {
        right: 0;
        left: auto;
    }

    .navbar .dropdown-menu.fade-down {
        top: 80%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
    }

    .navbar .dropdown-menu.fade-up {
        top: 140%;
    }

    .navbar #main_nav {
        justify-content: flex-end;
    }

    /* nav right */
    .nav-right {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        margin-left: 45px;
    }

    .nav-right-link {
        position: relative;
        font-size: 20px;
        color:  var(--color-white);
        transition: var(--transition);
    }

    .nav-right-link:hover {
        color: #af8932 !important;
    }

    .nav-right .sidebar-btn .nav-right-link,
    .nav-right .search-btn .nav-right-link {
        border: none;
        background: transparent;
        color: var(--theme-color);
        font-size: 28px;
        padding-right: 0;
    }

    .nav-right .search-btn .nav-right-link {
        font-size: 20px;
        padding: 0;
    }

    .nav-right .cart-btn .nav-right-link {
        position: relative;
        font-size: 20px;
        padding: 0;
        margin-right: 15px;
    }

    .nav-right .cart-btn span{
        position: absolute;
        right: -9px;
        top: -2px;
        width: 15px;
        height: 15px;
        line-height: 15px;
        text-align: center;
        font-size: 12px;
        border-radius: 50px;
        background: var(--theme-color);
        color: var(--color-white);
    }

}


/* mobile menu */
.mobile-menu-right {
    display: none;
}

@media all and (max-width: 991px) {
    .navbar {
        top: 0;
        right: 0;
        left: 0;
        position: fixed;
    }
    .navbar-brand {
        padding-left: 10px;
    }

    .navbar-brand img {
        width: 100px;
    }

    .navbar-collapse {
        max-height: 100%;
        overflow: hidden;
        overflow-y: auto;
        padding: 0 20px;
        background-color: var(--color-white);
    }

    .dropdown-toggle::after {
        float: right;
    }

    .navbar .nav-item .nav-link {
        color:  var(--color-dark);
        font-weight: 700;
        transition: var(--transition);
    }

    .navbar .nav-item .nav-link:hover {
        color: var(--theme-color) !important;
    }

    .navbar-toggler {
        padding: 0;
        border: none;
    }

    .mobile-menu-right {
        display: flex;
        gap: 10px;
    }

    .mobile-menu-right .nav-right-link {
        background: transparent;
        border: none;
        font-size: 20px;
        color: var(--color-dark);
    }

    .mobile-menu-right .nav-right-link:hover{
        color: var(--theme-color);
    }

    .search-area.open{
        top: 50px !important;
    }

    .navbar-toggler-mobile-icon {
        font-size: 25px;
        color:  var(--color-dark);
        font-weight: 500;
    }

    .navbar .dropdown-menu {
        border-radius: 8px;
    }

    .nav-right {
        display: none;
    }

}


/*============================
13. Multi level dropdown menu
==============================*/
.navbar .nav-item {
    line-height: 0.8;
}

.navbar .nav-item .dropdown-submenu {
    position: relative;
}

.navbar .nav-item .dropdown-submenu .dropdown-menu::before {
    display: none;
}

.navbar .nav-item .dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 15px;
    top: 10px;
    font-weight: 600;
}

.navbar .nav-item .dropdown-submenu a:hover {
    background: transparent;
    color: var(--color-white);
}

.navbar .nav-item .dropdown-submenu .dropdown-menu {
    top: 120%;
    left: 100%;
    opacity: 0;
    visibility: hidden;
}

.navbar .nav-item .dropdown-submenu:hover .dropdown-menu {
    top: 0;
    opacity: 1;
    visibility: visible;
}

@media all and (max-width: 991px) {
    .navbar .nav-item .dropdown-submenu .dropdown-menu {
        margin: 0 17px;
    }

    .navbar .nav-item .dropdown-submenu .dropdown-menu {
        opacity: unset;
        visibility: unset;
    }

    .navbar .nav-item .dropdown-submenu a::after {
        top: 4px;
    }

    .navbar .nav-item .dropdown-submenu a:hover {
        color: var(--theme-color);
    }
}

/*====================
15. sidebar popup css
======================*/

.sidebar-popup {
    position: fixed;
    top: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: var(--transition);
    transition: var(--transition);
}

.sidebar-popup.open {
    visibility: visible;
    opacity: 1;
}

.sidebar-wrapper {
    position: fixed;
    top: 0;
    right: -100%;
    width: 450px;
    background: var(--color-white);
    visibility: hidden;
    opacity: 0;
    padding: 40px;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    z-index: 9999;
}

.sidebar-wrapper.open {
    right: 0;
    visibility: visible;
    opacity: 1;
}

.sidebar-content{
    position: relative;
    overflow-y: auto;
    height: calc(100vh - 75px);
}

.close-sidebar-popup{
    position: absolute;
    top: 1px;
    right: 1px;
    width: 38px;
    height: 38px;
    line-height: 36px;
    border-radius: 50px;
    text-align: center;
    border: none;
    font-size: 20px;
    background: var(--color-dark);
    color: var(--color-white);
    box-shadow: var(--box-shadow);
    transition: var(--transition);
}

.close-sidebar-popup:hover{
    background: var(--theme-color);
}

.sidebar-logo img{
    width: 220px;
}

.sidebar-about{
    margin-top: 40px;
}

.sidebar-about h4{
    margin-bottom: 10px;
}

.sidebar-contact{
    margin-top: 20px;
}

.sidebar-contact h4{
    margin-bottom: 15px;
}

.sidebar-contact li{
    margin: 10px 0;
}

.sidebar-contact li i{
    margin-right: 5px;
    color: var(--theme-color);
}

.sidebar-contact li a:hover{
    color: var(--theme-color);
}

.sidebar-social{
    margin-top: 25px;
}

.sidebar-social h4{
    margin-bottom: 20px;
}

.sidebar-social a{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    margin-right: 8px;
    background: var(--color-dark);
    color: var(--color-white);
    box-shadow: var(--box-shadow);
}

.sidebar-social a:hover{
    background: var(--theme-color);
}



/*====================
16. Main section css
======================*/

.main {
    margin-top: 0rem;
}



/*====================
17. Hero css
======================*/



.hero-single {
    padding-top: 100px;
    padding-bottom: 100px;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.hero-single::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: -0.5px;
    top: 0;
    background: var(--hero-overlay-color);
    opacity: 0.85;
    z-index: -1;
}

.hero-single .hero-content {
    height: 100%;
}

.hero-single .hero-content .hero-title {
    color: var(--color-white);
    font-size: 60px;
    font-weight: 800;
    margin: 20px 0;
}

.hero-single .hero-content .hero-title span{
    color: var(--theme-color);
}

.hero-single .hero-content .hero-sub-title {
    display: inline-block;
    color: var(--theme-color);
    font-size: 20px;
    letter-spacing: 6px;
    font-weight: 800;
    position: relative;
    text-transform: uppercase;
}

.hero-single .hero-content p {
    color: var(--color-white);
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 20px;
}

.hero-single .hero-content .hero-btn {
    gap: 1rem;
    display: flex;
    margin-top: 35px;
    justify-content: start;
}

.hero-single .hero-img::before{
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: var(--theme-color);
    right: 100px;
    bottom: 0px;
    border-radius: 50%;
    filter: blur(150px);
    z-index: -1;
}

.hero-single .hero-img{
    position: absolute;
    right: 100px;
    bottom: 120px;
    width: 50%;
    z-index: -1;
}

.hero-slider.owl-theme .owl-nav {
    margin-top: 0px;
}

.hero-slider.owl-theme .owl-nav [class*=owl-] {
    color: var(--color-white);
    font-size: 25px;
    margin: 0;
    padding: 0;
    background: var(--slider-arrow-bg);
    display: inline-block;
    cursor: pointer;
    height: 55px;
    width: 55px;
    line-height: 55px;
    border-radius: 50px;
    text-align: center;
    transition: var(--transition);
}

.hero-slider.owl-theme .owl-nav [class*=owl-]:hover {
    background: var(--color-white);
    color: var(--theme-color);
}

.hero-slider.owl-theme .owl-nav .owl-prev {
    left: 40px;
}

.hero-slider.owl-theme .owl-nav .owl-next {
    right: 40px;
}

.hero-slider.owl-theme .owl-nav .owl-prev,
.hero-slider.owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

@media all and (max-width: 1199px) {

    .hero-single .hero-content .hero-title {
        font-size: 37px;
    }

    .hero-slider.owl-theme .owl-nav .owl-prev,
    .hero-slider.owl-theme .owl-nav .owl-next {
        top: unset;
        bottom: 70px !important;
    }

    .hero-slider.owl-theme .owl-nav .owl-prev {
        left: unset;
        right: 120px;
    }

    .hero-slider.owl-theme .owl-nav .owl-next {
        right: 40px;
    }

}

@media all and (max-width: 991px) {

    .hero-single .hero-content .hero-title {
        font-size: 50px;
    }

    .hero-single .hero-img {
        position: relative;
        width: 100%;
        right: unset;
        bottom: unset;
        margin-top: 50px;
    }

    .hero-single .hero-img::before{
        width: 250px;
        height: 250px;
    }

    .main {
        padding-top:40px;
    }

}

.progress-bar {
    background-color:#766965 !important;
}



.hero-section {
    background-color: #fcfaf8;
    color: var(--theme-color);
    padding-top: 180px;

}

#heroSlider {
    border-radius: 20px; /* Schön abgerundet */
}

/* Moderne Buttons */
.btn-hero-main {
    background-color: #766965;
    color: white;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}
.btn-hero-main:hover {
    background-color: #5a504d;
    color: white;
    transform: translateY(-2px);
}

/* Glaseffekt Karten */
.glass-card {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Badges für Slide 2 */
.badge-modern {
    background: rgba(255, 255, 255, 0.9);
    color: #333;
    padding: 8px 16px;
    border-radius: 50px;
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 500;
}

/* Animation */
.carousel-item.active .animate-up {
    animation: fadeInUp 0.8s ease-out forwards;
}



/* Carousel-Indikatoren modernisieren */
.carousel-indicators [button] {
    width: 40px;
    height: 3px;
    border-radius: 2px;
}

@media (max-width: 768px) {
    /*.carousel-inner, .carousel-item { height: 500px !important; }*/
    .display-3 { font-size: 2.2rem; }
    .display-4 { font-size: 1.8rem; }
}

@media all and (max-width: 767px) {

    .hero-single .hero-content .hero-sub-title {
        font-size: 18px;
    }

    .hero-single .hero-content .hero-btn {
        gap: 1rem;
    }

    main.main {
        margin-top:20px;
    }

    .navbar {
        padding-top:5px;
        padding-bottom:5px;
    }

    #main_nav .nav-link {
        font-size:18px;
    }

    #main_nav .dropdown-item {
        font-size:18px;
    }

    h2.site-title {
        font-size:35px;
    }

}



/*====================
22. About css
======================*/

.about-left {
    position: relative;
}

.about-img img{
    border-radius: 15px;
}

.about-experience{
    position: absolute;
    display: flex;
    align-items: center;
    gap: 10px;
    top: 0px;
    left: 0px;
    background:  var(--color-dark);
    border-radius: 15px;
    padding: 10px 20px 10px 10px;
    color: var(--color-white);
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 10%);
}

.about-experience-icon{
    color: var(--color-white);
    font-size: 45px;
    width: 70px;
    height: 70px;
    line-height: 68px;
    text-align: center;
    background: var(--theme-color);
    border-radius: 15px;
}

.about-right {
    position: relative;
    display: block;
    padding-left: 30px;
}

.about-list-wrapper {
    position: relative;
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
}

.about-list {
    position: relative;
    display: block;
}

.about-list li {
    position: relative;
    padding-left: 25px;
    margin-top: 10px;
    font-weight: 500;
}

.about-list li::before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0;
    font-family: "Font Awesome 6 Pro";
    color: var(--theme-color);
}

@media all and (max-width: 991px) {
    .about-right {
        margin-top: 30px;
    }
}



/*====================
23. Service css
======================*/

.service-area {
    position: relative;
    display: block;
    overflow: hidden;
}

.service-item {
    position: relative;
    padding: 20px;
    margin-bottom: 25px;
    border-radius: 15px;
    background: var(--color-white);
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    z-index: 1;
}

.service-item:hover {
    transform: translateY(-10px);
}

.service-img img{
    border-radius: 10px;
}

.service-content {
    position: relative;
    margin-top: 5px;
}

.service-icon {
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: var(--color-white);
    font-size: 25px;
    color: var(--theme-color);
    text-align: center;
    border-radius: 50%;
    margin-top: -50px;
    right: 40px;
    box-shadow: var(--box-shadow);
    z-index: 1;
}

.service-arrow {
    margin-top: 25px;
}

.service-title a {
    font-size: 20px;
    margin: 20px 0;
    font-weight: 600;
    margin-bottom: 10px;
    color:  var(--color-dark);
}

.service-title a:hover {
    color: var(--theme-color);
}

.service-arrow .theme-btn{
    padding: 10px 22px;
}

.service-area2 .service-item{
    text-align: center;
}

.service-area2 .service-icon{
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    position: unset;
}

.service-area2 .service-title a{
    margin-top: 10px;
}

/*====================
31. Cta css
======================*/

.cta-wrapper{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 40px;
    border-radius: 15px;
    z-index: 1;
}

.cta-wrapper::before{
    content: "";
    position: absolute;
    background: var(--theme-color);
    border-radius: 15px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0px;
    z-index: -1;
}

.cta-text h1{
    color: var(--color-white);
    font-size: 50px;
    margin-bottom: 15px;
}

.cta-text p{
    color: var(--color-white);
}

.cta-number{
    font-size: 32px;
    color: var(--color-white) !important;
    font-weight: 700;
}

.cta-number i{
    margin-right: 15px;
}

.cta-btn .theme-btn{
    background: var(--color-white);
    color: var(--theme-color);
}

.cta-btn .theme-btn:hover{
    color: var(--color-white);
}

.cta-divider {
    position: relative;
    padding-right: 40px; /* Platz für Pfeil */
    display: inline-block;
}

.cta-divider::before {
    content: "";
    position: absolute;
    width: 2px;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: var(--color-white);
}

.cta-divider::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -6px;
    transform: translateY(-50%);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid var(--color-white);
}


@media (max-width: 768px) {
    .cta-wrapper {
        padding: 30px 20px;
        text-align: center;
    }

    .cta-text h1 {
        font-size: 32px;
    }

    .cta-number {
        font-size: 24px;
        display: inline-block;
        margin-bottom: 15px;
    }

    .cta-divider::before,
    .cta-divider::after {
        display: none;
    }

    .cta-btn .theme-btn {
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
    }


    .cta-wrapper .row {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .cta-wrapper .col-lg-5 {
        margin-top: 20px;
    }

    .cta-wrapper .cta-btn {
        margin-top: 10px;
    }
}



/*===================
36. Contact us css
=====================*/

.contact-wrapper {
    background: var(--color-white);
    border-radius: 10px;
    padding: 20px;
    box-shadow: var(--box-shadow);
}

.contact-img img{
    width: 100%;
    border-radius: 15px 50% 50% 15px;
}

.contact-form{
    padding: 20px 0;
}

.contact-form-header {
    margin-bottom: 30px;
}

.contact-form-header h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
    color:  var(--color-dark);
}

.contact-form .form-group {
    margin-bottom: 25px;
}

.contact-form .form-group .form-control {
    padding: 15px 20px;
    border-radius: 12px;
    box-shadow: none;
    transition: var(--transition);
}

.contact-form .form-group .form-control:focus {
    border-color: var(--theme-color);
}

.contact-map {
    margin-bottom: -9px;
}

.contact-map iframe {
    width: 100%;
    height: 450px;
}

.contact-content {
    margin-bottom: 50px;
}

.contact-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 15px;
    padding: 30px 20px;
    position: relative;
    margin-bottom: 25px;
    border-radius: 15px;
    background:var(--color-white);
    box-shadow: var(--box-shadow);
    transition: var(--transition);
}

.contact-info:hover{
    transform: translateY(-8px)
}

.contact-info-icon i {
    font-size: 35px;
    color: var(--color-white);
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50px;
    background: var(--theme-color);
}

.contact-info h5 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
    color:  var(--color-dark);
}

.contact-info p{
    color:  var(--color-dark);
    font-weight: 500;
    font-size: 16px;
}


@media all and (max-width: 768px) {
    .contact-content {
        margin-top: 50px;
        margin-bottom: 0;
    }
}


.datenschutz h3 {
    margin-bottom:10px;
    font-size: 20px;
    margin-top:30px;
}

.datenschutz h4 {
    font-size:18px;
    margin-top:20px;
    margin-bottom: 10px;
}

.datenschutz p {
    font-size:14px;
}

.datenschutz a {
    color:red;
}

.whatsapp-fab {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #25D366;
    color: white;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    text-decoration: none;
    z-index: 1000;
    transition: background-color 0.3s ease;
}

.whatsapp-fab:hover {
    background-color: #1EBE5D;
}

/* shop single */

.flex-direction-nav a {
    height: 55px !important;
}

.flexslider {
    margin:0px;
}

#carousel .slides li {
    border:2px solid #fff;
    cursor: pointer;
}

#carousel .flex-active-slide {
    border:2px solid #ef1d26 !important;
}

.accordion-button {
    border-radius: 0px !important;
    background: transparent;
    font-weight: 700;
    font-size: 20px;
    color:  var(--color-dark);
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    border-bottom: 1px solid var(--theme-color);
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.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'/%3e%3c/svg%3e");
}

@media all and (max-width: 991px) {
    .faq-right {
        margin-bottom: 50px;
    }

    .accordion-button {
        font-size: 16px;
    }
}

/*====================
58. Footer css
======================*/
.footer-area {
    background: var(--theme-color);
    position: relative;
    z-index: 1;
}

.footer-widget-box {
    margin-bottom: 50px;
}

.footer-logo img {
    width: 170px;
    margin-bottom: 10px;
}

.footer-widget-title {
    color: var(--color-white);
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
    font-size: 21px;
    z-index: 1;
}

.footer-widget-title::before,
.footer-widget-title::after {
    position: absolute;
    content: '';
    bottom: 0;
    z-index: -1;
}

.footer-widget-title::before {
    width: 90px;
    height: 2px;
    background: rgba(255, 255, 255, 0.2);
    left: 0;
}

.footer-widget-title::after {
    width: 30px;
    height: 2px;
    background-color: var(--theme-color);
    left: 18px;
}

.footer-list {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-list li a {
    color: var(--color-white);
    transition: var(--transition);
    display: inline-block;
}

.footer-list li a i {
    margin-right: 5px;
    color: var(--theme-color);
}

.footer-list li a:hover {
    padding-left: 10px;
    color: #fff;
}

.footer-widget-box p,
.footer-contact li a {
    color: var(--color-white);
}

.footer-contact {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-contact li {
    display: flex;
    align-items: center;
    font-size: 16px;
    margin-bottom: 15px;
}

.footer-contact li i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    margin-right: 15px;
    border-radius: 10px;
    background: var(--theme-color);
    text-align: center;
    color: var(--color-white);
}

.copyright {
    position: relative;
    padding: 20px 0;
    background: var(--footer-bg2);
    z-index: 1;
    color: var(--footer-text-color);
    font-size: 16px;
}

.copyright::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: var(--theme-color);
    width: 50%;
    height: 100%;
    clip-path: polygon(10% 1%, 100% 0, 100% 100%, 0% 100%);
    z-index: -1;
}

.copyright-text {
    margin-bottom: 0;
}

.copyright-text a {
    color: var(--theme-color);
    font-weight: 500;
}

.footer-social {
    display: flex;
    gap: 15px;
    justify-content: flex-end;
    margin-top: 20px;
}

.footer-social li a i {
    height: 38px;
    width: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 12px;
    background: var(--color-white);
    color: var(--theme-color);
    transition: var(--transition);
}

.footer-social li a i:hover {
    background: var(--color-dark);
    color: var(--color-white);
}

@media (max-width: 991px) {
    .footer-social {
        justify-content: flex-start;
    }

    .copyright .copyright-text {
        text-align: left;
    }

    .copyright::before {
        clip-path: polygon(30% 1%, 100% 0, 100% 100%, 0% 100%);
    }

    .footer-widget-box {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .footer-logo img {
        width: 180px;
        margin-bottom: 30px;
    }

    .footer-widget-box {
        padding-right: 0;
    }

    .footer-social {
        flex-wrap: wrap;
        gap: 10px;
    }

    .footer-contact li {
        font-size: 15px;
    }

    .footer-contact li i {
        margin-right: 10px;
    }
}



/*====================
59. Home 2
======================*/

.home-2 .header-top{
    background: var(--theme-color);
    border-bottom: 2px solid var(--color-dark);
}

.home-2 .header-top-contact a i{
    color: var(--color-white);
}


.home-2 .hero-single::before{
    background: linear-gradient(to top left, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 1) 100%);
    opacity: 1;
}

.home-2 .hero-single .hero-title span{
    -webkit-text-stroke: 2px var(--theme-color);
    -webkit-text-fill-color: transparent;
}

.home-2 .download-area{
    margin-bottom: -150px;
    position: relative;
    z-index: 2;
}

.home-2 .footer-widget-wrapper{
    padding-top: 250px;
}

.home-2 .copyright::before{
    display: none;
}