/*  */
/* 
*/
.cc-banner.cc-bottom {
    left: 5rem !important;
    right: 5rem !important;
    bottom: 5rem !important;
    height: 4.375rem !important;
}
.cc-window.cc-banner {
    width: calc(100% - 10rem) !important;
}
@media screen and (max-width: 900px) {
    .cc-btn {
        white-space: nowrap !important;
    }
    .cc-banner.cc-bottom {
        height: auto !important;
    }
}

hr {
    background: #99cc33 !important;
    border-bottom: 0.3125rem solid #99cc33 !important;
}

.servicemenu_socialmedia.facebook {
    background-image: url(/img/intern/facebook.svg) !important;
}

/* KIT-Logo größer */
body.oe-page .stage-small .content-wrap img {
    height: calc(4.59375rem - 3px) !important;
}
#masterpage_settings, .page-header .logo .reddot_openclose {
    width: 300px;
    top: 77px;
}
.page-header .logo {
    position: relative;
    width: 20rem !important;
}
.page-header .logo>a {
    position: absolute !important;
    height: 80px;
    top: -25px;
}
.page-header.scrolled .logo>a {
    height: 70px;
    top: -25px;
}
.page-header.scrolled .logo svg {
    height: 100% !important;
}
@media (max-width: 1024px) {
    .page-header .logo svg {
        top: 8px !important;
        height: 75% !important;
    }
    .page-header.scrolled .logo>a {
        height: 80px;
    }
    .page-header.scrolled .logo svg {
        top: 8px !important;
        height: 75% !important;
    }
    .page-header #logo_oe_name {
        left: 23rem !important;
    }
}




.tabs li {
    float:left;
}

#content {
    word-break: break-word;

}
div.kachel {
  margin: 10px;
  border: 0px solid #ccc;
  border-radius: 0px 10px 0px 10px;
  float: left;
  width: 166px;
  background-color: #d9d9d9;
  overflow: hidden;
  z-index: 0;
  position: relative;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

div.kachel img {
  width: 100%;
  z-index: 1;
  overflow: hidden;
  height: 100px;
}

div.kachel div.desc {
  padding: 15px 0px;
  text-align: center;
  top: 100px;
  color: black;
}

.infos {
  display: none;
  height: 100px;
  width: 100%;
  padding: 10px 10px 10px 10px;
  box-sizing: border-box;
  background-color: #009682;
  opacity: 0.9;
  z-index: 2;
  position: absolute;
  top: 0px;
  color: white;
  overflow: hidden;
}

div.kachel:hover div.infos {
  display: block;
}


div#suchen_ {

margin-top: 81px !important;

}

.spacer_top {
margin-top:224px;
}
* html .spacer_top {
margin-top:0px;
}
* html .news {
overflow:hidden;
}

#teaser_logos {
margin-left: 184px;
float:left;
}
#teaser_logos .teaser_logo {
float:left;
max-width:180px;
padding-left:12px;
overflow:hidden;
}
.infobox .pi-list a {
background:none !important;
padding-left:0 !important;
}


.infobox .pi-list ul {
margin-top:1em;
padding:0 !important;
list-style-image:url(/img/intern/arrow_dunkelgruen.gif);
}


.infobox .pi-list ul li {
margin:0 0 0 1.6em !important;
padding:0 0 5px 0 !important;
line-height:1.3em;
}
.infobox .pi-list ul li a {
background:none !important;
margin:0;
padding:0 !important;
display:block;
}
html>/**/body .pi-list ul li a {
margin-left:-0.3em !important;
}


div#head_homepage {
height:332px;
width:1015px;
background-color:#ffffff;
padding-top: 8px;
}
div#logo_homepage {
float:left;
height:332px;
width:204px;
}
div#logotext_homepage {
//background-color:#fff;
height:224px;
margin-left:16px;
padding-left:5px;
padding-top: 2px;
margin-top:-2px;
}
div#tag_cloud {
padding-left:5px;
position:relative;
height:195px;
}
div#tag_cloud_tags {
position:absolute;
bottom:5px;
margin-right:10px;
height:198px;
overflow:hidden;
}

div#social_media_icons {
  display:none;
}

