@import url("https://use.typekit.net/sdz5wsh.css");

/**************************** Navigation PSW ***********************************
			
			- Globales
			
			01. Typografie
			02. Header/Navigation
			03. Body Background Verlauf
			04. Fancy Link
			05. Bilder
			06. Teaserboxen
			07. SVG im Hintergrund
			08. Akkordeon
			09. Zitate
			10. Galerie
			13. Bilder Slider
			14. Testimonials
			15. Bookingtool


      20. Footer









*******************************************************************************/
:root {
 --theme-background-color: transparent !important;
}

/******************************** Globales ************************************/
#privacy_optout_link,
#top_link{
  display: none;
}

/*** Hintergrund der Auswahl ***/
body::selection{
  background-color: var(--secondColor);
  color: white;
}

*::-moz-selection {
    background-color: var(--secondColor);
    color: white;
}

body, html {
scroll-behavior: smooth;
overflow-x: hidden;
}

.mlist.error_503 {
  display: none;
}

.mod_privacy_optin_slim .privacy_inside {
  background: linear-gradient(90deg,rgba(21, 27, 59, 1) 0%, rgba(180, 197, 230, 1) 46%, rgba(206, 158, 200, 1) 76%);

}

.mod_privacy_optin_slim .privacy_button a {
  border-radius: 30px;
  font-weight: bold;
  background: var(--secondColor);
}

@media (max-width: 768px) {
  .mod_privacy_optin_slim .privacy_inside {
    background: linear-gradient(180deg,rgba(21, 27, 59, 1) 0%,  rgba(206, 158, 200, 1) 76%);
  }
}
/*----------------------------------------------------------------------------*/

/**************************** 01. Typografie **********************************/

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {
	font-family: "cabrito-extended", sans-serif;
	font-weight: 700;
	font-style: normal;
}

h4, .h4 {
  font-family: "segoe-ui", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 5px;
}

.ausbildungs-boxen h4 {
  font-weight: 300;
}


p, div,
.mod_privacy_optin_slim *{
  font-family: "segoe-ui", sans-serif;
  font-weight: 300;
  font-style: normal;
}

p strong {
   font-weight: 700;
}

li a,
p a{
  color: var(--accentColor);
  font-weight: bold;
  transition: ease 0.3s;
}

li a:hover,
p a:hover {
  color: var(--secondColor);
}

.ce_split_words .word_wrap {
  padding-right: 8px;
}

@media (min-width: 768px) and (max-width: 1200px) { 
  h1, .h1 {
    font-size: 50px;
  }
}
/*----------------------------------------------------------------------------*/

/*********************** 02. Header/Navigation ********************************/
.header .inside {
  padding-left: 25px;
}

.smartmenu-content {
  width: 100%;
}

.smartmenu-scrollable {
  display: flex;
  overflow: visible !important;
}

