/*============== custom varible ================*/
:root {


}
/*============== custom varible ================*/

body {
	padding:0  !important ;
	margin: 0   !important;
	color:#fff !important;
	font-family: 'Lato-Regular';
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	background:#222222;
}

html {
	-webkit-font-smoothing: antialiased;
	background:#222222;
}

* {
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased;
	vertical-align:top;
}

li, ul, ol {
	list-style:none;
	margin:0;
	padding:0;
}
a, a img {
	text-decoration:none;
	border:0;
	outline:none !important;
}
a,
button,
input[type=submit],
.input-text {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
button:focus,
a:hover,
a:focus {
	text-decoration:none;
	outline:none;
}
:focus {
	outline:none;
}
img {
	max-width:100%;
}
h1, h2, h3, h4, h5, h6, p {
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
}
.clear {}
.clear:before,
.clear:after {
	content:"";
	display:table;
}
.clear:after {
	clear:both;
}
input, textarea {
	outline:none !important;
}
::-webkit-input-placeholder {
	color:inherit;
	opacity:1;
}
::-moz-placeholder {
	color:inherit;
	opacity:1;
}
:-ms-input-placeholder {
	color:inherit;
	opacity:1;
}
:-moz-placeholder {
	color:inherit;
	opacity:1;
}

#wrapper {
	float:left;
	width:100%;
	position:relative;
}


.navbar-toggler{ float:right; border:0px; outline:none; margin:0px; padding:0px; border-radius:0px; width:30px ; height:25px; background-color:transparent !important;}
.navbar-toggler:focus{ border:0px; outline:none; }
.navbar-toggler-icon {
    background:  url("../images/menu-icon.svg") no-repeat scroll left top;
    height: 20px;
    margin: 0;
    padding: 0;
    width: 30px;
}




/*============ Header Start ============*/
#header{ width:100%; float:left; }

.canvas {
    margin: 0 auto;
    width: 100%;
    flex-grow: 1;
}

.header-wapper{ width:100%; float:left; position: absolute;left: 0; z-index: 111;}
/*#header.shrink .header-wapper{background:#ff1722;}*/
.header-wapper:before {
    content: '50';
    left: -100%;
    position: absolute;
    top: -100%;
    visibility: hidden !important;
}
.header-wapper .subheader {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
	line-height: 109px;
    height: 109px;
}
.header-wapper .subheader .subheader-inner {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 auto;
    height: inherit;
}
.header-wapper .subheader .subheader-inner .subheader-left {
    justify-content: flex-start;
    display: flex;
    align-items: center;
    flex-grow: 1;
}
 .header_logo {
    margin-right: 1.4rem;
    flex-shrink: 0;
    transition: height 0.3s;
    height: auto;
	padding-bottom:0;
	width:130px;
	padding-top: 0px;
}
.header_logo a{display:block; position:relative; height:100%;}
.header_logo a img{display:block; height: inherit; width: auto;}
.navbar-nav li.nav-item{padding: 0 15px !important;}
.navbar-nav li.nav-item .nav-link{text-transform:uppercase; font-size:14px; color:#fff; padding: 0 !important; position:relative; line-height:1;}
.navbar-nav li.nav-item .nav-link:hover,
.navbar-nav li.nav-item .nav-link:focus{color:#fff;}
.navbar-nav li.nav-item .nav-link:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    bottom: -0.4em;
    margin: 0 auto -2px;
    height: 2px;
    width: 100%;
    opacity: 0;
	background: #ffffff;
    transition: all 0.3s;
}
.navbar-nav li.nav-item:hover .nav-link:after {
    bottom: -2px;
    opacity: 1;
}
.navbar-nav.social li.nav-item{padding: 0 5px !important;}
.navbar-nav.social li.nav-item .nav-link{font-size:30px;}
.navbar-nav.social li.nav-item .nav-link:after{display:none;}

.navbar-nav.social li.nav-item .nav-link .fa-event-papers{width:30px; height:30px;}
.navbar-nav.social li.nav-item .nav-link .fa-event-papers:before{width:100%; height:100%; content:''; background:url(../images/event-logo.svg) no-repeat center center; position:absolute; left:0px; top:0px; background-size:cover;}

#hamburger span,
#cross span {
  display: block;
  background: #ffffff;
  border-radius: 2px;
  transition: 0.25s ease-in-out;
}
#menu-toggle {
  width: 50px;
  height: 50px;
  position: relative;
  cursor: pointer;
  border-radius: 5px;
}

