

:root {
    --primary-color: #267487;
    --secondary-color: #954D98;
    --text-color: #222;
    --text-color-white: #fff;
    --overlay-color:rgba(0,0,0,.4);
}

/*Seminarübersicht - Projektmanagement und Organisation */
/*#module-156\#2{display:none !important}*/

.eb-event-item-grid-default-layout{box-shadow:none;margin-bottom:3rem;border-radius:0;border:3px solid var(--primary-color);padding:2rem 1rem}
.eb-event-item-grid-default-layout:hover{box-shadow:none}

.eb-event-item-grid-default-layout .eb-event-infos .eb-event-title-container{margin-top:0 !important;padding-right:3rem}
.eb-event-item-grid-default-layout .eb-event-infos .eb-event-title-container .zertifikats-hinweis{cursor:pointer;position:absolute;transition:all .2s linear 0s;top:.5rem;right:.5rem;background-color:#f7c05c;color:var(--text-color);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border-radius:50%}
.eb-event-item-grid-default-layout .eb-event-infos .eb-event-title-container .zertifikats-hinweis:hover{transform:scale(1.1)}

.eb-event-item-grid-default-layout .eb-event-infos{width:100%;margin-left:0 !important;padding-left:0;margin-bottom:0 !important;padding-bottom:0 !important}
.eb-event-item-grid-default-layout .eb-event-infos .eb-event-title{font-size:1.5rem;color:var(--text-color)}
.eb-event-item-grid-default-layout .eb-event-infos .eb-event-short-description{font-style:italic;font-weight:400}
.eb-event-item-grid-default-layout .eb-event-infos td.eb-event-property-label{vertical-align:top;font-weight:300}
.eb-event-item-grid-default-layout .eb-event-infos td.eb-event-property-value{padding-left:1rem;font-weight:600}

.eb-event-item-grid-default-layout hr{border-width:3px}
.eb-event-item-grid-default-layout .eb-event-main-category{display:none}
.eb-event-item-grid-default-layout .eb-event-thumb-container{border-radius:0}

.eb-event-item-grid-default-layout .eb-event-date-time,
.eb-event-item-grid-default-layout .eb-event-location{font-weight:600}

.event-time-location{font-weight:700}
.eb-event-location{display:flex;gap:.25rem;margin-top:1rem}
.eb-event-location .uk-icon{min-width:1.25rem}
.eb-event-date-time span{width:1.5rem;min-width:1.5rem}
.eb-event-date-time{display:flex;gap:.25rem}
.eb-event-date-time span{width:1.5rem;min-width:1.5rem}
.el-category-image{width:5rem}
span.eb-time{padding:0}

.eb-event-item-grid-default-layout .eb-taskbar li{padding-right:1.5rem}

/*Seminar-Slider*/
.full-width .uk-container{max-width:100%}

.eb-slider-container{overflow:visible !important}
.splide__track{overflow:visible;padding:0 0 2rem 0 !important}
.eb-slider-container .eb-event-wrapper{border:3px solid var(--primary-color);background-color:#fff;box-shadow:none;border-radius:0}
.splide__slide{padding:0 1.5rem}
.splide__slide .title-category-container img{width:4rem;margin-top:1rem}
.splide__slide .title-category-container .eb-event-title-container{margin-top:1rem;font-size:1.25rem}

.eb-slider-container .splide__slide .overlay{padding:0 1rem 1rem 1rem}
.splide__slide .overlay .eb-event-title,
.splide__slide .overlay .eb-event-short-description,
.splide__slide .overlay .unten{color:var(--text-color) !important}

.splide__slide .overlay .eb-event-short-description{font-weight:400;font-style:italic;font-size:1rem;margin-bottom:1rem}
.splide__slide .overlay .eb-flex{padding:1rem 0;border-bottom:3px solid var(--text-color);border-top:3px solid var(--text-color);font-weight:600;margin:2rem auto 1rem auto}
.splide__slide .overlay .eb-flex .links{margin-bottom:1rem}

.eb-slider-container .eb-event-price{padding:0;font-weight:600}
.eb-slider-container .eb-taskbar ul{display:flex;gap:1rem}
.eb-slider-container .splide__arrow{font-size:1rem;background-color:transparent}
.eb-slider-container .splide__arrow--next{right:-.5rem}
.eb-slider-container .splide__arrow--prev{left:-.5rem}

.eb-slider-container table > tbody > tr td.eb-event-property-label{font-weight:300;vertical-align:top}
.eb-slider-container table > tbody > tr td.eb-event-property-value{hyphens:auto;font-size:.8rem;padding-left:1rem;font-weight:bold}

.splide__pagination .splide__pagination__page{opacity:1;bottom:0;background-color:var(--primary-color)}
.splide__pagination .splide__pagination__page.is-active{transform:scale(1);background-color:var(--secondary-color)}
.splide__pagination .splide__pagination__page button,
.splide__pagination .splide__pagination__page button:hover{opacity:1 !important}

/*Seminardetailseite*/
.eb-teaser{height:30vh;background-color:var( --secondary-color);position:relative}
.eb-teaser:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-color);z-index:1}
.eb-teaser .background{width:100%;height:100%;object-fit:cover}
.eb-teaser .hover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 2s linear 1s}
.ready .eb-teaser .hover{opacity:1}
.eb-teaser .teaserlogo{z-index:2;position:absolute;top:50%;transform:translate(-50%,-50%);left:50%;width:33%;max-width:600px;height:auto}


