/* --------------------------------------------------------------
 *                            Fonts
 * --------------------------------------------------------------
 */

/*========== Roboto ==========*/

/* 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-v32-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-v32-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-v32-latin-500.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-v32-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-v32-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*========== Caveat ==========*/

/* caveat-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: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/caveat-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* caveat-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: 'Caveat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/caveat-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* --------------------------------------------------------------
 *                       Garni-Anita allgemein
 * --------------------------------------------------------------
 */
* {
	margin: 0;
	padding: 0;
	border:0;
	background: transparent;
}

html {
  width: 100%;
  height: 100%;
}

body {
   width: 100%;
   height: 100%;
   font-family:'Roboto', sans-serif;;
   font-size: 17px;
   color: #333;
   background-color:#f8f8f8;
}

header, nav, section, article, footer {
	display: block;
}


/*--------------------- Schriften ---------------------*/

.fs-big {
    font-size:19px;
}

.fc {
    font-family:Caveat;
    font-weight:700;
    text-align:center;
}

.fc1 {
    padding-top:1rem;
    font-size:40px;
}

.fc2 {
    padding-top:0rem;
    font-size:30px;
}

.fw-medium {
  font-weight:500;
}

/*--------------------- Abstände ---------------------*/

.mt-45 {
  margin-top: 2rem !important;
}

.mt-075 {
   margin-top:0.75rem;
}

.mb-45 {
  margin-bottom: 2rem !important;
}

.mb-075 {
   margin-bottom:0.75rem;
}

.ml-075 {
   margin-left:0.75rem !important;
}

/*--------------------- Anchor ---------------------*/

