body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}

:root {
  --taubenblau: #1F2E40;
  --taubenblau-dunkel: #1b2838;
  --hellgrau: #999384;
  /*--weiss-dunkel: #e5e5e5;*/
  --weiss-dunkel: #ffffff;
  --font-menu: "Palatino Linotype", serif;
  --font-standard: Arial, sans-serif;
  
}


/* all */
.header-general{
  margin-top: 6%;
  margin-left: 10%;
  margin-right: 10%; 
  /*width: 80%;*/               /* Höhe anpassen */
  /*height: 200%;*/
  position: relative;
  box-shadow: 10px 10px 6px -2px rgba(0, 0, 0, 0.3);
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  border-color: var(--taubenblau-dunkel);
}


#adress-block-1 {
  flex: 1;                    /* nimmt den restlichen Platz ein */
}

/* alle: Impressum Liste Betroffenenrechte*/
li.list-text-justify {
  text-align: justify;
}

/* alle */
.adresse {
  font-weight: bold;
}

/* alle: impressum contact */
#id-2, #id-3, #id-4, #id-5, #id-6, #id-18, #id-18a, #id-19, #id-20 {
  margin-bottom: 0;
}

/* ----------- BEGIN MOBILE DESIGN --------------------- */

/*mobile: body*/
body{
  font-family: var(--font-standard);
  color: var(--taubenblau);
  background-color: var(--taubenblau);
  margin: 0;
  padding: 0;
  width: 100%;
  
}

/*mobile header-images */
.header-images {
  position: relative;
   width: auto;
  height: 46px;
}

@media (orientation: portrait){
  /* mobile: image-background */
  .image-background {
    width: auto;
    height: 100%;
    display: block;
  }
}

@media (orientation: landscape){
  /* mobile: image-background */
  .image-background {
    width: 100%;
    height: auto;
    display: block;
  }
}

@media (orientation: portrait){
/*mobile image-logo */
  .image-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width:44%;
    height: auto;
    pointer-events: none;
  }
}

@media (orientation: landscape){
/*mobile image-logo */
  .image-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width:22%;
    height: auto;
    pointer-events: none;
  }
}

/*mobile richtige Anzeige Impressum wählen */
#menu-inactive-impressum-1{
  display: none;
}

/*mobile inactive-menu-item */
.inactive-menu-item {
  position: absolute;
  right: 10px;
  bottom: 3px;
  color: white;
  font-size: 10px;
  font-family: var(--font-menu);
  font-style: italic;
}

/*mobile active-menu-item */
.active-menu-item {
  position: absolute;
  right: 10px;
  top: 3px;
  color: var(--hellgrau);
  font-size: 10px;
  font-family: var(--font-menu);
  font-style: italic;
}


/* mobile: adress-header-1 */
#address-header-1 {
  display: flex;             /* nebeneinander anordnen */
  margin-bottom: 4%;
  align-items: flex-start;
}

/* mobile: Platz für Bildbereich */
#image-container-1 {
  flex: 0 0 12%;        /* nimmt immer 12 % des Platzes ein */
  display: flex;        /* damit wir das Bild darin platzieren können */
  align-items: center;  /* Bild vertikal mittig im Container */
  justify-content: center; /* Bild horizontal mittig */
 
}

/* mobile paragraph-image */
#paragraph-image {
  
  width: 18px;
  height: auto;
  padding-top: 3px;
  padding-right: 10px;
  /*margin-top: 2px;*/
}

/* mobile content space */
  .content-general{
    position:relative;
    background-color: var(--weiss-dunkel);
    margin-left: 10%;
    margin-right: 10%;
    /*
    margin-bottom: 1%;
    */
    padding-top: 8%;
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 4%;
    border-left: 2px solid rgba(0, 0, 0, 0.15);
    border-right: 2px solid rgba(0, 0, 0, 0.15);
    border-color: var(--taubenblau-dunkel);
    box-shadow: 
        10px  0   10px -2px rgba(0, 0, 0, 0.3),
        0    10px 10px -2px rgba(0, 0, 0, 0.3),
        10px 10px 10px -2px rgba(0, 0, 0, 0.3);
  }
}


