/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
body, form, figure {
    margin: 0;
    padding: 0
}

img {
    border: 0
}

header, footer, nav, section, aside, article, figure, figcaption {
    display: block
}

body {
    font-size: 100.01%
}

select, input, textarea {
    font-size: 99%
}

#container, .inside {
    position: relative
}

.main, #left, #right {
    position: relative
}

#footer {
    clear: both
}

.main .inside {
    min-height: 1px
}

.ce_gallery > ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none
}

.ce_gallery > ul li {
    float: left
}

.ce_gallery > ul li.col_first {
    clear: left
}

.float_left {
    float: left
}

.float_right {
    float: right
}

.block {
    /*overflow: hidden*/
}

.clear, #clear {
    height: .1px;
    font-size: .1px;
    line-height: .1px;
    clear: both
}

.invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.custom {
    display: block
}

#container:after, .custom:after {
    content: "";
    display: table;
    clear: both
}

.mod_visitors {
    display: none;
}
#wrapper, body {
    min-height: 100%}
#header, .leftside>.inside, .rightside .werk {
    border-bottom: 1px solid #333;
}

.mod_news4wardList .mod_newsreader .leftside>.inside{
    border-bottom: none;
}

.leftside>.inside {
    border-bottom: 0px solid #333;
}

*, .overlay ul li a {
    text-decoration: none;
}
@font-face {
    font-family: flamalight;
    src: url(../fonts/viehof/Flama-Light.eot);
    src: url(../fonts/viehof/Flama-Lightd41d.eot?#iefix) format('embedded-opentype'),
    url(../fonts/viehof/Flama-Light.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: flamamedium;
    src: url(../fonts/viehof/Flama-Medium.eot);
    src: url(../fonts/viehof/Flama-Mediumd41d.eot?#iefix) format('embedded-opentype'),
    url(../fonts/viehof/Flama-Medium.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: GaramondPremrPro-It;
    src: url(../fonts/viehof/AGaramondPro-Italic.otf) format('opentype');
    font-weight: 400;
    font-style: normal;
}
* {
    margin: 0;
    padding: 0;
    outline: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.clearfix:after, .clearfix:before {
    content: '';
    display: table;
}
.clearfix:after {
    clear: both;
}
html {
    font-size: 100.1%;
  overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;

    }
body, html {
    height: 100%}
body {
    color: #43484e;
    font-family: flamalight, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 185%;
        }
.listcolumn a, a {
    color: inherit;
}
.ipad .blurred, .ipad .fullsizeimage {
    background-size: 100% auto !important;
    background-attachment: scroll!important;
}
input, select, textarea {
    border-radius: 0;
    -webkit-border-radius: 0;
}
figure {
    line-height: 0;
}
.image_container>img, figure>img {
    max-width: 100%;
    height: auto;
}
a {
    transition: all .2s ease;
   -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
}
.headlinecontainer {
    margin-bottom: 20px;
}
h4, p:last-of-type, strong {
    margin-bottom: 0;
}
.headlinecontainer>*, ol, ul {
    margin: 0;
}
h1, h2, h3, h4, h5, h6, strong {
    /*font-family: OpenSans, sans-serif;*/
}
.headlinecontainer.kuenstler h1 {
    font-family: GaramondPremrPro-It, serif;
}
.h1, h1 {
    font-size: 28px;
    font-weight: 500;
    line-height: 125%}
.h3, h3 {
    font-size: 24px;
    font-weight: 300;
}
h4, strong {
    font-size: 15px;
    font-weight: 400;
    font-family: flamamedium, sans-serif;
}
.h5, h5 {
    font-size: 16px;
    font-weight: 600;
}
p {
    margin-bottom: 20px;
}
li {
    list-style-type: none;
}
.ce_text ul li {
    list-style: none;
    margin: 0 0 10px 15px;
    padding: 0 0 0 5px;
}
.ce_text ol li {
    list-style: decimal;
    margin: 0 0 5px 18px;
    padding: 0 0 0 5px;
}
#footer, .galitem .image_container.not_absolute .caption, .scrolldown {
    color: #fff;
}

.noimage p{
    color: #43484e;
}
#wrapper {
    height: auto!important;
    height: 100%;
    margin: 0;
    position:relative;
}
.footerlayout #wrapper {
    margin-bottom: unset !important;
}
#header {
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -ms-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s;
    position: fixed;
    top: 0;
    z-index: 100000;
}
#container {
    padding-top: 150px;
}
.inside {
    padding: 20px 0;
    height: 100%}
#footer>.inside, .main .inside, .headerholder, .block_type_collections {
    display: table;
    margin: 0 auto;
    max-width: 1280px;
    table-layout: fixed;
    width: 100%;
    padding: 0 40px;
}

.headerholder {
    display: block;
    height: 100%;
}
.headerholder .header_left {
    margin-right: 50px;
    vertical-align: middle;
    width: 150px;
}
.headerholder .header_left img {
    max-width: 100%;
    height: auto;
}
.headerholder .header_right {
    text-align: right;
    vertical-align: middle;
    float:left;
}

.headerholder .header_right ul {
    display: table;
    margin-left: 20px;
    table-layout: fixed;
}
.headerholder .header_right li {
    text-align: left;
    float: left;
    text-transform: uppercase;
    margin-left: 20px;
    font-size: 15px;
}
.headerholder .header_right li.first {
    margin: 0;
}
#footer, .push {
    height: 75px;
}
#footer {
    background: #fff;
    height: auto;
}
#footer>.inside {
    font-size: 12px;
    width: 100%}
#footer>.inside>div {
   /* display: inline-block;
    vertical-align: middle; */
}
.hidden {
    opacity: 0;
}
.visible {
    opacity: 1;
}
.galitem>*, .galitem>*>span {
    display: block;
    position: relative;
}
.itemholder {
    display: table;
    table-layout: fixed;
}
.itemholder>.caption {
    display: table-cell;
}
.nojs .galitem {
    float: left;
}
.galitem>* span.not_absolute .caption {
    bottom: 0;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 20;
    left: 0;
}
.galitem>* span.not_absolute .caption>* {
    display: table;
    height: 100%;
    table-layout: fixed;
    width: 100%}
.galitem>* span.not_absolute .caption>*>* {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.galitem .image_container.not_absolute {
    display: block;
    position: relative;
}
.galitem .image_container .img {
    display: block;
    line-height: 0;
}
.galitem.noimage .caption, .galitem.noimage>a {
    table-layout: fixed;
    height: 100%;
    display: table;
}
.galitem.noimage {
    position: relative;
    width: 100%;
    vertical-align: middle;
    opacity:1 !important;
}
.galitem.noimage .caption {
    width: 100%}
.galitem.noimage .caption .holder {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.noimage .caption .holder>span {
    display: inline-block;
    margin: 0 auto;
    text-align: left;
}
.galitem .image_container {
    display: block;
    overflow: hidden;
}
.galitem .image_container img {
    max-width: 100%}
.galitem.grid-1-3, .grid-1-3, .grid-3-3 .image_container.grid-1-3, .hochformat, .not_grid-2-3 {
    width: 33.333%}
.querformat {
    width: 66.666%}
.galitem.grid-3-3, .grid-3-3, .grid-3-3 .image_container.grid-3-3 {
    width: 100%}
.galitem.grid-2-3, .grid-2-3, .image_container.grid-2-3 {
    width: 66%}
.itemwrap {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 10px;
}
.itemwrap>* {
    display: table-cell;
    height: 100%;
    vertical-align: top;
}
.moveCaptionTop {
    overflow: visible;
}
.overlay, .rahmen {
    overflow-y: scroll;
}
.galitem>* {
    display: block;
    width: 100%;
    height: 100%}
.itemwrap>.grid-3-3 {
    display: table;
    table-layout: fixed;
}
.grid-3-3 .itemholder>* {
    display: table-cell;
    vertical-align: middle;
}
.grid-3-3 .itemholder.holder_grid-1-3 {
    display: table;
    table-layout: fixed;
    width: 100%}
.grid-3-3 .itemholder.holder_grid-1-3>.image_container.align_center {
    display: block;
    margin: 0 auto;
}
.align_center {
    margin: 0 auto;
}
.holderalign_left .align_center {
    margin: 0!important;
    display: block!important;
}
.caption.right {
    padding: 0 30px;
}
.grid-1-3.notcomplete, .grid-2-3.notcomplete {
    display: block;
}
.grid-3-3 .image_container.not_absolute.grid-1-3 {
    float: none;
}
.grid-3-3 .itemholder {
    display: table;
    table-layout: fixed;
    width: 100%}
.grid-3-3 .image_container.not_above, .grid-3-3 .image_container.not_below {
    display: block;
}
.grid-3-3 .image_container.not_above.align_right, .grid-3-3 .image_container.not_absolute.align_right, .grid-3-3 .image_container.not_below.align_right {
    float: right;
}
.itemwrap .galitem.full .image_container, .itemwrap .galitem.notfull:nth-child(odd) {
    padding-right: 5px;
}
.itemwrap .galitem.notfull:nth-child(even) {
    padding-left: 5px;
}
.innerholder>span {
    display: block;
    margin: 0 auto;
    text-align: left;
}
.absolute .innerholder>span {
    display: table;
}
.caption.ownCap {
    padding: 20px;
    text-align: left;
    font-size: 40px;
    font-family: flamalight, sans-serif;
    line-height: 1.3em;
    text-transform: uppercase;
}
.margemid {
    padding: 0 10px;
}
.caption.ownCap .margemid, .caption.ownCap .typeof {
    vertical-align: middle;
}
.kursiv, .kursiv-gross, .margemid, .typeof {
    font-family: GaramondPremrPro-It, serif!important;
    line-height: 1.35em;
    font-weight: 100;
}
.caption.ownCap .margemid, .caption.ownCap .typeof, .kursiv-gross {
    font-size: 30px;
    text-transform: lowercase;
    letter-spacing: 2px;
}
.kursiv-gross, .title>span.others {
    text-transform: none;
}
.title {
    padding: 10px 0 5px;
    display: block;
}
.moveCaptionTop .title {
    margin-bottom: 5px;
}
.title>span {
    display: block;
    font-family: flamalight, sans-serif;
    font-size: 14px;
    line-height: 1.3em;
    text-transform: uppercase;
    font-weight: 500;
}
.title>span.others {
    font-family: GaramondPremrPro-It, sans-serif;
    margin-top: 5px;
}
.twocolumns {
    display: table;
    height: 100%;
    margin: 0 auto;
    table-layout: fixed;
    max-width: 980px;
    padding: 20px;
    width: 100%}
.metahead, .rightside .headlinecontainer {
    text-transform: uppercase;
    margin-bottom: 30px;
}
.twocolumns>* {
    display: table-cell;
    height: 100%;
    vertical-align: top;
}
.twocolumns .leftside {
    padding-right: 20px;
}
.twocolumns .leftside .back {
    display: none;
}
#header>.inside .headerholder, .back_responsive, .headerholder .header_left, .metafooter>.credits>span, .metafooter>span, .metahead>span, .scrolldown a {
    display: block;
}
.twocolumns .rightside {
    padding-left: 20px;
}
.metahead {
    line-height: 1.45em;
}
.leftside .credits {
    margin-top: 10px;
}
.rightside .headlinecontainer {
    border-bottom: 1px solid #333;
    line-height: 1.3em;
    padding-bottom: 10px;
}
.rightside .headlinecontainer>* {
    font-size: 18px;
}
.metahead>span.name {
    font-family: OpenSans, sans-serif;
    font-weight: 300;
    font-size: 18px;
}
.textblock {
    margin-bottom: 40px;
}
.leftside>.inside {
    padding-bottom: 45px;
}
.nojs .alignv {
    padding: 10vh 12vw;
}
.scrolldown {
    background: #000;
    bottom: 0;
    font-size: 13px;
    height: 40px;
    left: 50%;
    letter-spacing: 3px;
    margin-left: -125px;
    position: absolute;
    text-align: center;
    transition-duration: .5s;
    width: 250px;
    z-index: 100;
}
.scrolldown a {
    color: #fff;
    height: 100%;
    width: 100%;
    background: url(../images/arrow-down.png) 50% 50% no-repeat;
}
#main_top {
    position: relative;
}
#main_top, .slides .galitem, .slides .itemholder, .slides .itemholder .img {
    min-height: 450px;
    max-height:980px;
}
.home .main {
    padding: 40px 0;
}
.js .main .galitem {
    opacity: 1;
    background-color: #ffffff;
    -webkit-transition: opacity .3s ease-in 0s, background-color .3s ease-in 0s;
    -moz-transition: opacity .3s ease-in 0s, background-color .3s ease-in 0s;
    transition: opacity .3s ease-in 0s, background-color .3s ease-in 0s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.block_type_featured_art_works .galitem:hover {
    background-color: #e9e9e9 !important;
}

.js #main .galitem, .loader {
    opacity: 1;
}