#menu-toggle #hamburger {
  position: absolute;
  height: 100%;
  width: 100%;
}
#menu-toggle #hamburger span {
  width: 40px;
  height: 3px;
  position: relative;
  top: -18px;
  left: 5px;
  margin: 7px 0;
}
#menu-toggle #hamburger span:nth-child(1) {
  transition-delay: 0.5s;
}
#menu-toggle #hamburger span:nth-child(2) {
  transition-delay: 0.625s;
}
#menu-toggle #hamburger span:nth-child(3) {
  transition-delay: 0.75s;
}
#menu-toggle #cross {
  position: absolute;
  height: 100%;
  width: 100%;
  transform: rotate(45deg);
}
#menu-toggle #cross span:nth-child(1) {
  height: 0%;
  width: 4px;
  position: absolute;
  top: -11px;
  left: 4px;
  transition-delay: 0s;
}
#menu-toggle #cross span:nth-child(2) {
  width: 0%;
  height: 4px;
  position: absolute;
  left: -13px;
  top: 7px;
  transition-delay: 0.25s;
}

#menu-toggle.open #hamburger span {
  width: 0%;
}
#menu-toggle.open #hamburger span:nth-child(1) {
  transition-delay: 0s;
}
#menu-toggle.open #hamburger span:nth-child(2) {
  transition-delay: 0.125s;
}
#menu-toggle.open #hamburger span:nth-child(3) {
  transition-delay: 0.25s;
}
#menu-toggle.open #cross span:nth-child(1) {
  height: 80%;
  transition-delay: 0.625s;
}
#menu-toggle.open #cross span:nth-child(2) {
  width: 80%;
  transition-delay: 0.375s;
}
/*============ Header End ============*/

