@charset "utf-8";
/* CSS Document */
/*style für blog karten-*/
 body {
  margin: 0 auto;
  max-width: 1600px;
}





.grid-container {
    display:grid;
    grid-template-columns: 1em 1em 1em;
    grid-template-rows: auto;
    grid-gap:20px;  
}

.grid-item{
    grid-column: span 2;
}

/*css für das Menü */
.container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}

.container_menu {
  display: flex;
  /*justify-content: space-between;*/ 
  align-items: center;
  padding: 10px;
}

.brand a {
  font-weight: bold;
  text-decoration: none;
  color: black;
}

.menu-toggle button {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
}

.menu {
  display: flex;
  list-style: none;
  padding: 0;
}

.menu li {
  margin-right: 20px;
}

.menu li a {
  text-decoration: none;
  color: #d2b233 ;
  font-size: 1.3em ;
}

@media(max-width: 768px) {
  .container {
    flex-direction: column;
    align-items: flex-start;
  }

  .menu-toggle button {
    display: block;
  }

  /*.menu {
    display: none;
    flex-direction: column;
    width: 100%;
  }

  .menu.active {
    display: flex;
  }

  .menu li {
    margin: 10px 0;
  }*/
}

/*css stiel h1-h5 */

/* Überschriften-Stile */
h1 {
  font-size: 2.5rem; /* Größe der Überschrift */
  font-weight: bold; /* Fettschrift */
  color: #d2b233; /* Textfarbe */
  margin-bottom: 20px; /* Unten Abstand */
}

h2 {
  font-size: 2rem;
  font-weight: bold;
  color: #d2b233;
  margin-bottom: 15px;
}

h3 {
  font-size: 1.75rem;
  font-weight: bold;
  color: #d2b233;
  margin-bottom: 15px;
}

h4 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #d2b233;
  margin-bottom: 10px;
}

h5 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #d2b233;
  margin-bottom: 10px;
}


section {
    /*width: 100%;
    max-width: 100%; */
    border-radius: 10px !important; /* Hier können Sie die gewünschte Radiusgröße angeben */  
    padding-left:5%;
    padding-right:5%;
}

section .blue-background {
  background-color: #07426a !important;
  color: #fff;
  font-size: 1.2em;
 padding-bottom: 2%;
}

.main-section {
    text-align: center;
   /* width: 50%; /* oder eine andere gewünschte Breite */
    background-color: #d2b233;
    padding: 10px;
    border-radius: 10px;    
    }

.card-container {
  display: inline-block;
  width: calc(30.00% - 10px); /* 33.33% Breite für Desktop-Geräte */
  margin-right: 10px;
  margin-bottom: 20px;
  vertical-align: top;
}

.card_1 {
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
  padding:3%;
  height:35em;
  display: flex;
  flex-direction: column;
  position: relative; 
  background-color: #ffffff;
}

.card_1 img {
  width: 100%;
  height: auto;
}

.card-body {
padding: 3%;
flex-grow: 1;
}

.btn {
  display: block;
  width: 100%;
  padding: 10px 0;
}

@media (max-width: 768px) {
  .card-container {
    width: 98%; /* 100% Breite für mobile Geräte */
    margin-right: 0;
  }
   .card_1{height: 40em;
    margin-bottom: 1%;} 

    .centerflex {margin-top:2%;}
    
    h1{ font-size:  1.5em;}
    body{font-size: 0.8em; margin-top:1%;}
    
    section {margin-top: 2%;
            margin-left:1%;
            margin-right:1%}
    
}

@media (min-width: 768px) and (max-width: 1024px) {
    
    .card-container {
    width: 100%; /* 100% Breite für mobile Geräte */
    margin-right: 0;
      }
    
    .custom-container{font-size: 1.5em;}
    
    .card_1{height: 66em;
    margin-bottom: 1%;} 

    .centerflex {margin-top:2%;}
    
    h1{ font-size:  1.5em;}
    body{font-size: 0.8em; margin-top:1%;}
    
    section {margin-top: 2%;
            margin-left:1%;
            margin-right:1%}
}

/* 3 karten ende */