.galitem, .loader {
    opacity: 1;
}

#header {
    width: 100%;
    height: 150px;
    background: rgba(255, 255, 255, .98);
}
#header.clone {
    position: fixed;
    top: -250px;
    z-index: 10000;
    height: 80px;
}
#header.clone>.inside {
    padding: 10px 0;
}
#header>.inside, #header>.inside .headerholder {
    height: 100%;
position:relative;}
.headerholder .header_left {
    float: left;
    height: 100%}
.headerholder .header_left .mod_logo figure a {
    display: block;
    height: 100%}
.headerholder .mod_logo, .headerholder .mod_logo figure {
    height: 100%}
.headerholder .header_right {
    display: table;
    height: 100%;
    table-layout: fixed;
}
.headerholder .header_right>* {
    display: table-cell;
    vertical-align: middle;
}
.scrollspy {
    position: fixed;
    top: 0;
    width: 300px;
    z-index: 300000;
}
.active a #header a:hover, .active span, .trail a, .trail span{
    border-bottom: 2px solid #333;
}
.loader {
    background: url(../images/35.gif) 50% 50%/32px 32px no-repeat rgba(255, 255, 255, .8);
    border-radius: 32px;
    height: 64px!important;
    left: 50%;
    margin-left: -32px;
    position: absolute;
    top: 50vh;
    width: 64px!important;
    z-index: 200;
        margin-top:-32px;
}
.button_container, .galitem .image_container {
    position: relative;
}
.galitem .loader,.pictureslist .loader {
    left: 50%;
    top: 50%

    }
.button_container {
    cursor: pointer;
    height: 1em;
    transition: opacity .25s ease 0s;
    -webkit-transition: opacity .25s ease 0s;
    -o-transition: opacity .25s ease 0s;
    -khtml-transition: opacity .25s ease 0s;
    width: 24px;
    z-index: 10001;
    float: right;
    margin-left:15px;
}
.button_container:hover {
    opacity: .7;
}
.button_container.active .top {
    background: #333;
    transform: translateY(7px) translateX(0) rotate(45deg);
    -webkit-transform: translateY(7px) translateX(0) rotate(45deg);
    -o-transform: translateY(7px) translateX(0) rotate(45deg);
    -khtml-transform: translateY(7px) translateX(0) rotate(45deg);
}
.button_container.active .middle {
    background: #333;
    opacity: 0;
}
.button_container.active .bottom {
    background: #333;
    transform: translateY(-7px) translateX(0) rotate(-45deg);
    -webkit-transform: translateY(-7px) translateX(0) rotate(-45deg);
    -o-transform: translateY(-7px) translateX(0) rotate(-45deg);
    -khtml-transform: translateY(-7px) translateX(0) rotate(-45deg);
}
.button_container span {
    background: #333;
    border: none;
    cursor: pointer;
    height: 3px;
    left: 0;
    position: absolute;
    top: 1px;
    transition: all .35s ease 0s;
    -o-transition: all .35s ease 0s;
    -webkit-transition: all .35s ease 0s;
    -khtml-transition: all .35s ease 0s;
    width: 100%}
.button_container span:nth-of-type(2) {
    top: 7px;
}
.button_container span:nth-of-type(3) {
    top: 14px;
}
.overlay {
    background: rgba(255, 255, 255, .9);
    height: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    -webkit-transition: opacity .35s ease 0s, visibility .35s ease 0s, height .35s ease 0s;
    -o-transition: opacity .35s ease 0s, visibility .35s ease 0s, height .35s ease 0s;
    transition: opacity .35s ease 0s, visibility .35s ease 0s, height .35s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 800000;
	display:table;
	border-collapse:collapse;
	table-layout:fixed;
}
.overlay.open {
    height: 100%;
    height: 100vh;
    opacity: 1;
    visibility: visible;
}
.overlay.open li {
    -webkit-animation: .5s ease .35s normal forwards 1 running fadeInRight;
    -o-animation: .5s ease .35s normal forwards 1 running fadeInRight;
    -khtml-animation: .5s ease .35s normal forwards 1 running fadeInRight;
    animation: 0.5s ease 0.35s normal forwards 1 running fadeInRight;
    color: #333;
}

.android .overlay.open li, .ie .overlay.open li {
 animation:none;
 opacity:1;
}

.overlay.open li:nth-of-type(2) {
    -webkit-animation-delay: .4s;
    -o-animation-delay: .4s;
    -khtml-animation-delay: .4s;
    animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
    -webkit-animation-delay: .45s;
    -o-animation-delay: .45s;
    -khtml-animation-delay: .45s;
    animation-delay: .45s;
}
/*.overlay nav {
    display: table;
    font-size: 26px;
    font-weight: 400;
    height: 100%;
    position: relative;
    table-layout: fixed;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    } */

  .overlay nav {
    display: table-row;
    font-size: 26px;
    font-weight: 400;
    height: 100%;
   border-collapse:collapse;
    text-align: center;
    width: 100%;
    }

    .ie .overlay nav {
    -webkit-transform: none;
    top:50%;
    margin-top:-10%;
    }

.menu-kuenstler li, .menu-letter {
    font-size: 13px;
    line-height: 18px;
}
.mac.safari .overlay nav {
    top: 0;
}
.overlay ul {
    display: table-cell;
    list-style: none;
    margin: 0 auto;
    padding: 0;

    vertical-align: middle;
    width: 100%;
}
.overlay ul li {
    display: block;
    margin: 30px 0;
    opacity: 0;
    padding: 10px;
    position: relative;
}
.overlay ul li a, .overlay ul li span {
    padding-bottom: 3px;
}
.ios .overlay ul li, .safari .overlay ul li{
    opacity: 1;
}
.overlay ul li a {
    color: #333;
    display: inline-block;
    position: relative;
}
.overlay ul li a:active:after, .overlay ul li a:focus:after, .overlay ul li a:hover:after {
    width: 100%}
.overlay ul li a:after {
    background: #333;
    bottom: -3px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .35s ease 0s;
    transition: all .35s ease 0s;
    width: 0;
}
@-webkit-keyframes fadeInRight {
    0% {
    left: 20%;
    -webkit-opacity: 0;
}
100% {
    left: 0;
    -webkit-opacity: 1;
}
}@-moz-keyframes fadeInRight {
    0% {
    left: 20%;
    opacity: 0;
}
100% {
    left: 0;
    opacity: 1;
}
}@-o-keyframes fadeInRight {
    0% {
    left: 20%;
    opacity: 0;
}
100% {
    left: 0;
    opacity: 1;
}
}@keyframes fadeInRight {
    0% {
    left: 20%;
    opacity: 0;
}
100% {
    left: 0;
    opacity: 1;
}
}
.buttonholder, .responsive {
    display: none;
}
.regularpages .main {
    padding: 0;
}
.regularpages .main>.inside {
    padding: 40px 40px 0;
}
.js .alignv {
    display: table-cell;
    vertical-align: middle;
}
.js .alignv>.first.last {
    margin: 0 auto;
    width: 100%;
    padding: 0 5vw;
}
#footer>.inside {
    padding: 20px;
}
#footer>.inside>.mod_customnav li, #footer>.inside>.mod_navigation li {
    float: left;
    color: silver;
    margin-left: 5px;
}
#footer>.inside>.mod_customnav li.first, #footer>.inside>.mod_navigation li.first {
    margin: 0;
}
#footer>.inside>.mod_customnav li>*, #footer>.inside>.mod_navigation li>* {
    display: block;
    padding: 3px 5px 1px;
    border-bottom: 1px solid transparent;
}
#footer>.inside>.mod_customnav li>a:hover, #footer>.inside>.mod_customnav li>span, #footer>.inside>.mod_navigation li>a:hover, #footer>.inside>.mod_navigation li>span {
    color: #333;
    border-bottom: 1px solid #333;
}
.artistMenu {
    height: 100%;
    width: 100%;
    -moz-column-count: 5;
    -webkit-column-count: 5;
    -o-column-count: 5;
    -khtml-column-count: 5;
    column-count: 5;
}
.artistMenu .menueholder {
    display: table-cell;
    vertical-align: top;
}
.menu-artists {
    margin: 30px 30px 30px 0;
    border-top: 2px solid #333;
     break-inside: avoid;
     break-inside: avoid-column;
       position: relative;
  display: block;
}

.menu-artists:first-of-type {
    margin-top: 0;
}
.menu-artists li a {
    text-decoration: underline;
    color: #333;
}
.menu-letter {
    font-family: flamamedium;
    text-transform: uppercase;
    padding: 5px 0;
}
.menu-kuenstler li {
    color: #aaa;
    display: block;
    font-family: flamalight;
    width: 100%}
.js .main, .js #main_top {
    /*opacity: 0;*/
    /*display: none;*/
}
.detaillink {
    clear: both;
    display: block;
    text-align: right;
    line-height: 0;
}
.fancybox-skin {
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.fancybox-title {
    font: 500 16px/20px flamalight, sans-serif;
    position: relative;
    text-align: left;
    text-shadow: none;
    text-transform: uppercase;
    visibility: hidden;
    z-index: 8050;
}
.button>*, .responsive_back a {
    line-height: 1;
    padding: 10px 0;
}
.fancy-caption-year {
    font-family: GaramondPremrPro-It, serif!important;
    letter-spacing: 1px;
}
.fancybox-close {
    background: url(../images/close.png) center center no-repeat;
    cursor: pointer;
    height: 36px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 36px;
    z-index: 8040;
}
.slides .galitem, .slides .galitem .itemholder>span, .slides .galitem .itemholder>span>span {
    height: 100%}
.slides .galitem.align-center a>span {
    margin: 0 auto;
}
.slides .galitem.noimage a>span {
    width: 100%!important;
}
.slides .galitem.grid-3-3 a>span, .slides .galitem.grid-3-3 img {
    width: 100%}
.slides .galitem.grid-2-3 .img {
    width: 75%}
.slides .galitem.grid-2-3.grid-3-3 .image_container.not_absolute .img {
    display: inline-table;
    width: 100%}
.button>*, .caption.above, .grid-3-3 .itemholder a.linkalign_center, .grid-3-3 .itemholder.holderalign_absolute a, .grid-3-3 .itemholder.holderalign_invisible a, .grid-3-3 .itemholder.holderalign_below a, .rahmen, .responsive_back a, .slides .galitem .itemholder>span, .slides .galitem .itemholder>span>span, .slides .grid-3-3 .itemholder {
    display: block;
}
.slides .galitem.grid-2-3.grid-3-3 .image_container.not_absolute {
    display: block;
    position: relative;
}
.slides .caption.ownCap {
    font-size: 52px;
     line-height: 1.2em;
}
.slides .caption.ownCap .margemid, .slides .caption.ownCap .typeof, .slides .kursiv-gross {
    font-size: 28px;
}
.responsive_back > a:before {
    content: "<";
    margin-right: 8px;
}
.alignv .first.last .kursiv, .alignv .first.last .typeof {
    font-size: 2.1vw;
}
#artwork .img img {
    max-width: 100%;
    height: auto;
}
.scrolldown:hover {
    background: gray;
}
.headlinecontainer.kuenstler {
    margin-bottom: 40px;
}
#cookie h1, .ce_text {
    margin-bottom: 10px;
}
.buttonholder {
    clear: both;
    width: 100%;
}
.button {
    float: left;
    text-align: center;
    width: 48%}
