.main h2 {
font-size:1.4em;
}

html {
  scroll-behavior: smooth;
}

@media (min-width: 720px) {
.csc-frame.au_collapsible>.csc-header:after {
    padding-right: 3rem;
    padding-top: 2rem;
}
}

.au_collapsible {
    background-color: #ffffff!important;
    border: 1px solid #EDEDED!important;
}

@media (min-width: 720px) {
    .au_collapsible {
        padding: 3rem!important;
    }
}

@media (min-width: 720px) {
.pure-simple-person-single {
padding:2rem;
}
}

@media (min-width: 720px) {
.aubanner.aubanner-2 .aubanner-content {
padding: 3rem;
}
}

.aubanner.aubanner-2 p {
font-family:auPassataRegular;
}

.container {
  position: relative;
  text-align: center;
  color: white;
}

blockquote, blockquote p {    
font-size: 1.9rem !important;
    font-family: AUPassataRegular;
    color: #002546;
}

h2 {
font-size:2em;
}

.aubanner.aubanner-2.white {
border: 1px solid #EDEDED;
}

.aubanner.aubanner-2 p {
font-family: 'AUPassataRegular';
}

.aubanner.aubanner-2 li {
font-family: 'AUPassataRegular';
}

.aubanner.aubanner-2 ul {
font-family: 'AUPassataRegular';
}

p {
font-family: 'AUPassataRegular';
font-size:1.4rem;
}

li {
font-family: 'AUPassataRegular';
font-size:1.4rem;
}

ul {
font-family: 'AUPassataRegular';
font-size:1.4rem;
}

.pure5 .vcard {
    font-family: 'AUPassataRegular';
}

.button {
border: 1px solid #EDEDED;
}

@media (min-width: 720px) {
.neutral-container div[class*=bg-]:not(.aubanner) {
padding:3rem;
}
}


.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  font-family:AUPassataLight;
  font-size:3rem;
  background-color:#002546d6;
  background-blend-mode: multiply;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 125px;
  padding-right: 125px;
backdrop-filter: blur(3px);
border-radius: 5px;
}


 @media (max-width: 1023px) {
        .container {
          display: none;
        }

#au_fp_teaser_1 { background: #747474 url(/fileadmin/temp_fokusfelter/temp_fokus1.jpg
) top left no-repeat; width:100%; height:319px; } 
#au_png_bg_1 { background: url(/fileadmin/temp_fokusfelter/temp_overlay_okonomi.png) top right no-repeat; height:319px; position:relative; } 
#au_fp_teaser_1 .au_abs_pos_1 { position:absolute; right:63px; width:400px; top:150px; }

#au_fp_teaser_2 { background: #747474 url(/fileadmin/temp_fokusfelter/temp_fokus2.jpg
) top left no-repeat; width:100%; height:319px; } 
#au_png_bg_2{ background: url(/fileadmin/temp_fokusfelter/temp_overlay_okonomi.png
) top right no-repeat; height:319px; position:relative; } 
#au_fp_teaser_2 .au_abs_pos_1 { position:absolute; right:8px; width:400px; top:185px; color:#fff} 

.demo-video-wrapper {
  background-image: url("https://mgmt.au.dk/fileadmin/MGMT/webdesign/MGMT_fokusfelt_2021_clean.jpg");
}
/* Video overlay and content */
.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
}

.video-hero--content {
  position: relative;
  text-align: center;
  color: #FFF;
  margin: 70px 0;
}

.video-hero--content h1 {
  font-size: 6em;
  margin: 0 0 10px;
line-height:1.2em;
color:#fff;
}
.video-hero--content h2 {
  font-size: 2em;
  margin: 0 0 10px;
color:#fff;
}

.video-hero--content p {
  font-family:"AUPassataRegular";
  font-size: 20px;
  margin: 0;
}

/* CSS from jQuery Background Video plugin */
/**
 * Set default positioning as a fallback for if the plugin fails
 */
