@charset "utf-8";

@import url("all.css");

@font-face {

    font-family: 'Nunito Sans Regular';

    src: url('../fonts/nunitosans/nunitosans-regular-webfont.woff2') format('woff2'),

         url('../fonts/nunitosans/nunitosans-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'Nunito Sans Bold';

    src: url('../fonts/nunitosans/nunitosans-bold-webfont.woff2') format('woff2'),

         url('../fonts/nunitosans/nunitosans-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'Poppins Regular';

    src: url('../fonts/poppins/poppins-regular-webfont.woff2') format('woff2'),

         url('../fonts/poppins/poppins-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'Poppins Bold';

    src: url('../fonts/poppins/poppins-bold-webfont.woff2') format('woff2'),

         url('../fonts/poppins/poppins-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



.fa {

	font-family: "FontAwesome"!important; font-weight:400!important;

}



[class^="icon-"], [class*=" icon-"] ,

[class^="icon-"]:before, [class*=" icon-"]:before {

  font-family: 'FontAwesome'!important;

  font-style: normal;

  font-weight: normal;

  display: inline-block;

  text-decoration: inherit;

  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-user::before {

  content: "\f007";

}

.icon-folder:before {

  content: "\f07b";

}

.icon-calendar:before {

  content: "\f073";

}

.bfCalendar [class^="icon-"]:before, .bfCalendar [class*=" icon-"]:before {  font-family: 'simple-line-icons';}



/* Preloader */

#preloader {position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999; }

.box {

  margin: auto;

  width:128px;

  height:128px;

  position: relative;

  top:40%;

  background:url(../images/gear.gif)

}

#loader {

  position: fixed;

  margin: auto;

  left: 0;

  right: 0;

  top: 50%;

  width: 90px;

}

#loader ul {

  margin: 0;

  list-style: none;

  width: 90px;

  position: relative;

  padding: 0;

  height: 10px;

}

#loader ul li {

  position: absolute;

  width: 2px;

  height: 0;

  background-color: #000;

  bottom: 0;

}

@keyframes sequence1 {

  0% {

    height: 10px;

  }

  50% {

    height: 50px;

  }

  100% {

    height: 10px;

  }

}

@keyframes sequence2 {

  0% {

    height: 20px;

  }

  50% {

    height: 65px;

  }

  100% {

    height: 20px;

  }

}

#loader li:nth-child(1) {

  left: 0;

  animation: sequence1 1s ease infinite 0;

}

#loader li:nth-child(2) {

  left: 15px;

  animation: sequence2 1s ease infinite 0.1s;

}

#loader li:nth-child(3) {

  left: 30px;

  animation: sequence1 1s ease-in-out infinite 0.2s;

}

#loader li:nth-child(4) {

  left: 45px;

  animation: sequence2 1s ease-in infinite 0.3s;

}

#loader li:nth-child(5) {

  left: 60px;

  animation: sequence1 1s ease-in-out infinite 0.4s;

}

#loader li:nth-child(6) {

  left: 75px;

  animation: sequence2 1s ease infinite 0.5s;

}





 /********************/

@keyframes fadein{from{opacity:0;top:-114px}to{opacity:1;top:0}}

@-moz-keyframes fadein{from{opacity:0;top:-114px}to{opacity:1;top:0}}

@-webkit-keyframes fadein{from{opacity:0;top:-114px}to{opacity:1;top:0}}

@-o-keyframes fadein{from{opacity:0;top:-114px}to{opacity:1;top:0}}

/* Ripple Out animation */

@-webkit-keyframes hvr-ripple-out {

  100% {

    top: -12px;

    right: -12px;

    bottom: -12px;

    left: -12px;

    opacity: 0;

  }

}

@keyframes hvr-ripple-out {

  100% {

    top: -12px;

    right: -12px;

    bottom: -12px;

    left: -12px;

    opacity: 0;

  }

}

/* fadein2 */

@keyframes fadein2 {

    from {

        opacity:0;

		top:-30%; 

    }

    to {

        opacity:0.7;

		top:0%;

    }

}

@-moz-keyframes fadein2 { /* Firefox */

     from {

        opacity:0;

		top:-30%; 

    }

    to {

        opacity:0.7;

		top:0%;

    }

}

@-webkit-keyframes fadein2 { /* Safari and Chrome */

    from {

        opacity:0;

		top:-30%; 

    }

    to {

        opacity:0.7;

		top:0%;

    }

}

@-o-keyframes fadein2 { /* Opera */

    from {

        opacity:0;

		top:-30%; 

    }

    to {

        opacity:0.7;

		top:0%;

    }

}



/* fadein3 */

@keyframes fadein3 {

    from {

        opacity:0;

		bottom:-30%; 

    }

    to {

        opacity:0.7;

		bottom:0%;

    }

}

@-moz-keyframes fadein3 { /* Firefox */

     from {

        opacity:0;

		bottom:-30%; 

    }

    to {

        opacity:0.7;

		bottom:0%;

    }

}

@-webkit-keyframes fadein3 { /* Safari and Chrome */

    from {

        opacity:0;

		bottom:-30%; 

    }

    to {

        opacity:0.7;

		bottom:0%;

    }

}

@-o-keyframes fadein3 { /* Opera */

    from {

        opacity:0;

		bottom:-30%; 

    }

    to {

        opacity:0.7;

		bottom:0%;

    }

}



@keyframes fadein4{from{opacity:0;left:0%}to{opacity:1;left:100%;}}

@-moz-keyframes fadein4{from{opacity:0;left:0%}to{opacity:1;left:100%;}}

@-webkit-keyframes fadein4{from{opacity:0;left:0%}to{opacity:1;left:100%;}}

@-o-keyframes fadein4{from{opacity:0;left:0%}to{opacity:1;left:100%;}}



.slider .t3-module{ margin-bottom:0px;}

.tp-bgimg.defaultimg{ position:relative; z-index:1}

.tp-bgimg.defaultimg::after {/*background: url(../images/dots-overlay.png);width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;z-index: 39;content:"";z-index:3;*/}

.slider .n2-ss-slide-background::after{position:absolute;width:100%;height:100%;content:"";opacity:0.7;top:0;left:0;display:block!important;z-index:5}

.t3-wrapper{background: none}

.tp-caption.medium_text_exeltis, .medium_text_exeltis,.tp-caption.mediumwhitebg_exeltis, .mediumwhitebg_exeltis{font-family: 'Poppins Regular'!important;}

body.boxed #background-shadow { margin-top:40px; margin-bottom:40px;}

.background-imagecoverper{ padding-top:35px; background-image:url(../images/fixedbgimage.jpg)!important;background-repeat: no-repeat;background-size: cover;height: 100%;left: 0;overflow: hidden;position: fixed;top: 0;width: 100%;

z-index: 0;}

.background-patternwrapper{padding-top:35px; background-repeat:repeat;height: 100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index: 0;}

.background-coloroverlay{padding-top:35px; background-repeat:repeat;height: 100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index: 0;}

#background-shadow .margincorrect {margin-right: -15px;	margin-left: -15px;}

#background-shadow {box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.19);-webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.19);-moz-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.19);position: relative;z-index: 1;}

a:link, a:visited, a strong{text-decoration: none;transition: all 0.2s  linear 0s;}

a:hover{transition: all 0.2s linear 0s; outline:none;}

a:focus{outline:none;}

#t3-content .item-page img ,#t3-content img,.t3-sidebar img ,img{max-width: 100%!important;}

.btn{ padding-top:5px; padding-bottom:5px;}

.btn,.btn-primary,.btn-secondary,button,.pagenav li > a{border-radius:0px;transition: all 0.2s  linear 0s;}

.left.item-image {float: left;}

.right.item-image {float:right;}



.left.item-image img {margin-right: 30px;margin-bottom: 30px;}

.right.item-image img {margin-left: 30px;margin-bottom: 30px;}

h3.module-title{line-height:1.4;position: relative; overflow:hidden;}



.t3-module.module-bordered{padding:15px; border-radius:3px;}

h3.module-title::after {/*position: relative;left: 15px;content: "";display: inline-block;width: 200%;height: 0.75em;margin: 0 -200% 0 0;*/}

h3.module-title span {position: relative;z-index: 2;line-height: 1.4;display: inline-block;}

h3.module-title span::after {/*position: relative;left:15px; bottom:0;content: "";display: inline-block;width:75px;height:1px;margin: 0;*/}

h3.module-title.bicolor span::after{}

h3.border-centered,h3.centered{line-height:1.2;text-align:center;}

h3.border-centered,h3.border-centered span {z-index:1;position: relative; padding-bottom:30px;}

h3.border-centered span {z-index:1;position: relative; padding-bottom:30px;}

h3.border-centered span::after{ content:""; position:absolute;width:40%; height:100%; bottom:0; left:30%;}

h3.module-title.titlecard{background:none;}

h3.module-title.titlecard::before,h3.module-title.titlecard::after,.module-title.titlecard span::after{ display:none;}

h3.module-title.titlecard span{ margin-left:0; padding:4px 10px; }

.t3-sidebar  h3.module-title.titlecard span{padding-left:10px; }

.t3-sidebar h3.module-title span {position: relative;z-index: 2;padding-left:0px;margin-left:0px;}

.t3-sidebar h3.module-title span::after {right: -50px;width: 50px;}

.t3-sidebar h3.module-title::after {right:0px;}

.t3-sidebar .jt-cs.exeltis .jt-inner .jt-title,.t3-sidebar .jt-cs .jt-introtext{margin-bottom:0px;}





.module-title.titlecard span { position:relative; z-index: 0;}

.logo-text .site-name-wtcorp,.logo-text .site-name-wtcorp a{font-weight:normal; font-size:36px;}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox{box-shadow:none;transition: all 0.2s  linear 0s; max-width:100%; filter: none; height:32px;border-radius:0px;}

input {filter:none;}

.header-right{}

.mainnav-con{}

.divider-vertical {border-top:0;}

.box-shadow{-webkit-box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);-moz-box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);}

.mod-preview {z-index:9;position: relative;}

.module_menu .nav > li > a, .module_menu .nav > li > .separator,.module_menu .nav > li > span {padding:6px 5px 6px 0px;display: block; margin-top:0;}

.module_menu .nav > li > a::after, .module_menu .nav > li > .separator::after,.module_menu .nav > li > span::after{ content:''; position:absolute; width:100%; height:1px; bottom:1px; left:0;} 

.module_menu .nav > li > a::before, .module_menu .nav > li > .separator::before,.module_menu .nav > li > span::before{ content:''; position:absolute; width:100%; height:1px; bottom:0px; left:0;} 

.module_menu .nav > li{ margin-top:0;}

.module_menu .nav > li.active > a, .module_menu .nav > li.active > .separator,.module_menu .nav > li.active > span { background:none;}

.module_menu .nav > li::before {}

.search-icon::after {display:none;}

.search .btn.btn-primary{ vertical-align: top; margin-left:10px;border-radius:0px;}

.search input{ display:inline-block; padding-left:10px;}



.mainnav-right[class*=' col-']{ padding-left:0px; padding-right:0px;}

.mainnav-right .search{ margin-top:4px;}

.mainnav-right{display: flex;align-items: center;height: 55px;justify-content:flex-end;}

.mainnav-right .searchwrap{}

.mainnav-right .searchwrap input{transition: all 0.2s linear 0s;min-width:220px; border-radius:3px; font-size:13px}

.mainnav-right .searchwrap input:focus{min-width:235px;transition: all 0.2s linear 0s;}

.mainnav-right .searchwrap  svg.s-input-icon{ width:23px; height:23px;transition: all 0.2s linear 0s; margin-left:10px;}

.mainnav-right .searchwrap svg.s-input-icon:hover {transition: all 0.2s linear 0s;}

.mainnav-right .search-icon{ position:relative;display: flex;align-items: center;margin-left:10px;}



.t3-sidebar .search-icon svg{ display:none}

.t3-sidebar .search .search-icon input.inputbox{ width:250px}

.t3-sidebar .search .btn.btn-primary { padding-top:5px;padding-bottom:5px;}



blockquote::before {content: '\f10d';font-family: FontAwesome;font-size: 35px;position: absolute;left: 20px;top: 20px;font-style: normal;}

blockquote {padding: 16px 20px 16px 80px;font-size: 18px;font-style: italic;margin: 40px 0;line-height: 30px;position: relative;clear: both;}

.content-icons-outer{line-height: 0;}

ul.content-icons.pull-right {margin-bottom:0;}

.content-icons.pull-right li {display:inline-block; list-style:none;}

.content-icons.pull-right li{margin-right:10px;}

.tags{ margin-bottom:10px;}

.tags .label-info {background-color:transparent;  margin-right:4px; font-weight:normal; letter-spacing:0.3px; line-height:1; padding-top:5px;}

/* Artikel-Meta (Datum, Autor, Zugriffe) komplett ausblenden */
.article-aside {display:none !important; margin:0 !important; padding:0 !important; line-height:0;}

.article-info {display:none !important; margin:0 !important; padding:0 !important; line-height: 0; }

/* Restabstand des Wrappers entfernen, damit kein weisser Streifen bleibt */
.item-page > .article-aside + *,
.article-header, .item-page .page-header {margin-top:0 !important;}

.article-info dd{line-height:1;}

.t3-sidebar .nav-pills > li > a,.nav-pills > li > a,.nav li > a{}

.off-canvas{ position:relative;}

.off-canvas-toggle {position: absolute; top:0px;left:0; height:40px; border:0;width:44px;}

.t3-off-canvas .module_menu .nav > li > a::after,.t3-off-canvas .module_menu .nav > li > .separator::after,.t3-off-canvas .module_menu .nav > li > span::after,.t3-off-canvas .module_menu .nav > li > a::before,.t3-off-canvas .module_menu .nav > li > .separator::before,.t3-off-canvas .module_menu .nav > li > span::before{display:none}

body.boxed .off-canvas-toggle,body.boxed .off-canvas-toggle:focus {}

.home-2 .btn-primary.off-canvas-toggle{ height:41px; line-height:41px;}

.home-2 .off-canvas-toggle span.bar-first {top: 14px;}

.home-2 .off-canvas-toggle span.bar-mid {top: 20px;}

.home-2 .off-canvas-toggle span.bar-last {top:26px;}

.home-2 .off-canvas-open .off-canvas-toggle span.bar-first {top:18px;}

.home-2 .off-canvas-open .off-canvas-toggle span.bar-last {top: 18px;}





.t3-sidebar.t3-sidebar-right[class*=' col-'],.t3-sidebar.t3-sidebar-left[class*=' col-']{}

.t3-sidebar.t3-sidebar-right .module-title,.t3-sidebar.t3-sidebar-left .module-title {}

.t3-sidebar.t3-sidebar-right .module-title{}

.t3-sidebar-1 h3.module-title,.t3-sidebar-2 h3.module-title{}





.t3-module .module-ct{}

.t3-module.module-noborder .module-ct{border:0; padding:0; margin-top:0;}

.t3-module.module-noborder { margin-bottom:0;}

.t3-module .module-ct{}

.t3-sidebar .t3-module .module-ct{}

.t3-module.module.-nopadding .module-ct{ padding:0 0 0px 0;}

.t3-sidebar .module-ct {}

.t3-sidebar.t3-sidebar-left .t3-module{}

.t3-content{}

.tagspopular ul > li {margin:0 6px 10px 0px;}

.tagspopular ul > li > a {display: block;padding:3px 10px; border-radius:0px;}

.dropdown-menu {border-radius: 0px;}

#sb-body, #sb-loading {background-color: #fff!important;}

img.hikashop_child_image {height: 100px;}

.hikashop_small_image_div{ margin-top:20px;}

.hikashop_products_listing.exeltis a.hikacart, .hika_j2 .btn-success, .hikabtn-success{ margin-top:20px;}

.btn.jmodedit ,.btn.jmodedit i{}

.icon-edit:before { width:100%;}

a.btn.jmodedit span.icon-edit::before { content:"Edit \f044"; 

font-family: 'Nunito Sans Regular',FontAwesome !important; line-height:1;  padding:5px 5px 5px 5px; border-radius:3px; text-align:center;}

/*

	=======================================

		PROGRESSBAR - SCROLLING 

	=======================================

*/

.scroll-progress-bar {position: fixed;z-index: 9999;height: 5px;top: 0;left:0;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);}

/*

	=======================================

		TOPBAR 

	=======================================

*/

.topbar {font-family: 'Nunito Sans Bold';min-height:40px;position:relative;z-index:102; font-size:14px;}

.topbar .row{display:flex;align-items:center }

.topbar .container{ background:none; padding-top:0px; }

.topbar-left-inner [class*=' col-']{ padding-left:0;}

.topbar-right[class*=' col-']{ padding-right:0;padding-left:0;}

.topbar-right-inner i{ background:none;}

.topbar-middle-inner  {padding-right:10px; }

.topbar-right-inner { float:right;}



.topbar ul.menu li,.topbar li{display:inline;float:left; margin:0;}

.topbar ul.menu li a,.topbar li a,.topbar ul.menu li > .separator, .topbar ul.menu li > span { font-family: 'Nunito Sans Bold';  padding:0px 30px 0px 0px; cursor:pointer}

.topbar p,.top-login { margin:0px;}

.topbar i,.topbar .fa{margin-right:5px;font-size:14px;line-height:1;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); text-align:center}

.topbar-middle i,.topbar-middle .fa{margin-right:10px;}

.topbar ul.menu li a:hover,.topbar li a:hover ,.topbar a:hover{background:none;background-color:transparent;transition: all 0.2s  linear 0s;}

.topbar ul.menu li.active a,.topbar li.active a { background:none}

.topbar ul.dropdown-menu{ margin-top:0;border-radius: 0px;padding: 0px;border: 0;}

.topbar ul.dropdown-menu li {float: none; margin:0;}

.topbar ul.dropdown-menu li a{padding: 9px 15px 9px 15px;}

.topbar ul.dropdown-menu li a:hover {padding: 9px 15px 9px 20px;}

.topbar .nav  li,.topbar .nav  li a,.topbar .nav  li:hover,.topbar .nav  li a:hover{background:none!important;background-color:transparent!important;}

.social-top p{text-align:right;}

.topbar .search{ float:right;}

.topbar .search input{border-radius:0px; padding:5px 5px 5px 30px; height:24px; font-size:11px; min-width:180px;transition: all 0.2s linear 0s; display:inline-block;}

.topbar .search input:focus {min-width:195px;transition: all 0.2s linear 0s;}

.topbar .btn {padding:3px 8px;font-size: 11px;line-height: 1.42857143;}

.topbar,.topbar ul.menu li a, .topbar li a, .topbar ul.menu li > .separator, .topbar ul.menu li > span,.topbar-right{transition: all 0.2s linear 0s;}

.topbar ul{ margin:0; padding:0}

.topbar-right .mod-languages.exeltis a.btn.dropdown-toggle{ padding:11px; border-radius:0px;}

div.mod-languages.exeltis img{ margin-right:5px;}

div.mod-languages.exeltis .btn .caret {margin-left:3px;}

div.mod-languages.exeltis ul.lang-inline li{ width:100%;}



#btl .btl-panel.exeltis > #btl-panel-profile {background: url(../images/btl-panel-bg.png) top right no-repeat;padding-right: 30px;}



#btl .btl-panel.exeltis > span,.btl-panel.exeltis button.btl-buttonsubmit,.btl-panel.exeltis input.btl-buttonsubmit{background-color:transparent!important;text-transform:uppercase; color:#fff; font-size:14px;  font-weight:300;line-height:1; margin:0; border-radius:0px;padding:0 10px; height:auto; transition: all 0.2s linear 0s;}

.btl-content-block.exeltis{ border-radius:0px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}

.btl-content-block.exeltis input.btl-buttonsubmit,.btl-content-block.exeltis  button.btl-buttonsubmit{  border-radius:0px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;text-transform:uppercase; color:#fff; font-weight:300;line-height:1; margin:0;min-width:75px; float: right;}

#btl-content-login ul li{ float:left; display:inline; margin-right:20px;}

#bt_ul.exeltis{ float:left; padding-left:20px;padding-top:15px; margin:0px 0 10px 0!important;}

#btl-content #btl-content-login.btl-content-block.exeltis .btl-label,#btl-content-registration.btl-content-block.exeltis .btl-label {color: #ddd;text-transform: uppercase;}

#bt_ul.exeltis li a:hover{ text-decoration:none!important}

#btl-content-registration.btl-content-block.exeltis{min-width: 390px;}

#btl-content-registration .btl-buttonsubmit.exeltis {margin-right: 15px !important;margin-bottom: 10px;}

#btl-content-login .btl-content-block.exeltis.btl-content-block.exeltis .btl-input input,.btl-content-block.exeltis .btl-input > input[type="text"],.btl-content-block.exeltis .btl-input > input[type="password"],.btl-content-block.exeltis #recaptcha > input{float: left;padding: 1px 5px;margin-bottom: 10px;font-size: 12px;background: #1f2124; background: -moz-linear-gradient(#1f2124, #27292c);background: -ms-linear-gradient(#1f2124, #27292c);background: -o-linear-gradient(#1f2124, #27292c);background: -webkit-gradient(linear, 0 0, 0 100%, from(#1f2124), to(#27292c));background: -webkit-linear-gradient(#1f2124, #27292c);background: linear-gradient(#1f2124, #27292c);    border: 1px solid #000;box-shadow:0 1px 0 rgba(255,255,255,0.1);border-radius:0px;color:rgba(255,255,255,0.5);transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;}



#btl-content-login input[type=text]:hover,

#btl-content-login input[type=password]:hover,

#btl-content-login label:hover ~ input[type=text],

#btl-content-login label:hover ~ input[type=password], #btl-content-registration .btl-input > input[type="text"]:hover,#btl-content-registration .btl-input > input[type="password"]:hover,#btl-content-registration #recaptcha > input:hover{background: #27292c;}



#btl-content-login:after {content: "";height: 1px;width: 33%;position: absolute;left:1%;top: 0;background: -moz-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: -ms-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: -o-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), color-stop(0.25, #444), color-stop(0.5, #b6b6b8), color-stop(0.75, #444), to(transparent));background: -webkit-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);}



#btl-content-login:before {content: "";width: 8px;height: 5px;position: absolute;left:16%;top: -7px;border-radius: 50%;box-shadow: 0 0 6px 4px #fff;}

#btl-content-login{font-weight: 400;width: 100%;position: relative;padding: 10px;overflow: hidden;border-radius:6px;}

#register-link.exeltis{ padding:4px 0;}

#register-link.exeltis::before{content:"";width:250px;height:100px;position:absolute;top:45px;left:0px;-webkit-transform: rotate(75deg);-moz-transform: rotate(75deg);-ms-transform: rotate(75deg);-o-transform: rotate(75deg);transform: rotate(75deg);background: -moz-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: -ms-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: -o-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: -webkit-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));pointer-events:none;}

#btl-content div.btl-buttonsubmit.exeltis,div.btl-buttonsubmit.exeltis{ border-top:0; margin:5px 0 0 0; float:right; width:50%;}

#btl-input-remember.btl-input.exeltis{ float:left!important; width:50%;}



#btl-content-registration::after {content: "";height: 1px;width: 33%;position: absolute;left:1%;top: 0;background: -moz-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: -ms-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: -o-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), color-stop(0.25, #444), color-stop(0.5, #b6b6b8), color-stop(0.75, #444), to(transparent));background: -webkit-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);}



#btl-content-registration::before {content: "";width: 8px;height: 5px;position: absolute;left:16%;top: -7px;border-radius: 50%;box-shadow: 0 0 6px 4px #fff;}

#btl-content-registration {font-weight: 400;position: relative;padding: 10px;overflow: hidden;border-radius:6px;box-shadow: inset 0 0 2px 1px rgba(255,255,255,0.08), 0 16px 10px -8px rgba(0, 0, 0, 0.6);}

#register-link a{ color:#ddd; transition: all 0.3s linear 0s;}

.btl-note.exeltis::before{content:"";width:550px;height:100px;position:absolute;top:45px;left:-150px;-webkit-transform: rotate(75deg);-moz-transform: rotate(75deg);-ms-transform: rotate(75deg);-o-transform: rotate(75deg);transform: rotate(75deg);background: -moz-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: -ms-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: -o-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: -webkit-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));pointer-events:none;}

.btl-note.exeltis{ padding:5px 0;}

#btl-content #btl-content-profile::after {content: "";height: 1px;width: 33%;position: absolute;left:16%;top: 0;background: -moz-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: -ms-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: -o-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), color-stop(0.25, #444), color-stop(0.5, #b6b6b8), color-stop(0.75, #444), to(transparent));background: -webkit-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);background: linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);}



#btl-content #btl-content-profile::before {content: "";width: 8px;height: 5px;position: absolute;left:30%;top: -7px;border-radius: 50%;box-shadow: 0 0 6px 4px #fff;}

#btl-content #btl-content-profile {font-weight: 400;position: relative;padding: 10px;overflow: hidden;background: #111; border-radius:0px;border: 1px solid #191919;box-shadow: inset 0 0 2px 1px rgba(255,255,255,0.08), 0 16px 10px -8px rgba(0, 0, 0, 0.6);

}

   

#btl-content-profile.btl-content-block.exeltis ul.menu li{border-bottom: 1px solid #000;box-shadow:0 1px 0 rgba(255,255,255,0.1);}

#module-in-profile.exeltis h3{border-radius:0px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;text-transform:uppercase; color:#fff; font-size:14px;  font-weight:300;background:#000!important;border: 1px solid rgba(0,0,0,0.9); box-shadow:inset 0 1px 0 rgba(255,255,255,0.3), inset 0 10px 10px rgba(255,255,255,0.1);}

#module-in-profile.exeltis h3::before{content:"";width:250px;height:100px;position:absolute;top:45px;left:0px;-webkit-transform: rotate(75deg);-moz-transform: rotate(75deg);-ms-transform: rotate(75deg);-o-transform: rotate(75deg);transform: rotate(75deg);background: -moz-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: -ms-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: -o-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: -webkit-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));background: linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));pointer-events:none;}

 #btl-content-profile div.btl-buttonsubmit.exeltis{ padding-top:15px!important;}

 #btl .btl-panel > span{box-shadow:none!important;}

/*

	=======================================

		NAVBAR

	=======================================

*/

/******Megamenu no animation styling*******/

#t3-mainnav .nav-bg-overlay{position:absolute; left:0; bottom:0; width:100%; height:51px;}

#t3-header.affix .nav-bg-overlay{position:absolute; left:0; top:0; width:100%; height:55px;line-height:55px;}

#t3-header.affix .container {}

#t3-header.affix.navbar-default .navbar-nav > li > a,#t3-header.affix.navbar-default .navbar-nav li > .separator,#t3-header.affix.navbar-default .navbar-nav li > span,#t3-header.affix.navbar-default .navbar-nav > li > .nav-header{line-height:55px;}

#t3-header.affix .dropdown-menu {margin-top: -4px;}

#t3-mainnav .container{}

#t3-mainnav ul{ padding-left:0;}

.mainnav-inner.pull-right{}



#t3-mainnav li{ list-style:none;display:block;background-repeat: no-repeat; background-position: right bottom}

#t3-mainnav .t3-navbar-collapse li,#t3-mainnav .t3-navbar-collapse li span{background-image:none;}

#t3-mainnav.navbar-default li::after {/*opacity:0;width:0%; height:100%;content:"";position: absolute;top:0px; z-index:1;content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;*/}

#t3-mainnav.navbar-default li:hover::after {opacity:1;width:100%;-webkit-transform: scaleY(1);transform: scaleY(1);}

#t3-mainnav.navbar-default .navbar-nav > li > a,#t3-mainnav.navbar-default .navbar-nav li > .separator,#t3-mainnav.navbar-default .navbar-nav li > span,#t3-mainnav.navbar-default .navbar-nav > li > .nav-header{padding:10px 10px 10px 10px;transition: all 0.2s  linear 0s; line-height:55px;z-index:2;}

#t3-mainnav .dropdown-menu span,#t3-mainnav .dropdown-menu span.separator,#t3-mainnav .dropdown li a,#t3-mainnav .dropdown-menu > li > a{line-height:1.7!important;display:block; padding:8px 15px!important;font-size:100%!important; text-transform:none}

#t3-mainnav .dropdown-menu span:hover,#t3-mainnav .dropdown li a:hover,#t3-mainnav .dropdown-menu > li > a:hover{ padding-left:20px!important;}

#t3-mainnav .dropdown-menu {min-width:205px;width:auto;padding:0; border:0;}

#t3-mainnav .dropdown-menu{ border:0; padding:0; margin-top:0px; background-color:transparent;}

#t3-mainnav .dropdown-menu  li::after{ display:none;}



#t3-header.affix #t3-mainnav.navbar-default .navbar-nav > li > a,#t3-header.affix #t3-mainnav.navbar-default .navbar-nav li > .separator,#t3-header.affix #t3-mainnav.navbar-default .navbar-nav li > span,#t3-header.affix #t3-mainnav.navbar-default .navbar-nav > li > .nav-header{ }

#t3-header.affix .logo {min-height:75px;display: grid; }



.t3-mainnav .t3-navbar-collapse .nav .caret {position: absolute;right: 15px;}

.navbar-nav > li > .dropdown-menu,.dropdown-submenu > .dropdown-menu {border-radius: 0;}

#t3-mainnav.navbar {border-left:0; border-top:0; border-right:0; }

.t3-megamenu .mega > .dropdown-menu .mega-col-nav{padding-left:0; padding-right:0;}

.t3-megamenu .mega-inner {padding:0px;}

/* ---------- S'MARKT NAV: Umbruch-Fix + animierter Gradient-Unterstrich ---------- */
@media (min-width: 992px) {
  #t3-mainnav .navbar-nav {
    display: flex;
    flex-wrap: nowrap;  /* FIX: kein Zeilenumbruch, kein Rand-Ueberlauf */
    justify-content: flex-end;
    align-items: center;
    margin: 0;
  }
  #t3-mainnav.navbar-default .navbar-nav > li { position: relative; white-space: nowrap; }
  #t3-mainnav.navbar-default .navbar-nav > li > a {
    white-space: nowrap;
    padding: 14px 13px;
    font-size: 14px;
  }
  #t3-mainnav.navbar-default .navbar-nav > li > a::after {
    content: "";
    position: absolute;
    left: 10px; right: 10px; bottom: 8px;
    height: 3px;
    background: linear-gradient(90deg, var(--smarkt-orange), var(--smarkt-violet));
    border-radius: 2px;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform .3s ease;
  }
  #t3-mainnav.navbar-default .navbar-nav > li > a:hover::after,
  #t3-mainnav.navbar-default .navbar-nav > li.active > a::after,
  #t3-mainnav.navbar-default .navbar-nav > li.current > a::after { transform: scaleX(1); }
}
/* Enge Desktops (992-1199px): Menue kompakter, damit 6 Items in eine Zeile passen */
@media (min-width: 992px) and (max-width: 1199px) {
  #t3-mainnav .navbar-nav > li > a { padding: 12px 8px; font-size: 13px; }
  #t3-mainnav .navbar-nav > li > a::after { left: 8px; right: 8px; }
  .mainnav-inner.pull-right { float: none; }
}


.nav .open a,.nav .open a:hover{ background-color:transparent}

.navbar-default .navbar-nav li > a, .navbar-default .navbar-nav li > .separator, .navbar-default .navbar-nav li > span {cursor: pointer;}



#t3-mainnav .dropdown-menu::before{content:"";position: absolute;left: 0;top:0px;height:4px;width:100%;z-index:999;transition:all 0.3s  linear 0s;opacity:0;width:0%;}

#t3-mainnav .open .dropdown-menu::before{transition:all 0.3s  linear 0s;opacity:1;width:100%;}

#t3-mainnav .nav-child.dropdown-menu .level1::after {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;content: "";

position: absolute;left: 30px;top: -5px;opacity:1;}



#t3-mainnav .dropdown.mega.open > .dropdown-menu::after {}



.t3-megamenu .dropdown.mega > .mega-dropdown-menu::after {}

.t3-megamenu .dropdown.mega.open > .mega-dropdown-menu::after {}



.t3-megamenu .dropdown-menu .mega-nav{margin-top:0px;}

.t3-megamenu .dropdown-menu ul.mega-nav{}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > .separator, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > .separator:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > .separator:focus{ outline:none;}

.t3-megamenu li.dropdown::before{/*content: "";position: absolute; left:0;bottom: -20px; width:100%; height:20px;opacity:0;*/}

.t3-megamenu li.dropdown:hover::before{/*opacity:1;animation:fadein4 0.5s;-moz-animation:fadein4 0.5s;-webkit-animation:fadein4 0.5s;-o-animation:fadein4 0.5s;*/}

.t3-megamenu li.dropdown::after{}

.t3-megamenu li.dropdown:hover::after{}

.mainnav-left[class*=' col-']{padding-left:0}

.t3-mainbody{ min-height:60vh;}

.t3-megamenu .nav > .dropdown > .dropdown-toggle .caret {margin-left: 3px;}

/*

	=======================================

		HEADER

	=======================================

*/

#t3-header{min-height:64px;-webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1); position:relative; padding:5px 0;}

#t3-header.affix{border: 0;border-left: 0;border-right: 0;margin-bottom: 0;border-radius:0;left:0;right:0;top:0;z-index: 999; min-height:55px;animation:fadein 0.5s;-moz-animation:fadein 0.5s;-webkit-animation:fadein 0.5s;-o-animation:fadein 0.5s;	margin-bottom: 0;border-radius: 0;left: 0;right: 0;top: 0;z-index: 999; position:fixed; padding:5px 0 }

.logo-image img{ max-width:100%;}

.logo {min-height:75px;display: grid; padding-top:0; padding-bottom:0; }

.logo::after {}

#t3-header.affix{}

body.fullwidth #t3-header.affix {-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);}

body.fullwidth #t3-header.affix  .container{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}



/*

	=======================================

		HIGHLIGHTER

	=======================================

*/

.wrap.highlighter{ min-height:41px;overflow: hidden; padding-top:15px; padding-bottom:15px;}

.highlighter-inner{margin-top:0px;overflow: hidden;} 

.gkHighlighterGK5.exeltis .gkHighlighterInterface.exeltis{background-color:transparent!important}

.gkHighlighterInterface.exeltis span.text {display: block;float: left;margin: 0 6px 0 0px;font-size:12px;font-weight:normal;text-transform: none;line-height:30px;padding:0 10px;}

.gkHighlighterInterface.exeltis div {padding-top:6px;}

.gkHighlighterInterface.exeltis div a {transition:none;display: block;float: left;height: 15px;width: 13px;margin: 2px 0 0 5px;cursor: pointer;}

.gkHighlighterItem.exeltis{min-height:28px;}

.gkHighlighterInterface.exeltis {padding: 0 7px 0 0;}

.gkHighlighterWrapper.exeltis { top:6px;}



/*

	=======================================

		TOP PICTURED MODULE - SLIDER

	=======================================

*/



.jt-cs.exeltis.jt-toppicture .jt-cat-title-text {position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:1;-webkit-transition:all .2s cubic-bezier(.645,.045,.355,1);-khtml-transition:all .2s cubic-bezier(.645,.045,.355,1);-moz-transition:all .2s cubic-bezier(.645,.045,.355,1);-ms-transition:all .2s cubic-bezier(.645,.045,.355,1);-o-transition:all .2s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.845,.045,.355,1);z-index:3;padding:15px;text-align:left;}

.featured .thumb-area a::before, .slider2 .thumb-area a::before, .gallery .thumb-area a::before, .carousel1 .thumb-area a::before, .video .thumb-area a::before, .simple .thumb-area a::before, .jt-cs.exeltis.jt-toppicture .jt-imagecover::after {content:"";background:-webkit-linear-gradient(top,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,1) 100%);background:-moz-linear-gradient(top,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,1) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,1) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,1) 100%);background:linear-gradient(top,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,1) 100%);position:absolute;height:100%;width:100%;opacity:0.7;transition:all 0.2s  linear 0s;z-index:2;}

.jt-cs.exeltis.jt-toppicture .jt-imagecover:hover::after{opacity:0.85;transition:all 0.2s  linear 0s;}

.jt-cs.exeltis.jt-toppicture  .jt-inner {padding-left:0px;padding-right:0px;}

.jt-cs.exeltis.jt-toppicture .jt-inner .jt-title {margin-bottom:0px;display:block;}

.jt-cs.exeltis.jt-toppicture  .slide {margin-bottom:0px;margin-top:0px;clear:both;padding:5px 0;}



.jt-cs.exeltis.jt-toppicture  .bt-author,.jt-cs.exeltis.jt-toppicture  .jt-category ,.jt-cs.exeltis.jt-toppicture  .jt-date,.jt-cs.exeltis.jt-toppicture  .jt-imagecover .fa  {font-size:11px;padding:3px 7px }

.jt-cs.exeltis.jt-toppicture  .jt-date,.jt-cs.exeltis.jt-toppicture  .jt-imagecover .fa  {padding:0px }

.jt-cs.exeltis.jt-toppicture .bt-row,.subslider-1-2 {padding:5px 0;}

.subslider-1-2 [class*=' col-'] {padding-left:10px;padding-right:10px;}

.subslider-1-2 .module{margin-bottom:0px;}



.jt-cs.exeltis.jt-toppicture-2  .jt-imagecover{ position:relative}

 .jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .owl-carousel .owl-nav button.owl-prev{position:absolute;left:0;z-index:5;opacity:1;text-indent:0;border:0;top:45%;width:32px;height:48px;padding-left:6px;border-radius:0px 3px 3px 0px;}

.jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .owl-carousel .owl-nav button.owl-next{position:absolute;z-index:5;border:0;top:45%;right:0;width:32px;height:48px;padding-left:9px;border-radius:3px 0px 0px 3px;}

.jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .owl-carousel .owl-nav button.owl-prev .fa, .jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .owl-carousel .owl-nav button.owl-next .fa {font-size:24px;line-height:48px;}

.jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .fa-chevron-left::before {position:absolute;top:0;left:5px;}

 .jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .fa-chevron-right::before {position:absolute;top:0;right:5px;}

.jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .jt-imagecover {border:0;outline:0;margin:0;}

.jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .jt-cat-title-text {height:40%;background:rgba(0,0,0,0.45)}

.jt-cs.exeltis.jt-toppicture.jt-toppicture-2  .jt-inner .jt-category {top:30px;left:30px;position:absolute;z-index:5; color:#fff;}

.jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .bt-author, .jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .jt-category, .jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .jt-date, .jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .jt-imagecover .fa {font-size:13px;}

.jt-cs.exeltis.jt-toppicture-2 p.readmore {margin-top:7px;float:right;line-height:1}

.jt-cs.exeltis.jt-toppicture-2 p.readmore a.btn {line-height:1.4}

.jt-cs.exeltis.jt-toppicture.jt-toppicture-2  .jt-cat-title-text {font-size:16px}

.jt-cs.exeltis.jt-toppicture.jt-toppicture-2  h3 {font-size:20px}

.jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .owl-carousel .owl-nav button.owl-next, .jt-cs.exeltis.jt-toppicture.jt-toppicture-2 .owl-carousel .owl-nav button.owl-prev{display:block;opacity:1;}

.jt-cs.exeltis.jt-toppicture.jt-toppicture-2  .jt-inner .jt-category ,.jt-cs.exeltis.jt-toppicture.jt-toppicture-2  .jt-inner .jt-category a{color:#fff;}



.jt-cs.exeltis.jt-toppicture .slide {border-bottom:0;}

.jt-cs.exeltis{padding-bottom:15PX;}

.tp-button.red.exeltis{}



.jt-cs.exeltis .owl-carousel .owl-nav .owl-next, .jt-cs.exeltis .owl-carousel .owl-nav .owl-prev,.exeltis .owl2-carousel2 .owl2-nav .owl2-next,.exeltis .owl2-carousel2 .owl2-nav .owl2-prev {width:50px;height:50px;border-radius:100%;transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s; text-align:center; background:none;display:grid;place-items:center;}

.exeltis .owl2-carousel2 .owl2-nav .owl2-next:hover,.exeltis .owl2-carousel2 .owl2-nav .owl2-prev:hover {width:50px;height:50px;}

.jt-cs.exeltis  .owl-carousel .owl-nav span { line-height:1; margin:0; padding:0;}

/*

The Leading Company  Fits Your Needs

*/

h4.bordered-title{position:relative; display:inline-block; padding:5px 15px; font-weight:normal; font-family: 'Nunito Sans Regular'!important;}

h4.bordered-title::before{position: absolute; width:100%; height:100%;border-radius:25px;opacity:0.1;content:""; left:0; top:0;}

h1.leading{ font-size:48px;}

.what-we-do .fa{ padding:10px;position:relative; width:45px; height:45px; margin-right:15px;}

.what-we-do .fa::after{position: absolute; width:100%; height:100%;border-radius:100%;opacity:0.1;content:""; left:0; top:0;}

.what-we-do .fa::before{ position:absolute; text-align:center; width:25px; line-height:25px;}

.what-we-do li{ list-style:none; margin:15px 0;display: flex;align-items: center;}

.what-we-do ul{ padding:0;}

.playButton{ display:none}

.jt-carousel.exeltis .jt-carousel-img {padding: 10px;}

/*

Special Work Areas

*/

.special-work li{ list-style:none; margin:15px 0;}

.special-work .fa{margin-right:10px;}



/*

	=====================================================

		JE ORBIT SLIDER -REVOLUTION SLIDER - MAIN SLIDER

	=====================================================

*/

#slidermodul::before,.subslider_bg::before{}

#slidermodul::after,.subslider_bg::after{}

.orbit-container.exeltis h3.slide-title,.orbit-container.exeltis h3 { margin-top:0px;font-size:30px;color:#fff;}

.orbit-container.exeltis .orbit-slides-container > * .orbit-caption {font-size: 100%;background-color: rgba(0, 0, 0, 0.5);padding:15px; color:#fff;font-size:16px;}

.orbit-container.exeltis .orbit-prev, .orbit-container.exeltis .orbit-next {width:18px;height:70px;line-height:70px;}

.orbit-container.exeltis .orbit-prev > span{left:3px;border:0; width:9px; height:17px; background:url(../images/orbit-prev.png) no-repeat;}

.orbit-container.exeltis .orbit-next > span{border:0; background:url(../images/orbit-next.png) no-repeat;width:9px; height:17px;}

.orbit-container.exeltis .orbit-bullets li {background:rgba(255,255,255,0.4);width:10px;height:10px;}

.bfPageIntro h3{ margin-bottom:0px; background:none;}

.bfPageIntro h3::before,.bfPageIntro h3::after{ display:none;}

.rev_slider_wrapper{}



.subslider_bg{ position:relative; margin-top:15px;}

.subslider-2.col-sm-12.col-md-4{}

.subslider_inner.container{}

#slidermodul{ position:relative;}



ul.opening-hours.message-block  {padding-left:0;}

ul.opening-hours.message-block li {list-style: none;text-transform: capitalize;position: relative;display: inline-block;width: 100%;margin-top:10px;padding-bottom: 10px;}

.tp-caption.largeblackbg_exeltis, .largeblackbg_exeltis{min-height:215px;height:auto !important;height:215px;padding:20px;}

.tp-caption.largeblackbg_exeltis .small, .largeblackbg_exeltis .small{ font-size:70%; padding-top:10px;}

/*

	==================================================

		TOPSL - TOPSL-2

	==================================================

*/

.topsl_bg{ position:relative;}

.topsl-2_bg h3.module-title::after{ background:none;}



.topsl-2_inner.container{ position:relative; z-index:1;}

.jt-icon-box .jt-icon-box-icon {width: 30px;height: 30px;text-align: center;vertical-align: middle;font-size: 30px;line-height: 30px;margin-top: 3px;float: left;transition: all 0.3s ease-in-out;}

.jt-icon-box .jt-icon-box-icon img {max-width: 30px;max-height: 30px;}

.jt-icon-box .jt-icon-box-content { margin-left: 50px;}

.jt-icon-box-content .fa-angle-right {margin-left:7px;}

.jt-icon-box-content h3{ font-weight:600;}

a.more-info{ margin-top:10px; display:inline-block}

.topsl-2_bg h3.module-title{ color:#fff;}

.topsl-2_bg .ztTestimonial p.content-testimonial,.topsl-2_bg .name-pos{color: rgba(250, 250, 250, 1); border-bottom:0; }

.topsl-2_bg .ztTestimonial p.content-testimonial::before { display:none;}

.topsl-2_bg .ztTestimonial.exeltis .col-md-12{}

.topsl-2_bg .zt-content{width:80%;}

.topsl-2_bg .name-pos{ text-align:left;}

.ztTestimonial .tw-fb a:hover{background-color:transparent!important;box-shadow: none!important;}

.topsl-2_bg .ztTestimonial.exeltis img.avatar { max-width:80px; border:1px solid rgba(255,255,255,.5)}

.zt-module-testimonial.exeltis .glyphicon-chevron-left::before {content: "\f104"; font-family:'FontAwesome'; font-size:30px;}

.zt-module-testimonial.exeltis .glyphicon-chevron-right::before {content: "\f105";font-family:'FontAwesome'; font-size:30px;}



.topsl-2_bg .zt-module-testimonial.exeltis .carousel-indicators { width:auto; left:25%; right:25%; text-align:center;}



/*

	==================================================

		EVENTS - ICAGENDA

	==================================================

*/

.icrounded_eventlist.exeltis .ic-date-img-box,.icrounded_eventlist.exeltis,#icagenda.ic-event-view.exeltis .ic-info,#icagenda.ic-event-view.exeltis .ic-image img {}

#icagenda.ic-event-view.exeltis .ic-info {border:0; background:none; padding:0;}

#icagenda.ic-event-view .ic-event-header,#icagenda-registration.well{box-shadow:none;}

#icagenda.ic-event-view.exeltis .ic-info .ic-details{ text-align:left; margin:10px;}

.icrounded_eventlist.exeltis,.icrounded_eventlist.exeltis:nth-child(2n+1){ background:none;}

.icrounded_eventlist.exeltis .iceventlist-title {

	padding-top: 3px;

	line-height: 15px !important;

	font-size: 15px;

	font-weight: normal;

	-webkit-hyphens: auto;

	-moz-hyphens: auto;

	-ms-hyphens: auto;

	-o-hyphens: auto;

	hyphens: auto;

}





#exeltis-calendar .ic_exeltis.iccalendar {

	display: block;

	margin: auto;

	padding: 3px;

	border:0;

	border-radius: 0px;

	min-width: 150px;

}

#exeltis-calendar .ic_exeltis .icnav{padding-bottom:0px; padding-top:0px;position:relative;}

#exeltis-calendar .ic_exeltis .icnav .backic, #exeltis-calendar .ic_exeltis .icnav .nextic,#exeltis-calendar  .ic_exeltis .icnav .backicY,#exeltis-calendar  .ic_exeltis .icnav .nexticY{ margin:6px 4px 0px 4px; border:0;border-radius:0px;}

#exeltis-calendar .ic_exeltis .icnav .backicY,#exeltis-calendar .ic_exeltis .icnav .backic,#exeltis-calendar .ic_exeltis .icnav .nextic,#exeltis-calendar .ic_exeltis .icnav .nexticY{ color:#fff;}

#exeltis-calendar .ic_exeltis .icnav .titleic {padding-bottom:4px; padding-top:4px;color:#fff;text-shadow: 0 1px 0 rgba(0,0,0,0.7); text-transform:uppercase;}

#exeltis-calendar .ic_exeltis .icnav::after{content: "";position: absolute; bottom:-10px; left:0; width:100%; height:14px;}

table#icagenda_calendar{ margin-top:4px;}

#exeltis-calendar .ic_exeltis.iccalendar .ic-table th { padding-bottom:5px; padding-top:5px;}

#exeltis-calendar .icagenda_header p{ display:none;}

#exeltis-calendar .ic_exeltis.iccalendar .ic-table td div{border-radius:2px;}

#exeltis-calendar .ic_exeltis.iccalendar div.style_Today{box-shadow:none; background:rgba(0,0,0,0.4);}

/*

	=======================================

		UPERSPOT MODULE

	=======================================

*/

.work-with-us-btn{ margin-top:15px;}

 .work-with-us-btn a.btn{padding-top:8px; padding-bottom:8px; font-size:110%;}

/*

	=======================================

		MAIN-TOP MODULE

	=======================================

*/

.main-top { padding:10px; margin-bottom:40px;}

.main-top h1,.main-top h2, .main-top h3,.main-top h4,.main-top h5,.main-top h6{color:#fff; margin-top:0;}

.main-top .module-title{}

.maintop-image.col-md-5,.maintop-image.col-lg-5,.maintop-image.col-sm-5{ padding-left:0; padding-right:5px} 

.maintop-text.col-md-7,.maintop-text.col-lg-7,.maintop-text.col-sm-7{padding-right:0px} 

.maintop-text{}



/*

	=======================================

		ABOUT-US HOME MODULE

	=======================================

*/

.aboutus-home-image-holder img{transition: all 0.5s linear 0s;}

.aboutus-home-image-holder img:hover {filter: grayscale(100%);transition: all 0.5s linear 0s;}

.aboutus-home-image.col-md-6,.aboutus-home-image.col-lg-6,.aboutus-home-image.col-sm-6{} 

.aboutus-home-text.col-md-6,.aboutus-home-text.col-lg-6,.aboutus-home-text.col-sm-6{} 

.aboutus-home-text .fa{ font-size:50px; line-height:1;}

.aboutus-home-icons{ display:grid;place-items:center; min-height:70px;}

.aboutus-home-text h3,.aboutus-home-banner-meta h3{ margin-top:0;}

.aboutus-home-image img{float:right;}

.aboutus-home-image {padding-left:30px;padding-top:30px;padding-right:0px;position: relative;z-index: 1;}

.aboutus-home-image::before {content: '';position: absolute;top: 0;left: 0;bottom:30px;right:30px;-webkit-box-shadow: 0 0 79px rgba(0,0,0,.45) inset;-khtml-box-shadow: 0 0 79px rgba(0,0,0,.45) inset;-moz-box-shadow: 0 0 79px rgba(0,0,0,.45) inset;-ms-box-shadow: 0 0 79px rgba(0,0,0,.45) inset;-o-box-shadow: 0 0 79px rgba(0,0,0,.45) inset;box-shadow: 0 0 79px rgba(0,0,0,.45) inset;z-index: -1;}

.aboutus-home-imageholder{ position:relative;}

.aboutus-home-banner-holder { position:absolute; right:70px; bottom:-40px; height:140px; width:70%;display: flex;flex-wrap: nowrap;padding:15px;-webkit-border-radius: 5px 5px 0 0;-khtml-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;-ms-border-radius: 5px 5px 0 0;-o-border-radius:5px 5px 0 0;border-radius: 5px 5px 0 0;-webkit-box-shadow: 0 8px 65px rgba(12,12,12,.19);-khtml-box-shadow: 0 8px 65px rgba(12,12,12,.19);-moz-box-shadow: 0 8px 65px rgba(12,12,12,.19);-ms-box-shadow: 0 8px 65px rgba(12,12,12,.19);-o-box-shadow: 0 8px 65px rgba(12,12,12,.19);box-shadow: 0 8px 65px rgba(12,12,12,.19);}

.aboutus-home-banner-icon img {max-width: 54px; margin-right:10px;}

.aboutus-home-text{}

/*

	=======================================

		MODULE WITH ICONS - SUBSLIDER

	=======================================

*/

.iconservices-col,.iconservices-col p{ text-align:center;}

.services-subslider span.hvr-ripple-out{ position:relative;text-align:center; width:100px; height:100px;border-radius:100%; display:block;margin: 0 auto;box-shadow: 0px 3px 6px rgba(0,0,0,0.05);

-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);}



.services-subslider span.hvr-ripple-out::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;}

.iconservices-col:hover span.hvr-ripple-out::before,.iconservices-col:focus  span.hvr-ripple-out::before,.iconservices-col:active span.hvr-ripple-out::before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;border: solid 6px;border-radius: 100% !important;}

.iconservices i{ font-size:32px; }

.services-subslider i{font-size:30px;line-height:100px;}

.services-subslider h4{ margin:25px 0;}



/*

	==========================================

	OUR FEATURED PROJECTS - BT CONTENT SLIDER

	==========================================

*/





.bt-projects .jt-pretext,.bt-projects .jt-pretext p{ font-size:16px; text-align:center; margin-bottom:40px; width:90%; margin:0 auto 30px auto}

.coloredmodule-1 h3.border-centered,.coloredmodule-1 h3 {z-index:1;position: relative;}

.coloredmodule-1 h3.bicolor{ color:#fff; text-indent:15px; margin-top:15px;}

#t3-content .coloredmodule-1 .module-title{padding-top:15px;}

.bt-projects .jt-inner-bg{}

.bt-intro-title-container{padding:15px 15px 15px 20px;}

.bt-arrows.coloredmodule-1 {position: relative;margin-top:60px;}



.bt-arrows-inner{ width:150px;}

.bt-cs.bt-projects a.prev { margin-right:20px;}



/*

	=============================================

		OUR STORY - RUNNING A SUCCESSFUL BUSINESS

	=============================================

*/

.ourstory-text ul{ padding-top:20px; padding-left:0;}

.ourstory-text a.btn{margin-top:20px;}

.ourstory-text li{ list-style:none; padding-left:15px;}

.ourstory-text .fa{ margin-right:4px; }

/*

	=============================================

		COLOREDMODULE -1 //NEOFANS // COUNTER

	=============================================

*/

.wrap.coloredmodule-1{background: url(../images/coloredmodule-bg.jpg) no-repeat top center ;position:relative; background-size:cover; min-height:550px; z-index:1;}

.coloredmodule-1 .container{ background-color:transparent;}

.coloredmodule-1-overlay{position:absolute; height:100%; width:100%; z-index:2;}

.coloredmodule-1-overlay::after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity:0.95; background:rgba(0,0,0,0.5) url(../images/neofans-image.png) no-repeat left bottom; z-index:3;}

.coloredmodule-1-inner{ position:relative; z-index:5;}



.zt-module-testimonial-description.exeltis{font-size: 16px; margin:0 auto 40px auto;position: relative;}

.zt-module-testimonial.ourclient img.avatar {float: right;width:80px;height:80px;border:0;padding:0px;border-radius: 50%;}

.zt-module-testimonial.ourclient p.content-testimonial {border-bottom:0;margin:0px 0px 10px 0px; padding-bottom:5px;}

.zt-module-testimonial.ourclient p.content-testimonial::before ,.ztTestimonial p.content-testimonial::after { display:none;}

.zt-module-testimonial.ourclient .image_text_container{ margin-bottom:25px;}

.zt-module-testimonial.exeltis .ztTestimonial .tw-fb a:hover{ background-color:transparent;text-decoration: none;box-shadow:none;}

.zt-module-testimonial.ourclient .ztTestimonial .name{ font-weight:bold;}

.zt-module-testimonial.ourclient p.content-testimonial .fa{font-size:16px;}

.zt-module-testimonial.ourclient p.content-testimonial .fa.fa-quote-left{ margin-right:10px;}

.zt-module-testimonial.ourclient p.content-testimonial .fa.fa-quote-right{ margin-left:10px;}

.wrap.coloredmodule-1 .zt-module-testimonial.ourclient img.avatar {float: right;width:86px;height:86px;border:2px solid rgba(255,255,255,0.4);padding:3px;border-radius: 50%;}

.coloredmodule-1 h3.module-title span{ margin-left:85px}

.coloredmodule-1 h3.module-title::after{ display:none;}

.coloredmodule-1 h3.module-title::before {position: absolute;content: "";height: 1px;top: 50%;right: auto;left:15px;width: 70px;z-index: 1;}

div.neofans {color:#fff;}

.neofans span.neofans-title{ font-style:italic; font-size:72px;  letter-spacing:0.5px;}

div.neofans .fa.fa-comments{ font-size:50px; margin-left:10px; margin-top:20px}

div.neofans  .btn-red {  letter-spacing:0.5px;}

/*

	=============================================

	MIDDLE BLOKC MODULES - BT CONTENT SLIDER

	=============================================

*/



.jtcs_item_wrapper.jt-cs.exeltis .jt-author-date {font-size:85%;}

.jt-cs.exeltis  h3 {text-transform: none;border-bottom: 0; background:none}

.jt-cs.exeltis .bt_handles li{ margin:0 2px!important}



.jt-cs.exeltis .jt-inner { padding-left:0px; padding-right:0px;}

.jt-cs.exeltis .jt-inner img {outline: none;border:0;max-width:100%!important; margin-top:0; margin-bottom:0;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s;	transition: all 0.2s linear 0s;opacity: 1;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);background: #000;}



.jt-cs.exeltis .jt-inner .jt-title {font-weight:400;text-transform: none;margin-bottom:5px; }

.jt-cs.exeltis .jt-inner .jt-category {font-weight:400;}

.jt-cs.exeltis p.jt-readmore { margin-top:20px; margin-bottom:0;}

.jt-cs.exeltis p.jt-readmore  a.btn,.pretext-button .btn { text-transform:uppercase;}

.jt-cs.exeltis .bt-row-separate {margin:0px 0px;}

.jt-cs.exeltis h3 {line-height:1.2;text-indent: 0px;text-transform: none;height: auto;border:0;margin: 0 !important; padding-bottom:4px;}

.jt-cs.exeltis h3 span{ }





.jt-pretext,.jt-pretext p{ font-size:18px; margin-bottom:10px; text-align:center;}

.t3-sidebar .jt-pretext{  padding-left:15px; margin:0 -10px;-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);}

h2.pretext_title,.jt-pretext h2,.jt-pretext h1,.jt-pretext h3{}

.pretext-title,.pretext-button{}

.pretext-button{ text-align:right}

.jt-cs.exeltis .bt-extra{ margin-bottom:5px; clear:none}

.jt-cs.exeltis .jt-author{ margin-right:15px;}

.jt-cs.exeltis .jt-date{}

.jt-cs.exeltis .modal,#jt5_headline-news_wrapper .modal{display:inline;position: relative; overflow:inherit!important}



.jt-cs.exeltis .jt-imagecover .fa, .jt-cs.exeltis.bt-projects .jt-imagecover .fa ,.jt-cs.exeltis.blog .jt-imagecover .fa {}



.jt-cs.exeltis.bt-projects .icon-lightbox.exeltis{ position: absolute; bottom:20%; right:15%; width:25%; text-align:center;opacity: 0; z-index:10;transition: all 0.7s  ease-out 0s;}

.jt-cs.exeltis.bt-projects .icon-url.exeltis{ position: absolute; top:20%; left:15%; width:25%; text-align:center;opacity: 0; z-index:11;transition: all 0.7s  ease-out 0s;}



.jt-cs.exeltis.bt-projects .jt-imagecover:hover .icon-lightbox.exeltis{opacity:0.9;transition: all 0.7s  ease-out 0s;bottom:40%; right:25%;}

.jt-cs.exeltis.bt-projects .jt-imagecover:hover .icon-url.exeltis{opacity:0.9;transition: all 0.7s  ease-out 0s;top:40%; left:25%; }



.jt-cs.exeltis .jt-imagecover {overflow: hidden;position: relative;z-index: 7;transition: all 0.7s ease-out 0s;}

.jt-cs.exeltis.bt-projects .jt-inner-overlay {position: absolute;width: 100%;height: 100%;z-index: 8;opacity: 0;top:0;left:0;}

.jt-cs.exeltis.bt-projects .jt-inner-overlay-2{position: absolute;height: 100%;width:100%;z-index: 8;opacity: 0;bottom:0;right:0;}



.jt-inner.exeltis .jt-imagecover:hover .jt-inner-overlay{opacity:0.7;animation: fadein2 0.7s;-moz-animation: fadein2 0.7s; /* Firefox */-webkit-animation: fadein2 0.7s; /* Safari and Chrome */-o-animation: fadein2 0.7s; /* Opera */}

.jt-inner.exeltis .jt-imagecover:hover .jt-inner-overlay-2{opacity:0.7;animation: fadein3 0.7s;-moz-animation: fadein3 0.7s; /* Firefox */-webkit-animation: fadein3 0.7s; /* Safari and Chrome */-o-animation: fadein3 0.7s; /* Opera */}



.jt-cs.exeltis .jt-imagecover:hover img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s;}





.bt-cs.bt-subslider .bt-row {padding-bottom:30px;}

.bt-cs.bt-subslider .jt-imagecover[class*=" col-"] {padding-left: 0;padding-right: 0;overflow: hidden;}

.bt-cs.bt-subslider .jt-title-wrap{ padding:30px 30px}

.bt-cs.bt-subslider .jt-introtext{}

.bt-cs.bt-subslider div.readmore{ text-align:right; padding-top:15px;}

.bt-cs.bt-subslider a.readmore-text i{ margin-left:20px; font-size:12px; padding:8px 8px 6px 8px; line-height:1; font-weight:normal;}

.bt-cs.bt-subslider div.readmore .jt-date{ float:left; text-transform:uppercase; font-size:15px; font-weight:600;}



.jt-cs.exeltis .bt-icon.icon-url,.jt-cs.exeltis.blog .bt-icon.icon-url{}

.jt-cs.exeltis .jt-imagecover:hover .bt-icon.icon-url.exeltis,.jt-cs.exeltis.blog .jt-imagecover:hover .bt-icon.icon-url.exeltis{}

.jt-cs.exeltis .bt-icon.icon-lightbox, .jt-cs.exeltis.blog .bt-icon.icon-lightbox  {}

.jt-cs.exeltis .jt-imagecover:hover .bt-icon.icon-lightbox.exeltis, .jt-cs.exeltis.blog .jt-imagecover:hover .bt-icon.icon-lightbox.exeltis{}

.jt-cs.exeltis.blog .owl-dots {counter-reset: dots;}

.jt-cs.exeltis.blog .owl-dot:before {counter-increment:dots;content: counter(dots);}

.jt-cs.exeltis.blog .owl-dot {font-size: 14px;line-height: 33px;height: 35px;width: 35px;float: none; margin-right:10px}

.jt-cs.exeltis.blog .owl-dot span{ display:none}



.jt-cs.exeltis .hover-icons ,.jt-cs.exeltis.blog .hover-icons{/*left:50%;position: absolute;top: 50%;transform: translate(-50%, -50%);background: transparent;z-index: 7;opacity: 0.7; min-width:50px;*/}

.jt-cs.exeltis .bt-icon,.jt-cs.exeltis.blog .bt-icon  {display:inline-block; margin:0px 1px}

.jt-cs.exeltis .jt-imagecover::after,.jt-cs.exeltis.blog .jt-imagecover::after{position: absolute;width: 100%;height: 100%;content: "";z-index: 4;opacity: 0;transition: all 0.2s linear 0s;top: 0;left: 0;}

.jt-cs.exeltis .jt-imagecover:hover::after,.jt-cs.exeltis.blog .jt-imagecover:hover::after{opacity:0.5;}

.jt-cs.exeltis-1 .bt-row {}



.jt-cs.exeltis-1 .jt-inner{ padding-top:20px; padding-bottom:20px; margin:0px;padding:0 15px 0 0;}

.jt-cs.exeltis.exeltis-1 .bt-extra{font-size:11px; position:relative; margin:0; padding:0px;}

.jt-cs.exeltis.exeltis-1 .bt-extra .jt-category {font-weight:600;display: inline-block;width: auto;}

.jt-cs.exeltis .bt-extra i, .jt-cs.exeltis .bt-extra .fa {padding:0px;font-size:12px;border-radius:0%; margin-right:5px;}

.jt-cs.exeltis .jt-author,.jt-cs.exeltis .jt-date {margin-right:7px;}

.jt-cs.exeltis .jt-author,.jt-cs.exeltis  .jt-category ,.jt-cs.exeltis .jt-date {}

.jt-cs.exeltis .pretext-button .btn{font-size:14px;padding-top:7px;padding-bottom:7px;}

.jt-cs.exeltis .jt-inner.exeltis-1 h2,.jt-cs.exeltis .jt-inner.exeltis-2 h2 { margin:0;}

.jt-cs.exeltis.exeltis-1 .jt-date{display:inline-block;line-height:1.2;}



.jt-cs.exeltis.exeltis .jt-imagecover{ position: relative; overflow:hidden; z-index:1;}

.jt-cs.exeltis.exeltis-1 .jt-imagecover{ margin:0}

.jt-cs.exeltis.exeltis-1 .jt-imagecover[class*=' col-']{ padding-left:0; padding-right:0;}

.jt-cs.exeltis.exeltis-1  .bt-introtitle-wrap{padding:15px 15px 8px 30px;}

.jt-cs.exeltis.exeltis .jt-imagecover::before {bottom: 0;content: "";left: 0;opacity: 0;position: absolute;right: 0;top: 0;transition: all 0.2s linear;z-index:3;}

.jt-cs.exeltis.exeltis  .jt-imagecover:hover::before,.jt-cs.exeltis.exeltis  .jt-imagecover:hover::before {opacity: 1;transition: all ease-in-out 0.5s;}



.jt-cs.exeltis.exeltis .jt-imagecover::after {bottom: 0;content: "";left: 0;opacity: 0;position: absolute;right: 0;top: 0;transition: all 0.2s linear;z-index:3; margin:15px; border:1px solid #fff;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}

.jt-cs.exeltis.exeltis .jt-inner:hover .jt-imagecover::after {}



.jt-cs.exeltis.exeltis .jt-imagecover:hover img,.jt-cs.exeltis.exeltis .jt-imagecover:hover img {transition: all 0.2s linear 0s;-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}

.jt-cs.exeltis.exeltis .hover-icons {margin-top: -22px;position: absolute;top: 50%;width: 100%;z-index: 4;text-align: center;}

.jt-cs.exeltis.exeltis .hover-icons  a {display: inline-block;height:44px;line-height:44px;opacity: 0;position:relative;text-align: center;top:0px;width:44px;z-index: 5;border-radius:0px;

-webkit-transition: all .4s ease-in-out;transition: all .5s ease-in-out;font-weight: 400;background: rgba(0,0,0,.7);border-radius: 100%;}

.jt-cs.exeltis.exeltis .hover-icons .fa,#jt5_headline-news_wrapper.exeltis .bt-imagecover .icon-lightbox .fa,#jt5_headline-news_wrapper.exeltis .bt-imagecover .icon-url .fa{font-size:20px;line-height:44px;}

.jt-cs.exeltis.exeltis .hover-icons a.icon-lightbox{ right:-100px;opacity:0; left:auto;transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;}

.jt-cs.exeltis.exeltis .hover-icons a.icon-url{margin-right:10px;left:-100px;transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;opacity:0}

.jt-cs.exeltis .jt-imagecover:hover:hover .hover-icons,.jt-cs.exeltis .jt-imagecover:hover:hover .hover-icons {filter: alpha(opacity=100);opacity: 1;transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;}

.jt-cs.exeltis .jt-imagecover:hover:hover .hover-icons a.icon-url,.jt-cs.exeltis .jt-imagecover:hover:hover .hover-icons a.icon-url {opacity: 1; left:0;transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;}

.jt-cs.exeltis .jt-imagecover:hover:hover .hover-icons a.icon-lightbox,.jt-cs.exeltis .jt-imagecover:hover:hover .hover-icons a.icon-lightbox{opacity: 1; right:0;transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;}

.jt-cs.exeltis.exeltis .jt-imagecover::before {background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 96%, rgba(0,0,0,0.9) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 96%, rgba(0,0,0,0.9) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 96%, rgba(0,0,0,0.9) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000', GradientType=0 );}



.jt-cs.exeltis-2 .jt-inner {border-width:1px;border-style: solid;position: relative;-webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);-khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);-moz-transition: all .25s cubic-bezier(.645,.045,.355,1);-ms-transition: all .25s cubic-bezier(.645,.045,.355,1);-o-transition: all .25s cubic-bezier(.645,.045,.355,1);transition: all .25s cubic-bezier(.645,.045,.355,1);margin:15px 15px;padding:15px 15px 40px 15px;

-webkit-box-shadow: 0 2px 15px rgba(0,0,0,.10);-khtml-box-shadow: 0 2px 15px rgba(0,0,0,.10);-moz-box-shadow: 0 2px 15px rgba(0,0,0,.10);-ms-box-shadow: 0 2px 15px rgba(0,0,0,.10);-o-box-shadow: 0 2px 15px rgba(0,0,0,.10);box-shadow: 0 2px 15px rgba(0,0,0,.10);}

.jt-cs.exeltis-2 .jt-inner-bg {padding:0px;}

.jt-cs.exeltis-2 .bt-row-separate{ margin:0px 15px;}

.jt-cs.exeltis-2 .bt-row {padding: 0;}

.jt-cs.exeltis-2 .bt-extra {margin:0px;clear: none;}

.jt-cs.exeltis-2 .jt-inner .jt-title,.jt-cs.exeltis-2 h4{line-height:1; margin:0 0 5px 0;}

.jt-cs.exeltis-2 .bt-row-separate,.jt-cs.exeltis-3 .bt-row-separate{ border:0; height:0; margin:0;}

.jt-cs.exeltis-2 .bt-row-separate-2{ display:none;}

.jt-cs.exeltis.exeltis-2 .jt-introtitle-container{ padding:15px;}

.jt-cs.exeltis.exeltis-2 .jt-imagecover-outer,.jt-cs.exeltis.bt-projects .bt-center{ position:relative;}

.jt-cs.exeltis.exeltis-2 span.title-author-container{ }

.jt-cs.exeltis.exeltis-2 .bt_handles {position: absolute !important;margin: 0 !important;padding: 0 !important;border: 0 !important;z-index: 101;}

.jt-cs.exeltis.exeltis-2 .bt_handles li a {width:10px;height:10px;}

.jt-cs.exeltis.exeltis-2 .bt_handles li.current a {width:12px;height:12px;}



.jt-cs.exeltis-2.projects .jt-inner {padding:0px; border:0;}

.jt-cs.exeltis.exeltis-2.projects .jt-introtitle-container{ padding:10px 25px 30px 25px;}

.jt-cs.exeltis-2.projects a.prev {text-indent:0;position:absolute;z-index:100;margin:0;padding:0;left:0px;top:55%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);opacity: 0;visibility: hidden;}

.jt-cs.exeltis-2.projects a.next {text-indent:0;position:absolute;z-index:100;margin:0;padding:0;right:0px;top:55%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);opacity: 0;visibility: hidden;}

.jt-cs.exeltis-2.projects a.next,.jt-cs.exeltis-2.projects a.prev { display:inline-block;width:50px;height:50px;border-radius:100%;transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s; text-align:center; background:none!important}

.jt-cs.exeltis-2.projects a.next i,.jt-cs.exeltis-2.projects a.prev i{ font-size:20px; line-height:48px;}

zt-module-testimonial.exeltis.client.owl-theme .owl-buttons .owl-next:hover,.jt-cs.exeltis-2.projects a.prev:hover {transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;}



.jt-cs.exeltis-2.projects:hover a.next{opacity:1; visibility: visible;right:-50px;}

.jt-cs.exeltis-2.projects:hover a.prev {opacity:1;visibility: visible;left:-50px;}

.jt-cs.exeltis.exeltis-2.projects  .jt-category { font-size:16px; margin-bottom:15px;display: block;}

.jt-cs.exeltis.exeltis-2.projects  .jt-category i{ margin-right:7px;} 

.jt-cs.exeltis.exeltis-2.projects .jt-pretext{ text-align:center; position:relative;}

.jt-cs.exeltis.exeltis-2.projects .jt-pretext .pretext-button{position:absolute;top:50%;right:15px;display:inline-block; line-height:1;}

.jt-cs.exeltis.exeltis-2.projects .jt-imagecover{margin-bottom:15px; }



.jt-cs.exeltis-2.news .jt-inner {padding:0px; border:0;}

.jt-cs.exeltis.exeltis-2.news .jt-introtitle-container{ padding:10px 30px 30px 30px;}

.jt-cs.exeltis a.prev {text-indent:0;position:absolute;z-index:100;margin:0;padding:0;left:0px;top:55%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);opacity: 0;visibility: hidden;}

.jt-cs.exeltis a.next {text-indent:0;position:absolute;z-index:100;margin:0;padding:0;right:0px;top:55%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);opacity: 0;visibility: hidden;}

.jt-cs.exeltis a.next,.jt-cs.exeltis a.prev { display:inline-block;width:50px;height:50px;border-radius:100%;transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s; text-align:center; background:none!important}

.jt-cs.exeltis  a.next i,.jt-cs.exeltis  a.prev i{ font-size:20px; line-height:48px;}

zt-module-testimonial.exeltis.client.owl-theme .owl-buttons .owl-next:hover,.jt-cs.exeltis-2.news a.prev:hover {transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;}



.jt-cs.exeltis:hover a.next{opacity:1; visibility: visible;right:-50px;}

.jt-cs.exeltis:hover a.prev {opacity:1;visibility: visible;left:-50px;}

.jt-cs.exeltis.exeltis-2.news  .jt-category {font-size: 80%;margin-bottom:15px;display:inline-block;}

.jt-cs.exeltis.exeltis-2.news  .jt-category i{margin-right:7px;} 

.jt-cs.exeltis.exeltis-2.news .jt-pretext{ text-align:center; position:relative;}

.jt-cs.exeltis.exeltis-2.news .jt-pretext .pretext-button{position:absolute;top:50%;right:15px;display:inline-block; line-height:1;}

.jt-cs.exeltis.exeltis-2.news .jt-imagecover{margin-bottom:15px; }

.jt-cs.exeltis.exeltis-2.news .jt-date-readmore{ display:block; clear:both;}

.jt-cs.exeltis.exeltis-2.news span.readmore{ text-transform:uppercase;float:right; font-size:14px;}

.jt-cs.exeltis.exeltis-2.news span.jt-date{ display:inline-block; width:50%;}

.jt-cs.exeltis-2.news  .jt-inner.exeltis-2.news .jt-title { margin-bottom:15px;}

.jt-cs.exeltis-2.news .jt-date-readmore{margin-top:20px; padding-top:20px;}

.jt-cs.exeltis-2.news .jt-author{ padding-right:10px;}



.t3-sidebar .jt-cs.exeltis-2 .jt-inner.exeltis-2 {}

.t3-sidebar .jt-cs.exeltis .jt-inner {padding-left:0px;padding-right:0px;}

.t3-sidebar .jt-cs.exeltis-2 .bt-row-separate-2{ margin:0;}

.t3-sidebar .jt-cs.exeltis.exeltis-2 .jt-imagecover{ }



.jt-cs.exeltis.exeltis-3 .jt-date,#jt5_headline-news_wrapper.exeltis .hjt5-dateonimage{font-size:14px; color:#fff; height:64px; width:40px; overflow:hidden;left:15px; position: absolute;top:0px; z-index:8; line-height:1.12; border:0; padding:3px 3px; margin:0;text-shadow:none; font-weight:400;text-align: center;}

#jt5_headline-news_wrapper.exeltis .hjt5-dateonimage{top:0px;}

.jt-cs.exeltis.bt-projects .jt-category { top:25px;left:0px;}

.jt-cs.exeltis.exeltis-3 .jt-date::after,.jt-cs.exeltis.bt-projects .jt-category::after{}



.jt-cs.exeltis .jt-inner.exeltis-2 h2,.jt-cs.exeltis.blog .jt-inner h2 { font-size:22px;}



.jt-cs.exeltis-3 h4{ margin:0px; }

.jt-cs.exeltis-3 h3 {background: none;margin-bottom: 10px;line-height: 1.25;}

.jt-cs.exeltis-3 .jt-imagecover-outer{ position:relative;}

.jt-cs.exeltis-3 .jt-inner-bg { }

.jt-cs.exeltis-3 p.jt-readmore { margin-top:30px;}

.jt-cs.exeltis-3 .bt-intro-title-container{padding:10px 0px 10px 0px;}

a.bt-viewall{position: absolute;right:-11px;top:-47px;padding: 0 5px;text-transform: uppercase;font-weight: bold;font-size: 12px;letter-spacing: 0.5px;}

a.bt-viewall .fa{font-size:14px;}



.jt-cs.exeltis.exeltis-4 .jt-imagecover{ margin-right:15px;}

.wrap.bottomline .container{ background:none;}

.jt-cs.exeltis-2.projects p.jt-readmore  a.btn { margin-right:30px}

.jt-cs.exeltis-2.projects p.jt-readmore{ margin-top:25px;text-align:right; padding-top:30px; margin-right:-25px; margin-left:-25px;}

.jt-cs.exeltis.exeltis-2.projects .jt-author,.jt-cs.exeltis.exeltis-2.projects .jt-date { margin-top:15px; display:inline-block; padding:14px;}

.jt-cs.exeltis.exeltis-2 .jt-author i,.jt-cs.exeltis.exeltis-2 .jt-date i{margin-right:7px;}

/*

	============================================

	 HEADLINE JT5 MODULE - WORLD NEWS

	============================================

*/

#jt5_headline-news_wrapper.exeltis{ position:relative;}

#jt5_headline-news_wrapper.exeltis a.show_all{padding:0px 5px;}

#jt5_headline-news_wrapper.exeltis .show_all_inner,a.more-link  {top:-35px;position: absolute;right:0px;padding:0px;text-transform: uppercase;font-weight: bold;font-size: 12px;letter-spacing: 0.5px;}

#jt5_headline-news_wrapper.exeltis .bt-imagecover{ margin-bottom:15px}

#jt5_headline-news_wrapper.exeltis .hjt5-author,#jt5_headline-news_wrapper.exeltis .hjt5-date{ margin-right:15px;}

#jt5_headline-news_wrapper.exeltis .hjt5-author-date{ margin:5px 0;}

#jt5_headline-news_wrapper.exeltis a.srowreadone {padding:3px 6px;font-weight: normal;margin-top:20px}

#jt5_headline-news_wrapper.exeltis #multiplerowblock p.mrowsintrotext,#jt5_headline-news_wrapper.exeltis #singlerowblock p.srowintrotext {text-align: justify;}

#jt5_headline-news_wrapper.exeltis .multiplerows{ margin-bottom:0;}

#jt5_headline-news_wrapper.exeltis h4 a, .jt5_headline-pagination.exeltis a.toc, #jt5_headline-news_wrapper.exeltis h4{ margin-bottom:8px}



#jt5_headline-news_wrapper.exeltis.linksbottom .bt-imagecover,#jt5_headline-news_wrapper.exeltis.linksbottom .bt-title-text-container{ width:50%; float:left;}

#jt5_headline-news_wrapper.exeltis.linksbottom .bt-title-text-container{ padding:5px 15px 5px 20px}

.jt5_headline-pagination ul.jt5-linksbottom{list-style-type: none;columns: 2;-webkit-columns: 2;-moz-columns: 2;}

.jt5_headline-pagination ul.jt5-linksbottom li{ }

#jt5_headline-news_wrapper.exeltis.linksbottom a.srowreadone {}



#jt5_headline-news_wrapper.exeltis .hover-icons {margin-top: -22px;position: absolute;top: 50%;width: 100%;z-index: 4;text-align: center;}

#jt5_headline-news_wrapper.exeltis .hover-icons a {display: inline-block;height: 44px;line-height: 44px;opacity: 0;position: relative;text-align: center;top: 0px;width: 44px;z-index: 5;border-radius: 0px;-webkit-transition: all .4s ease-in-out;transition: all .5s ease-in-out;font-weight: 400;background: rgba(0,0,0,.7);border-radius: 100%;}



#jt5_headline-news_wrapper.exeltis .bt-imagecover{position:relative}



#jt5_headline-news_wrapper.exeltis .bt-imagecover .icon-url {-webkit-transition: opacity .5s,-webkit-transform .5s;transition: opacity .5s,transform .5s;-webkit-transform:translate3d(100%,250%,0);transform:translate3d(100%,250%,0);display:inline-block;}

#jt5_headline-news_wrapper.exeltis .bt-imagecover .icon-lightbox {transition: opacity .5s,transform .5s;-webkit-transform:translate3d(-100%,250%,0);transform:translate3d(-100%,250%,0);opacity: 0;display:inline-block;}

#jt5_headline-news_wrapper.exeltis .bt-imagecover .overlay {position: absolute;overflow: hidden;width:100%;height:100%;left:0%;top:0%;bottom:0%; right:0%;-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;-webkit-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);}

#jt5_headline-news_wrapper.exeltis .bt-imagecover:hover .overlay {opacity: 1;-webkit-transform: scale(1);transform: scale(1);

}

#jt5_headline-news_wrapper.exeltis .bt-imagecover:hover .icon-url,#jt5_headline-news_wrapper.exeltis  .bt-imagecover:hover .icon-lightbox {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

#jt5_headline-news_wrapper.exeltis .bt-imagecover:hover img {transition: all 0.2s linear 0s;opacity: 0.7;-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}



#jt5_headline-news_wrapper.exeltis.linksbottom-2 .bt-imagecover,#jt5_headline-news_wrapper.exeltis.linksbottom-2 .bt-title-text-container{ width: auto; float: none;}

.jt5_headline-pagination ul.jt5-linksbottom-2{list-style-type: none;columns:1;-webkit-columns:1;-moz-columns:1; margin-top:20px}



#jt5_headline-news_wrapper.exeltis .hjt5-image {background:none; position:relative;}

#jt5_headline-news_wrapper.exeltis .hjt5-image::after{position:absolute; width:100%; height:100%; top:100%; left:0%; opacity:0;transition: all 0.2s  linear 0s; content:"";

	-webkit-transition: all 0.5s ease-out 0s;

	-moz-transition: all 0.5s ease-out 0s;

	-ms-transition: all 0.5s ease-out 0s;

	-o-transition: all 0.5s ease-out 0s;

	transition: all 0.5s ease-out 0s;}

#jt5_headline-news_wrapper.exeltis .bt-imagecover:hover .hjt5-image::after{ opacity:0.5;transition: all 0.2s  linear 0s;top:0%;

	-webkit-transition: all 0.5s ease-out 0s;

	-moz-transition: all 0.5s ease-out 0s;

	-ms-transition: all 0.5s ease-out 0s;

	-o-transition: all 0.5s ease-out 0s;

	transition: all 0.5s ease-out 0s;}

/*

	============================================

	 BP GALLERY IMAGE MODULE - PHOTO GALLERY

	============================================

*/

.bpgallery-category.exeltis.bpgallery-category-masonry .items .image-link .inner{}

.bpgallery-category.exeltis.bpgallery-category-masonry .items .image-cover{ overflow:hidden}

.bpgallery-category.exeltis .items .image-link:hover .overlay::after {}

.bpgallery-category.exeltis .items .image-link, .bpgallery-category .items .image-link .inner {display: block;}

.bpgallery-category.exeltis  .counter {border:0;}

.modbpgallery.bpgallery-category.exeltis { position:relative; margin-top:0px; padding:0px}

.modbpgallery.bpgallery-category.exeltis a.more-link { padding-left:5px}

.bpgallery-category.exeltis.bpgallery-category-masonry ul.items {margin:0 -7px 0px 0;}

.mfp-gallery .mfp-image-holder .mfp-figure {animation:fadein 0.5s;-moz-animation:fadein 0.5s;-webkit-animation:fadein 0.5s;-o-animation:fadein 0.5s;}

/*

	=======================================

		SCROLLING NEWS - BT CONTENT SLIDER 

	=======================================

*/

.bt-image-link {position: relative;z-index: 1;}

.jt-cs.exeltis.scrollingnews{ margin-top:0px;padding:5px 0px;}

.jt-inner.exeltis.scrollingnews {padding:0px;-webkit-box-shadow: 0 2px 15px rgba(0,0,0,.10);-khtml-box-shadow: 0 2px 15px rgba(0,0,0,.10);-moz-box-shadow: 0 2px 15px rgba(0,0,0,.10);-ms-box-shadow: 0 2px 15px rgba(0,0,0,.10);-o-box-shadow: 0 2px 15px rgba(0,0,0,.10);box-shadow: 0 2px 15px rgba(0,0,0,.10); margin:15px}

.jt-cs.exeltis.scrollingnews .bt-row {padding:0px 0;}

.slide.exeltis.scrollingnews .navbuttons{ }

.bt-cs.scrollingnews .next,.bt-cs.scrollingnews .prev{width:15px;height:17px;opacity:1;display:inline-block;}

.bt-cs.scrollingnews a.next {}

.bt-cs.scrollingnews a.prev{}

.bt-cs.scrollingnews .next:focus,.bt-cs.scrollingnews .prev:focus{ outline:none;}

.jt-cs.exeltis.scrollingnews .hover-icon.exeltis{left:37.5%;position: absolute;top:100%;background: transparent; z-index:7;opacity:1; width:25%; height:25%; text-align:center}

.jt-cs.exeltis.scrollingnews .jt-inner-overlay{position: absolute; width:100%; height:50%; z-index:8; opacity:0;transition: all 0.2s  linear 0s; }

.jt-cs.exeltis.scrollingnews .jt-inner-overlay-2{position: absolute; bottom:0; width:100%; height:50%; z-index:8; opacity:0;transition: all 0.2s  linear 0s;}

.jt-inner.exeltis.scrollingnews .jt-imagecover:hover .jt-inner-overlay{opacity:0.7;animation: fadein2 0.6s; -moz-animation: fadein2 0.6s; /* Firefox */-webkit-animation: fadein2 0.6s; /* Safari and Chrome */-o-animation: fadein2 0.6s; /* Opera */}

.jt-inner.exeltis.scrollingnews .jt-imagecover:hover .jt-inner-overlay-2{opacity:0.7;animation: fadein3 0.6s;-moz-animation: fadein3 0.6s; /* Firefox */-webkit-animation: fadein3 0.6s; /* Safari and Chrome */-o-animation: fadein3 0.6s; /* Opera */}

.scrollingnews .jt-imagecover{ overflow:hidden;position:relative; z-index:7;transition: all 0.2s  linear 0s;}

.jt-cs.exeltis.scrollingnews .jt-inner-overlay i,.jt-cs.exeltis.scrollingnews .jt-inner-overlay .fa,.jt-cs.exeltis.scrollingnews .jt-inner-overlay-2 i,.jt-cs.exeltis.scrollingnews .jt-inner-overlay-2 .fa{ padding:10px; font-size:20px; color:#fff;border-radius: 50%;}

.jt-cs.exeltis.scrollingnews .jt-imagecover{ margin-bottom:20px; margin-right:0;}

.jt-cs.exeltis.scrollingnews .fa-search{ margin-right:1px;}

.jt-cs.exeltis.scrollingnews.scrollingnews-2 .icon-lightbox.exeltis{ position: absolute;bottom: 3px;left: 37.5%;width: 25%;text-align: center;}

.jt-cs.exeltis.scrollingnews.scrollingnews-2 .icon-url.exeltis{position: absolute;top: 3px;left: 37.5%;width: 25%;text-align: center;}

.jt-inner.exeltis.scrollingnews .jt-date{ background:none; border:none;}

.jt-cs.exeltis.scrollingnews p.jt-readmore  { margin-top:10px; margin-bottom:20px;}

.jt-cs.exeltis.scrollingnews.scrollingnews-2 p.jt-readmore  a{ margin-top:30px}

.jt-cs.exeltis.scrollingnews .jt-introtitle-container{ padding:0 20px 15px 20px}

/*

	=========================================

		 SP TABS MODULE

	=========================================

*/

.tab-exeltis ul.tabs_container li.tab{

border-bottom:0;

margin-right: -1px!important;

padding:4px 10px 4px 10px!important;

font-size:18px;}

.tab-exeltis  h1,.tab-exeltis  h2, .tab-exeltis  h3,.tab-exeltis  h4,.tab-exeltis  h5,.tab-exeltis  h6{color:#fff; margin-top:0;}



.tabs-left .tabs_mask, .tabs-left ul.tabs_container li span{ height:auto!important; line-height: inherit!important;}

.tabs-left.tab-padding.tabs-left{padding-top:8px!important; padding-left:60px!important}

.tabs-left .tabs_buttons{ float:left; width:50%; overflow:visible!important;}

.tabs-left .items_mask{ float:left; width:50%;}

.tabs-left .tabs_buttons li.tab {float: none!important;display:block;cursor: pointer;padding: 0 10px;margin: 0;}

.tabs-left ul.tabs_container li.tab.active {-webkit-box-shadow: 0 6px 70px rgba(12,12,12,.19);-khtml-box-shadow: 0 6px 70px rgba(12,12,12,.19);-moz-box-shadow: 0 6px 70px rgba(12,12,12,.19);-ms-box-shadow: 0 6px 70px rgba(12,12,12,.19);-o-box-shadow: 0 6px 70px rgba(12,12,12,.19);box-shadow: 0 6px 70px rgba(12,12,12,.19);-webkit-transform: translateX(36px);-khtml-transform: translateX(36px);-moz-transform: translateX(36px);-ms-transform: translateX(36px);-o-transform: translateX(36px);transform: translateX(36px);}

.tabs-left ul.tabs_container li.tab {-webkit-transition: .4s cubic-bezier(.24,.74,.58,1);-khtml-transition: .4s cubic-bezier(.24,.74,.58,1);-moz-transition: .4s cubic-bezier(.24,.74,.58,1);-ms-transition: .4s cubic-bezier(.24,.74,.58,1);-o-transition: .4s cubic-bezier(.24,.74,.58,1);transition: .4s cubic-bezier(.24,.74,.58,1);padding: 27px 30px 27px 107px!important;display: flex;flex-wrap: nowrap;align-items: center;cursor: pointer;position: relative;z-index: 99;margin-top:9px!important;height:90px;}

.tabs-left ul.tabs_container li.tab::before{ border-radius:100%;color:#fff;font-family:fontAwesome; font-weight:normal;display:grid;place-items:center;font-size:30px; line-height:44px;position: absolute;width:60px; height:60px; left:27px; top:15px;  content:"\f0f6";}

.tabs-left ul.tabs_container li.tab.active::before{  content:"\f00c";}

.tabs-left ul.tabs_container li.tab.active::after {right: -20px;content: '';width: 0;height: 0;position: absolute;top:35px;border-style: solid;border-width: 10px;-webkit-transition: .4s cubic-bezier(.24,.74,.58,1);-khtml-transition: .4s cubic-bezier(.24,.74,.58,1);-moz-transition: .4s cubic-bezier(.24,.74,.58,1);-ms-transition: .4s cubic-bezier(.24,.74,.58,1);-o-transition: .4s cubic-bezier(.24,.74,.58,1);transition: .4s cubic-bezier(.24,.74,.58,1);z-index: 1;}

/*

	=========================================

		 JT TABS MODULE

	=========================================

*/

.jttabs-wrapper.exeltis.layout-default ul.nav-tabs {padding:0px 10px}

.jttabs-wrapper.exeltis.layout-default ul.nav-tabs > li.nav-item button{border-radius:0px;padding:9px 15px;margin-right:2px;line-height:1;border:0;border-radius:0px;margin-right:1px}

.jttabs-wrapper.exeltis.layout-default .nav-tabs > li {margin-bottom:0px;}

.jttabs-wrapper.exeltis.layout-default .tab-content {padding:10px;}

/*

	=========================================

		 SUBMAIN-8 COLUMN CONTENT MODULES

	=========================================

*/

#t3-content .submain-8 .jt-inner{ padding-left:0px; padding-right:0px;}

#t3-content .submain-8 bt-title ,#t3-content .submain-8 h4 { margin:0;line-height: 1;}

#t3-content .submain-8 h3.module-title::after{}

.submain-8 .jt-cs.exeltis-4 .bt-row-separate {margin: 0px 0px;}

.submain-8 .jt-cs.exeltis-4 .jt-author, .submain-8 .jt-cs.exeltis .jt-date {margin-right: 5px;}

.jt-cs.exeltis-4 .bt-row{ padding:10px 0}

.jt_static_content.exeltis{padding:10px 0}

/*

	=======================================

		PICTURE NEWS

	=======================================

*/

.tooltip-exeltis {position: relative;display:inline-block;text-decoration: none;overflow:visible;margin:0 0px 0px 4px}

.slides_container.exeltis.picturenews,.slides_container.exeltis.picturenews .bt-row{ overflow:visible;}

.t3-sidebar .jt-cs.exeltis.picturenews .jt-inner{line-height:1;}



.tooltip-exeltis:before{ content: attr(data-tooltip);position: absolute;bottom:100%; left:-10%; right:-10%;width: 120%;background-color: #333;background:rgba(0, 0, 0, .85);color: #FFF;padding:7px;opacity: 0;pointer-events: none;transition: opacity .3s ease-in-out;will-change: opacity;z-index:99999;border-radius:3px; margin-bottom: 10px; font-size:15px;font-weight:300; letter-spacing:0.1px;}

.tooltip-exeltis:hover:before {opacity: 1;pointer-events: auto;}



.tooltip-exeltis:after {width: 0; height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid  #333; border-top: 10px solid rgba(0, 0, 0, .85);content: "";position: absolute;transition: opacity .3s ease-in-out;will-change: opacity;z-index:99999;opacity: 0; bottom:100%; left:40%;}



.tooltip-exeltis:hover:after {opacity: 1;pointer-events: auto;}

.bt-row-separate.picturenews{ border-bottom:0; margin:0; height:0;}



.bt-cs .jt-inner.exeltis.picturenews img{ margin:0}

.slide.exeltis.picturenews{ padding-left:0px; margin-left:-2px; margin-top:3px}

.slides_container.picturenews .slides_control{ width:100%!important;}

.picturenews-imagecover{ position:absolute; left:0; top:0;width:100%; height:100%;transition: all 0.2s ease-in-out 0s;}

.picturenews-imagecover i {position: absolute; z-index:3;font-size:18px;backface-visibility: hidden;border: 2px solid #fff;border-radius: 100%;color: #fff;height: 40px;left: 50%;line-height: 35px;margin: -20px 0 0 -20px;opacity: 0;position: absolute;text-align: center;top: 50%;transform: scale(0);transition: all 0.2s ease-in-out 0s;width: 40px;}

.bt-row:hover .picturenews-imagecover{background-color:#333;background:rgba(0, 0, 0, .55);transition: all 0.2s ease-in-out 0s; z-index:1}

.bt-row:hover .picturenews-imagecover i{opacity: 0.85;transform: scale(1);transition: all 0.2s ease-in-out 0s;}

.bt-row:hover .picturenews img{ }

.jt-cs.exeltis .bt-row.picturenews {padding:0px; margin-bottom:2px;}



.jt-cs.exeltis .slide:hover .picturenews-imagecover{background-color:#333;background:rgba(0, 0, 0, .55);transition:all 0.2s ease-in-out 0s;z-index:1}

.jt-cs.exeltis .slide:hover .picturenews-imagecover i{opacity:0.85;transform:scale(1);transition:all 0.2s ease-in-out 0s;}

.jt-cs.exeltis .bt-row.picturenews {padding:0px;margin-bottom:2px;}



.jt-cs.exeltis.picturenews .jt-imagecover {overflow: visible;}

.jt-cs.exeltis.picturenews .jt-imagecover:hover img{transition:all 0.2s linear 0s;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}

.jt-cs.exeltis.picturenews .jt-imagecover::before {background:none;}

.jt-cs.exeltis.picturenews .jt-imagecover{ border:0; outline:none;}

.jt-cs.exeltis.picturenews .slide {padding:0px 0;

}

/*

	=========================================

		 VERTICALSCROLLER PRO

	=========================================



*/

.vjt1-title h4{ margin-top:0; margin-bottom:0;}

.exeltis a.more_in { font-weight:400!important}

.exeltis p.introtext{ margin-bottom:0}

.navigate.exeltis{ top:-60px!important; right:-11px!important; padding-left:5px!important; padding-top:2px!important; padding-bottom:2px!important;}

.scroller-exeltis .vscr-image{ background:none;}

.navigate.exeltis .arrow-border.exeltis i{ width:27px; height:27px; padding:3px 6px!important;}

/*

	=========================================

		 about us page text - image

	=========================================

*/

.about-us .nav-tabs{ border-bottom:0;margin-top:30px;}

.tab-content{ padding:20px 20px;}

.tab-content li{ margin-bottom:5px;}

.about-us .bfPageIntro{ display:none;}

.m-b-30 {margin-bottom: 30px;}

.about-us .tab-content .bfFormDiv {margin-top: -15px;margin-bottom: -15px;}

.img-aboutimage{position:relative;height:100%;margin-bottom: 110px;}

.aboutimage-1{position: relative;z-index: 1;}

.aboutimage-1 img{ margin-top:30px;

	-webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.2);

	-moz-box-shadow: 1px  5px 10px rgba(0, 0, 0, 0.2);

	box-shadow: 1px  5px 10px rgba(0, 0, 0, 0.2);

	border:10px solid rgba(255, 255, 255, 0.5);

}

.since-year-outer{position:relative}

.since-year{

	position: absolute;

	left:0px;

	top: 0px;

	z-index: 1;

}

.since-year span{

	font-size: 40px;

	font-weight: 300;

	display: block;

	line-height: 40px;

	position: relative;

}

.since-year strong{

	font-size: 70px;

	font-weight: 500;

	display: block;

	line-height: 40px;

}



@media only screen and (max-width:991px){

.aboutimage-1{

	margin-right: 0px;

	max-width: 420px;

}

.aboutimage-1 img{

	width:100%;

}



.aboutimage-2 {

    left: auto;

	right:0px;

}

}



@media only screen and (max-width:767px){

.aboutimage-1{margin-top:30px;max-width: 100%;}

.aboutimage-1 img{width:100%;}



.aboutimage-2 {top: 0px;max-width: 100%;	bottom:0px;

}



}



/*

	=========================================

		COLOREDMODULE-2 - BT CONTENT SLIDER

	=========================================

*/

.wrap.coloredmodule-2 {	position: relative;z-index:1;background-size:auto;float: left;width: 100%;}

.coloredmodule-2-overlay::before {background-image: url("../images/coloredmodule-2-bg.png");background-position: center center;background-repeat: no-repeat;width:100%;bottom: 0;content: "";left: 0;position: absolute;z-index:2;right: 0;top: 0;}

.coloredmodule-2-overlay::after {opacity: 1;bottom: 0;content: "";right: 0;position: absolute;z-index:3;right: 0;top: 0;}

.container.coloredmodule-2{ position:relative;z-index:4;}

.colormodule-2-text{ color:#fff;}

.colormodule-2-text p{ padding-top:10px; font-size:16px}

.colormodule-2-text h3,.colormodule-2-phone{line-height:1.2;}

.colormodule-2-text a.btn{ font-size:18px; line-height:1;padding: 10px 12px 7px 12px; margin-top:20px; }



/*

	=========================================

		OUR TOP SERVICES - JT CONTENT SLIDER

	=========================================

*/

.jt-cs.exeltis.jt-services .jt-inner-bg{ padding:20px;}

.jt-cs.exeltis.jt-services .bt-intro-title-container {padding:25px 0 0 0;}

.jt-cs.exeltis.jt-services span.icon{}

.jt-cs.exeltis.jt-services a.btn-primary.services{}

.jt-cs.exeltis.jt-services span.readmore-text{ }

.exeltis.jt-services .bt-arrows.exeltis {position: unset;margin-top:0px;}

.jt-cs.exeltis.jt-services a.prev.exeltis {left: 0;z-index:9;text-indent: 0;top:35%;position: absolute;text-align:center;}

.jt-cs.exeltis.jt-services a.next.exeltis {right: 0%;top:35%;position: absolute;z-index: 2;text-indent: 0;z-index:9;text-align:center;}

.jt-cs.exeltis.jt-services .jt-cat-title-text {position: absolute;top: 100%;left: 0;width: 100%;height: 100%;opacity: 0;	-webkit-transition: all .2s cubic-bezier(.645,.045,.355,1);-khtml-transition: all .2s cubic-bezier(.645,.045,.355,1);-moz-transition: all .2s cubic-bezier(.645,.045,.355,1);-ms-transition: all .2s cubic-bezier(.645,.045,.355,1);-o-transition: all .2s cubic-bezier(.645,.045,.355,1);transition: all .3s cubic-bezier(.845,.045,.355,1);z-index:4;padding:20px 20px;text-align:left;}

.jt-cs.exeltis.jt-services .jt-inner:hover .jt-cat-title-text {top: 0;opacity: 1;}

.jt-cs.exeltis.jt-services  .jt-imagecover{ position:relative;}

.jt-cs.exeltis.jt-services  .jt-imagecover::after{border:0; margin:0;position: absolute;width: 100%;height: 100%;content: "";z-index:1;opacity: 0;top:100%;left: 0;-webkit-transition: all .2s cubic-bezier(.645,.045,.355,1);-khtml-transition: all .2s cubic-bezier(.645,.045,.355,1);-moz-transition: all .2s cubic-bezier(.645,.045,.355,1);-ms-transition: all .2s cubic-bezier(.645,.045,.355,1);-o-transition: all .2s cubic-bezier(.645,.045,.355,1);transition: all .3s cubic-bezier(.845,.045,.355,1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1); }

.jt-cs.exeltis.jt-services .bt-row:hover .jt-imagecover::after{opacity:0.5;top:0;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1); }

.jt-cs.exeltis.jt-services .bt-row .bt-center  {-webkit-box-shadow: 0 3px 12px rgba(0,0,0,.08);-khtml-box-shadow: 0 3px 12px rgba(0,0,0,.08);-moz-box-shadow: 0 3px 12px rgba(0,0,0,.08);-ms-box-shadow: 0 3px 12px rgba(0,0,0,.08);-o-box-shadow: 0 3px 12px rgba(0,0,0,.08);box-shadow: 0 3px 12px rgba(0,0,0,.08);}

.jt-cs.exeltis.jt-services .bt-row:hover .bt-center  {

	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.12);

	-khtml-box-shadow: 0 5px 15px rgba(0,0,0,.12);

	-moz-box-shadow: 0 5px 15px rgba(0,0,0,.12);

	-ms-box-shadow: 0 5px 15px rgba(0,0,0,.12);

	-o-box-shadow: 0 5px 15px rgba(0,0,0,.12);

	box-shadow: 0 17px 15px rgba(0,0,0,.12);-webkit-transition: all .2s cubic-bezier(.645,.045,.355,1);-khtml-transition: all .2s cubic-bezier(.645,.045,.355,1);-moz-transition: all .2s cubic-bezier(.645,.045,.355,1);-ms-transition: all .2s cubic-bezier(.645,.045,.355,1);-o-transition: all .2s cubic-bezier(.645,.045,.355,1);transition: all .2s cubic-bezier(.645,.045,.355,1);}

.jt-bottom-title{ padding:15px 30px}

.jt-cs.exeltis.jt-services .bt-row{ overflow:visible; padding-bottom:30px;}

.jt-cs.exeltis.jt-services .jt-inner .jt-title {margin-bottom:0px;}

.jtcs_item_wrapper.jt-cs.exeltis.jt-services .jt-author-date{ margin:0}

/*

	=========================================

		COLOREDMODULE-3 - ZT TESTIMONIAL

	=========================================

*/

.coloredmodule-3 {position: relative;z-index:6;}

.coloredmodule-3-bg {position: absolute;z-index:1;width:100%; height:88%;}

.coloredmodule-3-overlay{opacity:1;background-image: url("../images/coloredmodule-3-bg.png");background-position: left bottom;background-repeat: no-repeat; position:absolute; width:100%; height:88%; z-index:1}



.coloredmodule-3-bg::before {position: absolute;z-index:3;width:50%; height:100%; right:0; bottom:0; content:""; top:86px;}

.coloredmodule-3-bg::after{content:"";opacity:0.08;background-image: url("../images/coloredmodule-3-bg2.jpg");background-position: left bottom;background-size:cover;background-repeat: no-repeat; position:absolute; width:50%; height:100%; z-index:4; right:0; bottom:0; top:86px;}

.colored_spot2{ padding-top:72px; padding-left:70px;}



.coloredmodule-3-overlay::after{position: absolute;z-index:3;height:100%; left:0; bottom:0; content:""; width:100%;opacity:0.92}



.zt-module-testimonial.exeltis{}

.ztTestimonial.exeltis .name{ font-weight: 400;line-height: 150%;font-size: 20px;margin-bottom:10px;display: block;}

.ztTestimonial.exeltis img.avatar {width:auto;height: auto;}

.zt-module-testimonial.exeltis .img-circle {}

.zt-module-testimonial.exeltis .col-sm-2.avatar-container,.zt-module-testimonial.exeltis .col-md-2.avatar-container,.zt-module-testimonial.exeltis .col-lg-3.avatarblock { padding-left:0; padding-right:0}

.zt-module-testimonial.exeltis .infoblock{ padding-left:15px}

.zt-module-testimonial.exeltis .zt-info-colon{padding-left:52px;}

.ztTestimonial.exeltis p.content-testimonial{ margin-left:0;border-bottom:0;}

.ztTestimonial.exeltis p.content-testimonial::after,.ztTestimonial.exeltis p.content-testimonial::before { display:none;}

.zt-module-testimonial.exeltis .carousel-indicators {position: absolute;bottom:0px;right:20px;z-index: 15;width: auto;padding-left: 0;margin: 40px 0px 0px 0;text-align: right;list-style: none;}

.ztTestimonial.exeltis ol.carousel-indicators li {display: inline-block;float: none;border:0;height:11px;width:11px;margin: 1px 5px 1px 1px;border-radius:100%;background-color:#fff;}

.ztTestimonial.exeltis ol.carousel-indicators li.active {float: none;border:0;height:11px;width:11px;margin: 1px 5px 1px 1px;}

.zt-module-testimonial.exeltis  .carousel-control .icon-prev, .zt-module-testimonial.exeltis  .carousel-control .glyphicon-chevron-left {left:0%;}

.zt-module-testimonial.exeltis  .carousel-control .icon-next, .zt-module-testimonial.exeltis  .carousel-control .glyphicon-chevron-right {right: 0%;}

.zt-module-testimonial.exeltis .carousel-control .icon-prev, .zt-module-testimonial.exeltis .carousel-control .icon-next, .zt-module-testimonial.exeltis .carousel-control .glyphicon-chevron-left, .zt-module-testimonial.exeltis .carousel-control .glyphicon-chevron-right {top:50%;}

.zt-module-testimonial.exeltis .carousel {padding-bottom: 40px;padding-top: 40px;}

.ztTestimonial.exeltis .tw-fb a i { font-size:20px;padding: 5px 5px;}

.ztTestimonial.exeltis .tw-fb a:hover {background-color:transparent;box-shadow:none;}

.zt-module-testimonial.exeltis .zt-testimonial .zt-information ul.zt-member-social-links{ padding-left:0;}



.ztTestimonial.exeltis-team .name{ font-weight: 400;line-height: 150%;font-size: 20px;margin-bottom:10px;display: block;}

.ztTestimonial.exeltis-team img.avatar {float: right;width:100%;height:100%;border:0;padding:0px;}

.zt-module-testimonial.exeltis-team .img-circle {border-radius:0;}

.zt-module-testimonial.exeltis-team .col-md-3 { padding-left:0; padding-right:0}

.zt-module-testimonial.exeltis-team .zt-info-colon{padding-left:15px; padding-top:20px;}

.ztTestimonial.exeltis-team p.content-testimonial{ margin-left:0;border-bottom:0;}

.ztTestimonial.exeltis-team p.content-testimonial::after,.ztTestimonial.exeltis-team p.content-testimonial::before { display:none;}

.zt-module-testimonial.exeltis-team .carousel-indicators {position: absolute;bottom:-30px;right:20px;z-index: 15;width: auto;padding-left: 0;margin:0px 0px;text-align: right;list-style: none;}

.ztTestimonial.exeltis-team ol.carousel-indicators li {display: inline-block;float: none;border:0;height: 8px;width: 8px;margin: 1px 5px 1px 1px;border-radius:0px;background-color:#fff;}



.ztTestimonial.exeltis-team .carousel-control.right, .ztTestimonial.exeltis-team .carousel-control.left {width:35px;background-image: none;}

.zt-module-testimonial.exeltis-team{ padding-top:38px;}

.ztTestimonial.exeltis-team ol.carousel-indicators li.active {float: none;border:0;height: 8px;width: 8px;margin: 1px 5px 1px 1px;}

.zt-module-testimonial.exeltis-team  .carousel-control .icon-prev, .zt-module-testimonial.exeltis-team  .carousel-control .glyphicon-chevron-left {left:0%;}

.zt-module-testimonial.exeltis-team  .carousel-control .icon-next, .zt-module-testimonial.exeltis-team  .carousel-control .glyphicon-chevron-right {right: 0%;}

.zt-module-testimonial.exeltis-team .carousel-control.left{ left:0}

.zt-module-testimonial.exeltis-team .carousel-control.right {left:35px; right:auto}

.zt-module-testimonial.exeltis-team .carousel-control .icon-prev, .zt-module-testimonial.exeltis-team .carousel-control .icon-next, .zt-module-testimonial.exeltis-team .carousel-control .glyphicon-chevron-left, .zt-module-testimonial.exeltis-team .carousel-control .glyphicon-chevron-right {top:100%;}

.zt-module-testimonial.exeltis-team .carousel {padding-bottom: 40px;}

.ztTestimonial.exeltis-team .tw-fb a i { font-size:20px;padding: 5px 5px;}

.ztTestimonial.exeltis-team .tw-fb a:hover {background-color:transparent;box-shadow:none;}

.zt-module-testimonial.exeltis-team .row { }

.ztTestimonial.exeltis-team .email,.ztTestimonial.exeltis-team .website,.ztTestimonial.exeltis-team .tw-fb a {}

.zt-module-testimonial.exeltis-team .glyphicon {font-family: 'FontAwesome';}

.zt-module-testimonial.exeltis-team .carousel-control{ opacity:1}

.zt-module-testimonial.exeltis-team .glyphicon-chevron-left,.zt-module-testimonial.exeltis-team .glyphicon-chevron-right{ border:1px solid #fff; width:35px; height:35px;}

.zt-module-testimonial.exeltis-team .glyphicon:empty {width:35px;}

.zt-module-testimonial.exeltis-team .glyphicon-chevron-left::before {content: "\f104";}

.zt-module-testimonial.exeltis-team .glyphicon-chevron-right::before {content: "\f105";}

.zt-module-testimonial.exeltis-team .glyphicon-chevron-left{ margin-left:0;}

.zt-module-testimonial.exeltis .zt-testimonial .zt-information .zt-info-name{ margin-bottom:5px;}





/*

	=========================================

		SKILLS - PROGRESS BARs

	=========================================

*/

.what-we-do{}

.glow-wrap{overflow: hidden;position: absolute;width: 100%;height: 100%;top: 0;margin-top: -10px;z-index:3;}

.glow{display: block;position:absolute;width: 40%;height: 200%;background: rgba(255,255,255,.2);top:-50%;filter: blur(5px);transform: rotate(45deg) translate(-450%, 0);transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);}

.what-we-do:hover .glow,.welcome-exeltis:hover .glow,.special-work:hover .glow{transform: rotate(45deg) translate(450%, 0);transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);}

.photo:hover img, .photo:hover .glow-wrap {margin-top: 0;}

.what-we-do:hover img{}

@-webkit-keyframes animate-stripes {

  from {

    background-position: 0 0;

  }

  

  to {

   background-position: 44px 0;

  }

}

figure.img-leading{-webkit-box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);-moz-box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);padding: 0;width: auto;display: inline-block; margin:30px 0 0 0; float:right; position:relative; z-index:2;}

figure.img-leading::before {position: absolute;content: "";width: 100%;height: 100%;top: -35px;left:-35px;z-index: -1;opacity:0.75;}



.ui-progress-bar1 {position: relative;height:2px;padding-right: 2px;margin-top: -5px;margin-bottom:26px;border-radius:0px;}

.ui-progress1 {position: relative;display: block;overflow: visible!important;height:2px;border-radius:0px;}

.ui-progress1 span.ui-label {bottom: -12px;height:24px;font-weight: 300;text-transform: uppercase;font-size: 14px;color: #fff;position: absolute;right: 0;line-height:24px;padding-right:10px; padding-left:10px;white-space: nowrap;}

.ui-progress-bar1.color {height:24px;border-radius: 14px;margin-top: -5px;}

.ui-progress1.color {height:24px;border-radius: 14px;background-color: #e54c4c;}

.coloredmodule-1_bg,.coloredmodule-2_bg{ background:#000; padding-bottom:80px;}

.coloredmodule-3_bg{ background:#0D0D0D;}

body.fullwidth .featherlight .featherlight-content{}

body.fullwidth .featherlight .featherlight-close-icon {position: absolute;z-index: 9999;top: 0;right: 0px;line-height: 25px;width: 25px;cursor: pointer;text-align: center;font: Arial,sans-serif;background: #fff;background: rgba(255,255,255,.3);color: #000;font-size: 16px;}

.featherlight .featherlight-close-icon{}

.featherlight{ z-index:9999!important;}

.filters.btn-toolbar .btn{height:38px;}

span[itemprop="keywords"] { margin-right:5px;}

/*

	=========================================

		BOTTOMSPOT - OUR CLIENTS

	=========================================

*/

.wrap.bottomspot{max-width:100%; overflow:hidden;}

.bottomspot h3.module-title.bicolor{}

.unite-carousel-wrapper{ max-width:100%!important}

.wrap.bottomspot .t3-module .module-ct {border:0;}

.bottomspot::after {}

.wrap.bottomspot{position:relative; border-bottom:10px solid transparent;z-index:1; width:100%;}

.bottomspot .container{ background-color:transparent;}

.bottomspot-overlay{}

.bottomspot-overlay::after {}

.bottomspot-inner{ position:relative; z-index:5;}

/*

	=========================================

		BOTTOMSPOT-2 - GET A FREE QUOTA

	=========================================

*/

.wrap.bottomspot-2 {overflow: hidden;}

.bottomspot-2-module{}

.bfFormDiv{padding:20px 20px 20px 20px;}

.bfFormDiv .bfQuickMode input{ height:29px; width:100%!important;}

.bfFormDiv .bfQuickMode span.bfElemWrap{ width:50%;}

.bfQuickMode span.bfElemWrap {padding: 0px 10px 0px 5px!important;margin: 0px 0px 0px 0px!important;}

.bfFormDiv  textarea{ width:100%!important;}

.bfFormDiv .bfQuickMode .bfSubmitButton{ float:right;font-size:16px;line-height: 1;padding:6px 10px 6px 10px; margin-right:6px; margin-left:5px; margin-top:15px;transition: all 0.2s  linear 0s;border: 1px solid transparent;}

.bfrolloverbg{ background:none; background-color:transparent;border:1px solid red!important}

.contact3 .submain-3 .t3-module{-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.08);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.08);box-shadow:0px 0px 15px 0px rgba(0,0,0,0.08);padding:20px 20px 20px 20px;}



/*

NAVHELPER

*/

.wrap.t3-navhelper{ position:relative;}

.wrap.t3-navhelper::before{position: absolute;content: "";width: 100%;height: 50%;left: 0;bottom: 0;z-index:1;}

.wrap.t3-navhelper .container{ position:relative; z-index:2;}

.reliable-company-wrap{ padding:30px 0px 30px 30px}

.wrap.t3-navhelper .btn.bg-white.exeltis {white-space: normal;}



/*

	=========================================

	 NEWSLETTER

	=========================================

*/

.bottomspot-3 h3,.bottomspot-3 h3 span{ background:none;}

.bottomspot-3 .acym_introtext h5,.bottomspot-3 .acymailing_introtext h5{display:inline-block;  color:#fff!important;  font-size:18px; font-weight:600; margin-bottom:0px; margin-top:5px;padding-bottom: 5px;position: relative;}

.bottomspot-3 .acym_introtext h5:before,.bottomspot-3 .acymailing_introtext h5:before{position:absolute;content:"";left:0px;right:0px;bottom:0px;border-bottom:1px solid #fff;width:100%;}

.bottomspot-3  .acyfield_email.acy_requiredField{ margin:0;float:left;}

.bottomspot-3  p.onefield.fieldacyemail { margin:0;}



div.acymailing_module-exeltis div.acymailing_introtext.exeltis,.bottomspot-3 .acymailing_introtext{color:#fff!important; padding:0px!important;}

.bottomspot-3 .acym_introtext .fa,.bottomspot-3 .acymailing_introtext .fa{font-size:60px; margin-right:20px;}

.bottomspot-3 .acym_introtext span,.bottomspot-3 .acymailing_introtext span {display: inline-block;float: left;}

.bottomspot-3{}

.bottomspot-3 .acym_introtext{ width:50%; float:left;}

.bottomspot-3 .acym_form.exeltis{ width:50%; float:left;}

.bottomspot-3 p.acysubbuttons{ display:inline-block;}

#t3-footer  .acym_form.exeltis td.acyfield_text{display:inline-block;width:100%; max-width:100%;cursor:text;}

#t3-footer td.acysubbuttons input{}

#t3-footer .acym_form.exeltis .acyfield_text input{width:100%; max-width:100%;cursor:text;}

#t3-footer .acym_form.exeltis input.button{ float:right;cursor:pointer;}



.bottomspot-3 .acym_form .exeltis input {max-width:100%;cursor:text;}

.wrap.bottomspot-3 .subbutton{ margin-left:30px; transition: all 0.2s  linear 0s;}

.bottomspot-3 .acym_form .exeltis .wrap-acym-wtcorp input#acym__user__edit__email{ background:none; cursor: text!important;}

.acym_form .exeltis input{cursor: text;}

.acym_form .exeltis input.btn{cursor: pointer; margin-top:10px;}

.acymailing_module.exeltis div.acymailing_form.exeltis { margin-top:16px!important}

.acym_module td, .acym_module tr td {border-top:0; padding-top:10px}

table.acymailing_form.exeltis {margin: 0;border: 0px !important;}

.t3-footnav .acym_module{margin-bottom:20px}



div.acymailing_module.exeltis{ display:flex;}

span.acymailing-image-exeltis{ min-width:262px;height:262px;background:url(../images/newsletter-image.png) no-repeat left;flex-grow:1;margin-right:40px;}

.ui-dialog .ui-dialog-titlebar{ display:none;}

.exeltis.ui-dialog-content .ui-dialog-titlebar-close.popupjt {border:0; position:absolute; top:15px; right:15px;margin:0px 0px 0 0;}

.ui-widget.ui-widget-content{ border:0!important}

.ui-widget-overlay {background: #000!important;opacity:.6!important;filter: Alpha(Opacity=60)!important;}

.acym_form.exeltis{ width:100%;min-height:92px;margin-top:15px;}

.acym_module_form .acym_form.exeltis  input {cursor: text;}

/*

	=========================================

	 WEATHER - SP WEATHER

	=========================================

*/

.weather_sp1_c.exeltis p.weather_sp1_city {font-size:20px;line-height: 24px;font-weight:400;}

.weather_sp1_c.exeltis .spw_row{ font-size:12px; line-height:1.4}

.weather_sp1_forecasts.exeltis .block_even,.weather_sp1_forecasts.exeltis .block_odd{ padding-left:1px;margin:2px;}

.weather_sp1_c.exeltis {margin: 0 0 20px;}

.weather_sp1.exeltis  {padding:0px;}

/*

	=========================================

	 COLUMNIST OPINION - COLUMNIST JT

	=========================================

*/

.jt_list_content.exeltis img,.jt_static_content.exeltis img{border-radius:100%;padding:4px;}

.authorname{font-size:13px;display: inline-block;}

.jt_list_content.exeltis{padding-bottom:15px;}

.eranewsdate{ color:#999999; font-size:12px; font-weight:300;}

.jt_list_content a:link, .jt_list_content a:visited, .jt_list_content a:hover, .morearticle a:link, .morearticle a:visited, .morearticle a:hover{font-weight:300; }





/*

	=======================================

		FOOTER - COPYRIGHT 

	=======================================

*/

.t3-footer{ }

.t3-footer-overlay{}

.t3-footer .t3-module .module-ct {border:0; padding:0;}

.t3-footnav.row{ margin-left:0; margin-right:0;}

body.fullwidth .t3-footnav{ z-index:3; position:relative;padding-left:100px;padding-right:100px;}

body.boxed .t3-footnav{padding-left:15px;padding-right:15px;}

.t3-footnav .t3-module h3.module-title span{ margin-left:0; padding-left:0}

.t3-footnav .t3-module h3.module-title,.t3-footnav .t3-module h3.module-title::after  { margin-left:0;padding-left:0;overflow-x: hidden;}

.t3-footnav .t3-module h3.module-title::after{opacity:0.7}

.t3-footnav .t3-module h3.module-title span::before {}

.t3-footnav .t3-module h3.module-title span::before {}

.t3-footnav .t3-module h3.module-title::before,.t3-footnav .t3-module h3.module-title span::after { display:none;}

.t3-footer .footerlogo_social_icon  .fa,.social-icons i{ width:37px; height:37px; font-size:20px;line-height:37px; padding:0 10px; text-align:center;transition: all 0.3s linear 0s;margin-right:5px;}

ul.footerlogo_social_icon li{ display:inline; float:left; margin-right:5px;}

.t3-footnav .t3-module ul.footerlogo_social_icon{ margin-top:20px}

.t3-footnav .t3-module .jt-cs.exeltis .jt-inner .jt-title { margin-bottom:0;}

.t3-footnav .t3-module .jt-cs.exeltis .readmore a.btn{ background:none;border:none; padding:0px;}

.t3-footnav .t3-module .jt-cs.exeltis p.jt-readmore { margin:0;display: inline-block;}

.t3-footnav .t3-module .jt-cs.exeltis .bt-row {padding:10px 0;}

.t3-footnav .t3-module .jt-cs.exeltis .jt-inner {padding-left: 0px;padding-right:0px;}

.t3-footnav .t3-module ul li{ margin:5px 0;}

.t3-footnav .module_menu .nav > li > a,.t3-footnav .module_menu .nav > li > .separator,.t3-footnav .module_menu .nav > li > span {	border-bottom:0;}

#t3-footer .t3-footnav img {outline: none;}

#t3-footer .t3-footnav .jt-imagecover {outline: none;}

.jt-cs.exeltis.footer .jt-imagecover{ margin-right:10px;}

.jt-cs.exeltis.footer h4,.jt-cs.exeltis.footer .bt-extra {line-height: 1.4;margin:0}

.exeltis.articles_count ul{padding-left:0px;}

.exeltis.articles_count ul li {padding:10px 0; list-style:none; margin:0;}

.exeltis.articles_count .fa{margin-right:10px;}

.exeltis.articles_count span.artcount{ float:right;}



.t3-copyright{padding-left:100px;padding-right:100px;}

.t3-copyright p{ margin-bottom:0}

.t3-copyright ul.menu li,.t3-copyright li{display:inline;float:left; margin:0;}

.t3-copyright ul.menu li a,.t3-copyright li a,.t3-copyright li span ,.t3-copyright li.separator{border-radius:0px; padding:0px 30px 0px 0px;}

.t3-copyright p,.top-login { margin:0px;}

.t3-copyright i{ margin-right:10px;}

.t3-copyright ul.menu li a:hover,.t3-copyright li a:hover ,.t3-copyright a:hover{background:none;background-color:transparent;transition: all 0.2s  linear 0s;}

.t3-copyright ul.menu li.active a,.t3-copyright li.active a { background:none}

.t3-copyright ul.dropdown-menu{ border-radius:0px; padding-left:10px; margin-top:0; margin-left:-10px;}

.t3-copyright ul.dropdown-menu li a{padding:10px;}

.t3-copyright .nav  li,.t3-copyright .nav  li a,.t3-copyright .nav  li:hover,.t3-copyright .nav  li a:hover{background:none!important;background-color:transparent!important;}

.t3-copyright ul.menu {float: right;}



.t3-sidebar .acymailing_form.exeltis{ width:100%;}

.acymailing_form.exeltis{ margin:0px 0 0 0;}

.acymailing_module_form.exeltis .acymailing_introtext.exeltis {padding-bottom:25px!important;}

.acymailing_form.exeltis td.acysubbuttons input.btn-primary{height:28px; padding:0px 12px; line-height:1;}

.acymailing_form.exeltis input.inputbox{border-radius:0px; margin-right:10px }

.acymailing_module_form.exeltis.acymailing_module_form td {padding-bottom: 15px;vertical-align: top;}

.acymailing_module_form.exeltis .button.subbutton {float:left;margin-left: 5px;}

.t3-sidebar .acymailing_form.exeltis input.inputbox{background:none;}



.t3-debug{position:fixed; right:0;top:0;z-index:999;min-height:40px;}

.t3-debug .exeltis.hikashop_cart_module{ padding:15px;}

.t3-debug .exeltis.hikashop_cart_module span.hikashop_small_cart_total_title{ padding:15px;}

.t3-debug .exeltis.hikashop_cart_module .hikashop_cart{background:url(../images/shopping-cart.png) no-repeat left 26px; padding-left:40px}

input.hikashop_checkout_coupon_field{ display:inline-block; margin-right:10px;}

.hikashop_checkout_coupon{ margin-top:10px;}





.t3-debug .exeltis.hikashop_cart_module a.hikabtn { display:block;}

.t3-debug .exeltis.hikashop_cart_module .shopping-cart-wrap{ float:right; width:auto;}

.t3-debug .exeltis.hikashop_cart_module .shopping-cart-icon{ float:right; width:40px; height:70px; display:grid;place-items:center; font-size:24px; padding-right:10px; }

/*****/

.footer-right .t3-module h3.module-title{margin-right:-51px; margin-left:-30px; padding:12px 51px 13px 30px;}

ul.footerlogo_social_icon{ margin-left:0!important;}

#exeltis-flickr img {width:77px;height:67px;}

#fancybox-wrap{ width:auto!important;}

.t3-footnav .t3-module .gallery-flickr.exeltis ul li{ margin:0px 0;}

.footer-right .gallery-flickr.exeltis ul li a{float:left;margin:0 5px 10px 5px;padding: 0;background:none;border: 0;}

.gallery-flickr.exeltis ul {margin: 0; padding:0;}

.footer-right.right-2 .t3-module h3.module-title {margin-right: -30px;margin-left: -51px;padding: 12px 30px 13px 51px;}

.footer-right.right-2 .t3-module h3.module-title::after {z-index: 1;content: "";position: absolute;width: 0;height: 0;left: -1px;bottom: -28px;/* width: 0; *//* height: 0; */border-bottom: 27px solid transparent;}

.footer-right.right-2 .t3-module h3.module-title::before {content: "";position: absolute;width: 100%;height: 100%;right: 0;top: 0;-webkit-box-shadow: inset -15px 0px 15px -9px rgba(0,0,0,0.75);-moz-box-shadow: inset -15px 0px 15px -9px rgba(0,0,0,0.75);box-shadow: inset -15px 0px 15px -9px rgba(0,0,0,0.75);}

.footer-right.right-2 .t3-module{ background:url(../images/module-grad-bg2.png) no-repeat top left}



.bottom-socialicons i{ font-size:20px; padding:0 6px}

/*

	=========================================

		COLOREDMODULE-4 - about us

	=========================================

*/



.about-us-title{ margin-top:0}

.wrap.coloredmodule-4{ background-image:url(../images/coloredmodule-4-bg-pic.jpg); background-repeat:no-repeat;background-position:center center; background-size:cover; position:relative; }

.wrap.coloredmodule-4::before{position:absolute; top:0; left:0; right:0; bottom:0; content:""; opacity:0.9;}

/*

	=======================================

		ADMISSIONS - ACCORDION

	=======================================

*/

#accordion .panel-title a:after{content: "";height: 18px;position: absolute;right:0px;top:1px;width:18px;}

#accordion .panel-title a.collapsed::after {height:18px;position: absolute;right:0px;top:1px;width:18px;}

#accordion .panel-title a{display: block;font-size: 14px;position: relative;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;transition: all 700ms ease 0s;border-radius:0px;background:transparent;outline:none;line-height:1.42857;}

#accordion .panel-default > .panel-heading ,#accordion.panel-group .panel{}

#accordion .panel-default > .panel-heading{ padding:8px 10px; }

#accordion .panel-default { border-bottom:0; border-left:0; border-right:0; border-top:0; box-shadow:none;}

#accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: transparent;}

#accordion.panel-group .panel + .panel {margin-top:10px;}

#accordion.panel-group .panel-default > .panel-heading{border-radius:0px;}



/*

	=======================================

		COUNTERS

	=======================================

*/



#counter {padding: 0px;text-align: center;font-size: 50px;font-weight: 500; padding:40px 0;position:relative;}

#counter::after{ position:absolute; top:0; left:0; bottom:0; right:0; content:"";opacity:0.1; width:100%; height:100%;}

#counter i {font-size:65px;display:block;margin-bottom: 10px;transition: all 0.2s  linear 0s;}

.counter-value:hover i { transition: all 0.2s  linear 0s;}

#counter h4 {display: block;font-weight: 400;margin: 0px auto 0 auto;padding: 5px 0px 0px 0px; line-height:1; }



.counter-value {padding:15px 10px;position: relative;overflow: hidden;transition: all .8s;-moz-transition: all .8s;-webkit-transition: all .8s;-ms-transition: all .8s;-o-transition: all .8s;z-index: 1; margin:0 0px;border-radius:0px;	-webkit-box-shadow: 0 3px 12px rgba(0,0,0,.08);-khtml-box-shadow: 0 3px 12px rgba(0,0,0,.08);-moz-box-shadow: 0 3px 12px rgba(0,0,0,.08);-ms-box-shadow: 0 3px 12px rgba(0,0,0,.08);-o-box-shadow: 0 3px 12px rgba(0,0,0,.08);box-shadow: 0 3px 12px rgba(0,0,0,.08);}

.counter-value:hover {-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.12);-khtml-box-shadow: 0 5px 15px rgba(0,0,0,.12);-moz-box-shadow: 0 5px 15px rgba(0,0,0,.12);-ms-box-shadow: 0 5px 15px rgba(0,0,0,.12);-o-box-shadow: 0 5px 15px rgba(0,0,0,.12);box-shadow: 0 17px 15px rgba(0,0,0,.12);-webkit-transition: all .2s cubic-bezier(.645,.045,.355,1);-khtml-transition: all .2s cubic-bezier(.645,.045,.355,1);-moz-transition: all .2s cubic-bezier(.645,.045,.355,1);-ms-transition: all .2s cubic-bezier(.645,.045,.355,1);-o-transition: all .2s cubic-bezier(.645,.045,.355,1);transition: all .2s cubic-bezier(.645,.045,.355,1);}

#counter-wrap{ display:flex;place-items:center; height:100%; }

#counter .timer {font-size:46px;line-height:50px;font-weight:600;letter-spacing:1px;}

.coloredmodule-1 .counter-value,.coloredmodule-1 .counter-value:hover {box-shadow:none;}

#counter.homepage{}

.counter-value{text-align: center;font-size:42px;font-weight: 500; padding:20px 0;position:relative;}

.counter-style{padding:15px 10px;}



.uppermain .container,.uppermain-5 .container{ background:none;}

#counter.homepage .counter-value {box-shadow:none;}



/*

UPPERMAIN

*/

.uppermain-6-7{ padding:40px 100px;}

/*

	=========================================================

	MEET TEAM ABOUT US PAGE PLAYERS SQUAD - ZT TESTIMONIAL

	=========================================================

*/

.jt-testimonial.exeltis.client::before{opacity:0.1;font-weight:normal;font-size:130px;font-family:FontAwesome;position:absolute;width:130px;height:130px;left:0px;top:-140px;content:"\f10e";transform:scaleX(-1);-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);}

.jt-testimonial.exeltis.client::after{opacity:0.1;font-weight:normal;font-size:130px;font-family:FontAwesome;position:absolute;width:130px;height:130px;right:0px;bottom:-80px;content:"\f10e";}



.jt-testimonial.exeltis.team .testimonial_block-image .overlay{visibility:hidden;opacity:0;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;	position:absolute;top:0;left:0;width:100%;height:95%;opacity:0.2;}

.jt-testimonial.exeltis.team .testimonial_block:hover .overlay{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;visibility:visible;opacity:0.7;}



.jt-testimonial.exeltis.team .zt-social-icons{min-height:40px;}

.jt-testimonial.exeltis.team .zt-testimonial:hover  .zt-social-icons{bottom:0;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;}

.jt-testimonial.exeltis.team .zt-social-icons li{list-style:none;padding:5px 12px !important;font-size:15px;text-align:center;padding:0px 5px!important}

.jt-testimonial.exeltis.team .zt-testimonial .zt-information .jt-social-icons li{padding:0px 5px!important}

.jt-testimonial.exeltis.team p.zt-content{margin-bottom:0;padding:10px 15px}



.jt-testimonial.exeltis.team .name-social-wrap{z-index:3;position:relative;}



.jt-testimonial.exeltis.team .name-info-position.onimage{visibility:hidden;opacity:0;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;position:absolute;top:25px;left:0px;padding:0px 25px;width:100%;font-weight:bold;}

  

.jt-testimonial.exeltis.team .testimonial_block:hover .name-info-position.onimage{visibility:visible;opacity:1;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;z-index:1;display:flex;flex-direction:column;}

.jt-testimonial.exeltis.team .name-info-position.onimage .testimonial_block-name,.jt-testimonial.exeltis.team .name-info-position.onimage .testimonial_block-name h3{background:none;width:100%;color:#fff;}

.jt-testimonial.exeltis.team span.share-icon{position:absolute;display:block;top:-25px;right:26px;width:50px;height:50px;border-radius:100%;text-align:center;

font-size:14px;z-index:3;display:grid;place-items:center;}

.jt-testimonial.exeltis.team  .zt-testimonial .zt-information p.zt-content{border:0;padding:0;}

.jt-testimonial.exeltis.team .zt-testimonial .zt-information .zt-info-name{font-size:24px;}

.jt-testimonial.exeltis.team  .zt-testimonial{margin:0px 0 45px;padding:0px;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);-khtml-transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-transition:all .3s cubic-bezier(.645,.045,.355,1);-ms-transition:all .3s cubic-bezier(.645,.045,.355,1);-o-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);border-bottom:0;}

.jt-pretext div{font-size:18px;display: flex;align-items: center;}





.jt-testimonial.exeltis.team  .jt-social-icons li{display:inline-block;}

.jt-testimonial.exeltis.team .zt-social-icons h4.zt-info-name{font-size:18px;margin:0;}

.jt-testimonial.exeltis.team a:hover{text-decoration:none;}

.zt-module-testimonial.exeltis .zt-testimonial .zt-information .zt-info-position,.zt-module-testimonial.exeltis .zt-testimonial .zt-information .zt-info-nationality,.zt-module-testimonial.exeltis .zt-testimonial .zt-information .zt-info-dateofbirth{display:block;}



.jt-testimonial.exeltis.team .owl-buttons div{opacity:1;}

.zt-module-testimonial.exeltis{}

.jt-testimonial.exeltis.team .owl-buttons{position:absolute;width:100%;top:30%;}

.jt-testimonial.exeltis.team .owl2-nav .owl2-prev{opacity:1;position:absolute;left:0px;width:43px;height:73px;border-radius:3px;text-align:center;display:grid;place-items:center;border:0;}

.jt-testimonial.exeltis.team .owl2-nav .owl2-next{opacity:1;position:absolute;right:0px;width:43px;height:73px;border-radius:3px;text-align:center;display:grid;place-items:center;border:0;}



.jt-testimonial.exeltis.team .testimonial_block-data{width:100%;margin:0}

.jt-testimonial.exeltis.team .testimonial_block-data div{margin-bottom:0px;}

.jt-testimonial.exeltis.team .jt-social-icons{float:right;width:50%;list-style:none;padding:0px 0 0px 0;display:flex;flex-wrap:wrap;justify-content:center;margin:0;align-items:center;min-height:45px;flex-direction:row;}

.jt-testimonial.exeltis.team .testimonial_block-name{font-weight:bold;margin-bottom:5px;float:left;width:50%;display:flex;flex-wrap:wrap;justify-content:center;margin:0;align-items:center;min-height:40px;flex-direction:row;margin:0; padding-left:5px}

.jt-testimonial.exeltis.team .testimonial_block-data .jt-social-icons .fa{padding:0px 5px;font-size:14px;}



.wrap.bottomspot-2 .container{background:none;padding-top:80px;padding-bottom:80px;}

.jt-testimonial.exeltis.client .jt_testimonial-block-slide{border-radius:10px;padding:30px;-webkit-box-shadow:0 2px 15px rgba(0,0,0,.10);-khtml-box-shadow:0 2px 15px rgba(0,0,0,.10);-moz-box-shadow:0 2px 15px rgba(0,0,0,.10);-ms-box-shadow:0 2px 15px rgba(0,0,0,.10);-o-box-shadow:0 2px 15px rgba(0,0,0,.10);box-shadow:0 2px 15px rgba(0,0,0,.10);}

.jt-testimonial.exeltis.client .testimonial_block-text::after{display:none;}

.jt-testimonial.exeltis.client .jt_testimonial-info-image-wrap{display:flex;}

.jt-testimonial.exeltis.client .testimonial_block-text{line-height:1.7;font-size:18px;margin-bottom:30px;margin-bottom:20px}

.jt-testimonial.exeltis.client .owl2-nav .owl2-next,.jt-testimonial.exeltis.client .owl2-nav .owl2-prev{display:grid;place-items:center;width:32px;height:32px;border-radius:100%;transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;text-align:center;opacity:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);opacity:0;}

.jt-testimonial.exeltis.client:hover .owl2-nav .owl2-next,.jt-testimonial.exeltis.client:hover .owl2-nav .owl2-prev{opacity:1;}

.jt-testimonial.exeltis.client .testimonial_block-position{text-transform:uppercase;font-size:14px;}



.playersquad-entry.exeltis .member h2 { font-size:18px; margin-bottom:5px;}

.playersquad-entry.exeltis .member span {font-size:100%;}

.playersquad-entry.exeltis .member .playersquad-avatar {margin: 0px 0px 15px 0px;}

.playersquad-entry.exeltis .member a.profile-link {text-align: center;padding-right:12px;display: inline-block; margin-top:20px}





/*

	=========================================

	HAPPY CUSTOMERS - JT TESTIMONIAL

	=========================================

*/

.exeltis.customer img.avatar{float:right;width:64px;height:64px;box-shadow:none !important;}

.exeltis.customer .img-circle{border-radius:50%;}

.exeltis.customer  p.content-testimonial{padding:20px;position:relative;margin:0px 0px 0px 0px;min-height:10px;transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;-webkit-transition:all .8s;border-radius:5px; position:relative;}

.exeltis.customer  .testimonial_block-text::after{content:"";position:absolute;width:0;height:0;border-style:solid;bottom:-28px;right:30px;}

.exeltis.customer  .testimonial_block-text::before{content:"";position:absolute;width:0;height:0;bottom:-30px;right:26px;}

.exeltis.customer .tw-fb{display:inline-flex;align-items:center;justify-content:space-between;}

.exeltis.customer .tw-fb a{display:block;padding:12px !important;font-size:18px;text-align:center;}

.exeltis.customer .row.info{padding-right:55px;padding-left:30px}

.exeltis.customer .zt-testimonial,.exeltis.customer .zt-testimonial:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-bottom:0;background-color:transparent}

.exeltis.customer .testimonial_block-name{font-weight:500;font-size:16px;margin-bottom:5px}

.exeltis.customer [class*="col-"]{padding-left:0;padding-right:0;}

.exeltis.customer .infoblock{padding-right:15px;display:flex;flex-direction:column;justify-content:center;/* aligns content vertically */align-items:flex-end;/* aligns content horizontally */ min-height:64px;}



.jt-testimonial.exeltis.customer .jt_testimonial-info-image-wrap{display:flex;justify-content:flex-start;width:100%;padding-left:10px;align-items:center;}

.jt-testimonial.exeltis.customer .testimonial_block-image{margin-left:20px;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}

.jt-testimonial.exeltis.customer .jt_testimonial-block-slide{background:none;}

.jt-testimonial.exeltis.customer .testimonial_block-text::after{}

.jt-testimonial.exeltis.customer .testimonial_block-text::before {content: "";position: absolute;width: 0;height: 0;bottom: -30px;left: 25px;right: auto;margin-right: 10px;}

.jt-testimonial.exeltis.customer .testimonial_block-text::after  {content: "";position: absolute;width: 0;height: 0;border-style: solid;bottom: -28px;left: 23px;right:auto;}

.jt-testimonial.exeltis.customer .jt-social-icons{display:flex; font-size:18px;gap:7px 15px}

.jt-testimonial.exeltis.customer .jt_testimonial-info{ padding-left:15px;}

.jt-testimonial.exeltis.customer .testimonial_block-text {margin-bottom: 50px;}



.playersquad-entry.exeltis .member h2 { font-size:18px; margin-bottom:5px;}

.playersquad-entry.exeltis .member span {font-size:100%;}

.playersquad-entry.exeltis .member .playersquad-avatar {margin: 0px 0px 15px 0px;}

.playersquad-entry.exeltis .member a.profile-link {text-align: center;padding-right:12px;display: inline-block; margin-top:20px}



.wrap.bottomspot-2 .container{ background:none;}



.exeltis.client{ position:relative;}

.exeltis.client .jt-pretext, .jt-pretext p { text-align:center;}

.exeltis.client .testimonial_block-text {line-height:1.7;font-size:18px;margin-bottom:30px;text-indent:15px;}

.exeltis.client .jt_testimonial-block-slide{border-radius: 10px; margin-top:40px; margin-bottom:40px;  -webkit-box-shadow: 0 2px 15px rgba(0,0,0,.10);-khtml-box-shadow: 0 2px 15px rgba(0,0,0,.10);

 -moz-box-shadow: 0 2px 15px rgba(0,0,0,.10); -ms-box-shadow: 0 2px 15px rgba(0,0,0,.10); -o-box-shadow: 0 2px 15px rgba(0,0,0,.10); box-shadow: 0 2px 15px rgba(0,0,0,.10);}

.exeltis.client .jt_testimonial-outer.slide{padding:15px;}

.exeltis.client .testimonial_block-name h3{ margin:0;}

.exeltis.client .testimonial_block {justify-content:flex-start;}

.exeltis.client .testimonial_block-text::after{top:-10px;left:-10px;right:auto;bottom:auto;font-size:20px;-webkit-transform: scaleX(-1);transform: scaleX(-1);}

.exeltis.client .testimonial_block-position{ text-transform:uppercase; font-size:85%}

.exeltis.client::before{opacity:0.1;font-weight: normal;font-size:130px;font-family: FontAwesome;position: absolute;width:130px;height:130px;left:0px;top:0px;content: "\f10e";transform: scaleX(-1);-moz-transform: scaleX(-1);-webkit-transform: scaleX(-1);-ms-transform: scaleX(-1);}

.exeltis.client::after{opacity:0.1;font-weight: normal;font-size:130px;font-family: FontAwesome;position: absolute;width:130px;height:130px;right:0px;bottom:0px;content: "\f10e"; }



/*

	=========================================

	PRICING TABLE -  CUSTOM MODULE

	=========================================

*/

.pricingtable-row .row{padding:40px 100px;}

.pricingtable-wrapper.style {box-shadow: 0 0 30px 0 rgba(0,0,0,.1);padding: 30px;}

.no-padding {padding-left: 0;padding-right: 0;}

.pricingtable-inner {text-align: center;}

h4.pricingtable-title {font-size: 22px;line-height: 28px;margin-bottom: 15px; text-align:center;}

.pricingtable-wrapper.style .pricingtable-bx {font-weight: 500;border-radius: 10px;display: inline-block;font-size:16px;margin-top: 20px;padding: 15px 25px;margin-bottom: 20px;}

.pricingtable-wrapper.style .pricingtable-bx span {font-size: 22px;}

.pricingtable-wrapper.style.active {margin: -30px -10px 0;padding: 60px 30px;position: relative;z-index: 1;}

.pricingtable-wrapper.style p {line-height: 28px;margin-bottom: 24px;}

.site-button.white {display: inline-block;padding: 12px 60px;background-color: #fff;border-radius: 100px;-webkit-border-radius: 100px;margin: 0 5px 10px 0;}

.pricingtable-inner .btn-primary{display: inline-block;padding: 12px 60px;border-radius: 100px;-webkit-border-radius: 100px;margin: 0 5px 10px 0;}



/*

	=========================================

	HAPPY CUSTOMERS - ZT TESTIMONIAL

	=========================================

*/

.zt-module-testimonial.exeltis.customer img.avatar {float: right;width:80px;height:80px;padding:4px;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}

.zt-module-testimonial.exeltis.customer .img-circle {border-radius: 50%;}

.zt-module-testimonial.exeltis.customer  p.content-testimonial {padding:25px;position: relative;margin:0px 0px 50px 0px;min-height: 10px;transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-o-transition: all .8s;-webkit-transition: all .8s;}

.zt-module-testimonial.exeltis.customer  p.content-testimonial::after {content: "";position: absolute;width: 0;height: 0;border-style: solid;bottom: -28px;left:23px;}

.zt-module-testimonial.exeltis.customer  p.content-testimonial::before {content: "";position: absolute;width: 0;height: 0;bottom: -30px;left:24px;margin-right: 10px;}

.zt-module-testimonial.exeltis.customer .tw-fb a {display: block;float: left;padding: 12px !important;font-size: 18px;text-align: center;}

.zt-module-testimonial.exeltis.customer .row.info {padding-left:40px;}

.zt-module-testimonial.exeltis.customer .zt-testimonial,.zt-module-testimonial.exeltis.customer .zt-testimonial:hover {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border-bottom:0; background-color:transparent}

.zt-module-testimonial.exeltis.customer .name{ font-weight:500;}



/*

	===========================================

	Our Professional Services -  CUSTOM MODULE

	===========================================

*/

.xl-services-box-wrapper { padding:30px; position:relative;}

.xl-services-box-wrapper::after{position: absolute; width:0%; height:4px;opacity:0;content:""; left:0; bottom:0; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}

.xl-services-box-wrapper:hover::after{width:100%;opacity:1;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}

.xl-services-box-wrapper .fa,.xl-services-box-wrapper i{ font-size:80px;}

.services-count-2 span.services-count-number {position: absolute;right:35px;top: 20px;font-size: 120px;font-weight: 700;color: rgba(177, 177, 177, 0.7);opacity: 0.3;line-height: 120px; }

.xl-services-box-wrapper  h4 {font-size: 20px;line-height: 26px;margin-bottom: 15px;margin-top:20px;font-weight: 400;text-transform: none;}

.xl-services-box-wrapper .xl-title{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}

.xl-services-box-wrapper a.btn{ margin-top:20px;}

.services-content,.align-center{ text-align:center;}

.styled-bg{ position:relative; padding:5px}

.styled-bg::after{position: absolute; width:100%; height:100%;opacity:0.1;content:""; left:0; top:0;}



/*

	===========================================

	Our Best Plans -  CUSTOM MODULE

	===========================================

*/

.row.pricing-table-1{ }

.pricing-table-1 .plan{ padding:20px;border-radius:5px;}

.text-white {color: #FFF;}

.pricing-table-1 .plan-title { color:#fff;position: relative;margin: 0; font-size: 20px;line-height: 26px;}

.pricing-table-1 .plan-price {font-weight: 500;font-size: 38px;margin: 10px 0;display: inline-block;}

.pricing-table-1 .plan-features li {padding: 8px 0px;}

.pricing-table-1 .plan-features {list-style: outside none none;padding: 0 0 20px;margin: 0;list-style: outside none none;font-size: 14px;}

.pricing-table-1 a.btn{}

.pricing-table-1 .plan-features i {margin-right: 8px;color: rgba(255, 255, 255, 0.5);}

.pricing-table-1 .featured {margin-top: -10px; padding-bottom:40px;}

.pricing-table-1 .plan-select {border-top: 1px solid rgba(0, 0, 0, 0.2);padding: 20px;text-align: center;}

/*

	===========================================

	CONTACT PAGE - 

	===========================================

*/

.contact-right .dl-horizontal dt {width: auto;}

.contact-right .dl-horizontal dd {margin-left: 0px;margin-bottom: 20px;}

.contact.exeltis i,.contact.exeltis .fa{ font-size:26px;line-height:1; margin-right:5px; vertical-align:middle}

.contact.exeltis .contact-text{padding-left: 30px;}

.contact.exeltis .info-title{ font-weight:500}

.contact-form.exeltis .well {box-shadow: none; background-color:transparent;}

.contact.exeltis .msc-info{border-style:solid; padding:20px}

.contact.exeltis .form-horizontal .control-group .control-label {text-align: left; width:110px}

.contact.exeltis .form-horizontal .control-group .controls{ margin-left:110px;}

.contact.exeltis label#jform_spacer-lbl{ font-size:12px}

.contact.exeltis label{ font-weight:normal;}

.contact-form.exeltis #jform_contact_message {width: auto;height:155px;}

.contact-form.exeltis input{ height:29px;}

.contact-form.exeltis #jform_contact_emailmsg {width: auto!important;}

.contact-exeltis-h3{ visibility:hidden}

.gm-style .gm-style-iw-c { background-image:url(../images/building-small.png); background-repeat:no-repeat; background-position:5px center; border-radius:0px;padding:17px 18px 18px 50px!important;}

.contact.exeltis .dl-horizontal dd {margin-left: 0;}

.contact.exeltis .contact-miscinfo .dl-horizontal{ margin-bottom:0}



 .qf3form.example2 .qf-exeltis .qf3txt input, .qf3form.example2 .qf-exeltis select, .qf3form.example2  textarea.qf-exeltis  {border-radius:0px;font-size: 82%;}

 .qf3form.example2 .qf3btn input.btn-primary{border-radius:0px;padding:10px 12px;border:0;font-size:100%;}

/*

	===========================================

	    BREADCRUMBS - 

	===========================================

*/

.wrap.t3-breadcrumbs {padding:60px 0;width: 100%;position: relative;}

.t3-breadcrumbs,.t3-breadcrumbs-inner{ position:relative; }

.t3-breadcrumbs::before{ position:absolute; top:0; left:0; bottom:0; right:0; content:"";opacity:0.6; z-index:0; width:100%; height:100%;}

.t3-breadcrumbs .container{ position:relative;padding:15px;opacity: 0.8; background:none; z-index:3;}

.t3-breadcrumbs-inner::after{ position:absolute; top:0; left:0; bottom:0; right:0; content:"";opacity:0.7; z-index:1; width:100%; height:100%;}

.t3-breadcrumbs-module{position:relative; z-index:2;}

.breadcrumb{background-color:transparent; color:#fff;}

.t3-breadcrumbs h1 {color: #fff;float: left;font-size:42px;font-weight:600;margin: 0;}

.t3-breadcrumbs [class*="col-"]{padding-left:0!important;}

.t3-breadcrumbs .breadcrumb > li,.t3-breadcrumbs .breadcrumb > li + li {margin: 7px 0 0;text-align: left;}

.t3-breadcrumbs .breadcrumb > li.active{color:#fff!important;}

.t3-breadcrumbs .breadcrumb{ float:right;}

.t3-breadcrumbs .breadcrumb a:hover{ color:#fff;}

.breadcrumb > li + li::before { font-size:16px;font-weight: 500;font-family:FontAwesome}





/*

	==================================================

		VIDEO - YENDIF VIEDO SHARE

	==================================================

*/ 

.yendif-video-share.videos.exeltis{ padding:10px 0;}

.yendif-video-share.videos.exeltis .thumbnails .col-md-3,.yendif-video-share.videos.exeltis .thumbnails .col-sm-3{}

.yendif-video-share.videos.exeltis ul.thumbnails,.related-exeltis ul,.yendif-video-share.categories.exeltis ul{ padding:0;}

.yendif-video-share.videos.exeltis .thumbnails li,.related-exeltis li,.yendif-video-share.categories.exeltis li,.yendif-video-share.my-videos.exeltis li{ list-style:none; margin-left:0;}

.yendif-video-share.videos.exeltis .yendif-video-share-image ,.yendif-video-share.categories.exeltis .yendif-video-share-image{display: block;padding: 0px;margin-bottom:15px;line-height:1.42;border:0;border-radius:0px;-webkit-box-shadow: 0 2px 15px rgba(0,0,0,.10);-khtml-box-shadow: 0 2px 15px rgba(0,0,0,.10);-moz-box-shadow: 0 2px 15px rgba(0,0,0,.10);-ms-box-shadow: 0 2px 15px rgba(0,0,0,.10);-o-box-shadow: 0 2px 15px rgba(0,0,0,.10);box-shadow: 0 2px 15px rgba(0,0,0,.10);}

.yendif-video-share.videos.exeltis [class*=' col-']{ padding-left:10px; padding-right:10px;}

.yendif-video-share.videos.exeltis ul{ margin:0;}



.yendif-video-share .yendif-play-icon {position: absolute;width:56px;height:56px;margin: -26px 0px 0px -26px;padding: 0px;top: 50%;left: 50%;z-index: 2;opacity:0.85;}

.yendif-video-share.exeltis a:hover { text-decoration:none;}

.yendif-video-share.exeltis .btn-primary{ text-transform:uppercase;}

.yendif-video-share.videos.exeltis .more_btn{ position:relative; font-size:12px; font-weight:bold;}

.yendif-video-share.videos.exeltis .more_btn-inner{ position:absolute; right:-11px; top:-56px;line-height: 1;padding:2px 5px;}

.yendif-video-share.category.exeltis ul.thumbnails{ padding:0; display:flex;flex-wrap:wrap;}

.yendif-video-share.category.exeltis ul.thumbnails li{ list-style:none;}

.yendif-video-share.category.exeltis  .yendif-video-share-image,.related-exeltis .yendif-video-share-image,.yendif-video-share.my-videos.exeltis .yendif-video-share-image{display: block;padding: 4px;margin-bottom: 30px;line-height: 1.42;border: 1px solid transparent;border-radius: 0px;-webkit-transition: border 0.2s ease-in-out;-o-transition: border 0.2s ease-in-out;transition: border 0.2s ease-in-out;-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);transition: all 0.2s linear 0s;}

.yendif-video-share.exeltis .radio.inline + .radio.inline, .yendif-video-share.exeltis .checkbox.inline + .checkbox.inline {margin-left: 10px;}

.yendif-video-share.exeltis .radio.inline, .yendif-video-share.exeltis .checkbox.inline {display: inline-block;padding-top: 5px;margin-bottom: 0;vertical-align: middle;}

.yendif-video-share .radio input[type="radio"], .yendif-video-share .checkbox input[type="checkbox"] {margin: 2px 10px 2px 2px; position:relative;}



.yendif-video-share.exeltis .form-search input, .yendif-video-share.exeltis .form-inline input, .yendif-video-share.exeltis .form-horizontal input, .yendif-video-share.exeltis .form-search textarea, .yendif-video-share.exeltis .form-inline textarea, .yendif-video-share.exeltis .form-horizontal textarea, .yendif-video-share.exeltis .form-search select, .yendif-video-share.exeltis .form-inline select, .yendif-video-share.exeltis .form-horizontal select, .yendif-video-share.exeltis .form-search .help-inline, .yendif-video-share.exeltis .form-inline .help-inline, .yendif-video-share.exeltis .form-horizontal .help-inline, .yendif-video-share.exeltis .form-search .uneditable-input, .yendif-video-share.exeltis .form-inline .uneditable-input, .yendif-video-share.exeltis .form-horizontal .uneditable-input, .yendif-video-share.exeltis .form-search .input-prepend, .yendif-video-share.exeltis .form-inline .input-prepend, .yendif-video-share.exeltis .form-horizontal .input-prepend, .yendif-video-share.exeltis .form-search .input-append, .yendif-video-share.exeltis .form-inline .input-append, .yendif-video-share.exeltis .form-horizontal .input-append {display: inline-block;*display: inline;margin-bottom: 0;vertical-align: middle;}

.yendif-video-share.video.exeltis .input-append input, .yendif-video-share.video.exeltis .input-append select, .yendif-video-share.video.exeltis .input-append .uneditable-input {-webkit-border-radius:0x;-moz-border-radius:0px;border-radius:0px;position: relative;display: inline-block;margin-bottom: 0; margin-right:10px;}



.yendif-video-share-related.exeltis{ margin-top:30px}

.yendif-video-share.exeltis .card{ margin-bottom:30px;}

.yendif-video-share.exeltis .card-body{ padding:10px}

.yendif-video-share.exeltis .yendif-video-share-info div,.yendif-video-share.exeltis .card-body div{margin:5px 0;}

.yendif-video-share.exeltis .author-date,.yendif-video-share.exeltis .ratings-likes-wrap{display:flex;gap:15px}



.vjs-playlist.white.exeltis { border-radius:0px 3px 3px 0px;}

.exeltis .yendif-video-share-image{transition: all 0.2s linear 0s;opacity: 1;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1); }

.exeltis .yendif-video-share-image:hover   {transition: all 0.2s linear 0s;-webkit-transform: scale(1.15,1.15);-moz-transform: scale(1.15,1.15);-ms-transform: scale(1.15,1.15);-o-transform: scale(1.15,1.15);transform: scale(1.15,1.15);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}

.exeltis .yendif-video-share-image::before {background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 98%, rgba(0,0,0,0.9) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 98%, rgba(0,0,0,0.9) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 98%, rgba(0,0,0,0.9) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000', GradientType=0 );bottom: 0;content: "";left: 0;opacity: 0;position: absolute;right: 0;top: 0;transition:all ease-in-out 1s;-webkit-transition: all ease-in-out 0.5s;;z-index: 3;}

.exeltis .yendif-video-share-image:hover::before{opacity: 1;}

a.yendif-video-share-image.exeltis{overflow:hidden;}

.yendif-video-share.category.exeltis .yendif-video-share-image .yendif-video-share-image,.related-exeltis .yendif-video-share-image .yendif-video-share-image {transition: all ease-in-out 0.5s;}

.yendif-video-share.category.exeltis .yendif-video-share-image:hover .yendif-video-share-image,.related-exeltis .yendif-video-share-image:hover .yendif-video-share-image {transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;transform: scale(1.05, 1.05);-webkit-transform: scale(1.05, 1.05);overflow: hidden;}

.yendif-video-share.category.exeltis a.yendif-video-share-image,.related-exeltis a.yendif-video-share-image  {overflow:hidden;}

.yendif-video-share.videos.exeltis .yendif-video-share-image .caption {padding:10px 15px 15px 15px;}



.yendif-video-share.category.exeltis .yendif-video-share-image .yendif-video-share-image::before,.related-exeltis .yendif-video-share-image .yendif-video-share-image::before {background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 98%, rgba(0,0,0,0.9) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 98%, rgba(0,0,0,0.9) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 98%, rgba(0,0,0,0.9) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000', GradientType=0 );bottom: 0;content: "";left: 0;opacity: 0;position: absolute;right: 0;top: 0;transition: all ease-in-out 1s;-webkit-transition: all ease-in-out 0.5s;z-index: 3;}

.yendif-video-share.category.exeltis .yendif-video-share-image:hover .yendif-video-share-image::before,.yendif-video-share-image::before,.related-exeltis .yendif-video-share-image:hover .yendif-video-share-image::before {opacity: 1;}

.yendif-video-share.category.exeltis .yendif-video-share-image .yendif-play-icon,.related-exeltis .yendif-video-share-image .yendif-play-icon{position: absolute;width: 56px;height: 56px;margin: -25px 0px 0px -25px;opacity:0.80;}

.t3-wrapper .yendif-video-share-ratings-small .yendif-video-share-ratings-stars,.t3-wrapper  .yendif-video-share-ratings-small .yendif-video-share-ratings-stars .yendif-current-ratings,.t3-wrapper  .yendif-video-share-ratings-small .yendif-ratings-star a:hover {background-image: url(../images/star_small.png) !important;}

.yendif-video-share.exeltis .playlist-item.d-flex{display:flex;gap:10px; padding:10px;}

.yendif-video-share.exeltis .flex-shrink-0{flex:2}

.yendif-video-share.exeltis .flex-grow-1{flex:5}

.yendif-video-share-search-form .input-group{display:flex; margin-bottom:30px;}

/*

	=========================================

		BLOG - BT CONTENT SLIDER

	=========================================

*/

.jt-cs.exeltis.blog .jt-inner img{}

.jt-cs.exeltis .next.exeltis,.jt-cs.exeltis .prev.exeltis{ display:inline-block;bottom:0px; height:35px; width:35px;opacity:1;}

.exeltis .bt-arrows.exeltis{ position:relative;margin-top:40px}

.jt-cs.exeltis .bt_handles_num {position:relative!important; z-index:1; text-align: center;}

.jt-cs.exeltis .bt_handles_num li{float:none; display:inline-block; margin:0 5px!important;}

.jt-cs.exeltis .bt_handles_num li a{ font-size:14px; line-height:33px; height:35px; width:35px; float:none;}

.exeltis .bt_handles_num li a:hover{ color:#fff!important}

.jt-cs.exeltis a.prev.exeltis{left:15%; z-index:2;opacity:1;text-indent:0; background:none!important;}

.jt-cs.exeltis a.next.exeltis{right:15%; z-index:2;opacity:1; text-indent:0;background:none!important;}

.jt-cs.exeltis a.prev.exeltis .fa,.jt-cs.exeltis a.next.exeltis .fa{ font-size:20px; line-height:32px}

.jt-cs.exeltis.blog .bt-intro-title-container {padding:0px 0px;float:none;}

.jt-cs.exeltis.blog .bt-extra {margin-bottom:10px;padding: 0;}

.jt-cs.exeltis.blog .jt-introtext{ text-align:justify;} 

.jt-cs.exeltis.blog .bt-row-separate {margin: 0px 0px 15px 0px; padding-top:15px;}

/*

	====================================================

		PORTFOLIO - SP SIMPLE PORTFOLIO MODULE 

	====================================================

*/



#sp-simpleportfolio {}

.sp-simpleportfolio.exeltis {}

.sp-simpleportfolio.exeltis .sp-simpleportfolio-filter > ul > li > a{border-radius:3px;}

.featherlight .featherlight-content,.featherlight{ z-index:999!important}

.sp-simpleportfolio .sp-simpleportfolio-item.exeltis .sp-simpleportfolio-info{ position:relative;padding:50px 20px 30px 20px;}

.sp-description.exeltis{ clear:both; line-height:1.42; text-align:justify}

.sp-simpleportfolio-created.exeltis-overimage{ font-size:19px;  line-height:1.1; padding-top:7px; text-align:center; width:60px; height:60px; display:block; overflow:hidden; position:absolute;top:-30px; left:20px; z-index:3}

.sp-simpleportfolio .sp-simpleportfolio-item.exeltis .sp-simpleportfolio-info h3 a,.sp-simpleportfolio .sp-simpleportfolio-item.exeltis .sp-simpleportfolio-info h3{ font-weight:bold; font-size:20px; margin-bottom:10px;}

.sp-simpleportfolio-client.exeltis.col-sm-6,.sp-simpleportfolio-client.exeltis.col-md-6{ padding-left:0; padding-right:10px;}

.sp-simpleportfolio-client.exeltis, .sp-simpleportfolio-created.exeltis{ margin-bottom:15px;}

.sp-simpleportfolio-client.exeltis h4, .sp-simpleportfolio-created.exeltis h4{ font-size:13px;}

.sp-simpleportfolio-client.exeltis h4 span, .sp-simpleportfolio-created.exeltis h4 span{ font-weight:bold;}

.sp-simpleportfolio-info.exeltis:hover h4{ color:#fff;}

.sp-simpleportfolio .sp-simpleportfolio-item.exeltis .sp-simpleportfolio-link{ text-align:right; margin-top:30px;}

.sp-simpleportfolio .sp-simpleportfolio-item.exeltis .sp-simpleportfolio-btns a{}

.filters.btn-toolbar .btn{height:38px;}

span[itemprop="keywords"] { margin-right:5px;}

.sp-simpleportfolio .sp-simpleportfolio-description.exeltis{ width:100%; margin-bottom:15px;}

.sp-simpleportfolio-meta.exeltis{ width:100%; padding-left: 0px;}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li {margin: 0 5px 10px 5px;}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {color:#fff}

.sp-simpleportfolio .sp-simpleportfolio-meta.exeltis > div { margin-bottom:10px; padding-bottom:10px}

.sp-simpleportfolio-link a.btn{ margin-top:15px; margin-bottom:15px;}



.sp-simpleportfolio.exeltis .sp-simpleportfolio-item .sp-simpleportfolio-btns a {border-radius:0px;}

.sp-simpleportfolio.exeltis .sp-simpleportfolio-meta h4 {font-weight: 400;}

.sp-simpleportfolio.exeltis .sp-simpleportfolio-image[class*=' col-']{ padding-left:0;}

.sp-simpleportfolio.exeltis .sp-simpleportfolio-columns-3 .sp-simpleportfolio-item {width: 33.3334%;}

.sp-simpleportfolio.exeltis .sp-simpleportfolio-item:hover .sp-simpleportfolio-info {color: #fff;}



.sp-simpleportfolio.exeltis.specialwork .sp-simpleportfolio-item .sp-simpleportfolio-btns a {

	display: inline-block;

	padding: 3px 6px;

	margin: 3px;

	font-size: 12px;

	letter-spacing: 2px;

	line-height: 1;

	text-align: center;

	vertical-align: middle;

	cursor: pointer;

	color: #fff;

	-webkit-transition: all .4s;

	transition: all .4s;

}

.sp-simpleportfolio.exeltis.specialwork .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title a { font-size:14px!important;}

/*

	====================================================

		LOGIN - REGISTRATION

	====================================================

*/

.registration{-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.08);-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.08);box-shadow:0px 0px 15px 0px rgba(0,0,0,0.08); padding:15px; }

.registration .form-horizontal .control-group .control-label{ text-align:left}

.registration label {font-weight:400;}

.registration .form-actions,.reset .form-validate p, .remind .form-validate p {}

#login-form li {list-style: none;margin-bottom: 7px;}

#login-form ul.unstyled {padding-left: 0;}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {border-top-left-radius: 0;border-bottom-left-radius: 0;}

input.validate-email.required{}



div.eduvest{ position:relative; overflow:hidden;}

div.eduvest::before {transition: all 0.5s ease-in-out 0s;

	background-color: #000;

	bottom: 0;

	content: "";

	left: 0;

	position: absolute;

	z-index:5;

	right: 0;

	top: 0;

	opacity:0;

}

div.eduvest:hover::before{opacity: 0.5;transition: all 1s ease-in-out 0s;}

div.eduvest img{transition: all 1s ease-in-out 0s;}

div.eduvest:hover img{transition: all 1s ease-in-out 0s;transform: scale(1.05);}

div.eduvest p{ margin:0;}

div.eduvest a.eduvest-link {

	position: absolute;

	z-index: 6;

	width: 100%;

	height: 100%;

	display: block;

	top: 0;

	left: 0;

}

/*========================== Color Preset =========================*/

.presetArea{z-index: 9999;padding: 15px 13px 15px 20px; background:#FFF}

.presetArea H3{background:#FFF}

.jpanelHandle {}

.switch:focus{color: #FFF;}

.presetArea h2{color: #fff!important;font-size: 30px!important;font-weight: 700!important;line-height: 23px!important;margin: 0;text-align: left;text-transform: uppercase;}

.presetArea h2 span{font-weight: 100;display: inline-block;width: 100%;}

.accentColor{width: 100%;position: relative;margin-top:0px;}

.psTitle{font-size:18px!important;color:#171e36!important;margin:0px;text-align: left;margin-bottom:15px;font-weight:400;letter-spacing:0.8px;}

.psTitle span{font-weight: 100;display: inline-block;width: 100%;}

.accentColor a{background:#3D566E;display: inline-block;height: 30px;margin-bottom: 6px;margin-right: 6px;width: 30px;position: relative;cursor: pointer;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.55);}



.accentColor a.color1{background:#2C2C2C;}

.accentColor a.color1::after{border-left-color:#ce2323;}



.accentColor a.color2{background:#213360;}

.accentColor a.color2::after{border-left-color: #21cdc0;}



.accentColor a.color3{background: #111111}

.accentColor a.color3::after{border-left-color: #092591;}



.accentColor a.color4{background: #15191C }

.accentColor a.color4::after{border-left-color:#2098df;}



.accentColor a.color5{background:#444444;}

.accentColor a.color5::after{border-left-color:#29A19C;}



.accentColor a.color6{background:#336179;}

.accentColor a.color6::after{border-left-color: #132F32;}



.accentColor a.color7{background:#0d1d29 ;}

.accentColor a.color7::after{border-left-color: #fd5d00;}



.accentColor a.color8{background:#182641;}

.accentColor a.color8::after{border-left-color: #f3525a;}



.accentColor a.color9{background:#512B58;}

.accentColor a.color9:::after{border-left-color: #FE346E;}



.accentColor a.color10{background:#0c263b;}

.accentColor a.color10::after{border-left-color: #ed1c24;}



.accentColor a.color11{background:#262627;}

.accentColor a.color11::after{border-left-color:#F2503B;}



.accentColor a.color12{background:#25567c;}

.accentColor a.color12::after{border-left-color:#F2C300;}



.accentColor a:focus,.colorChem a:focus,.layoutstyle a:focus{ outline:none;}

.accentColor a:after{border-bottom: 0 solid transparent;border-left: 30px solid #E74C3C;border-top: 30px solid transparent;bottom: 0;content: "";height: 0;left: 0;position: absolute;width: 0;}

.colorChem a.dark1{background:#151F28;}

.accentColor a.dark1:after{border-bottom: 0 solid transparent;border-left:41px solid #E01A22;border-top: 40px solid transparent;bottom: 0;content: "";height: 0;left: 0;position: absolute;width: 0;}

.colorChem a.dark2{background:#212b34;}

.accentColor a.dark2:after{border-bottom: 0 solid transparent;border-left: 41px solid #3f6e9a;border-top: 40px solid transparent;bottom: 0;content: "";height: 0;left: 0;position: absolute;width: 0;}

.colorChem a.dark3{background:#3d464f;}

.accentColor a.dark3:after{border-bottom: 0 solid transparent;border-left:41px solid #b81e20;border-top: 40px solid transparent;bottom: 0;content: "";height: 0;left: 0;position: absolute;width: 0;}

.colorChem a.dark4{background:#262626;}

.accentColor a.dark4:after{border-bottom: 0 solid transparent;border-left: 41px solid #ff5000;border-top: 40px solid transparent;bottom: 0;content: "";height: 0;left: 0;position: absolute;width: 0;}

.colorChem a.dark5{background:#3A4750;}

.accentColor a.dark5:after{border-bottom: 0 solid transparent;border-left: 41px solid #00adb5;border-top: 40px solid transparent;bottom: 0;content: "";height: 0;left: 0;position: absolute;width: 0;}



.colorChem a.dark6{background:#263859;}

.accentColor a.dark6:after{border-bottom: 0 solid transparent;border-left: 41px solid #ff6768;border-top: 40px solid transparent;bottom: 0;content: "";height: 0;left: 0;position: absolute;width: 0;}

.accentColor a.active:before, .accentColor a:hover:before,.accentColor a:focus:before{background: url("../images/tick.png") no-repeat scroll center center;bottom: 4px;content: "";height: 8px;left: 4px;position: absolute;width: 11px;z-index: 999;transition: all ease 700ms;-moz-transition: all ease 700ms;-webkit-transition: all ease 700ms;-ms-transition: all ease 700ms;-o-transition: all ease 700ms;}

.colorChem{width: 100%;position: relative;margin-top: 25px;}

.colorChem a{color: #fff;display: inline-block;font-size: 10px;font-weight: 600;height: 40px;line-height: 8px;text-align: center;text-indent:10px;letter-spacing:0.7px;text-transform: uppercase;width: 90px;padding-top: 16px;margin-right:3px;margin-bottom:13px;transition: all ease 700ms;-moz-transition: all ease 700ms;-webkit-transition: all ease 700ms;-ms-transition: all ease 700ms;-o-transition: all ease 700ms;}

.colorChem a:hover, .colorChem a.active{background: rgba(0, 0, 0, 0.8);color: #FFF;}

.colorChem a:last-child{margin-right: 0px;}

.layoutstyle{width: 100%;margin-top: 30px;position: relative;}

.layoutstyle a{display: inline-block;width: auto;height: 30px;font-size: 10px;line-height: 8px;text-transform: uppercase;color: #171e36;font-weight: 600;text-align: left;padding-left: 40px;padding-top: 11px;position: relative;transition: all ease 700ms;-moz-transition: all ease 700ms;-webkit-transition: all ease 700ms;-ms-transition: all ease 700ms;-o-transition: all ease 700ms;}

.layoutstyle a.wide{background: url(../images/wide.png) no-repeat left center;}

.layoutstyle a.Box{background: url(../images/boxed.png) no-repeat left center;}

.layoutstyle a.patterned{background: url(../images/pattern.png) no-repeat left center;display:block;margin:5px 0;}

.layoutstyle a.Box.fixedimage,.layoutstyle a.patterned,.layoutstyle a.solidcolor{ width:100%;}

.layoutstyle a.active:before, .layoutstyle a:hover:before{background: url("../images/tick.png") no-repeat scroll center center rgba(0, 0, 0, 0);bottom: 0;content: "";height: 23px;left: 0;position: absolute;top: 0;width: 32px;z-index: 999;transition: all ease 700ms;-moz-transition: all ease 700ms;-webkit-transition: all ease 700ms;-ms-transition: all ease 700ms;-o-transition: all ease 700ms;}

.layoutstyle a:hover{color: #DE3C2F;}

.presetBorder{width: 100%;height: 1px;background: #5e5e5e;margin: 30px 0;}

.layoutstyle p{font-size: 14px;color: #cccccc;line-height: 11px;margin-bottom: 15px;}

.jpanelHandle{ z-index:9999;box-shadow:none;}

.jpanelContent h2 {display: none;}

.jpanelHandle .fa,.jpanelHandle img{ line-height:100%;padding-top:0px;padding-bottom:4px;}

table.dark-colors td{ padding-right:15px; border-top:0;}

#date-and-doc .bfLabelLeft label{ width:20%;font-weight:400;margin:5px 10px 0px 5px;}

#date-and-doc button.bfCalendar {height: 25px;margin:4px 0px 0px 5px;float:none;border-radius:0px; padding:3px 5px}

#date-and-doc section.bfLabelLeft .bfElementGroupNoWrap{ width:60%;}

#date-and-doc button.bfCalendar [class^="icon-"]::before,#date-and-doc button.bfCalendar [class*=" icon-"]::before {display: block;}

#date-and-doc select.chzn-done{ width:60%;}

.sidepanel-exeltis .ui-slideouttab-handle{ padding-left:15px; padding-right:15px;}

/*

	=======================================

		SOCIAL COUNTER

	=======================================

*/

.sj-social-media-counts.exeltis .sc-wrap.cf{ margin-right:-5px; margin-top:-10px;}

.sj-social-media-counts.exeltis  .sc-wrap .sc-item .sc-item-inner {margin: 0 5px 0 0px;}

.sj-social-media-counts.exeltis .sc-wrap .sc-item{margin-bottom:0px; margin-top:10px}

/*

	=======================================

		MOBILE

	=======================================

*/

@media screen and (max-width:1200px){

.zt-module-testimonial.exeltis.customer img.avatar {float:left;}

.zt-module-testimonial.exeltis.customer img.avatar { margin-bottom:15px;}

body.fullwidth .t3-footnav,.t3-copyright {padding-left:15px;padding-right:15px;}

}

@media screen and (max-width:990px){

.topbar { font-size:12px;}

}

@media screen and (max-width:767px){

.background-patternwrapper{ padding-top:0;}

body.boxed #background-shadow {margin-top:0px;margin-bottom:0px;}

.bg-pattern {padding-top:0px;}

#background-shadow{ margin-top:0;}

.logo::after {right:0px;}

.mainnav-inner.pull-right {float: none !important;}

#t3-mainnav.navbar-default .navbar-nav li > a,#t3-mainnav.navbar-default .navbar-nav li > .separator,#t3-mainnav.navbar-default .navbar-nav li > span{ padding:10px 15px; display:block;}

.t3-mainnav .t3-navbar-collapse .nav .caret{ position:absolute; right:12px;}

.ztTestimonial.exeltis.owl-theme .owl-controls .owl-buttons .owl-prev{ left:0px;}

.ztTestimonial.exeltis.owl-theme .owl-controls .owl-buttons .owl-next{right:0px;}

.off-canvas-toggle{display:none;}

.col-xs-12.col-sm-7.mainnav-con{ padding-left:0; padding-right:0;}

#t3-mainnav.navbar{ border:0;min-height: 0px;}

#t3-mainnav .dropdown-menu,.mainnav-con{margin-top: 0;}

#t3-header {padding: 15px  0;}

#t3-header.affix-top .navbar-toggle,#t3-header.affix .navbar-toggle{position: absolute;right: 0; margin-top:0; z-index:99; top:-41px;}



.navbar-header {}

.navbar-default .navbar-collapse {overflow-y: scroll;max-height: 100vh;}

.t3-header.affix .navbar-header {width:100%; top:0;position: relative; z-index:1; }

#t3-header.affix #t3-mainnav.navbar-default .navbar-nav > li > a,#t3-header.affix #t3-mainnav.navbar-default .navbar-nav li > .separator,#t3-header.affix #t3-mainnav.navbar-default .navbar-nav li > span,#t3-header.affix #t3-mainnav.navbar-default .navbar-nav > li > .nav-header{ line-height:1.42;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {}

.ztTestimonial.exeltis img.avatar {float:left;}

.zt-module-testimonial.exeltis .zt-info-colon {padding-left:15px; margin-top:30px;}

.colored_spot2 {padding-top:20px;padding-left:15px;}

.ztTestimonial.exeltis-team p.content-testimonial{ margin-left:0;border-bottom:0; margin-top:0; margin-bottom:0;}

.ztTestimonial.exeltis-team .name {line-height: 100%;font-size: 16px;margin-bottom:5px;}

.zt-module-testimonial.exeltis-team .carousel-control.left {left:auto;right:35px;}

.zt-module-testimonial.exeltis-team .carousel-control.right {right:0px;left: auto;}

.zt-module-testimonial.exeltis-team .carousel-control {font-size: 30px;}

.ztTestimonial.exeltis p.content-testimonial {margin-bottom:10px;}

.zt-module-testimonial.exeltis .carousel-indicators {margin:0px 0px 0px 0;}

.zt-module-testimonial.exeltis-team {padding-top: 15px;}

.zt-module-testimonial.exeltis .carousel {padding-bottom:20px;}

.zt-module-testimonial.exeltis.ourclient { padding:15px;}



.bottomspot-2-module .bfFormDiv {margin-top: 0px;max-width: 570px;width:auto;float: left;}

.bfQuickMode .bfPageIntro h3,.bottomspot-2-module h3 { font-size:30px;}

.bottomspot-2-module {background: none;padding-bottom:15px;}

.bottomspot-2-module .bfQuickMode textarea,.bottomspot-2-module textarea,.bfQuickMode textarea,.bfQuickMode .bfLabelLeft textarea{ max-width:100%;}

.bottomspot-3 .acym_introtext ,.bottomspot-3 .acymailing_introtext{width: 100%;float:left; margin-bottom:10px!important}

table.acym_form{ float:left;}

.t3-breadcrumbs .breadcrumb {float:left;}

.t3-breadcrumbs {font-size:90%}

.wrap.t3-breadcrumbs {padding:40px 0;}

.pricingtable-row .row {padding:40px 60px;}

.pricing-table-1 .plan ,.iconservices-col{margin-bottom: 30px;}

.t3-copyright ul.menu li a, .t3-copyright li a, .t3-copyright li span, .t3-copyright li.separator {padding: 0px 15px 0px 0px;}

.t3-copyright ul.menu {float: left; margin-top:15px}

.contact.exeltis .form-horizontal .control-group .controls {margin-left: 0;}

.contact-form.exeltis #jform_contact_emailmsg{width:100%!important;}

.contact-form.exeltis #jform_contact_message{width:100%;}



.unite-carousel-wrapper{ max-width:100%!important}

.sp-simpleportfolio.exeltis .sp-simpleportfolio-columns-3 .sp-simpleportfolio-item {width:100%;}

div.itemToolbar ul {text-align: left;}

div.itemHeader span.itemAuthor,div.itemCategory {margin-bottom:10px;}

#t3-mainnav.navbar {float: none;}

.col-xs-12.mainnav-con{ padding-left:0; padding-right:0; min-height:0px;}

.col-xs-12.ourstory-text,.col-xs-12.colormodule-2-text,.xl-services-box-wrapper,.counter-style {margin-bottom:30px;}

.colormodule-2-text h1,.colormodule-2-text p.colormodule-2-phone { font-size:24px;}

.topbar {min-height: 0;}

.col-xs-12.topbar-left { margin-top:10px;}

.topbar .col-xs-12{ margin-bottom:15px;}

.topbar .row{display:block;}

.topbar-right[class*=" col-"] {padding-right:15px;padding-left:15px;}

.bfFormDiv{width:100%;}

.navbar-collapse{box-shadow:none}

.jt-imagecover{ max-width:100%!important}

.orbit-container.exeltis .orbit-slides-container > * .orbit-caption {max-height:150px;padding:10px;}

.orbit-container.exeltis h3.slide-title, .orbit-container.exeltis h3 { margin-bottom:5px;font-size:20px; font-weight:400}

.jt-inner.exeltis.scrollingnews {padding: 0 0px 30px 0px;}

.aboutus-home-image img,.aboutus-home-text{ margin-bottom:20px!important;}

.subslider-2.col-sm-12.col-md-4 {margin-top:15px}

.tabs-left .items_mask,.tabs-left .tabs_buttons {float:none;width:100%;}

.tabs-left.tab-padding.tabs-left {padding-left:15px !important;}

.tabs-left .tabs_buttons { margin-bottom:15px;}

.tabs-left ul.tabs_container li.tab {font-size:18px;}

.tabs-left ul.tabs_container li.tab.active {-webkit-transform:none;-khtml-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;}

.tabs-left ul.tabs_container li.tab.active::after { display:none;right:0px;}

span.acymailing-image-exeltis{min-width:122px; height:122px; margin-right:20px;background:url(../images/newsletter-image.png) no-repeat left;flex-grow:1; margin-right:20px; background-size:contain;}

h1.newsletter-title{ font-size:18px;}

.ui-widget.ui-widget-content{ margin-right:30px!important; margin-left:30px!important}

.counters-wrap{ display:block;}

.aboutus-home-text h3,.aboutus-home-banner-meta h3{ font-size:14px;}

.aboutus-home-banner-desc{ font-size:12px; line-height:1.1;}

.aboutus-home-text.col-md-6, .aboutus-home-text.col-lg-6, .aboutus-home-text.col-sm-6 { margin-top:50px}

#t3-mainnav.navbar-default .navbar-nav > li > a, #t3-mainnav.navbar-default .navbar-nav li > .separator, #t3-mainnav.navbar-default .navbar-nav li > span, #t3-mainnav.navbar-default .navbar-nav > li > .nav-header {line-height: 1.2;}

#t3-mainnav.navbar-default li::after,#t3-mainnav .dropdown-menu::before, .t3-megamenu .dropdown.mega.open > .mega-dropdown-menu::before, .t3-megamenu li.dropdown::before{ display:none;}

.bfQuickMode.exeltis-contact input[type="text"], .bfQuickMode.exeltis-contact textarea, .bfQuickMode.exeltis-contact .uneditable-input, .bfQuickMode.exeltis-contact input[type="text"]:hover, .bfQuickMode.exeltis-contact textarea:hover, .bfQuickMode.exeltis-contact .uneditable-input:hover, .bfQuickMode.exeltis-contact input[type="text"]:focus, .bfQuickMode.exeltis-contact textarea:focus, .bfQuickMode.exeltis-contact .uneditable-input:focus {width:100%;max-width: 100%;min-width: 100%;}

.sidepanel-exeltis .ui-slideouttab-handle{ display:none!important;}

.jt-icon-box .jt-icon-box-content {margin-left:0px; margin-bottom:50px}

.topbar ul.menu li a,.topbar li a,.topbar ul.menu li > .separator, .topbar ul.menu li > span {font-weight:300;   padding:0px 10px 0px 0px; cursor:pointer}

.jt-cs.exeltis-1 .jt-inner{margin:0px;padding:0px;}

.yendif-video-share.videos.exeltis .yendif-video-share-images [class*=' col-'], .yendif-video-share.videos.exeltis .thumbnails [class*=' col-'],.jt-cs.exeltis .jt-inner,.contact-right[class*=' col-'],.contact-left[class*=' col-'],.zt-testimonial.exeltis.customer [class*=' col-'],.yendif-video-share.category.exeltis ul.thumbnails li[class*=' col-'],.yendif-video-share.category.exeltis ul.thumbnails{ padding-left:0; padding-right:0;}

.jt-cs.exeltis .jt-inner{ padding-top:0;}

.djl_theme_bootstrap.mod_djl_schedule.exeltis.fixture .owl-carousel .owl-item {padding: 0px 0px;}

.jt-cs.exeltis-2 .jt-inner.news {margin: 15px 0px;padding:0px;}

.jt-cs.exeltis-2.projects a.prev {left: -15px;}

.jt-cs.exeltis-2.projects a.next {right: -15px;}

.hikashop_product.exeltis div.hikashop_container {margin: 10px 0px!important;}

.hikashop_product.exeltis { padding:0;}

#t3-content .item-page img, img {max-width: 100%!important;}

.djl_theme_bootstrap.mod_djl_schedule.exeltis .dj-body{ margin:0 5px}

.t3-debug {right: 60px;}

.jt-cs.exeltis-2 .jt-inner {margin:0px 0px 30px 0px;padding: 15px 15px 40px 15px;}

.counter-value {margin-bottom:30px;}

.yendif-video-share.videos.exeltis .thumbnails li[class*=' col-'], .related-exeltis li[class*=' col-'], .yendif-video-share.categories.exeltis li[class*=' col-'], .yendif-video-share.my-videos.exeltis li [class*=' col-'],.welcome-exeltis [class*=' col-']{

padding-left:0; padding-right:0;}

.djl_schedule.exeltis.djl_theme_bootstrap.djl_schedule table td {padding:4px;}

div.catItemView.exeltis {padding:0px;}



.djl_theme_bootstrap.mod_djl_schedule div.team_home.exeltis span.name, .djl_theme_bootstrap.mod_djl_schedule div.team_away.exeltis span.name {font-size:16px;}

.orbit-container .orbit-slides-container img {max-width: 100%!important;}

.orbit-container.exeltis .orbit-slides-container > * .orbit-caption {font-size: 100%; }

.yendif-video-share.video.exeltis .input-append input{ width:auto!important; max-width:none!important; float:left;}

.yendif-video-share.video.exeltis .input-append{ margin:15px 0;}

.yendif-video-share.video.exeltis .pull-right.exeltis{ float:left!important;}

.topbar ul.menu li a,.topbar li a,.topbar ul.menu li > .separator, .topbar ul.menu li > span {padding:0px 15px 0px 0px;}

#jt5_headline-news_wrapper.exeltis.linksbottom .bt-imagecover,#jt5_headline-news_wrapper.exeltis.linksbottom .bt-title-text-container{ width:100%; float:none;}

.jt5_headline-pagination ul.jt5-linksbottom{list-style-type: none;columns:1;-webkit-columns:1;-moz-columns:1;}

#t3-mainnav .nav-bg-overlay {position: relative;display: none;}

#t3-header.affix.navbar-default .navbar-nav > li > a,#t3-header.affix.navbar-default .navbar-nav li > .separator,#t3-header.affix.navbar-default .navbar-nav li > span,#t3-header.affix.navbar-default .navbar-nav > li > .nav-header{line-height:1.2;}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ margin-left:0; margin-right:0;}

#jt5_headline-news_wrapper.exeltis .show_all_inner,a.more-link  {top:-49px;}

.acym_form.exeltis {	background:none;}

.acym_form.exeltis {width:80%;}

.aboutimage-1 img{ margin-top:0px; margin-bottom:30px}

.aboutimage-1{ margin-top:0px;}

.bpgallery-category.bpgallery-category-default .items .image-link, .bpgallery-category.bpgallery-category-default .items .image-link img {width: auto;}

.gkHighlighterWrapper.exeltis .gkHighlighterItem a, .gkHighlighterWrapper.exeltis a {font-size: 12px;}

.jt-cs.exeltis.bt-toppicture.bt-toppicture-2  h3 { font-size:16px}

.jt-cs.exeltis.bt-toppicture.bt-toppicture-2 .jt-introtext{ font-size:14px}

.jt-cs.exeltis.bt-toppicture.bt-toppicture-2 .jt-cat-title-text{ overflow:hidden;}

figure.img-leading::before {top: -25px;	left: -25px;}

.col-xs-12.special-work{ margin-bottom:20px;}

.uppermain-6-7 {padding:20px 15px;}

.zt-module-testimonial.exeltis.client.owl-theme:hover .owl-buttons .owl-next {right:-15px;}

.zt-module-testimonial.exeltis.client.owl-theme:hover .owl-buttons .owl-prev {left:-15px;}

.jt-cs.exeltis.exeltis-2.news .jt-pretext .pretext-button {position: relative;}

.jt-cs.exeltis.exeltis-2.projects .jt-pretext .pretext-button {position: absolute;top: auto;bottom: 0; right:0;}

h1.leading {font-size: 38px;margin-bottom:30px;}

}

@media screen and (max-width:650px){

.bt-intro-title-container {padding: 25px 15px;}

.jt-cs.exeltis.exeltis .jt-imagecover img{ max-width:100%; }

}

@media screen and (max-width:540px){

.orbit-container.exeltis .orbit-slides-container > * .orbit-caption {font-size:70%; max-height:75px;padding:5px; line-height:1;}

.orbit-container.exeltis h3.slide-title, .orbit-container.exeltis h3 { margin-bottom:5px;font-size:16px; font-weight:400}

.jt-cs.exeltis h3,h3.module-title {background:none;}

.jt-cs.exeltis h3 span {background: transparent;}

.jt-cs.exeltis.bt-toppicture.bt-toppicture-2  h3 { font-size:14px}

.jt-cs.exeltis.bt-toppicture.bt-toppicture-2 .jt-introtext{ font-size:12px}

}

@media screen and (max-width:480px){

.navbar-header{}

.logo-image{text-align: left;}

.social-top p{text-align:left;}

.logo-image img {}

.topbar .search {float: none;}

.topbar-left-inner{}

.menu-top.col-md-10 {padding-left: 0px;}

.topbar-2 ul.menu li a, .topbar-2 li a, .topbar-2 ul.menu li > .separator, .topbar-2 ul.menu li > span {padding: 10px 10px 10px 10px;}

.menu-top-inner, .topbar-2-right-inner {float: left;}

.menu-top-inner ul{ margin-left:-10px;}

.zt-module-testimonial.ourclient img.avatar,.wrap.coloredmodule-1 .zt-module-testimonial.ourclient img.avatar {width: auto;height: auto;}

.tab-exeltis ul.tabs_container li.tab {padding: 4px 5px 4px 5px !important;font-size:14px;}

span.acymailing-image-exeltis,.acymailing-text-exeltis,div.acymailing_module.exeltis{ display:block;}

.jt-cs.exeltis h3, h3.module-title{ font-size:20px}

.jt-cs.exeltis.exeltis-2.projects .jt-introtitle-container {padding: 15px;display: block;float: left;}

figure.img-leading::before {top: -15px;	left: -15px;}

}

@media screen and (max-width:360px){

.t3-copyright,.wrap.topbar-2 { font-size:90%}

.wrap.topbar { font-size:80%}

.logo-image,#t3-header,.logo {min-height:50px;}

.topbar-2-right-inner .btn-group .dropdown-toggle {padding: 9px 5px 9px 0px;}

.acymailing_form.exeltis input.inputbox {}

.wrap.bottomspot-3 .subbutton {margin-left: 15px;}

.topbar i, .topbar .fa {margin-right:3px;height:18px;width:18px;font-size: 12px;line-height:18px;}

.jptabs-wrapper.exeltis.layout-default .tab-content {overflow: hidden;}

.jt-cs.exeltis.bt-toppicture.bt-toppicture-2  h3 ,.bt-cs.bt-cs-noborder.exeltis.bt-toppicture h4{ font-size:13px}

.jt-cs.exeltis.bt-toppicture.bt-toppicture-2 .jt-introtext{ font-size:11px}



}

@media screen and (max-width:320px){

.bottomspot-3 .acyfield_email.acy_requiredField{width:60%!important}

.wrap.bottomspot-3 .subbutton {margin-left:10px;}

.pricingtable-row .row {padding:30px 40px;}

.logo-image img {max-width:80%;}

}

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

.t3-mainnav .nav > li > a {padding: 0px 10px 0px 10px;}

.logo {}

#t3-mainnav.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav li > a, .navbar-default .navbar-nav li > .separator, .navbar-default .navbar-nav li > span {padding:0px 10px 0px 10px;}

.wrap.t3-breadcrumbs {	padding: 40px 0;}

.counters .timer {font-size: 50px;}

.zt-module-testimonial.exeltis.customer .row.info {}

.zt-module-testimonial.exeltis.customer .zt-testimonial [class*=' col-']{ padding-left:0; padding-right:0}

.bt-intro-title-container {padding: 25px 10px;}

.zt-module-testimonial.exeltis.customer img.avatar {float: left;}

#t3-mainnav.navbar-default .navbar-nav > li > a, #t3-mainnav.navbar-default .navbar-nav li > .separator, #t3-mainnav.navbar-default .navbar-nav li > span, #t3-mainnav.navbar-default .navbar-nav > li > .nav-header {padding: 0px 7px 0px 7px; font-size:15px;}

.topbar ul.menu li a,.topbar li a,.topbar ul.menu li > .separator, .topbar ul.menu li > span {padding:0px 15px 0px 0px;}

.jptabs-wrapper.exeltis.layout-default .nav-tabs > li > a {padding: 9px 5px;font-size: 11px;}

.jt-cs.exeltis.exeltis-3 .jt-date, #jt5_headline-news_wrapper.exeltis .hjt5-dateonimage {font-size:11px;height:40px;width:28px;left: 15px;line-height:1;border: 0;padding: 1px 1px;top: 0px;}

.bpgallery-category.bpgallery-category-default .items .image-link, .bpgallery-category.bpgallery-category-default .items .image-link img {width: auto;}

.jt-cs.exeltis.exeltis-2.projects .jt-introtitle-container {padding: 10px 15px 30px 15px;}

}

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

.zt-module-testimonial.exeltis-team .team-block[class*=' col-'],.zt-module-testimonial.exeltis-team .team-block .col-sm-6{ padding-left:0; padding-right:0}

.zt-module-testimonial.exeltis-team .col-sm-6.zt-info-colon { padding-left:7px; padding-top:3px; padding-right:7px; font-size:14px;}

.colored_spot2 {padding-left:20px;}

.ztTestimonial.exeltis-team .name {line-height: 100%;font-size:16px;margin-bottom:5px;}

.ztTestimonial.exeltis-team p.content-testimonial { max-width:85%;padding-bottom: 10px;margin: 0px 0px 0px 0px;}

.ztTestimonial.exeltis-team .name {display: inline-block;}

.mod_djl_schedule.djl_theme_bootstrap.exeltis.fixture .owl-buttons .owl-prev,.zt-module-testimonial.exeltis.team .owl-buttons .owl-prev {left: 0px;}

.mod_djl_schedule.djl_theme_bootstrap.exeltis.fixture .owl-buttons .owl-next,.zt-module-testimonial.exeltis.team .owl-buttons .owl-next {right:0px;}

.jt-cs.exeltis-2.projects a.prev {left: -15px;}

.jt-cs.exeltis-2.projects a.next {right: -15px;}

.t3-sidebar .jt-cs.exeltis.exeltis-4,.t3-sidebar .slides_container.exeltis.exeltis-4,.t3-sidebar .slide.exeltis.exeltis-4{ width:100%!important;}

.mainnav-right .searchwrap input {min-width:170px;}

}

@media screen and (min-width: 991px) and (max-width:1200px){

.bt-cs.bt-subslider .jt-title-wrap {padding: 10px 15px;}

.jt-cs.exeltis .jt-inner .jt-title {line-height: 100%;font-size:16px;margin-bottom:10px;}

.bt-cs.bt-subslider div.readmore {padding-top:7px;}

.colormodule-2-text a.btn{ margin-bottom:20px;}

}

@media screen and (max-height: 700px) {

#t3-mainnav .dropdown-menu span, #t3-mainnav .dropdown-menu span.separator, #t3-mainnav .dropdown li a, #t3-mainnav .dropdown-menu > li > a {line-height:1!important;}

}

/* ==========================================================================
   S'MARKT OG — DESIGN LAYER v2 (Redesign 2026)
   --------------------------------------------------------------------------
   Diese Datei ersetzt die frueher gewachsene "VISUAL REDESIGN"-Schicht am
   Ende der custom.css. Sie ist bewusst in klar getrennte Abschnitte gegliedert
   und enthaelt KEINE doppelten/konkurrierenden Regelbloecke mehr.

   Aufbau:
     01  Design-Tokens (Farben, Abstaende, Radien, Schatten, Typo)
     02  Basis / Typografie
     03  Topbar
     04  Header + Logo
     05  Hauptnavigation + Mobile Nav
     06  Breadcrumbs + Seitentitel
     07  Layout-Container + Module/Cards
     08  Buttons + Formulare
     09  Artikel-Bausteine (.sm-*) — Hero, Cards, USP, Steps, Split, CTA
     10  Galerie + Lightbox
     11  Kontakt
     12  Rechtstexte
     13  Footer + Back-to-Top
     14  Responsive
     15  Bewegungsreduktion, Druck, Dark Mode

   Marke: Orange #E07A10 (Primaer) / Dunkelviolett #2B1660 (Logo) / Weiss
   ========================================================================== */

:root {
  /* --- Marke --- */
  --smarkt-orange:    #E07A10;
  --smarkt-orange-dk: #C4640A;
  --smarkt-orange-lt: #F59E3C;
  --smarkt-orange-xl: #FDF1E2;
  --smarkt-violet:    #2B1660;
  --smarkt-violet-md: #3D2A6A;
  --smarkt-violet-lt: #5B4099;
  --smarkt-violet-xl: #F3F0F9;
  --smarkt-white:     #FFFFFF;
  --smarkt-offwhite:  #FAF8F5;
  --smarkt-text:      #241A33;

  /* --- Abgeleitete Flaechen --- */
  --sm-bg:            #FAF8F5;
  --sm-surface:       #FFFFFF;
  --sm-surface-alt:   #F5F1EC;
  --sm-border:        #E9E2F0;
  --sm-border-strong: #D8CEE6;
  --sm-text:          #241A33;
  --sm-text-soft:     #5E5470;
  --sm-text-mute:     #857C96;
  --sm-on-dark:       rgba(255,255,255,.88);
  --sm-on-dark-mute:  rgba(255,255,255,.62);

  /* --- Verlaeufe --- */
  --sm-grad-brand:  linear-gradient(90deg, var(--smarkt-orange), var(--smarkt-orange-lt));
  --sm-grad-deep:   linear-gradient(135deg, #2B1660 0%, #3D2A6A 55%, #4A3080 100%);
  --sm-grad-line:   linear-gradient(90deg, var(--smarkt-orange), var(--smarkt-violet-lt));

  /* --- Radien --- */
  --sm-r-xs: 6px;
  --sm-r-sm: 10px;
  --sm-r-md: 14px;
  --sm-r-lg: 20px;
  --sm-r-xl: 28px;
  --sm-r-pill: 999px;

  /* --- Schatten --- */
  --sm-sh-xs: 0 1px 2px rgba(43,22,96,.06);
  --sm-sh-sm: 0 2px 8px rgba(43,22,96,.07);
  --sm-sh-md: 0 6px 20px rgba(43,22,96,.09);
  --sm-sh-lg: 0 14px 40px rgba(43,22,96,.14);
  --sm-sh-xl: 0 26px 70px rgba(43,22,96,.20);

  /* --- Abstaende --- */
  --sm-s1: 4px;
  --sm-s2: 8px;
  --sm-s3: 12px;
  --sm-s4: 16px;
  --sm-s5: 24px;
  --sm-s6: 32px;
  --sm-s7: 48px;
  --sm-s8: 64px;
  --sm-s9: 88px;

  /* --- Typografie --- */
  --sm-font-body: 'Nunito Sans Regular', 'Nunito Sans', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --sm-font-bold: 'Nunito Sans Bold', 'Nunito Sans Regular', 'Open Sans', Arial, sans-serif;
  --sm-font-head: 'Poppins Bold', 'Poppins Regular', 'Poppins', 'Nunito Sans Bold', Arial, sans-serif;

  --sm-ease: cubic-bezier(.22,.61,.36,1);
  --sm-dur:  .28s;

  /* --- Maximale Inhaltsbreite fuer Artikel-Bausteine --- */
  --sm-content-max: 1240px;

  /* ======================================================================
     STELLSCHRAUBE SCHRIFTGROESSE
     ----------------------------------------------------------------------
     Diese EINE Zahl skaliert die gesamte Website: Fliesstext, Ueber-
     schriften, Navigation, Footer, FAQ, Rechtstexte. Alle Groessen im
     Design sind in rem angegeben und haengen daran.

        16px = Standard vieler Websites (kleiner)
        17px = etwas kleiner
        18px = aktuelle Einstellung
        19px = sehr gross

     Nach dem Aendern: Cache leeren und Strg+F5.
     Einzelne Bereiche lassen sich darunter weiterhin fein justieren.
     ====================================================================== */
  --sm-root-size: 18px;
}

/* ==========================================================================
   02  BASIS / TYPOGRAFIE
   ========================================================================== */

/* rem-Basis — steuert die gesamte Typografie (siehe --sm-root-size oben) */
html {
  font-size: var(--sm-root-size);
  -webkit-text-size-adjust: 100%;
}

body {
  background-color: var(--sm-bg);
  color: var(--sm-text);
  font-family: var(--sm-font-body);
  font-size: 1rem;
  line-height: 1.72;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::selection { background: var(--smarkt-orange); color: #fff; }

a {
  color: var(--smarkt-violet-md);
  text-decoration: none;
  transition: color .15s var(--sm-ease);
}
a:hover, a:focus { color: var(--smarkt-orange); text-decoration: none; }
/* Fließtext-Links bleiben unterstrichen — besser lesbar und barrierefrei */
.item-page p > a, .sm-prose p > a, .sm-legal p > a, .sm-legal li > a { text-decoration: underline; text-underline-offset: 2px; }
.item-page p > a.sm-btn, .sm-legal p > a.sm-btn { text-decoration: none; }

/* Sichtbarer Fokusring — Barrierefreiheit */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.sm-btn:focus-visible {
  outline: 3px solid var(--smarkt-orange-lt);
  outline-offset: 2px;
  border-radius: var(--sm-r-xs);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--smarkt-violet);
  font-family: var(--sm-font-head);
  font-weight: 700;
  line-height: 1.22;
  letter-spacing: -.015em;
  margin-top: 0;
}

h1 { font-size: clamp(1.9rem, 1.35rem + 2.1vw, 3rem); margin-bottom: var(--sm-s4); }
h2 { font-size: clamp(1.5rem, 1.2rem + 1.3vw, 2.1rem); margin-bottom: var(--sm-s4); }
h3 { font-size: clamp(1.15rem, 1.05rem + .4vw, 1.35rem); margin-bottom: var(--sm-s3); }
h4 { font-size: 1.05rem; margin-bottom: var(--sm-s2); }

p { margin: 0 0 var(--sm-s4); }
p:last-child { margin-bottom: 0; }

strong, b { font-family: var(--sm-font-bold); font-weight: 700; color: var(--smarkt-violet); }

hr {
  border: 0;
  height: 1px;
  background: var(--sm-border);
  margin: var(--sm-s6) 0;
}

blockquote {
  border: 0;
  border-left: 4px solid var(--smarkt-orange);
  background: var(--smarkt-orange-xl);
  border-radius: 0 var(--sm-r-sm) var(--sm-r-sm) 0;
  padding: var(--sm-s4) var(--sm-s5);
  margin: var(--sm-s5) 0;
  font-size: 1rem;
  color: var(--sm-text);
}

img { max-width: 100%; height: auto; }

/* Listen im Inhalt */
.item-page ul, .item-page ol,
.sm-prose ul, .sm-prose ol { padding-left: 1.25em; }
.item-page li, .sm-prose li { margin-bottom: .4em; }
ol > li::marker, ul > li::marker { color: var(--smarkt-orange); font-weight: 700; }

/* ==========================================================================
   03  TOPBAR  (Position: topbar-left / topbar-middle / topbar-right)
   ========================================================================== */

.wrap.topbar {
  background: var(--sm-grad-deep);
  color: var(--sm-on-dark);
  font-size: .88rem;
  padding: 7px 0;
  border-bottom: 0;
  position: relative;
}
.wrap.topbar::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 3px;
  background: var(--sm-grad-brand);
}
.wrap.topbar a { color: var(--smarkt-orange-lt); font-weight: 700; }
.wrap.topbar a:hover { color: #fff; }
.wrap.topbar p { margin: 0; }
.topbar-left, .topbar-middle, .topbar-right { padding-top: 2px; padding-bottom: 2px; }
.topbar-right, .topbar-right-inner { text-align: right; }

/* Kleine Info-Chips in der Topbar (falls im Modul verwendet) */
.wrap.topbar .sm-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  border-radius: var(--sm-r-pill);
  background: rgba(255,255,255,.10);
  margin-right: 8px;
}


/* ==========================================================================
   04  HEADER + LOGO
   ========================================================================== */

#t3-header {
  background-color: var(--sm-surface);
  border-bottom: 1px solid var(--sm-border);
  position: relative;
  z-index: 999;
  box-shadow: var(--sm-sh-xs);
  transition: box-shadow var(--sm-dur) var(--sm-ease), padding var(--sm-dur) var(--sm-ease);
}
#t3-header.affix {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  box-shadow: var(--sm-sh-md);
  background: rgba(255,255,255,.96);
  backdrop-filter: saturate(1.4) blur(10px);
  -webkit-backdrop-filter: saturate(1.4) blur(10px);
  animation: smHeaderIn .35s var(--sm-ease);
}
@keyframes smHeaderIn { from { transform: translateY(-100%); } to { transform: translateY(0); } }

#t3-header .container.t3-header { padding-top: 14px; padding-bottom: 14px; }
#t3-header.affix .container.t3-header { padding-top: 8px; padding-bottom: 8px; }
#t3-header .row { display: flex; align-items: center; flex-wrap: wrap; }

/* Logo */
#t3-header .logo { display: flex; align-items: center; }
#t3-header .logo-img { max-height: 56px; width: auto; transition: max-height var(--sm-dur) var(--sm-ease); }
#t3-header.affix .logo-img { max-height: 44px; }
#t3-header .logo a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--smarkt-violet);
  font-family: var(--sm-font-head);
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1.1;
}
#t3-header .logo a:hover { color: var(--smarkt-violet); }
#t3-header .logo a span { color: var(--smarkt-violet); }
#t3-header .logo-text a span::first-letter { color: var(--smarkt-orange); }
#t3-header .site-slogan {
  display: block;
  color: var(--sm-text-mute);
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
  margin-top: 3px;
}


/* ==========================================================================
   05  HAUPTNAVIGATION
   ========================================================================== */

#t3-mainnav.navbar {
  border: 0;
  background: transparent;
  margin-bottom: 0;
  min-height: 0;
  box-shadow: none;
}
#t3-mainnav .t3-navbar { padding: 0; }
#t3-mainnav .navbar-nav { float: none; margin: 0; }
#t3-mainnav .navbar-nav > li { position: relative; }

#t3-mainnav .navbar-nav > li > a,
#t3-mainnav .navbar-nav > li > .separator,
#t3-mainnav .navbar-nav > li > span {
  color: var(--smarkt-violet);
  font-family: var(--sm-font-bold);
  font-size: .86rem;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 12px 15px;
  border-bottom: 0;
  border-radius: var(--sm-r-xs);
  background-image: none !important;
  text-shadow: none !important;
  line-height: 1.4 !important;
  transition: color .2s var(--sm-ease), background-color .2s var(--sm-ease);
}

/* Animierter Unterstrich statt harter Border */
#t3-mainnav .navbar-nav > li > a::after {
  content: "";
  position: absolute;
  left: 14px; right: 14px; bottom: 6px;
  height: 3px;
  border-radius: 2px;
  background: var(--sm-grad-line);
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform .3s var(--sm-ease);
}
#t3-mainnav .navbar-nav > li > a:hover,
#t3-mainnav .navbar-nav > li > a:focus,
#t3-mainnav .navbar-nav > li:hover > a,
#t3-mainnav .navbar-nav > li:hover > .separator,
#t3-mainnav .navbar-nav > li.active > a,
#t3-mainnav .navbar-nav > li.current > a,
#t3-mainnav .navbar-nav > li.active > .separator {
  color: var(--smarkt-orange);
  background-color: transparent;
  border-bottom-color: transparent;
}
#t3-mainnav .navbar-nav > li > a:hover::after,
#t3-mainnav .navbar-nav > li.active > a::after,
#t3-mainnav .navbar-nav > li.current > a::after { transform: scaleX(1); }

/* Letzter Menuepunkt optional als Button:  Menue-Eintrag -> CSS-Klasse "nav-cta" */
#t3-mainnav .navbar-nav > li.nav-cta > a {
  background: var(--smarkt-orange);
  color: #fff;
  border-radius: var(--sm-r-pill);
  padding: 10px 20px;
  margin-left: 10px;
  box-shadow: 0 4px 14px rgba(224,122,16,.32);
}
#t3-mainnav .navbar-nav > li.nav-cta > a::after { display: none; }
#t3-mainnav .navbar-nav > li.nav-cta > a:hover { background: var(--smarkt-orange-dk); color: #fff; }

/* Dropdowns */
#t3-mainnav .dropdown-menu,
#t3-mainnav .nav-child.dropdown-menu,
.t3-megamenu .mega-dropdown-menu {
  background-color: var(--sm-surface);
  border: 1px solid var(--sm-border);
  border-top: 3px solid var(--smarkt-orange);
  border-radius: 0 0 var(--sm-r-sm) var(--sm-r-sm);
  box-shadow: var(--sm-sh-lg);
  padding: 8px;
  min-width: 220px;
}
#t3-mainnav .dropdown-menu > li > a,
.t3-megamenu .dropdown-menu .mega-nav > li > a {
  color: var(--smarkt-violet);
  font-size: .88rem;
  font-weight: 600;
  padding: 9px 14px !important;
  border-radius: var(--sm-r-xs);
  line-height: 1.5 !important;
  transition: background-color .15s var(--sm-ease), color .15s var(--sm-ease), padding-left .15s var(--sm-ease);
}
#t3-mainnav .dropdown-menu > li > a:hover,
#t3-mainnav .dropdown-menu > li > a:focus,
.t3-megamenu .dropdown-menu .mega-nav > li > a:hover {
  background-color: var(--smarkt-violet);
  color: #fff;
  padding-left: 20px !important;
}
#t3-mainnav .dropdown-menu::before { background: var(--smarkt-orange); }

/* Hamburger */
#t3-header .navbar-toggle,
#t3-mainnav .navbar-toggle {
  border: 2px solid var(--smarkt-orange);
  border-radius: var(--sm-r-xs);
  background: transparent;
  margin: 4px 0 0;
  padding: 8px 11px;
  transition: background-color .2s var(--sm-ease);
}
#t3-header .navbar-toggle:hover,
#t3-mainnav .navbar-toggle:hover { background-color: var(--smarkt-orange-xl); }
#t3-header .navbar-toggle .fa-bars,
#t3-mainnav .navbar-toggle .fa-bars { color: var(--smarkt-orange); font-size: 1.15rem; }

/* Lesefortschritt (Element liegt in mainnav.php) */
.scroll-progress-bar {
  background: var(--sm-grad-brand);
  height: 3px;
}


/* ==========================================================================
   06  BREADCRUMBS + SEITENTITEL
   ========================================================================== */

.wrap.t3-breadcrumbs {
  background: var(--sm-surface-alt);
  border-bottom: 1px solid var(--sm-border);
}
.breadcrumb {
  background: transparent;
  padding: 12px 0;
  margin: 0;
  font-size: .9rem;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.breadcrumb > li { display: inline-flex; align-items: center; }
.breadcrumb .divider { display: none; }
.breadcrumb > li + li:before { color: var(--smarkt-orange); content: "\203A"; padding: 0 6px; }
.breadcrumb > .active { color: var(--smarkt-violet); font-weight: 700; }

.item-page .page-header h1,
.item-page .page-header h2,
.page-header > h1,
.page-header > h2,
.blog .page-header h1 {
  color: var(--smarkt-violet);
  padding-bottom: var(--sm-s3);
  margin-bottom: var(--sm-s5);
  position: relative;
  border-bottom: 0;
}
.item-page .page-header h1::after,
.item-page .page-header h2::after,
.page-header > h1::after,
.page-header > h2::after {
  content: "";
  position: absolute;
  left: 0; bottom: 0;
  width: 72px; height: 4px;
  border-radius: 2px;
  background: var(--sm-grad-brand);
}
.page-header { border-bottom: 0; padding-bottom: 0; }


/* ==========================================================================
   07  LAYOUT + MODULE / CARDS
   ========================================================================== */

#t3-mainbody.container { padding-top: var(--sm-s7); padding-bottom: var(--sm-s7); }

.t3-module, .moduletable {
  background-color: var(--sm-surface);
  border: 1px solid var(--sm-border);
  border-radius: var(--sm-r-md);
  box-shadow: var(--sm-sh-sm);
  padding: var(--sm-s5);
  margin-bottom: var(--sm-s5);
}
.moduletable h3, .t3-module h3, .module-title, .module-title span {
  color: var(--smarkt-violet);
  font-family: var(--sm-font-head);
  font-size: 1rem;
  letter-spacing: .07em;
  text-transform: uppercase;
  border-bottom: 2px solid var(--smarkt-orange);
  padding-bottom: 10px;
  margin-bottom: var(--sm-s4);
}

/* Module in Topbar/Footer sollen KEINE Karten sein */
.wrap.topbar .t3-module,
.wrap.topbar .moduletable,
#t3-footer .t3-module,
#t3-footer .moduletable,
.sitebase .t3-module,
.sitebase .moduletable {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  margin-bottom: var(--sm-s4);
}


/* ==========================================================================
   08  BUTTONS + FORMULARE
   ========================================================================== */

.btn, .button, .btn-primary, .readmore .btn {
  border-radius: var(--sm-r-pill);
  font-family: var(--sm-font-bold);
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .88rem;
  padding: 11px 26px;
  border-width: 2px;
  transition: background-color .2s var(--sm-ease), color .2s var(--sm-ease),
              transform .12s var(--sm-ease), box-shadow .2s var(--sm-ease);
}
.btn-primary, a.btn-primary,
.btn-primary:focus, a.btn-primary:focus {
  background-color: var(--smarkt-orange);
  border-color: var(--smarkt-orange);
  color: #fff;
  box-shadow: 0 4px 14px rgba(224,122,16,.28);
}
.btn-primary:hover, a.btn-primary:hover {
  background-color: var(--smarkt-orange-dk);
  border-color: var(--smarkt-orange-dk);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(224,122,16,.34);
}
.btn-default, a.btn-default {
  background: transparent;
  border-color: var(--sm-border-strong);
  color: var(--smarkt-violet);
}
.btn-default:hover, a.btn-default:hover {
  border-color: var(--smarkt-violet);
  background: var(--smarkt-violet);
  color: #fff;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="password"],
input[type="search"], input[type="url"], input[type="number"], textarea, select,
.form-control, .inputbox {
  border: 1px solid var(--sm-border-strong);
  border-radius: var(--sm-r-sm);
  padding: 11px 14px;
  height: auto;
  background: var(--sm-surface);
  color: var(--sm-text);
  box-shadow: none;
  transition: border-color .18s var(--sm-ease), box-shadow .18s var(--sm-ease);
  font-size: .95rem;
}
input:focus, textarea:focus, select:focus, .form-control:focus, .inputbox:focus {
  border-color: var(--smarkt-orange);
  box-shadow: 0 0 0 3px rgba(224,122,16,.16);
  outline: none;
}
label, .control-label { color: var(--smarkt-violet); font-family: var(--sm-font-bold); font-weight: 700; font-size: .94rem; }

.alert {
  border: 0;
  border-left: 4px solid var(--smarkt-orange);
  border-radius: var(--sm-r-sm);
  background: var(--smarkt-orange-xl);
  color: var(--sm-text);
  padding: var(--sm-s4) var(--sm-s5);
}

/* ==========================================================================
   09  ARTIKEL-BAUSTEINE  (.sm-*)
   --------------------------------------------------------------------------
   Diese Klassen werden im Joomla-ARTIKEL verwendet (siehe artikel/*.html).
   Sie enthalten weder <style> noch <script> — TinyMCE filtert daher nichts.
   ========================================================================== */

/* --- Volle Breite aus dem Bootstrap-Container ausbrechen --------------------
   Verwendung:  <section class="sm-hero sm-bleed"><div class="sm-wrap"> ... </div></section>
   .sm-bleed  zieht den Block ueber die volle Fensterbreite,
   .sm-wrap   holt den Inhalt wieder auf Lesebreite zurueck.
   -------------------------------------------------------------------------- */
.sm-bleed {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
  max-width: 100vw;
}

.sm-wrap {
  max-width: var(--sm-content-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: 22px;
  padding-right: 22px;
}
@media (max-width: 767px) {
  .sm-wrap { padding-left: 16px; padding-right: 16px; }
}

/* --- Abschnitt -------------------------------------------------------------- */
.sm-section { padding: var(--sm-s8) 0; }
/* Doppelten Leerraum zwischen Hero und erstem Abschnitt vermeiden */
.sm-hero + .sm-section { padding-top: 0; }
.sm-section--tight { padding: var(--sm-s6) 0; }
.sm-section--alt { background: var(--sm-surface-alt); }
.sm-section--violet { background: var(--sm-grad-deep); color: var(--sm-on-dark); }
.sm-section--violet h2, .sm-section--violet h3 { color: #fff; }
.sm-section--violet a { color: var(--smarkt-orange-lt); }

.sm-section-head { max-width: 720px; margin: 0 auto var(--sm-s6); text-align: center; }
.sm-section-head--left { margin-left: 0; text-align: left; }
.sm-section-head p { color: var(--sm-text-soft); font-size: 1.08rem; margin-bottom: 0; }
.sm-section--violet .sm-section-head p { color: var(--sm-on-dark-mute); }

.sm-eyebrow {
  display: inline-block;
  font-family: var(--sm-font-bold);
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--smarkt-orange);
  margin-bottom: var(--sm-s3);
}
.sm-section--violet .sm-eyebrow { color: var(--smarkt-orange-lt); }


/* --- HERO ------------------------------------------------------------------- */
.sm-hero {
  position: relative;
  overflow: hidden;
  background: var(--sm-grad-deep);
  color: var(--sm-on-dark);
  padding: var(--sm-s9) 0;
  margin-bottom: var(--sm-s8);
  isolation: isolate;
}
/* Steht der Hero ganz oben im Artikel, schliesst er buendig an den Header an
   (hebt die obere Innenabstand des T3-Mainbody auf). */
#t3-content .sm-hero:first-child,
#t3-content .item-page > .sm-hero:first-child,
#t3-content .item-page > div:first-child > .sm-hero:first-child { margin-top: calc(var(--sm-s7) * -1); }
@media (max-width: 991px) {
  #t3-content .sm-hero:first-child,
  #t3-content .item-page > .sm-hero:first-child,
  #t3-content .item-page > div:first-child > .sm-hero:first-child { margin-top: calc(var(--sm-s6) * -1); }
}
/* Orange Lichtkegel + feines Raster als Textur */
.sm-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -30%; right: -12%;
  width: 62vw; height: 62vw;
  max-width: 900px; max-height: 900px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(224,122,16,.34) 0%, rgba(224,122,16,0) 68%);
}
.sm-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(ellipse at 50% 40%, #000 25%, transparent 78%);
  -webkit-mask-image: radial-gradient(ellipse at 50% 40%, #000 25%, transparent 78%);
}
.sm-hero-inner { position: relative; z-index: 1; max-width: 820px; }
.sm-hero h1 { color: #fff; margin-bottom: var(--sm-s4); }
.sm-hero h1 em { font-style: normal; color: var(--smarkt-orange-lt); }
.sm-hero .sm-lead {
  font-size: clamp(1.06rem, 1rem + .4vw, 1.3rem);
  color: var(--sm-on-dark);
  max-width: 62ch;
  margin-bottom: var(--sm-s6);
}

/* 24/7-Pille */
.sm-hero-badges { display: flex; flex-wrap: wrap; gap: var(--sm-s3); margin-bottom: var(--sm-s6); padding: 0; list-style: none; }
.sm-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 16px 7px 13px;
  border-radius: var(--sm-r-pill);
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
  font-family: var(--sm-font-bold);
  font-size: .88rem;
  font-weight: 700;
  letter-spacing: .03em;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.sm-badge::before {
  content: "";
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #4ADE80;
  box-shadow: 0 0 0 3px rgba(74,222,128,.22);
  flex: none;
}
.sm-badge--orange { background: var(--smarkt-orange); border-color: var(--smarkt-orange); box-shadow: 0 6px 20px rgba(224,122,16,.3); }
.sm-badge--orange::before { background: #fff; box-shadow: 0 0 0 3px rgba(255,255,255,.28); }

/* Hero-CTA */
.sm-hero-cta { display: flex; flex-wrap: wrap; gap: var(--sm-s3); }

.sm-btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 13px 28px;
  border-radius: var(--sm-r-pill);
  font-family: var(--sm-font-bold);
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  background: var(--smarkt-orange);
  border: 2px solid var(--smarkt-orange);
  color: #fff !important;
  box-shadow: 0 6px 20px rgba(224,122,16,.3);
  transition: background-color .2s var(--sm-ease), border-color .2s var(--sm-ease),
              transform .12s var(--sm-ease), box-shadow .2s var(--sm-ease), color .2s var(--sm-ease);
}
.sm-btn:hover, .sm-btn:focus {
  background: var(--smarkt-orange-dk);
  border-color: var(--smarkt-orange-dk);
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(224,122,16,.38);
}
.sm-btn--ghost {
  background: transparent;
  border-color: rgba(255,255,255,.45);
  color: #fff !important;
  box-shadow: none;
}
.sm-btn--ghost:hover { background: rgba(255,255,255,.12); border-color: #fff; box-shadow: none; }
.sm-btn--outline {
  background: transparent;
  border-color: var(--smarkt-violet);
  color: var(--smarkt-violet) !important;
  box-shadow: none;
}
.sm-btn--outline:hover { background: var(--smarkt-violet); border-color: var(--smarkt-violet); color: #fff !important; box-shadow: none; }


/* --- ICON-SYSTEM (rein CSS, keine externen Icon-Fonts noetig) ---------------- */
.sm-ico {
  position: relative;
  flex: none;
  width: 52px; height: 52px;
  border-radius: var(--sm-r-md);
  background: var(--smarkt-orange-xl);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color var(--sm-dur) var(--sm-ease), transform var(--sm-dur) var(--sm-ease);
}
.sm-ico::before {
  content: "";
  width: 26px; height: 26px;
  background-color: var(--smarkt-orange);
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center;  mask-position: center;
  -webkit-mask-size: contain;     mask-size: contain;
  transition: background-color var(--sm-dur) var(--sm-ease);
}
/* Paket / Abholstation */
.sm-ico--box::before      { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5z'/%3E%3Cpath d='M3 8l9 5 9-5'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5z'/%3E%3Cpath d='M3 8l9 5 9-5'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E"); }
/* Automat */
.sm-ico--machine::before  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Cpath d='M8 6h4M8 10h4M8 14h4'/%3E%3Ccircle cx='16.5' cy='7' r='1'/%3E%3Cpath d='M7 18h10'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Cpath d='M8 6h4M8 10h4M8 14h4'/%3E%3Ccircle cx='16.5' cy='7' r='1'/%3E%3Cpath d='M7 18h10'/%3E%3C/svg%3E"); }
/* Karte / kontaktlos zahlen */
.sm-ico--card::before     { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20M6 15h4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20M6 15h4'/%3E%3C/svg%3E"); }
/* Uhr / 24_7 */
.sm-ico--clock::before    { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
/* Standort */
.sm-ico--pin::before      { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
/* Telefon */
.sm-ico--phone::before    { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E"); }
/* Mail */
.sm-ico--mail::before     { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m2 7 10 6 10-6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m2 7 10 6 10-6'/%3E%3C/svg%3E"); }
/* Blatt / regional */
.sm-ico--leaf::before     { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 4 13c0-6 7-9 16-9 0 9-3 16-9 16z'/%3E%3Cpath d='M4 20c3-6 7-9 12-11'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 4 13c0-6 7-9 16-9 0 9-3 16-9 16z'/%3E%3Cpath d='M4 20c3-6 7-9 12-11'/%3E%3C/svg%3E"); }
/* Schloss / sicher */
.sm-ico--lock::before     { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E"); }
/* Warenkorb */
.sm-ico--cart::before     { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3Cpath d='M2 3h2.3l2.5 12.2a2 2 0 0 0 2 1.6h8.5a2 2 0 0 0 2-1.6L21 7H5.4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3Cpath d='M2 3h2.3l2.5 12.2a2 2 0 0 0 2 1.6h8.5a2 2 0 0 0 2-1.6L21 7H5.4'/%3E%3C/svg%3E"); }
/* Dokument / Rechtliches */
.sm-ico--doc::before      { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H7a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7z'/%3E%3Cpath d='M14 2v5h5M9 13h6M9 17h6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H7a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7z'/%3E%3Cpath d='M14 2v5h5M9 13h6M9 17h6'/%3E%3C/svg%3E"); }
/* Haken */
.sm-ico--check::before    { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 12 5.5 5.5L20 7'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 12 5.5 5.5L20 7'/%3E%3C/svg%3E"); }

/* Icon-Variante auf dunklem Grund */
.sm-section--violet .sm-ico,
.sm-cta-band .sm-ico { background: rgba(255,255,255,.12); }
.sm-section--violet .sm-ico::before,
.sm-cta-band .sm-ico::before { background-color: var(--smarkt-orange-lt); }


/* --- SERVICE-CARDS ---------------------------------------------------------- */
.sm-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--sm-s5);
  margin: 0;
  padding: 0;
  list-style: none;
}
.sm-card {
  position: relative;
  background: var(--sm-surface);
  border: 1px solid var(--sm-border);
  border-radius: var(--sm-r-lg);
  padding: var(--sm-s6) var(--sm-s5) var(--sm-s5);
  box-shadow: var(--sm-sh-sm);
  overflow: hidden;
  transition: transform var(--sm-dur) var(--sm-ease), box-shadow var(--sm-dur) var(--sm-ease), border-color var(--sm-dur) var(--sm-ease);
}
.sm-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: var(--sm-grad-brand);
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform .35s var(--sm-ease);
}
.sm-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--sm-sh-lg);
  border-color: var(--smarkt-orange-lt);
}
.sm-card:hover::before { transform: scaleX(1); }
.sm-card:hover .sm-ico { background: var(--smarkt-orange); transform: rotate(-4deg) scale(1.05); }
.sm-card:hover .sm-ico::before { background-color: #fff; }
.sm-card .sm-ico { margin-bottom: var(--sm-s4); }
.sm-card h3 { margin-bottom: var(--sm-s2); }
.sm-card p { color: var(--sm-text-soft); font-size: 1rem; margin-bottom: 0; }
.sm-card-note {
  display: inline-block;
  margin-top: var(--sm-s4);
  font-family: var(--sm-font-bold);
  font-size: .84rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--smarkt-orange);
}

/* Karte auf dunklem Grund */
.sm-section--violet .sm-card {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.14);
  box-shadow: none;
}
.sm-section--violet .sm-card p { color: var(--sm-on-dark-mute); }


/* --- USP-STREIFEN (Zahlen / Kurzfakten) ------------------------------------- */
.sm-usp {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1px;
  background: var(--sm-border);
  border: 1px solid var(--sm-border);
  border-radius: var(--sm-r-lg);
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sm-usp-item {
  background: var(--sm-surface);
  padding: var(--sm-s6) var(--sm-s4);
  text-align: center;
}
.sm-usp-num {
  display: block;
  font-family: var(--sm-font-head);
  font-size: clamp(1.7rem, 1.4rem + 1.2vw, 2.4rem);
  font-weight: 700;
  line-height: 1;
  color: var(--smarkt-orange);
  margin-bottom: var(--sm-s2);
}
.sm-usp-label {
  display: block;
  font-size: .92rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--sm-text-mute);
}


/* --- SPLIT (Text + Bild) ---------------------------------------------------- */
.sm-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sm-s8);
  align-items: center;
}
.sm-split--reverse .sm-split-media { order: -1; }
.sm-split-media img {
  width: 100%;
  border-radius: var(--sm-r-lg);
  box-shadow: var(--sm-sh-lg);
  display: block;
}
.sm-split-text h2 { margin-bottom: var(--sm-s4); }
.sm-split-text p { color: var(--sm-text-soft); }


/* --- CHECKLISTE ------------------------------------------------------------- */
.sm-list { list-style: none; padding: 0; margin: var(--sm-s4) 0 0; }
.sm-list li {
  position: relative;
  padding-left: 34px;
  margin-bottom: var(--sm-s3);
  color: var(--sm-text-soft);
}
.sm-list li::before {
  content: "";
  position: absolute;
  left: 0; top: .32em;
  width: 20px; height: 20px;
  border-radius: 50%;
  background: var(--smarkt-orange-xl);
}
.sm-list li::after {
  content: "";
  position: absolute;
  left: 5px; top: .62em;
  width: 10px; height: 6px;
  border-left: 2.4px solid var(--smarkt-orange);
  border-bottom: 2.4px solid var(--smarkt-orange);
  transform: rotate(-45deg);
}
.sm-list li strong { color: var(--smarkt-violet); }
.sm-section--violet .sm-list li { color: var(--sm-on-dark-mute); }
.sm-section--violet .sm-list li strong { color: #fff; }
.sm-section--violet .sm-list li::before { background: rgba(255,255,255,.14); }
.sm-section--violet .sm-list li::after { border-color: var(--smarkt-orange-lt); }


/* --- SCHRITTE / SO FUNKTIONIERT'S ------------------------------------------- */
.sm-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--sm-s5);
  counter-reset: smstep;
  list-style: none;
  padding: 0;
  margin: 0;
}
.sm-step {
  position: relative;
  counter-increment: smstep;
  background: var(--sm-surface);
  border: 1px solid var(--sm-border);
  border-radius: var(--sm-r-lg);
  padding: var(--sm-s6) var(--sm-s5) var(--sm-s5);
  box-shadow: var(--sm-sh-xs);
}
.sm-step::before {
  content: counter(smstep, decimal-leading-zero);
  position: absolute;
  top: -18px; left: var(--sm-s5);
  font-family: var(--sm-font-head);
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  background: var(--smarkt-violet);
  width: 40px; height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 16px rgba(43,22,96,.28);
}
.sm-step h3 { margin-top: var(--sm-s3); margin-bottom: var(--sm-s2); font-size: 1.08rem; }
.sm-step p { color: var(--sm-text-soft); font-size: .98rem; margin-bottom: 0; }


/* --- CTA-BAND --------------------------------------------------------------- */
.sm-cta-band {
  background: var(--sm-grad-deep);
  border-radius: var(--sm-r-xl);
  padding: var(--sm-s8) var(--sm-s7);
  color: var(--sm-on-dark);
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow: var(--sm-sh-xl);
}
.sm-cta-band::before {
  content: "";
  position: absolute;
  top: -60%; left: 50%;
  transform: translateX(-50%);
  width: 120%; height: 200%;
  background: radial-gradient(ellipse at center, rgba(224,122,16,.28) 0%, rgba(224,122,16,0) 62%);
  pointer-events: none;
}
.sm-cta-band > * { position: relative; z-index: 1; }
.sm-cta-band h2 { color: #fff; }
.sm-cta-band p { color: var(--sm-on-dark); max-width: 58ch; margin-left: auto; margin-right: auto; }
.sm-cta-band .sm-hero-cta { justify-content: center; margin-top: var(--sm-s5); }


/* --- HINWEIS-BOX ------------------------------------------------------------ */
.sm-note {
  display: flex;
  gap: var(--sm-s4);
  align-items: flex-start;
  background: var(--smarkt-orange-xl);
  border: 1px solid #F5DFC2;
  border-left: 4px solid var(--smarkt-orange);
  border-radius: var(--sm-r-sm);
  padding: var(--sm-s4) var(--sm-s5);
  margin: var(--sm-s5) 0;
  font-size: .95rem;
}
.sm-note p:last-child { margin-bottom: 0; }

/* ==========================================================================
   10  GALERIE + LIGHTBOX
   --------------------------------------------------------------------------
   Markup im Artikel:
     <div class="sm-gallery">
       <figure class="sm-g-item">
         <img src="/images/....jpg" alt="...">
         <figcaption class="sm-g-caption">Bildtitel</figcaption>
       </figure>
       ...
     </div>
   Das Oeffnen uebernimmt /templates/exeltis/js/smarkt-lightbox.js
   (Klick auf jedes Inhaltsbild). Die :target-Variante bleibt kompatibel.
   ========================================================================== */

.sm-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--sm-s4);
  margin: var(--sm-s6) 0 0;
  padding: 0;
  list-style: none;
}
/* Erstes Bild betont (nur ab 3 Bildern und breitem Viewport) */
@media (min-width: 992px) {
  .sm-gallery--feature { grid-template-columns: repeat(4, 1fr); grid-auto-rows: 200px; }
  .sm-gallery--feature .sm-g-item:first-child { grid-column: span 2; grid-row: span 2; }
}

.sm-g-item {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: var(--sm-r-md);
  box-shadow: var(--sm-sh-md);
  background: var(--smarkt-violet);
  cursor: zoom-in;
  aspect-ratio: 4 / 3;
  transition: box-shadow var(--sm-dur) var(--sm-ease), transform var(--sm-dur) var(--sm-ease);
}
.sm-gallery--feature .sm-g-item { aspect-ratio: auto; height: 100%; }
.sm-g-item:hover { transform: translateY(-4px); box-shadow: var(--sm-sh-xl); }
.sm-g-item a { display: block; width: 100%; height: 100%; }
.sm-g-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s var(--sm-ease), filter .4s var(--sm-ease);
}
.sm-g-item:hover img { transform: scale(1.07); }

/* Farbschleier + Lupe */
.sm-g-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(43,22,96,.78) 0%, rgba(43,22,96,.18) 42%, rgba(43,22,96,0) 68%);
  opacity: .92;
  transition: opacity var(--sm-dur) var(--sm-ease);
  pointer-events: none;
}
.sm-g-item:hover::after { opacity: 1; }

.sm-g-caption {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  z-index: 2;
  margin: 0;
  padding: var(--sm-s5) var(--sm-s4) var(--sm-s4);
  color: #fff;
  font-family: var(--sm-font-bold);
  font-size: .96rem;
  font-weight: 700;
  letter-spacing: .01em;
  text-shadow: 0 1px 8px rgba(0,0,0,.35);
  transform: translateY(4px);
  transition: transform var(--sm-dur) var(--sm-ease);
  pointer-events: none;
}
.sm-g-item:hover .sm-g-caption,
.sm-g-item:focus-within .sm-g-caption { transform: translateY(0); }

/* --- Lightbox-Overlay (JS-Instanz #sm-lb-js und statische :target-Divs) ----- */
.sm-lightbox {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: var(--sm-s5);
  background: rgba(22,12,42,.94);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.sm-lightbox:target,
.sm-lightbox.open { display: flex; animation: smLbIn .22s var(--sm-ease); }
@keyframes smLbIn { from { opacity: 0; } to { opacity: 1; } }

.sm-lightbox img {
  max-width: 94vw;
  max-height: 82vh;
  width: auto; height: auto;
  border-radius: var(--sm-r-sm);
  box-shadow: 0 24px 80px rgba(0,0,0,.6);
  display: block;
}
.sm-lb-caption {
  color: rgba(255,255,255,.88);
  font-family: var(--sm-font-bold);
  font-size: .98rem;
  margin-top: var(--sm-s4);
  text-align: center;
  max-width: 80ch;
}
.sm-lb-close {
  position: absolute;
  top: 16px; right: 20px;
  width: 46px; height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255,255,255,.12);
  color: #fff !important;
  font-size: 2.1rem;
  font-weight: 300;
  line-height: 1;
  text-decoration: none;
  z-index: 10;
  transition: background-color .2s var(--sm-ease), transform .2s var(--sm-ease);
}
.sm-lb-close:hover { background: var(--smarkt-orange); transform: rotate(90deg); }


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

.sm-contact-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--sm-s5);
  margin: 0;
  padding: 0;
  list-style: none;
}
.sm-contact-card {
  display: flex;
  gap: var(--sm-s4);
  align-items: flex-start;
  background: var(--sm-surface);
  border: 1px solid var(--sm-border);
  border-radius: var(--sm-r-lg);
  padding: var(--sm-s5);
  box-shadow: var(--sm-sh-sm);
  transition: box-shadow var(--sm-dur) var(--sm-ease), transform var(--sm-dur) var(--sm-ease);
}
.sm-contact-card:hover { transform: translateY(-3px); box-shadow: var(--sm-sh-md); }
.sm-contact-card .sm-ico { width: 46px; height: 46px; border-radius: var(--sm-r-sm); }
.sm-contact-card .sm-ico::before { width: 22px; height: 22px; }
.sm-contact-card h3 {
  font-size: .84rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--sm-text-mute);
  margin-bottom: 4px;
}
.sm-contact-card p, .sm-contact-card address {
  margin: 0;
  font-style: normal;
  font-family: var(--sm-font-bold);
  font-weight: 700;
  color: var(--smarkt-violet);
  font-size: 1.02rem;
  line-height: 1.5;
}
.sm-contact-card a { color: var(--smarkt-violet); }
.sm-contact-card a:hover { color: var(--smarkt-orange); }

/* Karten-Einbettung (Google Maps / OSM iframe) */
.sm-map {
  position: relative;
  width: 100%;
  padding-bottom: 46%;
  border-radius: var(--sm-r-lg);
  overflow: hidden;
  box-shadow: var(--sm-sh-md);
  border: 1px solid var(--sm-border);
  margin-top: var(--sm-s6);
  background: var(--sm-surface-alt);
}
.sm-map iframe {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  border: 0;
}

/* Joomla com_contact */
.contact .page-header h2, .contact h3 { color: var(--smarkt-violet); }
.contact .contact-address, .contact dl.contact-address { color: var(--sm-text); }
.contact .jicons-icons { display: none; }
.contact dl.contact-address dd { margin-left: 0; }


/* ==========================================================================
   12  RECHTSTEXTE
   ========================================================================== */

/* Volle Breite der Inhaltsspalte.
   Wer die Zeilen wieder kuerzer haben moechte (besser lesbar bei langen
   Absaetzen): hier z. B. "max-width: 72ch;" eintragen. */
.sm-legal { max-width: none; }
.sm-legal h1 { margin-bottom: var(--sm-s5); }
.sm-legal h2 {
  font-size: 1.35rem;
  margin-top: var(--sm-s7);
  margin-bottom: var(--sm-s3);
  padding-left: var(--sm-s4);
  border-left: 4px solid var(--smarkt-orange);
  line-height: 1.35;
}
.sm-legal h2:first-of-type { margin-top: var(--sm-s5); }
.sm-legal h3 { font-size: 1.12rem; margin-top: var(--sm-s5); }
/* Gleiche Lesegroesse wie der Rest der Website (1rem = --sm-root-size).
   Wer hier drehen will: 1.05rem entspricht 18,9px bei 18px Basis. */
.sm-legal p,
.sm-legal li,
.sm-legal address { color: var(--sm-text-soft); font-size: 1.05rem; line-height: 1.75; }
.sm-legal strong { color: var(--smarkt-violet); }
.sm-legal address { font-style: normal; }

.sm-legal-lead {
  background: var(--sm-surface);
  border: 1px solid var(--sm-border);
  border-radius: var(--sm-r-lg);
  padding: var(--sm-s5);
  box-shadow: var(--sm-sh-xs);
  margin-bottom: var(--sm-s6);
}
.sm-legal-lead p { margin-bottom: 0; }

/* Hoehere Spezifitaet noetig: sonst gewinnt ".sm-legal p" */
.sm-legal p.sm-legal-meta,
.sm-legal .sm-legal-meta,
.sm-legal-meta {
  margin-top: var(--sm-s7);
  padding-top: var(--sm-s4);
  border-top: 1px solid var(--sm-border);
  font-size: .92rem;
  color: var(--sm-text-mute);
}

/* Querverweise zwischen den Rechtsseiten */
.sm-legal-nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sm-s2);
  margin-bottom: var(--sm-s6);
  padding: 0;
  list-style: none;
}
.sm-legal-nav a {
  display: inline-block;
  padding: 7px 16px;
  border-radius: var(--sm-r-pill);
  background: var(--sm-surface);
  border: 1px solid var(--sm-border);
  font-family: var(--sm-font-bold);
  font-size: .94rem;
  font-weight: 700;
  color: var(--smarkt-violet);
  transition: background-color .18s var(--sm-ease), color .18s var(--sm-ease), border-color .18s var(--sm-ease);
}
.sm-legal-nav a:hover,
.sm-legal-nav .is-active a {
  background: var(--smarkt-violet);
  border-color: var(--smarkt-violet);
  color: #fff;
}

/* Tabellen */
.sm-table, .item-page table, .sm-prose table {
  width: 100%;
  border-collapse: collapse;
  margin: var(--sm-s5) 0;
  font-size: .94rem;
  background: var(--sm-surface);
  border-radius: var(--sm-r-sm);
  overflow: hidden;
  box-shadow: var(--sm-sh-xs);
}
.sm-table th, .item-page table th, .sm-prose table th {
  background: var(--smarkt-violet);
  color: #fff;
  font-family: var(--sm-font-bold);
  text-align: left;
  padding: 11px 14px;
  font-size: .88rem;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.sm-table td, .item-page table td, .sm-prose table td {
  padding: 11px 14px;
  border-top: 1px solid var(--sm-border);
  color: var(--sm-text-soft);
}
.sm-table tr:nth-child(even) td { background: var(--sm-surface-alt); }

/* ==========================================================================
   13  FOOTER + BACK-TO-TOP
   ========================================================================== */

#t3-footer {
  background: var(--sm-grad-deep);
  color: var(--sm-on-dark-mute);
  padding: var(--sm-s8) 0 var(--sm-s5);
  position: relative;
  margin-top: var(--sm-s8);
}
#t3-footer::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: var(--sm-grad-brand);
}
#t3-footer .t3-footer-overlay { display: none; }
#t3-footer a { color: var(--sm-on-dark); }
#t3-footer a:hover { color: var(--smarkt-orange-lt); }
#t3-footer p { margin-bottom: var(--sm-s3); }

#t3-footer h1, #t3-footer h2, #t3-footer h3, #t3-footer h4,
#t3-footer .module-title, #t3-footer .module-title span {
  color: #fff;
  font-family: var(--sm-font-head);
  font-size: .82rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: var(--sm-s4);
  position: relative;
}
#t3-footer .module-title::after,
#t3-footer h3::after {
  content: "";
  display: block;
  width: 34px; height: 3px;
  border-radius: 2px;
  background: var(--smarkt-orange);
  margin-top: 9px;
}

#t3-footer ul, #t3-footer .nav { list-style: none; padding: 0; margin: 0; }
#t3-footer li { margin-bottom: 9px; }
#t3-footer .nav > li > a {
  padding: 0;
  background: transparent;
  font-size: .93rem;
  display: inline-block;
  transition: padding-left .18s var(--sm-ease), color .18s var(--sm-ease);
}
#t3-footer .nav > li > a:hover { background: transparent; padding-left: 7px; color: var(--smarkt-orange-lt); }

#t3-footer .t3-copyright {
  margin-top: var(--sm-s7);
  padding-top: var(--sm-s5);
  border-top: 1px solid rgba(255,255,255,.12);
  font-size: .84rem;
  color: var(--sm-on-dark-mute);
  display: flex;
  flex-wrap: wrap;
}
#t3-footer .t3-copyright p { margin: 0; }

.sitebase {
  background-color: #1D0F45;
  color: rgba(255,255,255,.6);
  padding: 11px 0;
  font-size: .8rem;
  text-align: center;
}
.sitebase a { color: var(--smarkt-orange-lt); }
.sitebase p { margin: 0; }

/* Back to top */
#back-to-top .btn,
#back-to-top .btn-primary {
  background-color: var(--smarkt-orange) !important;
  border-color: var(--smarkt-orange) !important;
  color: #fff !important;
  width: 46px; height: 46px;
  border-radius: 50% !important;
  padding: 0 !important;
  box-shadow: 0 8px 24px rgba(224,122,16,.4);
}
#back-to-top .btn:hover { background-color: var(--smarkt-orange-dk) !important; transform: translateY(-3px); }


/* ==========================================================================
   14  RESPONSIVE
   ========================================================================== */

/* --- Grosse Tablets / kleine Desktops --- */
@media (min-width: 992px) {
  #t3-mainnav .navbar-nav {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
  }
  #t3-mainnav .navbar-nav > li { white-space: nowrap; }
}
/* Enge Desktops: Menue kompakter, damit auch 7-8 Punkte in eine Zeile passen */
@media (min-width: 1200px) and (max-width: 1399px) {
  #t3-mainnav .navbar-nav > li > a { padding: 12px 11px; }
  #t3-mainnav .navbar-nav > li > a::after { left: 11px; right: 11px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #t3-mainnav .navbar-nav > li > a { padding: 11px 9px; font-size: .78rem; }
  #t3-mainnav .navbar-nav > li > a::after { left: 9px; right: 9px; }
  .mainnav-inner.pull-right { float: none; }
}

/* --- Tablet und darunter: Klapp-Navigation ------------------------------------
   Frueher wurde der Hamburger mit "margin-top: -46px" neben das Logo
   gezogen. Das haengt an der exakten Kopfzeilenhoehe und verrutscht, sobald
   sich Logo, Slogan oder Schriftgroesse aendern — genau das ist passiert:
   das Menue lag ueber dem Logo.

   Jetzt: Logo und Hamburger stehen in einer Flex-Zeile nebeneinander, das
   aufgeklappte Menue haengt darunter ueber die volle Breite.
   ---------------------------------------------------------------------------- */
@media (max-width: 991px) {
  /* ---------------------------------------------------------------------
     Das aufgeklappte Menue wird mit position:absolute an #t3-header
     ausgerichtet. "absolute" bezieht sich aber auf den naechsten
     positionierten Vorfahren — sobald irgendein Element dazwischen
     (z. B. .navbar oder .mainnav-inner) position:relative traegt, haengt
     das Menue an diesem schmalen Kasten und laeuft rechts aus dem Bild.
     Genau das ist passiert. Deshalb wird die gesamte Kette hart auf
     static gesetzt, damit nur #t3-header als Bezug uebrig bleibt.
     --------------------------------------------------------------------- */
  #t3-header { position: relative !important; }
  #t3-header .container.t3-header,
  #t3-header .row,
  #t3-header .logo,
  #t3-header .header-right,
  #t3-header .mainnav-inner,
  #t3-mainnav,
  #t3-mainnav.navbar,
  #t3-mainnav.wrap,
  #t3-mainnav .navbar-header { position: static !important; }

  #t3-header .container.t3-header { padding-top: 10px; padding-bottom: 10px; }
  #t3-header .row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: var(--sm-s3);
    /* Die negativen Spaltenraender von Bootstrap aufheben — sonst sitzt der
       Schalter buendig am Fensterrand, weil die Spalten-Innenabstaende
       darunter auf 0 gesetzt sind. */
    margin-left: 0;
    margin-right: 0;
  }
  #t3-header .logo {
    flex: 1 1 auto;
    width: auto;
    max-width: none;
    min-width: 0;
  }
  #t3-header .header-right {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }
  #t3-header .mainnav-inner.pull-right { float: none !important; margin: 0; }
  #t3-mainnav.navbar { background-color: transparent; position: static; }
  #t3-mainnav .navbar-header { margin: 0 !important; text-align: right; float: none; }

  /* Aufgeklapptes Menue haengt unter der Kopfzeile, volle Breite */
  #t3-mainnav .t3-navbar,
  #t3-mainnav .t3-navbar-collapse,
  #t3-mainnav .navbar-collapse {
    /* Sicherheitsnetz: Statt links UND rechts zu verankern, wird nur rechts
       verankert und die Breite auf 100vw gesetzt. Das ergibt in BEIDEN
       Faellen das Richtige — egal ob der Bezug #t3-header (volle Breite)
       oder doch ein schmaler Kasten am rechten Rand ist. Falls also eine
       Theme-Regel die static-Kette oben aushebelt, laeuft das Menue
       trotzdem nicht mehr aus dem Bild. */
    position: absolute !important;
    top: 100% !important;
    left: auto !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    box-sizing: border-box;
    margin: 0;
    padding: var(--sm-s2) var(--sm-s3) var(--sm-s3);
    background: var(--sm-surface);
    border: 0;
    border-top: 1px solid var(--sm-border);
    border-radius: 0 0 var(--sm-r-md) var(--sm-r-md);
    box-shadow: var(--sm-sh-lg);
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    z-index: 1001;
  }

  /* ---------------------------------------------------------------------
     WICHTIG — Aufbau laut DOM der Live-Seite:

       <button class="navbar-toggle" data-target=".t3-navbar-collapse">
       <div class="t3-navbar-collapse navbar-collapse collapse"></div>  <- LEER
       <div class="t3-navbar navbar-collapse collapse"> ...Menue... </div>

     Der Schalter oeffnet also den LEEREN Container. Das eigentliche Menue
     liegt daneben. Je nachdem, ob das T3-Skript nav-collapse.js die Liste
     umhaengt oder nicht, steckt das Menue mal hier, mal dort.

     Deshalb: standardmaessig alles zu; beim Oeffnen wird der Zielcontainer
     UND das danebenliegende Menue gezeigt. Ein Container ohne Eintraege
     bleibt unsichtbar und nimmt keinen Platz weg. So funktioniert es in
     beiden Faellen.
     --------------------------------------------------------------------- */
  #t3-mainnav .navbar-collapse,
  #t3-mainnav .t3-navbar { display: none !important; }

  #t3-mainnav .navbar-collapse.in,
  #t3-mainnav .navbar-collapse.show,
  #t3-mainnav .t3-navbar.in,
  #t3-mainnav .t3-navbar.show { display: block !important; }

  /* Geoeffneter Zielcontainer -> auch das Geschwister-Menue zeigen */
  #t3-mainnav .t3-navbar-collapse.in ~ .t3-navbar,
  #t3-mainnav .t3-navbar-collapse.show ~ .t3-navbar { display: block !important; }

  /* Container ohne Menuepunkte nimmt keinen Platz ein.
     Die Klasse .in muss mitgeschrieben werden, sonst gewinnt die Regel
     darueber ueber die hoehere Spezifitaet und der leere Kasten bliebe
     sichtbar (als weisser Streifen hinter dem Menue). */
  #t3-mainnav .navbar-collapse.in:not(:has(li)),
  #t3-mainnav .navbar-collapse.show:not(:has(li)),
  #t3-mainnav .navbar-collapse:not(:has(li)) {
    display: none !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: 0 !important;
  }

  #t3-mainnav .navbar-nav { margin: 0; display: block; }
  #t3-mainnav .navbar-nav > li { border-bottom: 1px solid var(--sm-border); white-space: normal; }
  #t3-mainnav .navbar-nav > li:last-child { border-bottom: 0; }
  #t3-mainnav .navbar-nav > li > a {
    padding: 14px 12px;
    border-radius: var(--sm-r-xs);
    border-left: 3px solid transparent;
  }
  #t3-mainnav .navbar-nav > li > a::after { display: none; }
  #t3-mainnav .navbar-nav > li > a:hover,
  #t3-mainnav .navbar-nav > li.active > a {
    border-left-color: var(--smarkt-orange);
    background: var(--smarkt-orange-xl);
  }
  #t3-mainnav .navbar-nav > li.nav-cta > a { margin: var(--sm-s2); text-align: center; justify-content: center; }
  #t3-mainnav .dropdown-menu {
    position: static;
    float: none;
    box-shadow: none;
    border: 0;
    background: var(--sm-surface-alt);
    border-radius: var(--sm-r-xs);
    margin: 0 0 var(--sm-s2);
  }

  .sm-hero { padding: var(--sm-s8) 0; margin-bottom: var(--sm-s7); }
  .sm-section { padding: var(--sm-s7) 0; }
  .sm-split { grid-template-columns: 1fr; gap: var(--sm-s5); }
  .sm-split--reverse .sm-split-media { order: 0; }
  .sm-cta-band { padding: var(--sm-s7) var(--sm-s5); border-radius: var(--sm-r-lg); }
}


/* --- Hamburger als reines CSS-Zeichen ----------------------------------------
   Vorher hing das Symbol an der Icon-Schrift (fa-bars). Faellt die aus oder
   wird sie spaeter entfernt, steht dort ein leeres Kaestchen. Die drei
   Balken werden jetzt direkt gezeichnet.

   WICHTIG: Der gesamte Block steht in einer Media-Query. Ohne sie hat die
   Regel "display: inline-flex" das Ausblenden von Bootstrap ueberschrieben —
   der Schalter erschien dann auch auf dem Desktop und lag ueber dem ersten
   Menuepunkt.
   ---------------------------------------------------------------------------- */

/* Ab Desktop: Schalter ist aus. */
@media (min-width: 992px) {
  #t3-header .navbar-toggle,
  #t3-mainnav .navbar-toggle,
  #t3-mainnav .navbar-header { display: none !important; }
}

@media (max-width: 991px) {
  #t3-header .navbar-toggle,
  #t3-mainnav .navbar-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 42px;
    padding: 0;
    margin: 0;
  }
  #t3-mainnav .navbar-toggle .fa-bars,
  #t3-mainnav .navbar-toggle .fa {
    font-size: 0 !important;
    position: relative;
    display: block;
    width: 22px;
    height: 16px;
    color: var(--smarkt-orange);
  }
  #t3-mainnav .navbar-toggle .fa-bars::before,
  #t3-mainnav .navbar-toggle .fa::before {
    content: "";
    position: absolute;
    left: 0; top: 0;
    width: 22px;
    height: 2.5px;
    border-radius: 2px;
    background: currentColor;
    box-shadow: 0 6.5px 0 currentColor, 0 13px 0 currentColor;
    transition: box-shadow .2s var(--sm-ease), transform .2s var(--sm-ease);
  }
  /* KEIN Kreuz — es bleibt immer beim klassischen Drei-Strich-Symbol.
     Hintergrund: T3 rendert den Schalter OHNE die Bootstrap-Klasse
     "collapsed". Die Regel :not(.collapsed) traf deshalb auch im
     geschlossenen Zustand zu und zeigte dauerhaft ein X. Statt die
     Zustandserkennung zu flicken, bleibt das Symbol schlicht konstant —
     das ist die vertrautere Darstellung und kann nicht mehr kippen. */

  /* Geoeffnet: nur der Rahmen faerbt sich, das Symbol bleibt */
  #t3-mainnav:has(.navbar-collapse.in) .navbar-toggle,
  #t3-mainnav:has(.navbar-collapse.show) .navbar-toggle,
  #t3-mainnav .navbar-toggle[aria-expanded="true"] {
    background-color: var(--smarkt-orange) !important;
    border-color: var(--smarkt-orange) !important;
  }
  #t3-mainnav:has(.navbar-collapse.in) .navbar-toggle .fa-bars,
  #t3-mainnav:has(.navbar-collapse.show) .navbar-toggle .fa-bars,
  #t3-mainnav .navbar-toggle[aria-expanded="true"] .fa-bars { color: #fff; }
}

/* --- Mobil --- */
@media (max-width: 767px) {
  body { font-size: 15.5px; }

  .wrap.topbar { font-size: .78rem; text-align: center; }
  .topbar-right, .topbar-right-inner { text-align: center; }
  .topbar-left, .topbar-middle, .topbar-right { float: none; width: 100%; }

  #t3-header .logo a { font-size: 1.15rem; }
  #t3-header .logo-img { max-height: 44px; }
  #t3-header .site-slogan { font-size: .64rem; letter-spacing: .1em; }

  .sm-hero { padding: var(--sm-s7) 0 var(--sm-s8); }
  .sm-hero .sm-lead { margin-bottom: var(--sm-s5); }
  .sm-hero-cta { flex-direction: column; align-items: stretch; }
  .sm-hero-cta .sm-btn { justify-content: center; }

  .sm-cards, .sm-steps, .sm-contact-grid { grid-template-columns: 1fr; gap: var(--sm-s4); }
  .sm-usp { grid-template-columns: 1fr 1fr; }
  .sm-usp-item { padding: var(--sm-s5) var(--sm-s3); }

  .sm-gallery { grid-template-columns: 1fr 1fr; gap: var(--sm-s3); }
  .sm-gallery--feature { grid-template-columns: 1fr 1fr; grid-auto-rows: auto; }
  .sm-gallery--feature .sm-g-item:first-child { grid-column: span 2; grid-row: span 1; }
  .sm-gallery--feature .sm-g-item { aspect-ratio: 4 / 3; height: auto; }
  .sm-g-item { border-radius: var(--sm-r-sm); }
  .sm-g-caption { font-size: .78rem; padding: var(--sm-s4) var(--sm-s3) var(--sm-s3); }

  .sm-lightbox { padding: var(--sm-s3); }
  .sm-lightbox img { max-width: 96vw; max-height: 76vh; }
  .sm-lb-close { top: 8px; right: 10px; width: 40px; height: 40px; font-size: 1.9rem; }

  .sm-cta-band { padding: var(--sm-s6) var(--sm-s4); }
  .sm-legal h2 { font-size: 1.1rem; }
  #t3-footer { padding-top: var(--sm-s7); }
  #t3-footer .t3-copyright { text-align: center; justify-content: center; }
}

@media (max-width: 420px) {
  .sm-gallery { grid-template-columns: 1fr; }
  .sm-gallery--feature .sm-g-item:first-child { grid-column: span 1; }
  .sm-usp { grid-template-columns: 1fr; }
}


/* ==========================================================================
   15  BEWEGUNGSREDUKTION / DRUCK / DARK MODE
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
  .sm-card:hover, .sm-g-item:hover, .sm-btn:hover, .sm-contact-card:hover { transform: none; }
}

@media print {
  .wrap.topbar, #t3-mainnav, #t3-footer, .sitebase, #back-to-top,
  .sm-hero::before, .sm-hero::after, .sm-lightbox, .scroll-progress-bar { display: none !important; }
  body { background: #fff; color: #000; font-size: 11pt; }
  .sm-hero, .sm-section--violet, .sm-cta-band { background: #fff !important; color: #000 !important; }
  .sm-hero h1, .sm-cta-band h2 { color: #000 !important; }
  a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 9pt; color: #555; }
  .sm-card, .sm-step, .sm-contact-card { box-shadow: none; border: 1px solid #ccc; break-inside: avoid; }
}

/* --- KEIN DARK MODE ---------------------------------------------------------
   Frueher stand hier ein @media (prefers-color-scheme: dark)-Block.
   Er wurde ENTFERNT: Auf Systemen mit dunkler Einstellung wurden dadurch
   Ueberschriften und FAQ-Fragen dunkelviolett auf dunklem Grund gesetzt und
   waren nicht mehr lesbar.

   Die Seite ist jetzt bewusst immer hell — genau so, wie sie entworfen wurde.
   Die folgende Zeile sagt dem Browser das ausdruecklich, damit er auch
   Formularfelder, Scrollbalken und Auswahllisten nicht selbst einfaerbt.
   -------------------------------------------------------------------------- */
:root { color-scheme: light; }
html, body { color-scheme: light; }

@media (prefers-color-scheme: dark) {
  :root { color-scheme: light; }
  /* Sicherheitsnetz gegen automatische Einfaerbung durch den Browser */
  html, body, #t3-header, #t3-mainbody, .t3-module, .moduletable,
  .sm-card, .sm-step, .sm-usp-item, .sm-contact-card,
  .sm-faq-item, .sm-legal-lead, .sm-table, .sm-legal-nav a {
    forced-color-adjust: none;
  }
}

/* ==========================================================================
   ENDE S'MARKT DESIGN LAYER v2
   ========================================================================== */

/* ==========================================================================
   16  SERVER-ANPASSUNGEN
   --------------------------------------------------------------------------
   Diese Regeln korrigieren Dinge, die erst auf dem echten Server auftreten:
   das T3-Plugin und der Style-Switcher schreiben CSS in den <head> bzw.
   laden Theme-Dateien NACH der custom.css. Deshalb hier gezielt !important.
   ========================================================================== */

/* --- 16.1  Seitenhintergrund ------------------------------------------------
   Der orange/gelbe Hintergrund kommt aus den Template-Einstellungen
   (Hintergrundtyp "Solid Color" bzw. ein Pattern) oder aus einem Theme unter
   css/themes/. Beides wird nach der custom.css geladen und gewinnt sonst.
   Sauberer Weg zusaetzlich: Template-Einstellungen auf #FAF8F5 stellen.
   -------------------------------------------------------------------------- */
html { background-color: var(--sm-bg) !important; }
body,
body.fullwidth,
body.bg-pattern,
.t3-wrapper { background-color: var(--sm-bg) !important; }
body.bg-pattern { background-image: none !important; }

/* Theme-Dateien faerben .container weiss — das zerschneidet die
   vollflaechigen Abschnitte. Container bleibt transparent. */
.container { background: transparent !important; }
#t3-mainbody.container { background: transparent !important; }

/* Musterbild hinter dem Header abschalten (kommt aus dem Inline-<style>) */
#t3-header { background-image: none !important; background-color: var(--sm-surface) !important; }

/* Theme-Textfarbe ueberschreiben */
body { color: var(--sm-text) !important; }


/* --- 16.2  Schriften --------------------------------------------------------
   Das T3-Inline-<style> setzt font-family fuer body/Headings mit !important.
   Hier ziehen wir die Marken-Schriften mit gleicher Gewichtung zurueck.
   Alternativ in den Template-Einstellungen "Google Fonts" auf
   Body = Nunito Sans, Heading = Poppins Bold stellen.
   -------------------------------------------------------------------------- */
body { font-family: var(--sm-font-body) !important; font-size: 1rem !important; }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: var(--sm-font-head) !important; text-transform: none !important; }
.sm-eyebrow, .sm-usp-label, .sm-card-note, .sm-badge, .sm-btn,
.btn, .btn-primary, .module-title, .module-title span,
#t3-mainnav .navbar-nav > li > a { font-family: var(--sm-font-bold) !important; }
.sm-eyebrow, .sm-usp-label, .sm-card-note, .sm-btn, .btn, .btn-primary,
.module-title, .module-title span,
#t3-mainnav .navbar-nav > li > a { text-transform: uppercase !important; }
#t3-mainnav .navbar-nav > li > a { font-size: .86rem !important; }


/* --- 16.3  Off-Canvas-Sidebar ABGESCHALTET ----------------------------------
   Der Schalter links oben oeffnete eine LEERE weisse Sidebar — auf der
   Off-Canvas-Position liegt kein Modul. Ein Knopf, der ins Nichts fuehrt,
   verwirrt mehr als er nuetzt, deshalb ist er hier ausgeblendet.

   Die normale Klapp-Navigation auf Handy und Tablet ist davon NICHT
   betroffen — die haengt am eigenen Schalter in der Kopfzeile.

   SAUBERER WEG zusaetzlich: Erweiterungen -> Templates -> Stile -> exeltis
   -> Add-ons -> Off-Canvas deaktivieren.

   SIE WOLLEN DIE SIDEBAR DOCH? Dann diesen Block loeschen und unter
   Inhalt -> Module ein Menue-Modul auf die Position "off-canvas" legen.
   -------------------------------------------------------------------------- */
.off-canvas-toggle,
#off-canvas-toggle,
.wrap.topbar .off-canvas-toggle,
.t3-off-canvas,
#t3-off-canvas,
.off-canvas-body,
.off-canvas-overlay { display: none !important; }

/* Der Body darf nicht mehr verschoben werden, falls die Klasse haengen bleibt */
body.off-canvas-open,
.t3-wrapper.off-canvas-open { transform: none !important; left: 0 !important; }

/* Topbar braucht links keinen Platz mehr fuer den Schalter */
.wrap.topbar { position: relative; z-index: 5; }


/* --- 16.3b  Inhaltsbreite auf grossen Bildschirmen ---------------------------
   Bootstrap 3 deckelt .container bei 1170px. Auf heutigen Bildschirmen wirkt
   der Text dadurch klein und verloren. Ab 1400px etwas mehr Breite.
   -------------------------------------------------------------------------- */
@media (min-width: 1400px) {
  .container,
  #t3-header .container.t3-header,
  #t3-mainbody.container { width: 1280px; max-width: 1280px; }
}


/* --- 16.4  Frontend-Bearbeiten (nur fuer eingeloggte Redakteure sichtbar) ---
   Die Icons "Bearbeiten" / "Veroeffentlichter Beitrag" ueberlagerten sich und
   legten sich halbtransparent ueber den Text. Hier sauber untereinander.
   -------------------------------------------------------------------------- */
.icons, .btn-group.pull-right.icons, .btn-group.pull-right {
  position: static !important;
  float: none !important;
  display: block !important;
  text-align: right;
  margin: 0 0 var(--sm-s3);
  line-height: 1.6;
}
.icons > *, .btn-group.pull-right > * { position: static !important; float: none !important; }
.icons .dropdown-menu { text-align: left; }
.icons a, .btn-group.pull-right a { display: inline-block; margin-left: var(--sm-s3); }
.content_rating, .article-info { clear: both; }
.system-unpublished, .system-noauth {
  background: var(--smarkt-orange-xl);
  border-left: 4px solid var(--smarkt-orange);
  border-radius: var(--sm-r-sm);
  padding: var(--sm-s4) var(--sm-s5);
  opacity: 1 !important;
}
.item-page .icons + .page-header { clear: both; }
.edit-icon, .icons .dropdown-toggle { opacity: 1 !important; }


/* --- 16.5  Alte Artikel-Inline-Styles neutralisieren -------------------------
   Die frueheren Startseiten-Vorlagen (v3/v4) hatten die Galerie mit
   style="display:grid; grid-template-columns:repeat(2,1fr)" fest verdrahtet.
   Solange diese Artikel noch drin sind, greift hier ein Notbehelf, damit sie
   wenigstens dem neuen Raster folgen. Nach dem Einsetzen der neuen Artikel
   ist dieser Block wirkungslos und kann bleiben.
   -------------------------------------------------------------------------- */
.sm-gallery[style] {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
  gap: var(--sm-s4) !important;
}
.sm-g-item[style] {
  border-radius: var(--sm-r-md) !important;
  box-shadow: var(--sm-sh-md) !important;
  aspect-ratio: 4 / 3;
}
.sm-g-item[style] img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.sm-g-caption[style] {
  background: none !important;
  padding: var(--sm-s5) var(--sm-s4) var(--sm-s4) !important;
  font-size: .9rem !important;
}

/* ==========================================================================
   ENDE ABSCHNITT 16
   ========================================================================== */


/* ==========================================================================
   16.6  SCHRIFTGROESSEN NAVIGATION + FOOTER
   --------------------------------------------------------------------------
   Nachjustierung nach dem Live-Abgleich: Menue und Footer waren zu klein
   gesetzt. Ausserdem war <strong> im Footer dunkelviolett auf violettem
   Grund und damit unsichtbar ("S'MARKT OG").
   ========================================================================== */

/* --- Hauptnavigation groesser -------------------------------------------- */
#t3-mainnav .navbar-nav > li > a,
#t3-mainnav .navbar-nav > li > .separator,
#t3-mainnav .navbar-nav > li > span {
  font-size: 1rem !important;
  letter-spacing: .03em !important;
  padding: 13px 15px !important;
}
#t3-mainnav .navbar-nav > li > a::after { left: 16px; right: 16px; }

/* Enge Desktops: erst hier verkleinern, damit alles in einer Zeile bleibt */
@media (min-width: 1200px) and (max-width: 1439px) {
  #t3-mainnav .navbar-nav > li > a { font-size: .94rem !important; padding: 13px 11px !important; }
  #t3-mainnav .navbar-nav > li > a::after { left: 12px; right: 12px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #t3-mainnav .navbar-nav > li > a { font-size: .86rem !important; padding: 12px 8px !important; }
  #t3-mainnav .navbar-nav > li > a::after { left: 9px; right: 9px; }
}
@media (max-width: 991px) {
  #t3-mainnav .navbar-nav > li > a { font-size: 1.05rem !important; padding: 14px 16px !important; }
}

/* Dropdowns mitziehen */
#t3-mainnav .dropdown-menu > li > a,
.t3-megamenu .dropdown-menu .mega-nav > li > a { font-size: 1rem !important; }

/* Logo-Zusatzzeile */
#t3-header .site-slogan { font-size: .84rem; letter-spacing: .15em; }


/* --- Footer groesser und kontrastreicher ---------------------------------- */

/* Spaltentitel */
#t3-footer h1, #t3-footer h2, #t3-footer h3, #t3-footer h4,
#t3-footer .module-title, #t3-footer .module-title span {
  font-size: .92rem !important;
  letter-spacing: .12em !important;
  margin-bottom: var(--sm-s5);
}

/* Fliesstext und Links */
#t3-footer, #t3-footer p, #t3-footer li, #t3-footer address {
  font-size: .95rem;
  line-height: 1.6;
  color: rgba(255,255,255,.82);
}
#t3-footer .nav > li > a,
#t3-footer ul > li > a { font-size: .95rem; color: rgba(255,255,255,.82); }
#t3-footer .nav > li > a:hover,
#t3-footer ul > li > a:hover { color: var(--smarkt-orange-lt); }
#t3-footer li { margin-bottom: 9px; }

/* WICHTIG: <strong> war dunkelviolett auf violettem Grund — unsichtbar */
#t3-footer strong, #t3-footer b,
.sitebase strong, .sitebase b { color: #fff !important; }

/* Adresse im Footer als Block, gleiche Groesse wie der Rest */
#t3-footer address { font-style: normal; margin-bottom: var(--sm-s4); }

/* Fusszeile */
#t3-footer .t3-copyright,
#t3-footer .t3-copyright p { font-size: .88rem; }
.sitebase, .sitebase p { font-size: .85rem; }


/* --- Social-Icons im Footer ------------------------------------------------ */
#t3-footer .moduletable img,
#t3-footer .sm-social img { max-height: 42px; width: auto; }
#t3-footer a > img,
#t3-footer .sm-social a {
  border-radius: var(--sm-r-sm);
  overflow: hidden;
  transition: transform .2s var(--sm-ease), opacity .2s var(--sm-ease);
}
#t3-footer a:hover > img,
#t3-footer .sm-social a:hover { transform: translateY(-3px); opacity: .88; }

/* Eigene Social-Leiste (falls Sie die Icons als Text-Links setzen wollen) */
.sm-social { display: flex; gap: var(--sm-s3); list-style: none; padding: 0; margin: var(--sm-s5) 0 0; }
.sm-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px; height: 42px;
  border-radius: var(--sm-r-sm);
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff !important;
}
.sm-social a:hover { background: var(--smarkt-orange); border-color: var(--smarkt-orange); }

@media (max-width: 767px) {
  #t3-footer, #t3-footer p, #t3-footer li,
  #t3-footer .nav > li > a, #t3-footer ul > li > a { font-size: .95rem; }
  #t3-footer .moduletable { margin-bottom: var(--sm-s6); }
}

/* ==========================================================================
   ENDE ABSCHNITT 16.6
   ========================================================================== */


/* ==========================================================================
   16.7  TOPBAR-AUFTEILUNG
   --------------------------------------------------------------------------
   Die Kontaktdaten standen mittig und liessen die rechte Haelfte der Topbar
   leer. Jetzt: Chips links, Kontakt recht aussen — unabhaengig davon, ob das
   Modul auf "topbar-middle" oder "topbar-right" liegt.
   ========================================================================== */

.wrap.topbar .row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.wrap.topbar .topbar-left {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.wrap.topbar .topbar-middle {
  flex: 1 1 auto;
  width: auto;
  max-width: none;
  text-align: right;
}
.wrap.topbar .topbar-right {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  text-align: right;
  padding-left: var(--sm-s4);
}
.wrap.topbar .topbar-left-inner { text-align: left; }
.wrap.topbar .topbar-middle-inner,
.wrap.topbar .topbar-right-inner { text-align: right; }

/* Kontaktzeile einzeilig halten */
.wrap.topbar .topbar-middle-inner,
.wrap.topbar .topbar-right-inner { white-space: nowrap; }
.wrap.topbar .topbar-middle-inner br,
.wrap.topbar .topbar-right-inner br { display: none; }

/* Chips etwas luftiger */
.wrap.topbar .sm-chip { padding: 3px 12px; margin-right: 6px; }

/* Modul-Bearbeiten-Knopf (nur fuer eingeloggte Redakteure) */
.wrap.topbar .btn, .wrap.topbar .btn-mini {
  padding: 2px 8px !important;
  font-size: .7rem !important;
  border-radius: var(--sm-r-xs) !important;
  background: rgba(255,255,255,.16) !important;
  border-color: rgba(255,255,255,.25) !important;
  color: #fff !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  .wrap.topbar .row { flex-direction: column; gap: 4px; }
  .wrap.topbar .topbar-left,
  .wrap.topbar .topbar-middle,
  .wrap.topbar .topbar-right { width: 100%; text-align: center; padding-left: 0; }
  .wrap.topbar .topbar-left-inner,
  .wrap.topbar .topbar-middle-inner,
  .wrap.topbar .topbar-right-inner { text-align: center; white-space: normal; }
  .wrap.topbar .sm-chip { margin: 2px 3px; }
}

/* ==========================================================================
   ENDE ABSCHNITT 16.7
   ========================================================================== */


/* ==========================================================================
   16.8  FOOTER-FEINSCHLIFF
   --------------------------------------------------------------------------
   Abgleich mit der Live-Seite: zwischen Spaltentitel und oranger Linie klaffte
   eine grosse Luecke, oberhalb der Spalten stand viel Leerraum, und unter der
   Copyright-Zeile hingen leere Farbbaender (Modulpositionen ohne Inhalt).
   ========================================================================== */

/* Weniger Luft oben, gleichmaessige Spalten */
#t3-footer { padding-top: var(--sm-s7); padding-bottom: var(--sm-s4); }
#t3-footer .moduletable,
#t3-footer .t3-module { margin-bottom: var(--sm-s5); padding: 0; }

/* Titel und orange Linie enger zusammen */
#t3-footer .module-title,
#t3-footer h3,
#t3-footer h4 { margin-bottom: var(--sm-s3) !important; line-height: 1.3; }
#t3-footer .module-title::after,
#t3-footer h3::after { margin-top: 7px; margin-bottom: var(--sm-s3); }
/* Doppelte Linie verhindern, falls Titel h3 UND .module-title ist */
#t3-footer h3.module-title::after { content: ""; }
#t3-footer .module-title span::after { display: none; }

/* Erste Spalte: Textbloecke enger */
#t3-footer p { margin-bottom: var(--sm-s3); }
#t3-footer p + p { margin-top: 0; }

/* Leere Module und leere Farbbaender ausblenden ---------------------------- */
#t3-footer .moduletable:empty,
#t3-footer .t3-module:empty,
#t3-footer .custom:empty,
#t3-footer .moduletable > div:empty,
#t3-footer ul:empty,
#t3-footer li:empty { display: none !important; }

.sitebase:empty,
.wrap.bottomline:empty,
.wrap.bottomspot:empty,
.wrap.bottomspot-2:empty,
.wrap.bottomspot-3:empty,
.wrap.spotlight-1:empty,
.wrap.spotlight-2:empty,
.wrap.navhelper:empty,
.t3-footer-overlay { display: none !important; }

/* Copyright-Zeile */
#t3-footer .t3-copyright {
  margin-top: var(--sm-s6);
  padding-top: var(--sm-s4);
  padding-bottom: 0;
}
#t3-footer .t3-copyright > div:empty { display: none; }
.sitebase { padding: 14px 0; }

/* Social-Icons einheitlich gross */
#t3-footer a > img,
#t3-footer .moduletable img {
  height: 38px;
  width: auto;
  max-height: none;
  border-radius: var(--sm-r-xs);
}
#t3-footer .moduletable a { display: inline-block; margin-right: var(--sm-s2); }

/* ==========================================================================
   ENDE ABSCHNITT 16.8
   ========================================================================== */


/* ==========================================================================
   16.9  BUENDIGER ANSCHLUSS DER VOLLBREITEN ABSCHNITTE
   --------------------------------------------------------------------------
   Zwei Ursachen fuer die Luecke zwischen Kopfzeile und Hero:

   1) #t3-mainbody.container hatte oben und unten 48px Innenabstand. Der
      liegt AUSSERHALB der Bleed-Abschnitte und laesst sich mit negativen
      Rand-Werten nur unzuverlaessig ausgleichen.
   2) Die Frontend-Bearbeiten-Symbole ("Bearbeiten" / "Veroeffentlichter
      Beitrag") stehen als eigener Block VOR dem Hero und schieben ihn nach
      unten. Der Hero ist dadurch nicht mehr :first-child — die frueher
      gesetzte negative Randregel griff gar nicht.

   Loesung: Container ohne Innenabstand, Abstand kommt aus den Bausteinen
   selbst; die Bearbeiten-Symbole schweben oben rechts, statt Platz zu
   verbrauchen.
   ========================================================================== */

#t3-mainbody.container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Frueher gesetzte Negativ-Raender neutralisieren — sonst rutscht der Hero
   jetzt unter die Kopfzeile. */
#t3-content .sm-hero:first-child,
#t3-content .item-page > .sm-hero:first-child,
#t3-content .item-page > div:first-child > .sm-hero:first-child { margin-top: 0 !important; }

/* Seiten OHNE Hero brauchen den Abstand weiterhin */
#t3-content > .item-page > .page-header:first-child,
#t3-content > .item-page > .sm-legal:first-child,
#t3-content > .item-page > h1:first-child,
#t3-content > .item-page > h2:first-child,
#t3-content .sm-legal { padding-top: var(--sm-s7); }
#t3-content > .blog,
#t3-content > .item-page-blog,
#t3-content > .contact { padding-top: var(--sm-s7); padding-bottom: var(--sm-s7); }
#t3-content > .item-page > .sm-legal:last-child { padding-bottom: var(--sm-s7); }

/* Letzter Abschnitt zum Footer hin */
#t3-footer { margin-top: var(--sm-s6); }

/* --- Bearbeiten-Symbole schweben, statt zu schieben ----------------------- */
#t3-content { position: relative; }
#t3-content .icons,
#t3-content .btn-group.pull-right,
#t3-content .item-page > .icons,
#t3-content .item-page > .btn-group.pull-right {
  position: absolute !important;
  top: 12px;
  right: 16px;
  z-index: 30;
  width: auto !important;
  margin: 0 !important;
  padding: 4px 14px !important;
  background: rgba(255,255,255,.94);
  border: 1px solid var(--sm-border);
  border-radius: var(--sm-r-pill);
  box-shadow: var(--sm-sh-sm);
  font-size: .8rem;
  line-height: 1.5;
  text-align: right;
}
#t3-content .icons a,
#t3-content .btn-group.pull-right a { color: var(--smarkt-violet) !important; margin-left: var(--sm-s2); }
#t3-content .icons a:hover { color: var(--smarkt-orange) !important; }
#t3-content .icons .dropdown-menu { position: absolute; text-align: left; }

@media (max-width: 767px) {
  #t3-content .icons,
  #t3-content .btn-group.pull-right { top: 6px; right: 8px; font-size: .74rem; }
}

/* ==========================================================================
   ENDE ABSCHNITT 16.9
   ========================================================================== */


/* ==========================================================================
   16.10  FOOTER — ABSTAENDE HART ZURUECKSETZEN
   --------------------------------------------------------------------------
   Abgleich mit der Live-Seite: zwischen Spaltentitel und oranger Linie und
   oberhalb der Spalten stand deutlich mehr Luft als in der Vorschau. Die
   Ursache liegt in der Theme-Basis (h3.module-title mit overflow:hidden und
   eigener Zeilenhoehe, .t3-footnav-Wrapper, .module-ct) — deshalb hier
   explizite Werte statt Feinjustierung.
   ========================================================================== */

#t3-footer {
  padding-top: 44px !important;
  padding-bottom: 10px !important;
}

/* Alle Zwischen-Container ohne eigene Abstaende */
#t3-footer .t3-footnav,
#t3-footer .t3-spotlight,
#t3-footer .t3-footnav.row,
#t3-footer .module-ct,
#t3-footer .custom,
#t3-footer .t3-module .module-ct {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Module gleichmaessig */
#t3-footer .t3-module,
#t3-footer .moduletable {
  margin: 0 0 26px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Spaltentitel eng an der Linie */
#t3-footer h3.module-title,
#t3-footer .module-title,
#t3-footer .t3-footnav .t3-module h3.module-title {
  margin: 0 0 4px !important;
  padding: 0 !important;
  line-height: 1.3 !important;
  overflow: visible !important;
  background: none !important;
}
#t3-footer h3.module-title span,
#t3-footer .module-title span {
  line-height: 1.3 !important;
  padding: 0 !important;
  margin: 0 !important;
}
#t3-footer .module-title::after,
#t3-footer h3.module-title::after,
#t3-footer h3::after {
  content: "";
  display: block;
  width: 34px;
  height: 3px;
  border-radius: 2px;
  background: var(--smarkt-orange);
  margin: 8px 0 16px !important;
  position: static !important;
}
/* Zweite Linie aus der Theme-Basis unterdruecken */
#t3-footer h3.module-title span::after { display: none !important; }

/* Listen und Absaetze */
#t3-footer .t3-footnav .t3-module ul li,
#t3-footer ul li { margin: 0 0 9px !important; }
#t3-footer p { margin: 0 0 10px !important; }
#t3-footer p:last-child { margin-bottom: 0 !important; }
#t3-footer ul.footerlogo_social_icon { margin-top: 14px !important; }

/* Copyright-Zeile */
#t3-footer .t3-copyright {
  margin-top: 30px !important;
  padding: 16px 0 0 !important;
}


/* --- Leere Farbbaender am Seitenende -----------------------------------------
   ":empty" greift auf dem Server NICHT, weil Joomla Zeilenumbrueche in die
   leeren Container schreibt und diese als Inhalt zaehlen. Deshalb hier ueber
   :has() — ein Band ohne Modul darin bekommt keine Flaeche mehr.
   -------------------------------------------------------------------------- */
.wrap.bottomline:not(:has(.moduletable, .t3-module, .custom)),
.wrap.bottomspot:not(:has(.moduletable, .t3-module, .custom)),
.wrap.bottomspot-2:not(:has(.moduletable, .t3-module, .custom)),
.wrap.bottomspot-3:not(:has(.moduletable, .t3-module, .custom)),
.wrap.spotlight-1:not(:has(.moduletable, .t3-module, .custom)),
.wrap.spotlight-2:not(:has(.moduletable, .t3-module, .custom)),
.wrap.upperspot:not(:has(.moduletable, .t3-module, .custom)),
.wrap.middlespot:not(:has(.moduletable, .t3-module, .custom)),
.sitebase:not(:has(.moduletable, .t3-module, .custom, p, a, span)) {
  display: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  background: none !important;
}

/* Sicherheitsnetz fuer Browser ohne :has() — Flaeche wenigstens neutralisieren */
.wrap.bottomline, .wrap.bottomspot, .wrap.bottomspot-2, .wrap.bottomspot-3 {
  background-color: transparent;
}

/* Nach dem Footer darf nichts mehr farbig nachhaengen */
#t3-footer ~ .wrap:not(.sitebase) { background: none !important; }
.t3-wrapper > div:last-child:not(.sitebase):not(#t3-footer):empty { display: none !important; }


/* --- Social-Icons ---------------------------------------------------------- */
#t3-footer .social-icons i,
#t3-footer .footerlogo_social_icon .fa {
  width: 40px !important;
  height: 40px !important;
  line-height: 40px !important;
  font-size: 19px !important;
  border-radius: var(--sm-r-sm) !important;
  margin-right: 8px !important;
  padding: 0 !important;
}
#t3-footer a > img,
#t3-footer .moduletable img { height: 40px; width: auto; border-radius: var(--sm-r-sm); }

/* ==========================================================================
   ENDE ABSCHNITT 16.10
   ========================================================================== */


/* ==========================================================================
   16.11  COPYRIGHT-ZEILE OHNE EIGENE FLAECHE
   --------------------------------------------------------------------------
   Die Zeile "© 2026 S'MARKT OG" sass in einem eigenen dunklen Balken
   (.sitebase) und wirkte dadurch wie ein abgetrennter Streifen unter dem
   Footer. Der dunkle Kasten entfaellt — die Zeile liegt jetzt auf derselben
   violetten Flaeche wie der Footer.

   HINWEIS: Ganz ohne Hintergrund geht nicht — .sitebase steht im Markup
   AUSSERHALB von #t3-footer, dort waere der Seitenhintergrund hell und die
   weisse Schrift unsichtbar. Deshalb bekommt der Bereich denselben
   Farbverlauf wie der Footer und schliesst nahtlos an.
   ========================================================================== */

.sitebase {
  background: var(--sm-grad-deep) !important;
  background-attachment: fixed !important;   /* setzt den Verlauf des Footers fort */
  border: 0 !important;
  margin: 0 !important;
  padding: 0 0 18px !important;
  text-align: center !important;
}
/* Gleiche seitliche Einrueckung wie die Footer-Spalten.
   Die Theme-Basis setzt fuer .t3-footnav und .t3-copyright im Fullwidth-
   Layout 100px — .sitebase steht dort nicht drin und klebte deshalb am
   linken Fensterrand. */
body.fullwidth .sitebase { padding-left: 100px !important; padding-right: 100px !important; }
body.boxed .sitebase { padding-left: 15px !important; padding-right: 15px !important; }
.sitebase .container { padding-left: 0; padding-right: 0; max-width: none; width: auto; }
@media (max-width: 991px) {
  body.fullwidth .sitebase,
  body.fullwidth .t3-copyright,
  body.fullwidth .t3-footnav { padding-left: 20px !important; padding-right: 20px !important; }
}
.sitebase, .sitebase p, .sitebase a { color: rgba(255,255,255,.62) !important; }
.sitebase a:hover { color: var(--smarkt-orange-lt) !important; }
.sitebase .moduletable, .sitebase .t3-module { background: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; }

/* Footer laeuft ohne Kante in die Zeile ueber */
#t3-footer {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  background-attachment: fixed !important;
}
#t3-footer .t3-copyright {
  background: none !important;
  border-top: 1px solid rgba(255,255,255,.12) !important;
  margin-top: 30px !important;
  padding: 16px 0 18px !important;
  text-align: center !important;
  justify-content: center;
}

/* Falls die Copyright-Zeile in einem eigenen Wrapper steckt */
.wrap.sitebase, .sitebase-inner { background: none !important; }

/* --- Copyright zentriert -----------------------------------------------------
   Die Zeile steckt je nach Setup in .sitebase oder in .t3-copyright, dort
   zusaetzlich in einer Bootstrap-Spalte mit float. Beides wird hier zentriert.
   -------------------------------------------------------------------------- */
.sitebase p,
.sitebase div,
.sitebase .moduletable,
.sitebase .custom,
#t3-footer .t3-copyright p,
#t3-footer .t3-copyright div,
#t3-footer .t3-copyright .moduletable,
#t3-footer .t3-copyright .custom { text-align: center !important; }

#t3-footer .t3-copyright > div,
#t3-footer .t3-copyright .copyright,
#t3-footer .t3-copyright .footerbase-2 {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* Aufzaehlungen in der Copyright-Zeile (z. B. ein kleines Menue) mittig */
#t3-footer .t3-copyright ul,
.sitebase ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px 22px;
  padding: 0 !important;
  margin: 6px 0 0 !important;
  list-style: none;
}
#t3-footer .t3-copyright ul li,
.sitebase ul li { float: none !important; display: inline-block !important; margin: 0 !important; }
#t3-footer .t3-copyright ul li a,
.sitebase ul li a { padding: 0 !important; }

/* --- Praezisierung nach Blick in den echten DOM ------------------------------
   Die Zeile steckt so verschachtelt:
     section.t3-copyright  (bei uns display:flex)
       > div.col-xs-12.col-sm-6.col-md-12.copyright
           > div.mod-custom.custom.jmoddiv.jmodinside
   Bootstrap haengt an .t3-copyright ausserdem ::before/::after als Clearfix.
   In einem Flex-Container werden daraus eigene Flex-Elemente, die die
   Zentrierung verschieben und zusaetzliche Hoehe erzeugen.
   -------------------------------------------------------------------------- */
#t3-footer .t3-copyright::before,
#t3-footer .t3-copyright::after { display: none !important; content: none !important; }

#t3-footer .t3-copyright > .copyright,
#t3-footer .t3-copyright > [class*="col-"] {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
}
#t3-footer .t3-copyright .mod-custom,
#t3-footer .t3-copyright .jmoddiv,
#t3-footer .t3-copyright .jmodinside,
.sitebase .mod-custom,
.sitebase .jmoddiv,
.sitebase .jmodinside {
  text-align: center !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ==========================================================================
   ENDE ABSCHNITT 16.11
   ========================================================================== */


/* ==========================================================================
   16.12  LOGO-GROESSE
   --------------------------------------------------------------------------
   Eine Stellschraube, wie bei der Schriftgroesse: --sm-logo-h aendern,
   alles andere passt sich an (Kopfzeile, verkleinerte Fassung beim
   Scrollen, Handy).
   ========================================================================== */

:root { --sm-logo-h: 78px; }

#t3-header .logo-img,
#t3-header .logo-image img,
#t3-header .logo a img {
  max-height: var(--sm-logo-h) !important;
  height: auto !important;
  width: auto !important;
  display: block;
}

/* Beim Scrollen etwas kleiner, damit die Kopfzeile schlank bleibt */
#t3-header.affix .logo-img,
#t3-header.affix .logo-image img,
#t3-header.affix .logo a img { max-height: calc(var(--sm-logo-h) * .72) !important; }

/* Etwas mehr Luft um das groessere Logo */
#t3-header .container.t3-header { padding-top: 16px; padding-bottom: 16px; }
#t3-header.affix .container.t3-header { padding-top: 8px; padding-bottom: 8px; }
#t3-header .logo a { gap: 12px; }
#t3-header .site-slogan { margin-top: 6px; }

/* Text-Logo (falls kein Bild hinterlegt ist) mitwachsen lassen */
#t3-header .logo-text a,
#t3-header .logo a > span { font-size: calc(var(--sm-logo-h) * .34); }

@media (max-width: 991px) {
  :root { --sm-logo-h: 58px; }
  #t3-header .container.t3-header { padding-top: 10px; padding-bottom: 10px; }
}
@media (max-width: 767px) {
  :root { --sm-logo-h: 50px; }
  #t3-header .site-slogan { margin-top: 3px; }
}

/* ==========================================================================
   ENDE ABSCHNITT 16.12
   ========================================================================== */


/* ==========================================================================
   16.13  TOPBAR MIT ZWEI STANDORTEN
   --------------------------------------------------------------------------
   Mit Wattens kommt ein dritter Chip dazu. Damit die Zeile auf schmaleren
   Bildschirmen nicht umbricht, verschwinden zuerst die Strassenangaben
   (.sm-chip-detail), dann die Kontaktdaten rechts — der Kern "24/7,
   Schwaz, Wattens" bleibt am laengsten stehen.
   ========================================================================== */

.wrap.topbar .sm-chip { white-space: nowrap; }
.sm-chip-detail { display: inline; }

/* Ab hier reicht der Platz nicht mehr fuer die Strassen */
@media (max-width: 1279px) {
  .sm-chip-detail { display: none; }
  .wrap.topbar .sm-chip { padding: 3px 11px; margin-right: 5px; }
}

/* Enger: Kontaktzeile rechts darf umbrechen statt zu ueberlaufen */
@media (max-width: 991px) {
  .wrap.topbar { font-size: .84rem; }
  .wrap.topbar .topbar-middle-inner,
  .wrap.topbar .topbar-right-inner { white-space: normal; }
}

/* Handy: alles zentriert untereinander, Strassen wieder sichtbar,
   weil dort ohnehin umgebrochen wird */
@media (max-width: 767px) {
  .sm-chip-detail { display: inline; }
  .wrap.topbar .sm-chip { display: inline-flex; margin: 2px 3px; }
  .wrap.topbar .topbar-left-inner { line-height: 2.1; }
}

/* ==========================================================================
   ENDE ABSCHNITT 16.13
   ========================================================================== */


/* ==========================================================================
   16.14  KONTAKTZEILE IN DER TOPBAR RECHTSBUENDIG
   --------------------------------------------------------------------------
   Die Spalte mit Telefon, WhatsApp und E-Mail waechst nicht mit, deshalb
   endete der Text mitten in der Zeile und rechts blieb Leerraum. Statt auf
   das Wachsen der Spalte zu setzen, wird das letzte Element schlicht nach
   rechts geschoben — das greift unabhaengig davon, welche der drei
   Topbar-Positionen tatsaechlich belegt sind.
   ========================================================================== */

/* Spalten-Innenabstaende und negative Zeilenraender aufheben, sonst bleibt
   rechts eine Luecke von rund 45px zwischen Text und Containerkante. */
.wrap.topbar .row { margin-left: 0 !important; margin-right: 0 !important; }
.wrap.topbar .row > [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; }

@media (min-width: 768px) {
  .wrap.topbar .row > *:last-child { margin-left: auto !important; }
  .wrap.topbar .topbar-middle,
  .wrap.topbar .topbar-right {
    flex: 0 1 auto !important;
    text-align: right !important;
  }
  .wrap.topbar .topbar-middle-inner,
  .wrap.topbar .topbar-right-inner {
    text-align: right !important;
    display: inline-block;
  }
  /* Chips bleiben links und wachsen nicht mit */
  .wrap.topbar .topbar-left { flex: 0 0 auto !important; }
}

/* ==========================================================================
   ENDE ABSCHNITT 16.14
   ========================================================================== */


/* ==========================================================================
   16.15  KONTAKT RECHTS — AUCH INNERHALB EINES EINZIGEN MODULS
   --------------------------------------------------------------------------
   Die Regel aus 16.14 schiebt die LETZTE SPALTE nach rechts. Stehen Chips
   und Kontaktdaten aber im selben Modul, gibt es nur eine Spalte und nichts
   zu schieben — der Text klebte hinter dem letzten Chip.

   Deshalb wird der Modulinhalt selbst zur Flex-Zeile und der Kontaktteil
   (.sm-topbar-kontakt) per margin-left:auto nach rechts gesetzt. Das greift
   in beiden Faellen: ein Modul oder zwei.
   ========================================================================== */

.wrap.topbar .topbar-left-inner,
.wrap.topbar .topbar-middle-inner,
.wrap.topbar .topbar-right-inner,
.wrap.topbar .custom,
.wrap.topbar .mod-custom {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 6px;
  width: 100%;
}

@media (min-width: 768px) {
  .sm-topbar-kontakt {
    margin-left: auto !important;
    white-space: nowrap;
    padding-left: var(--sm-s4);
  }
  /* Wenn das Modul in der linken Spalte sitzt, muss diese die Breite haben */
  .wrap.topbar .topbar-left:only-child,
  .wrap.topbar .row > .topbar-left:first-child:last-child { flex: 1 1 100% !important; width: 100% !important; }
}

@media (max-width: 767px) {
  .wrap.topbar .topbar-left-inner,
  .wrap.topbar .topbar-middle-inner,
  .wrap.topbar .topbar-right-inner,
  .wrap.topbar .custom,
  .wrap.topbar .mod-custom { justify-content: center; gap: 4px 8px; }
  .sm-topbar-kontakt { flex: 1 1 100%; text-align: center; padding-left: 0; white-space: normal; }
}


/* ==========================================================================
   16.15b  KONTAKT WIRKLICH GANZ RECHTS (Breitenkette erzwingen)
   --------------------------------------------------------------------------
   margin-left:auto wirkt nur, wenn die Flex-Zeile auch tatsaechlich die
   volle Breite hat. Zwischen Spalte und Modulinhalt sitzen bei T3 aber
   .t3-module / .moduletable / .module-inner — die waren nicht auf 100%.
   Deshalb wird hier die komplette Kette auf volle Breite gezwungen.
   ========================================================================== */

@media (min-width: 768px) {

  .wrap.topbar .row { display: flex !important; align-items: center; flex-wrap: nowrap; }

  /* Die linke Spalte traegt col-lg-6 und war damit nur halb so breit.
     flex:1 1 auto laesst sie den freien Platz fuellen — und funktioniert
     auch dann noch, wenn rechts spaeter ein zweites Modul dazukommt. */
  .wrap.topbar .row > .topbar-left,
  .wrap.topbar .row > .topbar-middle {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    float: none !important;
  }

  /* Fall B — ZWEI Module: die rechte Spalte wandert nach rechts */
  .wrap.topbar .row > .topbar-right {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    float: none !important;
    margin-left: auto !important;
    text-align: right;
  }

  /* Leere Hilfs-DIVs (u.a. style="clear:both") stoeren die Flex-Zeile */
  .wrap.topbar .row > div[style*="clear"] { display: none !important; }
  .wrap.topbar .row > div:empty { display: none !important; }

  /* Wrapper zwischen Spalte und Inhalt auf volle Breite */
  .wrap.topbar .t3-module,
  .wrap.topbar .moduletable,
  .wrap.topbar .module-inner,
  .wrap.topbar .module-ct { width: 100% !important; flex: 1 1 100% !important; }

  /* Und jetzt greift margin-left:auto zuverlaessig */
  .wrap.topbar .sm-topbar-kontakt {
    margin-left: auto !important;
    text-align: right;
    padding-left: var(--sm-s4);
    white-space: nowrap;
  }
}


/* ==========================================================================
   16.16  SLOGAN KLEINER
   --------------------------------------------------------------------------
   "IHR SMARTER MARKT" stand fast so gross wie die Menuepunkte und zog Blicke
   auf sich, die dem Logo gehoeren. Deutlich zurueckgenommen.
   ========================================================================== */

#t3-header .site-slogan {
  font-size: .68rem !important;
  letter-spacing: .2em !important;
  font-weight: 700;
  color: var(--sm-text-mute);
  margin-top: 4px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  #t3-header .site-slogan { font-size: .6rem !important; letter-spacing: .16em !important; }
}

/* ==========================================================================
   ENDE ABSCHNITT 16.16
   ========================================================================== */

/* ==========================================================================
   17  FAQ-AKKORDEON  +  ERGAENZENDE BAUSTEINE
   --------------------------------------------------------------------------
   Nutzt <details>/<summary> — kein JavaScript noetig, tastaturbedienbar,
   von Suchmaschinen lesbar (der Text steht im HTML, auch wenn zugeklappt).
   ========================================================================== */

.sm-faq { max-width: 860px; margin: 0 auto; }
.sm-faq--wide { max-width: none; }

.sm-faq-item {
  background: var(--sm-surface);
  border: 1px solid var(--sm-border);
  border-radius: var(--sm-r-md);
  box-shadow: var(--sm-sh-xs);
  margin-bottom: var(--sm-s3);
  overflow: hidden;
  transition: box-shadow var(--sm-dur) var(--sm-ease), border-color var(--sm-dur) var(--sm-ease);
}
.sm-faq-item[open] {
  border-color: var(--smarkt-orange-lt);
  box-shadow: var(--sm-sh-md);
}

.sm-faq-item > summary {
  position: relative;
  list-style: none;
  cursor: pointer;
  padding: var(--sm-s4) 56px var(--sm-s4) var(--sm-s5);
  font-family: var(--sm-font-head);
  font-size: 1.08rem;
  font-weight: 700;
  color: var(--smarkt-violet);
  line-height: 1.45;
  transition: color .18s var(--sm-ease), background-color .18s var(--sm-ease);
}
.sm-faq-item > summary::-webkit-details-marker { display: none; }
.sm-faq-item > summary::marker { content: ""; }
.sm-faq-item > summary:hover { color: var(--smarkt-orange); background: var(--smarkt-orange-xl); }
.sm-faq-item[open] > summary { color: var(--smarkt-orange); }

/* Plus/Minus-Zeichen rechts */
.sm-faq-item > summary::after {
  content: "";
  position: absolute;
  top: 50%; right: var(--sm-s5);
  width: 26px; height: 26px;
  margin-top: -13px;
  border-radius: 50%;
  background: var(--smarkt-orange-xl);
  transition: background-color .18s var(--sm-ease), transform .25s var(--sm-ease);
}
.sm-faq-item > summary::before {
  content: "";
  position: absolute;
  top: 50%; right: calc(var(--sm-s5) + 6px);
  width: 14px; height: 14px;
  margin-top: -7px;
  z-index: 1;
  background-color: var(--smarkt-orange);
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center;  mask-position: center;
  -webkit-mask-size: contain;     mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
  transition: transform .25s var(--sm-ease);
}
.sm-faq-item[open] > summary::before { transform: rotate(135deg); }
.sm-faq-item[open] > summary::after { background: var(--smarkt-orange); }
.sm-faq-item[open] > summary::before { background-color: #fff; }

.sm-faq-answer {
  padding: 0 var(--sm-s5) var(--sm-s5);
  color: var(--sm-text-soft);
  font-size: 1.01rem;
  border-top: 1px solid var(--sm-border);
  padding-top: var(--sm-s4);
  margin-top: 0;
}
.sm-faq-answer p:last-child { margin-bottom: 0; }
.sm-faq-answer strong { color: var(--smarkt-violet); }
.sm-faq-answer a { text-decoration: underline; text-underline-offset: 2px; }

/* Gruppen-Zwischenueberschrift in langen FAQ-Listen */
.sm-faq-group {
  margin: var(--sm-s7) 0 var(--sm-s4);
  font-family: var(--sm-font-bold);
  font-size: .84rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--sm-text-mute);
}
.sm-faq-group:first-child { margin-top: 0; }

@media (max-width: 767px) {
  .sm-faq-item > summary { font-size: .95rem; padding: var(--sm-s4) 48px var(--sm-s4) var(--sm-s4); }
  .sm-faq-item > summary::after { right: var(--sm-s4); }
  .sm-faq-item > summary::before { right: calc(var(--sm-s4) + 6px); }
  .sm-faq-answer { padding-left: var(--sm-s4); padding-right: var(--sm-s4); }
}

/* --- Fallback: falls der Editor <details> entfernt und nur <div> bleibt --- */
.sm-faq-item:not([open]):not(details) .sm-faq-answer { display: block; }


/* --- Merkmal-Liste mit Icon (fuer Produktseiten) --------------------------- */
.sm-feature-list { list-style: none; padding: 0; margin: var(--sm-s5) 0 0; display: grid; gap: var(--sm-s4); }
.sm-feature {
  display: flex;
  gap: var(--sm-s4);
  align-items: flex-start;
}
.sm-feature .sm-ico { width: 44px; height: 44px; border-radius: var(--sm-r-sm); }
.sm-feature .sm-ico::before { width: 21px; height: 21px; }
.sm-feature h3 { font-size: 1.08rem; margin-bottom: 4px; }
.sm-feature p { color: var(--sm-text-soft); font-size: 1rem; margin-bottom: 0; }
.sm-section--violet .sm-feature p { color: var(--sm-on-dark-mute); }

/* ==========================================================================
   ENDE ABSCHNITT 17
   ========================================================================== */

/* ==========================================================================
   19  STANDORT-BLOECKE + PARTNER-HINWEIS
   --------------------------------------------------------------------------
   Bausteine fuer die Standorte-Seite (Schwaz, Wattens, spaeter weitere) und
   fuer den Hinweiskasten "Betrieben von unserem Partner myflexbox".
   ========================================================================== */

/* --- Ein Standort ---------------------------------------------------------- */
.sm-location {
  background: var(--sm-surface);
  border: 1px solid var(--sm-border);
  border-radius: var(--sm-r-xl);
  box-shadow: var(--sm-sh-sm);
  overflow: hidden;
  margin-bottom: var(--sm-s7);
}
.sm-location:last-child { margin-bottom: 0; }

.sm-location-head {
  display: flex;
  align-items: center;
  gap: var(--sm-s4);
  flex-wrap: wrap;
  padding: var(--sm-s5) var(--sm-s6);
  background: var(--sm-surface-alt);
  border-bottom: 1px solid var(--sm-border);
}
.sm-location-head h2 {
  margin: 0;
  font-size: clamp(1.3rem, 1.15rem + .7vw, 1.7rem);
  flex: 1 1 auto;
}
.sm-location-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 15px;
  border-radius: var(--sm-r-pill);
  background: var(--smarkt-orange);
  color: #fff;
  font-family: var(--sm-font-bold);
  font-size: .84rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  flex: none;
}
.sm-location-badge--soon {
  background: transparent;
  border: 2px dashed var(--sm-border-strong);
  color: var(--sm-text-mute);
}

.sm-location-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sm-s6);
  padding: var(--sm-s6);
  align-items: start;
}
.sm-location-body--single { grid-template-columns: 1fr; }

.sm-location-facts { list-style: none; padding: 0; margin: 0; }
.sm-location-facts > li {
  display: flex;
  gap: var(--sm-s4);
  align-items: flex-start;
  padding: var(--sm-s3) 0;
  border-bottom: 1px solid var(--sm-border);
}
.sm-location-facts > li:last-child { border-bottom: 0; }
.sm-location-facts .sm-ico { width: 42px; height: 42px; border-radius: var(--sm-r-sm); }
.sm-location-facts .sm-ico::before { width: 20px; height: 20px; }
.sm-location-facts h3 {
  font-size: .84rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--sm-text-mute);
  margin-bottom: 3px;
}
.sm-location-facts p,
.sm-location-facts address {
  margin: 0;
  font-style: normal;
  font-family: var(--sm-font-bold);
  font-weight: 700;
  color: var(--smarkt-violet);
  font-size: 1.02rem;
  line-height: 1.5;
}
.sm-location-facts a { color: var(--smarkt-violet); }
.sm-location-facts a:hover { color: var(--smarkt-orange); }

.sm-location-media img {
  width: 100%;
  border-radius: var(--sm-r-lg);
  display: block;
  box-shadow: var(--sm-sh-md);
}
.sm-location-media .sm-gallery { margin-top: 0; }
.sm-location .sm-map { margin-top: var(--sm-s5); }

.sm-location-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sm-s3);
  padding: 0 var(--sm-s6) var(--sm-s6);
}

/* Platzhalter, solange Bilder fehlen */
.sm-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 240px;
  padding: var(--sm-s5);
  border: 2px dashed var(--sm-border-strong);
  border-radius: var(--sm-r-lg);
  background: var(--sm-surface-alt);
  color: var(--sm-text-mute);
  font-family: var(--sm-font-bold);
  font-size: .98rem;
}


/* --- Partner-Hinweis (myflexbox) ------------------------------------------- */
.sm-partner {
  display: flex;
  gap: var(--sm-s5);
  align-items: flex-start;
  background: var(--smarkt-violet-xl);
  border: 1px solid var(--sm-border);
  border-left: 5px solid var(--smarkt-violet-lt);
  border-radius: var(--sm-r-lg);
  padding: var(--sm-s5) var(--sm-s6);
  margin: var(--sm-s6) 0;
}
.sm-partner .sm-ico {
  background: #fff;
  width: 54px; height: 54px;
}
.sm-partner h3 { margin-bottom: var(--sm-s2); font-size: 1.1rem; }
.sm-partner p { color: var(--sm-text-soft); margin-bottom: var(--sm-s3); }
.sm-partner p:last-child { margin-bottom: 0; }
.sm-partner strong { color: var(--smarkt-violet); }

/* Auffaelligere Variante fuer den Reklamations-Hinweis */
.sm-partner--alert {
  background: var(--smarkt-orange-xl);
  border-left-color: var(--smarkt-orange);
}


/* --- Responsive ------------------------------------------------------------ */
@media (max-width: 991px) {
  .sm-location-body { grid-template-columns: 1fr; gap: var(--sm-s5); padding: var(--sm-s5); }
  .sm-location-head { padding: var(--sm-s4) var(--sm-s5); }
  .sm-location-actions { padding: 0 var(--sm-s5) var(--sm-s5); }
}
@media (max-width: 767px) {
  .sm-location { border-radius: var(--sm-r-lg); }
  .sm-location-head h2 { flex: 1 1 100%; }
  .sm-partner { flex-direction: column; gap: var(--sm-s4); padding: var(--sm-s5); }
  .sm-location-actions .sm-btn { width: 100%; justify-content: center; }
}

/* ==========================================================================
   ENDE ABSCHNITT 19
   ========================================================================== */


/* ==========================================================================
   20  WHATSAPP
   --------------------------------------------------------------------------
   Nummer: +43 680 160 7739  ->  Link-Format ohne Plus und ohne Leerzeichen:
   https://wa.me/436801607739

   Farben: WhatsApp-Gruen #25D366 ist als Flaeche mit weisser Schrift zu
   kontrastarm (rund 2,1:1). Fuer die Flaeche wird deshalb das dunkle
   WhatsApp-Gruen #075E54 verwendet (rund 8:1 gegen Weiss), das helle
   Gruen bleibt fuer Hover und Icon-Akzente.
   ========================================================================== */

/* --- Kleines Inline-Icon fuer Buttons und Links --------------------------- */
.sm-i {
  display: inline-block;
  width: 1.15em;
  height: 1.15em;
  vertical-align: -.2em;
  flex: none;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center;  mask-position: center;
  -webkit-mask-size: contain;     mask-size: contain;
}
.sm-i--whatsapp {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.25-1.38a9.9 9.9 0 0 0 4.79 1.22h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2zm0 1.67c2.2 0 4.27.86 5.82 2.42a8.2 8.2 0 0 1 2.42 5.82c0 4.54-3.7 8.24-8.25 8.24a8.2 8.2 0 0 1-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.19 8.19 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.26-8.24zm-3.2 4.2c-.15 0-.4.06-.6.28-.21.22-.8.78-.8 1.9 0 1.12.82 2.2.93 2.35.11.15 1.6 2.45 3.88 3.43.54.24.96.38 1.29.48.54.17 1.04.15 1.43.09.44-.07 1.34-.55 1.53-1.08.19-.53.19-.98.13-1.08-.06-.09-.2-.15-.42-.26-.22-.11-1.34-.66-1.54-.74-.21-.07-.36-.11-.5.11-.15.22-.58.74-.71.89-.13.15-.26.17-.48.06-.22-.11-.94-.35-1.79-1.11a6.7 6.7 0 0 1-1.24-1.54c-.13-.22-.01-.34.1-.45.1-.1.22-.26.33-.39.11-.13.15-.22.22-.37.07-.15.04-.28-.02-.39-.05-.11-.5-1.22-.68-1.67-.18-.43-.36-.38-.5-.38l-.42-.01z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.25-1.38a9.9 9.9 0 0 0 4.79 1.22h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2zm0 1.67c2.2 0 4.27.86 5.82 2.42a8.2 8.2 0 0 1 2.42 5.82c0 4.54-3.7 8.24-8.25 8.24a8.2 8.2 0 0 1-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.19 8.19 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.26-8.24zm-3.2 4.2c-.15 0-.4.06-.6.28-.21.22-.8.78-.8 1.9 0 1.12.82 2.2.93 2.35.11.15 1.6 2.45 3.88 3.43.54.24.96.38 1.29.48.54.17 1.04.15 1.43.09.44-.07 1.34-.55 1.53-1.08.19-.53.19-.98.13-1.08-.06-.09-.2-.15-.42-.26-.22-.11-1.34-.66-1.54-.74-.21-.07-.36-.11-.5.11-.15.22-.58.74-.71.89-.13.15-.26.17-.48.06-.22-.11-.94-.35-1.79-1.11a6.7 6.7 0 0 1-1.24-1.54c-.13-.22-.01-.34.1-.45.1-.1.22-.26.33-.39.11-.13.15-.22.22-.37.07-.15.04-.28-.02-.39-.05-.11-.5-1.22-.68-1.67-.18-.43-.36-.38-.5-.38l-.42-.01z'/%3E%3C/svg%3E");
}

/* --- Button --------------------------------------------------------------- */
.sm-btn--whatsapp {
  background: #075E54;
  border-color: #075E54;
  color: #fff !important;
  box-shadow: 0 6px 20px rgba(7,94,84,.32);
}
.sm-btn--whatsapp:hover,
.sm-btn--whatsapp:focus {
  background: #128C7E;
  border-color: #128C7E;
  color: #fff !important;
  box-shadow: 0 10px 26px rgba(18,140,126,.4);
}
/* Auf dunklem Grund als Umriss, damit das Band ruhig bleibt */
.sm-btn--whatsapp-ghost {
  background: transparent;
  border-color: #25D366;
  color: #fff !important;
  box-shadow: none;
}
.sm-btn--whatsapp-ghost .sm-i { color: #25D366; }
.sm-btn--whatsapp-ghost:hover { background: #075E54; border-color: #075E54; box-shadow: none; }
.sm-btn--whatsapp-ghost:hover .sm-i { color: #fff; }

/* --- Icon-Kachel in Kontaktkarten und Standort-Fakten --------------------- */
.sm-ico--whatsapp { background: #E4F5EE; }
.sm-ico--whatsapp::before {
  background-color: #075E54;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.25-1.38a9.9 9.9 0 0 0 4.79 1.22h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2zm0 1.67c2.2 0 4.27.86 5.82 2.42a8.2 8.2 0 0 1 2.42 5.82c0 4.54-3.7 8.24-8.25 8.24a8.2 8.2 0 0 1-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.19 8.19 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.26-8.24zm-3.2 4.2c-.15 0-.4.06-.6.28-.21.22-.8.78-.8 1.9 0 1.12.82 2.2.93 2.35.11.15 1.6 2.45 3.88 3.43.54.24.96.38 1.29.48.54.17 1.04.15 1.43.09.44-.07 1.34-.55 1.53-1.08.19-.53.19-.98.13-1.08-.06-.09-.2-.15-.42-.26-.22-.11-1.34-.66-1.54-.74-.21-.07-.36-.11-.5.11-.15.22-.58.74-.71.89-.13.15-.26.17-.48.06-.22-.11-.94-.35-1.79-1.11a6.7 6.7 0 0 1-1.24-1.54c-.13-.22-.01-.34.1-.45.1-.1.22-.26.33-.39.11-.13.15-.22.22-.37.07-.15.04-.28-.02-.39-.05-.11-.5-1.22-.68-1.67-.18-.43-.36-.38-.5-.38l-.42-.01z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.25-1.38a9.9 9.9 0 0 0 4.79 1.22h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2zm0 1.67c2.2 0 4.27.86 5.82 2.42a8.2 8.2 0 0 1 2.42 5.82c0 4.54-3.7 8.24-8.25 8.24a8.2 8.2 0 0 1-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.19 8.19 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.26-8.24zm-3.2 4.2c-.15 0-.4.06-.6.28-.21.22-.8.78-.8 1.9 0 1.12.82 2.2.93 2.35.11.15 1.6 2.45 3.88 3.43.54.24.96.38 1.29.48.54.17 1.04.15 1.43.09.44-.07 1.34-.55 1.53-1.08.19-.53.19-.98.13-1.08-.06-.09-.2-.15-.42-.26-.22-.11-1.34-.66-1.54-.74-.21-.07-.36-.11-.5.11-.15.22-.58.74-.71.89-.13.15-.26.17-.48.06-.22-.11-.94-.35-1.79-1.11a6.7 6.7 0 0 1-1.24-1.54c-.13-.22-.01-.34.1-.45.1-.1.22-.26.33-.39.11-.13.15-.22.22-.37.07-.15.04-.28-.02-.39-.05-.11-.5-1.22-.68-1.67-.18-.43-.36-.38-.5-.38l-.42-.01z'/%3E%3C/svg%3E");
}
.sm-contact-card--whatsapp p a,
.sm-location-facts .sm-wa a { color: #075E54; }
.sm-contact-card--whatsapp p a:hover { color: #128C7E; }

/* Topbar-Link */
.wrap.topbar .sm-i { vertical-align: -.22em; }

/* ==========================================================================
   ENDE ABSCHNITT 20
   ========================================================================== */


/* ==========================================================================
   21  KARTE ERST AUF KLICK LADEN
   --------------------------------------------------------------------------
   Ersetzt den Cookie-Banner: Statt die Karte sofort einzubetten (und dabei
   ungefragt die IP-Adresse an den Kartenanbieter zu senden), erscheint eine
   Vorschauflaeche. Erst der Klick baut die Verbindung auf.

   Die Logik steckt in /templates/exeltis/js/smarkt-lightbox.js — im Artikel
   ist kein <script> noetig.
   ========================================================================== */

.sm-map--consent {
  padding-bottom: 0;
  height: auto;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(rgba(43,22,96,.04), rgba(43,22,96,.04)),
    var(--sm-surface-alt);
  border: 1px dashed var(--sm-border-strong);
}
/* Sobald geladen: wieder das normale Seitenverhaeltnis */
.sm-map--consent.is-geladen {
  display: block;
  padding-bottom: 46%;
  min-height: 0;
  border-style: solid;
  border-color: var(--sm-border);
  background: var(--sm-surface-alt);
}

.sm-map-consent {
  text-align: center;
  padding: var(--sm-s6) var(--sm-s5);
  max-width: 46ch;
}
.sm-map-consent .sm-ico { margin: 0 auto var(--sm-s4); }
.sm-map-consent h3 { font-size: 1.15rem; margin-bottom: var(--sm-s2); }
.sm-map-consent p {
  color: var(--sm-text-soft);
  font-size: .95rem;
  margin-bottom: var(--sm-s4);
}
.sm-map-consent .sm-btn { margin-bottom: var(--sm-s3); }

.sm-map-merken {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: .88rem;
  color: var(--sm-text-mute);
  margin: 0 0 var(--sm-s3);
  cursor: pointer;
}
.sm-map-merken input {
  width: 17px;
  height: 17px;
  accent-color: var(--smarkt-orange);
  margin: 0;
  cursor: pointer;
}

.sm-map-alt { font-size: .9rem !important; margin-bottom: 0 !important; }
.sm-map-alt a { text-decoration: underline; text-underline-offset: 2px; }

@media (max-width: 767px) {
  .sm-map--consent { min-height: 260px; }
  .sm-map--consent.is-geladen { padding-bottom: 70%; }
  .sm-map-consent { padding: var(--sm-s5) var(--sm-s4); }
  .sm-map-consent p { font-size: .92rem; }
}

/* ==========================================================================
   ENDE ABSCHNITT 21
   ========================================================================== */


/* ==========================================================================
   22  HELLE BAUSTEINE IN DUNKLEN ABSCHNITTEN
   --------------------------------------------------------------------------
   .sm-section--violet setzt die Textfarbe auf Weiss. Bausteine, die darin
   ihre EIGENE helle Flaeche behalten (Hinweiskasten, Partner-Box, FAQ,
   Kennzahlen, Schritte, Kontaktkacheln, Standort-Bloecke, Tabellen), haben
   die weisse Schrift geerbt — weiss auf Sandton ist praktisch unlesbar.

   Diese Bausteine setzen ihre Schriftfarbe jetzt selbst, unabhaengig davon,
   wo sie stehen. Karten mit absichtlich transparent-dunklem Grund
   (.sm-section--violet .sm-card) bleiben davon unberuehrt.
   ========================================================================== */

.sm-note,
.sm-partner,
.sm-faq-item,
.sm-usp-item,
.sm-step,
.sm-contact-card,
.sm-location,
.sm-legal-lead,
.sm-table,
.sm-map--consent { color: var(--sm-text); }

.sm-note p, .sm-note li,
.sm-partner p, .sm-partner li,
.sm-step p,
.sm-map-consent p { color: var(--sm-text-soft); }

.sm-note strong, .sm-note b,
.sm-partner strong, .sm-partner b,
.sm-step strong,
.sm-map-consent strong { color: var(--smarkt-violet); }

.sm-note h3, .sm-partner h3, .sm-step h3, .sm-map-consent h3 { color: var(--smarkt-violet); }

.sm-note a, .sm-partner a, .sm-step a, .sm-map-consent a { color: var(--smarkt-violet-md); }
.sm-note a:hover, .sm-partner a:hover, .sm-map-consent a:hover { color: var(--smarkt-orange); }

/* Gegen die Vererbung aus dem violetten Abschnitt durchsetzen */
.sm-section--violet .sm-note,
.sm-section--violet .sm-note p,
.sm-section--violet .sm-note li,
.sm-section--violet .sm-partner,
.sm-section--violet .sm-partner p,
.sm-section--violet .sm-faq-item,
.sm-section--violet .sm-usp-item,
.sm-section--violet .sm-step,
.sm-section--violet .sm-step p,
.sm-section--violet .sm-contact-card,
.sm-section--violet .sm-location,
.sm-section--violet .sm-legal-lead,
.sm-section--violet .sm-table td { color: var(--sm-text-soft) !important; }

.sm-section--violet .sm-note strong,
.sm-section--violet .sm-note h3,
.sm-section--violet .sm-partner strong,
.sm-section--violet .sm-partner h3,
.sm-section--violet .sm-step h3,
.sm-section--violet .sm-usp-num,
.sm-section--violet .sm-faq-item > summary { color: var(--smarkt-violet) !important; }

.sm-section--violet .sm-note a,
.sm-section--violet .sm-partner a { color: var(--smarkt-violet-md) !important; }
.sm-section--violet .sm-note a:hover,
.sm-section--violet .sm-partner a:hover { color: var(--smarkt-orange) !important; }

/* Das Icon im Hinweiskasten behaelt seine helle Kachel */
.sm-section--violet .sm-note .sm-ico,
.sm-section--violet .sm-partner .sm-ico { background: #fff; }
.sm-section--violet .sm-note .sm-ico::before,
.sm-section--violet .sm-partner .sm-ico::before { background-color: var(--smarkt-orange); }

/* Gleiches gilt fuer das CTA-Band */
.sm-cta-band .sm-note,
.sm-cta-band .sm-note p { color: var(--sm-text-soft) !important; }
.sm-cta-band .sm-note strong { color: var(--smarkt-violet) !important; }

/* ==========================================================================
   ENDE ABSCHNITT 22
   ========================================================================== */

/* ==========================================================================
   ABSCHNITT 23 — GALERIE-SLIDER
   Jedes .sm-g-item mit mehr als einem <img> wird durchschaltbar.
   Aktivierung durch /templates/exeltis/js/smarkt-gallery-slider.js
   (setzt die Klasse .is-slider und baut Pfeile/Punkte ein).
   ========================================================================== */

.sm-g-item.is-slider .sm-slides {
  position: absolute;
  inset: 0;
}
.sm-g-item.is-slider .sm-slides img {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .45s var(--sm-ease), transform .6s var(--sm-ease);
  pointer-events: none;
}
.sm-g-item.is-slider .sm-slides img.is-active {
  opacity: 1;
  pointer-events: auto;
}

.sm-g-nav {
  position: absolute;
  top: 50%;
  z-index: 3;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(43, 22, 96, .55);
  color: #fff;
  font-size: 1.05rem;
  line-height: 1;
  cursor: pointer;
  opacity: 0;
  transition: opacity var(--sm-dur) var(--sm-ease), background var(--sm-dur) var(--sm-ease);
}
.sm-g-item:hover .sm-g-nav,
.sm-g-item:focus-within .sm-g-nav { opacity: 1; }
.sm-g-nav:hover { background: rgba(43, 22, 96, .85); }
.sm-g-nav:focus-visible { opacity: 1; outline: 2px solid #fff; outline-offset: 2px; }
.sm-g-nav--prev { left: var(--sm-s3); }
.sm-g-nav--next { right: var(--sm-s3); }

/* Touch-Geraete: Pfeile dauerhaft sichtbar */
@media (hover: none) {
  .sm-g-nav { opacity: 1; }
}

.sm-g-dots {
  position: absolute;
  left: 0; right: 0;
  bottom: var(--sm-s3);
  z-index: 3;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.sm-g-dots button {
  width: 9px;
  height: 9px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .45);
  cursor: pointer;
  transition: background var(--sm-dur) var(--sm-ease), transform var(--sm-dur) var(--sm-ease);
}
.sm-g-dots button[aria-selected="true"] {
  background: #fff;
  transform: scale(1.25);
}

/* Bildunterschrift hoeher setzen, damit sie nicht auf den Punkten liegt */
.sm-g-item.is-slider .sm-g-caption { padding-bottom: var(--sm-s6); }

@media (prefers-reduced-motion: reduce) {
  .sm-g-item.is-slider .sm-slides img { transition: none; }
}

/* ==========================================================================
   ENDE ABSCHNITT 23
   ========================================================================== */

/* ==========================================================================
   ABSCHNITT 24 — LIGHTBOX MIT BLAETTERN (#sm-lb-gal)
   Grosse Ansicht der Galeriebilder: Pfeile, Punkte, Zaehler.
   Wird von smarkt-gallery-slider.js erzeugt.
   ========================================================================== */

html.sm-lb-lock { overflow: hidden; }

.sm-lightbox--gallery { padding: var(--sm-s5) var(--sm-s4) var(--sm-s7); }

.sm-lb-stage {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  max-width: 100%;
}
.sm-lightbox--gallery img {
  max-height: 74vh;
  opacity: 0;
  transition: opacity .25s var(--sm-ease);
}
.sm-lightbox--gallery img.is-ready { opacity: 1; }

.sm-lb-nav {
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .12);
  color: #fff;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
  transition: background var(--sm-dur) var(--sm-ease);
}
.sm-lb-nav:hover { background: var(--smarkt-orange); }
.sm-lb-nav:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.sm-lb-nav--prev { left: max(12px, 2vw); }
.sm-lb-nav--next { right: max(12px, 2vw); }

.sm-lb-bar {
  position: absolute;
  left: 0; right: 0;
  bottom: var(--sm-s5);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.sm-lb-count {
  color: rgba(255, 255, 255, .7);
  font-family: var(--sm-font-bold);
  font-size: .86rem;
  letter-spacing: .08em;
}
.sm-lb-dots { display: flex; gap: 9px; }
.sm-lb-dots button {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .35);
  cursor: pointer;
  transition: background var(--sm-dur) var(--sm-ease), transform var(--sm-dur) var(--sm-ease);
}
.sm-lb-dots button[aria-selected="true"] { background: #fff; transform: scale(1.25); }

/* Nur ein Bild: Pfeile, Punkte und Zaehler ausblenden */
.sm-lightbox--gallery.is-single .sm-lb-nav,
.sm-lightbox--gallery.is-single .sm-lb-bar { display: none; }

@media (max-width: 600px) {
  .sm-lb-nav { width: 44px; height: 44px; font-size: 1.6rem; }
  .sm-lightbox--gallery img { max-height: 66vh; }
}

@media (prefers-reduced-motion: reduce) {
  .sm-lightbox--gallery img { transition: none; }
}

/* ==========================================================================
   ENDE ABSCHNITT 24
   ========================================================================== */