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{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{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}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
#wrapper{width:960px;margin:0 auto}.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article [class^=ce_],.mod_article [class*=" ce_"],.mod_article [class^=content-],.mod_article [class*=" content-"],.mod_article [class^=mod_],.mod_article [class*=" mod_"]{margin-left:10px;margin-right:10px}.ce_sliderStart>.content-slider{margin-left:0;margin-right:0}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article [class^=layout_]>*,.mod_article [class*=" layout_"]>*,.mod_article [class^=event_]>*,.mod_article [class*=" event_"]>*{margin-left:10px;margin-right:10px}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px!important}.offset2{margin-left:170px!important}.offset3{margin-left:250px!important}.offset4{margin-left:330px!important}.offset5{margin-left:410px!important}.offset6{margin-left:490px!important}.offset7{margin-left:570px!important}.offset8{margin-left:650px!important}.offset9{margin-left:730px!important}.offset10{margin-left:810px!important}.offset11{margin-left:890px!important}.offset12{margin-left:970px!important}.mod_article.offset1{margin-left:80px!important}.mod_article.offset2{margin-left:160px!important}.mod_article.offset3{margin-left:240px!important}.mod_article.offset4{margin-left:320px!important}.mod_article.offset5{margin-left:400px!important}.mod_article.offset6{margin-left:480px!important}.mod_article.offset7{margin-left:560px!important}.mod_article.offset8{margin-left:640px!important}.mod_article.offset9{margin-left:720px!important}.mod_article.offset10{margin-left:800px!important}.mod_article.offset11{margin-left:880px!important}.mod_article.offset12{margin-left:960px!important}@media (min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px!important}.offset2{margin-left:134px!important}.offset3{margin-left:196px!important}.offset4{margin-left:258px!important}.offset5{margin-left:320px!important}.offset6{margin-left:382px!important}.offset7{margin-left:444px!important}.offset8{margin-left:506px!important}.offset9{margin-left:568px!important}.offset10{margin-left:630px!important}.offset11{margin-left:692px!important}.offset12{margin-left:754px!important}.mod_article.offset1{margin-left:62px!important}.mod_article.offset2{margin-left:124px!important}.mod_article.offset3{margin-left:186px!important}.mod_article.offset4{margin-left:248px!important}.mod_article.offset5{margin-left:310px!important}.mod_article.offset6{margin-left:372px!important}.mod_article.offset7{margin-left:434px!important}.mod_article.offset8{margin-left:496px!important}.mod_article.offset9{margin-left:558px!important}.mod_article.offset10{margin-left:620px!important}.mod_article.offset11{margin-left:682px!important}.mod_article.offset12{margin-left:744px!important}}@media (max-width:767px){#wrapper{width:auto}.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{float:none!important;display:block!important;width:auto!important}.offset1,.offset2,.offset3,.offset4,.offset5,.offset6,.offset7,.offset8,.offset9,.offset10,.offset11,.offset12{margin-left:10px!important}}
/* roboto-slab-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/roboto-slab-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../../files/fonts/roboto-slab-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/roboto-slab-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/roboto-slab-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/roboto-slab-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/roboto-slab-v24-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'new_tegominregular';
    src: url('../../files/fonts/newtegomin-regular-webfont.eot');
    src: url('../../files/fonts/newtegomin-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../files/fonts/newtegomin-regular-webfont.woff2') format('woff2'),
    url('../../files/fonts/newtegomin-regular-webfont.woff') format('woff'),
    url('../../files/fonts/newtegomin-regular-webfont.ttf') format('truetype'),
    url('../../files/fonts/newtegomin-regular-webfont.svg#new_tegominregular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
}

@font-face {
    font-family: 'im_fell_great_primeritalic';
    src: url('../../files/fonts/imfellgreatprimer-italic-webfont.eot');
    src: url('../../files/fonts/imfellgreatprimer-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/fonts/imfellgreatprimer-italic-webfont.woff2') format('woff2'),
         url('../../files/fonts/imfellgreatprimer-italic-webfont.woff') format('woff'),
         url('../../files/fonts/imfellgreatprimer-italic-webfont.ttf') format('truetype'),
         url('../../files/fonts/imfellgreatprimer-italic-webfont.svg#im_fell_great_primeritalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'im_fell_great_primerregular';
    src: url('../../files/fonts/imfellgreatprimer-regular-webfont.eot');
    src: url('../../files/fonts/imfellgreatprimer-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/fonts/imfellgreatprimer-regular-webfont.woff2') format('woff2'),
         url('../../files/fonts/imfellgreatprimer-regular-webfont.woff') format('woff'),
         url('../../files/fonts/imfellgreatprimer-regular-webfont.ttf') format('truetype'),
         url('../../files/fonts/imfellgreatprimer-regular-webfont.svg#im_fell_great_primerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
	margin: 0;
	box-sizing: border-box;
}

h2 {
	font-family: 'im_fell_great_primerregular',serif;
}

.up-down{
  animation: up-down linear 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: up-down linear 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: up-down linear 4s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: up-down linear 4s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: up-down linear 4s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes up-down{
  0% {
    transform:  translate(1px,20px)  ;
  }
  24% {
    transform:  translate(1px,30px)  ;
  }
  50% {
    transform:  translate(1px,12px)  ;
  }
  74% {
    transform:  translate(1px,22px)  ;
  }
  100% {
    transform:  translate(1px,22px)  ;
  }
}

@-moz-keyframes up-down{
  0% {
    -moz-transform:  translate(1px,20px)  ;
  }
  24% {
    -moz-transform:  translate(1px,30px)  ;
  }
  50% {
    -moz-transform:  translate(1px,12px)  ;
  }
  74% {
    -moz-transform:  translate(1px,22px)  ;
  }
  100% {
    -moz-transform:  translate(1px,22px)  ;
  }
}

@-webkit-keyframes up-down {
  0% {
    -webkit-transform:  translate(1px,20px)  ;
  }
  24% {
    -webkit-transform:  translate(1px,30px)  ;
  }
  50% {
    -webkit-transform:  translate(1px,12px)  ;
  }
  74% {
    -webkit-transform:  translate(1px,22px)  ;
  }
  100% {
    -webkit-transform:  translate(1px,22px)  ;
  }
}

@-o-keyframes up-down {
  0% {
    -o-transform:  translate(1px,20px)  ;
  }
  24% {
    -o-transform:  translate(1px,30px)  ;
  }
  50% {
    -o-transform:  translate(1px,12px)  ;
  }
  74% {
    -o-transform:  translate(1px,22px)  ;
  }
  100% {
    -o-transform:  translate(1px,22px)  ;
  }
}

@-ms-keyframes up-down {
  0% {
    -ms-transform:  translate(1px,20px)  ;
  }
  24% {
    -ms-transform:  translate(1px,30px)  ;
  }
  50% {
    -ms-transform:  translate(1px,12px)  ;
  }
  74% {
    -ms-transform:  translate(1px,22px)  ;
  }
  100% {
    -ms-transform:  translate(1px,22px)  ;
  }
}

#loading-spinner {
    display: none;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 3px solid white;
    border-top-color: #302717;
    animation: spin 1s infinite linear;
    position: absolute;
    top: 45%;
    right: 39%;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#header {
	height: auto;
}

#wrapper {
	margin: 0 auto;
	max-width: 960px;
}

#header-wrapper {
	position: relative
}

.home-link {
	display: block;
	height: 130px;
	width: 275px;
	position: absolute;
	top: 0;
	 z-index: 999;
}

#logo {
	width: 30%;
	color: #0CA789;
	text-decoration: none;
}

#nav-main {
	display: flex;
	width: 70%;
}

#nav-main ul {
	display: flex;
	flex-direction: row;
	margin: 0 auto;
	height: 50px;
	list-style-type: none;
}

#nav-main ul li {
	font-family: "Roboto";
	font-size: 20px;
	font-weight: regular;
	align-self: center;
	background-color: #282A35;
	transition: 0.5s;
}

#nav-main ul li:hover {
	background-color: #0CA789;
	opacity: 1;
}

#nav-main ul li.active {
	background-color: #0CA789;
	padding: 20px;
	color: #E8C953;
	display: block;
}

#nav-main ul li.forward {
	padding: 20px;
	color: white;
}

#nav-main ul li a {
	display: block;
	padding: 20px;
	text-decoration: none;
	color: white;
	transition: 0.5s;
}

#nav-main ul li a.first {
	padding: 20px 20px 20px 50px;
}

#nav-main ul li a.last {
	padding: 20px 50px 20px 20px;
}

#nav-main ul li a:hover {
	color: #E8C953;
	opacity: 1;
}

a:visited {
	color: white;
}

html, body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#header-wrapper {
    display: block;
    height: 93vh;
    width: 100%;
    overflow: hidden;
}

.header-image {
    height: 100%;
    width: 100%;
    background-image: url("../../files/img/tumblr_284d65d128d73085f0c081ad308b02f4_99142133_1280.jpg");
    background-size: cover;
    background-position: center;
}

.menu-wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#headline {
	display: none;
}

.overlay {
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
    top: 0;
    width: 100%;
}

.active .overlay {
    opacity: 1;
}

.button-menu {
    border-radius: 50%;
    position: absolute;
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.button-menu1 {
    bottom: 25px;
    cursor: pointer;
    fill: none;
    height: 48px;
    /* left: 35px; */
    padding: 5px;
    width: 48px;
    border: 3px solid #F1E2C5;
    z-index: 999;
}