div#schnelleinstieg {
background-color:#fff;
margin: 0px 5px 0px 5px;
padding: 10px 10px 3px;
position: static !important;
}
div#schnelleinstieg ul {
margin-top:5px;
margin-left:-5px;
}
div#schnelleinstieg ul li {
display:block;
list-style-type: none;
background-image: url(/img/intern/arrow_dunkelgruen.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 5pt 5px;
color: #009682;
padding: 5px 0 5px 11px;
border-top: 1px solid #e5e5e5;
width:145px;
}
div#schnelleinstieg ul li a {
display: block;
margin-left: 5px;
}
div#schnelleinstieg ul li ul {
display:none;
position:absolute;
background-color:#e5e5e5;
border:1px solid #b3b3b3;
left:100px;
padding:2px 5px 2px 5px;
}
div#schnelleinstieg ul li:hover {
background-color:#e5e5e5;
}
div#schnelleinstieg ul li:hover ul {
display:block;
}

/* horizonzale Navi */

/* AKTIV NORMAL */


div#nav-horizontal-2 .horizontal-item-active-text {
font-weight:normal !important;
font-size: 1.3em;
line-height: 1.9em !important;
text-transform:none !important;
color:#fff !important;
background:url(img/layout/top_item_modern.jpg) 0 -66px repeat-x !important;
width: 185px !important;
}

div#nav-horizontal-2 .horizontal-item-active-start {
background:url(img/layout/top_item_left_modern.jpg) 0 -66px repeat-x !important;
}

div#nav-horizontal-2 .horizontal-item-active-end {
background:url(img/layout/top_item_right_modern.jpg) 0 -66px repeat-x !important;
}



div#nav-horizontal-2 .horizontal-item-active:hover .horizontal-item-active-text {
background:url(img/layout/top_item_modern.jpg) 0 -34px repeat-x !important;
}

div#nav-horizontal-2 .horizontal-item-active:hover .horizontal-item-active-start {
background:url(img/layout/top_item_left_modern.jpg) 0 -34px repeat-x !important;
}

div#nav-horizontal-2 .horizontal-item-active:hover .horizontal-item-active-end {
background:url(img/layout/top_item_right_modern.jpg) 0 -34px repeat-x !important;
}




/* INAKTIV NORMAL */



div#nav-horizontal-2 .horizontal-item-inactive-text {
font-weight:normal !important;
font-size: 1.3em;
line-height: 1.9em !important;
text-transform:none !important;
color:#fff !important;
background:url(img/layout/top_item_modern.jpg) 0 -2px repeat-x !important;
width: 185px !important;
}


div#nav-horizontal-2 .horizontal-item-inactive-start {
background:url(img/layout/top_item_left_modern.jpg) 0 -2px repeat-x !important;
}

div#nav-horizontal-2 .horizontal-item-inactive-end {
background:url(img/layout/top_item_right_modern.jpg) 0 -2px repeat-x !important;
}


div#nav-horizontal-2 .horizontal-item-inactive:hover .horizontal-item-inactive-text {
background:url(img/layout/top_item_modern.jpg) 0 -34px repeat-x !important;
}

div#nav-horizontal-2 .horizontal-item-inactive:hover .horizontal-item-inactive-start {
background:url(img/layout/top_item_left_modern.jpg) 0 -34px repeat-x !important;
}

div#nav-horizontal-2 .horizontal-item-inactive:hover .horizontal-item-inactive-end {
background:url(img/layout/top_item_right_modern.jpg) 0 -34px repeat-x !important;
}




/* AKTIV LETZTES */


div#nav-horizontal-2 .last-horizontal-item-active-text {
font-weight:normal !important;
font-size: 1.3em;
line-height: 1.9em !important;
text-transform:none !important;
color:#fff !important;
background:url(img/layout/top_item_modern.jpg) 0 -66px repeat-x !important;
}


div#nav-horizontal-2 .last-horizontal-item-active-start {
background:url(img/layout/top_item_left_modern.jpg) 0 -66px repeat-x !important;
}

div#nav-horizontal-2 .last-horizontal-item-active-end {
background:url(img/layout/top_item_end_modern.jpg) 0 -66px repeat-x !important;
}


div#nav-horizontal-2 .last-horizontal-item-active:hover .last-horizontal-item-active-text {
background:url(img/layout/top_item_modern.jpg) 0 -34px repeat-x !important;
}

div#nav-horizontal-2 .last-horizontal-item-active:hover .last-horizontal-item-active-start {
background:url(img/layout/top_item_left_modern.jpg) 0 -34px repeat-x !important;
}

