/* Example CSS file */ 
@import url(ver_slider.css);

/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/montserrat-v26-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/nunito-sans-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/nunito-sans-v15-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/nunito-sans-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
html,body{font-family: 'Nunito Sans', sans-serif; font-size:18px;color:#000;background-color:#f7f7f6;}
html {
		max-width: 100vw;
	}
h1,h2,h3,h4,h5{font-family: 'Montserrat', sans-serif;font-weight:400; color:#091233;}
h5{font-size:32px;}
h3{font-size:64px;}
h4{font-size:48px;}
h2{font-size:86px;}
h1{font-size:90px;}
h6{font-family: 'Nunito Sans', sans-serif; font-size:30px; color:#8ea8c1;}
h6{margin:0}
em {color: #000;}
.align_right{text-align:right;}
header{background-color:#f7f7f6;}
#content p{line-height:1.8}
.header_text{width:250px; padding:40px}
.header_inhalt{width:550px; padding:40px}
.header_text_bottom{width:250px;padding:40px 40px 20px 70px; position:absolute; bottom:0;}
.header_text_bottom h3{ color:#fff}
.blaugrau{background:#8ea8c1;}
.royalblau{background:#091233;}
.gelb{background:#efe3b3;}
.grau{background:#cccbc7;}
.mokka{background:#ABA37E; color:#fff}
.lila{background:#777895}
.uk-overlay-primary {background:rgb(7 13 36 / 90%);}
.sd-hr{border-top:2px solid #8ea8c1; margin-bottom:30px}
.ohne_margin{margin-top:0}
/*logo*/
.logo{padding-top:30px;}
.kontakt_daten a{color:#091233;}
iframe .html5-video-player a {display:none;}
#kunden{padding-top:4rem;padding-bottom:3rem}
.runde_button{right:0;bottom:30px; width:40px; height:40px;}
 a .runde_button .uk-icon{color:#000; margin: 8px 0 0 8px;}
/*navi*/
#topnav{margin-top:16px; margin-left:100px}
#wraper{position:relative; z-index:10; background-color:#f7f7f6}
#slider_start h3{color:#fff}
#slider_start .sd-button{border-color:#fff; font-size: 22px; color:#fff;}
#slider_start .sd-button a{color:#fff; padding: 30px 40px; text-decoration:none}
.off_button .uk-icon{color:#8ea8c1;}
.pin-wrap-sticky h4{line-height: 1.25;}

.uk-navbar-nav>li>a {font-family: 'Montserrat', sans-serif; position:relative;color:#091233;font-size:18px;text-transform:none;}
#topnav .uk-navbar-nav>li> a{position:relative}
#topnav .uk-navbar-nav>li.uk-active>a::after, #topnav .uk-navbar-nav>li>a:hover::after{
    position: absolute;
    bottom: 25px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background:#000;
}
#cards .link{margin-bottom: 40px}
.kontakt-text p{padding:10px; border-radius:50px}

.menu_inhalt{margin-top:20px;}		
.menu_inhalt .uk-navbar-nav>li>a{color:#fff;}
.button, .pwcmb-widget__button{font-family: 'Montserrat', sans-serif;font-size:19px; padding:8px; line-height: 38px;text-transform:none; border:1px solid #000; border-radius: 50px; margin-left:6px;vertical-align: top;margin-bottom:20px}
.pwcmb-widget__button{font-size:20px; font-weight:400}

.sd-switcher .uk-nav>li>a {padding: 5px 00px 5px 60px; margin-bottom: 6px;border-radius: 50px}
.sd-list ul>:nth-child(n+2) {margin-top: 16px;}
.sd-uk-height-video{max-height:750px; }
.sd-uk-height-video img, .sd-uk-height-video video{max-height: 700px}
#sd-swet .uk-subnav>* {text-align:center;  padding-left: 40px;}
.pad{padding-top:6rem;padding-bottom:6rem; }
.pad_bottom{padding-bottom:8rem}
.teser_inhalt{padding-top:5rem;padding-bottom:5rem; }
.teser_inhalt h3{color:#8ea8c1;line-height:1.2}
#ver_slider ul{padding-left:0}
#menu_2 .uk-navbar-nav li.uk-active > a {
    color: #efe3b3; /* Setze hier die gewünschte Farbe für das aktive Menüelement */
     /* Beliebige Stilanpassungen für das aktive Menüelement */
}

/* Füge eine Animation für den Übergang hinzu (optional) */
#menu_2 .uk-navbar-nav li a {
    transition: color 0.3s ease; /* Füge eine sanfte Farbänderung hinzu */
}
.text h2, .kontakt_inhalt h3, .text h3{margin-top:0}
#slider {height:800px; }
.bg_video{min-height:800px}
.bild-height{min-height:550px}
.sd-margin-left{margin-left:58px}
.sd-margin-top{margin-top:60%}
.slider_bild_text .uk-slidenav {color:#fff;}
.video-margin-left  {margin-left:80px}
#prozecc h6, .hellblau p, .text_slider h3, .text_slider h6, .uk-nav-default>li>a.royalblau, .uk-nav-default>li>a.lila{color:#fff;}
.uk-nav-default>li>a:hover, .uk-nav-default>li>a.royalblau:hover, .uk-nav-default>li>a.lila:hover, .uk-nav-default>li>a  {
    color: #000
}
#prozecc h4{margin-top:0;}
.uk-marker {border-radius:0;}
.sd-toltip.uk-icon{ padding:6px; background:#fff; color:#000}
.sd-toltip.uk-icon:hover{color:#091233}
.uk-tooltip {
    display: none;
    position: absolute;
    z-index: 1030;
    --uk-position-offset: 10px;
    --uk-position-viewport-offset: 10;
    top: 0;
    box-sizing: border-box;
    max-width: 250px;
    padding: 10px;
    background: #fff;
    
    color: #000;
    font-size: 16px;
}
#accordion h4,  #akkord_section h4, #akkord h4, #akkordion3 h4{margin-bottom:0; padding-bottom:6px; border-bottom: 2px solid #8ea8c1;}
#akkord_section .uk-accordion-title h4, #akkord .uk-accordion-title h4{font-size:44px}
#akkordion3 .uk-accordion-title h4{font-size:42px}
.uk-accordion-title::before {font-size:48px}
#kunden [uk-cover]:where(img,video) {position:relative; width:300px; height:auto;}

.grid {
	position: relative;
	
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	
	overflow: hidden;
	
	
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	
	
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}


.grid figure p {
	margin: 0;font-size:22px;
	padding:20px;
}





/*---------------*/
/***** Oscar *****/
/*---------------*/

figure.effect-oscar {
	background: rgb(24 31 57 / 40%);
	
}

figure.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
	padding: 4em;
	background-color: rgba(24 31 57 / 50%);
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 40px;
	right: 40px;
	bottom: 40px;
	left: 40px;
	border: 1px solid #fff;
	content: '';
}

figure.effect-oscar h4 {
	color:#fff;
	margin: 12% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover h4 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-oscar:hover figcaption {
	background-color: rgba(24 31 57 / 80%);
}

figure.effect-oscar:hover img {
	opacity: 0.3;
}
/*---------------*/
/***** Zoe *****/
/*---------------*/

figure.effect-zoe figcaption {
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 50%;
	background: rgba(24 31 57 / 85%);
	color: #fff;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-zoe h2 {
	float: left;
}

figure.effect-zoe p.icon-links a {
	float: right;
	color: #3c4a50;
	
}

figure.effect-zoe:hover p.icon-links a:hover,
figure.effect-zoe:hover p.icon-links a:focus {
	color: #252d31;
}

figure.effect-zoe p.description {
	position: absolute;
	bottom: 8em;
	padding: 2em;
	color: #fff;
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}

figure.effect-zoe h2,
figure.effect-zoe p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

figure.effect-zoe p.icon-links a span::before {
	display: inline-block;
	padding: 8px 10px;
	font-family: 'feathericons';
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-eye::before {
	content: '\e000';
}

.icon-paper-clip::before {
	content: '\e001';
}

.icon-heart::before {
	content: '\e024';
}

figure.effect-zoe h2 {
	display: inline-block;
}

figure.effect-zoe:hover p.description {
	opacity: 1;
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-zoe:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-zoe:hover p.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}






.h-margin-left{margin-left:110px}

#sectionPin, #sectionPin2  {
		height: 100vh;
		display: flex;
		overflow: scroll;
		flex-flow: column nowrap;
	}
#sectionPin2 .uk-card{flex: 3; border:1px solid #8ea8c1; border-radius:60px; padding:20px; }
	.pin-wrap {
		height: 100vh;
		display: flex;
		
		align-items: center;
		
	}

	.pin-wrap > * {
		min-width: 26vmax;
		margin-left:3vmax;
	}

	#sectionPin2  .pin-wrap {
		height: 85vh;
		display: flex;
		align-items: stretch;
		
	}
	#sectionPin2  .pin-wrap > * { 
		
		min-width: 27vmax;
		margin-left:2vmax;
		
	}

		@supports(animation-timeline: view()) {
			@keyframes move {
				to {
					/* Move horizontally so that right edge is aligned against the viewport */
					transform: translateX(calc(-100% + 10vw));
					left: 0px;
				}
			}

			#sectionPin, #sectionPin2 {
				/* Stretch it out, so that we create room for the horizontal scroll animation */
				height: 122vh;
				overflow: visible; /* To make position sticky work … */
				
				view-timeline-name: --section-pin-tl;
				view-timeline-axis: block;
			}

			.pin-wrap-sticky {
				/* Stick to Top */
				height: 100vh;
				width: 100vw;
				position: -webkit-sticky;
				position: sticky;
				top: 0;
				overflow-x: hidden;
			}

			.pin-wrap {
				height: 100vh;
				width: 70vmax;

				/* Hook animation */
				will-change: -webkit-transform;
				will-change: transform;
				 -webkit-animation: move 140s linear forwards;
				animation: move 140s linear forwards;
				animation-delay:30s;
				/* Link animation to view-timeline */
				animation-timeline: --section-pin-tl;
				animation-range: contain 0% contain 100%;
				
			}
		}



/*footer*/

#footer.uk-height-large {height:700px;z-index:0 }
.footer_inhalt{}
.footer_inhalt, .footer_inhalt a, .footer_inhalt h5, .footer_inhalt h3, .royalblau h4, .royalblau a{color:#8ea8c1;}
.sd-button{background: none;font-family: 'Montserrat', sans-serif;color:#000;
    transition: all .2s;
    border: 1px solid #8ea8c1;
    border-radius: 25px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
	padding: 12px 30px;
    line-height: 17px;
    
    -webkit-border-radius: 25px;-webkit-border-radius: 25px; border-radius: 25px; width: auto;}
.sd-button:hover, .footer_inhalt .sd-button:hover{background: #8ea8c1;color:#091233;text-decoration:none}
#ver_slider .sd-button{border: 1px solid #000; color:#000}
#ver_slider h3{line-height:1.4; margin-bottom:0}
#projekt .sd-button{color:#fff; font-size:20px;}

@media (min-width: 960px){
.uk-navbar-nav {
    gap: 50px;
}

}
.slider_bild_text p{line-height:2}
.sd-switcher2 .sd-button{width:250px; text-align:center;margin-bottom:16px; border-color:#000;color:#000;text-transform:none}




.widget-container{
	transition: all 0.3s ease;
	.common-flip-style{
		width: 260px;
		height: 260px;
		cursor: pointer;
		.common-box-style{
			
			backface-visibility: hidden;
			position: absolute;
			width: 100%;
			height: 100%;
			-webkit-transition: all .6s ease-in-out;
			-o-transition: all .6s ease-in-out;
			transition: all .6s ease-in-out;
			
		}
	}
}

.flip-box_1 {
  background-color: transparent;
  width: 260px;
  height: 260px;
  
  perspective: 1000px;
}
.margin-flip{margin-left: 22px;}
.box-panel h5{font-size:26px}
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  
    
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box_1:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  background-color: #8ea8c1;
  color: black;
}

.flip-box-back {
  background-color: white;
  color: #000;
  transform: rotateY(180deg);
}


.flip-box{
	position: relative;
	perspective: 1000px;
	transform-style: preserve-3d;
	.box-front{
		transform: none;
		z-index: 1;
		background-color: #8ea8c1;
		
	}
	.box-back{
		width: calc(100% - 10px);
		height: calc(100% - 10px);
		transform: rotateX(0) rotateY(-180deg);
		background: #fff;
		
		backface-visibility: hidden;
	}
	&:hover{
		.box-front{
			transform: rotateX(0) rotateY(180deg);
		}
		.box-back{
			transform: none;
		}
	}
}
.box-panel h5{font-size:26px}
.box-content-wrapper{
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	text-align: center;
	
}

.kreis{top: 5%; left:12%; z-index:1}

.circle1 {
	fill:none;
  stroke:#8ea8c1;
  stroke-width:0.2;
  
}
.section_1{background-color:#f7f7f6; transition: background-color 1.5s ease;}

.panel {
  /* min height incase content is higher than window height */
  min-height: 100vh;
  
  align-items: center;
}
/* colours */

.color-indigo {
  background-color: #4332CF;
}
.color-blue {
  background-color: #2F8FED;
}

.color-yellow {
  background-color: #efe3b3;
}

.color-royalblau {
  background-color: #091233;
  color:#cdcdcd;
}
.color-royalblau h6{color:#fff;}
.color-royalblau h2, .color-royalblau h3, .color-royalblau h4{color:#8ea8c1}


.tb_outer_wrap {
    width: 100%;
    max-width: 900px;
    margin: 15px auto;
}
.tb_video_wrap_macbook {
    position: relative;
    padding-bottom: 43%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    -webkit-border-image: url('images/macbook_laptop.png') 50 233 112 228 stretch stretch;
    -moz-border-image: url('images/macbook_laptop.png') 50 233 112 228 stretch stretch;
    -o-border-image: url('images/macbook_laptop.png') 50 233 112 228 stretch stretch;
    border-image: url('images/macbook_laptop.png') 50 233 112 228 stretch stretch;
    border-color: rgba(0, 0, 0, 0);
    border-width: 27px 74px 55px 78px;
    border-style: inset;
}
.tb_video_wrap_macbook iframe, .tb_video_wrap_macbook object, .tb_video_wrap_macbook embed, .tb_video_wrap_macbook video {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
}
@media (max-width: 500px) {
.tb_video_wrap_macbook {
    border-width: 20px 62px 40px 62px;
}
}
@media all and (max-width: 400px) {
.tb_video_wrap_macbook {
    border: none !important;
}
}
.element {
	animation: myAnim 2s ease 0s 1 normal forwards;
}
@keyframes myAnim {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}
[uk-cover]:where(video) {z-index:-1}
.text_startslider h3{line-height:0.85}

@media (min-width: 960px){
.uk-navbar-nav {
    gap: 40px;
}
}
/* Desktop First i.e Larger to Smaller Devices */

  /* XX-Large devices (larger desktops) */
  /* No media query since the xxl breakpoint has no upper bound on its width */

  /* X-Large devices (large desktops, less than 1400px) */
  
  
  @media (max-width: 1399.98px) {
	  
	   #sectionPin2 h4{font-size: 1.5rem; line-height:1.2}
	  
	  
  }

  /* Large devices (desktops, less than 1200px) */
  @media (max-width: 1199.98px) { 
  
  .pin-wrap-sticky h4{font-size: 1.5rem; line-height: 1.4;}
  
  }

  /* Medium devices (tablets, less than 992px) */
  @media (max-width: 991.98px) { 
  
  
  
  }

  /* Small devices (landscape phones, less than 768px) */
 @media (max-width: 767.98px) { 

h6{font-size:18px;}
h5{font-size:20px;}
h4{font-size:22px;}
h3{font-size:24px;}

h2{font-size:26px;}
h1{font-size:28px;}
.logo {padding-top: 10px; padding-bottom:10px}
.logo .logo_bild img{width:80%}
.off_button{position:absolute; top:8px; right:0px;}
.off_button.uk-grid-margin{margin-top:10px}
.kontakt-text{display:none}
 #slider {height: 80vh;} 
 .panel {min-height: 60vh;}
 #akkord_section .uk-accordion-title h4, #akkord .uk-accordion-title h4, #akkordion3 .uk-accordion-title h4  {font-size: 20px;}
 .uk-accordion-title::before {font-size: 20px; }
#video-slider .pin-wrap {height: 60vh;}
#video-slider .pin-wrap > * {min-width: 32vmax;}
#video-slider .pin-wrap p{font-size:15px}
#sectionPin2 .pin-wrap > * {
    min-width: 50vmax;
    margin-left: 2vmax;
}
.header_text_bottom {width: 250px;padding: 40px 40px 40px 40px;}
.header_text_bottom h3, .header_text h3{font-size:30px}
.teser_inhalt {padding-top: 3rem; padding-bottom: 3rem;}
.teser_inhalt h3{line-height:1.5}
.uk-card-body {padding: 30px 20px;}
figure.effect-oscar figcaption {padding:16px}
.grid figure p {
    margin: 0;
    font-size: 15px;
    padding: 10px;
}
  figure.effect-oscar figcaption::before {
    position: absolute;
    top: 16px;
    right: 16px;
    bottom: 16px;
    left: 16px;
    border: 1px solid #fff;
    content: '';
}
.video iframe{height: 320px!important;;}
.sd-margin-left, .margin-flip{ margin-left: 0px;}
.box-1{margin-left:30px}
#slider_start .sd-button {font-size:18px}
#slider_start .sd-button a{padding:6px 10px}
.box-panel h5 {font-size:20px;}
.pad{padding-top:2rem;padding-bottom:2rem; }
.sd-margin-top {   margin-top: 10%;}
.uk-text-large {font-size: 1rem; line-height: 1.5;}
#ver_slider .uk-padding-large {padding:20px}
#menu_2 .uk-navbar{overflow: scroll;}
.slider_bild_text .uk-margin-medium-top, .slider_bild_text p, .slider_bild_text h4 {margin-top:0}
.slider_bild_text .uk-padding-large{padding:10px}
.uk-slider-items>* {    max-width: 80%;}
#cards .link{margin-bottom: 30px}
.video .uk-height-large {height: 250px;}
.pwcmb-widget__button {font-size:16px; line-height:20px}
.video-margin-left  {margin-left:0px}

}
  /* X-Small devices (portrait phones, less than 576px) */
  @media (max-width: 575.98px) { 
  
  
  
  }