/* mobile content space impressum*/
#content-impressum-id{
  margin-bottom: 1%;
}

/* mobile Impressum-Textblock */
#impressum-text-1{
  padding-left: 12%;
  padding-right:8%;
  text-align: justify;
}

/* mobile text-standard */
.text-standard {
  font-family: var(--font-standard);
  font-size: 10px;
  color: var(--taubenblau);
  margin-bottom: 1em;
}


/* mobile - Abstand Adresse zu Kontaktinfo */
#address-info-id{
  margin-bottom: 10px;
}

/* mobile text-standard-bold */
.text-standard-bold {
  font-family: var(--font-standard);
  font-size: 10px;
  font-weight: bold;
  color: var(--taubenblau);
  
}

/* mobile text-titel */
.text-titel {
  font-family: var(--font-standard);
  font-weight: bold;
  font-size: 18px;
  color: var(--taubenblau);
  margin-top: 1em;
  margin-bottom: 0em;
  text-align: left;
  margin-bottom: 1em;
}


/* mobile text-subtitel */
.text-subtitel {
  font-family: var(--font-standard);
  font-size: 10px;
  font-weight: bold;
  color: var(--taubenblau);
  margin-bottom: 1em;
  margin-top: 1em;
  text-align: left;
  margin-bottom: 1em;
}

/* mobile text-sub-subtitel */
.text-sub-subtitel{
  font-family: var(--font-standard);
  font-size: 10px;
  font-weight: bold;
  color: var(--taubenblau);
  text-align: left;
  margin-bottom: 1em;
}

/* mobile text-subtitel level3 */
.text-subtitel-level3 {
  font-family: var(--font-standard);
  font-size: 10px;
  color: var(--taubenblau);
  text-align: left;
  margin-bottom: 1em;
}

/*mobile Kontakt - BEGIN*
/* Alle drei Kontaktzeilen in einem Container anordnen */
#contact-info-id {
  display: flex;
  flex-direction: column;
  gap: 4px; /* Abstand zwischen Zeilen */
}

/* Jede Zeile (Tel, Fax, Mail) als Flex-Zeile */
#tel-id, #fax-id, #email-id {
  display: flex;
  align-items: baseline; /* Text ausrichten */
}

/* Linke Spalte: fester Abstand nach rechts */
.text-2-first-part {
  min-width: 26px; /* sorgt für gleiche Startposition der Werte */
}
/*mobile Kontakt - END */

/* mobile listenaufzählung Block */
ul {
  font-family: var(--font-standard);
  font-size: 10px;
  color: var(--taubenblau);
  margin-bottom: 10px;
  text-align: left;
  margin-left: -16px;
}

/* mobile Listenelemente */
li {
  margin-bottom: 0.5em;
}



/* ----------- END MOBILE DESIGN ----------------------- */

/* ----------- BEGIN TABLET DESIGN --------------------- */

/*tablet: body*/
@media (min-width: 760px){
  body{
    font-family: var(--font-standard);
    color: var(--taubenblau);
    background-color: var(--taubenblau);
    margin: 0 auto;
    padding: 0;
    width: 88%;
  }
}

/*tablet header-images */
@media (min-width: 760px){
  .header-images {
    position: relative;
    width: 100%;
    height: auto;
  }
}

/* tablet: image-background */
@media (min-width: 760px){
  .image-background {
    width: 100%;
    height: auto;
    display: block;
  }
}

/*tablet image-logo*/
@media (min-width: 760px){
  .image-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width:30%;
    height: auto;
    pointer-events: none;
  }
}

/*tablet richtige Anzeige Impressum wählen */
@media (min-width: 760px){
  #menu-inactive-impressum-1{
    display: none;
  }
}

/*tablet inactive-menu-item */
@media (min-width: 760px){
  .inactive-menu-item {
    position: absolute;
    right: 12px;
    bottom: 5px;
    color: white;
    font-size: 13px;
    font-family: var(--font-menu);
    font-style: italic;
  }
}

