/* CSS Mini Reset */
/******************/
html{color:#000;}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

.clear{ clear:both; }
.nopadl{ padding-left:0px !important;	}

.nopadr{ padding-right:0px !important; }
.nopad{padding-left:0px !important; padding-right:0px !important; }
.input_wrongdiv { display: none; color:#ff0000; }
.after_send { display: none; }
/* STYLES */
@font-face {
     font-family: 'Roboto-Bold';
     src: url("fonts/Roboto-Bold.ttf") format("truetype");
     font-weight:normal;
     font-style:normal;
}
@font-face {
     font-family: 'Roboto-Medium';
     src: url("fonts/Roboto-Medium.ttf") format("truetype");
     font-weight:normal;
     font-style:normal;
}
@font-face {
     font-family: 'RobotoFlex';
     src: url("fonts/Roboto-Light.ttf") format("truetype");
     font-weight:normal;
     font-style:normal;
}
@font-face {
     font-family: 'RobotoCondensed';
     src: url("fonts/RobotoCondensed-SemiBold.ttf") format("truetype");
     font-weight:normal;
     font-style:normal;
}
:root{
    --fs-nav: 22px;
    --fs-sml: 16px;
    --lh-sml: 24px;
    --fs-std: 19px;
    --lh-std: 26px;
    --fs-med: 24px;
    --lh-med: 35px;
    --fs-big: 42px;
    --lh-big: 52px;

    --fs-tit: 35px;

    --c-std: #4d4d4d;
    --c-blue: #012d61;
    --c-lightblue: #aac7fe;
    --c-yellow: #f5a800;
    --c-grey: #f1f1f1;

    --p-big: 75px;
    --p-sml:30px;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
input:focus, select:focus, textarea:focus {
    outline:none !important;
}
/*input, select, textarea {
	-moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
}*/
strong{
     font-family: 'Roboto-Medium';
     font-weight:normal;
}
#btn_nav, .mobnav{
    display:none;
}
body{
    font-weight: normal;
    font-family: 'RobotoFlex';
    font-size: var(--fs-std);
    line-height: var(--lh-std);
    color:var(--c-std);
    width:100vw;
    overflow-x:hidden;
}
a:link, a:visited {
    color:var(--c-blue);
}
a:hover{
    text-decoration:underline;

}
.container li{
    text-indent: -18px;
    padding-left:20px;
}
.container li:before{
    content:"-";
    margin-right:11px;
}

.input_wrongdiv{
	color: red;
}
.input_wrongdiv, .after_send{
	display: none;
}

h1{

}

h2{

}

/* CONTENT */
#pagewrapper{
    z-index:1;
}
.pagecenter {
    width:100%;
    max-width:1378px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    height: 100%;
}
.pagecenter .simpli_mod{
    width:100%;
}
#pagewrapper:not(.lhome){
    margin-top:110px;
}

header {
    position:fixed;
    left:0px;
    height:110px;
    background:#fff;
    top:0;
    z-index:4;
    margin:0px !important;
    width: 100vw;
    margin-left:0;
    margin-right:0;
    align-items:center;
    box-shadow: -1px 5px 15px 0px rgba(0,0,0,0.2);
    transition:all 0.4s;
}
header.up{
    top:-120px;
}
#blueheader{
    width:100vw;
    height:10px;
    background:var(--c-blue);
}
header .pagecenter {
    display:flex;
    align-items:center;
}
header > * {
    position:fixed;
}
nav {
    display:flex;
    align-items:center;
    text-align:right;
    justify-content: end;
}
.nav ul {
    display:none;
    position:absolute;
}
.nav > li{
    position:relative;
}

.nav > li:hover > ul {
    right: -8.33vw;
    background: linear-gradient(var(--c-grey),var(--c-grey)) no-repeat left top 38px;
    width: 50vw;
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    padding:var(--p-sml);
    padding-top:calc(var(--p-sml) + 36px);
}
.nav > li > ul > li{
    width: 33.334%;
    font-size:var(--fs-std);
    text-align: left;
    margin-bottom:10px;
}