a {
  color: #973944;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}

/* Link mit dem Pfeil-Symbol */
img.ga-link:hover,
svg.ga-link:hover
{
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
  background-color:transparent ! important;
}

/* Links im normalen Text: intern und extern */
a.ilink:hover,
a.ilink:focus,
a.elink:hover,
a.elink:focus {
  background-color:#973944;
  color:white;
}

a.ilink::before {
  content: "";
  background: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="20" fill="%23973944" viewBox="0 0 14.857143 12.970522" version="1.1"%3e%3cpath fill-rule="evenodd" d="m 4.9524606,1.8424039 a 0.49524606,0.51587301 0 0 1 0.495246,-0.5158731 h 7.9239374 a 0.49524606,0.51587301 0 0 1 0.495246,0.5158731 v 9.2857141 a 0.49524606,0.51587301 0 0 1 -0.495246,0.515874 H 5.4477066 A 0.49524606,0.51587301 0 0 1 4.9524606,11.128118 V 9.064626 a 0.49524606,0.51587301 0 0 0 -0.9904921,0 v 2.063492 a 1.4857382,1.5476191 0 0 0 1.4857381,1.54762 h 7.9239374 a 1.4857382,1.5476191 0 0 0 1.485738,-1.54762 V 1.8424039 A 1.4857382,1.5476191 0 0 0 13.371644,0.29478475 H 5.4477066 A 1.4857382,1.5476191 0 0 0 3.9619685,1.8424039 v 2.063492 a 0.49524606,0.51587301 0 0 0 0.9904921,0 z" style="stroke-width:1.01091"/%3e%3cpath fill-rule="evenodd" d="m 10.750802,6.8504991 a 0.49524606,0.51587301 0 0 0 0,-0.7304762 L 7.779325,3.0247847 A 0.49587166,0.51652466 0 1 0 7.0780566,3.7552609 L 9.2046431,5.969388 H 0.49524606 a 0.49524606,0.51587301 0 0 0 0,1.0317459 H 9.2046431 L 7.0780566,9.2152605 A 0.49587165,0.51652465 0 0 0 7.779325,9.9457363 Z" style="stroke-width:1.01091"/%3e%3c/svg%3e')  0 0 no-repeat !important;
/*  background: url('../images/svg/ga-ilink.svg') 0 0 no-repeat !important;*/
  padding-right: 30px;
}

a.elink::before {
  content: "";
  background: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" version="1.1"%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="m 12.368421,2.8947369 c -0.523232,0 -0.947369,-0.4241559 -0.947369,-0.9473686 C 11.421052,1.4241557 11.845189,1 12.368421,1 h 5.684211 C 18.575862,1 19,1.4241557 19,1.9473683 v 5.6842106 c 0,0.5232315 -0.424138,0.9473683 -0.947368,0.9473683 -0.523232,0 -0.94737,-0.4241368 -0.94737,-0.9473683 V 4.2345147 l -6.909063,6.9090533 c -0.3699455,0.369948 -0.9698202,0.369948 -1.3397675,0 -0.3699758,-0.369947 -0.3699758,-0.969821 0,-1.3397677 L 15.765494,2.8947369 Z M 3.8421052,4.7894736 c -0.5232126,0 -0.9473684,0.4241558 -0.9473684,0.9473684 v 10.421052 c 0,0.523232 0.4241558,0.947369 0.9473684,0.947369 H 14.263158 c 0.52323,0 0.947368,-0.424137 0.947368,-0.947369 v -4.322368 c 0,-0.523231 0.424137,-0.947368 0.947368,-0.947368 0.523232,0 0.947368,0.424137 0.947368,0.947368 v 4.322368 C 17.105262,17.727589 15.832852,19 14.263158,19 H 3.8421052 C 2.2724579,19 1,17.727589 1,16.157894 V 5.736842 C 1,4.1671946 2.2724579,2.8947369 3.8421052,2.8947369 H 8.164474 c 0.5232315,0 0.9473685,0.4241556 0.9473685,0.9473683 0,0.5232127 -0.424137,0.9473684 -0.9473685,0.9473684 z" fill="%23973944" style="stroke-width:0.947368"/%3e%3c/svg%3e')  0 0 no-repeat !important;
/*  background: url('../images/svg/ga-elink.svg') 0 0 no-repeat !important;*/
  padding-right: 25px;
}

/* Icon und Text im Footer (rechts) */
a.footer-link:hover img,
a.footer-link:hover svg {
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
  background-color:transparent ! important;
}

a.footer-link:hover span {
  background-color:#973944;
  color:white;
}

/* Link im footer ohne icon (unten rechts) */
a:hover.text-link {
  background-color:#973944;
  color:white;
}


/*--------------------- Bilder ---------------------*/

.image-container img {
	max-width:100%;
	height:auto;
}


.img-full {
	 width:100%;
  	 height:auto;
}

img, svg {
    vertical-align: middle;
}

.svg-rounded {
  border-radius: 50% !important;
  background-color: #f9f1e4;
  border:1px solid #aaaaaa;
  margin-left: 0.25rem !important;
  margin-right: 1.5rem !important;
}

/*--------------------- list-group ---------------------*/

.list-group-item:first-child {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.list-group-item + .list-group-item,
.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
     background-color: white;
    border:0;
    border-top: 1px solid #d8d8d8;
}

.list-group-item:last-child {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom: 1px solid #d8d8d8;
}

/*--------------------- Hervorhebungen ---------------------*/

.ga-white {
    background-color:#ffffff;
}

.ga-black {
    background-color:#000000;
}

.ga-y {
    background-color:yellow;
}

.ga-lg {
    background-color:lightgray;
}

.ga-images {
	text-align:center;
	max-width:900px;
	margin:1.5em auto;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}


.ga-shadow {
	 box-shadow: 0 0 30px rgba(0, 0, 0, 0.35);
}

.ga-itemize {
	list-style-position:inside;
	padding-left:1rem;
}

/*--------------------- back-to-top ---------------------*/

.btn-square, .btn-sm-square, .btn-md-square, .btn-lg-square, .btn-xl-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    border-radius: 50%;
    background-color:#973944;
    width: 40px;
    height: 40px;
}

