/*!
 * Copyright 2020 business service camen Authors (https://bscitnet.com/)
 */
 
 
/* Bootstrap 5.1 Elements */
.top-50 {
  top: 50% !important;
}

.start-50 {
  left: 50% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}


/* Fonts */
@import url('https://fonts.cdnfonts.com/css/helvetica-neue-9');

.f-hnm {
  font-family: 'Helvetica 65 Medium';
  font-size:36px;
  color:#FFF;
  font-weight:700;
}

.f-hnu {
  font-family: 'Helvetica 25 UltraLight';
  font-weight: lighter;
  font-size:36px;
  letter-spacing: 1px;
  color:#FFF
}

.ft-hnm {
  font-family: 'Helvetica 65 Medium';
  font-size:28px;
  color:#FFF;
  font-weight:700;
}

.ft-hnu {
  font-family: 'Helvetica 25 UltraLight';
  font-weight: lighter;
  font-size:28px;
  letter-spacing: 1px;
  color:#FFF
}


/* Magrin */
.mt-64 {
    margin-top: 4rem !important;;
}

 
/* Text Shadow Effects */
.elegantshd {
  letter-spacing: .15em;
  text-shadow: 1px -1px 0 #767676, -1px 2px 1px #737272, -2px 4px 1px #767474, -3px 6px 1px #787777, -4px 8px 1px #7b7a7a, -5px 10px 1px #7f7d7d, -6px 12px 1px #828181, -7px 14px 1px #868585, -8px 16px 1px #8b8a89, -9px 18px 1px #8f8e8d, -10px 20px 1px #949392, -11px 22px 1px #999897, -12px 24px 1px #9e9c9c, -13px 26px 1px #a3a1a1, -14px 28px 1px #a8a6a6, -15px 30px 1px #adabab, -16px 32px 1px #b2b1b0, -17px 34px 1px #b7b6b5, -18px 36px 1px #bcbbba, -19px 38px 1px #c1bfbf, -20px 40px 1px #c6c4c4, -21px 42px 1px #cbc9c8, -22px 44px 1px #cfcdcd, -23px 46px 1px #d4d2d1, -24px 48px 1px #d8d6d5, -25px 50px 1px #dbdad9, -26px 52px 1px #dfdddc, -27px 54px 1px #e2e0df, -28px 56px 1px #e4e3e2;
}
.deepshd {
  /*letter-spacing: .1em;*/
  text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
}
.xbootstrap {
  letter-spacing: .1em;
  text-shadow: -1px -1px 1px #111, 2px 2px 1px #363636;
}
.retroshd {
  letter-spacing: .05em;
  text-shadow: 4px 4px 0px #d5d5d5, 7px 7px 0px rgba(0, 0, 0, 0.2);
}
.retroshd:hover {
    text-decoration: none;
}

.tshadow {
    text-shadow: 2px 2px 4px #282828;
}


/* SZENE */
.szeneline {
    background-image: url('data:image/svg+xml,\
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100% 100%">\
      <rect x="0" y="50%" width="100%" height="2px" fill="white"/>\
    </svg>');
}


/* Main Header */
header.mainhead{
	position:relative;
	background:url(../img/header_img.jpg) center center no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	padding-top:10.24rem;
	padding-bottom:10.24rem;
}

header.mainhead .overlay{
	position:absolute;
	background-color:#212529;
	height:100%;
	width:100%;
	top:0;
	left:0;
	opacity:.2;
}

header.mainhead h1{
	font-size:2rem;
	text-transform:uppercase;
}

@media (min-width:768px){
header.mainhead{
	padding-top:12.8rem;
	padding-bottom:12.8rem;
}

header.mainhead h1{
	font-size:2.2rem;
	text-transform:uppercase;
}
}

@media (min-width:992px){
header.mainhead{
	padding-top:20rem;
	padding-bottom:20rem;
}

header.mainhead h1{
	font-size:2.2rem;
	text-transform:uppercase;
}
}

.btn-dark, .btn-dark:hover, .btn-dark:focus, .btn-dark.focus {
	background-color:rgba(161,219,255,.8);
	border:thin solid #a1dbff;
	border-radius: 2rem;
	text-transform:uppercase;
	box-shadow: 0 0 0 0.2rem rgba(25, 88, 93, 0);
}


