/* front */

/* --- adobe --- */
/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * ff-market-web:
 *   - http://typekit.com/eulas/0000000000000000773599f5
 *   - http://typekit.com/eulas/0000000000000000773599f6
 * ff-market-web-pro-condensed:
 *   - http://typekit.com/eulas/00000000000000003b9b06c3
 *
 * © 2009-2021 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2021-03-01 10:07:48 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=jsd4ibl&ht=tk&f=4774.4859.16558&a=8016225&app=typekit&e=css");

@font-face {
    font-family:"ff-market-web";
    src:url("https://use.typekit.net/af/6b403f/0000000000000000773599f5/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/6b403f/0000000000000000773599f5/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/6b403f/0000000000000000773599f5/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:700;
}

@font-face {
    font-family:"ff-market-web";
    src:url("https://use.typekit.net/af/9ee3ad/0000000000000000773599f6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/9ee3ad/0000000000000000773599f6/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/9ee3ad/0000000000000000773599f6/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
    font-family:"ff-market-web-pro-condensed";
    src:url("https://use.typekit.net/af/6c6d35/00000000000000003b9b06c3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/6c6d35/00000000000000003b9b06c3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/6c6d35/00000000000000003b9b06c3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:500;
}

.tk-ff-market-web { font-family: "ff-market-web",sans-serif; }
.tk-ff-market-web-pro-condensed { font-family: "ff-market-web-pro-condensed",sans-serif; }
/* --- /adobe --- */

/* to be remembered */
:root {
  --hex-parent-height: 10px;
}

.hexagon.parent {
  /* ... */
  width: var(--hex-parent-height);
}


body { font-family: Helvetica, Verdana, sans-serif;}

/* -- top nav -- */

.navbar.site-top { padding-top: 1rem; padding-bottom: 1rem; }
.navbar-nav { position: relative; }

.navbar-light .navbar-toggler { border: none;}

.navbar-brand { display: none;}
.navbar-brand img.logo { height: 30px; width: auto; margin-top: -4px;}
span.nav-links-spacer { margin-left: 125px;}
.nav-link.active { color: #f79542 !important;}
.nav-link:hover { color: #f79542 !important;}
.nav-link { font-size: .8rem; line-height: 13px; display: flex; color: #000 !important; padding-left: 1rem !important; padding-right: 1rem !important;}
.nav-link div { margin-right: 5px; width: 5px; background: #f79542;}
.floating-logo { position: absolute; left: 20px; top: -6px; z-index: 1000;}
img.logo { width: 100px; }

@media screen and (max-width: 992px) {
  .navbar-nav .nav-link { justify-content: right;}
  .nav-link .deco { display: none;}
  .navbar-brand { display: block;}
  .navbar-brand img.logo { position: absolute; z-index: 10; height: 42px; margin-top: -22px;}
}


.custom-inner { display: flex; flex-grow: 1; }

.lg-nav-link { font-size: .8rem; text-decoration: none; color: #666 !important;}
.lg-nav-link.active { color: #000 !important; }

.lang-switch { margin-top: 3px; }
.lang-switch a:first-child { margin-left: 0px;}
.lang-switch a { margin-left: 5px;}

@media screen and (max-width: 850px) {
	.floating-logo { display: none; }
	.custom-inner { display: block !important; margin-top: 0px;}
	.lang-switch { display: flex; justify-content: space-evenly; border-top: 1px #e0e0e0 solid; padding-top: 17px; margin-top: 10px;}

	.footer .contact-infos { padding-left: calc(var(--bs-gutter-x)/ 2); border-left: none;}
}

/* -- footer -- */

footer { background: #000; color: #aaa; margin-top: 100px; padding-top: 45px; padding-bottom: 20px; font-size: 12px; }
footer .container.footer-wrapper { margin-bottom: 40px; }
.footer-strip { height: 10px; background: #f79542;}
a.footer-link { color: #aaa; text-decoration: none; }
a.footer-link:hover { color: #fff;}
.social-stuff { margin-bottom: 15px;}
.social-stuff i { font-size: 30px ; margin-right: 20px;}
footer .contact-infos { padding-left: 50px; border-left: 1px solid #aaa; }


/* -- utils -- */

:root{
  --txt-color-orange: #f79542;
  --txt-color-petrol: #0093b2;
  --txt-color-olive: #c0ce31;
}

.txt-color-orange { color: #f79542;}
.txt-color-petrol { color: #0093b2;}
.txt-color-olive { color: #c0ce31;}

.bg-black { background: #000 !important; }
.bg-dark-gray { background: #666 !important; }
.bg-white { background: #fff !important; }
.bg-orange { background: #f79542 !important; }
.bg-petrol { background: #0093b2 !important; }
.bg-olive { background: #c0ce31 !important; }
.bg-aqua { background: #66BED1 !important; }

.btn-color-orange {  border-color: #f79542; background: #f79542 !important;}
.btn-color-orange:hover {  border-color: #de9f68 !important; background: #F49C3B; }
.btn-color-petrol {  border-color: #0093b2; background: #0093b2 !important;}
.btn-color-petrol:hover {  border-color: #1e8498 !important;}
.btn-color-olive { border-color: #c0ce31; background: #c0ce31 !important;}
.btn-color-olive:hover {  border-color: #adb54f !important;}

.cursor-pointer { cursor: pointer;}

div.separator { margin-top: 10px; margin-bottom: 20px; content: '';}

/* -- globals -- */

.gb-section-title { font-family: "ff-market-web",sans-serif; font-size: 36px; margin-bottom: 10px;}

/* -- carousel wrapper -- */
.carousel-wrapper { margin-bottom: 60px; } 

.carousel-text-box { position: absolute; top: calc(50% - 3rem); left: 100px; padding: 10px; z-index: 901; max-width: 35; }
.carousel-text-box .bg-opac { 
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 18px 36px 18px 16px;
    margin: 0 auto;
    background-position: center -100px;
    /*-webkit-filter: blur(7px);*/
    background: #fff;
    opacity: .9;
    border-radius: 3px;

    width: 100%;
    height: 100%;
}
.carousel-text-box .content { position: relative; padding: 18px 36px 18px 16px; line-height: 34px;  }
.carousel-text-box .content.funny { font-family: "ff-market-web",sans-serif; font-size: 30px; }
.carousel-text-box .content.funny a.link-btn { display: flex; text-decoration: none; font-family: Helvetica, Verdana, sans-serif; font-size: 15px; text-transform: uppercase; color: #000;}
.carousel-text-box .content.funny .link-btn .button { border-radius: 50%; background: var(--txt-color-orange); color: #fff; padding: 0px 9px 0px 24px; position: relative; margin-right: 10px;}
.carousel-text-box .content.funny .link-btn .button i { font-size: 24px; position: absolute; left: 11px; top: 5px;}
.carousel-wrapper .copyright { position: absolute; right: 25px; bottom: 20px;}

@media screen and (max-width: 850px) {
	.carousel-item img { height: 250px; object-fit: cover; }
	.carousel-text-box { top: auto; left: 10px; right: 10px; bottom: 10px; background: rgba(255, 255, 255, 0.9);}
	.carousel-text-box .content { line-height: 20px; text-align: center;}
	.carousel-text-box .content.funny { font-size: 24px; text-align: left;}

  .carousel-text-box .content.funny .link-btn .button { padding: 0px 5px 0px 16px; margin-right: 6px; }
  .carousel-text-box .content.funny .link-btn .button i { font-size: 16px; left: 7px; top: 2px; }
}
@media screen and (max-width: 400px) {
	.carousel-text-box .content { padding: 0px; }
}

/* -- scene block -- */
.scene-wrapper { margin: 40px auto;}
.scene-inner-wrapper { position: absolute; z-index: 1000; }
.scene-background {position: relative; width: 100%;}
.scene-background img { width: 100%;}
.scene-wrapper .copyright { position: absolute; right: 25px; bottom: 20px;}
.scene-text-below { padding: 5px; font-size: 12px; width: 90%; margin: auto; }

.scene-text-box { position: absolute; top: 100px; left: 100px; padding: 10px; z-index: 901; width: 400px; }
.scene-text-box .content { position: relative; padding: 18px 36px 18px 16px; line-height: 20px; font-size: 16px;  }
.scene-text-box .content .title { margin-bottom: 20px; font-weight: bold; }
.scene-text-box .content .body { font-size: .9em;}
.scene-text-box .content .actions { margin-top: 20px;}
.scene-text-box .content .actions .btn { text-transform: uppercase;}
.scene-text-box .content .actions .btn i { margin-left: 20px;}

.scene-text-box .bg-opac { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 18px 36px 18px 16px; margin: 0 auto; background-position: center -100px; /*-webkit-filter: blur(7px);*/ background: #fff; opacity: .9; border-radius: 3px; width: 100%; height: 100%; }
.actions-splitted { display: flex;}
.cut-corner-right { position: relative; }
.cut-corner-right:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 76px solid RGBA(255, 255, 255, 0.2);
  border-left: 80px solid RGB(255, 255, 255);
  width: 0;
  opacity: .9;
}

@media screen and (max-width: 1400px) {
  .scene-text-box { top: calc(50% + 20px); }
}
@media screen and (max-width: 850px) {
  .scene-inner-wrapper { position: static; padding: 40px; background-position-x: center;}
  .bg-opac { display: none; }
  .scene-text-box { position: static; padding: 5px; width: 100%; background: rgba(255, 255, 255, 0.9); }
  .scene-background { display: none;}

  .scene-text-box .content {
    position: relative;
    padding: 20px;
    line-height: 20px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
  }
}

/* -- section block -- */
.section-textblock-home {}
.section-textblock-home .body-wrapper { margin-left: 50px; padding-left: 20px; margin-right: 30px; border-left: 4px transparent solid;}
.section-textblock-home .body-wrapper .title { margin-bottom: 5px; font-weight: bold;}

.section-textblock-home.orange .body-wrapper .title { color: #f79542;  }
.section-textblock-home.petrol .body-wrapper .title { color: #0093b2; }
.section-textblock-home.olive .body-wrapper .title { color: #c0ce31; }


.section-textblock-home .action-wrapper { display: flex; align-items: baseline; margin-top: 20px;}
.section-textblock-home .action-wrapper a { color: #000; text-decoration: none; text-transform: uppercase;}
.section-textblock-home .col-button {}
.section-textblock-home .col-button .bt-circle { border-radius: 50%; padding: 4px 11px 4px 13px; background: #f0f0f0; color: #000;}
.section-textblock-home .action-wrapper .col-label { margin-left: 40px;} 

.section-textblock-home.orange .body-wrapper { border-left: 5px #f79542 solid; }
.section-textblock-home.orange .col-button .bt-circle { background: #f79542; color: #fff; }

.section-textblock-home.petrol .body-wrapper { border-left: 4px #0093b2 solid; }
.section-textblock-home.petrol .col-button .bt-circle { background: #0093b2; color: #fff; }
.section-textblock-home.petrol .col-button .bt-circle a { color: #fff;}

.section-textblock-home.olive .body-wrapper { border-left: 4px #c0ce31 solid; }
.section-textblock-home.olive .col-button .bt-circle { background: #c0ce31; color: #fff; }

img.textblock-side { width: 100%; }

@media screen and (max-width: 850px) {
	.section-textblock-home .body-wrapper { margin-left: 0px;}

}

/* -- /section block -- */


/* -- nav widget block -- */
.nav-widget-container { padding-bottom: 40px;}
.nav-widgets-block { margin-top: 40px;}
.nav-widgets-block .wallpaper { position: absolute; width: 100%; z-index: -1; height: 300px; }
.nav-widgets-block .wallpaper img { object-fit: cover; height: 300px; object-position: center; width: 100%;}

.nav-widgets-block .nav-widgets-flex-wrapper { margin-top: 30px; padding-bottom: 40px;}
.nav-widgets-block .nav-widgets-flex-wrapper .widgets-inner-wrapper {display: flex; justify-content: center; column-gap: 30px;}
.nav-widgets-block .nav-widgets-flex-wrapper .widgets-inner-wrapper.with-wallpaper { padding-top: 70px;}

.nav-widgets-block .title-main { font-size: 29px; font-family: 'ff-market-web';  }
.nav-widgets-block.orange .title-main { color: #f79542; }
.nav-widgets-block.petrol .title-main { color: #0093b2; }
.nav-widgets-block.olive .title-main { color: #c0ce31; }

.nav-widgets-block .nav-item-wrapper { width: 100%; max-width: 300px; border: 1px solid #a0a0a0; font-size: 14px; }

.nav-widgets-block.orange .nav-item-wrapper { background: #f79542; }
.nav-widgets-block.petrol .nav-item-wrapper { background: #0093b2; }
.nav-widgets-block.olive .nav-item-wrapper { background: #c0ce31; }


.nav-widgets-block .nav-image { background: #666;}
.nav-widgets-block.orange .nav-image { background: #f79542;}
.nav-widgets-block.petrol .nav-image { background: #0093b2;}
.nav-widgets-block.olive .nav-image { background: #c0ce31;}


.nav-widgets-block .nav-image img { width: 100%; height: 100%;}
.nav-widgets-block .nav-body { padding: 20px; padding-bottom: 20px; }
.nav-widgets-block .nav-body .body-caption { margin-top: 10px; font-size: 0.8em; }
.nav-widgets-block .nav-body .body-title { height: 34px; margin-top: 10px; font-weight: 700; font-size: 1.2em; line-height: 16px; text-transform: uppercase; }
.nav-widgets-block .nav-body .body-content { height: 100px; margin-top: 10px; line-height: 16px; }
.nav-widgets-block .action-wrapper { display: flex; margin-top: 15px; }
.nav-widgets-block .action-wrapper .col-button { margin-right: 10px;}
.nav-widgets-block .action-wrapper .bt-placer i { color: #fff;}
.nav-widgets-block .action-wrapper .col-label a { text-decoration: none; color: #000;}

@media screen and (max-width: 850px) {
  .nav-widgets-block .nav-widgets-flex-wrapper .widgets-inner-wrapper { justify-content: normal; padding: 40px; overflow-x: auto; }
  .nav-widgets-block .nav-item-wrapper {min-width: 240px;}
}

/* -- /nav widget block -- */

/* -- subnav widget block -- */
.subnav-container {}
.subnav-container .subnav-inner-wrapper {  display: flex; justify-content: center; column-gap: 30px; }
.subnav-container .subnav-title { padding: 20px 30px 30px; color: #000; max-width: 1000px; margin: auto; text-transform: uppercase;}
.subnav-container.with-wallpaper { padding-top: 30px; }
.subnav-container .background-wallpaper { position: absolute; width: 100%; z-index: -1; height: 300px; }

.subnav-container .background-wallpaper.orange { background: #f79542; }
.subnav-container .background-wallpaper.petrol { background: #0093b2; }
.subnav-container .background-wallpaper.olive { background: #c0ce31; }

.subnav-container .subnav-item-wrapper { width: 100%; max-width: 200px;  border: 1px solid #a0a0a0; font-size: 14px; background: #fff; }

/* CURRENTLY NOT USED - background is always white
.subnav-container.orange .subnav-item-wrapper { background: #f79542; }
.subnav-container.petrol .subnav-item-wrapper { background: #0093b2; }
.subnav-container.olive .subnav-item-wrapper { background: #c0ce31; }
*/

.subnav-container .subnav-image { background: #666;}
.subnav-container .subnav-image img { width: 100%; height: auto; min-height: 136px; object-fit: cover; object-position: center;  }
.subnav-container .subnav-body { padding: 10px; }
.subnav-container .subnav-body .body-caption { margin-top: 10px; font-size: 0.8em; }
.subnav-container .subnav-body .body-title { margin-top: 10px; font-size: 1.2em; line-height: 20px; height: 42px; overflow: hidden; }
.subnav-container .subnav-body .body-content { margin-top: 10px; min-height: 40px; }
.subnav-container .action-wrapper { display: flex; margin-top: 15px; }
.subnav-container .action-wrapper .col-button { margin-right: 10px;}
.subnav-container .action-wrapper .bt-placer i { color: #000;}
.subnav-container .action-wrapper .col-label a { text-decoration: none; color: #000;}

@media screen and (max-width: 850px) {
  .subnav-container .subnav-inner-wrapper { justify-content: normal; padding: 40px; overflow-x: auto; }
  .subnav-container .subnav-item-wrapper { min-width: 220px; }
}

/* -- /subnav widget block -- */


/* -- link and document block -- */

.link-and-document-container { box-sizing: border-box; margin-bottom: 40px;}
.linkdoc-items-container { }
.linkdoc-items-container .linkdoc-item-wrapper { margin-bottom: 3px; width: 100%; }

.linkdoc-item-wrapper .header-bar.orange { background: var(--txt-color-orange); }
.linkdoc-item-wrapper .header-bar.petrol { background: var(--txt-color-petrol); }
.linkdoc-item-wrapper .header-bar.olive { background: var(--txt-color-olive); }

.linkdoc-item-wrapper .header-bar { padding: 10px 20px; display: flex; align-content: space-between; align-items: center; background: #a0a0a0; }
.linkdoc-item-wrapper .header-bar .caption { font-weight: bold; width: 100%; }
.linkdoc-item-wrapper .header-bar .control-icons { font-size: 20px;}
.linkdoc-item-wrapper .header-bar .icon-wrapper { display: flex; text-align: right; }
.linkdoc-item-wrapper .content { margin-top: 3px; background: #F4F6FD; padding: 20px; display: none;}
.linkdoc-item-wrapper .content ul { margin-bottom: 0px;}
.linkdoc-item-wrapper .content li { margin-bottom: 5px; }
.linkdoc-item-wrapper .content li:last-child { margin-bottom: 0px; }
.linkdoc-item-wrapper .content a { color: #000;}
.linkdoc-item-wrapper a.download { color: #000; text-decoration: none;}

/* -- /link and document block -- */

/* -- listblock -- */ 

.listblock-container {}

.collistblock-items-wrapper.two-col-grid { display: grid; grid-template-columns: auto auto; column-gap: 30px;  }
.collistblock-items-wrapper.three-col-grid { display: grid; grid-template-columns: auto auto auto; column-gap: 30px;  }

.listblock-item-wrapper { margin-bottom: 30px;}
.listblock-item-wrapper .inner-wrapper { background: #F4F6FD; display: flex; flex-grow: 1;}
.listblock-item-wrapper .inner-wrapper .visual-col { width: auto; min-width: 50px;}
.listblock-item-wrapper .inner-wrapper .visual-col img { max-width: 130px; width: 100%; object-fit: cover; height: 130px;}
.listblock-item-wrapper .inner-wrapper .body-col { width: 100%; padding: 15px 20px 30px 20px; }
.listblock-item-wrapper .inner-wrapper .toolbox { float: right; }
.listblock-item-wrapper .inner-wrapper .toolbox i { font-size: 26px;}
.listblock-item-wrapper .inner-wrapper .title { font-size: 18px; margin-bottom: 10px; font-weight: bold;}
.listblock-item-wrapper .inner-wrapper .sub-title { font-size: 16px; margin-bottom: 10px;}
.listblock-item-wrapper .inner-wrapper .content { font-size: 14px; line-height: 14px;}

/* -- /listblock -- */ 

/* -- calendar event -- */

.calendar-event-container {}
.calendar-month-title { font-family: "ff-market-web",sans-serif; font-size: 40px;}


.calendar-month-title.orange { color: var(--txt-color-orange); }
.calendar-month-title.petrol { color: var(--txt-color-petrol); }
.calendar-month-title.olive { color: var(--txt-color-olive); }

.calendar-event-items-wrapper { margin-bottom: 30px;}
.calendar-event-items-wrapper.two-col-grid { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 30px;  }
.calendar-event-items-wrapper.three-col-grid { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 30px; }

.calendar-event-items-wrapper .inner-wrapper { display: flex; background: #F4F6FD; padding: 20px; margin-bottom: 30px;}
.calendar-event-items-wrapper .inner-wrapper.highlighted { border-right: 10px #f79542 solid;}
.calendar-event-items-wrapper .inner-wrapper .col-date {text-align: center;}
.calendar-event-items-wrapper .inner-wrapper .date-wrapper { border: 4px #f79542 solid; padding: 20px 10px;}
.calendar-event-items-wrapper .inner-wrapper .date-day { font-size: 16px; font-weight: bold;}
.calendar-event-items-wrapper .inner-wrapper .date-full { font-size: 13px; font-weight: bold;}
.calendar-event-items-wrapper .inner-wrapper .col-body {padding-left: 20px;}
.calendar-event-items-wrapper .inner-wrapper .col-body .title { margin-bottom: 10px; }
.calendar-event-items-wrapper .inner-wrapper .col-body .content { font-size: 15px; line-height: 15px; }

@media screen and (max-width: 850px) {
  .calendar-event-items-wrapper.two-col-grid { display: grid; grid-template-columns: repeat(1, 1fr); }
  .calendar-event-items-wrapper.three-col-grid { display: grid; grid-template-columns: repeat(1, 1fr); }
}

/* -- /calendar event -- */


/* -- teamcard -- */

.teamcard-container { width: 100%;}
.teamcard-item-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 30px; row-gap: 30px; }
.teamcard-item-wrapper .inner-wrapper { border: 1px solid; box-shadow: 0px 2px 11px 1px #e0e0e0; }
.teamcard-item-wrapper .inner-wrapper .teamcard-image {}
.teamcard-item-wrapper .inner-wrapper .teamcard-image img { width: 100%; }
.teamcard-item-wrapper .inner-wrapper .teamcard-body { font-size: 14px; padding: 20px 20px 10px 20px;}
.teamcard-item-wrapper .inner-wrapper .teamcard-body .body-caption { font-weight: bold; font-size: 1.2em; margin-bottom: 0px; text-transform: uppercase;}
.teamcard-item-wrapper .inner-wrapper .teamcard-body .body-title {font-size: 1.0em; margin-bottom: 10px;}
.teamcard-item-wrapper .inner-wrapper .teamcard-body .body-content { }
.teamcard-body .body-content .contacts { margin-bottom: 15px; box-sizing: border-box; }
.teamcard-body .body-content .contacts:last-child { }
.teamcard-body .body-content .description { box-sizing: border-box;}

@media screen and (max-width: 850px) {
	.teamcard-item-wrapper { grid-template-columns: auto auto; }
}
@media screen and (max-width: 400px) {
	.teamcard-container { width: auto;}
 	.teamcard-item-wrapper { grid-template-columns: auto; }
}

/* -- /teamcard -- */

img.courses { width: 100%; }

.address .title { font-weight: bold;} 
.bankaccount .title { font-weight: bold;}

form.membership-subscription { padding: 0px; background: #f0f0f0;}
form.membership-subscription .header {padding: 20px; font-weight: bold; border-bottom: 2px solid #b3b3b3;}
form.membership-subscription .inner-wrapper { padding: 20px;}

/* -- in front dev mode --*/
.devmode-header { padding: 20px; border: 1px solid #0093b2; color: brown; font-weight: bold;}
.devmode-wrapper { border: 1px solid #0093b2; }

.gallery-imgs-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 20px;
  row-gap: 20px;
  align-content: space-between;
  width: 100%;
	justify-content: center;
	align-items: center;
	position: relative;
}
.gallery-imgs-wrapper a { text-align: center;}
img.gallery-thumbs {
	width: 100%;
	max-height: 100%;
	box-shadow: 0 10px 20px #b9bbbe;
	margin-bottom: 15px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  width: 220px;
  height: 220px;
  object-fit: cover;
}

@media screen and (max-width: 998px) {
  .gallery-imgs-wrapper { grid-template-columns: repeat(4, 1fr); }
}

@media screen and (max-width: 768px) {
  .gallery-imgs-wrapper { grid-template-columns: repeat(3, 1fr); }
}

@media screen and (max-width: 580px) {
  .gallery-imgs-wrapper { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 380px) {
  .gallery-imgs-wrapper { grid-template-columns: repeat(1, 1fr); }
}