div#nav-horizontal-2 .last-horizontal-item-active:hover .last-horizontal-item-active-end {
background:url(img/layout/top_item_end_modern.jpg) 0 -34px repeat-x !important;
}



* html div#nav-horizontal-2 .last-horizontal-item-active-end {
position:relative;
left:985px;
}


/* INAKTIV LETZTES */


div#nav-horizontal-2 .last-horizontal-item-inactive-text {
font-weight:normal !important;
font-size: 1.3em;
line-height: 1.9em !important;
text-transform:none !important;
color:#fff !important;
background:url(img/layout/top_item_modern.jpg) 0 -2px repeat-x !important;
}

div#nav-horizontal-2 .last-horizontal-item-inactive-start {
background:url(img/layout/top_item_left_modern.jpg) 0 -2px repeat-x !important;
}

div#nav-horizontal-2 .last-horizontal-item-inactive-end {
background:url(img/layout/top_item_end_modern.jpg) 0 -2px repeat-x !important;
}


div#nav-horizontal-2 .last-horizontal-item-inactive:hover .last-horizontal-item-inactive-text {
background:url(img/layout/top_item_modern.jpg) 0 -34px repeat-x !important;
}

div#nav-horizontal-2 .last-horizontal-item-inactive:hover .last-horizontal-item-inactive-start {
background:url(img/layout/top_item_left_modern.jpg) 0 -34px repeat-x !important;
}

div#nav-horizontal-2 .last-horizontal-item-inactive:hover .last-horizontal-item-inactive-end {
background:url(img/layout/top_item_end_modern.jpg) 0 -34px repeat-x !important;
}




* html div#nav-horizontal-2 .last-horizontal-item-inactive-end {
position:relative;
left:985px;
}



/* drop-menu */

.drop_menu a {
background: url("/img/intern/arrow_dunkelgruen.gif") no-repeat scroll 0 9px rgba(0, 0, 0, 0)
}
.drop_menu a:hover {
background-color: #e5e5e5;
text-decoration: underline !important;
}
@media only screen and (max-width: 943px) {
.drop_menu {
display:none !important;
}
}
/*
#right-row a:link, #right-row a:active,#right-row a:visited, #middle-row a:link, #middle-row a:active, #middle-row a:visited .tabs a {
color:#000 !important;
*/


}

/* Additionen zum Stylesheet für HECTOR Relaunch */
/* Text im Aufmacher */

.aufmacher_text_headline_normal {
color: #000000 !important;
text-shadow: 5px 3px 7px #444 !important;
}

.aufmacher_text_headline {
    padding: 10px;
    font-family: robotocondensed,Verdana,Arial,Helvetica,sans-serif;
    position: absolute;
    left: 35px !important;
    bottom: 30px !important;
    font-size: 25px !important;
    line-height: 1em;
    width: 530px;
    overflow: hidden;
    vertical-align: bottom;
    color: #000000 !important;
    text-shadow: none !important;
    display: none;
}

.drop_menu_item {
color: #ffffff !important;
font-size: 1.3em !important;
}

.drop_menu_item:hover {
color: #ffffff !important;
}

/*Responsive */

#head_resp_logo {
        display: none !important;
 }

@media only screen and (max-width: 521px) {
    div#schnelleinstieg {
    display:none !important;
    }
}

/*Tableisten anpassen*/
.tabs li a {
padding: 0em 3em 0em 1.1em !important;
}

#rd_kit_tableiste_li_1788_6 nobr {
    padding-left: 11px;
}

/*Kalendar und Bilder ohne Linkpfeil, Hovereffekte auf Startseite*/
.dates {
height: 50px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color:#999999;
}
time.icon {
font-size: 0.75em;
display: block;
position: relative;
width: 7em;
height: 7em;
background-color: #fff;
border-radius: 0.6em;
box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd; overflow: hidden;
}
time.icon * {
display: block;
width: 100%;
font-size: 1.8em;
font-weight: bold;
font-style: normal;
text-align: center;
}
time.icon strong {
position: absolute;
top: 0;
padding: 0.1em 0;
color: #fff;
background-color: #b4bd00;
border-bottom: 1px dashed #e0e573; box-shadow: 0 2px 0 #b4bd00;
}
time.icon em {
position: absolute;
bottom: -0.1em;
color: #b4bd00;
font-size: 1em;
}
time.icon span {
font-size: 2.8em;
letter-spacing: -0.05em;
padding-top: 1.15em;
color: #2f2f2f;
}
time.icons {
font-size: 0.75em;
display: block;
position: relative;
width: 7em;
height: 7em;
background-color: #fff;
border-radius: 0.6em;
box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd; overflow: hidden;
}
time.icons * {
display: block;
width: 100%;
font-size: 1.8em;
font-weight: bold;
font-style: normal;
text-align: center;
}
time.icons strong {
position: absolute;
top: 0;
padding: 0.1em 0;
color: #fff;
background-color: #b4bd00;
border-bottom: 1px dashed #e0e573; box-shadow: 0 2px 0 #b4bd00;
}
time.icons em {
position: absolute;
bottom: -0.1em;
color: #b4bd00;
font-size: 1em;
}
time.icons span {
font-size: 2.2em;
letter-spacing: -0.05em;
padding-top: 1.4em;
color: #2f2f2f;
}