/*tablet active-menu-item */
@media (min-width: 760px){
  .active-menu-item {
    position: absolute;
    right: 10px;
    top: 5px;
    color: var(--hellgrau);
    font-size: 13px;
    font-family: var(--font-menu);
    font-style: italic;
  }
}

/* tablet: adress-header-1 */
@media (min-width: 760px){
  #address-header-1 {
    display: flex;             /* nebeneinander anordnen */
    align-items: center;       /* vertikal mittig ausrichten (optional) */
    margin-bottom: 4%;
  }
}


/* tablet: Platz für Bildbereich */
@media (min-width: 760px){
  #image-container-1 {
    flex: 0 0 20%;        /* nimmt immer 20 % des Platzes ein */
    display: flex;        /* damit wir das Bild darin platzieren können */
    align-items: flex-start;  /* Bild vertikal mittig im Container */
    justify-content: center; /* Bild horizontal mittig */
  }
}

/* tablet paragraph-image */
@media (min-width: 760px){
  #paragraph-image {
    width: 70px;
    height: auto;
    margin-top:0px;
  }
}

/* tablet content space */
@media (min-width: 760px){
  .content-general{
    position:relative;
    background-color: var(--weiss-dunkel);
    margin-left: 10%;
    margin-right: 10%;
    /*
    margin-bottom: 1%;
    */
    padding-top: 6%; 
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 4%;
    border-left: 2px solid rgba(0, 0, 0, 0.15);
    border-right: 2px solid rgba(0, 0, 0, 0.15);
    border-color: var(--taubenblau-dunkel);
    box-shadow:
        10px  0   10px -2px rgba(0, 0, 0, 0.3),
        0    10px 10px -2px rgba(0, 0, 0, 0.3),
        10px 10px 10px -2px rgba(0, 0, 0, 0.3);
  }
}

/* tablet content space impressum*/
@media (min-width: 760px){
  .content-impressum-id{
    margin-bottom: 1%;
  }
}

/* tablet Impressum-Textblock */
@media (min-width: 760px){
  #impressum-text-1{
    padding-left: 20%;
    padding-right:8%;
    text-align: justify;
  }
}

/* tablet text-standard */
@media (min-width: 760px){
  .text-standard {
    font-family: var(--font-standard);
    font-size: 13px;
    color: var(--taubenblau);
    margin-bottom: 1em;
  }
}

/* tablet - Abstand Adresse zu Kontaktinfo */
@media (min-width: 760px){
  #address-info-id{
    margin-bottom: 1em;
  }
}

/* tablet text-standard-bold */
@media (min-width: 760px){
  .text-standard-bold {
    font-family: var(--font-standard);
    font-size: 13px;
    font-weight: bold;
    color: var(--taubenblau);
    
  }
}

/* tablet text-titel */
@media (min-width: 760px){
  .text-titel {
    font-family: var(--font-standard);
    font-weight: bold;
    font-size: 16px;
    color: var(--taubenblau);
    margin-top: 1em;
    margin-bottom: 0em;
    text-align: left;
    margin-bottom: 1em;
  }
}

/* tablet text-subtitel */
@media (min-width: 760px){
  .text-subtitel {
    font-family: var(--font-standard);
    font-size: 13px;
    font-weight: bold;
    color: var(--taubenblau);
    margin-bottom: 1em;
    margin-top: 2em;
    text-align: left;
    margin-bottom: 1em;
  }
}

/* tablet text-sub-subtitel */
@media (min-width: 760px){
  .text-sub-subtitel{
    font-family: var(--font-standard);
    font-size: 13px;
    font-weight: bold;
    color: var(--taubenblau);
    text-align: left;
    margin-bottom: 1em;
  }
}

/* tablet text-subtitel level3 */
@media (min-width: 760px){
  .text-subtitel-level3 {
    font-family: var(--font-standard);
    font-size: 13px;
    color: var(--taubenblau);
    text-align: left;
    margin-bottom: 1em;
  }
}