.button.first {
    margin-right: 2%}
.button>* {
    background: #333;
    color: #fff;
    width: 100%}
.button>span {
    cursor: pointer;
}
.button>:hover {
    background: gray;
}
#cookie h1 {
    border-bottom: 2px solid #333;
    padding-bottom: 10px;
}

.fancybox-wrap.cookiealert {
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .5);
    -o-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .5);
    -khtml-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .5);
    z-index:80000000;
}
.fancybox-overlay.cookieoverlay {
    display: none !important;
}

#main_top > .inside, #main_top > .inside > *, .flexslider, .flexslider > .galitem {
height:100% !important;
}

.mod_viehofgallery_show .twocolumns  .rightside {
    vertical-align: middle;
}

.mod_viehofgallery_show .twocolumns  .rightside .textblock{
 border-bottom: 1px solid #333;
 padding-bottom:40px;
 margin-bottom:20px;
}

.mod_viehofgallery_show .twocolumns  .leftside > .inside{
border:none;
padding:unset;
}

.artistsFilter, .respnav {
    clear: both;
    display: table;
    height: auto;
    margin: 0 auto;
    table-layout: fixed;
    max-width: 1280px;
    padding: 0 0 0 20px;
    width: 100%;
}

.respnav {
padding:0 20px;
}

.artistsFilter ul li {
	width: auto;
	height: auto;
	float:left;
	margin-right:3px;
	margin-bottom:3px;
	}

.artistsFilter ul li > * {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 12px;
    letter-spacing: 0.03em;
    line-height: inherit;
    padding: 3px 15px;
    text-transform: uppercase;
}

.men.open .artistsFilter ul li.current > span ,.artistsFilter ul li > a:hover, .artistsFilter ul li.active > span, #bilderliste .pagination ul li span, #bilderliste .pagination ul li a:hover {
background:gray;
border:none;
}

.artistsFilter ul li.filter > span{
cursor:pointer;
}

.men.open .artistsFilter ul li.current > span{
pointer-events: none;
}

/**/
ul.fullListOfViehofPictures {
	width: 100%;
	margin:80px 0 40px 0;
	display:table;
	table-layout:fixed;
}

#bilderliste{}
#bilderliste .fullListOfViehofPictures > li.row{
clear:both;
}

#bilderliste .fullListOfViehofPictures > li.row > ul > li {
	float: left;
	height: auto;
	margin: 0 2% 10px 0;
	padding: 20px 30px 0 0;
	vertical-align:top;
	position:relative;
	width:32%;
}

#bilderliste .fullListOfViehofPictures > li.row > ul > li.lastInRow {
margin: 0 0 10px 0;
}

#bilderliste .fullListOfViehofPictures > li.row > ul > li > *{
display:block;
}

#bilderliste .fullListOfViehofPictures > li.row > ul > li:before {
    border-top: 3px solid;
    content: "";
    display: block;
    margin: 0 0 40px 0;
}

#bilderliste .fullListOfViehofPictures > li.row.first ul > li:before {
margin:0;
display:none;
border:none;
}


#bilderliste .fullListOfViehofPictures > li.row > ul > li > * > span{

}

#bilderliste .fullListOfViehofPictures > li.row .image_container{
position:relative;
}

#bilderliste .fullListOfViehofPictures > li.row .image_container .loader{
position:absolute;
}

#bilderliste .fullListOfViehofPictures .details{
margin-top:10px;
}

#bilderliste .fullListOfViehofPictures .details > span{
padding:0;
line-height:1.3em;
}

#bilderliste .fullListOfViehofPictures .details > span.artist{
font-weight:600;
}

#bilderliste .fullListOfViehofPictures > li.row .image_container, #bilderliste .fullListOfViehofPictures .details{
display:block;
}

#bilderliste .fullListOfViehofPictures > li.row {
float:none;
width:100%;
margin:0 0 10px;
display:table;
table-layout:fixed;
}

#bilderliste .fullListOfViehofPictures > li.row > ul {
 display:table;
table-layout:fixed;
    width: 100%;
}

#bilderliste li.lastInRow {
	margin: 0 0 10px 0;
}

#bilderliste li img {
  opacity: 0;
  transition: opacity .3s ease-in;
}

#bilderliste li.visible img, .js .main .galitem.visible{
opacity:1 !important;
}

.page-filters {
	width: 100%;
	clear: both;
}

#bilderliste .pagination {
	width: 100%;
	padding: 20px 0 0 0;
	border-top: 1px solid #000;
}

#bilderliste .pagination p {
	font-weight: 600;
	float:left;
}

#bilderliste .pagination ul {
	margin: 10px 0 0 0;
	float:right;
}

#bilderliste .pagination ul li {
	display: inline-block;
	width: auto;
	height: auto;
	margin-left:2px;
}

#bilderliste .pagination ul li.next, #bilderliste .pagination ul li.last {
display:none;
}

#bilderliste .pagination ul li a {
	float: left;
	display: block;
	padding: 0 10px;
	color: #fff;
	background: #000;
}

#bilderliste .pagination ul li span {
	float: left;
	display: block;
	padding: 0 10px;
	color: #fff;

}

.overlaymenu{
	    display: none;
}

.men {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    padding: 20px;
    position: sticky;
    width: 100%;
    z-index: 200;
    position: sticky;
    position: -webkit-sticky;
    top: 150px;
}

.men.open {

}

.men.open .artistsFilter ul li.active > span{
background:black;
}

.men.open .artistsFilter ul li.filter.active > span{
background:gray;
}

.artistMenuHolder {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;

 	margin:0 auto;
    padding: 50px 40px 25px;
    position: relative;
    top: 100px;
    width: 100%;
    max-width:1200px;
    z-index: 2147483647;

}

.overlaymenu {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 20;
    overflow-y:scroll;
}

#closeMenu {
	 text-rendering: optimizespeed;
    height: auto;
    position: absolute;
    right: 20px;
    top: 20px;
    text-align: center;
    cursor: pointer;
    display: block;
    font-size: 40px;
    height: 40px;
    width: 40px;
    transition: all 0.2s ease 0s;
}
#closeMenu:hover {
    transform: rotate(45deg) translate3d(0px, 0px, 0px);

}

.imgholder{
width:100%;
height:auto;
display:block;
position:relative;
line-height:0;
}

.imgholder img{
max-width:100%;
height:auto;
}

.loginlogout {
display:table;
    height: 100%;
float:right;
margin-right:20px;
}

.phone.ie .loginlogout {
float:none;
}

.loginlogout > .inside {
    display: table-cell;
    text-transform: uppercase;
    vertical-align: middle;
}

body.login{}

.mod_login{

 max-width: 560px;
     margin: 0 auto;
    max-width: 560px;
    padding: 30px;
 }
.mod_login .headlinecontainer > *{
  font-family: GaramondPremrPro-It,serif;
}

#tl_login {

    display: table;

    table-layout: fixed;
    width: 100%;
}

#tl_login .formbody {
    border-top: 3px solid;
    padding-top: 40px;
}

.formbody > .widget > * {
    display: table-cell;
    width: 100%;

}

.formbody > .widget {
    display:table;
    table-layout:fixed;
    width:100%;
    margin-bottom:15px;
}
.formbody > .widget > label{
width:130px;
text-transform:uppercase;
font-size:13px;
}


.formbody > .widget > input,
.formbody > .widget > button,
.formbody > .widget > textarea {
  font-family: "flamalight",sans-serif;
    border: 1px solid gray;
    padding: 5px;
}

.formbody .submit {
    background: black none repeat scroll 0 0;
    border: medium none;
    color: white;
    float: right;

    padding: 5px 20px;
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:0.08em;
}

.cookiewrap.fancybox-opened{
z-index: 803000;
}

.flexslider .galitem.grid-2-3 .img{
width:75%;
}


.fancybox-wrap.cookiewrap{
z-index:20000000;
}

.fancybox-wrap.cookiewrap .fancybox-inner,.fancybox-wrap.cookiewrap .fancybox-skin{
    width:100% !important;
     height:100% !important;
}


.cookiewrap .fancybox-inner{
	overflow: hidden !important;
}

.cookiewrap .fancybox-inner .buttonholder{
display:table;
width:100%;
table-layout:fixed;
}

.fancybox-wrap.cookiewrap .fancybox-skin{
display:table-cell;

background-color:whiteSmoke;
}

.fancybox-wrap.cookiewrap .fancybox-skin .fancybox-outer{
display:table-cell;
vertical-align:bottom;
width:100%;
}


.fancybox-wrap.cookiewrap .ce_text {
    font-size: 15px;
    line-height: 1.7em;
    padding-right: 25px;
}
.buttonholder {

    margin: 0;
}

.headerholder .mod_logo img {
    height: 100%;
    width: auto;
}

.togglerbtn {
  display:inherit;
  float:right;
  height:30px;
  margin:0 20px;
  position:relative;
  right:0;
  top:30px;
   transition: all .3s ease;
   -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    z-index:10000000;
  width:24px;
  z-index:10000000;
}

.togglerbtn {

 }

.rahmen{
overflow:hidden;
}

.downloads{
margin-top:20px;
}

.twocolumns{
border-bottom:1px solid gray;
padding:60px 0;
}

.layout_full.last .twocolumns{
border:none;
padding-bottom:0;
}

 .videocontent {
	width:100%;
	max-width: 640px;
	margin: 30px 0;
}

.videocontent * {
    max-width: 100%;
}

.mejs-poster{
background-size:cover;
}

.portfoliolinks{
padding:10px 0;
}

.portfoliolinks li a{
text-decoration:underline;
color:gray ;
}

/* Merkzettel */
.merklisteNav {
	float:right;
	display:table;
	height:100%;
}
.merklisteNav > .inside {
    display: table-cell;
    text-transform: uppercase;
    vertical-align: middle;
	padding-right:40px;
}
.merkzettel h1 {
	margin-bottom:30px;
}
#viehofBookmarkList,
.bookmarkAction {
	display:table;
	width:100%;
	table-layout:auto;
}
.viehofBookmarkItem,
.bookmarkAction .row {
	display:table-row;
}
.viehofBookmarkItem div {
	display:table-cell;
	border-bottom:1px solid black;
	vertical-align:top;
	padding:15px 5px 10px 0;
}
.viehofBookmarkItem div.itemCounter{
	width:15px;
}
.viehofBookmarkItem div.itemThumbnail {
	min-width:50px;
}
.viehofBookmarkItem .image_container {
	max-width:100px;
	display:block;
}
.viehofBookmarkItem .image_container img {
	width:100%;
	height:auto;
}
.viehofBookmarkItem .title {
	padding:0;
}
.itemDeleteLink a {
	display:block;
	width:21px;
	height:21px;
	background:url(../images/loeschen.png) no-repeat;
	padding-bottom:5px;
}
.viehofBookmarkItem div.itemDeleteLink {
	vertical-align:bottom;
	width:21px;
}
.bookmarkAction .row span {
	display:table-cell;
	padding-top:30px;
}
.bookmarkDelete {
	text-align:left;
}
.bookmarkSend {
	text-align:center;
}
.bookmarkPrint {
	text-align:right;
}
.responsive_back {
	float:left;
}
.addmerkzettel {
	float:right;
}
.addmerkzettel a:before {
	content:"+";
	border:1px solid black;
	padding:2px;
	margin-right:5px;
	display:inline-block;
	height:16px;
	width:16px;
	line-height:8px;
}
.merkzettelwarning {
	font-size:12px;
	margin-bottom:0;
}
.formbody > .widget.widget-explanation,
.formbody > .widget.widget-explanation > * {
	display:block;
}

