@import url("../fonts/fonts.css");
/*.sppb-col, .sppb-col-auto, .sppb-col-lg, .sppb-col-lg-1, .sppb-col-lg-10, .sppb-col-lg-11, .sppb-col-lg-12, .sppb-col-lg-2, .sppb-col-lg-3, .sppb-col-lg-4, .sppb-col-lg-5, .sppb-col-lg-6, .sppb-col-lg-7, .sppb-col-lg-8, .sppb-col-lg-9, .sppb-col-lg-auto, .sppb-col-md, .sppb-col-md-1, .sppb-col-md-10, .sppb-col-md-11, .sppb-col-md-12, .sppb-col-md-2, .sppb-col-md-3, .sppb-col-md-4, .sppb-col-md-5, .sppb-col-md-6, .sppb-col-md-7, .sppb-col-md-8, .sppb-col-md-9, .sppb-col-md-auto, .sppb-col-sm, .sppb-col-sm-1, .sppb-col-sm-10, .sppb-col-sm-11, .sppb-col-sm-12, .sppb-col-sm-2, .sppb-col-sm-3, .sppb-col-sm-4, .sppb-col-sm-5, .sppb-col-sm-6, .sppb-col-sm-7, .sppb-col-sm-8, .sppb-col-sm-9, .sppb-col-sm-auto, .sppb-col-xl, .sppb-col-xl-1, .sppb-col-xl-10, .sppb-col-xl-11, .sppb-col-xl-12, .sppb-col-xl-2, .sppb-col-xl-3, .sppb-col-xl-4, .sppb-col-xl-5, .sppb-col-xl-6, .sppb-col-xl-7, .sppb-col-xl-8, .sppb-col-xl-9, .sppb-col-xl-auto, .sppb-col-xs-1, .sppb-col-xs-10, .sppb-col-xs-11, .sppb-col-xs-12, .sppb-col-xs-2, .sppb-col-xs-3, .sppb-col-xs-4, .sppb-col-xs-5, .sppb-col-xs-6, .sppb-col-xs-7, .sppb-col-xs-8, .sppb-col-xs-9 {
     padding-right: 25px;
    padding-left: 25px;
}
.sp-pagebuilder-row, .sppb-row {
        margin-right: -25px;
    margin-left: -25px;
}*/
:root {
  
  --yellow: #fab900;
  --black:#000;
  --white: #fff; 
  --gray:#EBF0F8;
  --darkgray:#444;
  --silver:#8e939b;
  --height:100%;
  --radius-small: 7px;
   --radius-medium: 15px;
  --radius-large: 25px;
  --shadow:  0px 0px 40px 0px rgba(0, 0, 0, 0.20);
  

}
/* hide script code am unteren ende  */
/*pre {display:none;}*/


.red{color:red;}