.bg {
    fill: #302717;
}

.button-menu1:active .bg {
    fill: #302717;
}

.line {
    stroke: #F1E2C5;
    stroke-width: 2;
    transition: stroke 300ms cubic-bezier(0.4, 0, 0.2, 1),
    transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: 50%;
}

.active .line1 {
    stroke: #F1E2C5;
    transform: translateX(-6px) translateY(5.5px) rotate(45deg);
}

.active .line2 {
    stroke: #F1E2C5;
    transform: scale(0);
}

.active .line3 {
    stroke: #F1E2C5;
    transform: translateX(-6px) translateY(-5.5px) rotate(-45deg);
}

.active .button-menu {
    transform: translateY(-180px);
}

.option {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100px;
    z-index: 20;
}

.option .menu-link a {
	z-index: 999;
	text-decoration: none;
	color:  #302717;
	font-family: 'im_fell_great_primerregular', serif;
	font-weight: bold;
    font-size: 20px;
}

.menu {
    background-image: url("../../files/img/paper-1920x1080.png");
    background-blend-mode: screen;
    bottom: 0;
    opacity: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    height: 192px;
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    position: absolute;
    transform: translateY(192px);
    width: 100%;
}

.menu::after {
    display: block;
    content: "";
    width: 110%;
    height: 100%;
    position: absolute;
    top: -3%;
    left: -10%;
    background-image: url(../../files/img/gold-frame-up.png);
    background-size: 120%;
}