/*viceo*/

.home .mod_newslist .videocontent{
margin:0;
max-width:none;
}

.werkstxt .category {
display:none;
}

.mod_changelanguage {
position:absolute;
top:-10px;
right:60px;
font-size:12px;
z-index:10;
}
.mod_changelanguage li {
display:inline-block;
}
.mod_changelanguage li.first:after {
content:' | ';
}
.cookiebar {
z-index:999;
background-color:black;
}
.cookiebar__button,
.cookiebar__button:hover {
background-color:#4b4b4b;
}


.mod_visitors {
    border:1px solid #000000;
    margin:20px 10px 20px 10px;
}
.mod_visitors h1 {
    margin: 0px 10px 0px 10px;
}

.mod_visitors .visitor_count {
	width:0px;
	height:0px;
}

.mod_visitors .visitor_name {
    margin:10px 10px 4px 10px;
    border-bottom:1px solid #C6AD8D;
    font-weight:bold;
}
.mod_visitors .visitor_name #VisitorsNameLegend {
	float: left;
}
.mod_visitors .visitor_name #VisitorsName {
	text-align: left;
}

.mod_visitors .visitor_useronline {
    margin: 0px 10px 0px 10px;
    font-weight:bold;
}
.mod_visitors .visitor_useronline #VisitorsOnlineCountLegend {
	float: left;
}
.mod_visitors .visitor_useronline #VisitorsOnlineCount {
	text-align: right;
}

.mod_visitors .visitor_visitstoday {
    margin: 0px 10px 0px 10px;
    font-weight:bold;
}
.mod_visitors .visitor_visitstoday #TodayVisitCountLegend {
	float: left;
}
.mod_visitors .visitor_visitstoday #TodayVisitCount {
	text-align: right;
}

.mod_visitors .visitor_hitstoday {
    margin: 0px 10px 0px 10px;
}
.mod_visitors .visitor_hitstoday #TodayHitCountLegend {
	float: left;
}
.mod_visitors .visitor_hitstoday #TodayHitCount {
	text-align: right;
}

.mod_visitors .visitor_visitstotal {
    margin: 0px 10px 0px 10px;
}
.mod_visitors .visitor_visitstotal #TotalVisitCountLegend {
	float: left;
}
.mod_visitors .visitor_visitstotal #TotalVisitCount {
	text-align: right;
}


.mod_visitors .visitor_hitstotal {
    margin: 0px 10px 0px 10px;
}
.mod_visitors .visitor_hitstotal #TotalHitCountLegend {
	float: left;
}
.mod_visitors .visitor_hitstotal #TotalHitCount {
	text-align: right;
}

.mod_visitors .visitor_average {
    margin: 0px 10px 0px 10px;
}
.mod_visitors .visitor_average #AverageVisitsLegend {
	float: left;
}
.mod_visitors .visitor_average #AverageVisits {
	text-align: right;
}

.mod_visitors .visitor_countsince {
    margin:6px 10px 10px 10px;
}
.mod_visitors .visitor_countsince #VisitorsStartDateLegend {
	float: left;
    font-weight:bold;
    font-size:0.8em;
}
.mod_visitors .visitor_countsince #VisitorsStartDate {
	text-align: right;
    font-weight:bold;
    font-size:0.8em;
}




@media all and (max-width: 980px){
.headerholder, .main > .inside, #footer > .inside {
    max-width: 980px;
    padding: 0 20px;
}
}

@media all and (max-width: 920px) and (min-width: 560px){

.title>span.others{
font-size:15px;
}

.slides .caption.ownCap {
  line-height:1.1em;
}

}

@media all and (max-width: 900px) and (min-width: 735px){
.artistMenu{
-moz-column-count:4;
-webkit-column-count:4;
-o-column-count:4;
-khtml-column-count:4;
-ms-column-count:4;
column-count:4;
}
}

@media all and (min-width: 680px){
.computer .main .galitem .img {
    display: block;
    width: 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 5s ease-in-out;
    -moz-transition: all 5s ease-in-out;
    transition: all 5s ease-in-out;
}
.computer .main .galitem .holderalign_left:hover .img, .main .galitem .holderalign_right:hover .img, .main .galitem.full .image_container.grid-1-3:hover .img, .main .galitem.full .image_container.grid-2-3:hover .img, .main .galitem.full .image_container.grid-3-3:hover .img, .main .galitem.grid-1-3 .image_container .rahmen:hover .img, .main .galitem.grid-1-3 .image_container.grid-3-3:hover .img, .main .galitem.grid-2-3 .image_container .rahmen:hover .img, .main .galitem.grid-2-3 .image_container.grid-3-3:hover .img {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
}

@media all and (max-width: 980px) and (min-width: 680px){

.main .caption.ownCap {
    font-size: 4.5vw;
    line-height: 1.2em;
}

.main .caption.right.ownCap, .main .caption.left.ownCap {
font-size: 3.8vw;
}



.main .caption.ownCap .margemid, .main .caption.ownCap .typeof, .main.kursiv-gross{
font-size:19px;
padding:0;
margin:0;
}
}

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


#bilderliste .fullListOfViehofPictures > li.row .image_container{
height:auto !important;
}

#bilderliste .fullListOfViehofPictures > li.row > ul > li{
width:100%;
margin:0 0 10px 0;
padding:20px 0 0 0;
}

#bilderliste .fullListOfViehofPictures > li.row > ul > li:before{
display:none;
}

.galitem .image_container img{
width:100%;
height:auto;
}

.regularpages .main > .inside{
padding: 20px 20px 0;
}

.main .caption.ownCap {
    font-size: 8vw;
    line-height: 1.2em;
}

.main .caption.ownCap .margemid, .main .caption.ownCap .typeof, .main.kursiv-gross{
font-size:18px;
padding:0;
margin:0;
}

.main .caption.right.ownCap, .main .caption.left.ownCap {
    font-family: flamalight,sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3em;
    text-transform: uppercase;
}

.main .caption.right.ownCap .typeof, .main .caption.left.ownCap .typeof{
font-size: 14px;
margin-top:5px;
letter-spacing:0;
}
.flexslider .galitem.grid-2-3 .img, .grid-2-3, .galitem.grid-2-3, .image_container.grid-2-3,.hochformat, .grid-1-3, .galitem.grid-1-3, .grid-3-3 .image_container.grid-1-3, .not_grid-2-3{
width:100%;
display:block;
}
.holderalign_above{
margin-top:0 !important;
}

.grid-3-3 .itemholder > *{
display:block;
}

.caption.right{
padding:0;
}

.galitem{
margin-bottom:10px;
}

.galitem .image_container.not_absolute .img{
min-height:330px;
}

.galitem .image_container.not_above,.galitem .itemholder.holderalign_left{
display:table;
table-layout:fixed;
width:100%;
}

.galitem .image_container.not_above .caption.above,.galitem .itemholder.holderalign_left .caption.left{
display:table-footer-group;
}

.galitem .image_container.not_above .img{
display:block;
}


.caption.ownCap,.caption.ownCap .margemid, .caption.ownCap .typeof, .kursiv-gross{
	/*letter-spacing:0;
    font-family: "flamalight",sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3em;
    text-transform: uppercase;
    vertical-align:unset;*/
}


.caption.absolute.ownCap .margemid,.caption.absolute.ownCap .typeof {
vertical-align:5px;
}


.caption.ownCap .typeof{
font-family: "GaramondPremrPro-It",sans-serif;
    margin-top: 5px;

}
.caption.ownCap br{
}

.galitem.noimage{}

.galitem.noimage .caption{
padding:30px 0;
}

.mod_newsreader{
display:block;
}

.mod_newsreader .layout_full{
display:table;
table-layout:fixed;
width:100%;
}

.twocolumns{
padding:0;
margin:0;
width:100%;
}

.twocolumns > .leftside{
 display: table-header-group;
    height: auto;
}

.twocolumns .rightside{
padding:0;
}

.twocolumns .leftside > .inside{
border:none;
}

.twocolumns .rightside .headlinecontainer{
margin-bottom:20px;
}

.abouttxt.textblock{
margin-bottom:0;
}

.flexslider .galitem.grid-2-3 .img{}

.flex-direction-nav{
display:none;
}

.buttonholder, .responsive{
display:table-cell;
position:relative;
z-index:80000000;
vertical-align:middle;
}

.headerholder .header_right{

}

.title>span{}

#header .mod_navigation{
display:none;
}

.headerholder .header_right {
    display: table;
    float: right;
    height: 100%;
    table-layout: fixed;
    width: 20px;
	overflow:hidden;
}
.caption.absolute.ownCap{

}
.merklisteNav span {
	display:none;
}
.merklisteNav > .inside {
	padding-right:10px;
}


}
@media all and (max-width: 650px){
#header, .togglerbtn{
height:80px;
}


#header > .inside{
padding: 5px 0;
}

#container{
padding-top:80px;
}
}


@media all and (max-width: 735px) and (min-width: 580px){
.artistMenu{
-moz-column-count:3;
-webkit-column-count:3;
-o-column-count:3;
-khtml-column-count:3;
-ms-column-count:3;
column-count:3;

}
}

@media all and (max-width: 580px) and (min-width: 420px){
.artistMenu{
-moz-column-count:2;
-webkit-column-count:2;
-o-column-count:2;
-khtml-column-count:2;
-ms-column-count:2;
column-count:2;

}
}

@media all and (max-width: 420px){
.artistMenu{
-moz-column-count:1;
-webkit-column-count:1;
-o-column-count:1;
-khtml-column-count:1;
-ms-column-count:1;
column-count:1;

}
}

@media all and (min-width: 680px){
.alignv .first.last .kursiv, .alignv .first.last .typeof{
font-size:23px;
}
.js .alignv > .first.last{
width:80%;
}
}

@media all and (min-width: 430px) and (max-width: 680px){

.js .alignv > .first.last{
padding:0;
}

.alignv .first.last .kursiv, .alignv .first.last .typeof{
font-size:4vw;
}
}

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

.js .alignv > .first.last{
padding:0;
}

.alignv .first.last .kursiv, .alignv .first.last .typeof{
font-size:5vw;
}
.viehofBookmarkItem div {
	display:block;
	border:none;
	padding:0;
}
.viehofBookmarkItem,
.bookmarkAction .row {
	display:block;
	border-bottom:1px solid black;
	padding:5px 0;
}
}

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



.slides .caption.ownCap {
  line-height:1.1em;
  font-size:10vw;
}




.slides .caption.absolute.ownCap .margemid, .slides .caption.absolute.ownCap .typeof{
margin:0;
padding:0;
vertical-align:middle;
}

.slides .title, .slides .noimage .caption .holder > span{
padding: 10px 20px 5px;
}

.slides .caption.ownCap .margemid, .slides .caption.ownCap .typeof, .slides .kursiv-gross{
font-size:6.5vw;
}
}

@media all and (min-width: 680px){
.caption.ownCap{

}
.caption.ownCap .margemid, .caption.ownCap .typeof, .kursiv-gross{

}
.caption.right{
padding:0 2.5vw;
}
}



@media all and (max-width: 875px) and (min-width: 750px) {
.artistsFilter ul li > * {
    font-size: 11px;
    padding: 0 10px;
}
}


@media all and (min-width: 750px) {
.respnav{
display:none;
}
}

@media all and (max-width: 750px) {
.artistsFilter{
display:none;
}

.ie .men{
padding:0;
position:relative;
}
.ie .artistsFilter{
display:block !important;
padding:0;
}

.ie .respnav{
display:none !important;
}

.ie .artistsFilter ul li{
float:none;
margin:0;
}

.ie ul.fullListOfViehofPictures{
margin-top:0;
}

.headerholder .header_left{
margin:0;
}
}