html {    overflow:auto;scroll-behavior: smooth;    }
body{    font-family: 'Montserrat';font-weight: 500;font-size:15px; background: url(../images/bg_kho.svg) right -410px bottom 585px no-repeat;color:var(--black); background-position-x: 50%; }
body.bgfull{   background: url(../images/bg_kho.svg) 50% 0 no-repeat;   }
.body-wrapper {  max-width: 1920px;    margin: 0 auto;  }
.container,.sppb-row-container{    max-width: 1600px;    width: 100%;    margin: 0 auto;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {z-index:2; position:relative;   margin-bottom: 1rem!important; }
h1, h2{ font-size:80px!important;font-weight: 800; text-transform:uppercase;line-height:0.9!important;}
h1 span, h2 span {    font-size: 80px;    font-weight: 700;    position: relative;margin: 0 0 0 -5px;display: inline-block;}
h1 span:before, h2 span:before {    content: '';    position: absolute;    background: var(--yellow);    width: auto;    height: 25px;    bottom: 8px;    z-index: -1;    left: 10px;    right: 10px;}

div.sppb-addon-title{ font-size: 15px!important;  font-weight: 700;text-transform:uppercase;line-height: 1!important;}
h3{ font-size:50px;font-weight: 700; text-transform:uppercase;line-height: 50px !important;}
h3 span {    font-size: 50px;  line-height: 50px !important;  font-weight: 700;    position: relative;margin: 0 0 0 -5px;display: inline-block;}
h3 span:before {    content: '';    position: absolute;    background: var(--yellow);    width: auto;    height: 15px;    bottom: 8px;    z-index: -1;    left: 10px;    right: 10px;}
h3{ }
h4{ font-size: 26px!important; line-height: 1!important; font-weight: 800;text-transform:uppercase;display: inline-block;  }
h4 span {    position: relative;}
h4 span:before {    content: '';    position: absolute;    background: var(--yellow);    width: auto;    height: 5px;    bottom: 7px;    z-index: -1;    left: 0;    right: 0;}
h5{ font-size: 20px!important; line-height: 1!important; font-weight: 700;text-transform:uppercase; display: inline-block;   }
h5 span {    position: relative;}
h5 span:before {    content: '';    position: absolute;    background: var(--yellow);    width: auto;    height: 5px;    bottom: 5px;    z-index: -1;    left: 0;    right: 0;}
h6{ font-size: 14px!important; line-height: 1!important; font-weight: 700;text-transform:uppercase;  margin: 10px 0;  }
b, strong{color:var(--blue);font-weight: 600;}
.right h4, .rights h5, .rights h6{display:block;}
body.rights h2 {display:block;
    font-size: 26px !important;
    line-height: 1 !important;
    font-weight: 800;
    text-transform: uppercase;
    
}
body.rights h3 {display:block;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 700;
    text-transform: uppercase;
   
}
body.rights h4 {display:block;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 700;
    text-transform: uppercase;
    margin: 10px 0;
}

a {    transition: all 400ms;    color: var(--black);    font-weight: 600;    position: relative;    z-index: 0;    display: inline-block;}
a:hover,  a:focus{    transition: all 400ms; color: var(--black); transition: all 400ms;}
#sp-left .sp-module ul>li>a, #sp-right .sp-module ul>li>a {    line-height: 1.4;}

#sp-main-body .text-row a { font-weight: 600;    position: relative;    z-index: 0;    display: inline-block;}
#sp-main-body .text-row a:before {    content: '';    position: absolute;    background: var(--yellow);    width: 100%;    height: 2px;    bottom: 0px;    z-index: -1;    left: 0;    right: 0; transition: all 400ms;}
#sp-main-body  .text-row a:hover:before {    width: 0;  transition: all 400ms;}
#sp-left .sp-module, #sp-right .sp-module {    margin-top: 0;    border: none;    padding: 0;    border-radius: 0;}
#sp-main-body ul {    padding-left: 0;    margin: 0 0 0 -2px;}
#sp-main-body li {    background: url(../images/icon_plus.svg) no-repeat scroll 0 9px transparent;    background-size: 15px;    list-style: none outside none;    padding: 5px 0 5px 20px;    margin-left: 0;}
.list-link{ display:block;   background: url(../images/icon_plus.svg) no-repeat scroll 0 9px transparent;    background-size: 15px;    list-style: none outside none;    padding: 5px 0 5px 20px;    margin-left: 0;}
.list-link:hover{ color:var(--yellow);}


.btn:before, .sppb-btn:before {display:none;}
.btn-primary, .sppb-btn-primary,
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {    border-color: var(--yellow);    background-color: var(--yellow);border-radius: var(--radius-small);	background:url(../images/icon_arrow_right_black.svg) right 15px center no-repeat var(--yellow);color: var(--black);	  font-size: 15px;    font-weight: 700!important;  text-transform:uppercase; padding: 10px 50px 10px 15px}
.btn-primary:hover, .sppb-btn-primary:hover,
.btn-primary:active, .sppb-btn-primary:active ,
.btn-primary:focus, .sppb-btn-primary:focus{    border-color: var(--black);    background-color: var(--black);border-radius: var(--radius-small);	background:url(../images/icon_arrow_right_yellow.svg) right 15px center no-repeat var(--black);color: var(--yellow);	  font-size: 15px;    font-weight: 700!important;   text-transform:uppercase; padding: 10px 50px 10px 15px}
.btn-ticket { 	background:url(../images/icon_ticket.svg) right 15px center no-repeat var(--yellow);}
.btn-ticket:hover , .btn-ticket:active, .btn-ticket:focus{	background:url(../images/icon_ticket_yellow.svg) right 15px center no-repeat var(--black);}
.sppb-btn-link{color: var(--yellow)!important;font-size: 16px;font-weight: 700;text-transform:uppercase;background:url(../images/icon_arrow_right_yellow.svg) right 15px center no-repeat ;padding: 10px 50px 10px 0px;border:none;}
.sppb-btn-link:hover, .sppb-btn-link:active, .sppb-btn-link:focus{border:none;color: var(--black)!important;font-size: 15px;font-weight: 700;text-transform:uppercase;text-decoration: none;background:url(../images/icon_arrow_right_black.svg) right 15px center no-repeat ;padding: 10px 50px 10px 0px;}
.btn-show-more{font-size:13px;background:url(../images/icon_more.svg) right 15px center no-repeat;     background-size: 20px;padding: 10px 40px 10px 0px;}
.btn-show-more:hover{font-size:13px;background:url(../images/icon_more_black.svg) right 15px center no-repeat;     background-size: 20px;padding: 10px 40px 10px 0px;}
.btn-show-less{font-size:13px;background:url(../images/icon_less.svg) right 15px center no-repeat;     background-size: 20px;padding: 10px 40px 10px 0px;}
.btn-show-less:hover{font-size:13px;background:url(../images/icon_less_black.svg) right 15px center no-repeat;     background-size: 20px;padding: 10px 40px 10px 0px;}
.btn-mail { 	background:url(../images/icon_mail_black.svg) left 15px center no-repeat var(--yellow);padding: 10px 15px 10px 50px;}
.btn-mail:hover , .btn-mail:active, .btn-mail:focus{	background:url(../images/icon_mail_yellow.svg) left 15px center no-repeat var(--black);padding: 10px 15px 10px 50px;}
.btn-phone { 	background:url(../images/icon_phone_black.svg) left 15px center no-repeat var(--yellow);padding: 10px 15px 10px 50px;}
.btn-phone:hover , .btn-phone:active, .btn-phone:focus{	background:url(../images/icon_phone_yellow.svg) left 15px center no-repeat var(--black);padding: 10px 15px 10px 50px;}
.btn-ticket2 { 	background:url(../images/icon_ticket.svg) left 15px center no-repeat var(--yellow);padding: 10px 15px 10px 50px;}
.btn-ticket2:hover , .btn-ticket2:active, .btn-ticket2:focus{	background:url(../images/icon_ticket_yellow.svg) left 15px center no-repeat var(--black);padding: 10px 15px 10px 50px;}
.btn-canceled { 	background:url(../images/icon_unavailable.svg) left 15px center no-repeat var(--yellow);padding: 10px 15px 10px 50px;pointer-events: none;}


.text-row {    border-radius: var(--radius-large);    background: var(--white);   box-shadow: var(--shadow)!important;padding:30px}
.text-row-gray {    border-radius: var(--radius-medium);    background: var(--gray);   box-shadow: var(--shadow)!important;padding:30px}
.text-row-box-gray .sppb-column    {    border-radius: var(--radius-large);    background: var(--gray); padding:30px  }
.box-gray  {    border-radius: var(--radius-large);    background: var(--gray); padding:30px  }
.videoWrapper {		position: relative;		padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px;		height: 0;	}
.videoWrapper iframe {		position: absolute;		top: 0;		left: 0;		width: 100%;		height: 100%;	}

#sp-main-body {    padding: 75px 0 50px 0;}
#pills-tab {    border-bottom: 1px solid var(--gray);}
#sp-main-body li.nav-item {    background: none!important;   padding: 0 40px 0 0!important;    margin-left: 0;}
.nav-pills .nav-link {    text-transform: uppercase;    font-weight: 700;    padding: 13px 0;    color: var(--black);border-radius:0;border-bottom: 2px solid var(--white);}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link , .nav-link:focus, .nav-link:hover{    color: var(--black);    background-color: transparent;    border-bottom: 2px solid var(--yellow);}
#pills-tabContent {    padding: 30px 0;}


/****************HEADER****************/
#sp-header {    height: auto;    box-shadow: none;    padding: 10px 0;   background: transparent;}
#sp-menu {    padding: 15px 0 0 0;}
#sp-menu .social-wrap {    padding-left: 0;padding-right: 15px;}
#social .sppb-row {    justify-content: flex-end;align-items: center;}
#social .sppb-row .sppb-row-column{    flex: 0 0 auto;    width: auto;    padding: 0 0 0 15px;}
#sp-header .sp-module {    margin-left: 0;}
#social a img, #social a:hover img  { transition: all 400ms;}
#social a:hover img {    opacity: 0;}
.sp-megamenu-parent>li {   }
.sp-megamenu-parent>li>a ,.sp-megamenu-parent>li:last-child>a{    color: var(--black);    font-size: 15px;    font-weight: 700;    padding: 10px 10px; margin:0 10px;   line-height: 1;text-transform:uppercase;}
.sp-megamenu-parent>li:hover>a ,
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a{ font-weight: 700;  background: var(--yellow);    color: var(--black);    border-radius: var(--radius-small);}
.sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {display:none!important;}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {    left: 8px!important;transition: all 400ms;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {    background: var(--yellow);    border-radius: var(--radius-small);    box-shadow: none;padding: 20px 0;margin:10px 0 0 0;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {    color: var(--black);    font-size: 15px;    font-weight: 700;    line-height: 1;    text-transform: uppercase;    padding: 10px 15px; display: block;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {    color: var(--white);   }
/*.sp-megamenu-parent .sp-dropdown {    display: block;    opacity: 0;}
.sp-megamenu-parent .sp-has-child:hover>.sp-dropdown {
    display: block;
    opacity: 1;
}*/
.icontop{height: 32px;}

/***********HIGHLIGHTS****/
#highlights {font-size:16px; font-weight: 500;  }
.row.highlight-row {    display: flex;    align-items: center;}
.highlight-img{  display: block;    overflow: hidden;position:relative;    border-radius: var(--radius-medium);    box-shadow: var(--shadow) !important;    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));transition: all 0.15s linear 0s;    transform: scale(1);}
.highlight-img:hover{  transition: all 0.15s linear 0s;    transform: scale(1.03);}
.highlight-row .col-md-4:nth-child(odd) .highlight-img{height:575px;  }
.highlight-row .col-md-4:nth-child(even) .highlight-img{height:685px; }
.highlight-img img{    height: auto;    width: 100%;    max-width: none;    margin: auto;}
.highlight-item  .card-body{margin-top:20px;}
.highlight-item h5{font-size:15px!important;}
.highlight-item .subtitle {    text-transform: uppercase;font-size:15px!important;}

/*************NEWS HOME**********/
.sppb-articles-carousel-column {    padding: 0;}
.sppb-articles-carousel-content {    background: var(--gray);    box-shadow: none;    padding: 20px 20px 25px;    margin-bottom: 15px;    border-bottom-left-radius: var(--radius-medium);    border-bottom-right-radius: var(--radius-medium);}
.sppb-articles-carousel-content  .sppb-articles-carousel-link{   font-size: 20px!important;    font-weight: 700;text-transform: none;line-height: 1.2;height: 48px;    overflow: hidden;}
.sppb-articles-carousel-introtext {      color: var(--darkgray);}
.sppb-articles-carousel-img img{border-top-left-radius: var(--radius-medium);    border-top-right-radius: var(--radius-medium);display: inline-block;height:230px!important;}
.sppb-addon-articles-carousel .bx-controls.bx-has-pager {    top:auto; bottom: 15px;}
.sppb-addon-articles-carousel .bx-pager.bx-default-pager {       text-align: center;}
.sppb-addon-articles-carousel .bx-wrapper .bx-pager.bx-default-pager a {  background: transparent;    height: 30px;    line-height: 10px;    border-bottom: 4px solid var(--gray);}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {  background: transparent;    height: 30px;    line-height: 10px;    border-bottom: 4px solid var(--yellow);}
.newsimage img {    box-shadow: var(--shadow) !important;    border-radius: var(--radius-medium);}
#newshome {position:relative;}
.news-button {
    position: absolute;
    right: -20px;
    top: 13px;
}
.gallery .gallery-items .item a:before {
       display:none;
}
.gallery .gallery-items .item img {
       border-radius: var(--radius-small);
}
/*************TEAM**********/
.team-row .sppb-row-column .sppb-column {     border-radius: var(--radius-large);    background: var(--gray);}
.team-row .sppb-addon-person .sppb-person-image {     border-top-left-radius: var(--radius-large);	  border-top-right-radius: var(--radius-large);    margin: 0;}
.sppb-person-information {    padding: 20px; line-height: 1.3;  background: var(--gray);  border-bottom-left-radius: var(--radius-large);	  border-bottom-right-radius: var(--radius-large);    border-radius: var(--radius-large); }
.sppb-addon-person .sppb-person-information>span.sppb-person-name {    font-size: 20px!important;    font-weight: 800!important;text-transform:uppercase; }
.sppb-person-phone {    background: url(../images/icon_phone_yellow.svg) 0 0 no-repeat;    display: block;    background-size: 20px;    padding: 0 0 0 40px;    margin: 15px 0;}
.sppb-person-email {    background: url(../images/icon_mail_yellow.svg) 0 0 no-repeat;    display: block;    background-size: 20px;    padding: 0 0 0 40px;font-size: 15px!important;      color: var(--black)!important;}
.sppb-person-email:hover, .sppb-person-email:focus {      color: var(--yellow)!important;}
.sppb-person-introtext {  background: url(../images/icon_info_yellow.svg) 0 0 no-repeat;    background-size: 20px; padding: 0 0 0 40px;}
.sppb-person-introtext span {    font-weight: 700;}

/*************ACCODION**********/
.sppb-media .pull-left {    width: auto!important;}
.sppb-addon-accordion .sppb-panel.sppb-panel-custom {    border-radius: var(--radius-large)!important;    background: var(--white);    box-shadow: var(--shadow)!important;    padding: 20px;    border: none!important;margin-bottom: 20px!important;}
.sppb-addon-accordion .sppb-panel-title {font-size: 20px;  font-weight: 800;text-transform:uppercase; }
.sppb-panel-custom .sppb-panel-heading{background: url(../images/icon_arrow_down.svg) right 30px center no-repeat;    background-size: 24px;}
.sppb-panel-custom .sppb-panel-heading.active{background: url(../images/icon_arrow_up.svg) right 30px center no-repeat;    background-size: 24px;}
.sppb-panel-heading .sppb-toggle-direction {    display: none;}

/**********************MEGAFILTER ******************/
.ja-megafilter-wrap .main-content {      padding-right: 0;}
.filter-title {    background: url(../images/icon_filter.svg) 0 50% no-repeat;    background-size: 24px;    padding: 0 20px 0 30px;    text-transform: uppercase;    font-weight: 700;    font-size: 15px;    float: left;    line-height: 54px;}
.chosen-container-single .chosen-single {    border-radius: var(--radius-small);    border: none!important;    background: var(--gray);    color: var(--black);    font-size: 15px;    font-weight: 700;    padding: 15px 20px;    background-image: none!important;    height: auto;}
.chosen-container-single .chosen-single div {   width: 40px;}
.chosen-container-single .chosen-single div b {background: url(../images/icon_arrow_down_black.svg) 50% 50% no-repeat!important;   background-size: 24px!important;}
.chosen-container.chosen-with-drop .chosen-drop {    border: none;    background: var(--gray);    border-top: 1px solid #fff;}
.chosen-container .chosen-results li {    font-size: 15px;    color: var(--black)!important;    padding: 8px 0 8px 0!important;    background: none!important;}
.chosen-container .chosen-results li.result-selected {    font-weight:700;}
.chosen-container-single .chosen-drop {    padding: 20px;}
.ja-filter-wrapper .filter-content {    background-color: transparent;    padding: 0;}
.ja-filter-wrapper .filter-options-title {    display: none!important;}
.ja-filter-wrapper .filter-options .filter-field .filter-options-content {  background: transparent!important;    border: none!important;    min-height: auto!important;    height: auto!important;    margin: 0 10px;    padding: 0!important;}
.ja-products-wrapper .product-item .product-item-info {    background: var(--gray);    border: none;    padding: 0;     border-radius: var(--radius-large);}
.ja-products-wrapper .product-item .product-item-info{  transition: all 0.15s linear 0s;    transform: scale(1);}
.ja-products-wrapper .product-item .product-item-info:hover {    transform: scale(1.03);    transition: all 0.15s linear 0s;}
.chosen-container .chosen-results {    overflow: visible;}

/********ROOM**/
.room-image {    height: 230px;    overflow: hidden; border-top-left-radius: var(--radius-large);	  border-top-right-radius: var(--radius-large);}
.room-item-details {    padding: 20px;}
.product-desc {    font-size: 13px;color:var(--darkgray);}
.raum-details h1 {font-size: 50px!important;line-height: 50px!important;}
.raum-details h1 span{font-size: 50px;line-height: 1;}
.raum-details h1 span:before {    height: 15px;  bottom: 9px;   }
h4.room-name {    font-size: 20px!important;}
h4.room-name a {    line-height: 1 !important;    font-weight: 800;    text-transform: uppercase;    display: inline-block;}
h4.room-name span:before{display:none}
.room-desc {    padding: 0 0 0 35px;}
.room-desc > div {    margin: 20px 0 0 0;}
.room-desc h5{  padding: 0 0 0 35px;    margin: 0 0 0 -35px;line-height: 24px!important;}
.room-desc .room-use h5{background: url(../images/icon_room_use.svg) 0 0 no-repeat;   }
.room-desc .room-kapa h5{background: url(../images/icon_room_kapa.svg) 0 0 no-repeat;   }
.room-desc .room-special h5{background: url(../images/icon_room_special.svg) 0 0 no-repeat;   }
.room-desc .room-equip h5{background: url(../images/icon_room_equipment.svg) 0 0 no-repeat;   }
.room-desc .room-download h5{background: url(../images/icon_room_download.svg) 0 0 no-repeat;   }
.room-desc .room-tec h5{background: url(../images/icon_technique.svg) 0 0 no-repeat;   }
.raum-details .nrf-widget.tf-slideshow-wrapper {    box-shadow: var(--shadow);    border-radius: var(--radius-large);}
.raum-details .nrf-widget.tf-slideshow-wrapper .swiper-wrapper .swiper-slide img {    border-radius: var(--radius-large);    }
.room-download-gallery {    background: var(--gray);    border: none;    padding: 50px;    border-radius: var(--radius-large);    margin: 50px 0 0 0;}
.room-download-gallery  .gallery-items.grid {align-items: start;}
.room-download-gallery.gallery-items .item {    overflow: hidden;}
.room-download-gallery h3{margin: 0 0 50px 0;}
.room-download-gallery h5 {    font-size: 16px;}
.room-download-gallery .title {    margin: 20px 0 0 0;}
.room-download-gallery img {    border-radius: var(--radius-small); transition: all 400ms;transform: scale(1);    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);}
.room-download-gallery a:hover img {    transition: all 400ms;transform: scale(1.1);}
.room-technique {    background: var(--white);    border: none;    padding: 50px;    border-radius: var(--radius-large);    margin: 50px 0 0 0;    box-shadow: var(--shadow);}
.room-technique h3{margin: 0 0 50px 0;}
#sp-main-body .room-technique li {    background: url(/templates/kroener/images/icon_plus.svg) no-repeat scroll 0 3px transparent;    background-size: 15px;     padding: 0 0 0 20px;  }
.room-technique p {    margin-bottom: 5px;}
.raum-details .swiper-horizontal>.swiper-pagination-bullets{    bottom: 15px;}


/*********KURS****/
.article.kurs-article{  transition: all 0.15s linear 0s;    transform: scale(1);}
.article.kurs-article:hover {    transform: scale(1.03);    transition: all 0.15s linear 0s;}
.article.kurs-article {   border: none;    padding: 0;       background: var(--white);  border-radius: var(--radius-large);box-shadow: var(--shadow);}
.kurs-image {    height: 230px;    overflow: hidden;    border-top-left-radius: var(--radius-large);    border-top-right-radius: var(--radius-large);    }
.kurs-item-details{    padding: 30px;font-size: 13px;    color: var(--darkgray);}
.kurs-item-details h4,.kurs-item-details h5 {      color: var(--black);    font-size: 20px!important;  height: 40px;    -webkit-hyphens: auto;
  -moz-hyphens:auto;
  -ms-hyphens: auto;
  hyphens: auto;display: block;}
.kurs-desc {    padding: 0 0 0 35px;}
.kurs-desc h5{  padding: 0 0 0 35px;    margin: 0 0 0 -35px!important;line-height: 24px!important;font-size: 13px!important;display:block;  height:auto;}
.kurs-desc  div{      margin: 15px 0;}
.kurs-desc .kurs-dates h5{background: url(../images/icon_date.svg) 0 2px no-repeat;   }
.kurs-desc .kurs-clock h5{background: url(../images/icon_clock.svg) 0 2px no-repeat;   }
.kurs-desc .kurs-loc h5{background: url(../images/icon_loc.svg) 0 2px no-repeat;   }
.kurs-desc .kurs-manage h5{background: url(../images/icon_user.svg) 0 2px no-repeat;   }
.kurs-desc .kurs-info h5{background: url(../images/icon_info.svg) 0 2px no-repeat;   }
.kurs-desc .kurs-price h5{background: url(../images/icon_price_euro.svg) 0 2px no-repeat;   }
.kurs-desc .kurs-inscript h5{background: url(../images/icon_inscription.svg) 0 2px no-repeat;   }
.kurs-desc  .block-show-more{ display:none;}
.kurs-price p{margin:0;}
#sp-main-body .kurs-price li {    background: url(/templates/kroener/images/icon_plus.svg) no-repeat scroll 0 5px transparent;    background-size: 12px;    padding: 2px 0 2px 20px;    margin-left: 0;}

/****SLIDESHOW*/
.swiper-button-next:after, .swiper-rtl .swiper-button-next:after {   display:none;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {   display:none;}
.nrf-widget.tf-slideshow-wrapper .swiper-button-next, .nrf-widget.tf-slideshow-wrapper .swiper-button-prev {  width: 60px;    height: 60px;opacity: 1!important;    top: 50%; }
.nrf-widget.tf-slideshow-wrapper .swiper-button-next{background: url(../images/icon_next.svg) 0 0 no-repeat;right: 30px;  }
.nrf-widget.tf-slideshow-wrapper .swiper-button-prev{background: url(../images/icon_prev.svg) 0 0 no-repeat;left: 30px;  }
.nrf-widget.tf-slideshow-wrapper .swiper-button-next:hover, .nrf-widget.tf-slideshow-wrapper .swiper-button-prev:hover {  opacity: 0.7!important;     }
.swiper-pagination-bullet {      opacity: 1;    background: var(--gray);    height: 4px;    width: 30px;    border-radius: 0;}
.swiper-pagination-bullet-active {    background: var(--yellow);width: 50px;}
.carousel-control-next, .carousel-control-prev { width: 60px;    height: 60px;opacity: 1!important;    top: 50%; }
.carousel-control-next-icon{background: url(../images/icon_next.svg) 0 0 no-repeat;right: 30px; position: relative; background-size: 60px;    width: 60px;    height: 60px;}
.carousel-control-prev-icon{background: url(../images/icon_prev.svg) 0 0 no-repeat;left: 30px;  position: relative;background-size: 60px;    width: 60px;    height: 60px;}
.carousel-control-next:hover, .carousel-control-prev:hover { opacity: 0.7!important;  }
.carousel-indicators [data-bs-target] {     opacity: 1;    background-color: var(--gray);    height: 4px;    width: 30px;    border-radius: 0;}
.carousel-indicators .active{  background-color: var(--yellow);width: 50px;}


/******LOGIN******/
#login-form .pretext.mb-2 {    margin-bottom: 30px!important;}
#modlgn-username {   background: url(../images/icon_user.svg) 15px 50% no-repeat var(--gray)!important;    border-radius: var(--radius-small)!important;    padding: 4px 20px 4px 50px!important;    height: 60px!important;    border: none!important;max-width: 355px!important;}
#modlgn-passwd{    background: url(../images/icon_pw.svg) 15px 50% no-repeat var(--gray)!important;	 border-radius: var(--radius-small)!important;    padding: 4px 20px 4px 50px!important;    height: 60px!important;    border: none!important;max-width: 355px!important;}
.mod-login-logout{margin: 0 0 30px 0;    display: flex;    justify-content: flex-end;}
input[type="text"],input[type="email"], textarea,
input[type="text"]:focus, input[type="email"]:focus, textarea :focus{       background: var(--gray)!important;    border-radius: var(--radius-small)!important;    padding: 4px 20px!important;    height: 60px!important;    border: none!important;    max-width: 355px!important;}
 .sppb-form-control, .sppb-form-group .sppb-form-control
 {       background: var(--gray)!important;    border-radius: var(--radius-small)!important;    padding: 4px 20px!important;   height: 60px!important;     border: none!important;   }
#sppb-form-builder-field-4
 {       height: 200px!important;     }


textarea{       max-width: 100%!important;padding: 20px 20px!important;  }
select#salutation {    background: url(../images/icon_arrow_down.svg) right 20px center no-repeat var(--gray)!important;    background-size: 16px!important;    border-radius: var(--radius-small)!important;    padding: 4px 20px!important;    height: 60px!important;    border: none!important;    max-width: 355px!important;}
input[type="text"]:focus, input[type="email"]:focus, textarea :focus, select:focus{       border: 1px solid var(--darkgray)!important;box-shadow: none!important;}
.form-signin .form-group.row {    margin: 20px 0;align-items: center;}
.form-signin .form-group.row label span{       font-size: 13px;}
.btn-nl{    margin-top: 20px;}
input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), 
input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control),
 input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control)
 {
 padding: 4px 20px!important;  }