#btn-backtotop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}

#btn-backtotop:hover {
    background: var(--bs-dark) !important;
    color: var(--bs-light) !important;
}

/* --------------------------------------------------------------
 *                               Navbar
 * --------------------------------------------------------------
 */

/* Farbe der Trennlinien */
.dropdown-divider {
    border-top: 1px solid #666;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
}

/* Abstand der Einträge*/
.dropdown-item {
    padding: 0.2rem var(--bs-dropdown-item-padding-x);
}

/* Breite für die Sprachen begrenzen */
.dropdown-menu-language {
    --bs-dropdown-min-width:3.5rem;
}

/*-------------------- Navbar --------------------*/

/*** Navbar ***/
.navbar-light {
    background-color:#f9f1e4 !important;             /* dani  */
    border-bottom: 1px solid #973944;                /* dani  */

}

.navbar-light .navbar-nav .nav-link {
    position: relative;
    margin-right: 25px;
    padding: 30px 0;                                 /* <---------------------  ou lr:  Abstand der navbar nach oben/unten - 30 oder 35 ?? */
    color:#973944;
    font-size: 19px;
    font-weight: 400;
    outline: none;
    transition: .5s;
 }

.sticky-top .navbar-light .navbar-nav .nav-link {
    padding: 20px 0;
    color: #ff00ff !important;                       /* <---------------------  */
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
    font-weight:500;
}

.navbar-light .navbar-brand img {
    max-height: 60px;
    transition: .5s;
}

.sticky-top .navbar-light .navbar-brand img {
    max-height: 45px;
}

/*-------------------- Dropdown-Menü --------------------*/

.dropdown .dropdown-menu a:hover {
    background:#973944;                              /* hover: wie navbar  <--------------------- */
    color:#fdfaf7;
}

.navbar .nav-item:hover .dropdown-menu {
    transform: rotateX(0deg);
    visibility: visible;
    transition: .5s;
    opacity: 1;
    background: #fdfaf7 !important;                 /* <---------------------  am anfang auch yellow ??*/
    border:1px solid var(--bs-dropdown-divider-bg);
}

/*-------------------- Media < 992 --------------------*/

@media (max-width: 991.98px) {
   .sticky-top {
        position: relative;
        background: var(--bs-white);             /* <---------------------  */
    }

    .navbar.navbar-expand-lg .navbar-toggler {
        padding: 10px 20px;
        border: 1px solid #973944 !important;   /* <---------------------  */
        color: #973944;                         /* <---------------------  */
    }

    .navbar-light .navbar-collapse {
        margin-top: 15px;
        border-top: 1px solid #DDDDDD;
    }

    .navbar-light .navbar-nav .nav-link,
    .sticky-top .navbar-light .navbar-nav .nav-link {
        padding: 10px 0;
        margin-left: 0;
        color: var(--bs-dark) !important;             /* <---------------------  */
    }

    .navbar-light .navbar-brand img {
        max-height: 45px;
    }
}

/*-------------------- 992 < Media  --------------------*/

@media (min-width: 991.98px) {
    .sticky-top .navbar-light {
       background: var(--bs-light) !important;             /* <---------------------  */
    }

    /* Dropdown-Menü unsichtbar machen (sichtbar bei hover oder Klick) */
    .navbar .nav-item .dropdown-menu {
        display: block;
        visibility: hidden;
        top: 100%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        border: 0;
        border-radius: 10px;
        transition: .5s;
        opacity: 0;
        background: #fdfaf7 !important;               /* <---------------------  am anfang auch yellow ??*/
    }

    /*** Top and Bottom borders go out ***/
    .navbar-light .navbar-nav .nav-link:after,
    .navbar-light .navbar-nav .nav-link::before {
        position: absolute;
        content: "";
        top: 30px;
        bottom: 30px;
        left: 0px;
        width: 100%;
        height: 2px;
        background: #973944;                          /* <---------------------  Linien ou*/
        opacity: 0;
        transition: all 0.5s;
    }

    .navbar-light .navbar-nav .nav-link:before {
        bottom: auto;
    }

    .navbar-light .navbar-nav .nav-link:after {
        top: auto;
    }

    .navbar-light .navbar-nav .nav-link:hover:before,
    .navbar-light .navbar-nav .nav-link.active:before {
        top: 20px;                 /* <---------------------  Linien Abstand von oben 20 --> 25 */
        opacity: 1;
    }

    .navbar-light .navbar-nav .nav-link:hover::after,
    .navbar-light .navbar-nav .nav-link.active::after {
        bottom: 20px;         /* <---------------------  Linien Abstand von unten 20 --> 25*/
        opacity: 1;
    }
}