@media all and (min-width: 560px) and (max-width: 875px){
.flexslider .galitem.grid-2-3 .img, .flexslider .galitem.grid-1-3 .img{
width:100%;
}


}



@media all and (min-width: 540px){
.fancybox-wrap.cookiewrap{
    bottom: 3% !important;
    left: auto !important;
    position: fixed !important;
    right: 3% !important;
    top: auto !important;

}
}
@media all and (max-width: 460px){
div.fancybox-skin{
padding:20px !important;
}

.fancybox-close{
height:25px;
width:25px;
top:0;
right:0;
}

.galitem .image_container .img{
display:block !important;
width:100%;
}
.formbody > .widget > * {
display:block;
}
}

@media all and (min-height: 680px){

}
@media all and (min-height: 540px){

.dk-select-options {
max-height:none;
}

.fancybox-wrap.cookiewrap {
position:fixed !important;

    }

}

@media all and (max-height: 540px){

.dk-select-options {
max-height:10.5em;
}

#header{
height:80px;
}

div.fancybox-skin{
padding:20px !important;
}

.fancybox-close{
height:25px;
width:25px;
top:0;
right:0;
}

.overlay ul li{
margin:0;
}

.overlay ul{
top:100px;

}

#container{
padding-top:80px;
}

/*.fancybox-wrap.cookiewrap {
    bottom: 0px !important;
    left: auto !important;
    position: fixed !important;
    right: 0px !important;
    top: auto !important;
    width:100% !important;
    height:200px !important;
} */

.fancybox-wrap.cookiewrap .fancybox-inner,.fancybox-wrap.cookiewrap .fancybox-skin{
    width:100% !important;
     height:100% !important;
}


.fancybox-wrap.cookiewrap .fancybox-skin{
display:table;
table-layout:fixed;
background-color:whiteSmoke;
}

.fancybox-wrap.cookiewrap .fancybox-skin .fancybox-outer{
display:table-cell;
vertical-align:bottom;
width:100%;
}

.fancybox-wrap.cookiewrap .headlinecontainer{
display:none;
}

.fancybox-wrap.cookiewrap .ce_text {
    font-size: 15px;
    line-height: 1.7em;
    padding-right: 25px;
}
.fancybox-wrap.cookiewrap.fancybox-opened .fancybox-skin{
/* box-shadow: none; */
}
.fancybox-wrap.cookiewrap .fancybox-skin{
}

.buttonholder {
height:100%;
    width:80px;
    margin: 0;
}

.buttonholder > .button{
/*width:20%;*/
font-size:14px;
}

#header > .inside{
padding:12px 0;
}
}