#header.active .menu {
    transform: translateY(0);
    opacity: 1;
}

.logo-small {
    width: 190px;
    transform: rotate(-12deg);
    position: absolute;
    top: 0;
}

.logo-inner-wrapper {
    position: relative;
}

.logo-inner-wrapper .logo-bunt {
	position: absolute;
	top: 37px;
	right: 10px;
	transform: rotate(12deg);
	width: 170px;
}

.scroll-down-wrapper {
    position: absolute;
    width: 46px;
    right: 0;
    top: 0;
    margin-right: 30px;
    margin-top: 30px;
}

.scroll-down-inner-wrapper {
    position: relative;
}

.arrow-down {
    width: 18px;
    position: absolute;
    right: 13px;
    top: 11px;
}

#gallery-slider {
	position: relative;
	width: 320px;
	margin: 0 auto;
	height: 450px;
	margin-bottom: 20px;
	overflow: hidden;
}

#gallery-slider h2 {
	font-family: 'im_fell_great_primerregular',serif;
	color: #302717;
}

.slide {
	position: relative;
	height: 450px;
}

#gallery-slider .slide {
	overflow: hidden;
}

#gallery-slider .image_container {
	width: 320px;
	height: 320px;
	position: relative;
}

#gallery-slider .image_container img {
	width: 320px;
	height: 320px;
	object-fit: cover;
    object-position: center;
}

#gallery-slider .image_container::after {
	display: block;
	content: "";
	width: 90%;
	height: 90%;
	position: absolute;
	top: 58%;
	left: 10%;
	background-image: url(../../files/img/pricetagblue.svg);
	transform: rotate(-12deg);
	background-size: contain;
	background-repeat: no-repeat;
	filter: drop-shadow(0px 2px 2px rgba(130,130,130,1));
}

#gallery-slider .slide .ce_text, #gallery-slider  .slide .more{
	display: none;
}

#gallery-slider .slide h2 {
	position: absolute;
	top: 53%;
	left: 10%;
	font-size: 18px;
	width: 265px;
	display: inline-block;
	text-align: center;
    font-family: 'im_fell_great_primerregular',serif;
}

#gallery-slider .slide h2 a {
	text-decoration: underline;
	color: black;
	transition: 0.3s;
}

#gallery-slider .slide h2:hover a{
	color: white;
}

.next, .prev {
	color: white;
	font-size: 45px;
	cursor: pointer;
}

#gallery-slider .next, #gallery-slider .prev {
	position: absolute;
	top: 150px;
	padding-top: 60px;
	padding-bottom: 60px;
	cursor: pointer;
}

#gallery-slider .next {
	padding-left: 60px;
	right: 0;
}

#gallery-slider .prev {
	padding-right: 60px;
}

#biography-teaser {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.concrete-wall-bg {
    width: 100%;
    background-image: url("../../files/img/paper-1920x1080.png");
}