#allevents {
background-color: #b4bd00;
width: 10em;
height: 1.4em;
margin: auto;
text-align: center;
border-radius: 0.3em;
padding-top: 0.3em;
margin-top: 3em;
}
#allevents a {
color: white;
font-size: 10px;
}

.bild a {
background: none !important;
}

.seminars img:hover {
//box-shadow: 0px 0px 10px 3px #FFFFFF;
-webkit-filter: drop-shadow(0px 0px 10px #FFFFFF);
filter: drop-shadow(0px 0px 10px #FFFFFF);
}
.nop p {
margin: 0px;
}
.nop img {
margin-top: 0px;
}

/*Einfärben von <th> Tableheadern in grün, id="greenTitle"*/

th#greenTitle {
background-color: #b4bd00;
}

/*Seminar Week Slider*/
/*Montserrat, Open Sans*/
@import url(https://fonts.googleapis.com/css?family=Montserrat|Open+Sans:400,300);
.mobile {
float: left; position: relative; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5);
margin-left: 20px;
//overflow: hidden;
}
/*Hiding the checkbox*/
#tm {
display: none;
}
/*Content area*/
.mobile section {
background: url(https://hector.idschools.kit.edu/HSgoesChina.jpg);
width: 300px;
height: 300px;
position: relative;
transition: all 0.25s;
}
.mobile section label {
color: white;
font: bold 14px Montserrat;
text-align: center;
border: 2px solid white;
border-radius: 4px;
display: block;
padding: 10px 0;
width: 60%;
position: absolute;
left: 20%;
top: 30px;
cursor: pointer;
text-transform: uppercase;
}
/*Nav styles*/
.infos {
background: #e5e5e4;
width: 150px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
padding-top: 20px;
}
.mobile ul {
margin-left: 0em !important;
margin-bottom: 0em !important;
}
.mobile ul li {
list-style-image: none !important;
list-style-type: none;
}
.infos p
{ color: black;
text-decoration: none;
padding-left: 20px;
font: bold 15px/27px Montserrat;
display: block;
opacity: 0;
transform: translateX(50px);
transition: all 0.4s; }
.infos mark { background-color: #e5e5e4;
font: bold 15px/19px Montserrat;
color: black;
}
/*Animation controls using checkbox hack*/
/*Animate content area to the right*/
#tm:checked ~ section {
transform: translateX(150px);
}
/*Animate links from right to left + fade in effect*/
#tm:checked ~ .infos p {
opacity: 1; transform: translateX(0);
}
/*Adding delay to link animation - in multiples of .08s*/
#tm:checked ~ .infos li:nth-child(1) p {
transition-delay: 0.08s;
} #tm:checked ~ .infos li:nth-child(2) p {
transition-delay: 0.16s;
} #tm:checked ~ .infos li:nth-child(3) p {
transition-delay: 0.24s;
} #tm:checked ~ .infos li:nth-child(4) p {
transition-delay: 0.32s;
}

/*Zitate auf den Masterseiten*/

#umrandung {
position: relative;
}

 #zitat {
font-style: normal;
font-size: 1.1em;
text-indent: 30px;
line-height: 170%;
width: 400px;
position: absolute;
top: 17px;
left: 130px;
}

 #zitatLong {
font-style: normal;
font-size: 1.1em;
text-indent: 30px;
line-height: 170%;
width: 400px;
position: absolute;
top: 13px;
left: 130px;
}