.nl-ausstellung .fancy-caption-year{margin-left:2px}.nl-ausstellung #main_top{height:100% !important;max-height:100%}.nl-ausstellung #nl-intro-container .nl-intro-box{position:relative;padding-bottom:60px;border-bottom:solid;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:27px}.nl-ausstellung #nl-intro-container .nl-intro-box .container{padding:20px;max-width:630px}.nl-ausstellung .main .mod_article{display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:visible}.nl-ausstellung .main .mod_article .ce_image{overflow:visible}.nl-ausstellung .main .mod_article .ce_text .margemid{padding:0}.nl-ausstellung .galitem{padding:20px}.nl-ausstellung .galitem.nlgallery .caption.absolute{display:none}.nl-ausstellung .galitem.nlgallery .itemholder{display:flex;flex-wrap:wrap}.nl-ausstellung .galitem.nlgallery .itemholder .caption.grid-2-3{flex-basis:33%}.nl-ausstellung .galitem.nlgallery .itemholder .caption.above{flex-basis:66%}.nl-ausstellung .galitem.nlgallery .itemholder .caption .second-caption{margin-top:15px}.nl-ausstellung .galitem.nlgallery .itemholder .caption .holder span>span{font-family:flamalight, sans-serif;display:block;line-height:1.4;font-size:17px;text-transform:uppercase;font-weight:500}.nl-ausstellung .galitem.nlgallery .itemholder .caption .holder span>span.prefix,.nl-ausstellung .galitem.nlgallery .itemholder .caption .holder span>span.artist,.nl-ausstellung .galitem.nlgallery .itemholder .caption .holder span>span.material,.nl-ausstellung .galitem.nlgallery .itemholder .caption .holder span>span.measurements{display:inline}.nl-ausstellung .galitem.nlgallery .itemholder .caption .holder span>span.copyright,.nl-ausstellung .galitem.nlgallery .itemholder .caption .holder span>span.courtesy,.nl-ausstellung .galitem.nlgallery .itemholder .caption .holder span>span.credits{font-family:GaramondPremrPro-It, sans-serif;text-transform:none}.nl-ausstellung .galitem.nlgallery .itemholder .caption .holder span>span.credits{font-size:15px}.nl-ausstellung .galitem.nlgallery .itemholder .caption .holder span>span.prefix{font-family:GaramondPremrPro-It, sans-serif;text-transform:none}.nl-ausstellung .galitem.nlgallery .itemholder .image_container.align_right{margin-left:auto}.nl-ausstellung .galitem.nlgallery .itemholder .image_container.align_right~.caption.above{margin-left:auto}.nl-ausstellung .galitem.nlgallery .itemholder.holderalign_below{flex-direction:column}.nl-ausstellung .galitem.nlgallery .itemholder .align_left{align-self:flex-start}.nl-ausstellung .galitem.nlgallery .itemholder .align_left+.caption{align-self:flex-start}.nl-ausstellung .galitem.nlgallery .itemholder .align_center{align-self:center}.nl-ausstellung .galitem.nlgallery .itemholder .align_center+.caption{align-self:center}.nl-ausstellung .galitem.nlgallery .itemholder .align_right{align-self:flex-end}.nl-ausstellung .galitem.nlgallery .itemholder .align_right+.caption{align-self:flex-end}.nl-ausstellung .galitem.nl-collection,.nl-ausstellung .galitem.nlgallery{opacity:1 !important;display:block}.nl-ausstellung .galitem.nosubtitle .caption.above .title{display:none}.nl-ausstellung .galitem .image_container img{width:100%}.nl-ausstellung .galitem.even.full.grid-3-3{display:flex;justify-content:flex-end}.nl-ausstellung .nlgallery{opacity:1 !important}.sammlung.nl-ausstellung .galitem.nl-collection{display:flex}.sammlung.nl-ausstellung .galitem.nl-collection.grid-2-3{margin:0 10% 0 10%}.sammlung.nl-ausstellung .galitem.nl-collection.grid-1-3{margin:0 33% 0 33%}.sammlung.nl-ausstellung .galitem.nl-collection.align_right{justify-content:flex-end}.sammlung.nl-ausstellung .galitem.nl-collection.align_left{justify-content:flex-start}.sammlung.nl-ausstellung .galitem.nl-collection.align_center{justify-content:center}.sammlung.nl-ausstellung .galitem.nl-collection.noimage{align-items:center;flex-direction:column}.sammlung.nl-ausstellung .galitem.nl-collection.noimage p{width:66%;min-width:300px}.fancybox-title{display:flex;justify-content:center;align-items:baseline;margin-top:30px;margin-bottom:-20px}.fancybox-title .fancy-number{position:absolute;top:-27px}.flexslider .absolute .innerholder>span{display:table}.flexslider .absolute .innerholder>span .title p,.flexslider .absolute .innerholder>span .title span{display:inline}.nl-collection span.margemid{display:inline;padding:0}.cto-toolbar__open{z-index:100001}div.cto-toolbar__inside{z-index:100002}
@charset "UTF-8";
/*
* nextlevels code
*/
@-webkit-keyframes "fadeInDown" {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes "fadeInDown" {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes "slideOutLeft" {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes "slideOutLeft" {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0);
    }
}
.nextlevelsCookie * {
    box-sizing: border-box;
}
.nextlevelsCookie *::before {
    box-sizing: inherit;
}
.nextlevelsCookie *::after {
    box-sizing: inherit;
}
.nextlevelsCookie * div {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * span {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * h1 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * h2 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * h3 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * h4 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * h5 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * h6 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * p {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * em {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * img {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * small {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * strike {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * strong {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * sub {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * sup {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * b {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * u {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * i {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * center {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * ol {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * ul {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * li {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * form {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie * label {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    background-color: transparent;
}
.nextlevelsCookie * legend {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.nextlevelsCookie .cursor {
    cursor: pointer;
}
.nextlevelsCookie .text-left {
    text-align: left !important;
}
.nextlevelsCookie .text-center {
    text-align: center !important;
}
.nextlevelsCookie .text-right {
    text-align: right !important;
}
.nextlevelsCookie table.nl th {
    text-align: left;
    padding: 0.3rem;
}
.nextlevelsCookie table.nl td {
    padding: 0.3rem;
}
.nextlevelsCookie .nl-responsive-table {
    min-height: 0.01%;
    overflow: auto;
}
.nextlevelsCookie .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.nextlevelsCookie .container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.nextlevelsCookie .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.nextlevelsCookie .no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.nextlevelsCookie .no-gutters > .col {
    padding-right: 0;
    padding-left: 0;
}
.nextlevelsCookie .no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}
.nextlevelsCookie .col-1 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}
.nextlevelsCookie .col-2 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}
.nextlevelsCookie .col-3 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 25%;
    max-width: 25%;
}
.nextlevelsCookie .col-4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}
.nextlevelsCookie .col-5 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}
.nextlevelsCookie .col-6 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 50%;
    max-width: 50%;
}
.nextlevelsCookie .col-7 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}
.nextlevelsCookie .col-8 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}
.nextlevelsCookie .col-9 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 75%;
    max-width: 75%;
}
.nextlevelsCookie .col-10 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}
.nextlevelsCookie .col-11 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}
.nextlevelsCookie .col-12 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 100%;
    max-width: 100%;
}
.nextlevelsCookie .col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex-basis: 0%;
    flex-grow: 1;
    max-width: 100%;
}
.nextlevelsCookie .col-sm-1 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-sm-2 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-sm-3 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-sm-4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-sm-5 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-sm-6 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-sm-7 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-sm-8 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-sm-9 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-sm-10 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-sm-11 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-sm-12 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-sm {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-md-1 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-md-2 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-md-3 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-md-4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-md-5 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-md-6 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-md-7 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-md-8 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-md-9 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-md-10 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-md-11 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-md-12 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-md {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-lg-1 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-lg-2 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-lg-3 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-lg-4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-lg-5 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-lg-6 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-lg-7 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-lg-8 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-lg-9 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-lg-10 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-lg-11 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-lg-12 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-lg {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-xl-1 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-xl-2 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-xl-3 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-xl-4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-xl-5 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-xl-6 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-xl-7 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-xl-8 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-xl-9 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-xl-10 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-xl-11 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-xl-12 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .col-xl {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.nextlevelsCookie .d-block {
    display: block !important;
}
.nextlevelsCookie .d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.nextlevelsCookie .flex-row {
    flex-direction: row !important;
}
.nextlevelsCookie .flex-fill {
    flex: 1 1 auto !important;
}
.nextlevelsCookie .justify-content-between {
    justify-content: space-between !important;
}
.nextlevelsCookie .align-items-start {
    align-items: flex-start !important;
}
.nextlevelsCookie .align-items-end {
    align-items: flex-end !important;
}
.nextlevelsCookie .align-items-center {
    align-items: center !important;
}
.nextlevelsCookie .align-items-baseline {
    align-items: baseline !important;
}
.nextlevelsCookie .align-items-stretch {
    align-items: stretch !important;
}
.nextlevelsCookie .w-25 {
    width: 25% !important;
}
.nextlevelsCookie .w-50 {
    width: 50% !important;
}
.nextlevelsCookie .w-75 {
    width: 75% !important;
}
.nextlevelsCookie .w-100 {
    width: 100% !important;
}
.nextlevelsCookie .w-auto {
    width: auto !important;
}
.nextlevelsCookie .h-25 {
    height: 25% !important;
}
.nextlevelsCookie .h-50 {
    height: 50% !important;
}
.nextlevelsCookie .h-75 {
    height: 75% !important;
}
.nextlevelsCookie .h-100 {
    height: 100% !important;
}
.nextlevelsCookie .h-auto {
    height: auto !important;
}
.nextlevelsCookie .mw-100 {
    max-width: 100% !important;
}
.nextlevelsCookie .mh-100 {
    max-height: 100% !important;
}
.nextlevelsCookie .min-vw-100 {
    min-width: 100vw !important;
}
.nextlevelsCookie .min-vh-100 {
    min-height: 100vh !important;
}
.nextlevelsCookie .vw-100 {
    width: 100vw !important;
}
.nextlevelsCookie .vh-100 {
    height: 100vh !important;
}
.nextlevelsCookie .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.nextlevelsCookie .animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.nextlevelsCookie .animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.nextlevelsCookie .animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.nextlevelsCookie .animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.nextlevelsCookie .animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
.nextlevelsCookie .animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}
.nextlevelsCookie .animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}
.nextlevelsCookie .animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}
.nextlevelsCookie .animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.nextlevelsCookie .animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}
.nextlevelsCookie .nl-title {
    display: inline-block;
    vertical-align: middle;
}
.nextlevelsCookie .nl-title::before {
    content: "|";
    display: inline-block;
    margin: 0 0.25rem 0 0;
}
.nextlevelsCookie .nl-checkbox {
    color: inherit;
    cursor: pointer;
    display: block;
    padding-left: 2em;
    position: relative;
}
.nextlevelsCookie .nl-checkbox input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.nextlevelsCookie .nl-checkbox input:checked ~ .nl-checkbox-indicator {
    background-color: #add8e6;
    border-color: #add8e6;
}
.nextlevelsCookie .nl-checkbox input:checked ~ .nl-checkbox-indicator::after {
    display: block;
    border-color: #fff;
}
.nextlevelsCookie .nl-checkbox input:disabled ~ .nl-checkbox-indicator {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}
.nextlevelsCookie .nl-checkbox input:disabled ~ .nl-checkbox-indicator::after {
    display: block;
    border-color: #999;
}
.nextlevelsCookie .nl-checkbox .nl-checkbox-indicator {
    border-style: solid;
    border-width: 1px;
    padding: 0 !important;
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 20px;
    transition: 0.25s;
    background-color: #fff;
    border-color: #add8e6;
    border-radius: 4px;
}
.nextlevelsCookie .nl-checkbox .nl-checkbox-indicator::after {
    content: "";
    display: none;
    border-style: solid;
    border-width: 0 2px 2px 0;
    border-radius: 1px;
    position: absolute;
    left: 5px;
    top: 1px;
    height: 11px;
    width: 6px;
    transform: rotate(45deg);
}
.nextlevelsCookie .nl-btn-switch {
    position: relative;
    display: inline-block;
    margin: 0;
    width: 50px;
    height: 26px;
    vertical-align: middle;
}
.nextlevelsCookie .nl-btn-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.nextlevelsCookie .nl-btn-switch input:checked + .nl-slider {
    background-color: #2295f3;
    background-color: #add8e6;
}
.nextlevelsCookie .nl-btn-switch input:checked + .nl-slider:before {
    transform: translateX(24px);
    background-color: #fff;
}
.nextlevelsCookie .nl-btn-switch .nl-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #bbc0c7;
    transition: 0.4s;
    background-color: #bdc1c8;
    border-radius: 34px;
}
.nextlevelsCookie .nl-btn-switch .nl-slider::before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: 0.4s;
    background-color: #fff;
    border-radius: 50%;
}
.nextlevelsCookie .nl-btn-switch-status {
    display: inline-block;
    margin: 0 0.25rem;
    vertical-align: middle;
}
.nextlevelsCookie .nl-btn-switch-status span:last-child {
    display: none;
}
.nextlevelsCookie .nl-content-blocker {
    line-height: 1.25em;
    font-family: inherit;
    font-size: 14px;
}
.nextlevelsCookie .nl-content-blocker .nl-caption {
    padding: 1em;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
}
.nextlevelsCookie .nl-content-blocker .nl-caption label {
    color: inherit;
}
.nextlevelsCookie .nl-content-blocker .nl-caption label input {
    vertical-align: middle;
    width: auto;
}
.nextlevelsCookie .nl-content-blocker .nl-caption label small {
    vertical-align: middle;
}
.nextlevelsCookie .nl-content-blocker .nl-caption p {
    margin-bottom: 1em;
}
.nextlevelsCookie .nl-content-blocker .nl-caption p:last-child {
    margin: 0;
}
.nextlevelsCookie .nl-content-blocker .nl-caption small {
    font-size: 0.875em;
}
.nextlevelsCookie .nl-content-blocker .nl-caption a {
    color: #28a745;
}
.nextlevelsCookie .nl-content-blocker .nl-caption a:hover {
    color: #3e5f8a;
}
.nextlevelsCookie .nl-content-blocker .nl-default {
    background: #efefef;
    margin-bottom: 1em;
    padding: 1em;
    text-align: center;
}
.nextlevelsCookie .nl-content-blocker .nl-default label input {
    vertical-align: middle;
    width: auto;
}
.nextlevelsCookie .nl-content-blocker .nl-default p {
    margin-bottom: 1em;
}
.nextlevelsCookie .nl-content-blocker .nl-default p:last-child {
    margin: 0;
}
.nextlevelsCookie .nl-content-blocker .nl-default small {
    font-size: 0.875em;
}
.nextlevelsCookie .nl-content-blocker .nl-embed {
    margin-bottom: 1em;
    position: relative;
    display: inline-block;
}
.nextlevelsCookie .nl-content-blocker .nl-embed .nl-thumbnail {
    display: block;
    max-width: 100%;
}
.nextlevelsCookie .nl-content-blocker .nl-embed .nl-caption {
    top: 50%;
    left: 0;
    position: absolute;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}
.nextlevelsCookie .nl-content-blocker .nl-embed .nl-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.nextlevelsCookie .nl-content-blocker .nl-embed .nl-btn.nl-icon-play-black::before {
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' width='78' height='78' viewBox='0, 0, 78, 78'%3E%3Cg id='Layer_1'%3E%3Cg%3E%3Cpath d='M7.5,71.5 L7.5,7.5 L55.5,37.828 L7.5,71.5' fill='%23000000'/%3E%3Cpath d='M7.5,71.5 L7.5,7.5 L55.5,37.828 L7.5,71.5' fill-opacity='0' stroke='%23000000' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    content: " ";
    display: inline-block;
    margin-right: 4px;
    height: 1.142857143em;
    width: 0.857142857em;
}
.nextlevelsCookie .nl-content-blocker .nl-embed .nl-btn.nl-icon-play-white::before {
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' width='78' height='78' viewBox='0, 0, 78, 78'%3E%3Cg id='Layer_1'%3E%3Cg%3E%3Cpath d='M7.5,71.5 L7.5,7.5 L55.5,37.828 L7.5,71.5' fill='%23ffffff'/%3E%3Cpath d='M7.5,71.5 L7.5,7.5 L55.5,37.828 L7.5,71.5' fill-opacity='0' stroke='%23ffffff' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    content: " ";
    display: inline-block;
    margin-right: 4px;
    height: 1.142857143em;
    width: 0.857142857em;
}
.nextlevelsCookie .nl-content-blocker .nl-btn {
    display: inline-block;
    font-family: inherit;
    padding: 0.5em 1em;
    text-decoration: none;
    transition: background-color 125ms linear;
}
.nextlevelsCookie .nl-content-blocker a.nl-btn {
    background: #28a745;
    border-radius: 4px;
    color: #fff;
}
.nextlevelsCookie .nl-content-blocker a.nl-btn:hover {
    background: #3e5f8a;
    color: #fff;
}
.nextlevelsCookie .nl-facebook {
    border: 1px solid #e1e8ed;
    border-radius: 6px;
    max-width: 516px;
    padding: 3px 0;
}
.nextlevelsCookie .nl-facebook a.nl-btn {
    background: #4267b2;
    border-radius: 2px;
}
.nextlevelsCookie .nl-facebook a.nl-btn:hover {
    background: #3e5f8a;
}
.nextlevelsCookie .nl-google-maps a.nl-btn {
    background: #4285f4;
    border-radius: 3px;
}
.nextlevelsCookie .nl-google-maps a.nl-btn:hover {
    background: #fff;
    color: #3e5f8a;
}
.nextlevelsCookie .nl-instagram {
    border: 1px solid #e1e8ed;
    border-radius: 6px;
    max-width: 516px;
    padding: 3px 0;
}
.nextlevelsCookie .nl-instagram a.nl-btn {
    background: #3897f0;
    border-radius: 4px;
}
.nextlevelsCookie .nl-instagram a.nl-btn:hover {
    background: #3e5f8a;
}
.nextlevelsCookie .nl-twitter {
    border: 1px solid #e1e8ed;
    border-radius: 3px;
    max-width: 516px;
}
.nextlevelsCookie .nl-twitter a.nl-btn {
    background: #1da1f2;
    border-radius: 0;
}
.nextlevelsCookie .nl-twitter a.nl-btn:hover {
    background: #fff;
    color: #3e5f8a;
}
.nextlevelsCookie .nl-video-vimeo a.nl-btn {
    background: #00adef;
    border-radius: 20px;
}
.nextlevelsCookie .nl-video-vimeo a.nl-btn:hover {
    background: #fff;
    color: #00adef;
}
.nextlevelsCookie .nl-video-vimeo a.nl-btn.nl-icon-play-white:hover::before {
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' width='78' height='78' viewBox='0, 0, 78, 78'%3E%3Cg id='Layer_1'%3E%3Cg%3E%3Cpath d='M7.5,71.5 L7.5,7.5 L55.5,37.828 L7.5,71.5' fill='%2300adef'/%3E%3Cpath d='M7.5,71.5 L7.5,7.5 L55.5,37.828 L7.5,71.5' fill-opacity='0' stroke='%2300adef' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    content: " ";
}
.nextlevelsCookie .nl-video-youtube a.nl-btn {
    background: red;
    border-radius: 20px;
}
.nextlevelsCookie .nl-video-youtube a.nl-btn:hover {
    background: #fff;
    color: red;
}
.nextlevelsCookie .nl-video-youtube a.nl-btn.nl-icon-play-white:hover::before {
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' width='78' height='78' viewBox='0, 0, 78, 78'%3E%3Cg id='Layer_1'%3E%3Cg%3E%3Cpath d='M7.5,71.5 L7.5,7.5 L55.5,37.828 L7.5,71.5' fill='%23ff0000'/%3E%3Cpath d='M7.5,71.5 L7.5,7.5 L55.5,37.828 L7.5,71.5' fill-opacity='0' stroke='%23ff0000' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    content: " ";
}
.nextlevelsCookie .nl-cookie-options-list {
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}

.nextlevels-hide {
    display: none;
}

.nextlevels-position-fix {
    position: initial !important;
    transform: unset !important;
}

.nl-btn-cookie-preference {
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    padding: 0.5em 1em;
    text-decoration: none;
    transition: background-color 125ms linear;
}

.nextlevelsCookie.nl-switch-consent {
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: inherit;
}

#nextlevelsCookieBox .animated {
    visibility: visible;
}
#nextlevelsCookieBox .container {
    background: inherit;
    display: block;
    float: none;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    min-height: auto;
    position: inherit;
}
#nextlevelsCookieBox .container::before {
    display: initial;
}
#nextlevelsCookieBox .container::after {
    content: " ";
    display: block;
    height: 2px;
}
#nextlevelsCookieBox .container .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 1px;
    width: auto;
}
#nextlevelsCookieBox .container .row::before {
    display: initial;
}
#nextlevelsCookieBox .container .row::after {
    display: initial;
}
#nextlevelsCookieBox .container .row.no-gutters {
    margin-left: 0;
    margin-right: 0;
    justify-content: center;
}
#nextlevelsCookieBox .nl-bar {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 15px 0;
    background: #fff;
    border-radius: 4px;
    color: #555;
    font-size: 14px;
}
#nextlevelsCookieBox .nl-bar .container {
    max-height: 100vh;
    overflow: auto !important;
    width: auto !important;
}
#nextlevelsCookieBox .nl-bar h3 {
    margin: 0 0 0.5em 0;
}
#nextlevelsCookieBox .nl-bar ul {
    justify-content: center;
    margin: 0.5em 0;
}
#nextlevelsCookieBox .nl-bar .nl-separator::before {
    content: "|";
    display: inline-block;
    margin: 0 2px;
}
#nextlevelsCookieBox .nl-bar .cookie-logo {

    padding: 0 8px 0 8px;
    vertical-align: middle;
    width: 110px;
    margin-right: 5px;
}
#nextlevelsCookieBox .nl-bar .nl-legal {
    text-align: center;
}
#nextlevelsCookieBox .nl-box {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 15px 0;
    background: #fff;
    border-radius: 4px;
    color: #555;
    font-size: 14px;
}
#nextlevelsCookieBox .nl-box .container {
    max-height: 100vh;
    overflow: auto !important;
    width: auto !important;
}
#nextlevelsCookieBox .nl-box .nl-separator::before {
    content: "|";
    display: inline-block;
    margin: 0 2px;
}
#nextlevelsCookieBox .bcac-item {
    margin: 0.5em 0;
    padding: 0.5em;
    background-color: #e0e0e0;
    border-radius: 0;
    color: #555;
}
#nextlevelsCookieBox .bcac-item h4 {
    font-size: 1em;
    margin: 0;
    line-height: 1.5em;
    font-weight: 600;
    color: inherit;
}
#nextlevelsCookieBox .bcac-item p {
    font-size: 0.875em;
    margin: 0;
    margin-bottom: 5px;
    color: inherit;
}
#nextlevelsCookieBox .bcac-item span {
    color: inherit;
}
#nextlevelsCookieBox > div {
    display: none;
}
#nextlevelsCookieBox > div:not(.nl-block-content) {
    position: absolute;
    width: 100%;
    z-index: 999999;
}
#nextlevelsCookieBox > div:not(.nl-block-content).top-left {
    top: 0;
}
#nextlevelsCookieBox > div:not(.nl-block-content).top-center {
    top: 0;
}
#nextlevelsCookieBox > div:not(.nl-block-content).top-right {
    top: 0;
}
#nextlevelsCookieBox > div:not(.nl-block-content).middle-left {
    top: 50%;
}
#nextlevelsCookieBox > div:not(.nl-block-content).middle-center {
    top: 50%;
}
#nextlevelsCookieBox > div:not(.nl-block-content).middle-right {
    top: 50%;
}
#nextlevelsCookieBox > div:not(.nl-block-content).bottom-left {
    bottom: 0;
}
#nextlevelsCookieBox > div:not(.nl-block-content).bottom-center {
    bottom: 0;
}
#nextlevelsCookieBox > div:not(.nl-block-content).bottom-right {
    bottom: 0;
}
#nextlevelsCookieBox > div.show-cookie-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
#nextlevelsCookieBox h3 {
    color: inherit;
    font-family: inherit;
    font-size: 1.625em;
    line-height: 1.125em;
    word-break: break-all;
    font-size: 1.5em !important;
    color: black;
}
#nextlevelsCookieBox ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    list-style: none;
    margin: 0.9375em 0;
    padding: 0;
}
#nextlevelsCookieBox ul li {
    color: inherit;
    font-family: inherit;
    font-size: 1em;
    line-height: 1.25em;
    list-style: inherit;
    margin: 0 0.9375em 0.375em 0;
}
#nextlevelsCookieBox ul li:last-child {
    margin: 0;
}
#nextlevelsCookieBox ul li::before {
    content: "\25CF";
    margin: 0 4px 0 0;
    color: #add8e6;
}
#nextlevelsCookieBox p {
    color: inherit;
    font-family: inherit;
    font-size: 0.9em;
    line-height: 1.4em;
    margin: 0.9375em 0;
}
#nextlevelsCookieBox .nl-legal {
    margin: 0;
    margin-top: 10%;
    font-family: inherit;
    font-size: 0.75em;
    text-align: center;
    color: black;
}
#nextlevelsCookieBox .nl-legal a {
    color: inherit;
}
#nextlevelsCookieBox .nl-legal a:hover {
    color: #aaa;
}
#nextlevelsCookieBox .nl-flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
#nextlevelsCookieBox .nl-flex-center p {
    margin-bottom: 0;
}
#nextlevelsCookieBox .nl-actions {
    display: inline;
}
#nextlevelsCookieBox .nl-accept {
    font-family: inherit;
    text-align: center;
    margin: 5px 0;
}
#nextlevelsCookieBox .nl-block-content {
    background: rgba(0, 0, 0, 0);
    left: 0;
    position: fixed;
    height: 100%;
    top: 0;
    width: 100%;
    z-index: 999999;
}
#nextlevelsCookieBox .nl-block-content.nl-bg-animation {
    transition: background-color 250ms linear;
}
#nextlevelsCookieBox .nl-block-content.nl-bg-dark {
    background: rgba(0, 0, 0, 0.6);
}
#nextlevelsCookieBox .nl-branding {
    font-family: inherit;
    font-size: 0.75em;
    margin: 0;
    color: #000;
}
#nextlevelsCookieBox .nl-branding a {
    text-decoration: none;
    color: inherit;
}
#nextlevelsCookieBox .nl-branding a:hover {
    color: inherit;
}
#nextlevelsCookieBox .nl-branding img {
    max-height: 16px;
    max-width: 16px;
    vertical-align: middle;
}
#nextlevelsCookieBox .nl-btn {
    display: inline-block;
    font-family: inherit;
    font-size: 1.25em;
    padding: 0.75em 2em;
    text-decoration: none;
    transition: background-color 125ms linear;
    background: #e0e0e0;
    border-radius: 4px;
    color: #555;
}
#nextlevelsCookieBox .nl-btn:hover {
    background: #e6e6e6;
    border-radius: 4px;
    color: #555;
}
#nextlevelsCookieBox .cookie-logo {
    padding: 8px;
    vertical-align: middle;
    width: auto;
    margin-right: 6px;
    width: 110px;
    margin-right: 5px;
}