.teaser-text-wrapper {
    color: #302717;
    font-family: 'Roboto', sans-serif;
    text-align: justify;
    padding: 30px 50px;
    line-height: 25px;
}

.teaser-text-wrapper h1 {
	font-family: 'im_fell_great_primerregular',serif;
}

.italic {
    font-style: italic;
}

.full-width-teaser-image {
    width: 100%;
    background-image: url("../../files/img/mama2.jpeg");
    background-size: cover;
    height: 300px;
    position: relative;
}

#contact-me {
    padding: 30px 50px;
    font-family: 'Roboto', sans-serif;
    line-height: 25px;
    color: white;
    position: relative;
    margin-top: 40px;
}

#contact-me h2 {
    display: flex;
    align-self: start;
	font-family: 'im_fell_great_primerregular',serif;
}

#contact-me::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../../files/img/8dd4a3_722f6bdcc3374eb2bbb7fef7937f29d4~mv2.jpeg");
    background-position: center;
    filter: sepia(80%);
    z-index: -999;
}

#contact-me::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: -999;
}

#contact-me .form-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 350px;
    margin: 0 auto;
}

#contact-me .formbody {
   margin: 0 auto;
}

.form-description {
    padding-bottom: 20px;
}

#contact-me label {
    padding-bottom: 5px;
}

#contact-me .widget-text {
    padding-bottom: 30px;
}

#contact-me .widget-text, #contact-me .widget-textarea {
	display: flex;
    flex-direction: column;
}

#contact-me .widget-text input,#contact-me #ctrl_4 {
    padding: 5px;
    width: 210px;
}

#contact-me #ctrl_4 {
    min-height: 90px;
}

#contact-me .submit-button {
	margin-top: 20px;
}

#contact-me #ctrl_5 {
	padding: 8px;
	background-color: #F1E2C5;
	border-radius: 2px;
	border: none;
	font-size: 16px;
	width: 80px;
	color: #302717;
}

#footer {
    font-family: 'Roboto', sans-serif;
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    height: 200px;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    overflow: hidden;
}

#footer::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../../files/img/paper-1920x1080.png");
    z-index: -999;
}

#footer::after {
    content: "";
    width: 117%;
    height: 100%;
    position: absolute;
    top: -23px;
    left: -26px;
    background-image: url("../../files/img/gold-frame-up.png");
    z-index: -999;
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
}

.footer-list {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    padding-bottom: 20px;
}

.footer-list > .list-item {
    flex: 1 1 calc(215px + 1em);
    padding-top: 15px;
}

.list-item a {
    text-decoration: none;
    color: #302717;
}

.bottom-line-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.bottom-line-wrapper > .social-media, .bottom-line-wrapper > .copyright{
     flex: 1 1 calc(215px + 1em);
}

.copyright {
    padding-bottom: 15px;
    font-size: 12px;
    color: #302717;
}

.social-link {
    position: relative;
}

.social-link .circle-button {
    width: 45px;
}

.insta-icon {
    width: 25px;
    height: 25px;
    top: -20px;
    position: absolute;
    left: 11px;
}

ul, li, p {
    padding:0;
    margin: 0;
}

#gallery-block {
    width: 100%;
    background-image: url("../../files/img/paper-1920x1080.png");
    position: relative;
    margin-top: 30px;
}

#gallery-block .info {
	display: none;
}

#gallery-block .gallery-slide {
    width: 100vw;
	height: auto;;
	display: flex;
	flex-direction: column;
}

#gallery-block .fade {
    animation-name: fade;
    animation-duration: .5s;
}

#gallery-block .gallery-slide h2 {
	padding-left: 30px;
}

#gallery-block .gallery-slide h2 a {
	color: #302717;
}

#gallery-block .gallery-slide .ce_text  {
	display: none;
	font-family: 'Roboto', sans-serif;
	color: #302717;
	text-align: left;
	padding: 15px 30px;
	line-height: 28px;
}

#gallery-block .gallery-slide .more a {
	font-family: 'Roboto', sans-serif;
	color: #302717;
	padding: 15px 30px 30px 30px;
	display: inline-block;
}

#gallery-block .tooltip {
	height: 30px;
	padding: 5px 15px;
	font-family: 'Roboto', sans-serif;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: white;
	background-color: #a22b34;
}

@keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}

#gallery-reader {
	position: relative;
	height: 100vh;
}

.inside .block {
	overflow: auto;
}

#gallery-reader .slide {
	height: auto;
}

#gallery-reader .image_container {
	background-image: url("../../files/img/paper-1920x1080.png");
}

#gallery-reader .post-text-wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
	color: #302717;
}