/*tablet*/
@media (min-width: 760px){
  /* Alle drei Kontaktzeilen in einem Container anordnen */
  #contact-info-id {
    display: flex;
    flex-direction: column;
    gap: 4px; /* Abstand zwischen Zeilen */
  }

  /* Jede Zeile (Tel, Fax, Mail) als Flex-Zeile */
  #tel-id, #fax-id, #email-id {
    display: flex;
    align-items: baseline; /* Text ausrichten */
  }

  /* Linke Spalte: fester Abstand nach rechts */
  .text-2-first-part {
    min-width: 28px; /* sorgt für gleiche Startposition der Werte */
  }
}

/* tablet listenaufzählung Block*/
@media (min-width: 760px){
  ul {
    font-family: var(--font-standard);
    font-size: 13px;
    color: var(--taubenblau);
    margin-bottom: 1em;
    text-align: left;
  }
}

/*tablet Listenelemente */
@media (min-width: 760px){
  li {
    margin-bottom: 0.7em;
  }
}

/* ----------- END TABLET DESIGN ----------------------- */

/* ----------- BEGIN DESKTOP DESIGN -------------------- */

/*desktop: body */
@media (min-width: 1024px){
  body{
    font-family: var(--font-standard);
    color: var(--taubenblau);
    background-color: var(--taubenblau);
    margin: 0 auto;
    padding: 0;
    width: 924px;
  }
}


/*desktop header-images */
@media (min-width: 1024px){
  .header-images {
    position: relative;
    width: 100%;
    height: auto;
  }
}

/* desktop: image-background */
@media (min-width: 1024px){
  .image-background {
    width: 100%;
    height: auto;
    display: block;
  }
}

/*desktop image-logo*/
@media (min-width: 1024px){
  .image-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width:30%;
    height: auto;
    pointer-events: none;
  }
}


/*desktop richtige Anzeige Impressum wählen */
@media (min-width: 1024px){
  #menu-inactive-impressum-2{
    display: none;
  }
   #menu-inactive-impressum-1{
    display: block;
  }
}


/*desktop inactive-menu-item */
@media (min-width: 1024px){
  .inactive-menu-item {
    position: absolute;
    right: 20px;
    bottom: 5px;
    color: white;
    font-size: 20px;
    font-family: var(--font-menu);
    font-style: italic;
  }
}


/*desktop active-menu-item */
@media (min-width: 1024px){
  .active-menu-item {
    position: absolute;
    right: 20px;
    top: 5px;
    color: var(--hellgrau);
    font-size: 20px;
    font-family: var(--font-menu);
    font-style: italic;
  }
}


/* desktop: adress-header-1 */
@media (min-width: 1024px){
  #address-header-1 {
    display: flex;             /* nebeneinander anordnen */
    align-items: center;       /* vertikal mittig ausrichten (optional) */
    margin-bottom: 4%;
  }
}

/* desktop: Platz für Bildbereich */
@media (min-width: 1024px){
  #image-container-1 {
    flex: 0 0 20%;        /* nimmt immer 20 % des Platzes ein */
    display: flex;        /* damit wir das Bild darin platzieren können */
    align-items: center;  /* Bild vertikal mittig im Container */
    justify-content: center; /* Bild horizontal mittig */
  }
}


/*desktop paragraph-image */
@media (min-width: 1024px){
  #paragraph-image {
    width: 70px;
    height: auto;
    margin-top:0px;
  }
}


/* desktop content space */
@media (min-width: 1024px){
  .content-general{
    position:relative;
    background-color: var(--weiss-dunkel);
    margin-left: 10%;
    margin-right: 10%;
    /*
    margin-bottom: 1%;
    */
    padding-top: 6%;
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 4%;
    border-left: 2px solid rgba(0, 0, 0, 0.15);
    border-right: 2px solid rgba(0, 0, 0, 0.15);
    border-color: var(--taubenblau-dunkel);
    box-shadow: 
        10px  0   10px -2px rgba(0, 0, 0, 0.3),
        0    10px 10px -2px rgba(0, 0, 0, 0.3),
        10px 10px 10px -2px rgba(0, 0, 0, 0.3);
  }
}