.nav{
    font-family: 'Roboto-Medium';
    font-size:var(--fs-nav);
}
.nav > li{
    margin-right:42px;
}
.nav > li:last-child{
    margin-right:0px;
}
.nav a:link, .nav a:visited{
    color:var(--c-std);
    padding-bottom:5px;
}
.nav a.act, .nav a:hover {
    text-decoration:none;
    border-bottom: 2px solid var(--c-yellow);

}
#logo{
    width:100%;
    max-width:435px;
    margin-left: -60px;
}
#breadcrumb {
    height:46px;
    display:flex;
    align-items:center;
    transform:translateX(-45px);
}
#breadcrumb a {
    display:inline-block;
    padding-right:22px;
    font-size:var(--fs-sml);
    color:var(--c-blue);
    text-decoration:none;
}
#breadcrumb a::after {
    content: '>';
    padding-left:22px;
}
#breadcrumb a:last-child{
    padding-right:0px;
}
#breadcrumb a:last-child::after{
    display:none;
}
#bhome img {
    transform: translateY(-3px);
}
footer {
    background: var(--c-grey);
    margin-top:var(--p-big);
    padding-top:var(--p-sml);

    width:100vw;
    margin-left: 0px !important;
}
#footer_grey {
    width:100%;
}
#footer_btm .pagecenter{
    display:flex;
    align-items:center;
}
#footer_btm{
    background:#4d4d4d;
    height:50px;
    color:#fff;
    align-items: center;
    margin-top:var(--p-sml);
}
#footer_btm li{
    display:inline-block;
    padding-right:20px;
    border-right:1px solid #fff;
    margin-right:20px;
    line-height:30px;
}
#footer_btm li:last-child{
    border-right:none;
}
#footer_btm .right{
    text-align:right;
}
#footer_btm a {
    color:#fff;
}

#headergal{
    position:relative;
    margin-bottom:var(--p-big);
    width:100%;
}
#headergal.home .simpli_item[data-mod="gallery"]::before{
    background: linear-gradient(90deg,rgba(0,45,98,.8) .05%,rgba(0,45,98,.7) 22.9%,rgba(0,45,98,.7) 66.32%,rgba(0,45,98,.5) 74.98%,rgba(0,45,98,0) 97.1%);
    content: "";
    z-index: 1;
    display: block;
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
#headergal.home .simpli_mod_gallery , #headergal.home .simpli_mod_gallery .simpli_item{
    height:670px;
	position: relative;
    overflow:hidden;
}
#headergal:not(.home) .simpli_mod_gallery , #headergal:not(.home) .simpli_mod_gallery .simpli_item, #headergal:not(.home){
    height:520px;
	position: relative;
    /*overflow:hidden;*/
}

#headergal:not(.home) .teamtopimg {
    aspect-ratio: 16 / 10;
}
#headergal:not(.home) .ruttopimg {
    aspect-ratio: 16 / 9;
}
#headergal.teamdet, #headergal.teamdet .teamtopimg{
    height: auto;
}
#headergal img {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    object-fit:cover;
}
#headergalcon{
    font-family: 'Roboto-Medium';
    position:absolute;
    padding-left:15px;
    top: 15px;
    padding:var(--p-sml);
    z-index: 2;
}
#headergal:not(.home) #headergalcon #galtit{
    font-family: 'RobotoFlex';
    font-size:var(--fs-big);
    line-height:var(--lh-big);
    color:#000;
    margin-top:10px;
    margin-bottom:15px;
    position:relative;
}
#headergal:not(.home) #headergalcon #galtit::before, .qanda_title::before, .ovnavtitle::before, .con_std h1::before{
    position:absolute;
    content:'';
    width:60px;
    height:5px;
    background:var(--c-yellow);
    top:-10px;
}