#gallery-reader .post-text-wrapper h2 {
	display: inline-block;
	width: 100%;
	text-align: center;
	background-image: url("../../files/img/paper-1920x1080.png");
	margin: 0;
	padding-bottom: 7px;
	padding-top: 7px;
}
 
#gallery-reader .post-text-wrapper h2 a {
	color: #302717;
	text-decoration: none;
	pointer-events: none;
	cursor: default;
}

#gallery-reader .post-text-wrapper .more {
	display: none;
}

#gallery-reader .post-text-wrapper .ce_text {
	overflow: unset;
	font-family: 'Roboto', sans-serif;
	padding-top: 20px;
	width: 70%;
	line-height: 25px;
	margin: 0 auto;
}

#gallery-reader .back {
	width: 85%;
	margin: 30px auto;
}

#gallery-reader .back a {
	color: #302717;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}

#article-10 {
	width: 320px;
	margin: 0 auto;
}

#article-10 #about-me-header .image_container, #article-10 #about-me-header .image_container img {
	height: auto;
}

#article-10 h2 {
	color: #302717
}

#fav-artworks-section h2 {
	margin-bottom: 30px;
}

#fav-artworks-section .fav-artwork-image-block {
	margin-bottom: 15px;
	position: relative;
}

#fav-artworks-section .fav-work-post {
	position: absolute;
	top: 0;
    height: 100%;	
}

#fav-artworks-section .fav-work-post a {
	display: inline-block;
    height: 100%;
    opacity: 0;
}

#about-me-text {
	font-family: 'Roboto', sans-serif;
	color: #302717;
	max-width: 320px;
	margin: 0 auto;
	margin-top: 30px;
}

#about-me-text a {
	color: #302717;
	font-weight: bold;
}

#about-me-text a:visited {
	color: #302717;
}

/*Datenschutz - Impressum-Seite */

#privacy-policy-section, #impressum-section {
	background-image: url("../../files/img/paper-1920x1080.png");
}

#daschug-wrapper, #impressum-wrapper {
	color: #302717;
	width: 90%;
	margin: 0 auto;
	padding-bottom: 30px;
}

#daschug-wrapper h3, #daschug-wrapper h4, #impressum-wrapper h3, #impressum-wrapper h4 {
	font-family: 'im_fell_great_primerregular',serif;
}

#daschug-wrapper p, #daschug-wrapper ul, #impressum-wrapper p, #impressum-wrapper ul {
	font-family: 'Roboto', sans-serif;
}

#impressum-wrapper h3 span, #impressum-wrapper h4 span {
	text-decoration: none!important;
}

#daschug-wrapper a, #impressum-wrapper a {
	color: #302717;
}

/*Kontakt-Seite*/

#contact-article {
	color: #302717;
	max-width: 320px;
	margin: 0 auto;
}

#contact-article p {
	font-family: 'Roboto', sans-serif;
}

@media screen and (min-width: 500px) {
	
    .button-menu1 {
        bottom: 115px;
    }
    
    .menu {
        height: 270px;
    }
    
    #footer {
        height: 300px;
    }
}