.button {
  display: inline-block;
  background-color: #07426a ; /* Hintergrundfarbe */
  color: #ffffff; /* Textfarbe */
  padding: 10px 20px; /* Innenabstand (oben/unten links/rechts) */
  border: none; /* Kein Rand */
  border-radius: 5px; /* Abgerundete Ecken */
  font-size: 16px; /* Schriftgröße */
  font-weight: bold; /* Fettschrift */
  text-align: center; /* Zentrierte Ausrichtung des Textes */
  text-decoration: none; /* Keine Unterstreichung */
  cursor: pointer; /* Zeige Handcursor beim Überfahren */
  transition: background-color 0.3s ease; /* Übergangseffekt */   
}

.button:hover { 
  background-color: #0056b3; /* Hintergrundfarbe bei Hover */
}

.button:active {
  transform: translateY(1px); /* Verschiebe den Button um 1px nach unten, wenn er aktiv ist */
}
/*ende button */


.subtitle-01 {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.15px;
}
.subtitle-02 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.1px;
}
.body-01 {
  font-size: 16px;
  font-weight: 400;
  /*height: 50px;*/
  border-radius: 4px;
  letter-spacing: 0.5px;
  padding-left: 20px;
  padding-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
  background-color: white;
  color:#d2b233;
  display:flex;
}
.body-02 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.25px;
}
.custom-toggler.navbar-toggler {
  border-color: rgb(255,102,203);
} 
.caption {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.4px;
}
.overline {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* oeffnungszeiten */
.custom-section {
    padding-left: 5%;
    padding-right: 5%;
}

.custom-container {
    display: flex;
    justify-content: center;
}

.custom-card {
    margin-bottom: 20px;
}

.custom-card-body {
    padding: 10px;
}

.custom-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 30em;
    margin-bottom: 1%;
}

.custom-lightgrey {
    background-color: lightgrey;
}

.custom-grey {
    background-color: grey;
}

.custom-col-sm-3, .custom-col-sm-2 {
    flex-basis: 0;
    flex-grow: 1;
}

.custom-col-12 {
    width: 100%;
}

.custom-hr {
    width: 100%;
    margin: 5px 0;
}