.smartmenu-content.open {
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(rgba(21, 27, 59, 1), #2a5997);
}

.smartmenu-content .mod_navigation a {
  font-weight: 700;
}

.smartmenu-content .ce_fancylink {
  padding-left: 40px;
  margin-left: 2vw;
  padding-top: 15px;
}

.smartmenu-content .mod_navigation ul.level_1 {
  padding: 0px;
}

.smartmenu-content .fancylink-container {
  align-self: flex-end;
  margin-bottom: 5px;
}


.smartmenu-content .smartmenu-table {
  margin-left: 2vw;
  margin-top: 0px;
}

/*Burger*/
.smartmenu .smartmenu-trigger .line,
.smartmenu .smartmenu-trigger .line:before, .smartmenu .smartmenu-trigger .line:after{
  height: 2px;
  border-radius: 5px;
}

.smartmenu .smartmenu-trigger .line:before {
    margin-top: 9px;
}


/*close Button*/
.smartmenu-content .smartmenu-close:before, .smartmenu-content .smartmenu-close:after {
  display: none;
}

.smartmenu-close {
    cursor: pointer;
    background: var(--accentColor);
    border-radius: 50%;
    
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.smartmenu-content .smartmenu-close { 
    width: 60px;
    height: 60px;
    right: 40px;
    top: 15px;
}

.smartmenu-close .span-one,
.smartmenu-close .span-two {
    position: absolute;
    width: 35px;
    height: 2px;
    background: #fff;
    border-radius: 5px;
}

.smartmenu-close .span-one {
    transform: rotate(45deg);
}

.smartmenu-close .span-two {
    transform: rotate(-45deg);
}


/*Inhalt Menu*/
.smartmenu-content .mod_navigation a:hover {
    opacity: 1 !important;
}

.smartmenu-content .smartmenu-table .vlist .mlist:nth-child(3n+1) a:hover{ 
  color: var(--accentColor);
  opacity: 1 !important;
}

.smartmenu-content .smartmenu-table .vlist .mlist:nth-child(3n+2) a:hover {
  color: var(--customColor1);
  opacity: 1 !important;
}

.smartmenu-content .smartmenu-table .vlist .mlist:nth-child(3n+3) a:hover {
  color: var(--customColor2);
  opacity: 1 !important;
}


.smartmenu-content .smartmenu-table .vlist .mlist.active > a {
  background: linear-gradient(90deg, #E87D3D, #CF9FC9, #B5C6E7);
  background-size: 100%;
  background-repeat: no-repeat;

  -webkit-background-clip: text;
  background-clip: text;

  -webkit-text-fill-color: transparent;

  border-bottom: none;
}

/**** Tablet Menu on Desktop ****/
@media only screen and (min-width: 768px) and (max-width: 5000px) {
    .smartmenu {
        display: block;
    }
}

/**** Menupunkte auf desktop ausblenden ****/
.mod_navigation.mainmenu {
    display: none;
}

.header .inside {
    max-width: 100%;
}

/*** Tabletmenu auch auf mobile ***/
@media only screen and (max-width: 767px) {
.smartmenu{
	display: block;
}
.smartmenu-content{
	width: 80vw;
}

#header .inside {
  margin-right: auto;
  position: absolute;
  min-width: 95%;
}

#mmenu,
.mmenu_trigger{
	display: none;
}

#header .inside {
	margin-right: auto;
}
}

/**** Header ohne stickyheader verwenden ****/
#fix-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999; /* damit er über allem liegt */
}

/* durch den header klicken */
#fix-wrapper,
#top-wrapper,
#header {
  pointer-events: none; 
  background: transparent;
  z-index: 1000;
}

/* Nur diese sollen wieder auf Maus-Ereignisse reagieren */
#header .sidebar_trigger,
#header .logo,
#header .mmenu_trigger,
#header .mod_search,
#header nav,
#header nav a,
#header .smartmenu,
#header .smartmenu-trigger {
  pointer-events: auto;
}

/* Burger Kreis */ 
#header .smartmenu-trigger {
  background-color: var(--secondColor);
  background-color: var(--secondColor);
    border-radius: 81px;
    width: 60px;
    height: 60px;
    top: 15px;
    
}

.smartmenu .smartmenu-trigger .line {
  left: 12px;
}

.smartmenu-content .smartmenu-close {
 /* width: 60px;
  height: 60px;
  background-color: var(--accentColor);
  border-radius: 69px;*/
}

@media only screen and (max-width: 1024px){
    #header .inside{
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
  }
}


/*----------------------------------------------------------------------------*/