@media screen and (min-width: 767px) {
	
	#loading-spinner {
		border: 3px solid darkgrey;
    	border-top-color: #a22b34;
		top: 50%;
    	right: 16%;
	}
	
	#wrapper {
		width: 100%;
		max-width: unset;
	}

    #header-wrapper {
        height: 100vh;
        display: flex;
        flex-direction: row;
    }

    #header-wrapper::before {
        content: "";
        width: 100%;
        height: 100vh;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url("../../files/img/paper-1920x1080.png");
        z-index: -999;
        overflow: hidden;
    }

    .header-image {
        width: 60%;
        height: 100vh;
    }

    .header-image::after {
        content: "";
        width: 100%;
        height: 103%;
        position: absolute;
        top: -1.7%;
        left: -39%;
        background-image: url("../../files/img/gold-frame-right.png");
        z-index: 1;
        overflow: hidden;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    #headline {
        display: block;
        align-self: center;
        width: 40%;
        text-align: center;
        font-size: 40px;
        color: #302717;
        font-family: 'im_fell_great_primerregular',serif;
    }

    .scroll-down-wrapper {
        right: 17%;
        bottom: 5%;
        top: unset;
        margin: 0;
        width: 65px;
    }
		
	.arrow-down {
		width: 25px;
		right: 20px;
		top: 15px;
	}

    .button-menu1 {
        display: none;
    }

    .menu-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        width: 40%;
        position: absolute;
        top: 0;
        right: 0;
    }

    .menu {
        background: unset;
        background-blend-mode: unset;
        position: unset;
        top: unset;
        bottom: unset;
        height: auto;
        opacity: 1;
        transform: unset;
        transition: unset;
        margin-top: 45px;
    }

    .menu::after {
        display: none;
    }

    .menu .option {
        font-size: 18px;
        width: 100px;
    }

    .menu .option::after {
        content: '';
        position: absolute;
        width: 100%;
        transform: scaleX(0);
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: #302717;
        transform-origin: bottom right;
        transition: transform 0.25s ease-out;
    }

    .menu .option:hover::after {
        transform: scaleX(1);
        transform-origin: bottom left;
    }
    
    #gallery-slider {
    	width: 100%;
    	margin-bottom: 50px;
    }
    
    #gallery-slider .slide {
    	width: 650px;
    	margin: 0 auto;
    }
    
    #gallery-slider .image_container, #gallery-slider .image_container img {
		width: 650px;
		height: 460px;
	}
    
    #gallery-slider .image_container::after {
    	width: 350px;
    	left: 26%;
    	top: 47%
    }
    
    .gallery-slider-headline {
    	margin-left: 30px;
    }
    
    #gallery-slider .slide h2 {
		top: 61%;
		left: 23%;
		font-size: 24px;
    	width: 350px;
    }
    
    .next, .prev {
    	color: #302717;
    	transition: 0.3s;
    	top: 180px;
    }
    
    .next {
    	margin-right: 15px;
    }
    
    .prev {
    	margin-left: 15px;
    }
    
	.prev:hover, .next:hover {
		color: #B4CCDB;
	}

    #desktop-biography-teaser {
        display: block;
    }

    #footer {
        align-items: center;
    }
    
    #footer::after {
    	left: -73px;
    	width: 120%;
    }
    
    .footer-list, .bottom-line-wrapper {
        width: 600px;
        padding-bottom: 20px;
    }
    
    #footer .inside {
    	display: flex;
    	height: 100%;
    }
    
    .footer-content-wrapper {
    	align-self: end;
    }
    
    .footer-list {
    	padding-bottom: 80px;
    }
    
    #gallery-block {
    	width: 100%;
    	display: flex;
    	flex-direction: row;
    	flex-wrap: wrap;
    	justify-content: space-between;
    	background-image: unset;
    	padding: 0 15px;
		box-sizing: border-box;
		margin: 0;
    }
    
    #gallery-block .gallery-slide {
    	width: 48%;
    	display: block!important;
    	margin-top: 30px;
    	background-image: url("../../files/img/paper-1920x1080.png");
    }
    
    #gallery-block .gallery-slide .image_container, #gallery-block .gallery-slide .image_container img {
    	height: 300px;
	    object-fit: cover;
	    object-position: center;
    }
    
    #gallery-block .gallery-slide .ce_text {
    	display: none;
    }
    
    #gallery-block .tooltip {
    	display: none;
    }
    
    #gallery-reader .image_container {
    	display: flex;
	    flex-direction: row;
	    justify-content: center;
    }
    
    #gallery-reader .image_container img {
	    width: 540px;
	    margin-top: 30px;
	    display: block
    }
    
    #gallery-reader .post-text-wrapper .ce_text, #gallery-reader .back {
    	font-size: 18px;
    }
    
    #gallery-reader .post-text-wrapper .ce_text {
    	width: 540px;
    }
    
    #gallery-reader .back {
    	width: 660px;
    }
    
    /*Über-mich-Seite*/
    #article-10 {
    	width: 100%;
    }
    
    #article-10 #about-me-headline, #article-10 #about-me-text,#article-10 h2, #article-10 #fav-artworks-section #fav-artwork-image-wrapper {
    	width: 610px;
    	margin: 0 auto;
    }
    
    #article-10 #about-me-headline {
    	margin: 30px auto;
    	text-align: center;
    }
    
    #article-10 #fav-artworks-section h2 {
    	margin-bottom: 35px;
    	margin-top: 10px;
    }
    
    #article-10 #about-me-header {
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
    
    #article-10 #fav-artworks-section #fav-artwork-image-wrapper {
    	display: flex;
    	margin-bottom: 35px;
    }
    
    #fav-artworks-section {
    	width: 100%;
    	background-image: url("../../files/img/paper-1920x1080.png");
    	padding: 30px 0;
    }
    
    #article-10 #about-me-text{
    	margin-top: 40px;
    	max-width: unset;
    	line-height: 25px;
    }
    
    .fav-artwork .image_container img, #article-10 #about-me-header .image_container img {
    	height: 190px;
    	width: 190px;
	    object-fit: cover;
	    object-position: center;
    }
    
    /*Kontakt-Seite */
    #contact-article {
		max-width: unset;
		width: 610px;
		line-height: 25px;
	}
	
	#contact-article h2 {
		margin-top: 30px;
	}
}

