@font-face {  font-family: 'Vollkorn';  src:  url("../fonts/Vollkorn-Italic-VariableFont_wght.WOFF") format('woff'); }
@font-face {  font-family: 'Yantramanav';  src:  url("../fonts/Yantramanav-Thin.WOFF") format('woff'); font-style:normal; font-weight:100;}
@font-face {  font-family: 'Yantramanav';  src:  url("../fonts/Yantramanav-Light.WOFF") format('woff'); font-style:normal; font-weight:300;}
@font-face {  font-family: 'Yantramanav';  src:  url("../fonts/Yantramanav-Regular.WOFF") format('woff'); font-style:normal; font-weight:400;}
@font-face {  font-family: 'Yantramanav';  src:  url("../fonts/Yantramanav-Medium.WOFF") format('woff'); font-style:normal; font-weight:500;}
@font-face {  font-family: 'Yantramanav';  src:  url("../fonts/Yantramanav-Bold.WOFF") format('woff'); font-style:normal; font-weight:700;}
@font-face {  font-family: 'Segoe UI';  src:  url("../fonts/Segoe_UI.WOFF") format('woff'); font-weight:400; font-style:normal; }
@font-face {  font-family: 'Segoe UI';  src:  url('/fileadmin/inhalte/fonts/Segoe_UI_Italic.WOFFF') format('woff'); font-weight:400; font-style:italic; }
@font-face {  font-family: 'Segoe UI';  src:  url("../fonts/Segoe_UI_Bold.WOFF") format('woff'); font-weight:700; font-style:normal; }
@font-face {  font-family: 'Segoe UI';  src:  url("../fonts/Segoe_UI_Bold_Italic.WOFF") format('woff'); font-weight:700; font-style:italic;}