/* desktop content space impressum*/
@media (min-width: 1024px){
  .content-impressum-id{
    margin-bottom: 1%;
  }
}



/* desktop Impressum-Textblock */
@media (min-width: 1024px){
  #impressum-text-1{
    padding-left: 20%;
    padding-right:8%;
    text-align: justify;
  }
}


/* desktop text-standard */
@media (min-width: 1024px){
  .text-standard {
    font-family: var(--font-standard);
    font-size: 1em;
    color: var(--taubenblau);
    margin-bottom: 1em;
  }
}


/* desktop - Abstand Adresse zu Kontaktinfo */
@media (min-width: 1024px){
  #address-info-id{
    margin-bottom: 1em;
  }
}



/* desktop text-standard-bold */
@media (min-width: 1024px){
  .text-standard-bold {
    font-family: var(--font-standard);
    font-size: 1em;
    font-weight: bold;
    color: var(--taubenblau);
    
  }
}


/* desktop text-titel */
@media (min-width: 1024px){
  .text-titel {
    font-family: var(--font-standard);
    font-weight: bold;
    font-size: 3em;
    color: var(--taubenblau);
    margin-top: 1em;
    margin-bottom: 0em;
    text-align: left;
    margin-bottom: 1em;
  }
}


/* desktop text-subtitel*/
@media (min-width: 1024px){
  .text-subtitel {
    font-family: var(--font-standard);
    font-size: 1em;
    font-weight: bold;
    color: var(--taubenblau);
    margin-bottom: 1em;
    margin-top: 2em;
    text-align: left;
    margin-bottom: 1em;
  }
}


/* desktop text-sub-subtitel*/
@media (min-width: 1024px){
  .text-sub-subtitel{
    font-family: var(--font-standard);
    font-size: 1em;
    font-weight: bold;
    color: var(--taubenblau);
    text-align: left;
    margin-bottom: 1em;
  }
}


/* desktop */
@media (min-width: 1024px){
  .text-subtitel-level3 {
    font-family: var(--font-standard);
    font-size: 1em;
    color: var(--taubenblau);
    text-align: left;
  }
}


/*desktop*/
@media (min-width: 1024px){
  /* Alle drei Kontaktzeilen in einem Container anordnen */
  #contact-info-id {
    display: flex;
    flex-direction: column;
    gap: 4px; /* Abstand zwischen Zeilen */
  }

  /* Jede Zeile (Tel, Fax, Mail) als Flex-Zeile */
  #tel-id, #fax-id, #email-id {
    display: flex;
    align-items: baseline; /* Text ausrichten */
  }

  /* Linke Spalte: fester Abstand nach rechts */
  .text-2-first-part {
    min-width: 44px; /* sorgt für gleiche Startposition der Werte */
  }
}


/* desktop listenaufzählung Block*/
@media (min-width: 1024px){
  ul {
    font-family: var(--font-standard);
    font-size: 1em;
    color: var(--taubenblau);
    margin-bottom: 1em;
    text-align: left;
  }
}





/*desktop Listenelemente */
@media (min-width: 1024px){
  li {
    margin-bottom: 0.7em;
  }
}


/**************************** PAGE HOME **************************/

/*mobile: home-inner-block */
#home-inner-block-id{
  width:94%;
  padding-left: 3%;
  padding-right:3%;
}

/* mobile content space home*/
#content-home-id{
  margin-bottom: 4%;
  /*für das Mausbild*/
  position: relative;
  z-index: 1;
}



/* tablet content space home*/
@media (min-width: 760px){
  .content-home-id{
    margin-bottom: 6%;
    /*für das Mausbild*/
    position: relative;
    z-index: 1;
  }
}

/* desktop content space home*/
@media (min-width: 1024px){
  .content-home-id{
    margin-bottom: 4%;
    /*für das Mausbild*/
    position: relative;
    z-index: 1;
  }
}