/* home */
#headergal.home #headergalcon{
    color:#fff;
    top: 174px;
    padding-left: 0px;
}
#headergal.home #headergalcon #galtit {
    font-family: 'RobotoFlex';
    font-size:var(--fs-big);
    line-height:var(--lh-big);
    margin-bottom:var(--p-sml);
}
#themes {
    background: rgb(3,68,140);
    background: linear-gradient(90deg, rgba(3,68,140,1) 0%, rgba(0,30,66,1) 100%);
}
#themes{
    min-hheight:80px;
    height:auto;
    align-items:center;
    display:flex;
    width:100%;
    font-family: 'Roboto-Medium';
}
#themes .pagecenter {
    align-items: center;
}
#themeswrapper {

    min-height:80px;
    height: auto;
    padding-top: 15px;
}
#themes .simpli_item{
    display:inline-block;

}
#themes #title{
    text-transform:uppercase;
    color:#fff;
    font-family: 'RobotoCondensed';
    font-size:var(--fs-med);
    line-height:50px;
}
#themes a:link, #themes a:visited {
    border:1px solid #fff;
    border-radius:25px;
    display:inline-block;

    color:#fff;
    padding:0px 45px;
    line-height:50px;
    margin:0px 15px 15px 0;
    text-decoration: none;
    transition:all 0.5s;
}
#themes a:hover {

    background:#fff;
    color:var(--c-blue);
}
.lhome .con_std h1 {
     font-family: 'RobotoFlex';
    font-size:var(--fs-big);
    color:var(--c-blue);
}
.lhome .con_std h1::before, .lkontakt .con_std h1::before{
    display:none;
}
.greywrapper {
    background:var(--c-grey);
    padding-top:var(--p-big);
    padding-bottom:var(--p-sml);

}
.greywrapper#home_grey{
    font-size:var(--fs-big);
    line-height:var(--lh-big);
    color:var(--c-blue);
}
#home_grey h1{
    font-size:var(--fs-med);
    font-family: 'RobotoCondensed';
    margin-bottom:var(--p-sml);
    color:var(--c-lightblue);
}
.grey_img img{
    width:100%;
    height:auto;
    border-top-left-radius:25px;
    border-bottom-left-radius:25px;
}
#home_grey .simpli_mod_snippets {
    width:100%;
}
.home_teamitem{
    position:relative;
    background:#fff;
    height:266px;
    width:100%;
    font-size:var(--fs-med);
    font-family: 'Roboto-Bold';
    -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
    z-index:2;
    margin-top: -118px;
    padding-top:50px;
    text-align:left;
    padding:25px;
    text-align:left;
    clip-path: polygon(0 0,0 0,100% 0,100% calc(100% - 45px),calc(100% - 45px) 100%,0 100%);
}
#home_team > div:nth-child(n+4) .home_teamitem {
    margin-top:40px;
}
.shedow:hover {
    filter: drop-shadow(5px 5px 10px #44444d81);
    transition:all 0.5s;
}
.home_teamitem a:not(.arrow):hover img {
    width: 80px;
    transition:all 0.5s;

}
.home_teamitem .name {
    position:absolute;
    width:100%;
    bottom:60px;
}
.home_teamitem img{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    width:50px;
    height:auto;
}

.ratundtat h1{
	color:#000;
	font-family: 'Roboto-Bold';
	font-size: 35px;
	margin-bottom: var(--p-big);
}

.ovnav{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;

}
.ovnav li{
	width: calc(33.334% - 30px);
	display:inline-block;
	margin-bottom: var(--p-sml);
	border:1px solid var(--c-blue);
	padding: 12px;
	position:relative;
	padding-bottom:40px;
}
.ovnav li::after{
	content: 'Mehr';
	position:absolute;
	left: 12px;
	bottom:12px;
	background:url("../img/arrow_left.svg") no-repeat right bottom;
	padding-right: 50px;
	color:var(--c-blue);
	font-size: var(--fs-sml);
}

.ovnav a{
	color:var(--c-blue);
	font-family: 'Roboto-Medium';
	font-size: var(--fs-med);
    text-decoration:none;
    height: calc(100% + 40px);
    display:block;
    z-index: 1;
  position: relative;
}
.ovnav .connavimg{
    width:100%;
    overflow:hidden;
    margin-bottom: 20px;
}
.ovnav .connavimg img{
	width:100%;
	height:auto;

    transition:all 0.5s;
}
.ovnav li:hover .connavimg img{
    transform: scale(1.2);
}

.ovnavtitle{
	font-family: 'Roboto-Bold';
	font-size: 35px;
	color:#000;
	margin-bottom: var(--p-sml);
}
.navovtxt{
	font-family: 'RobotoFlex';
	color: #000;
	font-size: var(--fs-std);
	display:flex;
	padding-top: var(--p-sml);
	padding-bottom: var(--p-big);
}
.teamwrapper{
    margin-bottom: 30px;
}
.teamtitle{
	font-family: 'Roboto-Bold';
	font-size: var(--fs-nav);
	color:var(--c-blue);
	padding-top: var(--p-sml);
	padding-bottom: var(--p-sml);
}
a.arrow_left{
	display: flex;
	background:url("../img/arrow_left.svg") no-repeat left 50px bottom 27px;
	color:var(--c-blue);
	padding-top: var(--p-sml);
	padding-bottom: 25px;
}
a.arrow_left:hover {
    text-decoration:none;
}
.teammail{
	padding-right: 50px;
}

a.arrow{
    color:var(--c-blue);
    font-family:RobotoFlex;
    display:inline-block;
    padding-right:40px;
    background:url("/img/arrow_left.svg") no-repeat right center;
        background-size:30px auto;
    align-self: baseline;
    position:absolute;
    bottom:20px;
}
a.arrow:hover {
    padding-right:50px;
    background-size:40px auto;
    transition:all 0.5s;
}
/*.home_teamitem:after {
		width: 0;
		content: '';
		position: absolute;
		bottom: 0;
		right: 0px;
		border-bottom: 50px solid var(--c-grey);
		border-left: 50px solid #ffffff;
	}*/
.home_teamitem a.arrow {
    font-family: 'RobotoFlex';
    font-size:var(--fs-sml);
}

/* work snippet */
#work_center{
    padding-left:4.1%;
    padding-right:4.1%;
    width:100%;
}
#work_wrapper{
    width:100%;
    margin-top: var(--p-big);
    background: rgb(0,45,98);