/*Verhindern von Umbrechen von Einträgen in Tableisten auf den Masterprogram Seiten + Alumni Voices*/
#rd_kit_tableiste_1815, #rd_kit_tableiste_1777, #rd_kit_tableiste_1824, #rd_kit_tableiste_1837, #rd_kit_tableiste_1848, #rd_kit_tableiste_1857, #rd_kit_tableiste_1866, #rd_kit_tableiste_1297 {
white-space: nowrap;
}

@media only screen and (max-width: 943px) and (min-width: 522px) {
    div.infobox-inner img {
        margin-left: -5px !important;
    }
    /*Unterseiten Navigation Abstände*/
    div#nav-horizontal-2 {
        top: 110px !important;
    }
    /*Unterseiten Navigation Abstände*/
    div#left-row {
        margin-top: 12px !important;
    }
}

@media only screen and (max-width: 521px) and (min-width: 21px) {
    /*Unterseiten Navigation Abstände*/
    div#nav-horizontal-2 {
        top: 82px !important;
    }
    div.infobox {
        width: 49% !important;
    }
}

@media only screen and (max-width: 943px) {
    #content {
        font-size: 1.4em;
    }
    .text img {
        height:auto;
    }
    div.infobox .infobox-bildbox img {
        max-width: 100%;
    }
    #horizontal_resp a {
        width: 100% !important;
        margin-bottom: 4px;
    }
    .hori_resp {
        background-image: url(/img/layout/top_item_modern.jpg) !important;
        line-height: 3.5em !important;
        font-size: 0.71em !important;
    }
    .hori_resp-start {
    background-image: url(/img/layout/top_item_left_modern.jpg) !important;
    }
    .hori_resp-end {
    background-image: url(/img/layout/top_item_right_modern.jpg) !important;
    }
}


@media only screen and (max-width: 943px) .aufmacher_text_headline {
top: 90px !important;
left: 15px !important;
}


@media only screen and (max-width: 521px) .aufmacher_text_headline {
font-size: 2em !important;
}


@media only screen and (max-width: 943px) and (min-width: 21px) {
 
    div#nav-horizontal-2 .last-horizontal-item-active-text, div#nav-horizontal-2 .last-horizontal-item-inactive-text {
        float:left;
    }
    div#nav-horizontal-2 .horizontal-item-active-start,
    div#nav-horizontal-2 .horizontal-item-inactive-start,
    div#nav-horizontal-2 .horizontal-item-active-end,
    div#nav-horizontal-2 .horizontal-item-inactive-end,
    div#nav-horizontal-2 .last-horizontal-item-active-end,
    div#nav-horizontal-2 .last-horizontal-item-inactive-end,
    div#nav-horizontal-2 .last-horizontal-item-active-start,
    div#nav-horizontal-2 .last-horizontal-item-inactive-start {
        display:none;
    }

    div#nav-horizontal-2 .last-horizontal-item-inactive-text,
    div#nav-horizontal-2 .last-horizontal-item-active-text {
        width: 185px;
    }

    div#nav-horizontal-2 .last-horizontal-item-inactive-text,
    div#nav-horizontal-2 .last-horizontal-item-active-text,
    div#nav-horizontal-2 .horizontal-item-active-text,
    div#nav-horizontal-2 .horizontal-item-inactive-text {
        border: 1px solid #ffffff;
    }
}

@media only screen and (max-width: 762px) and (min-width: 21px) {
    div#head {
        height: 148px !important;
    }
}

@media only screen and (max-width: 373px) and (min-width: 21px) {
    div#head {
        height: 204px !important;
    }
}

/*Responsive Fix für Fotos in Infoboxen*/
@media only screen and (max-width: 943px) and (min-width: 21px)
div.infobox-normal div.foto img {
    width: 58px !important;
    margin-right: 12px !important;
}


/*Short Courses Logos im Responsive Design*/
@media only screen and (max-width: 575px) and (min-width: 294px) {
    img#TSC {
    left: 60px !important;
    top: 150px !important;
    }

    img#TSW {
    left: 151px !important;
    top: 150px !important;
    }
}

/*Grüne Farbe in Infobox_Text*/
strong.Infobox_gruen {
    color: #B4BD00;
}

.termine24-widget{
    background-color: #B4BD00;
    text-decoration: none !important;
}
.termine24-widget:hover{
    background-color: #D4D800;}

/* Cookie Consent CSS */
.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:95%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:2.5%;right:0;bottom:20}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
/*

*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-container-wrapper {
max-width: 100%;
width: 600px;
left: 0;
right:0;
margin:auto;
}
/*  */