/******************** 03. Body Background Verlauf *****************************/
/*
body {
 margin: 0;
  min-height: 100vh;


  background:
    radial-gradient(circle at top left, #B5C6E7 0%, transparent 20%),
    radial-gradient(circle at top right, #CF9FC9 0%, transparent 70%),
    radial-gradient(circle at bottom left, #cf9fc9 0%, transparent 60%),
    radial-gradient(circle at bottom right, rgba(232,125,61, 0.5) 0%, transparent 60%);

  background-repeat: no-repeat;

  background-size:
    120% 120%,
    120% 120%,
    120% 120%,
    120% 120%;

  animation: gradientPulse 12s ease-in-out infinite;
}

@keyframes gradientPulse {
  0% {
    background-size: 220% 220%, 220% 220%, 220% 220%, 220% 220%;
  }

  25% {
    background-size: 150% 150%, 110% 110%, 130% 130%, 100% 100%;
  }

  50% {
    background-size: 110% 110%, 150% 150%, 100% 100%, 130% 130%;
  }

  75% {
    background-size: 130% 130%, 100% 100%, 150% 150%, 110% 110%;
  }

  100% {
    background-size: 120% 120%, 120% 120%, 120% 120%, 120% 120%;
  }
}*/



body {
  margin: 0;
  background: rgba(181,198,231, 0.6);
  position: relative;
}

/* FIXED bleibt */
body:before,
body:after {
  content: "";
  position: fixed;
  top: -50vh;
  left: -50vw;
  width: 200vw;
  height: 200vh;

  z-index: -1;
  filter: blur(10px);
}

body:before {
  background:
    radial-gradient(circle at 30% 40%, rgba(207,159,201, 0.9) 0%, transparent 40%),
    radial-gradient(circle at 70% 70%, rgba(232,125,61, 0.9) 0%, transparent 40%);
  
  animation: moveBlobs1 40s ease-in-out infinite;
}

body:after {
  background:
    radial-gradient(circle at 60% 20%, rgba(207,159,201, 0.9) 0%, transparent 40%);
  
  animation: moveBlobs2 55s ease-in-out infinite;
}


@keyframes moveBlobs1 {
  0%   { transform: translate(0%, 0%) scale(1); }
  25%  { transform: translate(-15%, 20%) scale(1.2); }
  50%  { transform: translate(20%, -15%) scale(0.9); }
  75%  { transform: translate(-25%, -20%) scale(1.3); }
  100% { transform: translate(0%, 0%) scale(1); }
}

@keyframes moveBlobs2 {
  0%   { transform: translate(0%, 0%) scale(1); }
  25%  { transform: translate(25%, -15%) scale(1.1); }
  50%  { transform: translate(-20%, 25%) scale(1.4); }
  75%  { transform: translate(15%, -25%) scale(0.8); }
  100% { transform: translate(0%, 0%) scale(1); }
}




/*body.verlauf-dunkel {
  background-color: #2a5997;
  color: white;
}

body.verlauf-dunkel h1,
body.verlauf-dunkel h2,
body.verlauf-dunkel h3,
body.verlauf-dunkel h4,
body.verlauf-dunkel .content-accordion .handorgel__header .handorgel__header__button{
   color: white;
}

body.verlauf-dunkel .content-accordion .handorgel__header .handorgel__header__button{
  border-top: solid 1px white;
}

body.verlauf-dunkel .content-accordion .handorgel__header .handorgel__header__button:before {
    background-color: white;
}

body.verlauf-dunkel .content-accordion{
  border-bottom: solid 1px white;
}

body.verlauf-dunkel .logo a {
  background-image: url(/files/neuromotion/00_design_elemente/LG_neuromotion_negativ.svg);
}

body.verlauf-dunkel #header .smartmenu-trigger {
  background-color: var(--accentColor);
}

body.verlauf-dunkel .ce_iconbox_vertical.mit-icon .icon .icon_inside,
body.verlauf-dunkel .ce_iconbox_vertical.mit-icon:after{
  border-color: var(--accentColor);
  background-color: var(--accentColor);
}

body.verlauf-dunkel #footer, body.verlauf-dunkel #footer p a, body.verlauf-dunkel #footer h3,body.verlauf-dunkel #bottom, body.verlauf-dunkel #bottom div ,
body.verlauf-dunkel .ce_fancylink.style1 .link_text{
  color: white;
}

body.verlauf-dunkel:before {
  background:
    radial-gradient(circle at 30% 40%, rgba(21,27,59, 1) 0%, transparent 40%),
    radial-gradient(circle at 70% 70%, rgba(21,27,59, 1) 0%, transparent 40%);
  
  animation: moveBlobs1 40s ease-in-out infinite;
}

body.verlauf-dunkel:after {
  background:
    radial-gradient(circle at 60% 20%, rgba(21,27,59, 1) 0%, transparent 40%);
  
  animation: moveBlobs2 55s ease-in-out infinite;
}


*/



