/* 
Theme Name: hausarztpraxis-am-beckshof.de Child Theme  
Theme URI: https://www.difool.de/ 
Description: difool.design Theme 
Author: Difool
Author URI: https://www.difool.de/
Template: hueman-pro
Version: 1.0.0
*/
/*
#606060
#970007

background = #fefefe
rosa = #ffe8dd
hellgruen = #aacd70
limegreen = #32cd32
limegreen-soft = #32cd3245
dkl-gruen = #005450
darkgruen = #184018
darkgruen2 = #005450
headline = #005450
rot = #da0932
medizinisches Grün = #28a745


*/
body.maintenance .main-container::after { background-color: #fff; }
body.maintenance .site-content { color: #005450; }
body.maintenance footer div div { color: #005450; }

/**************** Accessibility ****************/

.a11y-toolbar { /*top: 11.3vh;*/ }

body.contrast { background: #2e2e2e !important; background-color: #2e2e2e !important; }


html { --wpa-font-size: 130%; }
@media only screen and (min-width: 720px) {
  .fontsize #nav-topbar.desktop-sticky { height: 56px; }
}

.fontsize h2 { font-size: 2.125em; }
.fontsize  .blog h2 { font-size: 1em; }

.fontsize .sidebar .announcement-teaser { margin: 0; }
.fontsize .sidebar .announcement-teaser h2 { padding-bottom: 1rem; }
.fontsize .sidebar .announcement-teaser h2 a { line-height: 1.2; }

.fontsize .entry ul.list-col-3 li { text-indent: -16px; line-height: 1.4; margin-bottom: .5rem; }

.fontsize .entry .element1::before { font-size: 1.3rem; width: 12rem; top: 4rem; }
.fontsize .button-termin { top: 13rem; }

.fontsize .entry .element2 span { top: 5rem; left: 3rem; }
.fontsize .entry .element2 span .fa.fa-phone { right: 22rem; }
.fontsize .entry .element2 .button-termin { top: 9.3rem; left: 2.3rem; }

@media only screen and (max-width: 768px) {
.fontsize .entry .element1::before { font-size: 1.3rem; width: 12rem; top: 4rem; }
.fontsize .entry .element1 img { opacity: 0; }
.fontsize .button-termin { top: 10.5rem; left: 1.5rem; }
}

.fontsize .responsive-tabs li.responsive-tabs__list__item { font-weight: bold; }

.fontsize .fas.fa-id-card { font-size: 2rem; }
.fontsize .info-content strong { line-height: 1.4; }

.fontsize .agreement-box {
  & p span {
    font-size: .85em;
    line-height: 1.6em;
    color: white;
    background: #159d18;
    padding: 1em 0 .6rem 0;
    margin-top: 1.1rem;
  }
}


/**************** /Accessibility ****************/

a { color: #04958e; }
a[href^="mailto:"] { color: #da0a32; }
a[href^="mailto:"]:hover { color: #000; }

.page-id-346 li.notdienste { background: #d4518e !important; }
.page-id-346 .emergency { display: block; border: 3px dashed #b5cfd0; background: rgba(235, 230, 211, 0.30); font-size: 40px; font-size: 2.5rem; font-weight: bold; padding: 20px; color: #d4518e; text-align: center; margin: 20px auto -10px auto; }
.page-id-346 i.fas.fa-ambulance,
.page-id-346 i.far.fa-hospital,
.page-id-346 i.fa.fa-user-md { width: auto; float: right; display: block; }
.entry n { color: #d4518e; font-weight: bold; }

.entry h2 { color: #005450; font-weight: bold; }
.entry h3 { color: #005450; }



.entry .wp-caption, .entry table tr.alt { background: #32cd3245; } /* #aacd70 */
.entry .wp-caption-text, .wp-block-image figcaption { color: #005450; }

#page {
background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
}

#page .container-inner { box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1); }

.sidebar-top {
  background: rgba(255, 255, 255, 0.2);
  border-top-left-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom-right-radius: 16px;
}

.sidebar::after { 
	content: "";
  background: url('images/muster-praxis.png') no-repeat center bottom;
  background-size: contain;
  display: block;
 /*width: 380px;*/
  height: 241px;
  /*margin: 0 auto 0 2.4rem;*/
}

#footer-bottom::after { 
	content: "";
  background: url('images/muster-praxis.png') repeat;
  background-position: 20% 102%;
  background-size: auto;
  display: block;
  height: 51px;
  margin: -3rem auto -3rem auto;
  opacity: .1;
  filter: blur(3px);
}

/*** start ***/

.note-announcement-teaser { display: none; }
.entry .announcement-teaser { background: #da093212; border: 1px double #da0932; padding: .2rem 1.2rem .6rem 1.2rem; margin: 2rem 0 1rem 0; }
.entry .announcement-teaser h2 a { color: #005450; font-weight: normal; font-size: 1.8rem; }
.entry .announcement-teaser p { color: #da0932; }

.sidebar .announcement-teaser { background: transparent; border: 1px double #da0932; padding: .2rem 1.2rem .6rem 1.2rem; margin: 0 0 -1rem 0; }
.sidebar .announcement-teaser h2 a { color: #005450; font-weight: normal; font-size: 1.4rem; line-height: 2.4; }
.sidebar .announcement-teaser p { color: #da0932; }

.home .element1 { background-color: #ffe8dd; border-radius: 130px 0 130px 0; overflow-x: visible; overflow-y: visible; max-height: 380px; height: auto; margin: 4rem 0 3rem 0; }
.home .entry .element1 img { border-radius: 100px 0 100px 0; box-shadow: 40px 40px 40px 0px rgba(66,66,66,0.4); width: 40%; margin: -2rem 0 2rem 55%; }

.entry .element1 { background-color: #ffe8dd; border-radius: 130px 0 130px 0; overflow-x: visible; overflow-y: visible; max-height: 380px; height: auto; margin: 2.8rem 0 3rem 0; }
.entry .element1 img { border-radius: 100px 0 100px 0; box-shadow: 40px 40px 40px 0px rgba(66,66,66,0.4); width: 33%; margin: -2rem 0 2rem 62%; }
.entry .element1::before { content: 'Für die ganze Familie, wir sind immer für Sie da…'; font-family: 'Times New Roman', serif; font-size: 1.6rem; font-style: italic; line-height: 1.2; width: 16rem; height: 0px; position: relative; top: 4rem; left: 4rem; float: left; color: #111; }
@media only screen and (max-width: 719px) {
.entry .element1::before { font-size: 1.2rem; width: 10rem; top: 6.3rem; left: 2.6rem; }
}

.home .entry .fa-user-md {  }
.home .entry .fa-user-md::before { font-size: 1.8rem; color: #2e987d; }
.home .entry b { font-weight: bold; color: #2e987d; }

.entry .element2 { background-color: #ffe8dd; border-radius: 130px 0 130px 0; overflow-x: visible; overflow-y: visible; max-height: 380px; height: auto; margin: 4rem 0 3rem 0; }
.entry .element2 img { border-radius: 100px 0 100px 0; box-shadow: 40px 40px 40px 0px rgba(66,66,66,0.4); width: 43%; margin: -9.5rem 0 2rem 52%; height: 390px; object-fit: cover; display: inline-block; }
.entry .element2 span { display: flex; flex-direction: column; top: 10rem; left: 4rem; position: relative; }
.entry .element2 span .fa.fa-phone { position: absolute; right: 32rem; font-size: 3rem; color: #2e987d; }
.entry .element2 .button-termin { top: 15rem; }

.button-termin { /*height: 2rem;*/ display: inline-block; color: #fff; padding: .6rem 2rem; border-width: 0px; border-radius: 100px; letter-spacing: 2px; font-size: 14px; text-transform: uppercase; background-color: #2e987d; z-index: 999; position: relative; top: 18rem; left: 3rem; }
.button-termin:hover { background-image: initial; background-color: #005450; color: #fff; }
.button-termin:hover::after { opacity: 1; margin-left: 0; }
.button-termin::after { transition: all 300ms ease 0ms; }
.button-termin::after/*, .button-termin::before*/ {
  font-size: 1rem;
  padding: 0 .5rem;
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  opacity: 0;
  position: absolute;
  margin-left: -1em;
  -webkit-transition: all .2s;
  transition: all .2s;
  text-transform: none;
  -webkit-font-feature-settings: "kern" off;
  font-feature-settings: "kern" off;
  font-variant: none;
  font-style: normal;
  font-weight: 900;
  text-shadow: none;
}


.onpage-button { display: flex; justify-content: center; }
.onpage { top: 0; left: 0; }

#attachment_338 { margin-bottom: 1.4rem; }
.home .home-services { list-style: none; padding: 0; margin: 2rem 0 0 0; }
.home .home-services li { list-style: none; margin-bottom: 24px; padding-left: 82px; position: relative; }

.home-services li h5::before {
  content: '';
	position: absolute;
  left: 0;
  top: 4px;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Icon 1: Unterstützung für alle Altersgruppen */
.home-services li:nth-of-type(1) h5::before { background-image: url('icons-home/family-doctor-icon-3-green.png'); }
/* Icon 2: Viele und professionelle Dienstleistungen */
.home-services li:nth-of-type(2) h5::before { background-image: url('icons-home/family-doctor-icon-13-green.png'); }
/* Icon 3: Viele Jahre Erfahrung und Professionalität */
.home-services li:nth-of-type(3) h5::before { background-image: url('icons-home/family-doctor-icon-2-green.png'); }
.home-services h5 { margin: 0 0 2px 0; }
.home-services p { margin: 0 0 2px 0; }


/*** Ueber uns - Lebenslauf ***/

.team-column { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10%; }
.team { width: 45%; margin-bottom: 2rem; /*position: sticky; top: 20px;*/ }
.lebenslauf { width: 90%; /*background: #e8f1d8;*/ }
@media only screen and (max-width: 719px) {
.entry .wp-caption.alignleft { width: 100% !important; }
.entry .wp-caption img { width: 100%; }
.team { flex-direction: column; }
.lebenslauf { width: 100%; }
}

.entry .team .wp-caption { box-shadow: inset 0 0 0 1px #ddd; margin-bottom: -14px; }
.entry .team .wp-caption.alignnone img { width: 100%; }

/* Entfernt den Standard-Pfeil des Browsers */
.klick-box summary::-webkit-details-marker,
.klick-box summary { list-style: none; display: block; }
.klick-box { border: 1px solid #ddd; margin-bottom: 10px; }
.box-header { padding: 15px; background-color: #32cd3245; font-weight: bold; cursor: pointer;
  position: relative; /* Wichtig für die Positionierung des Icons */
  padding-right: 40px; /* Platz für das Icon schaffen */ }
.box-content { padding: 15px; background-color: #e8f1d8; border-top: 1px solid #ddd; }

/* Standardzustand: Geschlossen -> Zeige Plus (+) */
.box-header::after { content: "+"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 20px; font-weight: normal; }
/* Zustand: Geöffnet -> Zeige Minus (-) */
.klick-box[open] .box-header::after { content: "\2212"; }

/* --- ANIMATION FÜR DETAILS --- */
/* Standardzustand (Geschlossen) */
.klick-box .box-content { max-height: 0; overflow: hidden; padding: 0 15px; background-color: #ffffff; animation: einklappen .2s linear forwards; }
/* Zustand wenn geöffnet */
.klick-box[open] .box-content { animation: ausklappen 1s linear forwards; border-top: 1px solid #ddd; background: #32cd3245; }

/* --- ANIMATIONS-SCHRITTE (KEYFRAMES) --- */

@keyframes ausklappen {
  0% { max-height: 0; padding: 0 15px; }
  100% { max-height: 1800px; padding: 15px; } /* Genug Platz für den Lebenslauf */
}
@keyframes einklappen {
  0% { max-height: 500px; padding: 15px; }
  100% { max-height: 0; padding: 0 15px; }
}

.element4 { border-radius: 30px 0 30px 0; overflow: hidden; }
.element4 div { padding: 30px; font-weight: 600; }
.element4 div:nth-child(1) { background-color: #32cd3245; color: #005450; }
.element4 div:nth-child(2) { background-color: #2e987d; color: #fff; }
.element4 div:nth-child(3) { background-color: #005450; color: #fff }
.element4 div:nth-child(4) { background-color: #002624; color: #fff }

/*** leistungen ***/

.leistungen { display: flex; flex-wrap: wrap; box-shadow: 10px 10px 40px 0px rgba(0,0,0,0.16); border-radius: 40px 0 40px 0; overflow: hidden; }
.leistungen div { width: 41.6%; padding-top: 60px; padding-right: 30px; padding-bottom: 60px; padding-left: 30px; text-align: center; position: relative; color: #fff; min-height: 180px; }
@media only screen and (max-width: 719px) {
.leistungen {  }
.leistungen div { width: 90%; margin-bottom: -20px; }
.page-id-44 .entry h3:nth-of-type(2):not(h3.tabtitle.responsive-tabs__heading) { padding: 1.2rem 0; }
}

.leistungen div:nth-child(1) { background-color: #32cd3245; color: #005450; }
/*.leistungen div:nth-child(1)::before { content:''; background-image: url("icons/family-doctor-icon-3-dark.png"); width: 48px; height: 48px; display: block; margin: 0 auto 1.2rem auto; }*/
.leistungen div:nth-child(1)::before { content:'\f0f1'; font-family: 'Font Awesome 5 Free'; font-size: 2.5rem; font-weight: 900; width: 48px; height: 48px; display: block; margin: 0 auto 1.2rem auto; } 

.leistungen div:nth-child(2) { background-color: #2e987d;  }
.leistungen div:nth-child(2)::before { content:''; background-image: url("icons/family-doctor-icon-9-light.png"); width: 48px; height: 48px; display: block; margin: 0 auto 1.2rem auto; }

.leistungen div:nth-child(3) { background-color: #002725;  }
.leistungen div:nth-child(3)::before { content:''; background-image: url("icons/family-doctor-icon-2-light.png"); width: 48px; height: 48px; display: block; margin: 0 auto 1.2rem auto; }

.leistungen div:nth-child(4) { background-color: #005450; }
.leistungen div:nth-child(4)::before { content:''; background-image: url("icons/family-doctor-icon-7-light.png"); width: 48px; height: 48px; display: block; margin: 0 auto 1.2rem auto; }

.page-id-44 .entry h3:nth-of-type(2):not(h3.tabtitle.responsive-tabs__heading) { border-radius: 40px 0 40px 0px; overflow: hidden; background: #fff; color: #005450; padding: 1.2rem 0; text-align: center; box-shadow: 10px 10px 40px 0px rgba(0,0,0,0.16); }

.leistungen-list { display: flex; flex-wrap: wrap; border-radius: 40px 0 40px 0; overflow: hidden; box-shadow: 10px 10px 40px 0px rgba(0,0,0,0.16); }
.entry ul.list-col-3 { padding: 1.5rem 2rem; margin: 0; width: 50%; overflow-wrap: break-word; hyphens: inherit; flex: 1 0 auto; }
@media only screen and (max-width: 719px) {
.leistungen-list { flex-direction: column; }
.entry ul.list-col-3 { width: 85%; }
}


.entry ul.list-col-3 li { padding-left: 20px; text-indent: -12px; }
.entry ul.list-col-3 li .fa { padding-right: .5rem; }

.entry ul.list-col-3:nth-of-type(1) { border-top-left-radius: 30px; overflow: hidden; background: #2e987d; color: #fff; }
.entry ul.list-col-3:nth-of-type(2) { background: #d9f8f3; color: #111; }
.entry ul.list-col-3:nth-of-type(3) { border-bottom-right-radius: 30px; overflow: hidden; background: #fff; color: #111; }

.entry ul.list-col-3 li { list-style-type: none; /*background-color: #f0f0f0; border: 1px solid #ccc; border-radius: 10px; margin-bottom: 8px; padding: 15px;*/ }
/*
.entry ul.list-col-3:nth-of-type(1) li:hover { background-color: #2e987d; color: #fff;  }
.entry ul.list-col-3:nth-of-type(2) li:hover { background-color: #2e987d; color: #fff;  }
.entry ul.list-col-3:nth-of-type(3) li:hover { background-color: #2e987d; color: #fff;  }
*/

/*** tabby ***/
.responsive-tabs li.responsive-tabs__list__item { color: #666; }
.responsive-tabs li.responsive-tabs__list__item--active { background: #005450; color: #fff; }
div.responsive-tabs li.responsive-tabs__list__item--active:hover { background: #005450; color: #fff; }
div.responsive-tabs:has(li.responsive-tabs__list__item--active:hover) .tabcontent.responsive-tabs__panel.responsive-tabs__panel--active { border: 1px solid #005450; }
div.responsive-tabs:has(li.responsive-tabs__list__item--active) .tabcontent.responsive-tabs__panel.responsive-tabs__panel--active { border: 1px solid #005450; }

/* Dem Tabcontent standardmäßig einen weichen Übergang geben */
div.tabcontent.responsive-tabs__panel { transition: border-color 0.2s ease-in-out; }

.responsive-tabs li.responsive-tabs__list__item:hover { color: #fff; background: #32cd32; }
div.responsive-tabs:has(li.responsive-tabs__list__item:not(.responsive-tabs__list__item--active):hover) .tabcontent.responsive-tabs__panel {  border: 1px solid #32cd32;  }
.responsive-tabs div.responsive-tabs__panel { border-radius: 0 0 40px 0; overflow: hidden; box-shadow: 10px 10px 40px 0px rgba(0,0,0,0.16); }

/*** kontakt ***/
.kontakt { list-style: none; padding: 2rem 0 0 0; }
.kontakt li { display: flex; align-items: flex-start; margin-bottom: 25px; }
.kontakt li i { color: #32cd32; font-size: 3rem; width: 30px; margin-top: 4px; flex-shrink: 0; text-align: center; padding-right: 1.8rem; }
.kontakt li div { line-height: 1.5; }
.kontakt li strong { display: inline-block; margin-bottom: 2px; }

.zeit-liste { list-style: none; padding: 0; font-family: sans-serif; padding-top: 2rem; }
.zeit-liste .titel { list-style: none; font-size: 1.2rem; font-weight: bold; color: #333; margin-bottom: 25px; border-bottom: 1px solid #ccc; padding-bottom: 5px; }
.zeit-liste li:not(.titel) { display: grid; grid-template-columns: 120px auto;  margin-bottom: 20px; align-items: start; }
.tag { font-weight: 600; }
.stunden { line-height: 1.5; }

.info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin: 40px 0; font-family: sans-serif; }
.info-item { display: flex; align-items: flex-start; }
.info-item p { margin-bottom: 0; }
.info-item i { color: #32cd32; font-size: 2.4rem; width: 45px; flex-shrink: 0; margin-top: 5px; padding-right: .8rem; }

.info-item .button-termin { top: 2.5rem; left: 0; margin: 0 auto; position: relative; }

.info-content strong { display: block; font-size: 1.1rem; margin-bottom: 8px; color: #333; }
.info-content p { margin: 0; font-size: 0.95rem; line-height: 1.5; color: #555; }
.info-content br { display: block; margin-top: .1rem; }



/*** onlinepraxistermine ***/

iframe.termine { 
	background: transparent;
  border: 2px dashed #1a618b52;
  text-align: center;
 	min-height: 531px;
 }
@media only screen and (max-width: 719px) {
iframe.termine { min-height: 700px; }

}

.page-id-50 iframe { width: 719px; height: 500px; }
@media only screen and (max-width: 719px) {
.page-id-50 iframe { width: 100%; height: 100vh; }
}

/* region Content Blocker */
.agreement-box { background: #32cd3236; border: 2px dashed #1a618b52; box-shadow: 0 0 6px 2px #0001; padding: 1.5rem; text-align: center; min-height: 455px;
	background: url(images/arzt-direkt-teaser.png) no-repeat, #32cd3236; background-position: center bottom; background-size: contain; color: #005450;
	
	headline { font-size: 1.25em; font-weight: 900; width: 100%; display: block; padding-bottom: 1em; }
	p span { font-size: .75em; font-style: italic; line-height: 1.6em; display: inline-block; padding-top: 1em; }
	.et_pb_button {
	border: 4px double #fff;
  border-radius: 16px;
  padding: .2em .8em;
  font-weight: 600;
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
  cursor: pointer;
  margin: 12px 2px 4px 2px;
  transition-duration: 0.4s;
		background: #db0a32;
		color: white !important;
		margin-top: .1rem;
	}
	.et_pb_button:hover { background: #005450; border: 4px double #f2eced; padding: 1rem; margin-top: -.7rem; }
}

.et_pb_button { -webkit-animation:shake-horizontal .8s cubic-bezier(.455,.03,.515,.955) 8s both;animation:shake-horizontal .8s cubic-bezier(.455,.03,.515,.955) 3s both; }
@-webkit-keyframes shake-horizontal{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%{-webkit-transform:translateX(10px);transform:translateX(10px)}80%{-webkit-transform:translateX(8px);transform:translateX(8px)}90%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}}@keyframes shake-horizontal{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%{-webkit-transform:translateX(10px);transform:translateX(10px)}80%{-webkit-transform:translateX(8px);transform:translateX(8px)}90%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}}

/* endregion Content Blocker */


/*** widgets ***/
.widget > h3 { font-weight: 600; text-transform: uppercase; margin-bottom: -12px; }
.widget { color: #333; }
.sidebar .kontakt li i { font-size: 2rem; padding-right: 1.2rem; }
.sidebar-content .image { mix-blend-mode: multiply; }
.sidebar-content img.wp-image-331 { width: 70%; margin: 0 auto; display: block; }

#custom_html-4.widget > h3 { margin-bottom: 12px; }
a.btn-termin { display: inline-block; padding: 12px 24px; background-color: #32cd32; color: #ffffff; text-decoration: none; border-radius: 4px; font-weight: bold; transition: background 0.3s; }
a.btn-termin:hover { background-color: #2e987d; color: #ffffff; }


.error404 img { width: 280px; margin: 0 auto; display: block; }
.search.search-no-results .search-img { width: 280px; margin: 0 auto; display: block; }

/*** RESPONSIVE ***/

@media only screen and (max-width: 768px) {
	#header #nav-mobile { background: rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.3); }
  .submenu-click-expand ul, .submenu-click-expand.nav-wrap, .submenu-click-expand.nav-wrap li { background: #005450; }
  .ham__navbar-toggler-two .line { background: #005450; }
  .ham__navbar-toggler-two.active .line, .ham__navbar-toggler-two.focusing .line, .ham__navbar-toggler-two.hovering .line { background: #005450; }
  .entry .announcement-teaser { margin: 2rem 0 3.8rem 0; }
  .home .home-services li { padding-left: 62px; }
  
  .button-termin { top: 14rem; }
  
}

@media only screen and (max-width: 767px) {
  .responsive-tabs-wrapper .responsive-tabs .responsive-tabs__heading--active, .responsive-tabs-wrapper .responsive-tabs .responsive-tabs__heading--active:hover {
    background: #005450;
    color: #fff;
  }
}

/* Optional: Mobil-Optimierung für sehr kleine Screens */
@media (max-width: 600px) {
  .info-grid { grid-template-columns: 1fr; gap: 20px; }
  .info-item .button-termin { top: auto; font-size: small; }
  }
@media only screen and (max-height: 600px) and (orientation: landscape) { 
.info-item .button-termin { top: 2.5rem; }
 }
@media only screen and (max-width: 375px) { 
.info-item .button-termin { top: .5rem; font-size: .62em; height: auto; }
.button-termin::after { font-size: inherit; }
 }
/* iPhone SE */
@media only screen and (max-width: 375px) and (-webkit-min-device-pixel-ratio: 2) {
  .info-item .button-termin { font-size: .62em; height: auto; line-height: 2; }
	.button-termin::after { font-size: inherit; }
}
@media only screen and (max-width: 667px) and (orientation: landscape) {
  .info-item .button-termin { font-size: .62em; top: 38%; line-height: 2; }
  .button-termin::after { font-size: inherit; }
}