/*.button {
  background-color: transparent;
  border: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.75px;
  line-height: 36px;
  min-width: 64px;
  padding: 0 8px;
  text-align: center;
  text-transform: uppercase;
}
.button, .action-icon {
  -webkit-transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1), background-color .4s cubic-bezier(.25, .8, .25, 1);
  transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1), background-color .4s cubic-bezier(.25, .8, .25, 1);
}
.button--raised {
  -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
  -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
  -o-transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1);
  -webkit-transition: 0 .28s cubic-bezier(.4, 0, .2, 1);
  transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1), 0 .28s cubic-bezier(.4, 0, .2, 1);
}
.button--raised:focus, .button--raised:hover {
  -moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
  -webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
  box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
}
.button--purple {
  background-color: #6200EE;
  color: #fff;
}
.button:hover, .action-icon:hover {
  background-color: rgba(158,158,158,0.2);
}
.button:active, .action-icon:active {
  background-color: rgba(158,158,158,0.4);
}
.button:focus:not(:active), .action-icon:focus:not(:active) {
  background-color: rgba(0,0,0,.12);
}
.button[disabled] {
  color: rgba(0,0,0,.26);
  cursor: default;
}
.button[disabled]:hover {
  background: none;
}*/
.action-buttons, .action-icons {
  display: inline-block;
  vertical-align: middle;
}
.action-icon {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
  margin: 0 2px;
  outline: none;
  padding: 6px;
}
.action-icons {
  color: rgba(0,0,0,0.54);
}
.actions {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 52px;
  padding: 8px;
  position: relative;
  z-index: 1;
}
.divider {
  display: block;
  height: 24px;
}
.card {
  background-color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
  -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
  color: rgba(0,0,0,.87);
  margin: 8px;
  min-width: 290px;
  overflow: hidden;
  position: relative;
  height: 450px;	
}
.card::after {
  clear: both;
}
.card::after, .card::before {
  content: "";
  display: block;
}
.card__dark .action-icons {
  color: rgba(255,255,255,1);
}
.card__dark .border-top, .border-top {
  border-top: 1px solid rgba(0,0,0,0.12);
}
.card__dark .secondary-text, .card__dark .subhead, .media .optional-header .subhead {
  color: rgba(255,255,255,.7);
}
.card__dark, .media .primary-text, .media .secondary-text {
  color: #fff;
}
.card__dark--anthracite {
  background-color: rgba(41,49,51,1);
}
.card__dark--magenta {
  background-color: rgba(73, 64, 101,1);
}
.card__small {
  height: 146px;
}
.card__small .media {
  float: left;
  height: 100%;
  overflow: hidden;
  width: 88px;
}
.card__small .media img {
  height: 100%;
  left: 50%;
  position: absolute;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: auto;
}
.card__small .media__right {
  float: right;
  height: 100%;
  overflow: hidden;
  width: 88px;
}
.card__small .media__right ~ .optional-header, .card__small .media__right ~ .primary-title, .card__small .media__right ~ .supporting-text, .card__small .media__right ~ .actions {
  margin-left: 0;
  margin-right: 88px;
}
.card__small .optional-header, .card__small .primary-title, .card__small .supporting-text, .card__small .actions {
  margin-left: 88px;
}
.card__small .primary-text, .card__small .secondary-text {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.content {
  margin: 0 auto;
  max-width: 1440px;
}
.float-left {
  float: left!important;
}
.float-right {
  float: right!important;
}
.icon-color--yellow {
  color: #ffd12a;
}
.media {
  position: relative;
}
.media .action-icon {
  color: #fff;
  text-shadow: 0 2px 2px rgba(0,0,0,0.54);
}
.media .actions {
  background-image: linear-gradient(rgba(0,0,0,.38), rgba(0,0,0,0));
  color: #fff;
  position: absolute;
  width: 100%;
}
.media .optional-header {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: block;
  float: left;
  width: 100%;
  z-index: 100;
}
.media .optional-header .primary-title {
  background-image: none;
  width: auto;
}
.media .primary-title {
  background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.46));
  bottom: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px 16px 24px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