article {
  background: white;
}

#container,
#contentwrapper{
  background: transparent;
}

/*----------------------------------------------------------------------------*/

/**************************** 04. Fancy Link **********************************/
.ce_fancylink.style1 .link_text {
  font-family: "cabrito-extended", sans-serif;
	font-weight: 700;
	color: black;
}

.fancylink_color_white.ce_fancylink.style1 .link_text {
  color: white;
}

.ce_fancylink.style1 .shaft,
.ce_fancylink.style1 .shaft:before, 
.ce_fancylink.style1 .shaft:after {
  height: 2px;
  border-radius: 5px;
}

.ce_fancylink.style1.fancylink_color_white .shaft,
.ce_fancylink.style1.fancylink_color_white .shaft:before, 
.ce_fancylink.style1.fancylink_color_white .shaft:after{
  background-color: var(--accentColor);

}




/* Kreis um den shaft bei style1 */
.ce_fancylink.style1 a {
  padding-left: 50px; 
}

.ce_fancylink.style1 a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 38px;
  height: 38px;
  background-color: #f0f5fc;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: all 0.5s;
}

/* shaft im Kreis zentrieren */
.ce_fancylink.style1 .shaft {
  left: 7px;
  width: 24px;
}

.ce_fancylink.style1 .shaft:before,
.ce_fancylink.style1 .shaft:after {
  width: 8px;
}

.ce_fancylink.style1 .shaft:before {
  transform: rotate(40deg);
}

.ce_fancylink.style1 .shaft:after {
  transform: rotate(-40deg);
}

/* mit klasse .no-circle ohne Kreis*/
.ce_fancylink.style1.no-circle a:before {
  background-color: transparent;
}


@media only screen and (max-width: 1324px) and (min-width: 768px) {

  #article-3.breakpoint-more-width .autogrid_row {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  #article-3.breakpoint-more-width .column.col_7_t {
    width: 58.333333% !important;
    flex: 0 0 58.333333% !important;
    max-width: 58.333333% !important;
  }

  #article-3.breakpoint-more-width .column.col_5_t {
    width: 41.666667% !important;
    flex: 0 0 41.666667% !important;
    max-width: 41.666667% !important;
  }

  #article-3.breakpoint-more-width .column.col_6_t {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  .special-fuer-breakpoint {
    display: none;
  }
}

/*----------------------------------------------------------------------------*/

/******************************* 05. Bilder ***********************************/
.ce_image.border-radius-medium img {
  border-radius: 45px;
}


/*----------------------------------------------------------------------------*/

/**************************** 06. Teaserboxen *********************************/
.ce_wrap.border-radius-60 .inside{
  display: flex;
  flex-direction: column;
  height: 100%;
}

.ce_wrap.border-radius-60 .inside .ce_fancylink {
  margin-top: auto;
}

/*----------------------------------------------------------------------------*/

/************************** 07. SVG im Hintergrund ****************************/
.mod_article.bg-left-top {
  background-position: calc(100% - 300%) center;
}


/*----------------------------------------------------------------------------*/

/******************************* 08. Akkordeon ********************************/
.content-accordion {
	border-bottom: solid 1px black;
}

.content-accordion .handorgel__header .handorgel__header__button {
	background-color: transparent;
	border-top: solid 1px black;
	
	color: black;
	font-size: 25px;
	line-height: 1.3;
	
	font-family: "segoe-ui", sans-serif;
  font-weight: 700;
}