/**********PHOCA******/
.pressedoenloads{}
.sppb-panel-modern {    border: none;   }
.sppb-panel-modern>.sppb-panel-heading {       padding: 20px 20px;    color: var(--black); border-radius: var(--radius-large);}
.sppb-panel-modern .sppb-panel-heading{background: url(../images/icon_arrow_down.svg) right 30px center no-repeat  var(--gray);    background-size: 24px;}
.sppb-panel-modern .sppb-panel-heading.active{background: url(../images/icon_arrow_up.svg) right 30px center no-repeat  var(--gray);    background-size: 24px;}
.sppb-panel-modern .sppb-panel-title {     font-size: 15px;    font-weight: 700;  }
.sppb-panel-modern .sppb-panel-body {    border-top-color: #e8eff1;    border-top: none;}
.phocadownloadfilelist {    background: transparent;    border: none;   }
.phocadownloadfilelist32 {    background: transparent url(../images/icon_download.svg) 7px 7px no-repeat;    padding: 10px 10px 10px 40px;    font-weight: 700;}
.phocadownloadfilelist32 span{     font-weight: 300;font-size:13px;}




/**********EVENT HOME***************/
.nav-cat {    margin-top: 30px;}
.nav-cat .nav-link {    text-transform: uppercase;    font-weight: 700;    padding: 13px 0;    background: url(../images/icon_arrow_right_black.svg) right 15px center no-repeat; border-top: 2px solid transparent;    border-bottom: 2px solid transparent;}
.nav-cat .nav-link.active {    border-top: 2px solid var(--yellow);    border-bottom: 2px solid var(--yellow);}
.nav-cat .nav-link:hover {    border-top: 2px solid var(--yellow);    border-bottom: 2px solid var(--yellow);}
.event-month {    font-size: 24px;    font-weight: 700;    text-transform: uppercase;    padding: 0 0 10px 0;}
.event-card {    border-radius: var(--radius-medium);    background: var(--white);    box-shadow: var(--shadow) !important;  margin: 0 0 30px 0;max-height: 225px;transition: all 0.15s linear 0s;    transform: scale(1);}
.event-card:hover {    transform: scale(1.03);    transition: all 0.15s linear 0s;}
.event-card-empty {    border-radius: var(--radius-medium);    background: var(--white);    box-shadow: var(--shadow) !important;     padding: 30px;}
.kho-row{    margin:0;}
.event-card .col-md-4 {    padding: 0;width:240px;}
.event-card .col-md-8 {    width: calc(100% - 240px);}
.event-card .col-md-4 a{position:relative;display:block;}
.event-card .col-md-4 img{    width:240px; height: 225px;    border-top-left-radius: var(--radius-medium);  border-bottom-left-radius: var(--radius-medium);}
.event-card-body {  padding:  15px 10px; font-size:14px;}
.event-card-body .subtitle{    text-transform:uppercase;      font-size: 14px;    line-height: 1.2;font-weight: 600;}
.event-card-body .subtitle2{     -webkit-hyphens: auto;
  -moz-hyphens:auto;
  -ms-hyphens: auto;
  hyphens: auto;  line-height: 1.3;color:var(--darkgray);margin: 8px 0 2px  0;height: 56px;font-weight: 500;    overflow: hidden;}
.card-text {   color:var(--darkgray);height: 45px;    overflow: hidden;margin: 10px 0;}
.event-price-intro {    /*font-size: 13px;color:var(--darkgray);    margin: 0;*/}
.card-date {    padding-right: 25px;}
.card-meta {    font-size: 14px;    height: 18px;    overflow: hidden;    margin: 0;}
.img-overlay {    position: absolute;    top: 0;    bottom: 0;    background: rgba(0, 0, 0, 0.2);    height: 100%;    left: 0;    right: 0;}
.event-card .card-title {    font-size: 20px; line-height:1;     margin: 8px 0 !important;}
.event-info {   position: absolute;    top: 0;    bottom: 0;    left: 0;    right: 0;    text-align: center;    margin: auto auto;    display: flex;    align-content: center;    justify-content: center;    align-items: center;}
.event-info.soldout{ background: url(../images/badge-ausverkauft.png) 0 0 no-repeat;     z-index: 9;    }
.event-info.canceled{ background: url(../images/badge-abgesagt.png) 0 0 no-repeat;     z-index: 9;  }
.event-info.rest{ background: url(../images/badge-restkarten.png) 0 0 no-repeat;    z-index: 9;}

.kho-row .event-info{background-size: contain;}
.event-info.presenter{background: url(/images/praesentatoren/logo_kio_short.png) 0 0 no-repeat;       top: auto;    height: 64px;    border-bottom-left-radius: var(--radius-medium);}
.presenterbox {    display: flex;  flex-wrap: wrap;}
.presenter-img{flex: 50%;}
.presenter-img.fullwidth {    flex: 100%;}
.presenter-img img {     border-radius: var(--radius-medium);     background: var(--white);    box-shadow: 0 0 15px rgba(0,0,0,0.15)  !important;margin: 0 0 15px 0;transition: all 0.15s linear 0s;    transform: scale(1);}
.presenter-img a:hover img {   transition: all 0.15s linear 0s;    transform: scale(1.03);}
.presenter-img.fullwidth img {  border-radius: var(--radius-large);}
#kho-events {    margin-top: 65px;}
#kho-event-nav {    margin-top: 35px;}
#kho-event-nav .filter {    margin: 30px 0 0 0;}
#special {
    border-radius: var(--radius-large);
    background: var(--white);
    box-shadow: var(--shadow) !important;
       padding: 30px 14px;
    margin-top: 40px!important;
}