/* --------------------------------------------------------------
 *                           Footer
 * --------------------------------------------------------------
 */

.footer1 .footer1-item {
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);
    background: #f8f8f8;
    background: white;
    transition: 0.5s;
    max-width: 280px !important;
}


@media (max-width: 767.98px) {
    .footer1 .footer1-item {
       min-width: 225px !important;
    }
}

@media (min-width: 768px) {
    .footer1 .footer1-item {
       min-width: 240px !important;
    }
}

@media (min-width: 992px) {
    .footer1 .footer1-item {
       min-width: 260px !important;
    }
}

@media (min-width: 1200px) {
    .footer1 .footer1-item {
     max-width: 280px !important;
    }
}

 .footer1 .footer1-item:hover {
    box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.2);
}

/*------ footer1-item footer1-img ------*/

.footer1 .footer1-item .footer1-img {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    max-width:240px;
 }

.footer1 .footer1-item .footer1-img img {
    transition: 0.5s;
}

/*------ footer1-item footer1-img img ------*/

.footer1 .footer1-item:hover .footer1-img img {
    transform: scale(1.3);
}

/*------ footer 2 ------*/

.ga-footer a {
   text-decoration:none;
    cursor:pointer !important;
}

.ga-footer img {
  margin: 0 25px;
}


/* ------ curve ------*/

[class*='footer-divider-'] {
  position: relative;
  overflow: hidden;
}

[class*='footer-divider-']:before {
  content: '';
  position: absolute;
}

.footer-divider-curve-top:before {
  top: 0;
  left: -5%;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
/*  background-image: url(../images/svg/curve2.svg);*/
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none" version="1.1"%3e%3cpath d="M 600,114.28602 C 268.6314,114.28602 0.00253312,66.356161 0.00253312,7.2274466 V 121.62005 H 1199.9975 V 7.2274466 C 1199.9975,66.356161 931.3686,114.28602 600,114.28602 Z" class="shape-fill" fill="%23f8f8f8" fill-opacity="1" stroke="%23973944" stroke-width="1.00717" stroke-opacity="1"/%3e%3c/svg%3e');
  background-size: 100% 100%;
  width: 110%;
  height: 60px;
  pointer-events:none;
}

.footer-divider-curve-bottom:before {
  bottom: 0;
  left: -5%;
/*  background-image: url(../images/svg/curve2.svg);*/
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none" version="1.1"%3e%3cpath d="M 600,114.28602 C 268.6314,114.28602 0.00253312,66.356161 0.00253312,7.2274466 V 121.62005 H 1199.9975 V 7.2274466 C 1199.9975,66.356161 931.3686,114.28602 600,114.28602 Z" class="shape-fill" fill="%23f8f8f8" fill-opacity="1" stroke="%23973944" stroke-width="1.00717" stroke-opacity="1"/%3e%3c/svg%3e');
  background-size: 100% 100%;
  width: 110%;
  height: 60px;
}

@media (max-width: 991.98px) {                   /* ------> auch andere: 50 40 30 */
  .footer-divider-curve-top:before,
  .footer-divider-curve-bottom:before {
    height: 50px;
  }
}

.footer-sep {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}