/* Ausnahme: der *erste* Accordion-Header innerhalb jedes .content-accordion NIE Border oben */
.content-accordion .handorgel__header:first-child .handorgel__header__button {
    border-top: none !important;
    padding-top: 0px;
}

.content-accordion .handorgel__header .handorgel__header__button:hover{
	color: var(--secondColor);
}

.content-accordion .handorgel__header .handorgel__header__button:hover:before{
	background-color: var(--secondColor);
}

.content-accordion .handorgel__header .handorgel__header__button{
	padding: 30px 20px;
}

.content-accordion .handorgel__content__inner {
	padding: 0px 20px 30px 20px;
}

.content-accordion .handorgel__header .handorgel__header__button:before {
	content: "";
	width: 30px;
	height: 30px;
	float: right;
    clear: both;
    display: inline-block;
    margin-left: 15px;
    padding: 0;
    text-align: center;
    background-color: black;
    transition: rotate ease .8s;
    
	mask: url("/files/neuromotion/00_design_elemente/plus-light-full.svg") no-repeat center;
	-webkit-mask: url("/files/neuromotion/00_design_elemente/plus-light-full.svg") no-repeat center;
}


/*schönere Animation*/
.content-accordion .handorgel__content--open {
	transition: height .5s ease;
}

.content-accordion .handorgel__content__inner {
	opacity: 1;
}

.content-accordion .handorgel__header.handorgel__header--open .handorgel__header__button {
	color: var(--secondColor);
}

.content-accordion .handorgel__content.handorgel__content--open .handorgel__content__inner .ce_text figure {
	padding-bottom: 25px;
}

.content-accordion .handorgel__header.handorgel__header--open .handorgel__header__button:before {
  	mask: url("/files/neuromotion/00_design_elemente/minus-light-full.svg") no-repeat center;
	-webkit-mask: url("/files/neuromotion/00_design_elemente/minus-light-full.svg") no-repeat center;
	background-color: var(--secondColor);
}

@media (max-width: 767px) {
	.content-accordion .handorgel__header .handorgel__header__button,
	.content-accordion .handorgel__header .handorgel__header__button:before{
		font-size: 20px;
		
	}
	.content-accordion .handorgel__header .handorgel__header__button{
		padding: 20px 10px;
	}
	.content-accordion .handorgel__content__inner {
		padding: 0 10px;
	}
}

.content-accordion .handorgel__header button.handorgel__header__button:hover{
	border-top: solid 1px black;
}

.content-accordion .handorgel__content {
	border-top: solid 1px rgba(0,0,0,0);
	background: transparent;
}

/**** Akkordeon Header *****/
.akkordeon-header button {
  text-align: left;
  margin-right: 10px;
}

.akkordeon-header .handorgel__header .handorgel__header__button {
  padding: 0px;
  font-family: cabrito-extended, sans-serif;
  font-weight: 700;
  font-size: var(--body-fontSize);
}

.akkordeon-header.negativ .handorgel__header .handorgel__header__button {
  color: white;
  text-wrap: nowrap;
}


.akkordeon-header .handorgel__header .handorgel__header__button:before  {
  float: left;
  margin-left: 0px;
}

.akkordeon-header {
  border-top: solid 0px black;
  border-bottom: solid 0px black;
}

.akkordeon-header.content-accordion .handorgel__header .handorgel__header__button:before {
  margin-right: 15px;
  background-color: var(--accentColor);
  z-index: 1;
  position: relative;

}

.akkordeon-header.content-accordion .handorgel__header .handorgel__header__button:after {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: rgb(240, 245, 252);
    float: left;
    left: 0;
    z-index: -1;
    border-radius: 50px;
}

.akkordeon-header.negativ.content-accordion .handorgel__header .handorgel__header__button:after {
  z-index: 0;
}

.akkordeon-header.content-accordion .handorgel__content__inner {
  padding: 15px 0px;
}

/*----------------------------------------------------------------------------*/