#special .sp-slider-content-wrap .sppb-row > div:nth-child(1){    padding: 0;
}
.sp-slider-content-align-left {
    padding: 0 15px!important;
}
#special h3{font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;}
#special	.sppb-addon-sp-slider.sp-slider.arrow-position-bottom_center .sp-nav-control, .sppb-addon-sp-slider.sp-slider.arrow-position-bottom_left .sp-nav-control, .sppb-addon-sp-slider.sp-slider.arrow-position-bottom_right .sp-nav-control {

     left: auto;
    width: 33.333%;

}
#special .sp-slider .sp-nav-control .nav-control {

    width: 60px !important;
    height: 60px !important;
 
    border: none!important;    top: -11px!important;
}





#special .sp-slider .sp-nav-control .nav-control i {
   display:none!important
}
#special .sp-nav-control .nav-control.next-control
 {
    background: url(../images/icon_next.svg) 0 0 no-repeat!important;
  
    background-size: 60px!important;    right: auto !important;
    left: 80px !important;
  
}
#special .sp-nav-control .nav-control.prev-control
 {
    background: url(../images/icon_prev.svg) 0 0 no-repeat!important;
   
    background-size: 60px!important;   left: 25px !important;

}
.mod_special td{
 
    padding: 2px 30px 2px 0;
}