/* mobile - mouse div */
@media (orientation: portrait){
  #mouse-div-id {
    position: absolute;
    top: 50%;    /* vertikale Mitte des Containers */
    left: 50%;   /* horizontale Mitte des Containers */
    transform: translate(-50%) translate(60px, 90px); 
    z-index: 10;
  }
}

/* mobile - mouse div */
@media (orientation: landscape){
  #mouse-div-id {
    position: absolute;
    top: 50%;    /* vertikale Mitte des Containers */
    left: 50%;   /* horizontale Mitte des Containers */
    transform: translate(-50%) translate(110px, 42px); 
    z-index: 10;
  }
}

/* tablet - mouse div */
@media (min-width: 760px){
  #mouse-div-id {
    position: absolute;
    top: 50%;    /* vertikale Mitte des Containers */
    left: 50%;   /* horizontale Mitte des Containers */
    transform: translate(-50%) translate(184px, 99px); 
    z-index: 10;
  }
}

/* desktop: mouse div */
@media (min-width: 1024px){
  #mouse-div-id {
    position: absolute;
    top: 50%;    /* vertikale Mitte des Containers */
    left: 50%;   /* horizontale Mitte des Containers */
    transform: translate(-50%) translate(164px, 99px); 
    z-index: 10;
  }
}


@media (orientation: portrait){
  /* mobile: home adresse und paragraph Anordnung im schmalen Bildschirm*/
  #address-header-home {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: 10px; /* nur horizontal kleiner machen */
    row-gap: 0px;   /* vertikaler Abstand bleibt wie gewünscht */
  }

  /* mobile: img paragraph im grid-template */
  #image-container-home-1 {
    grid-row: 1 / span 2; /*nimmt beide Zeilen der linken Spalte ein */
  }

  /* mobile: text1 im grid-template */
  #adress-block-home1 {
    grid-column: 2; /* rechte Spalte, erste Zeile */
  }

  /* mobile: text2 im grid-template */
  #adress-block-home2 {
    grid-column: 2; /* rechte Splate, zweite Zeile */
  }
}

@media (orientation: landscape){
/*mobile landscape: adress-block*/

  #address-header-home {
    display: flex;
    flex-direction: row;
    align-items: center;
    
  }

  #image-container-home-1{
    flex: 0 0 8%;
    margin-right: 10px;
  }

  #adress-block-home1, #adress-block-home2 {
    flex: 1;
    padding: 0;
    margin-top: 20px;
    height: 100%;
    align-self: flex-start; /* oben ausrichten */

  }

}

/*tablet: adress-block*/
@media (min-width: 1024px){
  #address-header-home {
    display: flex;
    flex-direction: row;
    align-items: center;
    
  }

  #image-container-home-1{
    flex: 0 0 14%;
    margin-right: 10px;
  }

  #adress-block-home1, #adress-block-home2 {
    flex: 1;
    padding: 0;
    margin-top: 20px;
    height: 100%;
    align-self: flex-start; /* oben ausrichten */

  }
}

/*desktop: adress-block*/
@media (min-width: 1024px){
  #address-header-home {
    display: flex;
    flex-direction: row;
    align-items: center;
    
  }

  #image-container-home-1{
    flex: 0 0 14%;
    margin-right: 10px;
  }

  #adress-block-home1, #adress-block-home2 {
    flex: 1;
    padding: 0;
    margin-top: 20px;
    height: 100%;
    align-self: flex-start; /* oben ausrichten */

  }
}


/* mobile: paragraph-image-home */
#paragraph-image-home {
  width: 22px;
  height: auto; 
  padding-top:3px;
}

/* tablet: paragraph-image-home */
@media (min-width: 760px){
  #paragraph-image-home {
    width: 70px;
    height: auto;
    
  }
}

/* desktop: paragraph-image-home */
@media (min-width: 1024px){
  #paragraph-image-home {
    width: 70px;
    height: auto;
    
  }
}


/* mobile: adress-block-home */
.address-block-home{
  font-size: 10px ;
}

@media (min-width: 1024px){
  .address-block-home{
  font-size: 0.9em ;
  }
}