/******************************* 9. Zitat *************************************/
.zitat p{
font-family: "segoe-ui", sans-serif;
font-weight: 300;
font-style: italic;
  font-size: 1.4rem;
  line-height: 2rem;
}



/*----------------------------------------------------------------------------*/

/************************** 10. Iconbox Vertikal ******************************/
.ce_iconbox_vertical[data-style="style1"] .icon .icon_inside {
  border-color: var(--accentColor);
  background-color: var(--accentColor);
}

.ce_iconbox_vertical[data-style="style1"]:after {
  background: var(--accentColor);
}

.ce_iconbox_vertical:after {
  width: 4px;
  left: 21px;
}

/*** mit Icon ***/
.ce_iconbox_vertical.mit-icon .icon .icon_inside {
  border-color: var(--secondColor);
  background-color: var(--secondColor);
}

.ce_iconbox_vertical.mit-icon:after {
  background: var(--secondColor);
}

/*----------------------------------------------------------------------------*/

/******************** 11. Drei Zentrale Sinnesysteme **************************/




/*----------------------------------------------------------------------------*/

/********************************* 12. CTA ************************************/




/*----------------------------------------------------------------------------*/

/***************************** 13. Bilder Slider ******************************/


.swiper-slide[data-swiper-slide-index="0"] .image_container {
  padding-top: 45px;
}

.swiper-slide[data-swiper-slide-index="1"] .image_container {
  padding-top: 10px;
}

.swiper-slide[data-swiper-slide-index="2"] .image_container {
  padding-top: 65px;
}

.swiper-slide[data-swiper-slide-index="3"] .image_container {
  padding-top: 0px;
}

.swiper-slide[data-swiper-slide-index="4"] .image_container {
  padding-top: 70px;
}

.swiper-slide[data-swiper-slide-index="5"] .image_container {
  padding-top: 20px;
}

.swiper-slide[data-swiper-slide-index="6"] .image_container {
  padding-top: 45px;
}

.swiper-slide[data-swiper-slide-index="7"] .image_container {
  padding-top: 10px;
}

.swiper-slide[data-swiper-slide-index="8"] .image_container {
  padding-top: 65px;
}

.swiper-slide[data-swiper-slide-index="9"] .image_container {
  padding-top: 0px;
}

.swiper-slide[data-swiper-slide-index="10"] .image_container {
  padding-top: 70px;
}

.swiper-slide[data-swiper-slide-index="11"] .image_container {
  padding-top: 20px;
}





/*-----------------------------------------------------------------------------*/

/***************************** 14. Testimonials ********************************/
.ce_testimonial_version4 .image_container img {
    width: 120px;
    height: 120px;
}

.ce_testimonial_version4 .ce_testimonial_inside {
  padding-left: 140px;
  max-width: 100%;
}

.ce_testimonial_version4 .ce_testimonial_inside .name {
  font-weight: bold;
}

.ce_testimonial_version4 .text {
    font-family: "segoe-ui", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: var(--body-fontSize);
    text-align: start !important;
}

.swiper-wrapper .ce_testimonial_version4 {
     max-width: 100%;
}

.testimonials .swiper-slide .image_container {
  padding-top: 5px !important;
}


/*-----------------------------------------------------------------------------*/

/***************************** 15. Bookingtool ********************************/


/*-----------------------------------------------------------------------------*/
/******************************* 20. Footer ***********************************/
#footer,
#footer p a,
#footer h3,
#bottom,
#bottom div{
  background-color: transparent;
  color: black;
}

#bottom,
#bottom div {
  font-size: 16px;
}

#bottom .inside a:hover {
  border-bottom: 0px ;
}

#bottom .first-a {
    padding-left: 15px;
  }
  
#bottom a {
    padding-left: 15px;
  }



/*----------------------------------------------------------------------------*/

/******************************* Responsive ***********************************/
/******************************************************************************/