body:has(.uk-open) .uk-navbar-toggle svg,
body:has(.uk-open) .uk-logo svg{filter:brightness(0) !important}

#eb-event-page{padding-top:4rem;position:relative}
#eb-event-page .eb-box-heading{max-width:860px;margin:0 auto;border:none;background-color:transparent;padding:0}
#eb-event-page .back-button{margin-top:-2rem;margin-bottom:2rem;border:none;padding:0;background-color:transparent;color:var(--text-color)}

#eb-event-page .eb-short-description-details{line-height:1.2;font-weight:600;font-style:italic;margin:2rem auto;font-size:1.25rem}

#eb-event-page .table-striped{width:auto}
#eb-event-page .table-striped > tbody > tr,
#eb-event-page .table-striped > tbody > tr td{padding:.25rem 0;border:none !important}
#eb-event-page .table-striped > tbody > tr:nth-of-type(2n+1) > *{--bs-table-accent-bg:transparent}
#eb-event-page .table-striped > tbody > tr td.eb-event-property-label{font-weight:300}
#eb-event-page .table-striped > tbody > tr td.eb-event-property-value{padding-left:1rem;font-weight:bold}

#eb-event-page .flex .rechts table{border-top:2px solid var(--text-color);border-bottom:2px solid var(--text-color)}

#eb-event-page .referenten{margin-top:4rem}
#eb-event-page .referent{margin-bottom:2rem;display:flex;align-items:center}
#eb-event-page .referent img{border-radius:50% !important}
#eb-event-page .referent .bild{flex:0 40%;max-width:40%;width:40%}
#eb-event-page .referent .infos{flex:0 60%;max-width:60%;width:60%;padding-left:2rem}
#eb-event-page .referent .referent-name{margin-bottom:.5rem;font-weight:600}
#eb-event-page .referent .referent-description{margin-top:2rem;font-weight:600;font-style:italic}

#eb-event-page .eb-zielbeschreibung{font-weight:600;margin:4rem auto;position:relative;color:var(--primary-color)}
#eb-event-page .eb-zielbeschreibung .inside{margin:0 auto}

#eb-event-page .eb-description{font-weight:400;line-height:1.6;max-width:860px;margin:0 auto;border:none;padding:0;background-color:transparent}
#eb-event-page .eb-description strong{color:var(--primary-color)}
#eb-event-page .eb-description a strong{color:var(--text-color)}
#eb-event-page .eb-description p + ol,
#eb-event-page .eb-description p + ul{margin-top:-1rem}
#eb-event-page .eb-description ul,
#eb-event-page .eb-description ol{padding-left:1rem}
#eb-event-page .eb-description ol li .btn{font-size:.8rem;margin-top:.5rem;font-size:.8rem;padding:.25rem 1rem;line-height:1.5}

#eb-event-page .eb-faq{margin:4rem auto;padding:0 1rem}
#eb-event-page .eb-faq .eb-inside{max-width:700px;margin:0 auto;padding:4rem 2rem;background-color:#fbf7f3;text-align:center}
#eb-event-page .eb-faq h3{margin-bottom:2rem;font-size:2rem}
#eb-event-page .eb-faq p{margin-bottom:2rem}

#eb-event-page .flex .rechts table{width:100%}
#eb-event-page .flex .rechts table tr:first-child td{padding-top:1rem;padding-bottom:.5rem;padding-left:2rem;width:1rem}
#eb-event-page .flex .rechts table tr:last-child td{padding-bottom:1.25rem;padding-top:.5rem;padding-left:2rem}

#eb-event-page .eb-description .eb-taskbar.eb-register-buttons-bottom{margin-top:2rem;margin-bottom:3rem}
#eb-event-page .eb-description .eb-taskbar.eb-register-buttons-bottom ul{padding-left:0}

#eb-event-page .eb-location-description{margin-top:-1rem;padding-top:0}
#eb-event-page .eb-location-description .anfahrtsbeschreibung{margin-bottom:-1rem}

#eb-event-page .eb-taskbar li:last-child{display:none}


/*Warenkorb/Checkout*/
#eb-cart-registration-page .eb-container .form-group.form-row{margin-bottom:1.5rem}
#eb-cart-registration-page .form-control-label{font-weight:600}
#eb-cart-registration-page table{border: 1px solid #000}
#eb-cart-registration-page label.checkbox{font-size:.8rem;position:relative;display:block;padding-left:1.5rem}
#eb-cart-registration-page label .form-check-input[type="checkbox"]{position:absolute;top:.5rem;left:0}

