@font-face {
	    font-family: 'Avenir Next Regular';
	    src: url('fonts/AvenirNextLTPro-Regular.eot');
	    src: url('fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),
	        url('fonts/AvenirNextLTPro-Regular.woff2') format('woff2'),
	        url('fonts/AvenirNextLTPro-Regular.woff') format('woff'),
	        url('fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
	    font-weight: normal;
	    font-style: normal;
	    font-display: swap;
	}
	
	@font-face {
	    font-family: 'Avenir Next';
	    src: url('fonts/AvenirNext-Medium.eot');
	    src: url('fonts/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'),
	        url('fonts/AvenirNext-Medium.woff2') format('woff2'),
	        url('fonts/AvenirNext-Medium.woff') format('woff'),
	        url('fonts/AvenirNext-Medium.svg#AvenirNext-Medium') format('svg');
	    font-weight: normal;
	    font-style: normal;
	    font-display: swap;
	}
	
	@font-face {
	    font-family: 'Avenir Next Altra!';
	    src: url('fonts/AvenirNext-UltraLight.eot');
	    src: url('fonts/AvenirNext-UltraLight.eot?#iefix') format('embedded-opentype'),
	        url('fonts/AvenirNext-UltraLight.woff2') format('woff2'),
	        url('fonts/AvenirNext-UltraLight.woff') format('woff'),
	        url('fonts/AvenirNext-UltraLight.svg#AvenirNext-UltraLight') format('svg');
	    font-weight: normal;
	    font-style: normal;
	    font-display: swap;
	}
	
	@font-face{
	    font-family:"Avenir Next Ultra";
	    src:url("fonts/1437416/599179d8-2203-4a9f-b271-010a707271dc.woff2") format("woff2"),url("fonts//1437416/3b0370cd-39d6-4a24-9c65-60787db0ebe0.woff") format("woff");
	    font-weight: normal;
	}
	
	.clear{
		clear:both;
	}
	
	/* Viewport-Variable: 100dvh wenn verfügbar, sonst 100vh */
	:root {
	  --vh: 100vh;
	  /* Verhältnis der ersten Section (z.B. 60% Video / 40% Intro) */
	  --hero-ratio: 0.40;
	}
	
	:root .sales{
		--hero-ratio: 0.35;	
	}
	
	:root .register{
		--hero-ratio: 0.6;	
	}
	
	a{
		color:inherit;
	}
	
	
	strong{
		font-family: "Avenir Next";
		font-weight: bold;
	}
	
	/* Ausgangszustand */
	.fadein {
	  opacity: 0;
	  transform: translateY(14px);        /* optionaler kleiner Slide */
	  transition:
	    opacity var(--fi-dur, .6s) ease,
	    transform var(--fi-dur, .6s) ease;
	  will-change: opacity, transform;
	}
	
	/* sichtbar */
	.fadein.is-inview {
	  opacity: 1;
	  transform: none;
	}
	
	/* Nutzer, die Bewegungen reduziert haben möchten */
	@media (prefers-reduced-motion: reduce) {
	  .fadein {
	    transition: opacity .01s linear;
	    transform: none;
	  }
	}
	
	html { 
		scrollbar-gutter: stable; 
	}
	
	/* Firefox */
	* {
	  scrollbar-width: thin;           /* dünner Balken */
	  scrollbar-color: rgba(119,107,93,1) #f2f2f2;
	}
	
	/* WebKit (Chrome, Edge, Safari) */
	::-webkit-scrollbar {
	  width: 8px;
	  height: 8px;
	}
	::-webkit-scrollbar-track {
	  background: #f2f2f2;
	}
	::-webkit-scrollbar-thumb {
	  background: rgba(119,107,93,1);
	  border-radius: 4px;
	}
	
	*{
	    box-sizing: border-box;
	}
	
	body{
		font-family:"Avenir Next Regular", "Open Sans", Helvetica !important;
		font-size:17px;
		color:rgb(119,107,93);
		margin:0;
		line-height:1.5em;
	}
	
	img{
		max-width: 100%;
	}
	
	section{
		padding:0 35px;
	    margin:0;
	    margin-bottom:5em;
	    width: 100%;
	    max-width:1400px;
	    margin-left: auto;
	    margin-right: auto;
    }
    
    
    
    
    .call_to_action{
	    border:1px solid rgb(119,107,93);
	    background:rgb(119,107,93);
	    color:#fff;
	    padding:12px 15px;
	    margin-top:1em;
		line-height: 1em;
	    display: inline-block;
	    transition: all 250ms ease-in-out;
	    text-decoration: none;
	    cursor: pointer;
    }
    
    
    .call_to_action:after{
	    position: relative;
	    content:"";
	    background-image:url(images/icons/arrow-right-white.png);
	    width:16px;
	    height:16px;
	    background-size: cover;
	    display: inline-block;
	    top:2px;
	    margin-left:1em;
	    opacity:0.9;
    }
    
    @media only screen and (min-width:1000px){
    
	    .call_to_action:hover,
	    .call_to_action:active,
	    .bckgndbox .call_to_action:hover{
		    background:rgb(176, 166, 149) !important;
		    border:1px solid rgb(176, 166, 149) !important;
	    }
	    
	    .wbn-iframe-modal a.lightbox:hover{
		    background:rgb(176, 166, 149) !important;
		    border:none;
	    }
	    
	    .call_to_action:hover:after{
		    /*background-image:url(images/icons/arrow-right.png);*/
	    }
	    
	    .call_to_action span{
		    display:inline-block;
		    margin-left:1em;
		    position: relative;
			top: 1px;
	    }
	    
	
	}    
    
    h1, h2{
	    font-family: "Avenir Next Regular";
		font-size: 1.85em;
		font-weight: normal;
		color:rgb(119,107,93);
		line-height:1.15em;
    }
    
    h1{
	    margin-top:0.5em;
	    margin-bottom:15px;
    }
    
    main{
	    width:100%;
	    margin-left: auto;
	    margin-right: auto;
    }
    
    :root {
      --overlay-bg: transparent; /* optional: rgba(0,0,0,.2) */
      --logo-max-width: min(50vw, 340px);
      --logo-fade-ease: linear; /* oder ease, ease-in-out, etc. */
    }

    .video-hero {
	  position: relative;
	  width: 100%;
	  background: #fff;          /* Seitenhintergrundfarbe */
	  overflow: hidden;
	  /* Neu: zentrieren per Grid statt absolute/inset */
	  display: grid;
	  place-items: center;
	  margin-bottom:0;
	  
	  height: calc(var(--vh) * var(--hero-ratio) - 10px );
	  position: relative;       /* für absolute Video-Position */
	  overflow: hidden;         /* Video-Cover Zuschnitt */
	  padding: 0;
	}
	
	.register .video-hero{
		
	  border-left: 35px solid #fff;
	  border-right: 35px solid #fff;
	}
	
	.video-hero.sales{
		border-left:none;
		border-right:none;
	}
	
	@media only screen and (min-width:1000px){
		
		main{
			max-width:1200px;
		}
		
		body.sales .video-hero {
			margin: 0 35px;
		}
		
		
	}
	
	/* Optionaler Fallback – nur verwenden wenn nötig */
	.video-hero.bleed video {
	  /* winziges Upscale, bleibt i. d. R. unsichtbar, deckt Nähte ab */
	  transform: translateZ(0) scale(1.007);
	  transform-origin: center;
	}
	
	.video-hero video {
	  /* Entferne: position:absolute; inset:0; width/height:100%; object-fit */
	  max-width: calc(100%);
	  max-height: calc(100%);
	  width: auto;               /* behält Seitenverhältnis des Videos */
	  height: auto;              /* behält Seitenverhältnis des Videos */
	  background: #fff;          /* weiße „Balken“ falls nötig */
	  display: block;            /* verhindert Inline-Baseline-Gap */
	  transform: translateZ(0);  /* behebt teils GPU-Aliasing-Kanten */
	  backface-visibility: hidden;
	  
	  
	  position: absolute;
	  inset: 0;
	  width: calc(100%);
	  height: calc(100% );
	  /*top:25px;*/
	  object-fit: cover;        /* Cover-Zuschnitt */
	  object-position: center;  /* oder top/left/right, je nach Motiv */
	  background: #fff;
	  
	}
	
	.video-hero.sales video{
		top:0;
	}




    .video-hero::after {
      content: "";
      position: absolute;
      inset: 0;
      background: var(--overlay-bg);
      pointer-events: none;
    }
    
    
    
    section.intro {
	  min-height: calc(var(--vh) * (1 - var(--hero-ratio)));
	  display: flex;
	  flex-direction: column;
	  justify-content: center;  /* oder flex-start, wenn du oben beginnen willst */
	}

    
    .logo-overlay {
      position: absolute;
      inset: 0;
      display: grid;
      place-items: center;
      pointer-events: none; /* Overlay nicht klickbar */
    }

    .logo-overlay img {
      width: 100%;
      max-width: var(--logo-max-width);
      height: auto;
      opacity: 0;         /* Start: ausgeblendet */
      transition: opacity .2s var(--logo-fade-ease);
      filter: drop-shadow(0 6px 18px rgba(0,0,0,.35));
      will-change: opacity;
    }
    
    .novideo > img{
	    scale: 1.2;
	    margin-top:-30%;
    }
    
    .logo-overlay.fadein img{
	    opacity: 1;  
    }
    
    ul{
	    padding-left:0;
	    list-style-type: none;
	    margin-bottom:0;
    }
    
    ol{
	    padding-left:15px;
    }
    
    ul li{
	    margin-bottom:1em;
	    padding-left:30px;
	    position: relative;
    }
    
    ol li{
	    margin-bottom:1em;
	    padding-left:15px;
	    position: relative;
    }
    
    ul li:before{
	    position: absolute;
	    content:"";
	    background-image:url(images/icons/check.png);
	    width:18px;
	    height:14px;
	    background-size: cover;
	    display: inline-block;
	    top:2px;
	    left:0px;
    }
    
    ul li:last-of-type{
	    margin-bottom:0;
    }
    
    section.bckgndbox{
	    padding:0px 0px 0px 0px;
	    max-width: 100%;
	    line-height: 0;
    }
    
    section.bckgndbox.small{
	    padding:0px 35px 0px 35px;
    }
    
    .bckgndbox h2:first-of-type{
	    margin-top:0;
    }
    
    .padding-container{
	    background:#e9e9e9;
	    padding:10px 25px 35px 25px;
	    width: 100%;
	    max-width:1400px;
	    margin-left: auto;
	    margin-right: auto;
		line-height:1.5em;
    }
    
    .call_to_action.inverted{
	    border:1px solid rgb(119,107,93);
	    background:transparent;
	    color:rgb(119,107,93);
	    padding:12px 15px;
	    margin-top:2em;
	    margin-bottom:1em;
		line-height: 1em;
	    display: inline-block;
	    transition: all 250ms ease-in-out;
	    text-decoration: none;
    }
    
    .call_to_action.inverted:after{
	    position: relative;
	    content:"";
	    background-image:url(images/icons/arrow-right.png);
	    width:16px;
	    height:16px;
	    background-size: cover;
	    display: inline-block;
	    top:2px;
	    margin-left:1em;
    }
    
    .bckgndbox .call_to_action:hover,
    .call_to_action.inverted:hover{
	    background: rgb(119,107,93);
	    color:#fff;
    }
    
    .bckgndbox .call_to_action:hover:after,
    .call_to_action.inverted:hover:after{
	    background-image:url(images/icons/arrow-right-white.png);
    }
    
    .bckgndbox .call_to_action span{
	    display:inline-block;
	    margin-left:1em;
	    position: relative;
		top: 1px;
    }
    
    .wbn-iframe-modal a.lightbox{
    	border: 1px solid rgb(119, 107, 93);
	    background: rgb(119, 107, 93);
	    color: #fff;
	    margin-top: 0em !important;
	    display: inline-block;
	    transition: all 250ms ease-in-out;
	    text-decoration: none;
	    max-width: none !important;
	    width:auto !important;
	    display: inline-block !important;
	    padding:0 !important;
	    min-height: 0 !important;
	    height:auto !important;
    }
    
    .wbn-iframe-modal a.lightbox .btn-text-lightbox{
	    font-family:"Avenir Next Regular", "Open Sans", Helvetica !important;
		font-size:16px !important;
		font-weight:normal !important;
	    line-height: 1em !important;
	    padding: 12px 15px !important;
		text-align: left !important;
    }
    
    .wbn-iframe-modal a.lightbox .btn-text-lightbox:after{
	    position: relative;
	    content:"";
	    background-image:url(images/icons/arrow-right-white.png);
	    width:16px;
	    height:16px;
	    background-size: cover;
	    display: inline-block;
	    top:2px;
	    margin-left:1em;
	    opacity:0.9;
    }
    
    .button_placeholder{
	    display: block;
    }
    
    .footer{
	    font-size:0.85em;
	    background:rgb(243,238,234);
	    color:rgb(176,166,149);
    }
    
    .footer a{
	    text-decoration: none;
	    color:rgb(176,166,149);
    }
    
    section.footer{
	    margin-bottom:0;
    }
    

    /* Optional: sanftes Pausen-Icon bei Debug (auskommentiert) */
    /* .video-hero.paused { outline: 2px dashed #888; } */
    
    
    
    
    
	/* ===== Carousel ===== */
	
	:root{
	/* Passe die Slide‑Breite und den Abstand an */
	--slide-width: 82vw; /* Breite eines Kastens */
	--gap: 15px; /* Abstand zwischen Kästen */
	--radius: 0px;
	--bg: #f3ede9; /* Kartenhintergrund, ähnlich zum Screenshot */
	--text: #6f6258;
	}
	
	
	/* Viewport versteckt Scrollbar vollständig */
	.viewport{ overflow:hidden; }
	
	
	/* Carousel */
	
	
	
	.card{ flex: 0 0 var(--slide-width); scroll-snap-align: center; background: var(--bg); border-radius: var(--radius); padding: 28px 24px 32px; box-shadow: 0 1px 2px rgba(0,0,0,.06); display:grid;  text-align:center; min-height: 62vh; 
		
		/*place-content:center;*/
		place-content: flex-start;
		justify-content: center;
		
	}
	
	
	.lead{max-width: 36ch; margin: 0 auto 18px; font-size: inherit; line-height: 1.5}
	.muted{opacity:.85}
	
	
	.controls{position: relative; z-index: 2; display:flex; align-items:center; justify-content:center; gap: 18px; margin-top: 10px; user-select:none;}
	.mini-btn{appearance:none; border:none; background:#fff; border-radius:var(--radius); width:42px; height:32px; display:grid; place-items:center; cursor:pointer; font-size:18px; line-height:1; color:#7a6e64;}
	.mini-btn[disabled]{opacity:.35; cursor:not-allowed}
	.counter{font-variant-numeric: tabular-nums; min-width:58px; text-align:center}
	
	
	.carousel.dragging{cursor: grabbing}
	.carousel.grab{cursor: grab}
	
	
	@container (min-width: 900px){ :root{ --slide-width: 840px } .carousel{ padding-inline: calc((100% - var(--slide-width))/2) } }
	
	
	#carousel,
	#carousel2 {
	  display: flex;
	  gap: var(--gap);
	  overflow-x: auto;
	  overflow-y: hidden;
	  scroll-snap-type: x proximity;      /* weich, kein "Kleben" */
	  -webkit-overflow-scrolling: touch;  /* Momentum scroll auf iOS */
	  padding-inline: calc((100vw - var(--slide-width)) / 2);
	  scroll-behavior: smooth;
	  -ms-overflow-style: none;
	  scrollbar-width: none;
	}
	
	#carousel::-webkit-scrollbar,
	#carousel2::-webkit-scrollbar
	{ 
		display: none; }
	
	#carousel > *,
	#carousel2 > * {
	  flex: 0 0 var(--slide-width);
	  scroll-snap-align: center;
	}
	
	.card ul li{
		padding-left: 0;
	}
	
	.card ul li:before{
		position: relative;
		margin-right:1em;
	}
	
	.card h2{
		
	}





	.faq_container{
		padding-bottom:5px;
		margin-bottom:10px;
		border-bottom:1px solid rgb(119,107,93);
		display: block;
	}
	
	.faq_question{
		display: block;
		cursor: pointer !important;
	}
	
	
	
	.faq_answer{
		padding-top:10px;
		display: none;
	}
	
	.quote{
		margin-bottom:1em;
	}
	
	.quote.last{
		margin-bottom:0;
	}
	
	.quote .stars{
		display: inline-block;
		margin-bottom:0.25em;
		font-size:0.8em;
	}
	
	.quote .autor{
		display: inline-block;
		margin-top :0.25em;
	}
	
	.desktoponly{
		display: none;
	}
	
	.mobileonly{
		display: block;
	}
	
	.footer a:hover{
		color:rgb(119,107,93);
	}
	
	body.imprint h2{
		hyphens: auto;
	}
	
	body.imprint section{
		overflow-wrap: break-word;
	}
	
	#preorder{
		position:fixed;
		right:0;
		top:85%;
		z-index:999;
		pointer-events: none;
	}
	
	.preorder_button{
		background-color:rgb(119,189,143);
		display: inline-block;
		padding:15px 15px;
		line-height:1em;
		color:#fff;
		position: relative;
		bottom:0;
		right:-100%;
		pointer-events: all;
		white-space: nowrap;
		transition: right 250ms ease-in-out;
		cursor: pointer;
	}
	
	#preorder.visible .preorder_button{
		right:0;
	}
	
	#preorder.invisible .preorder_button{
		right:-100%;
	}
	
	#hiddencard{
		/*display: none;*/
	}
	
	#carousel2 .card{
		background-color:rgb(235,227,213);
		min-height: 0;
	}
	
	#carousel2 .card h2{
	}
	
	
	@media only screen and (min-width: 1200px){
		#carousel{
			grid-template-columns: repeat(4, 1fr) !important;
			
		}
		
		#carousel2{
			grid-template-columns: repeat(3, 1fr) !important;
			
		}
		
		.card{
			min-height: 1em;
		}
		
		#hiddencard{
			display:grid;
		}
	}
	
	
	@media only screen and (min-width: 800px){
		
		.card{
			min-height: 1em;
		}
		
		main section:last-of-type{
		    margin-bottom: 0;
	    }
		
		.desktop_morespace{
			display: inline-block !important;
			margin-top:1em !important;
			margin-bottom:2em !important;
		}
		
		.faq_question:hover{
			color:rgb(176,166,149);
		}
		
		.desktoponly{
			display: block;
		}
		
		.mobileonly{
			display: none;
		}
		
		section.bckgndbox.small{
			padding:0;
		}
		
		:root {
		  --vh: 100vh;
		  /* Verhältnis der ersten Section (z.B. 60% Video / 40% Intro) */
		}	
		
		:root .sales{
			--hero-ratio: 0.65;	
		}
		
		:root .register{
			--hero-ratio: 0.6;	
		}
		
		/*
		section.fadein{
			width:50%;
			float:left;
		}
		*/
		
		.desktop_2-3{
			max-width:700px;
			,arg
		}
		
		.gridsections{
			columns: 2;
			margin-bottom: 5em;
		}
		
		.desktop_center{
			text-align: center;
		}
		
		.desktop_center h2{
			margin-bottom:0.75em;	
		}
		
		.gridsections.realgrid{
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			margin-bottom:0;
		}
		
		.desktop_nomargintop{
			margin-top:0;
		}
		
		.gridsections section{
			break-inside: avoid-column;
			margin-bottom:8em;
		}
		
		.gridsections section h2{
			margin-bottom: 0.75em;
		}
		
		.gridsections section .call_to_action{
			margin-top: 0.75em;
		}
		
		.bckgndbox .padding-container {
			
		}
		
		.bckgndbox.small{
			padding-bottom:1.5em;
		}
		
		.bckgndbox .padding-container img{
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		
		.viewport{
			padding-left:35px;
			padding-right:35px;
		}
		
		#carousel,
		#carousel2{
			padding:0;
			display: grid;
			grid-template-columns: repeat(2, 1fr);
		}
		
		#carousel .card,
		#carousel2 .card{
			break-inside: avoid-column;
		}
		
		.desktopgrid{
			display: grid;
			grid-template-columns: repeat(4, 1fr);
		}
		
		.controls{
			display: none;
		}
		
		.desktopnomargin{
			margin-top:0;
		}
		
		.footer{
			margin-left:35px;
			margin-right:35px;
		}
		
		main{
			margin-top:2em;
			overflow: hidden;
		}
		
		.desktop_marginbottom{
			padding-bottom:1.5em;
		}
		
		.video-hero{
			max-width: calc(100% - 70px);
			overflow: hidden;
		}
		
		body.register section.bckgndbox{
			background: #e9e9e9;
			margin-left:35px;
			margin-right:35px;
		}
		
		
		body.register .bckgndbox > img{
			float:left;
			width:50%;
		}
		
		body.register .bckgndbox > .padding-container{
			float:left;
			width:50%;
			padding-right:70px;
		} 
		
		.footer{
			margin-bottom:2em !important;
		}
		
		:root{
			--logo-max-width: min(50vw, 250px);
		}
		
		.register .video-hero{
			margin-left:0;
			margin-right:0;
			max-width: calc(100%);
		}
		
		.register .gridsections section .call_to_action{
			margin-top:1.5em !important;
		}
		
		body.thankyou .fadein #brandLogo{
			max-width:250px !important;
		}
		
		section.bckgndbox,
		.footer{
			max-width:calc(100% - 70px);
		}
		
		body.imprint section{
			margin-bottom:3em;
		}
		
		body.imprint h2{
			font-size:1.65em;
		}
		
		body.imprint strong{
			font-size:1.25em;
			display: inline-block;
			margin-bottom:0.75em;
		}
		
		body .footer #brandLogo{
			margin-left:0px !important;
		}
		
		/*
		.card{
			place-content:center;
		}
		*/
	}
	
	.ccm-root{
		font-family: inherit !important;
		color:inherit !important;
	}
	
	.ccm-modal-inner{
		border-top:1px solid rgb(119,107,93) !important;
	}
	
	.ccm-inner-overflow{
		font-size: 0.9em !important;
		padding-bottom:0 !important;
	}
	
	.ccm-widget .ccm-modal--footer{
		justify-content: center !important;
	}
	
	.ccm-widget--text{
		min-height:70px !important;
	}
	
	.ccm-modal--header{
		display: none !important;
	}
	
	.ccm-root a{
		color: inherit !important;
	}
	
	.ccm-root .ccm-powered-by{
		display: none !important;
	}
	
	.ccm-modal--body{
		padding-top:15px !important;
	}
	
	.ccm-root .ccm-modal-inner,
	.ccm-root .ccm-modal--body,
	.ccm-root .ccm-modal--footer{
		background:#e9e9e9 !important;
	}
	
	.ccm-root .ccm-widget--title{
		display: none !important;
	}
	
	.ccm-widget--text::after,
	.cover-scrollbar::before{
		background-image:none !important;
		background:#e9e9e9 !important;
	}
	
	.cover-scrollbar::before{
		width:17px !important;
	}
	
	
	.ccm-settings-summoner.ccm-show{
		display: none !important;
	}
	
	.ccm-widget--buttons{
		flex-wrap: nowrap !important;
	}
	
	.ccm-root button,
	.ccm-root button:hover,
	.ccm-root button:active{
		background:black !important;
		font-family: inherit !important;
		min-height: 0 !important;
		line-height:1.25em !important;
		padding-top:7px !important;
		padding-bottom:5px !important;
		font-size: 1em !important;
		text-transform: none !important;
	}
	
	.ccm-root button.ccm--save-settings{
		background:rgba(119, 107, 93, 1) !important;
		border:1px solid rgba(119, 107, 93, 1) !important;
		text-shadow: none !important;
	}
	
	.ccm-root button.ccm--decline-cookies{
		background:rgba(255, 255, 255, 1) !important;
		color:rgba(119, 107, 93, 1) !important;
		border:1px solid rgba(119, 107, 93, 1) !important;
		text-shadow: none !important;
	}
	
	
	
	.ccm-widget .ccm-modal--footer{
		padding-bottom: 0 !important;
	}
	
	.ccm-root .ccm--p{
		color:transparent !important;
		height:100px !important;
	}
	
	.ccm-root .ccm--p:before{
		content:"Diese Seite nutzt einwilligungsbedürftige Cookies und Technologien von Drittunternehmen zur Integration bestimmter Funktionen. Wenn Sie hier einwilligen, werden diese Funktionen aktiviert. Sie können Ihre Einwilligung jederzeit widerrufen.";
		    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    text-indent: 0;
    color:rgb(119,107,93);
    z-index:99 !important;
	}
	
	
	@media only screen and (min-width:801px){
		.ccm-root .ccm--p{
			height:50px !important;
			max-width:800px;
			margin-left: auto;
			margin-right: auto;
			position: relative;
		}
	}