a.nl-reset-cookibanner-link{
    background-color: #E53021;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 5px;
}

#nextlevelsCookieBox .nl-manage {
    font-family: inherit;
    font-size: 0.75em;
    text-align: center;
    display: none;
}
#nextlevelsCookieBox .nl-manage a {
    color: #add8e6;
}
#nextlevelsCookieBox .nl-manage a:hover {
    color: #add8e6;
}
#nextlevelsCookieBox .nl-refuse {
    font-family: inherit;
    font-size: 0.75em;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #888;
}
#nextlevelsCookieBox .nl-refuse a {
    color: black;
}
#nextlevelsCookieBox .nl-refuse a:hover {
    color: #888;
}
#nextlevelsCookieBox .nl-refuse-btn {
    font-family: inherit;
    font-size: 0.875em;
    text-align: center;
}
#nextlevelsCookieBox .nl-refuse-btn a {
    font-size: inherit;
    color: inherit;
    background: #f7f7f7;
    border-radius: 4px;
    color: #555;
}
#nextlevelsCookieBox .nl-refuse-btn a:hover {
    color: inherit;
    background: #e6e6e6;
    border-radius: 4px;
    color: #555;
}
#nextlevelsCookieBox .top-left {
    align-items: flex-start;
    justify-content: flex-start;
}
#nextlevelsCookieBox .top-center {
    align-items: flex-start;
    justify-content: center;
}
#nextlevelsCookieBox .top-right {
    align-items: flex-start;
    justify-content: flex-end;
}
#nextlevelsCookieBox .middle-left {
    align-items: center;
    justify-content: flex-start;
}
#nextlevelsCookieBox .middle-center {
    align-items: center;
    justify-content: center;
}
#nextlevelsCookieBox .middle-right {
    align-items: center;
    justify-content: flex-end;
}
#nextlevelsCookieBox .bottom-left {
    align-items: flex-end;
    justify-content: flex-start;
}
#nextlevelsCookieBox .bottom-center {
    align-items: flex-end;
    justify-content: center;
}
#nextlevelsCookieBox .bottom-right {
    align-items: flex-end;
    justify-content: flex-end;
}
#nextlevelsCookieBox .nl-bar-wrap {
    display: block;
    max-width: 100%;
    width: 100%;
    z-index: 1000000;
}
#nextlevelsCookieBox .nl-bar-wrap.nl-position-fixed {
    bottom: 0;
}
#nextlevelsCookieBox .nl-bar.nl-bar-slim .cookie-box p {
    margin: 0;
}
#nextlevelsCookieBox .nl-bar.nl-bar-slim .nl-actions-mobile {
    display: none;
}
#nextlevelsCookieBox .nl-box-wrap {
    display: block;
    max-width: 375px;
    width: 100%;
    z-index: 1000000;
}
#nextlevelsCookieBox .nl-box-wrap.nl-position-fixed {
    position: relative;
    bottom: 0;
}
#nextlevelsCookieBox .nl-box.nl-box-slim > .container .nl-manage {
    margin: 0;
}
#nextlevelsCookieBox .nl-box.nl-box-slim > .container .nl-refuse {
    margin: 0.5em 0 0 0;
}
#nextlevelsCookieBox .cookie-preference .container.not-visible {
    height: 0;
}
#nextlevelsCookieBox .cookie-preference .cookie-logo {
    max-width: 100%;
    width: 110px;
    padding: 5px 5px;
    margin-right: 5px;
}
#nextlevelsCookieBox .cookie-preference table {
    width: 100%;
    border-radius: 0;
    color: #555;
}
#nextlevelsCookieBox .cookie-preference table tr:last-child td {
    border-bottom: 0;
}
#nextlevelsCookieBox .cookie-preference table tr:last-child th {
    border-bottom: 0;
}
#nextlevelsCookieBox .cookie-preference table th {
    text-align: left;
    width: 40%;
    font-size: 0.875em;
    padding: 0;
    line-height: 1.25em;
}
#nextlevelsCookieBox .cookie-preference table td {
    text-align: left;
    font-size: 0.875em;
    padding: 0;
    line-height: 1.25em;
}
#nextlevelsCookieBox .cookie-preference .nl-btn-group {
    margin: 40px 0;
}
#nextlevelsCookieBox .cookie-preference .nl-legal {
    text-align: right;
}
#nextlevelsCookieBox .cookie-preference .nl-pp-url {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 0;
}
#nextlevelsCookieBox .cookie-preference .nl-refuse {
    margin: 0 0 0.9375em 0;
    text-align: right;
}
#nextlevelsCookieBox .cookie-preference .nl-separator::before {
    content: "|";
    display: inline-block;
    margin: 0 2px;
}
#nextlevelsCookieBox .cookie-preference .nl-btn {
    width: 100%;
}
#nextlevelsCookieBox .cookie-preference .nl-table-container {
    padding: 1em 0 1em 0;
    border-bottom: 1px solid #fff;
}
#nextlevelsCookieBox .nl-bar-advanced ul {
    justify-content: space-between;
}
#nextlevelsCookieBox .nl-bar-advanced ul li {
    line-height: 1.375em;
    margin: 0 0.9375em 0.875em 0;
}
#nextlevelsCookieBox .nl-bar-advanced ul li::before {
    content: "";
    margin: 0;
}
#nextlevelsCookieBox .nl-box-advanced ul {
    justify-content: space-between;
}
#nextlevelsCookieBox .nl-box-advanced ul li {
    line-height: 1.375em;
    margin: 0 0.9375em 0.875em 0;
}
#nextlevelsCookieBox .nl-box-advanced ul li::before {
    content: "";
    margin: 0;
}
#nextlevelsCookieBox * {
    font-family: inherit;
}
#nextlevelsCookieBox a {
    color: #add8e6;
}
#nextlevelsCookieBox a:hover {
    color: #add8e6;
    text-decoration: underline;
    outline: none;
}
#nextlevelsCookieBox .nl-btn-accept-all {
    background: #add8e6;
    border-radius: 4px;
    color: #fff;
    background: #add8e6;
    border-radius: 4px;
    color: #fff;
}
#nextlevelsCookieBox .nl-btn-accept-all:hover {
    background: #add8e6;
    border-radius: 4px;
    color: #fff;
    background: #add8e6;
    border-radius: 4px;
    color: #fff;
}
#nextlevelsCookieBox .cookie-box .nl-btn {
    width: 100%;
}