/***Pagination****/
#sp-main-body .pagination li {    background: none;    background-size: 15px;    list-style: none outside none;    padding: 0;    margin-left: 0;}
.page-link {    background-color:transparent;    border: none; font-size: 20px;     padding: 20px 30px;  }
.disabled>.page-link, .page-link.disabled { color:var(--silver);    background-color:transparent;}
.pagination>.active>a, .pagination>.active>span {    border-color: transparent;    background-color: transparent;    color: var(--yellow);    font-weight: 700;}
.pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span:hover, .pagination>.active>span:focus {   border-color: transparent;    background-color: transparent;   color: var(--yellow);    font-weight: 700;}
.pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>span:hover, .pagination>li>span:focus {  border-color: transparent;    background-color: transparent;    color: var(--yellow);    font-weight: 700;}
.pagination{border-top: 2px solid var(--yellow);
    border-bottom: 2px solid var(--yellow);}



/**********EVENT DETAIL PAGE***************/
.event-detail-page h1{ font-size:50px!important;font-weight: 800!important; text-transform:uppercase;line-height:1!important;}
.event-detail-page h1 span {    font-size: 50px;    font-weight: 700;    position: relative;margin: 0 ;    

  -webkit-hyphens: auto;
  -moz-hyphens:auto;
  -ms-hyphens: auto;
  hyphens: auto;
 
 }