.jquery-background-video-wrapper {
  position: relative;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.jquery-background-video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


/* Mobil - hero image*/
.hero {
background: url("/fileadmin/MGMT/webdesign/Mobilforside.jpg") no-repeat center center;
background-size: cover;
height: 90vh;
overflow: hidden; 
}

.hero h1 {
line-height:1.2em;
color: #fff;
text-align: center;
position: relative;
margin-bottom:0;
top: 30%;
-webkit-transform: translateY(-20%);
-ms-transform: translateY(-20%);
transform: translateY(-20%); 
}
.hero p {
color: #fff;
text-align: center;
position: relative;
top: 30%;
font-size:5vw;
font-family:AUPassataRegular;
line-height:1.2em;
margin-bottom:1em;
-webkit-transform: translateY(-20%);
-ms-transform: translateY(-20%);
transform: translateY(-20%); 
}

.Box {
  position: absolute;
  bottom: 43px;
  left: 80px;
background:#002546c4;
padding:20px;
padding-left:35px;
padding-right:55px;
}

.Box h2 {
font-size:2.818182rem;
margin-top:0;
line-height:1;
}

.Box h3 {
font-size:2.818182rem;
font-family:AUpassatalight;
margin-top:0;
line-height:1;
}

.MiddleElement {
  position: relative;
  color: white;
}

.MiddleBox {
  position: absolute;
  bottom: 0px;
  left: 80px;
background:#002546c4;
padding:20px;
padding-top:50px;
padding-left:35px;
padding-right:55px;
max-width:450px;
height:100%;
}


.MiddleBox h2 {
font-size:2.818182rem;
margin-top:0;
margin-bottom:5px;
line-height:1;
}

.MiddleBox h3 {
font-size:2.818182rem;
font-family:AUpassataRegular;
margin-top:0;
line-height:1;
}

.MiddleBox p {
font-family:AUpassataRegular;
}

.Box-bottom-right {
  position: absolute;
  bottom: 30px;
  right: 50px;
    font-size: 2rem!important;
}



.Box-bottom-right a {
font-family:AUpassataRegular;
color:white
}

.BottomElement {
  position: relative;
  color: white;
}

.BottomBox {
  position: absolute;
  bottom: 0px;
  left: 80px;
background:#002546c4;
padding:20px;
padding-top:50px;
padding-left:35px;
padding-right:55px;
max-width:450px;
height:100%;
}


.BottomBox h2 {
font-size:2.818182rem;
margin-top:0;
margin-bottom:5px;
line-height:1;
}

.BottomBox h3 {
font-size:2.818182rem;
font-family:AUpassataRegular;
margin-top:0;
line-height:1;
}

.BottomBox p {
font-family:AUpassataRegular;
}

div.pure5 .rendering.rendering_researchoutput {
margin-top:2rem;
}

.news-item__header {
margin-bottom: 0rem!important;
}

.news-item__teaser { 
margin-top:0rem;
}

a.button.bg-white {
border: 1px solid #EDEDED!important;
}

table {
font-family: 'AUPassataRegular'!important;
}

.card-offer{
    display: flex;
    flex-direction: row;
    flex-wrap: no-wrap;
    max-width: 650px;
    min-height: 150px;
    max-height: 330px;
    position: fixed;
    background-color: #ffffff;
    border-radius: 16px;
    color: #002546;
    align-items: center;
    z-index: 100;
    bottom: 30px;
    right: 30px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}

.card-offer > button{
  position: absolute;
  top: -10px;
  right: -10px;
  border: unset;
  cursor: pointer;
  background: unset;

}

.card-offer > button svg{
  stroke: #ec7e00;
  transition: 250ms linear;
  fill: #ffffff;
  width: 28px;
  height: 28px;
}

.card-offer > button:hover svg{
     stroke: #002546
}

.card-offer .card-header{
  width: 35%;
  height: 100%;
  overflow: hidden;
  border-radius: 16px 0px 0 16px;
}

.card-offer .card-header img{
  width: auto;
  height: 300px;
  max-width: 85%;
  display: block;
}

.card-offer .card-body{
  padding: 16px;
  displa: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 60%;
  min-width: 390px; 
}

.card-offer .card-body h2{
    font-size: 32px!important;
    margin: 8px 0;
    line-height: 30px!important;
}

.card-offer .card-body h3{
  font-size: 18px;
  margin-top:-15px;
  color: #ec7e00 ;
  font-weight: 500;
  letter-spacing: 0.02rem
}
.card-offer .card-body h4{
  font-size: 16px;
    color: #ec7e00 ;
  font-weight: 500;
}

.card-offer .card-body p{
  margin: 16px 0px;
  color: #000000c4;
  line-height: 1.5rem;
}

.card-offer .card-body button{
  width: 230px;
  height: 44px;
  font-size: 13px;
  font-weight: bold;
  background: #ec7e00;
  border: 0;
  color: #efefef;
  border-radius: 8px;
  text-transform: uppercase;
  font-family: 'AUPassataRegular';
  cursor: pointer;
  transition: 350ms ease-in-out;
}

.card-offer .card-body button:hover{
  background: #002546;
}

@media (max-width: 650px){
  .card-offer{
     max-width: 280px;
     min-height: auto;
    flex-direction: column;
    align-items: flex-start;
  }
  
  .card-offer .card-header{
    width: 100%;
    height: 280px;
    border-radius: 16px 16px 0px 0px;
  }

  .card-offer .card-header img{
    width: 100%;
    height: 300px;
    display: block;
  }
  
  .card-offer .card-body h2{
    font-size: 32px!important;
    margin: 8px 0;
    line-height: 30px!important;
  }

  .card-offer .card-body h3{
    font-size: 14px;
  }
  .card-offer .card-body h4{
    font-size: 14px;
  }

  
  .card-offer .card-body{
    width: 100%;
    min-width: unset; 
  }
  .card-offer .card-body p{
  margin: 8px 0px;
  color: #efefef55;
  line-height: 1.5rem;
  font-size: 14px;
  font-family: 'AUPassataRegular';
}
  .card-offer .card-body button{
    width: 100%;
    margin-bottom: 8px;
  }
}