/********************************** TABLET ************************************/
@media (max-width: 1024px) {
/********************************** Globales **********************************/ 
  .mod_article.fullwidth-padding-both > .container {
    padding-right: 40px;
    padding-left: 40px;
  }

/*********************** 02. Header/Navigation ********************************/
  .smartmenu-scrollable {
    flex-direction: column;
  }
  
  .smartmenu-content .fancylink-container {
    align-self: flex-start;
    margin-top: 10vh;
  }
  
  .smartmenu-content .ce_fancylink {
    padding: 6px 0px;
  }
  
/******************** 11. Drei Zentrale Sinnesysteme **************************/
  .drei-zentrale-sinnessysteme .ce_shift_wrapper_start {
    transform: translateY(0%) !important;
  }
  
  .drei-zentrale-sinnessysteme .ce_bgimage-image {
    background-size: contain !important;
  }
  
  .drei-zentrale-sinnessysteme .sehen,
  .drei-zentrale-sinnessysteme .wahrnehmung{
    text-align: right;
  }
  
  .drei-zentrale-sinnessysteme .gleichgewicht {
    text-align: left;
  }

/******************************* 05. Bilder ***********************************/
  .ce_image.border-radius-medium img {
    border-radius: 30px;
  }

/**************************** 04. Teaserboxen *********************************/
  .ce_wrap.border-radius-60 {
    border-radius: 30px;
  }
  
/************************** 10. Iconbox Vertikal ******************************/
.ce_iconbox_vertical:last-child {
  padding-bottom: 0px;
}
  
/********************************* 12. CTA ************************************/
.cta .ce_wrap {
  padding: 7% !important;
}


/********************************* 20. Footer *********************************/
#footer .inside,
#bottom .inside{
  max-width: none;
  margin: 0;
}

}
/********************************** MOBILE ************************************/

@media (max-width: 768px) {
/********************************** Globales **********************************/ 
  .mod_article.fullwidth-padding-both > .container {
    padding-right: 20px;
    padding-left: 20px;
  }
  
  .mod_article.article-pt-xs > .container {
    padding-top: 0px;
  }
  
/*********************** 02. Header/Navigation ********************************/  
  #header .smartmenu-trigger,
  .smartmenu-content .smartmenu-close{
    border-radius: 80px;
    width: 35px;
    height: 35px;
    top: 15px;
    right: -20px;
  }
  .smartmenu-content .smartmenu-close{ 
    right: 20px;
  }
  .smartmenu .smartmenu-trigger .line {
    width: 20px;
    left: 8px;
    height: 1.5px;
  }
  .smartmenu .smartmenu-trigger .line:before, .smartmenu .smartmenu-trigger .line:after,
  .smartmenu-close .span-one, .smartmenu-close .span-two{
    width: 20px;
    height: 1.5px;
  }
  .smartmenu .smartmenu-trigger .line:before {
    margin-top: 6px;
  }
  .smartmenu .smartmenu-trigger .line:after {
    margin-top: -7px;
  }
  .smartmenu-content {
        width: 100vw;
  }
  .smartmenu-content .mod_navigation li:not(.floatbox){
    line-height: 40px;
    font-size: 18px;
    padding: 0px;
  }
  .smartmenu-content .fancylink-container span{
     font-size: 0.8rem;
  }
  

 
/******************** 11. Drei Zentrale Sinnesysteme **************************/
  .drei-zentrale-sinnessysteme .ce_bgimage-image {
    background-size: cover !important;
  }
  
/***************************** 14. Testimonials ********************************/
  .ce_testimonial_version4 .ce_testimonial_inside {
      padding-left: 0px;
      padding-top: 150px;
  }
  

/******************************* 20. Footer ***********************************/
  #bottom,
  #bottom div {
    font-size: 13px;
  }
  #footer .inside,
  #bottom .inside{
    max-width: 100%;

  }
  #bottom .inside {
      line-height: 20px;  
  }
  
  #bottom .first-a {
    padding-left: 0px;
  }
}