@media screen and (min-width: 992px) {
    .menu .option {
        font-size: 20px;
        width: 100px
    }
    
    #gallery-slider {
    	height: 720px;
    	width: 992px;
    }
    
    #gallery-slider .image_container, #gallery-slider .image_container img {
		width: 850px;
		height: 720px;
	}
    
    .gallery-slider-headline {
    	margin-left: 50px;
    }
    
    #gallery-slider .slide {
    	width: 850px;
    	height: 720px;
    }
    
    #gallery-slider .image_container::after {
    	width: 450px;
		left: 30%;
		top: 62%;
    }
    
    #gallery-slider .slide h2 {
    	top: 75%;
	    left: 31%;
	    width: 350px;
	    font-size: 24px;
    }
    
    #gallery-slider .next, #gallery-slider .prev {
    	top: 310px;
    }
    
    #biography-teaser-wrapper {
    	position: relative;
    	display: flex;
    	flex-direction: row;
    	justify-content: center;
    }
    
    #biography-teaser {
    	flex-direction: row;
    	position: relative;
    	width: 960px;
    }

    #biography-teaser-wrapper::before {
		content: "";
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    left: 0;
	    background-image: url("../../files/img/paper-1920x1080.png");
	    z-index: -999;
    }
    
    #biography-teaser .concrete-wall-bg {
    	background-image: unset;
    	width: 55%;
    }
    
    #biography-teaser .full-width-image {
    	width: 45%;
    }
    
    #biography-teaser .teaser-text-wrapper {
    	padding: 30px 50px 45px 50px;
    }
    
    #biography-teaser .full-width-image {
    	display: flex;
	    flex-direction: column;
	    justify-content: center;
    }
        
    #biography-teaser .full-width-teaser-image {
		width: 350px;
	    height: 300px;
	    position: relative;
	    align-self: center;
	    background-position: center center;
    }
    
    #biography-teaser .full-width-teaser-image::after {
        content: "";
        width: 103%;
        height: 103%;
        position: absolute;
		top: -0.7%;
    	left: -1%;
        background-image: url("../../files/img/gold-picture-frame-1.png");
        z-index: 1;
        overflow: hidden;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        filter: drop-shadow(0px 2px 2px rgba(130,130,130,1));
    }
    
    #contact-me {
    	width: 960px;
    	margin: 0 auto;
    	padding: 0;
    	margin-top: 40px;
    }
        
    #contact-me::before {
    	width: inherit;
    }
        
    #contact-me::after {
    	width: inherit;
    }
    
    #contact-me .form-content {
    	flex-direction: row;
    	max-width: unset;
    	padding: 50px;
    	overflow: hidden;
    }
    
    #contact-me .form-text, #contact-me form {
    	width: 50%;
    }
    
    #contact-me .form-text {
    	align-self: start;
    }
    
    #contact-me .formbody {
    	display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 65px;
    }
   
    .footer-list {
    	font-size: 20px;
		padding-bottom: 65px;
	}
    
    .copyright {
		align-self: end;
    }
    
    #gallery-block {
    	width: 940px;
    	margin: 0 auto;
    }
    
    #gallery-reader .image_container img {
	    width: 580px;
	    margin-top: 35px;
    }
    
    #gallery-reader .post-text-wrapper h2 {
    	font-size: 28px;
    	padding-top: 20px;
    	padding-bottom: 20px;
    }
    
    #gallery-reader .post-text-wrapper .ce_text {
    	width: 620px;
    }
    
    #gallery-reader .back {
    	width: 740px;
    }
    
    /* Über-Mich-Seite */
    #article-10 #about-me-headline, #article-10 #about-me-text,#article-10 h2, #article-10 #fav-artworks-section #fav-artwork-image-wrapper {
    	width: 940px;
    }
    
    #article-10 h2 {
    	font-size: 28px;
    }
    
    #article-10 #about-me-headline {
    	margin: 45px auto;
    }
    
    .fav-artwork .image_container img, #article-10 #about-me-header .image_container img {
    	height: 320px;
    	width: 320px;
	    object-fit: cover;
	    object-position: center;
    }
    
    /*Kontakt-Seite */
    #contact-article {
		max-width: unset;
		width: 940px;
	}
	
	#contact-article h2 {
		font-size: 28px;
	}
}