.nl-fluid-width-video-wrapper {
    padding: 56.2963% 0 0 0;
    position: relative;
    width: 100%;
}
.nl-fluid-width-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper .nextlevelsCookie {
    top: 0;
    left: 0;
    position: absolute;
}

.wpb_video_widget .wpb_video_wrapper .nextlevelsCookie {
    display: block;
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.wpb_wrapper .fb_type_standard {
    height: auto;
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

a.nl-btn-cookie-preference {
    background: #add8e6 !important;
    border-radius: 4px !important;
    color: #fff !important;
}
a.nl-btn-cookie-preference:hover {
    background: #3e5f8a !important;
    color: #fff !important;
}

@media (min-width: 576px) {
    .nextlevelsCookie .container {
        max-width: 540px;
    }
    .nextlevelsCookie .col-sm {
        flex-basis: 0%;
        flex-grow: 1;
        max-width: 100%;
    }
    .nextlevelsCookie .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .nextlevelsCookie .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .nextlevelsCookie .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .nextlevelsCookie .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .nextlevelsCookie .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .nextlevelsCookie .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .nextlevelsCookie .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .nextlevelsCookie .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .nextlevelsCookie .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .nextlevelsCookie .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .nextlevelsCookie .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .nextlevelsCookie .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .nextlevelsCookie .d-sm-block {
        display: block !important;
    }
    .nextlevelsCookie .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .nextlevelsCookie .flex-sm-row {
        flex-direction: row !important;
    }
    .nextlevelsCookie .flex-sm-fill {
        flex: 1 1 auto !important;
    }
    .nextlevelsCookie .justify-content-sm-between {
        justify-content: space-between !important;
    }
    .nextlevelsCookie .align-items-sm-start {
        align-items: flex-start !important;
    }
    .nextlevelsCookie .align-items-sm-end {
        align-items: flex-end !important;
    }
    .nextlevelsCookie .align-items-sm-center {
        align-items: center !important;
    }
    .nextlevelsCookie .align-items-sm-baseline {
        align-items: baseline !important;
    }
    .nextlevelsCookie .align-items-sm-stretch {
        align-items: stretch !important;
    }

    #nextlevelsCookieBox .nl-bar ul.show-cookie-logo {
        margin: 0.5em 0 0 16.6666666667%;
    }
}
@media (min-width: 768px) {
    .nextlevelsCookie .container {
        max-width: 720px;
    }
    .nextlevelsCookie .col-md {
        flex-basis: 0%;
        flex-grow: 1;
        max-width: 100%;
    }
    .nextlevelsCookie .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .nextlevelsCookie .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .nextlevelsCookie .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .nextlevelsCookie .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .nextlevelsCookie .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .nextlevelsCookie .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .nextlevelsCookie .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .nextlevelsCookie .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .nextlevelsCookie .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .nextlevelsCookie .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .nextlevelsCookie .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .nextlevelsCookie .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .nextlevelsCookie .d-md-block {
        display: block !important;
    }
    .nextlevelsCookie .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .nextlevelsCookie .flex-md-row {
        flex-direction: row !important;
    }
    .nextlevelsCookie .flex-md-fill {
        flex: 1 1 auto !important;
    }
    .nextlevelsCookie .justify-content-md-between {
        justify-content: space-between !important;
    }
    .nextlevelsCookie .align-items-md-start {
        align-items: flex-start !important;
    }
    .nextlevelsCookie .align-items-md-end {
        align-items: flex-end !important;
    }
    .nextlevelsCookie .align-items-md-center {
        align-items: center !important;
    }
    .nextlevelsCookie .align-items-md-baseline {
        align-items: baseline !important;
    }
    .nextlevelsCookie .align-items-md-stretch {
        align-items: stretch !important;
    }
}
@media (min-width: 992px) {
    .nextlevelsCookie .container {
        max-width: 960px;
    }
    .nextlevelsCookie .col-lg {
        flex-basis: 0%;
        flex-grow: 1;
        max-width: 100%;
    }
    .nextlevelsCookie .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .nextlevelsCookie .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .nextlevelsCookie .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .nextlevelsCookie .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .nextlevelsCookie .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .nextlevelsCookie .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .nextlevelsCookie .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .nextlevelsCookie .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .nextlevelsCookie .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .nextlevelsCookie .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .nextlevelsCookie .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .nextlevelsCookie .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .nextlevelsCookie .d-lg-block {
        display: block !important;
    }
    .nextlevelsCookie .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .nextlevelsCookie .flex-lg-row {
        flex-direction: row !important;
    }
    .nextlevelsCookie .flex-lg-fill {
        flex: 1 1 auto !important;
    }
    .nextlevelsCookie .justify-content-lg-between {
        justify-content: space-between !important;
    }
    .nextlevelsCookie .align-items-lg-start {
        align-items: flex-start !important;
    }
    .nextlevelsCookie .align-items-lg-end {
        align-items: flex-end !important;
    }
    .nextlevelsCookie .align-items-lg-center {
        align-items: center !important;
    }
    .nextlevelsCookie .align-items-lg-baseline {
        align-items: baseline !important;
    }
    .nextlevelsCookie .align-items-lg-stretch {
        align-items: stretch !important;
    }
}
@media (min-width: 1200px) {
    .nextlevelsCookie .container {
        max-width: 1140px;
    }
    .nextlevelsCookie .col-xl {
        flex-basis: 0%;
        flex-grow: 1;
        max-width: 100%;
    }
    .nextlevelsCookie .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .nextlevelsCookie .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .nextlevelsCookie .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .nextlevelsCookie .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .nextlevelsCookie .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .nextlevelsCookie .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .nextlevelsCookie .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .nextlevelsCookie .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .nextlevelsCookie .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .nextlevelsCookie .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .nextlevelsCookie .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .nextlevelsCookie .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .nextlevelsCookie .d-xl-block {
        display: block !important;
    }
    .nextlevelsCookie .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .nextlevelsCookie .flex-xl-row {
        flex-direction: row !important;
    }
    .nextlevelsCookie .flex-xl-fill {
        flex: 1 1 auto !important;
    }
    .nextlevelsCookie .justify-content-xl-between {
        justify-content: space-between !important;
    }
    .nextlevelsCookie .align-items-xl-start {
        align-items: flex-start !important;
    }
    .nextlevelsCookie .align-items-xl-end {
        align-items: flex-end !important;
    }
    .nextlevelsCookie .align-items-xl-center {
        align-items: center !important;
    }
    .nextlevelsCookie .align-items-xl-baseline {
        align-items: baseline !important;
    }
    .nextlevelsCookie .align-items-xl-stretch {
        align-items: stretch !important;
    }
}
@media screen and (-ms-high-contrast: active) {
    .nextlevelsCookie .col-12 {
        max-width: 375px;
    }
}
@media (-ms-high-contrast: none) {
    .nextlevelsCookie .col-12 {
        max-width: 375px;
    }
}
@media (print) {
    .nextlevelsCookie .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        transition: none !important;
    }
}
@media (prefers-reduced-motion) {
    .nextlevelsCookie .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        transition: none !important;
    }
}
@media (max-width: 424px) {
    #nextlevelsCookieBox .nl-bar.nl-bar-slim .nl-separator::before {
        content: "";
        display: block;
        margin: 0;
    }
}
@media (max-width: 767px) {
    #nextlevelsCookieBox .nl-bar.nl-bar-slim p {
        margin: 0 0 0.5em 0;
    }
    #nextlevelsCookieBox .nl-bar.nl-bar-slim .nl-actions {
        display: none;
    }
    #nextlevelsCookieBox .nl-bar.nl-bar-slim p.nl-actions-mobile {
        display: block;
        margin: 0.9375em 0;
        text-align: center;
    }
    #nextlevelsCookieBox .nl-bar .align-items-center {
        align-items: flex-start !important;
    }
    #nextlevelsCookieBox .cookie-preference .nl-accept {
        text-align: center;
    }
    #nextlevelsCookieBox .cookie-preference .nl-refuse {
        text-align: center;
    }
}

.oc-flash-messages {
    position: fixed;
    z-index: 100001;
}
main#layout-content {
    padding-top: 150px;
}
.album_preview {
    display: flex;
    flex-wrap: wrap;
}
.cursor-pointer{
    cursor: pointer;
}


/* block sammlung */
.block-content.contents-wrapper{
    margin-top: 108px;
}
.content-wrapper.galitem {
    transition: opacity 0.3s ease-in;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.content-text-wrapper{
    align-items: flex-end;
    display: flex;
}
.content-wrapper .content-text
{
    width: calc(66% - 40px);
    min-width: 300px;
    margin: 0 auto;
}
.content-wrapper.align_left .content-image-wrapper{
    align-content: flex-end;
}
.content-wrapper .content-image {
    padding-right: 5px;
    width: 66%;
    /*margin-bottom: 108px;*/
}

.content-wrapper .content-image img{
    max-width: 100%;
}
.content-wrapper.galitem.align_left {
    align-items: flex-start;
}
.content-wrapper.galitem.align_right {
    align-items: flex-end;
}
#main_top .inside {
    width: 100% !important;
    max-width: 100%;
    padding: 0;
}
@media (max-width: 580px) {

    .content-wrapper .content-image img{
    max-width: 100%;
}
    .content-wrapper .content-image {
        padding-right: 5px;
        width: 100%;
        margin-bottom: 108px;
    }
}
.exhibition_intro .nl-intro-box{
    position: relative;
    padding-bottom: 60px;
    border-bottom: solid;
    display: flex
;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 0px !important;
    border: 0 !important;
}


.send-notes-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 100002;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: fadeIn 0.3s ease;
}

.send-notes-popup {
    background: #fff;
    padding: 25px 30px;
    max-width: 1200px;
    width: 90%;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.3);
    position: relative;
    animation: slideUp 0.3s ease;
    font-family: Arial, sans-serif;
}

.send-notes-popup .close-btn {
    background: none;
    border: none;
    font-size: 22px;
    position: absolute;
    top: 12px;
    right: 15px;
    cursor: pointer;
    color: #555;
    transition: color 0.2s ease;
}
.send-notes-popup .close-btn:hover {
    color: #000;
}

.send-notes-popup label {
    display: block;
    margin-bottom: 6px;
    font-weight: bold;
    font-size: 14px;
    color: #333;
}

.send-notes-popup input[type="text"],
.send-notes-popup input[type="email"],
.send-notes-popup textarea {
    width: 100%;
    padding: 8px 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    font-size: 14px;
    transition: border-color 0.2s ease;
}
.send-notes-popup input:focus,
.send-notes-popup textarea:focus {
    border-color: #0073aa;
    outline: none;
}

.send-notes-popup button[type="submit"] {
    background: #000000;
    color: #fff;
    padding: 10px 18px;
    border: none;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.2s ease;
    width: 100%;
}
.send-notes-popup button[type="submit"]:hover {
    background: #005f87;
}

/* Animations */
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes slideUp {
    from {transform: translateY(20px); opacity: 0;}
    to {transform: translateY(0); opacity: 1;}
}