/**
Theme Name: MFM Child
Author: Design Splash
Author URI: https://design-splash.de
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mfm-child
Template: astra
*/

/*============================================= Fonts  =============================================*/

/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/poppins-v15-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('fonts/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('fonts/poppins-v15-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('fonts/poppins-v15-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('fonts/poppins-v15-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('fonts/poppins-v15-latin-regular.svg#Poppins') format('svg');
  /* Legacy iOS */
}

/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/poppins-v15-latin-700.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('fonts/poppins-v15-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('fonts/poppins-v15-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('fonts/poppins-v15-latin-700.woff') format('woff'),
    /* Modern Browsers */
    url('fonts/poppins-v15-latin-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('fonts/poppins-v15-latin-700.svg#Poppins') format('svg');
  /* Legacy iOS */
}

/* domus-titling-800 - latin */
@font-face {
  font-family: 'Domus-Extrabold';
  font-weight: 800;
  src: url(fonts/Domus-Extrabold.eot);
  src: url(fonts/Domus-Extrabold.eot?#iefix) format('embedded-opentype'),
       url(fonts/Domus-Extrabold.svg#Domus-Extrabold) format('svg'),
       url(fonts/Domus-Extrabold.ttf) format('truetype'),
       url(fonts/Domus-Extrabold.woff) format('woff'),
       url(fonts/Domus-Extrabold.woff2) format('woff2');
}


/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/poppins-v15-latin-500.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('fonts/poppins-v15-latin-500.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('fonts/poppins-v15-latin-500.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('fonts/poppins-v15-latin-500.woff') format('woff'),
    /* Modern Browsers */
    url('fonts/poppins-v15-latin-500.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('fonts/poppins-v15-latin-500.svg#Poppins') format('svg');
  /* Legacy iOS */
}

/*============================================= Vorlage =============================================*/

.off {
  display: none !important;
}

html,
body {
  font-family:  'Poppins', Helvetica, sans-serif !important;
  overflow-x: hidden !important;
}

a,
p,
li,
b {
  font-size:  !important;
  font-weight:  !important;
  font-family: 'Poppins', Helvetica, sans-serif !important;
  color:  !important;
  line-height:  1.1!important;
}

/*--------------------------------------------- flex ---------------------------------------------*/

.flex-row>div {
  display: flex !important;
  flex-direction: row !important;
}

.flex-row>div div {
  width: auto !important;
}

.flex-mr>div>div {
  margin-right: 15px;
}

/*--------------------------------------------- margin ---------------------------------------------*/

.mt0 {
  margin-top: 0px !important;
}

.mt10 {
  margin-top: 10px;
}

.mt25 {
  margin-top: 25px;
}

.mt50 {
  margin-top: 50px;
}

.mt75 {
  margin-top: 75px;
}

.mt100 {
  margin-top: 120px;
}



.mb0 {
  margin-bottom: 0px !important;
}

.mt10 {
  margin-bottom: 10px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb75 {
  margin-bottom: 75px;
}

.mb100 {
  margin-bottom: 100px;
}


.mr0 {
  margin-right: 0px !important;
}

.mr25 {
  margin-right: 25px;
}

.mr50 {
  margin-right: 50px;
}

.mr75 {
  margin-right: 75px;
}

.mr100 {
  margin-right: 100px;
}


.ml0 {
  margin-left: 0px !important;
}

.ml25 {
  margin-left: 25px;
}

.ml50 {
  margin-left: 50px;
}

.ml75 {
  margin-left: 75px;
}

.ml100 {
  margin-left: 100px;
}




.m0 {
  margin: 0px !important;
}

.m25 {
  margin: 25px;
}

.m50 {
  margin: 50px;
}

.m75 {
  margin: 75px;
}

.m100 {
  margin: 100px;
}


/*--------------------------------------------- padding ---------------------------------------------*/

.pt0 {
  padding-top: 0px !important;
}

.pt25 {
  padding-top: 25px;
}

.pt50 {
  padding-top: 50px;
}

.pt75 {
  padding-top: 75px;
}

.pt100 {
  padding-top: 100px;
}


.pr0 {
  padding-right: 0px !important;
}

.pr25 {
  padding-right: 25px;
}

.pr50 {
  padding-right: 50px;
}

.pr75 {
  padding-right: 75px;
}

.pr100 {
  padding-right: 100px;
}


.pl0 {
  padding-left: 0px !important;
}

.pl25 {
  padding-left: 25px;
}

.pl50 {
  padding-left: 50px;
}

.pl75 {
  padding-left: 75px;
}

.pl100 {
  padding-left: 100px;
}


.pb0 {
  padding-bottom: 0px !important;
}

.pb25 {
  padding-bottom: 25px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb75 {
  padding-bottom: 75px;
}

.pb100 {
  padding-bottom: 100px;
}


.p0 {
  padding: 0px !important;
}

.p25 {
  padding: 25px;
}

.p50 {
  padding: 50px;
}

.p75 {
  padding: 75px;
}

.p100 {
  padding: 100px;
}

/*--------------------------------------------- button ---------------------------------------------*/

.btn {
  display: inline-block;
  padding: 10px 30px;
  text-align: center;
  font-size: 15px;
  text-decoration: none !important;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 22px;
  font-weight: 500;
  margin-right: 20px;
  margin-bottom: 15px;

}

.btn:hover, #btn:hover {
  color: white;
}

.btn-1 {
  background: linear-gradient(0.25turn, #ffb83c, #f59650, #f1ab31, #ffd270);
  background-size: 300% 100%;
  box-shadow: 0px 0px 15px #f5955086 !important;
  color: white;
}

.btn-1:hover,
.btn-2:hover {
  background-position: 100% 0;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.btn-2 {
  background: linear-gradient(0.25turn, #6daef1, #4a85e4, #6daef1, #83c7ff);
  background-size: 300% 100%;
  box-shadow: 0px 0px 15px #3a74d169 !important;
  color: white;
}

.btn-3 {
  background-color: #e2eaf8;
  color: #4972b3;
  transition: all .4s ease-in-out;
}

.btn-3:hover {
  background-color: #e2eaf8af;
  color: #4972b3;
}



/*--------------------------------------------- text ---------------------------------------------*/

.weiss p,
.weiss a,
.weiss span,
.weiss.h2 *,
.weiss {
  color: #fff !important;
}

a {
  text-decoration: none !important;
}

.pop {
  font-family: 'Poppins', Helvetica, sans-serif !important;
}

.overhead * {
  font-size: 20px !important;
  font-weight: 400 !important;
  font-family: 'Poppins', Helvetica, sans-serif !important;
  color: #394b75 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.08em !important;
}

.overhead {
  margin-bottom: 0px!important;
}

p,
.p {
  font-size: 15px !important;
  font-weight: 400 !important;
  font-family: 'Poppins', Helvetica, sans-serif !important;
  color: #394b75 !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
}

.h1 span,
.h1 h1,
.h1 h2,
.h1 h3,
.h1 h4,
.h1 h5,
.h1 h6 {
  font-size:  20px!important;
  font-weight:  800!important;
  font-family: 'Domus-Extrabold', Arial, sans-serif !important;
  color: #4972b3 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em;
}

.h2 span,
.h2 h1,
.h2 h2,
.h2 h3,
.h2 h4,
.h2 h5,
.h2 h6 {
  font-size: 60px !important;
  font-weight: bolder !important;
  font-family: 'Domus-Extrabold', Arial, sans-serif !important;
  color: #4972b3 !important;
  line-height: 1!important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em;
}


.h2 .elementor-widget-container .elementor-heading-title.elementor-size-default::after {
  content: '.';
  font-size: 60px !important;
  font-weight: 800 !important;
  font-family: 'Domus-Extrabold', Arial, sans-serif !important;
  color: #f1ab31 !important;
  line-height: 0!important;
}

.h3 span,
.h3 h1,
.h3 h2,
.h3 h3,
.h3 h4,
.h3 h5,
.h3 h6 {
  font-size: 25px !important;
  font-weight: 800 !important;
  font-family: 'Domus-Extrabold', Arial, sans-serif !important;
  color: white !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.h4 span,
.h4 h1,
.h4 h2,
.h4 h3,
.h4 h4,
.h4 h5,
.h4 h6 {
  font-size:  !important;
  font-weight:  !important;
  font-family:  !important;
  color:  !important;
  line-height:  !important;
  /*text-transform: uppercase !important;*/
}


h4 {
  font-size: 21px !important;
  font-weight: 800 !important;
  font-family: 'Domus-Extrabold', Arial, sans-serif !important;
  color: #4972b3c2 !important;
  line-height: 1 !important;
  text-transform: normal !important;
}

.h5 span,
.h5 h1,
.h5 h2,
.h5 h3,
.h5 h4,
.h5 h5,
.h5 h6 {
  font-size:  !important;
  font-weight:  !important;
  font-family:  !important;
  color:  !important;
  line-height:  !important;
  /*text-transform: uppercase !important;*/
}

.h6 span,
.h6 h1,
.h6 h2,
.h6 h3,
.h6 h4,
.h6 h5,
.h6 h6 {
  font-size:  !important;
  font-weight:  !important;
  font-family:  !important;
  color:  !important;
  line-height:  !important;
  /*text-transform: uppercase !important;*/
}

/*========================================================================= HEADER =======================================================================*/

.itemstb {
  display: flex;
}


.itemtb {
  margin-right: 30px;
}

.topbarlink {
  color: white;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 400;
  font-family: 'Poppins', Helvetica, sans-serif;
}

.topbarlink:hover,
.topbarlink:focus,
.topbarlink:active,
.tbmenulink:hover,
.tbmenulink:focus,
.tbmenulink:active {
  color: white;
}

.tbmenu {
  color: white;
  text-align: right;
}

.tbmenulink {
  color: white;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;
  font-family: 'Poppins', Helvetica, sans-serif;
}

/*========================================================================= redbra.in MENU =======================================================================*/
.wohlfuehlen {
    background: #EEE!important;
    padding: 20px !important;
}
.wohlfuehlen li {
    width: 50% !important;
    padding: 10px 0 10px 0 !important;
}

a.elementor-item.menu-link {
    background: #FFF !important;
}
/*========================================================================= redbra.in MENU ENDE =======================================================================*/
.emailtb::before {
  content: '';
  top: 1px;
  left: 0px;
  margin-right: 7px;
  position: relative;
  display: inline-block;
  height: 12px;
  width: 17px;
  background-image: url(icons/email.png);
}

.teletb::before {
  content: '';
  top: 1px;
  left: 0px;
  margin-right: 7px;
  position: relative;
  display: inline-block;
  height: 15px;
  width: 15px;
  background-image: url(icons/tele.png);
}

.main-nav .elementor-item-active::before {
  content: '';
  top: 5px;
  left: -10px;
  position: absolute;
  display: inline-block;
  height: 35px;
  width: 35px;
  background-color: #4972b31c;
  border-radius: 50%;
  opacity: 1!important;
}

.menu-link::before {
  content: '';
  top: 5px;
  left: -10px;
  position: absolute;
  display: inline-block;
  height: 35px;
  width: 35px;
  background-color: #4972b31c;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.3s;
}

.main-nav .menu-item:hover .menu-link::before {
  content: '';
  top: 5px;
  left: -10px;
  position: absolute;
  display: inline-block;
  height: 35px;
  width: 35px;
  background-color: #4972b31c;
  border-radius: 50%;
  opacity: 1;
}

.sub-menu .menu-item a::before{
  display: none!important;
}

.elementor-sticky--effects>div {
  min-height: 75px !important;
  transition: all 0.3s;
}

.elementor-sticky>div {
  transition: all 0.3s;
}

.elementor-sticky--effects .elementor-element-1d86846>div {
  padding: 44px 44px 30px 44px !important;
}

/*========================================================================= FOOTER =======================================================================*/


.footertable,
.footertable td,
.footertable tr,
.footertable th {
  padding: 1px !important;
  border: 0;
  font-size: 15px !important;
}

.footertable {
  width: unset!important;
}

.footertable th {
  padding-right: 8px!important;
}

.smallertable th {
  padding-right: 10px!important;
}

.mxwfooter {
  max-width: 260px;
}

.lessopacity {
  opacity: 0.9;
}

.footertable.smallertable td,
.footertable.smallertable th {
  display: block!important;
  margin-top: unset!important;
}

.footertable.smallertable th {
  margin-top: 7px!important;
  margin-bottom: -3px;
}

/*========================================================================= STARTSEITE =======================================================================*/

.home .bread {
display: none!important;
}

/*--------------------------------------------- Hero ---------------------------------------------*/

.mainhead {
  color: #4972b3;
  font-size: 75px;
  line-height: 1;
  font-weight: 800 !important;
  font-family: 'Domus-Extrabold', Arial, sans-serif !important;
  text-transform: uppercase;
}

.yellow {
  color: #f1ab31 !important;
}

.darkblue {
  color: #394b75 !important;
}

.mxwhero {
  max-width: 460px;
}

/*--------------------------------------------- Cards ---------------------------------------------*/

.card {
  min-height: 700px;
  border-radius: 10px;
  box-shadow: 0 0 40px rgba(63, 105, 173, 0.275);
  width: 30%;
  display: flex;
  align-items: flex-start;
  transition: all 0.3s;
}

.cardimg {
  width: 100%;
  padding-bottom: 30px;
  border-radius: 10px 10px 0px 0px;
}

.allcards {
display: flex;
justify-content: space-between;
}

.allcards.weitere-leistungen {
flex-wrap: wrap;
justify-content: center;
gap: 60px;
}

.weitere-leistungen .card {
  min-height: 0;
  width: 30%;
}

.weitere-leistungen .cardtitle::after {
  display: none;
}

@media (max-width: 768px) {
  .allcards.weitere-leistungen {
    gap: 20px;
    }

  .allcards.weitere-leistungen .content {
      width: 100%;;
  }
}

.cardtitle {
  color: #4972b3;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 700;
  font-family: 'Poppins', Helvetica, sans-serif !important;
  padding: 30px 30px 0px 30px;
}

.weitere-leistungen .cardtitle {
  padding: 0px 30px 30px 30px;
  display: block;
}

.cardtitle::after {
  content: '';
  top: 2px;
  left: 10px;
  position: relative;
  display: inline-block;
  height: 18px;
  width: 27px;
  background-image: url(icons/arrow.png);
  transition: all 0.3s;
}

.card:hover .cardtitle::after {
  left: 20px;
}

.card:hover {
  opacity: 0.9;
}

.card p {
  color: #888888 !important;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 0 !important;
  padding: 10px 30px 30px 30px;
}

/*--------------------------------------------- Text ---------------------------------------------*/


.dotsleft div::before {
  content: '';
  left: -60px;
  bottom: -60px;
  position: absolute;
  display: block;
  height: 347px;
  width: 287px;
  background-image: url(img/dots.png);
  z-index: -1;
}

.dotsright div::before {
  content: '';
  right: -60px;
  bottom: -60px;
  position: absolute;
  display: block;
  height: 347px;
  width: 287px;
  background-image: url(img/dots.png);
  z-index: -1;
}

.mxwtext {
  max-width: 720px;
}

.mxwcta {
  max-width: 620px;
}

.mxwkurse {
  max-width: 520px;
}

/*--------------------------------------------- Circles ---------------------------------------------*/

.circle img {
  border-radius: 50%;
  border: 3px solid transparent;
  transition: all 0.2s;
  width: 126px!important;
  height: 126px!important;
}

.allcircles {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.circle a {
  text-align: center;
}

.circle {
  display: flex;
  justify-content: center;
  width: 30%!important;
  margin-bottom: 45px;
}

.circle:hover img {
  opacity: 0.85;
  border: 3px solid #4972b3bd;
}

.circletext:hover, .circle:hover .circletext, .circletext:focus, .circletext:active, .circle:active .circletext, .circle:focus .circletext {
  color: #4972b3!important;
}

.circletext {
  display:block;
  margin-top: 15px;
  font-size: 16px!important;
  opacity: 0.8;
  line-height: 1.2;
}

/*--------------------------------------------- Kurse ---------------------------------------------*/

.allcourses {
  display:flex;
  justify-content:space-between;
}

.course {
  height: 425px;
  width: 46%;
  display: flex;
  align-items: flex-end;
  padding: 20px 20px 15px 25px;
  border-radius: 10px;
  background-size:cover;
}

.course2 {
  height: 425px;
  width: 100%;
  display: flex;
  border-radius: 10px;
  background-size:cover;

}

.course2 a {
  padding: 20px;
}

.gradient {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(0deg, rgb(41, 120, 194) 0%, transparent 60%);
  border-radius: 10px;
  display: flex;
  align-items: flex-end;
}

.c1 {
  background-image: url(https://www.praxis-mfm.de/wp-content/uploads/2021/08/kurs1-e1628172687988.jpg);
}

.c2 {
  background-image: url(https://www.praxis-mfm.de/wp-content/uploads/2021/08/kurs2-e1628172695838.jpg);
}

.c5 {
  background-image: url(https://www.praxis-mfm.de/wp-content/uploads/2021/08/zumba.jpg);
}

.c6 {
  background-image: url(https://www.praxis-mfm.de/wp-content/uploads/2021/08/beckenboden.jpg);
}

.course a {
  font-size: 18px!important;
  font-weight: 500!important;
  line-height: 1.2!important;
}

.dotsleft1:before {
  content: '';
  left: -60px;
  bottom: -60px;
  position: absolute;
  display: block;
  height: 347px;
  width: 287px;
  background-image: url(img/dots.png);
  z-index: -1;
}


/*========================================================================= ÜBER UNS =======================================================================*/


.c3 {
  background-image: url(https://www.praxis-mfm.de/wp-content/uploads/2021/08/standort2.jpg);
}

.c4 {
  background-image: url(https://www.praxis-mfm.de/wp-content/uploads/2023/02/mfm-blaue-Flaeche.png);
}


/*========================================================================= LEISTUNGEN =======================================================================*/

.circle2 {
  display: flex;
  justify-content: center;
  width: 15%!important;
  margin-bottom: 45px;
}

.circletext2 {
  display:block;
  margin-top: 15px;
  font-size: 16px!important;
  opacity: 1;
  font-weight: 500;
  color: #4972b3;
  line-height: 1.2!important;
}

.circlesbig > div {
  justify-content: space-between!important;
}

.center-row.circlesbig > div {
  justify-content: center!important;
}

@media (max-width: 768px) {
.center-row.circlesbig > div {
  justify-content: space-between!important;
}
}

.circlesbig img {
  border: 3px solid transparent;
  transition: all 0.2s;
}

.circlesbig img:hover {
  opacity: 0.85;
  border: 3px solid #4972b3bd;
}

/*========================================================================= KURSE =======================================================================*/

.allkurse .widget-image-caption {
  margin-top: -45px!important;
  margin-left: 35px!important;
  color: white;
  font-size: 18px!important;
  font-weight: 500!important;
}

.allkurse > div {
justify-content: space-between!important;
}

.allkurse .elementor-col-25 {
  width: 23%!important;
}

.mptt-shortcode-wrapper.mptt-table-fixed {
  overflow-x: hidden;
}


/*--------------------------------------------- Veranstaltungen Kurse Plan ---------------------------------------------*/

th {
  text-align-last: left;
}

.kursplan .event-description {
color: white !important;
margin-top: -5px !important;
font-size: 11px !important;
}

.kursplan .mptt-shortcode-table {
  border-radius: 10px;
  border-collapse: collapse;
  overflow: hidden!important;
  z-index:0!important;
}

.kursplan .mptt-shortcode-row th {
  background-color: #b3b3b3!important;
  color: white!important;
}

.kursplan .mptt-shortcode-table tr td:first-child {
  width:14%!important; 
  text-align: center;
  background-color: #F3F3F3!important;
}

.kursplan .mptt-shortcode-table tr td:first-child::after {
  content:' Uhr';
}

.kursplan .mptt-menu {
  display: none;
}

.kursplan td {
  width:14%!important; 
}
.kursplan .mptt-shortcode-row-0, .kursplan .mptt-shortcode-row-1, .kursplan .mptt-shortcode-row-2, .kursplan .mptt-shortcode-row-3, .kursplan .mptt-shortcode-row-4, .kursplan .mptt-shortcode-row-5, .kursplan .mptt-shortcode-row-6, .kursplan .mptt-shortcode-row-7, .kursplan .mptt-shortcode-row-21, .kursplan .mptt-shortcode-row-22, .kursplan .mptt-shortcode-row-23 {
  display: none;
}

.kursplan .timeslot {
  color: white !important;
  margin-top: -5px !important;
  opacity: 0.8;
}

.kursplan .mptt-shortcode-table tr td {
  text-align: center;
  background-color: #FBFBFB!important;
}

.kursplan .mptt-shortcode-event > div {
  justify-content: center!important;
}

.kursplan .event-title {
  color: white!important;
  font-size: 15px!important;
  font-weight: 500!important;
  text-decoration: none!important;
  line-height: 1.1!important;
}


.kursplan .event-subtitle {
  color: white!important;
  font-size: 14px!important;
  font-weight: 400!important;
  opacity: 0.8!important;
  margin-top: -2px!important;
}

.kursplan .mptt-event-container {
  border-radius: 10px!important;
}

.kursplan .mptt-event-container {
  z-index:0!important;
}



/*========================================================================= KONTAKT =======================================================================*/

.kontaktcard {
  background-color: white;
  padding: 30px 20px 30px 0;
  border-radius: 0 130px 130px 0;
  border-left: 5px solid #4972b3;
  display: flex;
  align-items: center;
  box-shadow: 0 0 40px #3e5c9c27;
  width: 80%;
  line-height: 1.5!important
}

.kontaktcard a {
  color: #394b75!important;
}

.kontaktcard .icon {
  display: flex;
  justify-content: center;
  width: 25%;
}

.kontaktcard .info {
  color: #394b75;
  }


.kontaktcard table,.kontaktcard td, .kontaktcard tr {
border: none;
padding: 0px 23px 0px 0px!important;
margin: 0!important;
  }

.kontaktcard table {
  margin: 0!important;
}

.oeffnungszeiten-kontakt .table-mfm tr th {
  font-weight: bold !important;
  color:rgb(41, 120, 194) !important;
  text-align-last: left;
  padding-left: 25px;
}

.oeffnungszeiten-kontakt .table-mfm th, .oeffnungszeiten-kontakt .table-mfm td {
padding: 10px 0px;
border: none;
}


.oeffnungszeiten-kontakt table{
  border: none;
  background-color: white;
  box-shadow: 0px 0px 35px rgba(20, 35, 54, 0.068);
  border-radius: 0px 15px 15px 0px;
  overflow: hidden;
  border-left: 4px solid rgba(41, 120, 194, 1);

  }

.oeffnungszeiten-kontakt .table-mfm tr:nth-child(2n) {
  background-color:  rgba(41, 120, 194, 0.05);
}

.oeffnungszeiten-kontakt .table-mfm td{
  padding: 15px 0px !important;
}

.awmp-map{
  font-family:  'Poppins', Helvetica, sans-serif !important;
  border: none !important;
}

.awmp_map_wrapper{
  border: none !important;
}

.awmp-map h3 {
  color: #4972b3 !important;
  font-size: 35px;
}

.awmp-map .awmp-show-map{
  background: linear-gradient(0.25turn, #6daef1, #4a85e4, #6daef1, #83c7ff);
  background-size: 300% 100%;
  box-shadow: 0px 0px 15px #3a74d169 !important;
  color: white !important;
  text-decoration: none;
  font-weight: 500;
  border-radius: 22px;
  padding: 10px 20px;
  display: inline-block;
  line-height: 1;
  font-size: 15px;
  fill: #fff;
  text-align: center;
  margin-bottom: 15px;
}
  
/*========================================================================= POPUP =======================================================================*/

.mobilemenu .sub-arrow {
 padding-right: 10px!important;
}

.mobilemenu .menu-link::before {
  display: none!important;
}

.mobilemenu .menu-link {
  padding-left: 10px!important;
}

.mobilemenu {
  margin-left: -10px!important;
}

.elementor-popup-modal .sub-menu a {
  font-size: 13px!important;
}

/*========================================================================= QUERRIES =======================================================================*/

/* über 1920px */
@media (min-width: 1920px) {
  .elementor-element-485d975 {
    background-size: cover!important;
  }
}

/* ab 1440*/


/*  unter 1441*/
@media (max-width:1440px) {
  .plr {
    padding-left: 3%!important;
    padding-right: 3%!important;
  }
}

/*  unter 1440*/
@media (max-width: 1439px) {

  .bread1 .elementor-element-88c1ec8 {
    width:0%!important;
  }

  .bread1 .elementor-element-1ea0a0f {
    width:50%!important;
    padding-left: 10px!important;
  }

  .bread1 .elementor-element-083d96a {
    width:50%!important;
    padding-right: 10px!important;
  }

  .bread1 {
    margin-top: 55px!important;
    margin-bottom: 0!important;
  }

  .dotsleft div::before {
    display: none;
  }

  .dotsright div::before {
    display: none;
  }

  .dotsleft1::before {
    display: none;
  }
}

@media (max-width: 1350px) {

  .circlesbig a {
    font-size:14px!important; 
  }

.smallertable td,
.smallertable th {
  display: block!important;
  margin-top: -7px!important;
}


.smallertable th {
  padding-right: 25px!important;
  padding-top: 10px!important;
}


  .pl-res-1 > div {
    margin-left: 7%!important;
  }

  .pl-res-1 > div {
    margin-left: 5%!important;
  }

  .page-hero {
    background-position: 516px 0px!important;
  }

  .main-nav .menu-item {
    margin-right: 17px!important;
    font-size: 14px!important;
  }

  .main-nav .menu-item a{
    font-size: 14px!important;
  }

  .circletext {
    font-size:14px!important;
  }
}

@media (max-width: 1024px) {  
.pl-res-1 > div {
  margin-left: 0!important;
}

.pl-res-1 > div {
  margin-left: 0!important;
}
}


/*  unter 1024*/
@media (max-width: 1023px) {  

  .bread1 .elementor-element-1ea0a0f > div > div {
    padding-bottom: 10px!important;
  }

  .bread1 .elementor-element-083d96a > div > div {
    padding-bottom: 10px!important;
  }

  .bread1 {
    margin-top: 40px!important;
  }

.smallertable td,
.smallertable th {
  display: table-cell!important;
  margin-top: unset!important;
}


.smallertable th {
  padding-right: 25px!important;
  padding-top: unset!important;
}
  
  .kursplan .event-title {
    font-size: 13px!important;
  }
  
  
  .kursplan .event-subtitle {
    font-size: 10px!important;

  }
  
  .mainhead {
  font-size:60px!important;
}

.cardtitle {
  font-size: 18px!important;
}

/*.cardimg{
  display: none!important;
  visibility: hidden!important;
}*/

.card {
  min-height: auto!important;
}
}

@media (max-width: 960px) {
  .topbarlink, .tbmenu a{
    font-size: 11px!important;
  }

}


@media (max-width: 800px) {  


  
  .allcards .card {
    width: 100%;
    margin-bottom: 25px;
  }

  .allcards  {
    flex-wrap: wrap;
  }

  .bread1 a, .bread1 .jet-breadcrumbs__item-target{
    font-size: 10px!important;
  }
}



/*  unter 768*/
@media (max-width: 767px) {

  


  .bread1 {
    margin-top: 20px!important;
  }

  .btn {
    padding: 11px 28px;
    text-align: center;
    width: 100%;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 22px;
    margin-right: 0px;
    margin-bottom: 15px;
  }

  .page-hero .btn {
    width: unset!important;
    margin-right: 15px;
  }

  .mainhead {
    font-size:50px!important;
  }

  p {
    font-size: 14px!important;
  }


  .itemtb {
    margin-right: 15px!important;
  }

  .h1 span,
  .h1 h1,
  .h1 h2,
  .h1 h3,
  .h1 h4,
  .h1 h5,
  .h1 h6 {
    font-size:  !important;
  }

  .h2 span,
  .h2 h1,
  .h2 h2,
  .h2 h3,
  .h2 h4,
  .h2 h5,
  .h2 h6 {
    font-size:  38px!important;
    line-height: 1!important;
  }

  .cta .overhead * {
    font-size:  16px!important;
    line-height: 1!important;

  }
  
.overhead * {
    font-size:  16px!important;
    line-height: 1!important;

  }

  .h3 span,
  .h3 h1,
  .h3 h2,
  .h3 h3,
  .h3 h4,
  .h3 h5,
  .h3 h6 {
    font-size:  !important;
  }

  .h4 span,
  .h4 h1,
  .h4 h2,
  .h4 h3,
  .h4 h4,
  .h4 h5,
  .h4 h6 {
    font-size:  !important;
  }

  .h5 span,
  .h5 h1,
  .h5 h2,
  .h5 h3,
  .h5 h4,
  .h5 h5,
  .h5 h6 {
    font-size:  !important;
  }

  .h6 span,
  .h6 h1,
  .h6 h2,
  .h6 h3,
  .h6 h4,
  .h6 h5,
  .h6 h6 {
    font-size:  !important;
  }


  .mt100 {
    margin-top: 70px;
  }

  .mt50 {
    margin-top: 35px;
  }

  .mt20 {
    margin-top: 15px;
  }

  .mb100 {
    margin-bottom: 70px;
  }

  .mb50 {
    margin-bottom: 35px;
  }

  .mb20 {
    margin-bottom: 15px;
  }

}



@media (max-width: 600px) {

  .mxwfooter {
    max-width: none!important;
  }

  .course {
    width: 100%!important;
    height: 200px!important;
    background-position: bottom;
    margin-bottom: 25px;
  }

  .allcourses {

    flex-wrap: wrap!important;
  }

  .topbar {
    display: none;
  }

  .allcircles {
    flex-wrap: wrap!important;
  }

  .circle {
    width: 50%!important;
  }
}

@media (max-width: 500px) {  

  .page-hero .btn {
    width: 100%!important;
    margin-right: 0px!important;
  }
  
  }

/*  unter 425*/
@media (max-width: 425px) {


  .h2 span,
  .h2 h1,
  .h2 h2,
  .h2 h3,
  .h2 h4,
  .h2 h5,
  .h2 h6 {

    margin-bottom: 0px!important;
  }

  .overhead {
    font-size:  15px!important;
    line-height: 1!important;
  }
  
    .kontaktcard td {
    display:table-row;

  }

  .kontaktcard tr {
    margin-top: 20px!important;
  }

  .kontaktcard {
    padding: 30px 20px 30px 0;
    width: 100%;
    border-radius: 0 20px 20px 0!important;
    line-height: 1.5!important
  }


  .kontaktcard .icon {
    display: flex;
    justify-content: center;
    width: 40%;
  }

  .course a {
    font-size:14px!important;
    margin-left: -5px;
  }

  .circletext, td, a {
    font-size:14px;
  }



  
.btn {
  padding: 10px 30px;
  font-size: 14px;
  margin-right: 15px;
}

p {
  font-size: 13px!important;
}

  .mainhead {
    font-size:40px!important;
  }


  .h1 span,
  .h1 h1,
  .h1 h2,
  .h1 h3,
  .h1 h4,
  .h1 h5,
  .h1 h6 {
    font-size:  15px!important;
  }


  .jet-breadcrumbs__item-link, .jet-breadcrumbs__item, .jet-breadcrumbs__item-target {
    font-size: 12px!important;
    line-height: 1.5!important;
  }

  .h2 span,
  .h2 h1,
  .h2 h2,
  .h2 h3,
  .h2 h4,
  .h2 h5,
  .h2 h6 {
    font-size:  30px!important;
  }

  .h3 span,
  .h3 h1,
  .h3 h2,
  .h3 h3,
  .h3 h4,
  .h3 h5,
  .h3 h6 {
    font-size:  !important;
  }

  .h4 span,
  .h4 h1,
  .h4 h2,
  .h4 h3,
  .h4 h4,
  .h4 h5,
  .h4 h6 {
    font-size:  !important;
  }

  .h5 span,
  .h5 h1,
  .h5 h2,
  .h5 h3,
  .h5 h4,
  .h5 h5,
  .h5 h6 {
    font-size:  !important;
  }

  .h6 span,
  .h6 h1,
  .h6 h2,
  .h6 h3,
  .h6 h4,
  .h6 h5,
  .h6 h6 {
    font-size:  !important;
  }


  .mt100 {
    margin-top: 55px;
  }

  .mt50 {
    margin-top: 20px;
  }

  .mt20 {
    margin-top: 10px;
  }

  .mb100 {
    margin-bottom: 45px;
  }

  .mb50 {
    margin-bottom: 20px;
  }

  .mb20 {
    margin-bottom: 10px;
  }

}

/* unter 375*/
@media (max-width: 375px) {

  .h1 span,
  .h1 h1,
  .h1 h2,
  .h1 h3,
  .h1 h4,
  .h1 h5,
  .h1 h6 {
    font-size:  !important;
  }

  .h2 span,
  .h2 h1,
  .h2 h2,
  .h2 h3,
  .h2 h4,
  .h2 h5,
  .h2 h6 {
    font-size:  !important;
  }

  .h3 span,
  .h3 h1,
  .h3 h2,
  .h3 h3,
  .h3 h4,
  .h3 h5,
  .h3 h6 {
    font-size:  !important;
  }

  .h4 span,
  .h4 h1,
  .h4 h2,
  .h4 h3,
  .h4 h4,
  .h4 h5,
  .h4 h6 {
    font-size:  !important;
  }

  .h5 span,
  .h5 h1,
  .h5 h2,
  .h5 h3,
  .h5 h4,
  .h5 h5,
  .h5 h6 {
    font-size:  !important;
  }

  .h6 span,
  .h6 h1,
  .h6 h2,
  .h6 h3,
  .h6 h4,
  .h6 h5,
  .h6 h6 {
    font-size:  !important;
  }

  .mt20 {
    margin-top: 8px;
  }

  .mb20 {
    margin-bottom: 8px;
  }

}

/* unter 320*/
@media (max-width: 320px) {}