/* mobile: div text-umbau */
#id-text-umbau
{
  width: 100%;
  height: 10%;
  padding-top: 5%;
  padding-bottom: 5%;
}

/*****************************************/
/* mobile: öffnungszeiten-text - BEGIN */
#opening-hours-id{
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 3%
}

#mo-fr-hours-id, #mo-do-hours-id{
  font-weight: bold;
  margin-bottom: 0;
}

#mo-fr-id, #mo-do-id{
  margin-bottom: 0;
}


/* Alle zwei Öffnungszeilen in einem Container anordnen */
#opening-hours-block-id {
  display: flex;
  flex-direction: column;
  gap: 0px; /*Abstand zwischen Zeilen */
}

/* Jede Zeile (morning-opening, evening-opening) als Flex-Zeile */
#morning-opening-id{
  display: flex;
  align-items: baseline; /* Text ausrichten */
  margin-bottom: 0;
}

#evening-opening-id {
  display: flex;
  align-items: baseline; /* Text ausrichten */
}

/* Linke Spalte: fester Abstand nach rechts */
.text-3-first-part {
  min-width: 110px; /* sorgt für gleiche Startposition der Werte */
}

/* mobile: text ausblenden */
#mo-fr-add, #mo-do-add{
  display: none;
}

/*mobile Kontakt - END */

#parking-spaces-id{
    margin-top: 2em;
    margin-bottom: 6em;
  }

/* mobile: öffnungszeiten-text- END */

/*****************************************/
/* tablet: öffnungszeiten-text - BEGIN */

@media (min-width: 760px){
  /* tablet: öffnungszeiten-text - BEGIN */
  #opening-hours-id{
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 3%
  }

  #mo-fr-hours-id, #mo-do-hours-id{
    font-weight: bold;
    margin-bottom: 0;
  }

  #mo-fr-id, #mo-do-id{
    margin-bottom: 0;
  }

  /* tablet: Alle zwei Öffnungszeilen in einem Container anordnen */
  #opening-hours-block-id {
    display: flex;
    flex-direction: column;
    gap: 0px; /*Abstand zwischen Zeilen */
  }

  /* tablet: Jede Zeile (morning-opening, evening-opening) als Flex-Zeile */
  #morning-opening-id{
    display: flex;
    align-items: baseline; /* Text ausrichten */
    margin-bottom: 0;
  }

  /* tablet: Zeitenbox */
  #evening-opening-id {
    display: flex;
    align-items: baseline; /* Text ausrichten */
  }

  /* tablet: Linke Spalte: fester Abstand nach rechts */
  .text-3-first-part {
    min-width: 180px; /* sorgt für gleiche Startposition der Werte */
  }

  /* tablet: text einblenden */
  #mo-fr-add, #mo-do-add{
    display: inline-block;
  }

  #parking-spaces-id{
    margin-top: 2em;
    margin-bottom: 6em;
  }

  /*tablet Kontakt - END */
  }
/* tablet: öffnungszeiten-text- END */

/*****************************************/
/* Desktop: öffnungszeiten-text - BEGIN */

@media (min-width: 1024px){
  /* desktop: öffnungszeiten-text - BEGIN */
  #opening-hours-id{
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 3%
  }

  #mo-fr-hours-id, #mo-do-hours-id{
    font-weight: bold;
    margin-bottom: 0;
  }

  #mo-fr-id, #mo-do-id{
    margin-bottom: 0;
  }

  /* desktop: text einblenden */
  #mo-fr-add, #mo-do-add{
    display: inline-block;
    margin-left: 0.25em; /* feiner, kontrollierter Abstand */
    margin-right: 0.25em;
  }

  /* Linke Spalte: fester Abstand nach rechts */
  .text-3-first-part {
    min-width: 180px; /* sorgt für gleiche Startposition der Werte */
  }

  #parking-spaces-id{
    margin-top: 2em;
    margin-bottom: 6em;
  }
}

  /*desktop Kontakt - END */
}
/* desktop: öffnungszeiten-text- END */