.event-detail-page h1 span:before {   height: 15px;   bottom: 9px;  }
.event-detail-page h2{ font-size:26px!important;font-weight: 800; text-transform:uppercase;line-height:28px;}
/*.event-detail-page h3{ font-size:14px!important;font-weight: 500; text-transform:uppercase;line-height:23px;}*/
.event-detail-page .slideshow {    margin: 0 0 100px 0;    box-shadow: var(--shadow);width: 100%;  height: auto;overflow:hidden;border-radius: var(--radius-large);position: relative;}
.photocopyright {    position: absolute;    bottom: 0;    padding: 10px;    color: var(--white);       display: block;    left: 0;    right: 0;    text-align: right;    font-size: 12px;box-shadow: inset 0px -50px 50px rgba(0, 0, 0, 0.5);    top: 0;    text-align: end;    display: flex;    align-content: flex-end;    flex-wrap: wrap;    justify-content: flex-end;}
.photocopyright > div{margin: 0 20px 10px 0;}
.event-detail-page .slideshow img {    border-radius: var(--radius-large);   width: 100%;}
.event-details .col-lg-8 {    border-right: 1px solid #E1E6ED;    padding-right: 30px;  margin-top: 25px;}
.event-details .col-lg-4 {    padding-left: 30px;}
.card-info {    max-width: 80%;margin:20px 0 0 0;}
.card-info > div{padding: 5px 0 5px 35px;       line-height: 24px;}
.event-date{background: url(../images/icon_date.svg) 0 5px no-repeat;   }
.event-location{background: url(../images/icon_loc.svg) 0 5px no-repeat;  }
.event-location-info{background: url(../images/icon_seat.svg) 0 5px no-repeat;  }
.event-price{background: url(../images/icon_price.svg) 0 5px no-repeat;   }
.event-details .videoWrapper {    margin-top: 20px;}
.event-ticket{margin:20px 0 0 0;}
.organizer {    margin-top: 20px;}
.mod_contact {    margin: 50px 0 0 0;}
.mod_contact .sppb-row-container {    padding: 0;}
.card-info.canceled {    text-decoration: line-through;}


/****FOOTER*/
#sp-footer {    background: transparent;    color: var(--black);}
#sp-footer a {      color: var(--black);position: relative;    z-index: 0;    display: inline-block;}
#sp-footer a:hover, #sp-footer a:active, #sp-footer a:focus, #sp-bottom a:hover, #sp-bottom a:active, #sp-bottom a:focus {    color: var(--black);   }
#sp-footer  a:before {    content: '';    position: absolute;    background: var(--yellow);    width:0;    height: 2px;    bottom: 0px;    z-index: -1;    left: 0;    right: 0; transition: all 400ms;}
#sp-footer  a:hover:before {    width: 100%;  transition: all 400ms;}
#sp-footer ul {    display: flex;    justify-content: space-between;}
#sp-footer ul li{    display: inline;}
#sp-footer ul li img {    margin-top: -5px;}
#sp-footer .container-inner {    padding: 30px 0 0 0;    border-top: none;}
#service h3{width:50%;}
.contactform .sppb-addon-form-builder-form {  margin:0 -15px!important;}
.contactform  input[type="text"], 
.contactform  input[type="email"], 
.contactform  textarea{       max-width: 100%!important;}
.contactform  textarea{    height:200px!important;}

#selectCategory { -webkit-appearance: none;  -moz-appearance:    none;   appearance:         none;    border-radius: var(--radius-small);    border: none !important;	background: url(../images/icon_filter.svg) 15px 50% no-repeat, url(../images/icon_arrow_down_black.svg) center right 15px no-repeat var(--gray) ;    color: var(--black);    font-size: 15px;    font-weight: 700;    padding: 15px 20px 15px 50px!important;    height: auto;}
.chosen-container-single .chosen-single div b {    background: url(../images/icon_arrow_down_black.svg) 50% 50% no-repeat !important;    background-size: 24px !important;}

/**********Accessibility pro***************/

.djacc__openbtn--default{background:var(--black)!important;border-radius:50%}
.djacc-popup .djacc__close{background:var(--yellow)!important}
.djacc-popup .djacc__btn:hover{background:var(--yellow);border-color:var(--yellow)!important}
.djacc-popup .djacc__btn--active{background:var(--yellow)!important;border-color:var(--yellow)!important}
.djacc-popup .djacc__arrows:hover{background:#343434;border-color:var(--yellow)!important}
.djacc-popup .djacc__dec:hover svg [fill^="#"],.djacc-popup .djacc__inc:hover svg [fill^="#"]{fill:var(--yellow)!important}
.djacc-popup .djacc__dec:hover svg [stroke^="#"],.djacc-popup .djacc__inc:hover svg [stroke^="#"]{stroke:var(--yellow)!important}
.djacc-popup .djacc__bar:after,.djacc-popup .djacc__bar:before{background:var(--yellow)!important;content:"";display:block;pointer-events:none;position:absolute}
.djacc-opened .djacc-popup.djacc--bottom-left .djacc__openbtn, .djacc-opened .djacc-popup.djacc--bottom-right .djacc__openbtn, .djacc-opened .djacc-popup.djacc--top-left .djacc__openbtn, .djacc-opened .djacc-popup.djacc--top-right .djacc__openbtn, .djacc-popup.djacc--bottom-left:hover .djacc__openbtn, .djacc-popup.djacc--bottom-right:hover .djacc__openbtn, .djacc-popup.djacc--top-left:hover .djacc__openbtn, .djacc-popup.djacc--top-right:hover .djacc__openbtn {
    margin: 0;transform: scale(1.05);    background: var(--yellow) !important;}
.djacc-popup .djacc__openbtn--default{    transform: scale(1.0);}




/*************OFFCANVAS**/
.offcanvas-menu {    width: 100%;}
body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -7000px;
   
}
body.ltr #offcanvas-toggler.offcanvas-toggler-right {    margin: 0 20px;}
.offcanvas-menu {    background-color: var(--yellow);    color: var(--black);}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {      opacity: 1;    color: var(--black)!important;    font-size: 15px;    font-weight: 700;    padding: 10px 10px;    margin: 0 10px;    line-height: 1;    text-transform: uppercase;}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {    width: 100%;}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler:after{display:none;}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li>a {    padding: 15px 0;}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li {    border-bottom: none;    margin-bottom: 0;}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {    color: var(--black) !important;    font-size: 15px;    font-weight: 700;    padding: 15px 10px;    margin: 0 10px;    line-height: 1;    text-transform: uppercase;    display: block;}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: var(--black) !important;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active > a {
    color: var(--white) !important;
}

.burger-icon>span {    height: 3px;    background-color: var(--yellow);}

.offcanvas-menu	.btn-ticket {    background: url(../images/icon_ticket_yellow.svg) right 15px center no-repeat var(--black);color:var(--yellow)!important;}
.offcanvas-menu	 #social .sppb-row {    justify-content: flex-start;    padding: 0 25px;
}

.offcanvas-menu .offcanvas-inner li.active.menu-parent ul.menu-child {
    display:block;
}

