/*-------------------------------------------------------------*/
/*---------------Start Global Parmameters Styling--------------*/
/*-------------------------------------------------------------*/

/*--Set Template Width--*/
.wrapper960 {width:1200px;}

@media only screen and (min-width: 960px) and (max-width: 1200px) {
.wrapper960 {width:960px;}
}

/*--Set Body Color--*/
body{background-color:#ffffff;}

/*--Set HTML Background Image--*/
html{background:none !important;}

/*--End Background Image--*/

/*--Body font size--*/
body{font-size: 15px}

/* Fonts Selected */
body, input, button, select, textarea {font-family:Open Sans }
h2{font-family:Open Sans }
.module h3, .module_menu h3{font-family:Open Sans; }
#hornav{font-family:Open Sans }
.logo-text a{font-family:Open Sans !important;}

/*-------------------------------------------------------------*/
/*----------------------Buttons Styling------------------------*/
/*-------------------------------------------------------------*/
/*--Styles Button Color--*/
.content_vote .btn, .btn.dropdown-toggle, .pager.pagenav a, .pager a,
.btn-primary, span.content_vote input.btn, .btn,
.input-append .add-on, .input-prepend .add-on,
.btn.active, .btn:active, .btn:hover,.pagination ul,.readmore a.btn{background-color: #59575c; border-color: #59575c; }

#main span.content_vote input.btn{background-color: #59575c !important;}

/*buttons text, icons carets color styling*/
#main a.btn, #main a:hover.btn, button.btn, .pagenav, #main a.pagenav, #main a:hover.pagenav, #main ul.pager li.previous a, #main ul.pager li.next a, i, span.content_vote input.btn, .btn{color: #ffffff !important;}
#main .ba-form-1 .ba-field-container > i{color: #3b3b3b !important;}
.caret{border-top: 4px solid #ffffff !important;}
#main div#editor-xtd-buttons.btn-toolbar div.btn-toolbar a.btn,span.add-on{color: #ffffff !important; background-color: #59575c !important;}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {background-color: #59575c !important;}

/*--Print/Email Button Group Styling--*/
.btn-group a.btn, .btn-group > .btn, .btn-group > .dropdown-menu{background-color: #f5f5f5 !important; border-color: #f5f5f5 !important;}

/*--Print/Email Button Group icons,caret,text color styling--*/
div.btn-group a.btn i,div.btn-group ul.dropdown-menu li a i, #main div.btn-group ul.dropdown-menu li a, #main div.btn-group ul.dropdown-menu li a:hover{color: #59575c !important;}
div.btn-group a.btn span.caret{border-top: 4px solid #59575c !important;}
div.btn-group a.btn span.icon-cog{color: #59575c !important;}

/*-------------------------------------------------------------*/
/*--------------------End Buttons Styling----------------------*/
/*-------------------------------------------------------------*/

/*--Input Boxes Styling - background color and text color--*/
.form-search input, .form-search textarea, .form-search select,
.form-search .help-inline, .form-search .uneditable-input,
.form-search .input-prepend, .form-search .input-append,
.form-inline input, .form-inline textarea, .form-inline select,
.form-inline .help-inline, .form-inline .uneditable-input,
.form-horizontal input, .form-horizontal textarea,
.form-horizontal select, .form-horizontal .help-inline,
.form-horizontal .uneditable-input, .form-horizontal .input-prepend,
.form-horizontal .input-append
{background-color:#fafafa !important; color: #878787 !important;}


/*--Input Boxes Styling - Border Colors--*/
.form-search input, .form-search textarea, .form-search select,
.form-search .help-inline, .form-search .uneditable-input,
.form-search .input-prepend, .form-search .input-append,
.form-inline input, .form-inline textarea, .form-inline select,
.form-inline .help-inline, .form-inline .uneditable-input,
.form-horizontal input, .form-horizontal textarea,
.form-horizontal select, .form-horizontal .help-inline,
.form-horizontal .uneditable-input, .form-horizontal .input-prepend,
.form-horizontal .input-append
{border-color:#3b3b3b !important; }


/*--Tags Styling - background color and text color--*/
ul.tags li a{background-color: #59575c !important;}
ul.tags li a{color: #ffffff !important;}
.tag-category h3 a{color: #3b3b3b !important;}


/*--Labels / Badges Styling - background color and text color--*/
.label-info, .badge-info{background-color: #59575c !important;}
.label-info, .badge-info{color: #ffffff !important;}

/*-------------------------------------------------------------*/
/*---------------End Global Parmameters Styling----------------*/
/*-------------------------------------------------------------*/



/*--Load script to convert hex color to rgba--*/

/*-------------------------------------------------------------*/
/*------------Start Header Block Parmameters Styling-----------*/
/*-------------------------------------------------------------*/
/*--Header Container background color and Opacity setting--*/

/*--Header container, logo/menu responsive container, container social mobile, Component User Login set color--*/
#container_header.jl_container, .login_moments, .slicknav_btn, .spacer{
    background-color: #333333;
    background-color: rgba(51,51,51, 0.9 );
}

/*--Header Wrapper background color and Opacity setting, container social mobile set color--*/

#header.block_holder{
    background-color: #ffffff;
    background-color: rgba(255,255,255, 0 );
}

/*----------------Social Icons Color Styling -----------*/
	
	/*--Social Icons Color dark--*/
	#social ul li a{background-position: 0px -40px;}
	
/*--------------End Social Icons Styling --------------*/


/*---------------------Header Custom Module Styling------------------------*/

/*--header custom module text color-- */
#custom{color: #414141}

/*--header custom module links colors-- */
#custom a{color: #414141}
#custom a:hover{color: #414141}

/*--header custom module positioning-- */
#custom{top: 0px}
#custom{left: 0px}

/*--------------------End Header Custom Module Styling---------------------*/

/*-------------------------------------------------------------*/
/*------------End Header Block Parmameters Styling-------------*/
/*-------------------------------------------------------------*/


/*-----------------------------------------------------------------*/
/*--------------------------Start Logo Styling---------------------*/
/*-----------------------------------------------------------------*/
/*--Set Logo Image position and locate logo image file--*/
#logo{left:px}
#logo{top:px}



.logoimage a {background: url(../images/logo/vt-logo.png) no-repeat; z-index:1;}
/*--End Set Logo Image position and locate logo image file--*/

/*--Text Colors for Logo and Slogan--*/
h1.logo-text a {color: #ffffff }
p.site-slogan {color: #ffffff }
/*-----------------------------------------------------------------*/
/*------------------------End Logo Styling-------------------------*/
/*-----------------------------------------------------------------*/


/*-----------------------------------------------------------------*/
/*--------------------------Start Menu Styling---------------------*/
/*-----------------------------------------------------------------*/


/*--Hornav text color and hover color--*/
#hornav > ul > li > a {color: #ffffff }
#hornav > ul > li > a:hover {color: #f2f2f2}


/*--Hornav dropdown background color, text color and hover color--*/
#hornav ul ul{background-color: #333333}
#hornav ul ul li a:active, #hornav ul ul li a:focus, #hornav ul ul li a:hover{background-color: #333333}

#hornav ul ul li a {color: #ffffff}
#hornav ul ul li a:active, #hornav ul ul li a:focus, #hornav ul ul li a:hover {color: #f2f2f2}


/*--Responsive Menu--*/
.slicknav_nav {background-color:#333333 !important;}
/*-----------------------------------------------------------------*/
/*--------------------------End Menu Styling-----------------------*/
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/*-------------Start Slideshow Block Parmameters Styling-----------*/
/*-----------------------------------------------------------------*/
/*--Set Slideshow Module Block Container Image--*/


/*--Slideshow full or boxed--*/
/*--Set images to full width if fullwidth selected in parameters--*/

/*--Slideshow Container background color and Opacity setting--*/

#container_slideshow.jl_container{
    background-color: #f4f5f7;
    background-color: rgba(244,245,247, 0 );
}


/*--Slideshow Navigation color and Opacity setting--*/

.nivo-controlNavHolder{
    background-color: #f9f9f9;
    background-color: rgba(249,249,249, 0.7 );
}

/*--Container padding--*/
#container_slideshow.jl_container{padding-top:0px}
#container_slideshow.jl_container{padding-bottom:0px}
/*-----------------------------------------------------------------*/
/*--------------End Slideshow Block Parmameters Styling------------*/
/*-----------------------------------------------------------------*/

/*-------------------------------------------------------------*/
/*--------Start Top Module Block Parmameters Styling--------*/
/*-------------------------------------------------------------*/
/*--Set Top Module Block Container Image--*/
/*--End Top Module Block Container Image--*/

/*--Top Module Block Color Styling--*/
/*--Container background color and Opacity setting--*/

#container_top_modules.jl_container{
    background-color: #ffffff;
    background-color: rgba(255,255,255, 0.9 );
}

/*--Wrapper background color and Opacity setting--*/

#top_modules.block_holder{
    background-color: #fcfcfc;
    background-color: rgba(252,252,252, 0 );
}

/*--Container Text Color--*/
#top_modules{color:#949494 !important; }

/*--Container Link Color--*/
#top_modules a{color:#949494 !important; }

/*--Container Link Hover Color--*/
#top_modules a:hover{color:#949494 !important; }

/*--Container Module Head Color--*/
#top_modules .module h3, #top_modules .module_menu h3{background-color:#949494; }

/*--Container Module Head Color On/Off--*/
#top_modules .module h3, #top_modules .module_menu h3{background-color: transparent !important; }

/*--Container Module Head Text Color--*/
#top_modules .module h3, #top_modules .module_menu h3{color:#949494 !important; }

/*--Container Menu Link Color--*/
#top_modules .module ul.menu li a, #top_modules .module_menu ul.menu li a{color:#949494 !important; }
#top_modules .module ul a, #top_modules .module_menu ul a{border-color:#949494 !important; }

/*--Container Menu Link Hover Color--*/
#top_modules .module ul.menu li a:hover, #top_modules .module_menu ul.menu li a:hover{color:#949494 !important; }
#top_modules .module ul a:hover, #top_modules .module_menu ul a:hover{border-color:#949494 !important; }


/*--Container padding--*/
#container_top_modules.jl_container{padding-top:0px}
#container_top_modules.jl_container{padding-bottom:0px}

/*--Module Head padding--*/
#top_modules .module h3, #top_modules .module_menu h3{padding-left:0px}
#top_modules .module h3, #top_modules .module_menu h3{padding-right:0px}

/*-------------------------------------------------------------*/
/*---------End top Module Block Parmameters Styling---------*/
/*-------------------------------------------------------------*/


/*-------------------------------------------------------------*/
/*--------Start Main Content Block Parmameters Styling--------*/
/*-------------------------------------------------------------*/
/*--Set Main Content Block Container Image--*/
/*--End Main Content Block Container Image--*/

/*--Main Container Block Color Styling--*/
/*--Container background color and Opacity setting--*/

#container_main.jl_container{
    background-color: #fcfcfc;
    background-color: rgba(252,252,252, 0 );
}

/*--Wrapper background color and Opacity setting--*/

#main.block_holder{
    background-color: #f9f9f9;
    background-color: rgba(249,249,249, 1 );
}

/*--Article Title Color--*/
#content_full h2, #content_full h2 a:link, #content_full h2 a:visited, #content_full .content_header, #content_full .articleHead, #content_remainder h2, #content_remainder h2 a:link, #content_remainder h2 a:visited, #content_remainder .content_header, #content_remainder .articleHead, .published, .hits, .create{color: #3b3b3b !important;  }

/*--Container Text Color--*/
#main, ul.breadcrumb li span, .list-author, .result-category, .result-text, .result-created, legend, div#slide-contact.accordion div.accordion-group div.accordion-heading {color:#3b3b3b !important; }

/*--Container Link Color--*/
#main a, .module ul.breadcrumb li a, .module_menu ul.breadcrumb li a{color:#6a7cad; }

/*--Container Link Hover Color--*/
#main a:hover{color:#8f5e5e; }

/*--Container Module Head Color--*/
#main .module h3, #main .module_menu h3{border-color:#ffffff; }

/*--Container Module Head Color On/Off--*/

/*--Container Module Head Text Color--*/
.sidecol_block .module h3, .sidecol_block .module_menu h3, .contenttop .module h3, .contenttop .module_menu h3, .contentbottom .module h3, .contentbottom .module_menu h3{color:#3b3b3b }

/*--Container Module Head Border Color--*/
.sidecol_block .module_header h3 {border-bottom:2px solid #3b3b3b !important; }


/*--Container Menu Link Color--*/
#main .module ul.menu li a, #main .module_menu ul.menu li a{color:#525252 !important; }
#main .module ul a, #main .module_menu ul a{border-color:#525252 !important; }

/*--Container Menu Link Hover Color--*/
#main .module ul.menu li a:hover, #main .module_menu ul.menu li a:hover{color:#525252 !important; }
#main .module ul a:hover, #main .module_menu ul a:hover{border-color:#525252 !important; }
#main .module ul a:hover, #main .module_menu ul a:hover{color:#525252 !important; }

/*--Container padding--*/
#container_main.jl_container{padding-top:0px}
#container_main.jl_container{padding-bottom:0px}

/*--Module Head padding--*/
#main .module h3, #main .module_menu h3{padding-left:0px}
#main .module h3, #main .module_menu h3{padding-right:0px}

/*--Horizontal rule border color and tables border color--*/
hr, tr, td{border-color:#3b3b3b !important; }

/*--Overrides Styling--*/
/*--component Login form--*/
.login_joomlage{border-color:#3b3b3b !important; }

/*-------------------------------------------------------------*/
/*---------End Main Content Block Parmameters Styling---------*/
/*-------------------------------------------------------------*/



/*-------------------------------------------------------------*/
/*--------Start Bottom Module Block Parmameters Styling--------*/
/*-------------------------------------------------------------*/
/*--Set Bottom Module Block Container Image--*/
#container_bottom_modules_bg{background: url(../images/slider/default-basebg.jpg) no-repeat fixed center; background-size: auto;}
/*--End Bottom Module Block Container Image--*/

/*--Bottom Module Block Color Styling--*/
/*--Container background color and Opacity setting--*/

#container_bottom_modules.jl_container{
    background-color: #333333;
    background-color: rgba(51,51,51, 0.5 );
}

/*--Wrapper background color and Opacity setting--*/

#bottom_modules.block_holder{
    background-color: #000000;
    background-color: rgba(0,0,0, 0.5 );
}

/*--Container Text Color--*/
#bottom_modules{color:#ffffff !important; }

/*--Container Link Color--*/
#bottom_modules a{color:#ffffff !important; }

/*--Container Link Hover Color--*/
#bottom_modules a:hover{color:#ffffff !important; }

/*--Container Module Head Color--*/
#bottom_modules .module h3, #bottom_modules .module_menu h3{border: 1px solid #ffffff; }

/*--Container Module Head Color On/Off--*/
#bottom_modules .module h3, #bottom_modules .module_menu h3{border-color: transparent !important; }

/*--Container Module Head Text Color--*/
#bottom_modules .module h3, #bottom_modules .module_menu h3{color:#ffffff; }

/*--Container Menu Link Color--*/
#bottom_modules .module ul.menu li a, #bottom_modules .module_menu ul.menu li a{color:#ffffff !important; }
#bottom_modules .module ul a, #bottom_modules .module_menu ul a{border-color:#ffffff !important; }

/*--Container Menu Link Hover Color--*/
#bottom_modules .module ul.menu li a:hover, #bottom_modules .module_menu ul.menu li a:hover{color:#ffffff !important;}
#bottom_modules .module ul a:hover, #bottom_modules .module_menu ul a:hover{border-color:#ffffff !important; }

/*--Container padding--*/
#container_bottom_modules.jl_container{padding-top:0px}
#container_bottom_modules.jl_container{padding-bottom:0px}

/*--Module Head padding--*/
#bottom_modules .module h3, #bottom_modules .module_menu h3{padding-left:0px}
#bottom_modules .module h3, #bottom_modules .module_menu h3{padding-right:0px}


/*-------------------------------------------------------------*/
/*---------End Bottom Module Block Parmameters Styling---------*/
/*-------------------------------------------------------------*/

/*-------------------------------------------------------------*/
/*--------Start base Module Block Parmameters Styling--------*/
/*-------------------------------------------------------------*/
/*--Set base Module Block Container Image--*/
#container_base_modules_bg{background: none;}
/*--End base Module Block Container Image--*/

/*--base Module Block Color Styling--*/
/*--Container background color and Opacity setting--*/

#container_base.jl_container{
    background-color: #292929;
    background-color: rgba(41,41,41, 0.9 );
}

/*--Wrapper background color and Opacity setting--*/

#base.block_holder{
    background-color: #000000;
    background-color: rgba(0,0,0, 0 );
}

/*--Container Text Color--*/
#base{color:#ffffff !important;}

/*--Container Link Color--*/
#base a{color:#333333 !important;}

/*--Container Link Hover Color--*/
#base a:hover{color:#777777 !important; }

/*--Container Module Head Color--*/
#base .module h3, #base .module_menu h3{border-bottom: 1px dashed #ffffff; }

/*--Container Module Head Color On/Off--*/
#base .module h3, #base .module_menu h3{border-color: transparent !important; }

/*--Container Module Head Text Color--*/
#base .module h3, #base .module_menu h3{color:#ffffff; }

/*--Container Menu Link Color--*/
#base .module ul.menu li a, #base .module_menu ul.menu li a{color:#ffffff !important; }
#base .module ul a, #base .module_menu ul a{border-color:#ffffff !important; }

/*--Container Menu Link Hover Color--*/
#base .module ul.menu li a:hover, #base .module_menu ul.menu li a:hover{color:#ffffff !important;}
#base .module ul a:hover, #base .module_menu ul a:hover{border-color:#ffffff !important;}

/*--Container padding--*/
#container_base.jl_container{padding-top:0px}
#container_base.jl_container{padding-bottom:0px}

/*--Module Head padding--*/
#base .module h3, #base .module_menu h3{padding-left:0px}
#base .module h3, #base .module_menu h3{padding-right:0px}

/*-------------------------------------------------------------*/
/*---------End base Module Block Parmameters Styling---------*/
/*-------------------------------------------------------------*/


/*-----------------------------------------------------------------*/
/*--------Start Copright / Footer Block Parmameters Styling--------*/
/*-----------------------------------------------------------------*/

/*--Copright / Footer Block Color Styling--*/
/*--Container background color and Opacity setting--*/

#container_copyright_footermenu.jl_container{
    background-color: #292929;
    background-color: rgba(41,41,41, 0.9 );
}

/*--Wrapper background color and Opacity setting--*/

#copyright-footermenu.block_holder{
    background-color: #000000;
    background-color: rgba(0,0,0, 0 );
}

/*--Container Text Color--*/
#copyright-footermenu{color:#ffffff !important; }

/*--Container Link Color--*/
#copyright-footermenu a{color:#ffffff !important; }

/*--Container Link Hover Color--*/
#copyright-footermenu a:hover{color:#ffffff !important; }

/*--Footer Menu Link Color--*/
#footermenu ul li a{color:#ffffff !important; }
#footermenu ul li a{border-color:#ffffff !important; }

/*--Footer Menu Link Hover Color--*/
#footermenu ul li a:hover{color:#ffffff !important;}
#footermenu ul li a:hover{border-color:#ffffff !important; }

/*--Container padding--*/
#container_copyright_footermenu.jl_container{padding-top:0px}
#container_copyright_footermenu.jl_container{padding-bottom:0px}
/*-----------------------------------------------------------------*/
/*--------End Copright / Footer Block Parmameters Styling--------*/
/*-----------------------------------------------------------------*/


/*------------------------------------------------------------------*/
/*----------Start Style Side Column and Content Layout Divs---------*/
/*------------------------------------------------------------------*/
/*--Get Side Column widths from Parameters--*/
#sidecol_a {width: 33% }
#sidecol_b {width: 20% }

/*--Check and see what modules are toggled on/off then take away columns width, margin and border values from overall width*/
#content_remainder {width:67% }


/*Style Side Column A, Side Column B and Content Divs layout*/
	#content_remainder {float:left;}
	#sidecol_a {float:right;}
	#sidecol_b {float:right;}

/*Style Side Column A, Content, Side Column B Divs layout*/
/*------------------------------------------------------------------*/
/*-----------End Style Side Column and Content Layout Divs----------*/
/*------------------------------------------------------------------*/



/*------------------------------------------------------------------*/
/*----------------------Overrides Color Styling---------------------*/
/*------------------------------------------------------------------*/
.login_moments{border-color:#333333 !important;}
/*------------------------------------------------------------------*/
/*--------------------End Overrides Color Styling-------------------*/
/*------------------------------------------------------------------*/


/*------------------------------------------------------------------*/
/*--------------------Module Suffix Color Styling-------------------*/
/*------------------------------------------------------------------*/
.light, .dark, .medium{background-color:#333333 !important;}
/*------------------------------------------------------------------*/
/*----------------- End Module Suffix Color Styling-----------------*/
/*------------------------------------------------------------------*/




/*--Load Custom Css Styling--*/
.ba-terms-conditions span {vertical-align:top;}
.terms-content {font-size:90%;}

.fleft {float:left;}

@media only screen and (max-width: 767px) {
  #main {
      display:table;
  }
  #content_remainder {
      display: table-row-group;
        float: none !important;
    }
  #sidecol_a, #sidecol_b {
      display: table-footer-group;
        float: none !important;
  }
}

h1.sliderh1 {
  background-color:rgba(255, 255, 255, 0.79);
  padding:5px 20px;
  }
.sidecol_block .module.nosmalldisplay .module_content {
  margin-top: -14px;
}

h2.sliderh2 {
  background-color:rgba(255, 255, 255, 0.79);
  padding:10px 20px;
  }

@media screen and (min-width: 1210px) {
  h1.sliderh1 {font-size:39px;}
  h2.sliderh2 {font-size: 28px!important;padding:5px 20px; margin-top:0px!important;}
  }

@media screen and (max-width: 1210px) {
  h1.sliderh1 {font-size: 3.1vw!important;}
  h2.sliderh2 {font-size: 2.3vw!important;padding:0px 20px; margin-top:6px!important;}
  }

@media screen and (max-width: 1046px) {
  h1.sliderh1 {font-size: 3.1vw!important;}
  h2.sliderh2 {font-size: 2.3vw!important;padding:0px 20px; margin-top:3px!important;}
  }

@media screen and (max-width: 970px) {
  h1.sliderh1 {font-size: 3.1vw!important;}
  h2.sliderh2 {font-size: 2.3vw!important;padding:0px 20px; margin-top:3px!important;}
  }

@media screen and (max-width: 767px) {
  h1.sliderh1 {font-size: 3.1vw!important;padding:5px 20px; line-height: 20px;margin-top:0px;}
  h2.sliderh2 {font-size: 2.3vw!important;line-height: 28px;}
  }

#hero-slide {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1280px;
  height: 500px;
  margin: 0 auto;
}
#hero-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-slide-text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  padding: 0;
}
.hero-slide-text .sliderh1,
.hero-slide-text .sliderh2 {
  display: inline-block;
  margin: 0;
  max-width: 100%;
  color: #000000;
  animation: hero-slide-in 2s ease both;
}
.hero-slide-text .sliderh2 {
  margin-top: 8px;
  animation-delay: 0.9s;
}
@keyframes hero-slide-in {
  from { transform: translateX(-100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}
@media screen and (max-width: 767px) {
  #hero-slide { height: 280px; }
  .hero-slide-text {
    top: 80%;
    bottom: auto;
    transform: translateY(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-slide-text .sliderh1,
  .hero-slide-text .sliderh2 { animation: none; }
}

.ba-form-1 .ba-form-submit-field {
  flex-direction: column;
  align-items: flex-start;
}
.contact-form-status {
  margin: 0 0 12px;
  padding: 0;
  font-weight: bold;
  line-height: 1.45;
  width: 100%;
}
.contact-form-status--success {
  color: #1e6b34;
}
.contact-form-status--error {
  color: rgba(106, 36, 0, 1);
}
.contact-form-status--info {
  color: #333333;
}
.ba-form-1 .ba-form-submit-btn:disabled {
  opacity: 0.7;
  cursor: wait;
}

/* Eigene Lightbox */
.vt-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.85);
  padding: 20px;
  box-sizing: border-box;
}
.vt-lightbox-stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  max-height: 100%;
}
.vt-lightbox-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}
.vt-lightbox-close {
  position: absolute;
  top: 10px;
  right: 16px;
  z-index: 10002;
  background: none;
  border: none;
  color: #ffffff;
  font-size: 40px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}
.vt-lightbox-close:hover {
  color: #cccccc;
}
/* Navigationszonen: nur ueber dem Bild (Stage), linke/rechte Haelfte klickbar */
.vt-lightbox-nav {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  z-index: 10001;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.vt-lightbox-prev {
  left: 0;
  justify-content: flex-start;
  padding-left: 50px;
}
.vt-lightbox-next {
  right: 0;
  justify-content: flex-end;
  padding-right: 50px;
}
/* Sichtbare Pfeil-Icons (Deko, Klick laeuft ueber die Zonen) */
.vt-lightbox-arrow {
  color: #ffffff;
  font-size: 60px;
  line-height: 1;
  opacity: 0.5;
  pointer-events: none;
  user-select: none;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.vt-lightbox-prev:hover .vt-lightbox-arrow,
.vt-lightbox-next:hover .vt-lightbox-arrow {
  opacity: 1;
}