h1 { font-family: 'Yantramanav', sans-serif; font-size:2rem; font-weight:300; }
h3 { font-family: 'Vollkorn', serif; font-size:2.4rem; font-weight:normal; }
h4, h4 strong { font-family: 'Segoe UI', sans-serif; font-size:2rem; font-weight:normal; font-style:normal; text-transform:none; margin-bottom:2rem; }
h5,h5 *,h5 a{color:#000;font-size:2rem;font-style:normal;font-weight:300;line-height:140%;font-weight:300;font-family:'Segoe UI',sans-serif;line-height:90%}
a:link, a:visited, a strong { color: black; text-decoration:none; transition:all 0.2s;  }
a:hover { text-decoration:none; color:black;  }
p a { border-bottom:1px solid; }
p, em, a, strong { font-weight:200;  font-family: 'Segoe UI', sans-serif; color:black; font-size:1.2rem; }
strong, strong em { font-weight:400; }
#header .language-navigation li.active a,
#header .language-navigation li a  {   font-family: 'Segoe UI', sans-serif; background:none!important; }
footer#footer .col { min-height: 0;}

* { font-family: 'Segoe UI', sans-serif; }
aside { display:none; }
.small a { font-size: 100%;}
a[target=_blank]:not(.magnificpopup)::after { display: none!important; }
figcaption, figcaption em { font-size:0.85rem; font-weight:400; }

.large { font-family: 'Yantramanav', sans-serif; font-size:1rem; font-weight: 500; letter-spacing: 3px; text-transform:uppercase; }
.large em { font-size:1rem; letter-spacing:2px; }
.large strong{font-weight:600;letter-spacing:2px;font-size:.8rem;line-height:160%;display:block}
.logo h2 {  font-family: 'Vollkorn', serif; font-size:2.4rem; margin-top:12px; font-weight: 500; text-transform:none;  }
p:last-child, p:last-of-type { margin-bottom: 1.5rem!important; }
.logo p:last-child, .logo p:last-of-type { margin-bottom: 0!important; }
.logo .large { font-size: 1.4rem;}
.topmargin { margin-top:3rem; }

/* LOGOS */
.d-inline-block { margin-right: 3rem!important; }
.d-inline-block:last-of-type { margin-right: 0!important;}

/* VIDEO */
iframe.video, .video.preview {height:304px;min-width:100%;}

/* BUTTON */
.button{display:inline-block;text-decoration:none;overflow:hidden;border-radius:20px;padding:.7rem 1.8rem;background:0 0;color:#000!important;cursor:pointer;border:1px solid #000;position:relative;z-index:1;text-align:center;text-transform:uppercase;font-family:'Segoe UI',sans-serif;font-weight:400;letter-spacing:2px;font-size:.9rem}
.button em { color:white!important; text-decoration: none; }
.button::after{top:100%;bottom:0;left:0;transition:all .35s;right:-100%;content:"";background:#FF9C71;position:absolute;z-index:-1;padding:.85em .75em;display:block}
.button:hover::after{left:0;right:0;top:0;bottom:0;transition:all .35s}
.button:hover, .button:hover em { color: white!important; text-decoration:none!important;    border: 1px solid white;}
.button + .button { margin-left:1rem; }

/* KREIS */
p.kreis{display:block;background:#000;color:#fff;width:11rem;height:11rem;border-radius:13rem;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;line-height:40%;font-family:Yantramanav,sans-serif;font-weight:200;font-size:2.3rem;position:absolute;margin-top:-10rem;right:8rem}
p.kreis strong{margin-top:-.5rem;position:relative;font-size:.95rem;color:#fff;text-transform:uppercase;letter-spacing:2px;font-weight:600;font-family:Yantramanav,sans-serif;line-height: 130%;}

.loewe img{position:absolute;margin-top:0;bottom: 0;}

/* AUFKLAPPELEMENT */
.collapse-content { margin-left: 2.8rem; }
.gridelement-collapse {padding: 0;}
table.contenttable{background:transparent; margin:20px 0 30px 0; }
table.contenttable td{background:rgba(255,255,255,.1); vertical-align: top;}
table.contenttable tr.highlight td { background:rgba(255,255,255,0);}
table.contenttable * { font-size:1rem;}
table strong { font-weight: 500;}

/* SVG HINTERGRÜNDE */
.orange{background:url("img/orange.svg") no-repeat;background-position:bottom;}
.schwarz{background:url("img/schwarz.svg") no-repeat;background-position:bottom;}
.lila{background:url("img/lila.svg") no-repeat;background-position:bottom;}
.whitesmoke{background:url("img/svg/whitesmoke.svg") no-repeat;background-position:bottom;}
.orange, .lila, .schwarz, .whitesmoke {overflow:unset!important; margin-top:-1px;}

/* TEAM */
.team ul { padding: 0 0 0 20px; list-style:none; margin:0 0 30px 0; }
.team ul li { margin: 5px 0; }
.team ul li::before{ content:'\002022'; margin:0 5px 0 -16px; font-family: -webkit-pictograph; }


/* MEHR LESEN */
.quote {  
    padding-left: 20px;border-left: 10px solid rgba(0,0,0,0.04);}
.read-more-toggle{display:inline-block;font-size:1rem;border-bottom:1px solid}
.read-more-content { margin-bottom:20px; }

.early img{position:absolute;top:26rem}
.early{position:relative;top:-29rem}
a.button.exhibition { transform: scale(1.3); transform-origin: left top; }

/* EXHIBITION MENU */
@media screen and (min-width: 1199px) { .exhibition-menu {transform:scale(1.1); margin-top:3rem; } }
.exhibition-menu .image-with-overlay {padding:4rem;overflow:visible;z-index:0;width:100%;display:flex!important;box-sizing:border-box;align-items:center;justify-content:center;cursor:pointer;transition: all 0.5s ease;border: 2px solid transparent; margin-bottom:15px;}
.image-with-overlay:hover{transform:scale(1.1);box-shadow:0 0 10px rgb(0 0 0 / 15%);border-right:2px solid #fff;border:2px solid #fff;position:relative;z-index:999999999}
.inactive .image-with-overlay{filter:grayscale(1); cursor:initial;}
.inactive .image-with-overlay::after{content:'coming soon';color:#fff;position:absolute;bottom:1rem; z-index:9999;}

.exhibition-menu .image-with-overlay img {left:unset;top:unset;z-index:9999999;max-height:90%;max-width:90%;transition: all .5s ease;transform-origin:bottom right;}
.exhibition-menu .row.ce-textpic:not(.bild) .image-with-overlay:hover img{transform:scale(.7);bottom:0;right:-10%}
.exhibition-menu .bild .image-with-overlay img{width:100%;max-width:100%;height:100%;max-height:102%;border:2px solid #fff;box-sizing:content-box;background:#fff}
.exhibition-menu .bild .image-with-overlay:hover img{opacity:0;}

.exhibition-menu .image-with-overlay h4{font-size:1.2rem;font-family:Vollkorn;margin-bottom: 0;}
.exhibition-menu .image-with-overlay p{font-size:1rem;line-height:120%}
.exhibition-menu .image-with-overlay *{color:#fff;}
.exhibition-menu .image-with-overlay .html-overlay {padding:1.2rem;opacity:0;transition:all .4s ease;background: rgba(255,255,255,0.1)!important;}
.exhibition-menu .image-with-overlay:hover .html-overlay {opacity:1}

.intermedi .image-with-overlay { background-color:#b5cdcc; }
.kolowrath .image-with-overlay { background-color:#b5cc9a; }
.scenography  .image-with-overlay { background-color:#a6c7ef; }
.contest .image-with-overlay { background-color:#a7b4d6; }
.apple .image-with-overlay { background-color:#e3d387; }
.lisboa .image-with-overlay { background-color:#757c8e; }
.power .image-with-overlay { background-color:#FAC56F; }
.paseo .image-with-overlay { background-color:#FFA07A; }
.architecture .image-with-overlay { background-color:#eaaaad; }
.trattoria .image-with-overlay  { background-color:#EE885A; }
.arch .image-with-overlay { background-color:#C87762; } /* A3B3BD */
.fiestas .image-with-overlay { background-color:#A15C5C; }
.gods .image-with-overlay { background-color:#8a82a5; }
.machinery .image-with-overlay { background-color:#67709E; }
.jingle .image-with-overlay { background-color:#b0bec7; }

/* notworking 
.image-with-overlay:active img,.image-with-overlay:focus img{animation:right 5s linear}@keyframes right{from{margin-left:0;opacity:1}to{margin-left:10rem;opacity:0}}*/

/* MOBILE */

@media screen and (max-width:992px) {
.collapse-content { margin-left: 0;}
.logo svg{max-width:50%}.language-navigation{flex-direction:row!important}
nav.language-navigation ul{flex-direction:row;align-items:flex-end}
.container{padding:0 1.4rem}
.loewe img{max-width:40%;position:absolute;right:0;}
.wolke img{max-width:60%;right:-2rem}
.figur img{max-width:14%;float:right;position:absolute;top:-6rem;right:4rem!important;left:initial!important}
.scaramuccia img.image-embed-item { width: 70%; margin: 0 0 0 auto;}
p.kreis {  right: auto; }


.exhibition-menu .bild .image-with-overlay:hover img  {transform: unset!important;right: unset!important;} 

.exhibition-menu .bild .image-with-overlay img  { display:none;} 
.exhibition-menu .image-with-overlay .html-overlay  {opacity:1;padding:2.2rem;} 

.exhibition-menu h4 {font-size:2.2rem!important;}
.exhibition-menu p {font-size:1.4rem!important;}
.exhibition-menu .image-with-overlay:hover img { opacity:unset;}
.exhibition-menu .image-with-overlay img { transform: scale(.6);bottom: 0;right: -10%;}
}

.collapse-header svg.icon {
    float: none;
    margin-top:10px;
}

.large, h5.collapse-header a  { line-height:160%; display:inline-block; }
h5.collapse-header a  { line-height:140%; display:inline-block; }


@media screen and (max-width:1199px) {
.exhibition-menu .image-with-overlay:hover img{transform:scale(.7);bottom:0;right:-10%; opacity:0;}
}


@media (hover: none) {
.exhibition-menu .image-with-overlay img{transform:scale(.7);bottom:0;right:-10%}
.exhibition-menu .image-with-overlay .html-overlay {opacity:1}
.collapse-header svg.icon {float:none;position:relative;height:2rem;margin-right: 0;}
}