@media (max-width: 1600px ){}

@media (max-width: 1440px ){
.logo-image {    height: 60px;}
#sp-logo.has-border {    padding-right: 25px;}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li:last-child>a {    margin: 0 0px;}
#sp-menu .social-wrap .btn-ticket,
#sp-menu .social-wrap .btn-ticket:hover,
#sp-menu .social-wrap .btn-ticket:active, 
#sp-menu .social-wrap.btn-ticket:focus {    background-image: none;padding: 10px 15px;}
#highlights .btn-primary, #highlights .sppb-btn-primary {    padding: 10px 40px 10px 15px;}
#osterfeld {    background-size: contain;}

}

@media (max-width: 1366px ){
#sp-menu {    padding: 8px 0 0 0;}	
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li:last-child>a {      font-size: 14px;    padding: 10px 12px;}	
#social .sppb-row .sppb-row-column:first-child {    padding: 0 ;}	
#social	.sppb-row-container {    padding-left: 0;}
h1, h2 {    font-size: 70px !important;  }
h1 span, h2 span {    font-size: 70px;}
h1 span:before, h2 span:before {    height: 20px;   bottom: 7px;}


 .sppb-row-container .sppb-row > div:has(> div.left), #sp-left  {   max-width: 33.3333% !important;    flex-basis: 33.3333% !important;}
 .sppb-row-container .sppb-row > div:has(> div.right),#sp-left + #sp-component {  max-width: 66.6666% !important;    flex-basis: 66.6666% !important;}
.raum-details .content .col-lg-3 {   max-width: 33.3333% !important;    flex-basis: 33.3333% !important;}
.raum-details .content .col-lg-9 {   max-width: 66.6666% !important;    flex-basis: 66.6666% !important;}
.coursepage #sp-left  {   max-width: 25% !important;    flex-basis: 25% !important;}
.coursepage #sp-left + #sp-component  {   max-width: 75% !important;    flex-basis: 75% !important;}
.sppb-panel-custom .sppb-panel-heading {
    background: url(../images/icon_arrow_down.svg) right 5px center no-repeat;
    background-size: 24px;
}
.sppb-panel-custom .sppb-panel-heading.active {
    background: url(../images/icon_arrow_up.svg) right 5px center no-repeat;
    background-size: 24px;
}

.sppb-panel-body {    padding: 15px 0;   }
.sppb-addon-accordion .sppb-panel-heading {
    padding: 0 40px 0 0;
  
}

.sppb-addon-accordion .sppb-panel-title {
    -webkit-hyphens: auto;
  -moz-hyphens:auto;
  -ms-hyphens: auto;
  hyphens: auto;
    font-size: 18px;
   
}
.kurs-image {height:auto;
}


}
.related-module {
    margin-top: 55px;
}
.related-card{
    border-radius: var(--radius-medium);
    background: var(--white);
    box-shadow: var(--shadow) !important;
    margin: 0 0 30px 0;
  
    transition: all 0.15s linear 0s;
    transform: scale(1);
	
}
.related-card .card-body {
 
    padding: 30px;
    font-size: 14px;
}	
	.related-card img {
    max-width: none;
    width: auto;
    width: 100% !important;    border-radius: var(--radius-medium) var(--radius-medium) 0 0;
}
.related-card a {
  display:block;
}
	
@media (max-width: 1280px ){

#sp-header #offcanvas-toggler.offcanvas, #sp-header #offcanvas-toggler.mega {    display: flex !important;}	
.sp-megamenu-parent {    display: none !important;}

.highlight-row .col-md-4:nth-child(odd) .highlight-img{height:575px;  }
.highlight-row .col-md-4:nth-child(even) .highlight-img{height:685px; }
	
	
	
}

@media (max-width: 1194px){
body {    background-size: contain!important;}	
#highlights {        padding: 50px 0 !important;    }
#highlights .sppb-row > div{        max-width: 100%;        flex-basis: 100%;}
h1, h2 {    font-size: 60px !important;  }
h1 span, h2 span {    font-size: 60px;}
h1 span:before, h2 span:before {        height: 13px;        bottom: 10px;    }
#sp-component {    width: 100%;}
#sp-left {    width: 100%;}
#sp-right{    width: 100%;}
#kho-events {    margin-top: 50px;}

.sppb-articles-carousel-content {  max-width:370px;;}
.sppb-addon-articles-carousel .bx-controls.bx-has-pager {
  
    max-width: 370px;
}

#times .sppb-row-column  {        max-width: 50%;flex-basis:50%;margin-bottom:30px;}
.event-detail-page     .col-lg-3 {        width: 100%;    }
.event-detail-page     .col-lg-9 {        width: 100%;    }
.event-detail-page     .xl1 {  order:2  ;         margin-top: 50px;}
.event-detail-page     .xl2 {  order:1  }	
.presenter-img {    flex: 25%;}
.jarow.content.sb-horizontal.ja-megafilter-wrap{    margin-top: 50px;}
.ja-megafilter-wrap .ja-mg-sidebar .sidebar-toggle {        display: none;    }
.ja-megafilter-wrap .ja-mg-sidebar {        margin: 0 0 20px 0;  height: auto;  }
	.team-row .sppb-row-column  {        max-width: 50%!important;        flex-basis: 50%!important;margin-bottom:30px;}
	.ja-products-wrapper .cols-3.product-items {        -ms-grid-columns: (1fr) [2];        grid-template-columns: repeat(2, 1fr);    }
.jarow.content.sb-horizontal.ja-megafilter-wrap {        margin-top: 0;    }
.sb-horizontal.ja-mg-sidebar .filter-options .filter-field {
       width: 50%;
}
.raum-details .content .col-lg-3 {   max-width: 100% !important;    flex-basis: 100% !important;}
.raum-details .content .col-lg-9 {   max-width: 100% !important;    flex-basis: 100% !important;}
  .col-lg-4:has(  .kurs-article) {
    
        width: 50%;
    }
.event-details.text-row {    margin-top: 20px;}
#service h3{width:100%;} 
.event-detail-page .slideshow {
    margin: 0;
   
}







}

@media (max-width: 960px){

#highlights .sppb-row-column ,#highlights .sppb-col-md-12  {       max-width: 100%;flex-basis:100%;    }	

#osterfeld .sppb-row-column  {        max-width: 100%;        flex-basis: 100%;}	
#sp-footer ul {    display: block;}
#sp-footer ul li {    display: inline-block;line-height: 50px;    padding: 0 25px;}
#osterfeld {    padding: 100px 0 !important;}
.event-details .col-lg-8 {    border-right:none; border-bottom: 1px solid #E1E6ED;    padding-bottom:  30px ;}
.event-details .col-lg-4 {    padding-left: 15px;}
 .sppb-row-container .sppb-row > div:has(> div.left) , #sp-left {   max-width: 100% !important;    flex-basis: 100% !important;}
 .sppb-row-container .sppb-row > div:has(> div.right), #sp-component  {  max-width: 100% !important;    flex-basis: 100% !important;}
.coursepage #sp-left  {  max-width: 100% !important;    flex-basis: 100% !important;}
.coursepage #sp-left + #sp-component  {  max-width: 100% !important;    flex-basis: 100% !important;}
.rents #sp-left + #sp-component  {  max-width: 100% !important;    flex-basis: 100% !important;}

.jarow.content.sb-horizontal.ja-megafilter-wrap {        margin-top: 30px;    }


.coursenav {margin:0 0 20px 0;}
#special .sp-slider-content-wrap .sppb-row > div:nth-child(1) {    padding: 0 30px;}
#special .sp-slider-image-align-right {    margin: 0 0 30px 0;}
#special .sppb-addon-sp-slider.sp-slider.arrow-position-bottom_center .sp-nav-control, .sppb-addon-sp-slider.sp-slider.arrow-position-bottom_left .sp-nav-control, .sppb-addon-sp-slider.sp-slider.arrow-position-bottom_right .sp-nav-control {
       width: 150px;
}



}