background: linear-gradient(90deg, rgba(0,45,98,1) 0%, rgba(0,37,82,1) 51%, rgba(0,30,66,1) 100%);
    border-radius:25px;
    padding-top:var(--p-big);
    padding-bottom:var(--p-big);
    color:#fff;
}
#work_wrapper h1 {
    color:var(--c-lightblue);
    margin-left:var(--p-big);
    margin-bottom:20px;
    font-family: 'RobotoCondensed';
    font-size:var(--fs-med);
    text-transform:uppercase;
}
#work_left{
    margin-left:-15px;
    color:var(--c-blue);

}
#work_left ul{
    background:#fff;
    padding:var(--p-big) var(--p-big) var(--p-big) 0;
    font-family: 'RobotoCondensed';
    font-size:var(--fs-med);
    /*text-transform:uppercase;*/
}
#work_left li {
    margin-left:var(--p-big);
    cursor:pointer;
    display:inline-block;
    margin-bottom:20px;
    border-bottom:2px solid #fff;
    position:relative;
    trasition:all 0.5s;
}
#work_left li.act{
    border-bottom:2px solid var(--c-blue);
}
#work_left li.act::before, #work_left li:hover::before{
    content:'';
    height:2px;
    width:50px;
    background:var(--c-blue);
    position:absolute;
    left: -75px;
  top: 14px;
}
#work_right{
    padding-right:var(--p-big);
}
.work_content{
    visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.7s linear;
}
.work_content.act{
    height:auto;
    visibility: visible;
  opacity: 1;
}
.work_content h2{
    font-size:var(--fs-big);
    color:#fff;
    border-bottom:3px solid var(--c-yellow);
    padding-bottom:23px;
    margin-bottom:23px;
}
.work_content strong{
    color:var(--c-yellow);
}
.work_content img{
	max-width:100%;
}
#icon_crowe{
    position:relative;
}
#icon_crowe img {
    width:80%;
    height:auto;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:0;
}

/* std */
.con_std{
    margin-bottom:var(--p-big);
}
.con_std h1{
    font-family: 'Roboto-Bold';
    font-size:var(--fs-tit);
    color:#000;
    margin-bottom:var(--p-sml);
}
#std_head{
    font-family: 'RobotoFlex';
    font-size:var(--fs-med);
    line-height: var(--lh-med);
    margin-bottom:var(--p-big);
}
#headergal:not(.home) #headergalcon{
    background: var(--c-grey);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 45px 100%, 0 calc(100% - 45px));
	padding:0;
	border: 1px solid var(--c-grey);

}
#headergal:not(.home) #headergalconborder{
    background: #fff;
	margin:1px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 45px 100%, 0 calc(100% - 45px));
	padding:var(--p-sml);
	padding-bottom:var(--p-big);
	border: 1px solid var(--c-grey);
    color:var(--c-blue);

}