@media screen and (min-width: 1200px) {
	#wrapper {
		width: 100%;
	}
	
	.logo-small {
		margin-left: 40px;
		margin-top: 10px;
	}
	
    .menu .option {
        font-size: 24px;
        width: 120px
    }
    
    #footer::after {
    	background-size: 95% 300%;
    }
    
    #gallery-block {
    	width: 1100px;
    }
    
    #gallery-block .gallery-slide {
    	width: 32%;
    }
    
    /*Über-mich-Seite*/
    #article-10 #about-me-headline, #article-10 #about-me-text,#article-10 h2, #article-10 #fav-artworks-section #fav-artwork-image-wrapper {
    	width: 1100px;
    }
    
    #article-10 #fav-artworks-section #fav-artwork-image-wrapper {
    	justify-content: space-between;
    }
        
    /*Kontakt-Seite */
    #contact-article {
		max-width: unset;
		width: 1100px;
	}
	
	#contact-article h2 {
		font-size: 28px;
	}
}

@media screen and (min-width: 1920px) {
	
	.logo-small {
		width: 275px;
	}
	
	.logo-inner-wrapper .logo-bunt {
	    top: 57px;
	    right: 25px;
	    width: 230px;
	}
	
	.menu .option {
		width: 175px;
	}
	
	.option .menu-link a {
		font-size: 38px;
	}
	
	#loading-spinner {
		right: 16.5%;
	}
	
	#headline {
		font-size: 75px;
	}
	
	.gallery-slider-headline {
		font-size: 38px;
	}
    
    #gallery-slider {
    	width: 1360px;
    	margin-bottom: 80px;
    	margin-top: 15px;
    }
    
    #gallery-slider .slide {
    	width: 1110px;
    }
    
        
    #gallery-slider .image_container, #gallery-slider .image_container img {
		width: 1100px;
		height: 720px;
	}
    
    #gallery-slider .image_container::after {
    	width: 450px;
    	left: 34%;
    	top: 58%;
    }
   
    #gallery-slider .slide h2 {
    	top: 70%;
		left: 35%;
		font-size: 28px;
    }
	
	#gallery-slider .next, #gallery-slider .prev {
    	font-size: 75px;
    	top: 285px;
    }
    
    #biography-teaser, #contact-me {
    	width: 1200px;
    }
    
    #biography-teaser .teaser-text-wrapper h1, .form-text h2 {
    	font-size: 38px;
    	line-height: 38px;
    }
    
    #biography-teaser .teaser-text-wrapper p, .form-content {
    	font-size: 24px;
    	line-height: 38px;
    }
    
    .form-content input::placeholder, .form-content textarea::placeholder {
    	font-size: 18px;
    }
    
    #contact-me #ctrl_5 {
    	font-size: 24px;
    	width: 125px;
    }
    
    #footer {
    	height: 400px;
    	position: relative;
    	overflow: hidden;
    	width: 100%;
    }
    
    .footer-list {
    	width: 800px;
    }
    
    .footer-list .list-item a {
    	font-size: 30px;
    }
    
    .footer-list, .bottom-line-wrapper {
    	padding-bottom: 50px;
    	width: 800px;
    }
   
    .copyright {
    	font-size: 20px;
    }
    
    #gallery-block {
    	width: 1400px;
    }
    
    #gallery-block .gallery-slide {
    	width: 24%;
    	margin-top: 80px;
    }
    
    #gallery-reader .post-text-wrapper h2 {
    	font-size: 38px;
    }
    
    /*Über-mich-Seite*/
	#article-10 #about-me-headline, #article-10 #about-me-text, #article-10 h2, #article-10 #fav-artworks-section #fav-artwork-image-wrapper {
		width: 1400px;
	}
	 
	#article-10 h2 {
		font-size: 38px;	
	}
	 
	#article-10 #about-me-headline {
	 	margin: 60px auto;
	}
	 
	#article-10 #about-me-text {
	  	font-size: 24px;
		line-height: 42px;
	}
	 
	#article-10 #fav-artworks-section h2 {
	 	margin-bottom: 60px;
		margin-top: 36px;
	}
	 
	.fav-artwork .image_container img, #article-10 #about-me-header .image_container img {
	 	height: 400px;
		width: 400px;
	}
	
	#gallery-reader .image_container img {
    	width: 720px;
    	margin-top: 45px;
	}
	
	#gallery-reader .post-text-wrapper .ce_text, #gallery-reader .back {
		font-size: 24px;
	} 
	
	#gallery-reader .post-text-wrapper .ce_text {
    	line-height: 42px;
    	width: 720px;
	}
	
	#gallery-reader .back {
		width: 890px;
	}
	/*Kontakt-Seite */
	#article-18 {
		margin-bottom: 60px;
	}
	
    #contact-article {
		max-width: unset;
		width: 1400px;
		font-size: 24px;
		line-height: 42px;
	}
	
	#contact-article h2 {
		font-size: 38px;
		margin-top: 60px;
	}
}