@media (max-width: 736px){

/*.carousel-item {    padding: 35px 0 0 0;}
.carousel-indicators {    bottom: -40px;     margin-right: 0;    margin-left: 0;}
.carousel-item {    display: block;opacity:0;}
.carousel-item.active {    display: block;opacity:1;}	*/
#sp-feature .carousel-item {    padding: 35px 0 0 0;}
#sp-feature .carousel-item {
   /* width: 90%;*/
   
}

.carousel-indicators {    bottom: -40px;     margin-right: 0;    margin-left: 0;}

/*.highlight-item.carousel-item.active {
    margin-left: 0;
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: block;
}
.carousel-item {
    position: relative;
    display: block;
    float: none;
    width: 100%;
    
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out;
}


section#sp-hero {
    width: 1000px;
}
.carousel-inner {
  
    display: flex;
}*/




.tf-gallery-wrapper .gallery-items.grid {
   
    grid-template-columns: repeat(2, 1fr);
}
	
}

@media (max-width: 667px){}

@media (max-width: 600px){}
 
@media (max-width: 568px){}


@media (max-width: 430px){
body.bgfull {    background: url(../images/bg_kho_mobil.svg) 50% 0 repeat-y;}
body {    background: url(../images/bg_kho_mobil.svg) 50% 0 repeat-y;}
#sp-logo {        width: 45%;  padding: 0!important;  }	
#sp-menu {    width: 55%;        padding: 0;        margin-top: -5px;}
section#social {
    margin-top: 12px !important;
}
body.ltr #offcanvas-toggler.offcanvas-toggler-right {    margin: 11px 20px 0 0;}
#social .sppb-row .sppb-row-column:nth-child(4){display:none;}
#highlights {        padding: 30px 0 50px 0 !important;    }
#highlights h2 {    margin: 0 !important;}
.highlight-row  .highlight-img {           max-width: 370px;        max-height: 436px;   margin: 0 auto;  }
.highlight-img img {   margin-top: -125px;}
h1, h2 {    font-size: 45px !important;  }
h1 span, h2 span {    font-size: 45px;}
h1 span:before, h2 span:before {        height: 13px;        bottom: 6px;    }	
#sp-main-body {    padding: 30px 0 50px 0;}	
.event-card .col-md-4 { width: 125px;overflow:hidden;}
.event-card .col-md-8 {    width: calc(100% - 125px);}
.event-price-intro, .event-card-body .subtitle, .event-card-body .subtitle2{    display: none;}
.event-card .col-md-4 img {    width: 125px;    height: 117px;}
.event-card-body {    padding:  0;}
.event-card-body h5 {    font-size: 16px !important;}
.event-card .col-md-4 img {      border-radius: var(--radius-medium);    }
.event-card {       filter: none;    box-shadow: none !important;    background: transparent;}
.sppb-articles-carousel-column.sppb-col-md-4 {     display: block;    }
h3{    font-size: 30px;    line-height: 1 !important;    }
h3 span {    font-size: 30px;    line-height: 1 !important;    }
h3 span:before {    height: 8px;    bottom: 5px;}
#times .sppb-row-column {        max-width: 100%;        flex-basis: 100%;           }
.presenter-img {    flex: 50%;}
.view-event #eventslideshow .carousel-item {        padding: 0;    }

	.team-row .sppb-row-column  {        max-width: 100%!important;        flex-basis: 100%!important;margin-bottom:30px;}	
		.ja-products-wrapper .cols-3.product-items {
        -ms-grid-columns: (1fr) [1];
        grid-template-columns: repeat(1, 1fr);
    }
	.tf-gallery-wrapper .gallery-items.grid {
   
    grid-template-columns: repeat(1, 1fr);
}
	  .col-lg-4:has(  .kurs-article) {
    
        width: 100%;
    }
	
.event-details.text-row {        padding: 15px;    }
.text-row-gray, .text-row-box-gray .sppb-column, .text-row {    padding: 15px!important;}
#service .sppb-row {    margin-right: -25px;
    margin-left: -25px;
}
    #osterfeld {        padding: 50px 0 100px 0 !important;    }	
    #sp-footer ul li {
        display: block;
        line-height: 30px;
        padding: 0;
    }
 #sp-footer ul li:nth-last-child(2) {
        display: inline-block;
        line-height: 50px;
        padding: 0 20px 0 0;
    }
 #sp-footer ul li:nth-last-child(1) {
        display: inline-block;
        line-height: 50px;
        padding: 0 20px 0 0;
    }	
#sp-footer ul {
    padding-left: 0;
}
.page-link {
   
    font-size: 18px;
    padding: 20px 20px;
}
.form-signin .form-group.row {
    margin: 20px -15px;
    align-items: center;
}
.carousel-control-prev-icon {   left: 0;   }
.carousel-control-next-icon {
  
    right: 0;
 
}
.event-detail-page .slideshow img {

    height: 400px;
    width: auto !important;
    max-width: none;
    margin-left: -45%;
}
.event-detail-page h1 span:before {    height: 7px;    bottom: 5px;}
.event-detail-page h1 span {    font-size: 30px;}

.ja-filter-wrapper .filter-content {
    background-color: transparent;
    padding: 0;
  
    border-radius: var(--radius-small);
    border: none !important;
    background: url(../images/icon_filter.svg) 15px 50% no-repeat, url(../images/icon_arrow_down_black.svg) center right 15px no-repeat var(--gray);
    color: var(--black);
    font-size: 15px;
    font-weight: 700;
    padding: 0 20px 0 50px !important;
   height: 48px;
}
.sb-horizontal.ja-mg-sidebar .filter-options .filter-field {
    margin: 0;
  
}
.filter-title {
    display: none;
}
.sb-horizontal.ja-mg-sidebar .filter-options .filter-field {
        width: 100%;
    }
}
.ja-filter-wrapper .filter-content .filter-items {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
    background: transparent;
    border: none;
    font-size: 15px;
    font-weight: 700;    height: 48px;color: var(--black);
}
.mod_special table {

    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
	
}
@media (max-width: 414px){
	
	.highlight-row  .highlight-img {       width: 384px;    height: 419px;    margin: 0 auto;  }
}

@media (max-width: 390px){
	
	
	.highlight-row  .highlight-img {       width: 360px;    height: 393px;    margin: 0 auto;  }
	.page-link {
   
 
    padding: 20px 17px;
}
	
	
	
	
}

@media (max-width: 384px){}

@media (max-width: 369px){.bx-viewport {   max-width: 370px;}
 .sppb-articles-carousel-img {        width: 100%;        height: 100%;        max-width: 370px;        max-height: 230px;    }
 .sppb-articles-carousel-img img {             width: calc(100% - 40px);}
.sppb-articles-carousel-content {    width: calc(100% - 40px);   max-width: calc(100% - 40px);  height: auto;         }


.sppb-articles-carousel-content {    width: auto;   max-width:100%;  height: auto;         }

    .sppb-articles-carousel-column.sppb-col-md-4 {
  
   /*    display: flex;
        width: unset!important;
        flex-direction: column;*/
    }
}

@media (max-width: 360px){
	.highlight-row  .highlight-img {       width: 330px;    height: 360px;    margin: 0 auto;  }
	.page-link {    padding: 20px 15px;}
	
	
	
}

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