.iframe {
    width: 100%;
}

.iframe iframe {
    width: 100%;
    max-width: 100%;
    height: 800px;
}

@media all and (max-width: 599px) {
    .iframe iframe {
        height: 500px;
    }
}

.vidholder{ display: block; width:100%; height: 0; padding-bottom: 56.25%; margin-bottom: 40px;
    position: relative;  background-color: rgba(48,49,44,.3); border-radius: 12px; overflow: hidden; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }

.vidholder a,
.vidholder iframe, .vidholder a picture{ display: block; width:100%; height:100%;
    position: absolute; top: 0; left: 0;  }
.vidholder a { overflow:hidden;  }
.vidholder a picture {
    z-index: 1;}
.vidholder a img { width: calc(100% + 2px); height: calc(100% + 2px); transform: translate(-50%,-50%);
    position: absolute; top: 50%; left: 50%; display: block; object-fit: cover; }

.vidholder a::after {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 144 144" style="enable-background:new 0 0 144 144;" xml:space="preserve"><path fill="%23FFFFFF" d="M109,72L52,39v66L109,72z"/></svg>');
    overflow: hidden; content:"";
    display: block;
    z-index: 20;
    margin: 0 auto;
    width: 72px;
    height: 72px;
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background-color: rgba(48,49,44,.5);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .2s ease;
  }

.vidholder a:hover::after {
    width: 84px;
    height: 84px;
    background-color: rgba(48,49,44,.75);
}







div.messagebox,
div.box {

    background: #FFFFFF;
    border: 1px solid #B09F6B;
    color: #545751;
    border-radius: 12px;

box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

    padding:20px 30px; margin: 20px 0 40px;
}

div.messagebox { padding: 0; overflow: hidden; text-align: left;}
div.messagebox>div,
div.messagebox div.um { padding: 0; margin-bottom: 0 !important; max-width: none !important; text-align: left;}

div.messagebox header+div { padding:20px 30px 40px 30px; }




div.messagebox header { border-top-left-radius: 12px border-top-right-radius: 12px; overflow: hidden; background-image: url("../images/header-min.jpg"); background-size: cover; background-position: center bottom; background-repeat: no-repeat;
padding: 0 30px 30px; text-align: left; color: #FFF;
}
div.messagebox header+div,
div.messagebox header h1 { margin: 0 auto; max-width: 520px !important; }
div.messagebox header h1 { font-weight: 700; font-size: 32px; line-height: 1.3;  padding: 2em 20px 2em;}
div.messagebox header+div p { /*font-weight: 600;*/ font-weight: 700; font-size: 20px; line-height: 1.4; }
div.messagebox header+div p strong{ font-weight: 700;  }
div.messagebox header+div p:last-child:not(:first-child){ border-top:1px solid #B09F6B;  padding-top: 1em; margin-top: 1em; font-size: 16px;   }

div.messagebox header+div.form { max-width: 600px !important; }

.container,:not(:first-child)
.wrapper, #footerbottom .wrapper,
.landingwrapper{
    width: 100%;
    max-width: 1452px;
    border: 44px solid transparent;
    border-top: none !important;
    border-bottom: none !important;

    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.landingwrapper .textcontent { text-align:center; }

 .content .wrapper {
    width: 100%;
    max-width: 892px;

    border: 44px solid transparent;
    border-top: none !important;
    border-bottom: none !important;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}



.wrapper { /*padding-bottom: <<1>>;*/


}

.content {

    padding: 40px 0;
}
.content.filterarea { padding-bottom: 0;}
.content.publicationsarea { background: #565148 }

.content.metaholder {
    background: #E1DAC7;
    padding: 20px 0;
}

#hero .content {

    padding: 0;
}

/*.textcontent { 
border: calc(6.25vw * 3) solid transparent;    
}
 */

.nag { text-align: center; }



@media all and (max-width: 899px) {
    :not(:first-child) .wrapper, #footerbottom .wrapper,
    .wrapper,
    .landingwrapper,
    .content .wrapper {
        border: 20px solid transparent;
    }


    .content {

        padding: 32px 0;
    }

    div.box { padding:20px;}

    div.messagebox header { padding: 0 0 30px;}
    div.messagebox header+div { padding:20px 20px 30px 20px; }
    div.messagebox header h1 {  font-size: 24px; padding:1.5em 20px; }
    div.messagebox header+div p {  font-size: 16px;  }
    div.messagebox header+div p:last-child:not(:first-child){  font-size: 14px;   }


}

    @media all and (max-width: 599px) {

    body.page-template-template_profile .content .wrapper {
        border: 10px solid transparent;
    }
}


@media all and (min-width: 600px) {
    .textcontent {

    }
}

@media all and (min-width: 900px) {
    .textcontent {

    }
}

@media all and (min-width: 1200px) {
    .textcontent {

    }
}

@media all and (min-width: 1500px) {
    .textcontent {

    }
}

@media all and (min-width: 2000px) {
    .textcontent {

    }


}



.um { opacity: 1 !important;  /*pointer-events: none !important;*/}