/* team */
#yellowheadeanim{
    position:absolute;
    left:0px;
    width:100vw;
    top:130px;
    height:1px;
    background: var(--c-yellow);
    content: "";
    display: block;
    transform: rotate(-6deg);
    z-index: -1;
    position:relative;
    animation: 1s dll linear;
}
#yellowheadeanim2{
    position:absolute;
    left:0px;
    width:100vw;
    top:230px;
    height:1px;
    background: var(--c-yellow);
    content: "";
    display: block;
    transform: rotate(-6deg);
    z-index: -1;
    position:relative;
    animation: 1s dlr linear;
}
.singlecon .simpli_mod_text{
    display:none;
}
@keyframes dll {
  from {
      opacity:0;
    clip-path:ellipse(0 0 at left)
  }
  to {
     opacity:1;
    clip-path:ellipse(100% 100% at left)
  }
}
@-webkit-keyframes dlr {
  from {
    opacity:0;
    clip-path:ellipse(0 0 at right)
  }
  to {
    opacity:1;
    clip-path:ellipse(100% 100% at right)
  }
}
.teamcenter{
    width:100%;
    aspect-ratio: 1/1;
    overflow:hidden;
}
.teamcenter img {
    width: 100%;
     height: 100%;
     object-fit: cover
}

.teamdeticons{
	position:absolute;
	left: var(--p-sml);
	bottom: var(--p-sml);
}
#headergal .teammaildet img, #headergal .teamteldet img{
	width: auto;
	height:30px;
	position:relative;
	left:inherit;
	top:inherit;
}
.teamteldet{
	margin-left: 40px;
}
.teamtitledet{
	font-family: 'RobotoFlex';
	font-size: var(--fs-big);
	padding-bottom:var(--p-sml);
	color: #000;
}
.teamtxtdet{
	font-family: 'Roboto-Bold';
	font-size: 30px;
	color: var(--c-blue);
	margin-bottom: var(--p-big);
}
.teamdet_left li, .teamdet_right li{
	color: var(--c-blue);
	border-bottom: 2px solid var(--c-blue);
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-size: var(--fs-std);
}

/* contact*/
.contactimg img{
	width:80%;
	height: auto;
}
.greycon{
	background: var(--c-grey);
	color:#000;
	padding: 40px 30px;
}
.greycon h1{
	font-family: 'Roboto-Medium';
	font-size: var(--fs-med);
	color: #03448c;
}

/*qandaitem*/
.qandaitem .bgwhite{
	background-color: #fff;
	padding:  var(--p-sml);
}
.qandaitem .bgyellow{
	background-color: var(--c-yellow);
	padding:  var(--p-sml);
}
.qandaitem{
	margin-bottom: var(--p-big);
	color: #000;
	display:flex;
	flex-wrap: wrap;
}
.qandaitem h2{
	font-size: var(--fs-med);
	line-height: var(--lh-med);
	color: var(--c-blue);
	margin-bottom: var(--p-sml);
	font-family: 'Roboto-Medium';
}
.qanda_title{
	font-size: var(--fs-tit);
	margin-bottom: var(--p-big);

	color: #000;
	font-family: 'Roboto-Medium';
}

/* Kompetenzen */
h1.mobtrig .trigimg {
    display:none;
}
.connav{
	width:100%;
	display:flex;
	justify-content: space-between;
}
.connav li{
	text-align: center;
	max-width: 175px;

	padding-bottom: var(--p-sml);
    transition:all 0.5s;
    cursor:pointer;
    font-family: 'Roboto-Medium';
    color: var(--c-std);
    border-bottom: 6px solid #fff;
}
.connav li:hover, .connav li.act{
	border-bottom: 6px solid var(--c-yellow);
}
.connav .connavimg{
	margin-left:auto;
	margin-right:auto;
	width: 93px;
	height: 93px !important;
	background-color: var(--c-grey);
	border-radius: 50%;
	display:flex;
	align-items: center;
	justify-content: center;
	margin-bottom: var(--p-sml);
    transition:all 0.5s;
}
.connav li.act .connavimg, .connav li:hover .connavimg{
	background-color: var(--c-yellow);
}
.connav li.act .connavimg img, .connav li:hover .connavimg img{
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(203deg) brightness(106%) contrast(101%);
}

