@import url('/export/system/modules/alkacon.mercury.bistuemer.ebk/css/ebk-agency-menu.css');
@import url('/.themes/fonts/font.css');


.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {
    visibility: visible !important;}
html:not(.opencms-page-editor) .loading-overlay {position: fixed; width: 100%; height: 100%; background-color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 15000001;}
html:not(.opencms-page-editor) .loading-spinner {border: 4px solid #f3f3f3; border-top: 4px solid #e00; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite;}

@keyframes spin {
   0% {
       transform: rotate(0deg);
      }

   100% {
       transform: rotate(360deg);
      }
}

header.bh.lp-l .nav-main-container {right: -100vw;}

.max-900{max-width: 900px; margin: 0 auto;}

.numbers h2 {
    font-size: 35px;
    font-weight: 600;
    background: #e00;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    margin: 0 auto;
    color: #fff;
    line-height: 1;
    padding-top: 21px;
    margin-bottom: 25px !important;
}


@media(min-width: 1400px){
.max-1500 .container {max-width: 1500px;}
}
#mercury-page {
    position: relative;
    max-width: 90%;
    margin: 0 auto;
	overflow-x: clip;
}
header.bh .h-logo-row {padding: 18px 0;}

.btn-bewerbung{position: fixed; right: 160px;  top: 32px; z-index: 99; padding: 6px 17px 6px 26px; border-radius: 4px; background: #e00;     font-size: 17px;}


@media(max-width: 1399.98px){
.btn-bewerbung{ right: 140px; }
}

@media(max-width: 1199.98px){
.btn-bewerbung{ right: 135px; }
}

@media(max-width: 1013.98px){
.btn-bewerbung{ right: 113px; top: 19px; }
}

@media(max-width: 763.98px){
.btn-bewerbung{ right: 70px; }
}
.type-contact .ico, .type-contact .fa {
    margin-right: auto;
    width: auto;
}

.ap-legaltext .row > * {padding-left: 0;}

.pp-banner .banner {font-size: 17px; background: rgba(0, 0, 0, 0.8);}
.pp-banner .banner p {font-size: 15px;}
.pp-banner .message p:last-of-type {margin-bottom: 6px;}
	
	
body, h1, h2, h3, h4, h5, h6, li, a, .h4{font-family: 'Open Sans';     font-weight: 300; color: #444;}
a {color: #e00;}
.btn {border-radius: 5px; color: #fff; background-color: #e00; padding: 7px 22px;}
body{font-size: 20px;}
h1, h2{font-size: 50px; letter-spacing: -2px;}

h1 strong, .big h2 strong{
	font-weight: 700;
}
h2{
	font-size: 35px;
	font-weight: 300;
}
h2 strong{
	font-weight: 700;
}
h3{
	font-size: 30px;
	font-weight: 300 !important;
	letter-spacing: -1px;
	
}
h3 strong{
	font-weight: 700;
}
.box.white {background-color: #fff; padding: 40px !important; box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3);}
.type-iconbox {background-color: #fff; padding: 0px; box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3); flex-direction: initial; align-items: center; border-radius: 4px;}
.type-iconbox.grey  {background-color: #f9f9f9;}
.type-iconbox .icon-image {color: #555;}
.type-iconbox h3 {color: #555; font-size: 25px; margin-bottom: 0px  !important;}
.type-iconbox .icon-text {padding: 30px;     margin-top: 0;}
.type-iconbox:hover{background: #ccc;}

@media(max-width: 1013.98px){
.type-iconbox{margin-bottom: 20px !Important;}
.type-iconbox h3 {font-size: 22px;}
}
@media(max-width: 763.98px){
.type-iconbox{width: 80%; margin: 0 auto; margin-bottom: 20px !Important;}

}

.reit{text-align: right;}
.centa {display: flex; justify-content: center;}

.social-icons li a{border-radius: 50%;}

#topcontrol:hover {
  background-color: #EF7604;
  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px !important;
}
#topcontrol::after {
  width: 40px;
  line-height: 38px;
  content: "\f062";
}
#topcontrol,#topcontrol:hover  {
  color: #e00;
  background: transparent;
}
.text li {margin-top: 8px;}

.piece > .body + .link, .piece > .body .text + .link {margin-top: 15px;}
.contact-pers img {border-radius: 50%; padding: 6px; border: 8px solid #f9f9f9; max-width: 350px}

.h4 {font-weight: 400; }
.h3-small h3{ font-size: 26px;}

.fa-mobile:before {font-size: 27px;}

.contact-org h3 {font-size: 24px; font-weight: 400 !important;}

.bg-three{background: url(/.galleries/bilder/footer-divider.png) no-repeat center 0; padding-top:80px !important; margin-top: 80px;}

.subfoot {font-size: 17px; margin-bottom: 40px; }
.subfoot a, .subfoot li{color: #444 !important;}
.area-foot .subfoot {background-color: #f9f9f9;}
.area-foot .topfoot{background-color: #fff;}


.para{background: #00000047; color: #fff; padding: 50px; border-radius: 4px;}
.para h2{color: #fff;}
.para a {color: #fff; font-size: 21px; font-weight: 400;}

.box{padding: 40px !important; background: #f9f9f9; border-radius: 4px;}

a.external::after{display: none;}

@media(min-width: 1014px){
.spacer-right{margin-right: 20px !Important;}
}

@media(max-width: 1013.98px){
h1, h2 {font-size: 42px;}
}

@media(max-width: 763.98px){
#mercury-page {max-width: 100%;}
.h-logo .image-src-box.presized img {left: 10px !Important;}
.para {padding: 35px;}
h1, h2 {font-size: 36px;}
body {font-size: 18px;}
.subfoot {margin-bottom: 0px; }
}

@media(max-width: 550.98px){
h1, h2 {font-size: 30px;}
body {font-size: 17px;}
.mh-30, .ml-30 {margin-left: 0 !important;}
}

/*########### Sitemap ###########*/
.type-sitemap li.top > a {padding: 10px 15px; font-size: 20px; background-color: #f9f9f9; font-weight: 400;  color: #444;}
.type-sitemap li a {padding: 5px 15px; font-size: 18px; background-color: #fff; font-weight: 400; color: #444;}
.type-sitemap li a:hover { background-color: #ccc; font-weight: 400; color: #444;}
.type-sitemap ul ul {margin-top: 10px; margin-bottom: 10px;}

/*########################## Normal-AC ###################################*/
.accordion .acco-header .acco-toggle {border-radius: 97% 0.5% 92% 0.5% / 2% 97% 1% 95%; padding: 1.5rem 1.5rem; padding-left: 30px; font-weight: 400; overflow: visible; background-color: #e9eff3;}
.accordion .acco-header .acco-toggle:hover {color: var(--my-main-theme); background-color: #eceff3;}
.accordion .acco-header .acco-toggle[aria-expanded=true] {color: var(--my-main-theme); background-color: #eceff3;border-color: var(--my-body-bg);}
.accordion .acco-header .acco-toggle::before {font-family: ForkAwesome; font-weight: 300; line-height: .8; text-rendering: auto; content: "\f068"; position: absolute; display: flex; justify-content: unset;
    align-items: unset; top: 13px; height: auto; transform: none; transition: transform .33s; right: unset; left: -18px; color: var(--my-main-theme);font-size: 4rem; padding: 0; background-color: transparent;}
.accordion .acco-header .acco-toggle.collapsed::before {content: "\f061"; font-family: ForkAwesome; transform: rotate(360deg); top: 14px;    transition: transform 0.33s;}
.accordion .acco-header .acco-toggle:hover::before {color: var(--my-main-theme);}
.accordion .acco-header .acco-toggle.collapsed::after, .accordion .acco-header .acco-toggle::after {display: none;}
.colored-row .accordion .acco-header .acco-toggle::before, .colored-row .accordion .acco-header .acco-toggle:hover, .colored-row .accordion .acco-header .acco-toggle:hover::before, .colored-row .accordion .acco-header .acco-toggle[aria-expanded=true] {color: #e00;}
.accordion .acco-body {padding: 5px 30px 30px; background-color: #eceff3; border-bottom-left-radius: 10px; border-bottom-right-radius: 7px;}
.accordion {--my-at-border: 0;}
.accordion {box-shadow: none; --my-at-margin-between: 1.5rem; margin-left: 18px;}

@media (max-width: 1013.98px) {
.accordion .acco-header .acco-toggle {font-size: 1.8rem;}
.accordion .acco-header .acco-toggle.collapsed::before, .accordion .acco-header .acco-toggle::before {font-size: 3rem;}
}

@media (max-width: 763.98px) {
.accordion .acco-header .acco-toggle {font-size: 1.6rem;}
.accordion .acco-header .acco-toggle.collapsed::before, .accordion .acco-header .acco-toggle::before {font-size: 2.5rem;}
}


@media (min-width: 1014px) {
.accordion .acco-header .acco-toggle {
    font-size: 2.7rem;}
}

/*########################## One-Tab-AC ###################################*/
.more-info .accordion {border-bottom: 0; box-shadow: none; margin-left: 0px;}
.more-info .accordion .acco-header .acco-toggle {margin-top: 10px; font-size: 20px; width: auto; background-color: #e00; border: 0; border-radius: 30px; font-weight: 400; color: #fff;}
.more-info .accordion .acco-header {font-size: 22px;}
.more-info .accordion .acco-header > .acco-toggle {padding: 12px 30px 12px 50px;}
.more-info .accordion .acco-toggle.collapsed::after{background: transparent; }
.more-info .accordion .acco-header .acco-toggle.collapsed::before {content: "\f067"; font-size: 23px;}
.more-info .accordion .acco-body {padding: 0; margin-top: 25px; border-top: 0; border-left: 0; margin-bottom: 30px; margin-left: 0; border: 0; background: transparent;} 
.more-info .accordion .acco-header .acco-toggle::before{left: 18px; right: unset;content: "\f068"; font-size: 23px; top: 15px; color: #fff;}
.more-info.animated .acco-toggle.collapsed {animation: pulse-animation 1.5s infinite;}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
  }
}

/*########### NAV ###########*/
.no-pic.variant-tile-accordion .text-overlay{padding: 40px; border-radius: 4px; background: #ccc; }
.no-pic.variant-tile-accordion .collapsed .text-overlay{background: #f3f3f3;}
.no-pic.variant-tile-accordion .collapsed .text-overlay:hover{background: #ccc;}
.no-pic.variant-tile-accordion .piece-heading{color: #555;}



.no-pic.variant-tile-accordion.show-button .collapse-target.show::before {height: calc(10px);}

.no-pic.variant-tile-accordion .acco-body .box {background: transparent; padding: 30px; box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3);}
   .no-pic.variant-tile-accordion.show-button .collapse-trigger .trigger-item::after {
    bottom: -58px;
    background: #e00;
    color: #fff;
    border-radius: 50%;
	width: 50px;
	height: 50px;
	border: 5px solid #fff;
} 



/*########### NEWS ###########*/
.news-start .teaser-text-tile{background: #fff;}
.news-start .body{padding: 14px 25px 25px 25px;}
.news-start .intro-headline > .intro {font-size: 13px; font-weight: 500; color: #fff; margin-bottom: 14px; background: #e00; max-width: max-content; padding: 6px 10px; border-radius: 4px; letter-spacing:normal;}
.news-start .teaser-tile .teaser.piece > .body > .heading .headline {font-weight: 500; font-size: 19px;}
.news-start .teaser .teaser-date {font-weight: 400; font-size: 14px;}
.news-start .teaser .teaser-date::before{font-family: forkawesome; content: "\f274"; margin-right: 8px; font-weight: 300;}
.news-start .teaser-text{font-size: 16px;}
.news-start .teaser {border-top-left-radius: 10px; border-bottom-right-radius: 10px;}

.detail-page.type-article .intro-headline > .intro{font-size: 29px; font-weight: 400; color: #e00;}
.detail-page.type-article .headline{font-size: 40px; font-weight: 400;}
.detail-page.type-article .sub-header{display: none;}
.detail-page.type-article .piece > .visual {padding: 15px 0px;}


.archiv.news-start .list-pagination .btn.btn-append, .archiv.news-start .list-pagination .btn.btn-append:hover {background: #fff;}


.news-start.list-content .list-append-position {border-top: 1px solid #555; margin-top: 40px; padding-top: 50px; }
.news-start .list-pagination .btn.btn-append {background: #f9f9f9; color: #444; left: 49% !important; font-size: 22px; height: 100px; margin: -40px 0 0 -40px; position: absolute; bottom: 0px; text-transform: uppercase; width: 100px;}
.news-start .list-pagination .btn.btn-append:hover { color: #e00; background: #f9f9f9;}
.all-news::after {content: "\f054";font-family: 'ForkAwesome'; margin-left: 6px; font-size: 15px;}

@media (min-width: 764px) {
.news-start .list-entry .teaser {
    box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);
  }
}
/*########### SLIDER ###########*/
.type-slider .slide-wrapper .caption {background-color: transparent;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption { border-radius: 0px; padding: 8px 30px;    background: #ee0000a1;      max-width: max-content; text-shadow: none; font-size: 45px; font-weight: 400;}
.type-slider .slide-wrapper .caption small {font-weight: 300;  border-radius: 0px; padding: 8px 30px;  background: #ffffff91;  color: #222;  text-shadow: none; font-size: 32px;}
.type-slider .slide-wrapper .caption {padding: 15px 10px 18px;}
.slick-next {right: 40px;}
.slick-prev {left: 10px;}

.slider-nav-btn.prev-btn::before {background-image: url(/export/sites/demo-s-11/0-caritas-shared/mercury/backward.png); width: 70px; height: 70px; background-size: 70px 70px;}
.slider-nav-btn.next-btn::before { background-image: url(/export/sites/demo-s-11/0-caritas-shared/mercury/forward.png); transform: rotate(360deg); width: 70px; height: 70px; background-size: 70px 70px;}



.slider-dots li button.dot-btn::before {border: 12px solid #ddd; border-radius: 50%;}
.slider-dots li button.active::before {border: 12px solid #e00; border-radius: 50%;}
.slider-dots {bottom: 23px;}

@media(max-width: 1013.98px){
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {font-size: 35px;}
.type-slider .slide-wrapper .caption small {font-size: 25px;}
}

@media(max-width: 763.98px){
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {background: transparent;     padding: 0 0 0 10px;}
.type-slider .slide-wrapper .caption small {background: transparent; color: #fff;     padding: 0 ;}
.type-slider.text-below-on-xs .slide-wrapper .caption, .type-slider.text-below-on-xs .captions{background: #ee0000; padding: 10px 10px;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {font-size: 34px;}
.type-slider .slide-wrapper .caption small {font-size: 24px;}
}

@media(max-width: 550.98px){
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {font-size: 27px;}
.type-slider .slide-wrapper .caption small {font-size: 20px; line-height: 1;}
}

/*########### NAV ###########*/
header.bh .nav-menu-header{ padding: 0;   padding-top: 30px;}
header.bh.lp-l .nav-menu-header .nav-menu-logo img{display: none;}
header.bh.lp-l .nav-menu-header{background: url(/.galleries/bilder/saltho-single_weiss.png) no-repeat center center; background-size: 165px;}
.nav-toggle, .nav-toggle.active {background: transparent; width: 55px;}


 .nav-toggle-btn .nav-toggle { background-color: rgba(0, 0, 0, .2); border-radius: 3px; }
 
 
 
 .nav-toggle span {height: 3px; top: 19px;}
.nav-toggle span::before {height: 3px;top: -10px;}
.nav-toggle span::after {height: 3px;    bottom: -10px;}

.nav-toggle-btn .nav-burger, .nav-toggle-btn .nav-burger::before, .nav-toggle-btn .nav-burger::after {background: #fff;}



.h-logo .image-src-box.presized img {top: 0px; left: 0px;}

header.bh .nav-menu-header {background-color: transparent; margin-bottom: 20px;}
.nav-main-container .nav-main-group .nav-main-items {border-top: 0;}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a{background: transparent !important;}

.nav-main-items li > a {border-bottom: solid 1px #525252;}
#nav-toggle-label{background: rgba(0, 0, 0, .1) !important; padding: 0 5px 5px 5px;}

 .nav-main-container {background-color: rgba(0, 0, 0, 0.6); padding: 30px; width: 600px; display: flex; justify-content: center;}

.nav-main-items li[aria-expanded] > a[aria-controls]::after, .nav-main-container .nav-main-group { background-color: transparent;}
.nav-main-items > li > a, .nav-main-items li > a { color: #fff !important;}

.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {background-color: transparent;}

.nav-main-container .nav-main-mobile-logo {background: transparent !important;}
html.active-nav .area-header .head-overlay { opacity: 0.45;}
.nav-main-items li.active[aria-expanded=true] > a, .nav-main-items li.active > a { background-color: transparent;}

 html.active-nav .area-header .header-group li[aria-expanded] > a::after {display: none;}


 .nav-main-items > li > a, .nav-main-items li > a {padding: 15px 5px ; text-transform: uppercase; font-size: 21px;  font-weight: 300;}
 .nav-main-items li.expand.ed > a {background-color: transparent; border: 0;}
.nav-main-items li.expand > a[aria-controls]::after {right: 5px !important; top: 13px; background-color: transparent;}

.nav-menu > li > a, .nav-menu > li > ul > li > a {text-transform: none;  font-size: 19px; border-bottom: 0;  padding: 7px 10px 7px 20px;}
 .nav-menu > li > ul > li > a:before {content: "\f105";font-family: 'ForkAwesome'; margin-right: 8px; font-size: 18px;}
.nav-menu > li > a {font-size: 22px; padding: 7px 10px 7px 5px;}



.nav-main-items li.active[aria-expanded=true] > a, .nav-main-items li.active > a {font-weight: 600 !important;}
header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {width: 70%; margin: 0 auto;}
header.bh #nav-toggle-label-open .nav-toggle {width: 45px;  right: 5px;   }




@media (min-width: 1014px) {
header.bh.ls-3 .h-logo-col {
        flex: 0 0 170px;
        max-width: 170px;
}

.nav-toggle {margin-top: -25px;}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a { font-size: 19px; padding-top: 10px; padding-bottom: 10px; font-weight: 300; padding-left: 0;}
.nav-main-container .nav-main-group { width: 350px;}
}

@media (min-width: 763.98px) and (max-width: 1014px) {
    .btn-bewerbung {top: 40px;}
}

@media (max-width: 763.98px) {
    header.bh.ls-3 .h-logo-col {
        flex: 0 0 120px;
        max-width: 120px;
    }
}
@media (max-width: 1013.98px) {

header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {width: 40%;}
}


@media (max-width: 763.98px) {
header.bh #nav-toggle-label-open .nav-toggle {top: -11px;}
}


@media (max-width: 599.98px) {
.nav-main-container {width: 100%; padding: 15px;}
.nav-menu > li > a, .nav-main-items li > a {padding: 12px 5px; font-size: 18px;}
header.bh.lp-l .nav-menu-header .nav-menu-toggle {padding-left: 0;}
header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {width: 60%;}
}
@media (max-width: 551.98px) {
.nav-toggle {height: 45px; margin-top: 10px;}
}

/*########### SLIDER ###########*/
.tp-caption .btn{padding: 12px 14px; border-radius: 6px; background: #ee0000; display: block; margin-top: 20px; font-size: 19px; max-width: max-content; line-height: 1;}
.tp-caption {text-align: left !Important;}
header.bh .header-group {border-bottom: 0 !important;}
.area-header {margin-bottom: 0rem;}
.h-logo-row.container {max-width: 100% !Important;}
.h-logo {z-index: 99;}

@media (min-width: 1014px) {
    .area-header .header-group::before {background-image: none;}
}


/*########### Head / Nav Start ###########*/
.header-index .h-logo .image-src-box.presized img {top: 12px; left: 8px;}
.header-index .header-group.sticky {height: 0 !important;}
header.bh.header-index  #nav-toggle-label-open .nav-toggle {top: 7px;}
 .nav-toggle-label {left: unset !important; top: unset !important;}

@media (min-width: 1200px) {
    header.header-index.bh.ls-3 .h-logo-col {
        flex: 0 0 230px;
        max-width: 230px;
    }
}



/*########################## two-cols ###################################*/
@media (min-width: 1014px) {
.two-cols.piece > .body {column-count: 2;
-webkit-column-count: 2;
-moz-column-count: 2;
column-gap: 60px;
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-rule: 1px solid #ccc;
-webkit-column-rule: 1px solid #ccc;
-moz-column-rule: 1px solid #ccc;}

}

/*########### MODAL ###########*/
.modal {box-shadow:0px 4px 16px 0px rgba(0,0,0,0.36);  }
.modal-content { background: #fff;border-radius: 15px 0;}
.modal-body { padding: 1px 30px 15px; text-align: center; font-weight: 400; margin-top: -15px; font-size: 22px;}
.modal-text {line-height: 1.3; margin-bottom: 20px; font-size: 18px; color: #444; text-align: left;}
.modal-header .btn-close {position: relative; right: -14px; top: -16px; border: 0; background: #fff; font-size: 20px; font-weight: 400; color: #444; max-width: max-content; padding: 7px 10px; line-height: 1;
    border-radius: 50%; box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 17%);}
.btn-bewerbung:before{content:'\f098'; font-family: forkawesome; right: 9px; position: relative; top: 1px; font-size: 17px;}
.modal-body a.btn {position: relative;  background: #e00; color: #fff; margin-top: 10px; padding: 8px 15px; border-radius: 4px; font-size: 20px;font-weight: 400; border: 0; box-shadow:0px 4px 16px 0px 		rgba(0,0,0,0.36);}
.modal-body a.btn:after {font-size: 15px; font-family: ForkAwesome;   margin-left: 8px; margin-top: 25px;}
.modal-body a.btn.spende:after {content: "\f054";}
.modal-backdrop{opacity:0.6 !important;}
.modal-backdrop + .modal-backdrop {display: none;}


.modal-header .btn-close:before{content: "\f00d"; font-family: ForkAwesome;}
.modal img {max-width: 100%; margin-bottom: 20px; border-radius: 15px 0;}
.modal .tel-num{color: #e00; padding: 8px 15px; background: #eee; border-radius: 4px; margin: 10px 0;}
.modal .tel-num a {font-size: 22px; font-weight: 600;}
.modal h2{font-size: 30px;font-weight: 300;}
.modal-text div {text-align: center;}

.opencms-page-editor .btn-bewerbung {top: 75px;}
.opencms-page-editor .nav-toggle-label {top: 63px !important;}
.btn-wrap {transition: 0.8s all ease; z-index: 1000; position: fixed;}


@media(max-width: 550.98px){
.btn-bewerbung {right: unset; left: 15px; top: unset; bottom: 0; border-radius: 0; border-top-right-radius: 4px; border-top-left-radius: 4px;}
.opencms-page-editor .btn-bewerbung {top: unset;}
.modal .tel-num a {font-size: 17px;}
.modal-text {font-size: 16px;}
}
@media(max-width: 450.98px){
.modal .tel-num a {font-size: 16px;}
.modal .tel-num{padding: 8px 10px;}
.modal-body {padding: 1px 20px 15px;}
}
@media(max-width: 361.98px){
.modal .tel-num a {font-size: 15px;}
.modal .tel-num{padding: 8px 10px;}
.modal-body {padding: 1px 18px 15px;}
}