/* Modal */
.modal-body-bg .modal-backdrop {
	background-color: #000030;
}

.modal-flex-center {
    align-items: center;
    display: flex;
    justify-content: center;
}

.modal-content {
  background-color: rgba(255, 255, 255, 0.98);
}

        
/* Contacts */
.btn-send {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 20px;
}

.help-block.with-errors {
    color: #ff5050;
    margin-top: 5px;
}

/* Cardbox */
.cardbox {
	background-color: #000080;
	border-bottom: 0.7em rgba(255, 255, 255, 0.8) solid;
	border-radius: 0.25rem;
}

.cardbox-line {
	border: thin #fff solid;
	border-radius: 0.25rem;
}

.cardbox-min-height {
	min-height: 310px}

/* boxborder bottom */
.box-b-border {
	border-bottom: 0.7em rgba(180, 226, 255, 0.8) solid;
	border-radius: 0.3rem;
}

/* Showcases */
.showcase h3{line-height:1.2}
/*.showcase .showcase-text{padding:3rem}*/
.showcase .showcase-text{padding:1.5rem}
.showcase .showcase-content{background-color:#f9f9f9;padding:15px 20px 5px}
.showcase .showcase-img{background-size:cover;background-position:center}

@media (min-width:768px){
.showcase .showcase-text{
	padding:6rem;
}
}

@media (max-width:991px){
.showcase .showcase-img{
	min-height:30rem;
}
}

@media (max-width:400px){
.showcase .showcase-img{
	min-height:20rem;margin-bottom:30px;
}

.showcase-text-titel {
	display:block;
	z-index:1;
	position:relative;
	text-align:center;
	margin-top:35%;
	font-size:2.25em;
	font-weight:600;
}
.cr {
	text-align: center !important;
	font-size:0.75em;
}
}

@media (max-width:320px){
.showcase-text-titel{margin-top:40%;
}
.cr {
	text-align: center !important;
	font-size:0.75em;
}
}

.overlay.messe{
	background-color:red;
}

.overlay.firmenevents,.overlay.kongresse{
	background-color:rgba(0, 0, 50, 0.5)/*#000*/;
}

.overlay.galas{
	background-color:#fff;
}

.fs {
	background-image: url(../img/Portrait2.jpg);
	background-repeat:no-repeat;
	}
	
.ls {
	background-image: url(../img/Lifestyle2.jpg);
	background-repeat:no-repeat;
	}


/* calls */
.calls {
	position: relative;
	background-image: url('../img/bg_img_events-b.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-top: 5rem;
	padding-bottom: 3.5rem;
}

.btn-calls{background-color:rgba(255,255,255,.4)!important;font-size:1.2rem!important;margin-top:10px;border:none;margin-left:-30px}

@media (max-width:768px){
.btn-calls{margin-left:0}
}


/* collage */
.image-collage img{width:100%}

.img-collage-mobil{display:none}

@media (max-width:400px){
.img-collage-mobil {display:block}
.img-collage-desk {display:none}
}


/* collapse module */

.module .collapse, .module .collapsing {
  height: 4.5rem;  /* [NUM_OF_LINES] x [LINE_HEIGHT] */
}

.module .collapse {
  position: relative;  /* For ...'s content absolute positioning */
  display: block;
  overflow: hidden;
}

.module .collapse:before {
  content: ' ...';
  position: absolute;
  /*right: 0;*/
  bottom: 0;
}

.module .collapse.show {
  height: auto;  /* You need to reset the height when not collapsed */
}

.module .collapse.show:before {
  display: none;  /* Of course you don't want to display ... */
}

.module a.collapsed:after {
  content: '+ Mehr anzeigen';
}

.module a:not(.collapsed):after {
  content: '- Weniger anzeigen';
}








/* */

.overlay{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	opacity:.4;
}

.bg-zitat {
	display:block;
	position:relative;
	background:url('../img/lighting-equipments.jpg') center center no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	padding-top:3rem;
	padding-bottom:13rem;
	margin-bottom:30px;
	
}

@media (min-width: 1400px) {
.bg-zitat {
	min-height:35rem;
	padding-top:6rem;
}
}

.bg-zitat .overlay{
	position:absolute;
	background-color:#000030;
	height:100%;
	width:100%;
	top:0;
	left:0;
	opacity:.3;
}

.bg-marinblue {
  background-color:#00004b;
}