/*============ Banner Start ============*/
.banner-wapper{
	width:100%;
	float:left;
	position:relative;
	padding-top: 4rem;
	padding-bottom: 4rem;
	min-height: 100vh;
	color: #ffffff !important;
	border-color: #e8e8e8;
}
.banner-image {
    position: absolute;
	width:100%;
	height:100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    transition: opacity 0.5s;
}
.banner-image.owner-bg{background-position: left top !important;}
.banner-wapper .banner-caption{position:absolute; right:262px; top:50%; width:100%; max-width:450px; z-index:1; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:center;}
.banner-wapper .banner-caption h1{display:block; font-size:45px; margin:0; text-align:left;}
.banner-wapper .banner-caption p{display:block; font-size:20px; margin:30px 0;  font-family: 'Lato-Light'; text-align:left; line-height: 1.4em;}
.banner-wapper .banner-caption .play-video{display:inline-block; width:60px; height:60px; border:solid 3px #fff; border-radius:65px; background:none; color:#fff; font-size:26px; cursor:pointer;}
.banner-wapper .banner-caption .play-video:hover { color: #000; border:solid 3px #000; }
.banner-wapper .banner-caption .play-video .fa-play{margin-left:5px;}
.banner-wapper .banner-caption .lnk-bx{display:inline-block; width:100%; text-align:center; margin:30px 0 0 0;}
.banner-wapper .banner-caption .lnk-bx a{display:inline-block; width:auto; color:#fff; font-size:18px; border:solid 1px #fff; padding:15px 25px; margin:0 8px;}
.banner-wapper .banner-caption .lnk-bx a:hover { background-color: #fff; color: #ff1722; }
.thumb-block{position:fixed; right:20px; top:50%; width:30px; margin:-73px 0 0 0; z-index:12; width: 15px;}
.thumb-block ul{display:inline-block; width:100%; text-align:center;}
.thumb-block ul li{display:inline-block; width:15px; height:15px; border:solid 2px #fff; border-radius:15px; cursor:pointer; position:relative; margin:0 0 6px 0;}
.thumb-block ul li a{
	width:9px;
	height:9px;
	position:absolute;
	left:1px;
	top:1px;
	content:'';
	background:none;
	border-radius:5px;
	font-size: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.thumb-block ul li a.active{
	background:#fff;
}

.modal-open{overflow:auto;}
#banner-video .modal-dialog{
	width:100%;
	max-width:700px;
	position:absolute !important;
	left:50% !important;
	top:50% !important;
	-webkit-transform:translate(-50%,-50%) !important;
	transform:translate(-50%,-50%) !important;
	margin:0 !important;
}
#banner-video .modal-dialog .modal-content .modal-header{padding:0; border-bottom:none;}
#banner-video .modal-dialog .modal-content .modal-header .close{
	position: absolute;
	right: -10px;
	top: -10px;
	padding: 0;
	margin: 0;
	width: 25px;
	height: 25px;
	text-align: center;
	color:#fff;
	opacity: 1;
	background:#fff;
	border: solid 2px #fff;
    border-radius: 30px;
    line-height: 17px;
    z-index:10;
}

#banner-video .modal-dialog .modal-content .modal-body{padding:0;}
.yt-block{display:inline-block; width:100%;}
.yt-block .video-frame {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom:56.25%;
	margin:0;
}
/*============ Banner End ============*/

/*============ Content Start ============*/
#section{ width:100%; float:left; position:relative;}
.content-wapper{ width:100%; float:left; position:relative;}
.page-section{
	overflow: hidden;
	position: relative;
	display: block;
	float: left;
	width: 100%;
	margin:0 0 120px 0;
}

.uber-section{display:inline-block; width:50%; padding:80px 24px 0 24px; position:relative; z-index:10;}
.uber-section.right{padding:0; width:100%;}
.uber-section h2{display:block; font-size:45px; margin:0; text-align:left; line-height:1.4; margin-bottom: 1.5rem;}
.uber-section h6{display:block; font-size:16px; line-height:18px; font-family:'Lato-Bold'; margin-bottom: 1.5rem;}
.uber-section p{display:block; font-size:16px;  font-family: 'Lato-Light'; margin-bottom: 1.5rem;}
.uber-section ul{display: block; width: 100%; margin-bottom: 1.5rem;}
.uber-section ul li{display: list-item !important; width: 100%; list-style: disc; font-size: 16px; font-family: 'Lato-Light'; margin-bottom:3px; list-style-position: inside;}
.popup-lnk{display:inline-block; width:100%; position:relative; z-index:10; margin:0 0 80px 0; padding:0 16px 0;}
.popup-lnk a{display:inline-block; min-width:170px; color:#fff; font-size:18px; border:solid 1px #fff; padding:15px 25px; margin:0 8px; text-align:center;}
.popup-lnk a:hover { background-color: #fff; color: #ff1722; }

.uber h4{color:#cb002f; font-size: 18px; }
.uber h6{display:block; font-size:13px; line-height:18px; font-family:'Lato-Bold'; margin-bottom: 1rem; color:#000;}
.uber p{display:block; font-size:13px;  font-family: 'Lato-Light'; margin-bottom: 1rem; color:#000;}

.kunden-block{display:inline-block; width:100%; text-align:center;}
.kunden-block h3{display:inline-block; width:auto; font-size:32px; margin:0 0 60px 0; }
.logo-slder{display:inline-block; width:100%; margin:0 0 50px 0;}
#cleint-logo.owl-carousel .owl-nav button.owl-prev,
#cleint-logo.owl-carousel .owl-nav button.owl-next,
#cleint-review.owl-carousel .owl-nav button.owl-prev,
#cleint-review.owl-carousel .owl-nav button.owl-next,
#video-fotos-slider.owl-carousel .owl-nav button.owl-next,
#video-fotos-slider.owl-carousel .owl-nav button.owl-prev{width:26px; height:26px; background:#ff1722}
#cleint-logo.owl-carousel .owl-nav button.owl-prev span,
#cleint-logo.owl-carousel .owl-nav button.owl-next span,
#cleint-review.owl-carousel .owl-nav button.owl-prev span,
#cleint-review.owl-carousel .owl-nav button.owl-next span,
#video-fotos-slider.owl-carousel .owl-nav button.owl-prev span,
#video-fotos-slider.owl-carousel .owl-nav button.owl-next span{
	line-height: 20px;
	font-size: 30px;
	display: block;
	height: 26px;
}

#cleint-logo.owl-carousel .owl-stage{display: flex; align-items: center;}
.client-box{display:inline-block; width:100%; text-align:center;}
.client-image{display:inline-block; width:100%; text-align:center; margin:0 0 8px 0; max-width: 80px; height: 80px; position: relative; overflow: hidden;border-radius: 100px;}
.client-image img{position: absolute; left: 0; top: 0; height: 100%; object-fit: cover;}
.client-image .fa{font-size:84px;}
.client-text{display:inline-block; width:100%; text-align:center;}
.client-text h5{display:block; font-size:13px; line-height:18px; font-family:'Lato-Bold'; margin-bottom:8px;}
.client-text span{display:block; font-size:13px; line-height:18px; font-family:'Lato-Light'; margin-bottom:8px;}
.client-text ul{display:inline-block; width:100%;}
.client-text ul li{display:inline-block; width:auto;}
.client-text p{display:block; font-size:18px; line-height:24px; margin:20px 0 0 0;}

.video-inner {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
	margin: 0 0 30px 0;
}
.video-frame {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom:100%;
	margin:0;
}
.video-frame:after {
	content: "\f144";
}
.video-frame i {
	font-size: 80px;
    color: #ff1722;
    position: absolute;
    left: 50%;
    z-index: 5;
    top: 50%;
	-webkit-transform:translate(-50%,-50%);
	transform: translate(-50%,-50%)
}
.hochzeit-block .video-frame i {
	font-size: 50px;
}
.video-frame iframe,
.video-frame object,
.video-frame embed,
.video-frame a,
.video-frame img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: none;
}
.video-frame img{object-fit:cover;}

.hochzeit-block{position:relative;}
.visible-767{display:none !important;}
/*============ Content End ============*/

/*============ Footer Start ============*/
#footer{ width:100%; float:left; }
.footer-wapper{ width:100%; float:left; }
.page-section:last-child{margin:0;}
.form-block{display:inline-block; width:100%;}
.row-field{display:inline-block; width:100%; margin:0 0 30px 0;}
.row-field .input-field{display:inline-block; width:50%; float:left; padding:0 20px;}
.row-field .input-field.full-width{width:100%;}
.row-field .input-field strong{display:block; font-size:20px; line-height:26px; font-family:'Lato-Bold'; margin-bottom:0; text-transform:capitalize; color:#ff1722;}
.row-field .input-field .inner-input{display:inline-block; width:100%; float:left;}
.row-field .input-field .inner-input.c-width{width:25%; margin:0 15px 0 0;}
.row-field .input-field .inner-input.c-width-2{width:72%; float:right;}
.row-field .input-field .inner-input.datum{width:44%; margin:0 15px 0 0;}
.row-field .input-field .inner-input.von{width:49%; margin:0 15px 0 0;}
.row-field .input-field .inner-input.dis{width:48%; margin:0; float:right;}
.row-field .input-field .inner-input label{display:inline-block; width:100%; font-size:16px; line-height:24px; font-family:'Lato-Bold';}
.row-field .input-field .inner-input label a{color:#ff1722;}
.row-field .input-field .inner-input label a:hover{text-decoration:underline;}


.ui-selectmenu-button{padding:4px 12px 5px 12px; border-bottom:solid 3px #ff1722; position:relative;}
.ui-selectmenu-button:hover,
.ui-selectmenu-button:focus{padding:4px 12px 5px 12px; border-bottom:solid 3px #ff1722;}
.ui-selectmenu-button .ui-selectmenu-text{font-size:16px; line-height:24px; color:#ff1722;}
.ui-selectmenu-button:active{background:#fff; border: 1px solid #c5c5c5; padding:4px 12px 5px 12px; border-bottom:solid 3px #ff1722;}
.ui-selectmenu-button .ui-selectmenu-icon.ui-icon{margin-top:5px;}
.ui-selectmenu-button .ui-selectmenu-icon:before{
	position:absolute;
	right:0px;
	top:5px;
	font-family:'FontAwesome';
	content: "\f0d7";
	font-size:18px;
	transform-origin:center center;
	line-height:6px;
	text-indent: initial;
	color:#ff1722;
}
.ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon:before{-webkit-transform:rotate(180deg); transform:rotate(180deg);}
.ui-selectmenu-menu .ui-menu .ui-menu-item{list-style-image:none;}
.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper{color:#ff1722; border:none; font-size:14px; line-height:20px; padding:6px 12px 7px 12px; border:none;}
.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active{background:#ff1722; color:#fff; border:none;}

.ui-selectmenu-menu .ui-widget.ui-widget-content{max-height:314px; border:solid 1px #ff1722;}


.row-field .input-field .inner-input .input-text,
.row-field .input-field .inner-input .input-textarea{display:inline-block; width:100%; padding:8px 12px; font-family:'Lato-Bold'; color:#e6004d; font-size:16px; border:none; border-bottom:solid 3px #ff1722; border-radius:3px;}
.row-field .input-field .inner-input .input-textarea{height:122px;}

.wpcf7-list-item{
	margin:0 !important;
}

.row-field .input-field .inner-input input[type="checkbox"]:not(:checked),
.row-field .input-field .inner-input input[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.row-field .input-field .inner-input input[type="checkbox"]:not(:checked) + .wpcf7-list-item-label,
.row-field .input-field .inner-input input[type="checkbox"]:checked + .wpcf7-list-item-label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
  display:inline-block;
}
.row-field .input-field .inner-input input[type="checkbox"]:not(:checked) + .wpcf7-list-item-label:before,
.row-field .input-field .inner-input input[type="checkbox"]:checked + .wpcf7-list-item-label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 15px;
  width:20px;
  height: 20px;
  border: 2px solid #ff1722;
  background: #fff;
  border-radius: 3px;
}
.row-field .input-field .inner-input input[type="checkbox"]:not(:checked) + .wpcf7-list-item-label:after,
.row-field .input-field .inner-input input[type="checkbox"]:checked + .wpcf7-list-item-label:after {
  content: '\2713\0020';
  position: absolute;
  top:19px;
  left:5px;
  font-size: 15px;
  line-height: 0.8;
  color: #ff1722;
  transition: all .2s;
  font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}
.row-field .input-field .inner-input input[type="checkbox"]:not(:checked) + .wpcf7-list-item-label:after {
  opacity: 0;
  transform: scale(0);
}
.row-field .input-field .inner-input input[type="checkbox"]:checked + .wpcf7-list-item-label:after {
  opacity: 1;
  transform: scale(1);
}
.row-field .input-field .inner-input .input-submit{float:right; width:auto; padding:8px 12px; font-family:'Lato-Bold'; color:#fff; background:#ff1722; font-size:16px; line-height:26px; border:none; border-radius:3px; cursor:pointer;}
.row-field .input-field .inner-input .input-submit:hover{color:#ff1722; background:#fff;}

.bottom-footer{display:inline-block; width:100%; background:#222; padding:32px 0;}
.copy-text{text-align:center; color:#666;}
.copy-text p a{color:#666;}
.copy-text p a:hover{color:#ff1722; text-decoration:underline;}
.copy-text i { color: #ff1722; line-height: 19px; margin: 0 5px; }

.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:15px;
	right:20px;
	z-index: 9999;
}
.scroll {
	position:absolute;
	right:10px;
	bottom:10px;
	color: #ff1722;
	background:#fff;
	padding:8px 10px;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.scroll:hover {
	background:#ff1722;
	color: #fff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.scroll:hover .fa {
	padding-top:-10px;
}
.scroll .fa {
	font-size:30px;
	margin-top:-5px;
	margin-left:1px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}




/*----- Impressum Page Start -----*/
.inner-block{display:inline-block; width:100%; padding:150px 0 60px 0;}
.inner-block .imp-block{display:inline-block; width:100%; }
.inner-block .imp-block h4{
	display:block;
	font-family: 'Lato-Regular';
	font-size: 24px;
	line-height: 1.4;
	letter-spacing: 0;
	margin-bottom: 1.5rem;
}
.inner-block .imp-block p{margin:0 0 24px 0; display:block;}
/*----- Impressum Page End -----*/

#sb_instagram .sbi_photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}