#connav{
	border-bottom: 3px solid var(--c-grey);
	margin-bottom: var(--p-big);
}
.comp .simpli_item{
    display:none;
}
.comp .simpli_item.act{
    display:block;
}

.comp li{
	color: var(--c-blue);
	border-bottom: 2px solid var(--c-blue);
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-size: var(--fs-std);
}
.comp h1{
	margin-bottom: var(--p-big);
	font-size: 30px;
	font-family: 'Roboto-Medium';
}
.comp h1 {
    font-family: 'Roboto-Bold';
    color:var(--c-blue);
}
.comp h1::before{
    display:none;
}
/* FORM */
#fcontent{
    margin-top:100px;
    margin-bottom: 50px;
    position: relative;
    float: left;
}
.frow{
    position: relative;
    float: left;
    width:100%;
}
.fval{
    display: inline-block;
    width:calc(100% - 400px);
    float: left;
}
.flabel{
    display: inline-block;
    width:400px;
    float: left;
    font-weight:700;
}
.formeo.formeo-render .formeo-row{
    width:100%;
}
.formeo-column{
  width: 100% !important;
}
.formeo-row-wrap > .f-field-group > label{
	display: none !important;
}
.formeo-row > .f-field-group > label{
	display: none !important;
}
label.showlabel {
    display:block !important;
    opacity:1 !important;
}
.f-field-group li{
    list-style: none;
}
.f-checkbox input{
	float: left;
    clear:left;
}
.f-radio label {
display: inline-block !important;
  font-size: 18px !important;
  opacity: 1 !important;
  width: calc(100% - 30px) !important;
  font-weight: 400 !important;
  padding-left: 10px;
}

.f-checkbox label{
    display: inline-block !important;
    font-size:18px !important;
    width:auto !important;
    font-weight:400 !important;
	float: left;
	max-width: calc(100% - 30px);
    padding-left: 10px;
	margin-top: -5px;
}
.formeo input[type="date"]{
    color:#9CAF4D;
}

/* ETC */
.embed-container{
	position: relative;
	padding-bottom: 56.25%; /* ratio 16x9 */
	height: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.embed-container iframe, .embed-container video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#cookie_wrapper{
    background: var(--c-grey);
    width:calc(100% - 40px);
    max-width:450px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 45px 100%, 0 calc(100% - 45px));
	padding:0;
    position:fixed;
	right:20px;
	bottom:20px;
	color:#000;
	min-height:48px;
	text-align:left;
	font-size:var(--fs-sml);
	line-height:var(--lh-sml);
	z-index:9999999;

}
#cookie_wrapper #cookie_inner{
    background: #fff;
	margin:1px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 45px 100%, 0 calc(100% - 45px));
	padding:var(--p-sml);
	padding-bottom:var(--p-big);
	border: 1px solid var(--c-grey);
}

#cookie_wrapper a{
	color:#fff !important;
	text-decoration:underline !important;
}
#cookie_accept,#cookie_deny{
	cursor:pointer;
	background:#000;
	color:#fff;
	display:inline-block;
	padding:5px 8px;
	margin-right:8px;
}
#cookie_deny{
    border:1px solid #000;
    background:#fff;
    color:#000;
}
#cookie_accept:hover,#cookie_deny:hover,#cookie_wrapper a:hover{
	opacity: 0.7;
}
#cookie_accept_black{
    display:none;
	position:absolute;
	right:15px;
	top:5px;
	cursor:pointer;
}
#policylogo {
	width: 200px;
	margin-top: 25px;
}
#cptitle {
    display:none;
	font-weight: 700;
	font-size: 28px;
	margin-bottom: 15px;
}
.darker {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgb(0,0,0,0.7);
	z-index: 9999;
}