[class*='media--'] {
  height: 0;
  overflow: hidden;
}
.media--1-1 {
  padding-bottom: 100%;
}
.media--16-9 {
  padding-bottom: 56.25%;
}
.media--16-9 > img, .media--3-2 > img, .media--4-3 > img {
  height: auto;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.media--16-9 img, .media--3-2 img, .media--4-3 img, .media--80x80 img, .media--1-1 img, .media--3-4 img, .media--2-3 img {
  position: absolute;
}
.media--2-3 {
  padding-bottom: 150%;
}
.media--3-2 {
  padding-bottom: 66.66%;
}
.media--3-4 {
  padding-bottom: 133.33%;
}
.media--4-3 {
  padding-bottom: 75%;
}
.media--80x80 {
  margin: 16px;
  padding-bottom: 80px;
  width: 80px;
}
.media--80x80 > img, .media--1-1 > img, .media--3-4 > img, .media--2-3 > img {
  height: 100%;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: auto;
}
.optional-header {
  min-height: 40px;
  padding: 16px;
  position: relative;
}
.optional-header .action-icons {
  float: right;
  position: relative;
  right: -8px;
  top: 2px;
}
.optional-header .primary-title {
  bottom: auto;
  display: inline-block;
  padding: 0;
  position: absolute;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.primary-text {
  font-size: 24px;
}
.primary-text + .secondary-text, .secondary-text + .primary-text, .optional-header + .primary-text {
  margin-top: calc(24px/2/2); /* margin-top is 50% of the primary title font size. */
}
.primary-title {
  padding: 24px 16px 16px;
}
.primary-title + .supporting-text, .optional-header + .supporting-text {
  padding-top: 0;
}
.primary-title .optional-header {
  padding-left: 0;
  padding-right: 0;
}
.secondary-text .action-icon {
  font-size: inherit;
  margin: 0;
  padding: 0;
}
.subhead, .secondary-text {
  color: rgba(0,0,0,.54);
  font-size: 14px;
}
.supporting-text {
  font-size: 14px;
  line-height: 1.5;
  padding: 16px;
}
.thumbnail {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  float: left;
  height: 40px;
  position: relative;
  width: 40px;
}
.thumbnail img {
  background-color: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.thumbnail--24x24 img {
  height: 24px;
  width: 24px;
}
.thumbnail--28x28 {
  margin-right: 4px;
}
.thumbnail--28x28 img {
  height: 28px;
  width: 28px;
}
.thumbnail--32x32 {
  margin-right: 8px;
}
.thumbnail--32x32 img {
  height: 32px;
  width: 32px;
}
.thumbnail--36x36 {
  margin-right: 12px;
}
.thumbnail--36x36 img {
  height: 36px;
  width: 36px;
}
.thumbnail--40x40 {
  margin-right: 16px;
}
.thumbnail--40x40 img {
  height: 40px;
  width: 40px;
}
.title {
  font-size: 14px;
  font-weight: 500;
}
.title + .subhead {
  margin-top: calc(14px/2/2); /* margin-top is 50% of the title font size. */
}
.title, .primary-text {
  line-height: 1.2;
}

/*
@media only screen and (min-width: 641px) {
[class*='col-']::after {
  clear: both;
}
[class*='col-']::after, [class*='col-']::before {
  clear: both;
}
	
[class*='col-'] {
  width: 49%;
}
}

@media only screen and (min-width: 992px) {
[class*='col-'] {
  width: 32%;
}
}

@media only screen and (min-width: 1200px) {
[class*='col-'] {
  width: 24%;
}
}
*/	
/*style für Newsletter formular*/
		.cr_site{margin:0;padding:75px 0 0 0;text-align:center;background-color:#eeeeee;}
		.cr_font{font-size: 14px;font-family: Arial;}
		.cr_body h2, .cr_header h2{font-size:22px;line-height:28px;margin:0 0 10px 0;}
		.cr_body h1, .cr_header h2{font-size:28px;margin-bottom:15px;padding:0;margin-top:0;}
		.wrapper, .cr_page{margin:0 auto 10px auto;text-align:left;border-radius:4px;}
		.cr_header{text-align:center;background: transparent !Important;}
		.cr_body label{float:none;clear:both;display:block;width:auto;margin-top:8px;text-align:left;font-weight:bold;position:relative;}
		.cr_button{display:inline-block;font-family:'Helvetica', Arial, sans-serif;width:auto;white-space:nowrap;height:32px;margin:5px 5px 0 0;padding:0 22px;text-decoration:none;text-align:center;font-weight:bold;font-style:normal;font-size:15px;line-height:32px;cursor:pointer;border:0;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;vertical-align:top;}
		.cr_button{background-color:#333;color:#ffffff;}
		.cr_button:hover,.cr_button-small:hover{opacity:0.7;filter:alpha(opacity=70);}
		.powered{padding:20px 0;width:560px;margin:0 auto;}
		.formbox{line-height:150%;font-family:Helvetica;font-size:12px;color:#333333;padding:20px;background-color:#ffffff;border-radius: 6px 6px 6px 6px;}
		.cr_ipe_item label{line-height:150%;font-size:14px;}
		.cr_ipe_item textarea {background: none repeat scroll 0 0 #eeeeee;border: 1px solid #aaa;font-family: Helvetica;font-size: 16px;}
		.cr_ipe_item input {background: none repeat scroll 0 0 #eeeeee;border: 1px solid #aaa;padding: 5px;font-family: Helvetica;font-size: 16px;}
		.cr_ipe_item select {background: none repeat scroll 0 0 #eeeeee;border: 1px solid #aaa;display: block;margin: 0;padding: 5px;width: 100%;font-family: Helvetica;font-size: 16px;}
		.cr_ipe_item input.cr_ipe_radio, input.cr_ipe_checkbox {-moz-binding: none;-moz-box-sizing: border-box;background-color: -moz-field !important;border: 2px inset threedface !important;color: -moz-fieldtext !important;cursor: default;height: 13px;padding: 0 !important;width: 13px;}
		.cr_ipe_item input.cr_ipe_radio{-moz-appearance: radio;border-radius: 100% 100% 100% 100% !important;margin: 3px 3px 0 5px;}
		.submit_container{text-align:center}
		.cr_ipe_item{ padding:1px 10px; margin:1px 10px; }
		.cr_ipe_item.inactive {display:none;}
		.imprint{font-size:0.8em;}
		.cr_captcha{padding-left:130px;}
		.cr_error{font-size:1.1em;padding:10px;}
		.clever_form_error{background-color:#f99; color:#000; border:1px solid #f22 !important}
		.clever_form_note {margin:26px 0 0 3px;position:absolute;display:inline; padding: 2px 4px; font-weight:bold;background-color:#f2ecb5; color:#000; font-size:12px !important;  }
		.cr_site {background-color:#eee;}
		.cr_header {color:#000000;}
		.cr_body {background-color:#ffffff;font-size:12px;color:#000000;}
		.cr_hr {background-color:#ccc;}
		.cr_site a {color:#0084ff;}
		.imprint{color:#000;}

		.cr_site {background-color:#07426a;}
		.cr_header {color:#000000;}
		.cr_body {background-color:#ffffff;font-size:12px;color:#000000;}
		.cr_hr {background-color:#ccc;}
		.cr_site a {color:#d2b233;}
		.imprint {color:#ffffff;}
		.cr_page {width:600px;max-width:auto;}

.ErnestandEmilySlanted{
		font-family: ErnestandEmilySlanted;
		font-weight: normal;
		font-style: normal;
	}
	h1, h2, h3, h4, h5 {
		font-family: ErnestandEmilySlanted!important;
		font-weight: normal;
		font-style: normal;
	}
	h1 {color: #d2b333;}
	h2 {color: #07426a;}
	.pad_5 {padding-bottom: 2%;} 
	.jumbotron2 {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #07426a;
	color: #fff;
	border-radius: 0.3rem;}
	
	.bwhite {background-color: #FFFFFF; padding: 1%;}
	
  	.btn-gold {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #d2b333;
    border: 1px  solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	}
	
	a {	color: #fff;
		text-decoration:none!important;}
	.lightgrey:hover {background-color: lightgrey;}
	.grey:hover {background-color: lightgrey;}
	
	.bild_kur {
    /*position: absolute;*/
	/*background-image: url("images/KurZ-WS-aussen-011_schnitt.jpg");*/
	background-color: #d2b333;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;	
	background-size: 1900px 600px ;
	padding: 2px;
	
}
	.btn-primary {
    color: #fff;
    background-color: #07426a !important;
    border-color: #07426a !important;
	position: absolute;
    bottom: 2%;
}
	.head_gold {color: #d2b333 !important;}
	.head_grey {color: #666666 !important;}
	
	a.hov_gro:hover, a.hov_gro:active {font-size: 150% !important;
    padding-right:2%;
}

    #myBtn {
          display: none; /* Hidden by default */
          position: fixed; /* Fixed/sticky position */
          bottom: 20px; /* Place the button at the bottom of the page */
          right: 30px; /* Place the button 30px from the right */
          z-index: 99; /* Make sure it does not overlap */
          border: none; /* Remove borders */
          outline: none; /* Remove outline */
          background-color: #d2b333; /* Set a background color */
          color: white; /* Text color */
          cursor: pointer; /* Add a mouse pointer on hover */
          padding: 15px; /* Some padding */
          border-radius: 10px; /* Rounded corners */
          font-size: 18px; /* Increase font size */
    }

    #myBtn:hover {
          background-color: #07426a; /* Add a dark-grey background on hover */
    }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .ilmenu {font-size: 1.3em;}
    .card-body {font-size: 1.3em;}
    .menu {font-size: 1.4em;}
    }

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .ilmenu {font-size: 1.2em;}
    .card-body {font-size: 1.2em;}
    .menu {font-size: 1.4em;}
    }

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .ilmenu {font-size: 1.2em;}
    .card-body {font-size: 1.2em;}
    .menu {font-size: 1.3em;}
    }

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {...}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}        

 @media screen and (max-width:758px){
     {font-size: 1.2em;}
     
    
}  
@media screen and (max-width:758px){
     {font-size: 1.2em;}
     
    
}