#eb-cart-registration-page .table-sm > :not(caption) > * > *{padding:.5rem}

#eb-cart-registration-page .form-control:where(input), 
#eb-cart-registration-page .form-control:where(textarea),
#eb-cart-registration-page .form-select:not([multiple])[size="1"], 
#eb-cart-registration-page .form-select:where(select):not([multiple]):not([size]), 
#eb-cart-registration-page .uk-input, .uk-select:not([multiple]):not([size]){border-color:#000}

#eb-cart-registration-page .form-actions{margin-top:2rem}
#eb-cart-registration-page .form-actions .btn{margin-bottom:.5rem}

.eb-cart-content{overflow:auto}

@media all and (max-width:768px) and (min-width:600px){
    
}

@media all and (min-width:768px){
    /*Grid*/
    .eb-event-item-grid-default-layout{display:flex;box-shadow:none;align-items:flex-start}
    .eb-event-item-grid-default-layout .eb-event-infos .eb-event-title-container .zertifikats-hinweis{top:1rem;right:1rem}

    /*Detailseite*/
    #eb-event-page .flex{display:flex;flex-flow:row wrap}
    #eb-event-page .flex .links{flex:0 50%;padding-right:1rem}
    #eb-event-page .flex .rechts{flex:0 50%;padding-left:1rem}
    #eb-event-page .referenten{display:flex;flex-flow:row wrap;margin-top:2rem}
    #eb-event-page .referent{margin:0;flex:0 50%;width:50%;max-width:50%}

    /*Slider*/
    .splide__track{overflow:visible;padding:0 2rem 2rem 2rem !important}
    .splide__slide{padding:0}
    .eb-slider-container .splide__slide .overlay{padding:1.5rem 1.5rem 2.5rem 1.5rem !important}
    .splide__slide .overlay .eb-flex{justify-content:inherit}
    .eb-slider-container .splide__arrow{display:none !important}
} 

@media all and (min-width:1024px){
    /*.title-category-container{display:flex;justify-content:space-between;flex-direction:row-reverse}*/

    /*Detailseite*/
    #eb-event-page{padding-top:6rem}
    #eb-event-page .eb-zielbeschreibung .inside{margin:0;max-width:80%}


    .event-time-location{display:flex}
    .eb-event-location{margin-top:0}

}

@media all and (min-width:1280px){

}

@media all and (min-width:1600px){
    /*Grid*/
    .eb-event-item-grid-default-layout .badge{top:-50px;left:100%;min-width:150px;max-width:200px;font-size:1.5rem} 
    .eb-event-item-grid-default-layout .eb-event-short-description{max-width:80%}

    /*Slider*/
    .eb-slider-container{width:130%;left:-15%;overflow:hidden}
    .splide__track{overflow:visible;padding:1rem 0 4rem 0 !important}
    .splide__list{align-items:center}
    .splide__slide{margin:0 !important;padding:0}
    .splide__slide .eb-event-wrapper{transform: scale(.9);transition: all .2s ease 0s;/*max-width:37vw;*/margin:0 auto}
    .splide__slide.is-active + .splide__slide .eb-event-wrapper{transform:scale(1.05);}
    .splide__slide .title-category-container .eb-event-title{padding-right:2rem}
    .splide__slide .title-category-container img{width:4rem;float:right;margin:-1rem 0 0 0}
    .splide__slide .title-category-container .eb-event-title-container{font-size:30px}
    .eb-event-item-grid-default-layout .eb-event-infos .eb-event-title{font-size:30px}
    .splide__slide .overlay .eb-event-short-description{max-width:90%}
    .splide__slide .overlay .eb-flex{padding:1rem 0;display:flex}
    .splide__slide .overlay .eb-flex .links{margin-bottom:0;flex:0 40%;max-width:40%;width:40%}
    .eb-event-item-grid-default-layout .eb-event-date-time{flex:0 30%;max-width:30%;width:30%}
    .eb-slider-container table > tbody > tr td.eb-event-property-value{font-size:1rem;hyphens:none}
}




@font-face {
  font-family: 'juniq-zertifikat';
  src: url('../fonts/juniq-zertifikat.eot?38733730');
  src: url('../fonts/juniq-zertifikat.eot?38733730#iefix') format('embedded-opentype'),
       url('../fonts/juniq-zertifikat.woff2?38733730') format('woff2'),
       url('../fonts/juniq-zertifikat.woff?38733730') format('woff'),
       url('../fonts/juniq-zertifikat.ttf?38733730') format('truetype'),
       url('../fonts/juniq-zertifikat.svg?38733730#juniq-zertifikat') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'juniq-zertifikat';
    src: url('../font/juniq-zertifikat.svg?38733730#juniq-zertifikat') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "juniq-zertifikat";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-certificate:before { content: '\e810'; } /* '' */
