/* new menu + basket global for relaunch,default,gallery*/

@media screen and (max-width: 767px) {
	.shortcutbar-dummy {
		display: none !important;
	}
}
@media screen and (min-width: 768px) {
	.shortcutbar-dummy {
		display: none !important;
	}
}
#container-logo-language {
	float: left;
	min-width: 400px;
}
#container-logo-language img {
	display: block;
	float: left;
	height: 140px;
	width: 164px;
}

#header-wrapper {
	width: 100%;
}
#header {
	width: 100%;
}
#header .line {
	height: 1px;
	background: rgb(222, 222, 222);
	width: 100%;
}

/* START rel23 moved */
.overlaywrapper:not(.rel23) > .cap {
	background-color: rgba(40, 40, 40, 0.9);
	-webkit-overflow-scrolling: touch;
}
.overlaywrapper:not(.rel23) > .cap > div:not(.fixed) {
    text-align: left;
}
.overlaywrapper:not(.rel23) .fixed.close-area {
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 10;
}
/* END rel23 moved */

/* keep shortcutbar + menu visible - hide sub-submenu*/
body.menu-open .cap.popup-menu {
	z-index: 100;
	display: block;
}

body.menu-open .shortcutbar {
	position: fixed;
}

/* show popup */
body.loginmanager-open #loginmanager,
body.shareemail-open #shareemail,
body.pwrequest-open #pwrequest,
body.pwreset-open #pwreset,
body.searchinput-open #searchinput,
body.infodialog-open #infodialog,
body.registermanager-open #registermanager,
body.uploadmanager-open #uploadmanager,
body.profilemanager-open #profilemanager,
body.albumeditor-open #albumeditor,
body.exifeditor-open #exifeditor,
body.pictureeditor-open #pictureeditor {
	display: block;
}

@media screen and (max-width: 767px) {
	
	/* show shortcutbar */ 
	body.loginmanager-open #loginmanager,
	body.shareemail-open #shareemail,
	body.pwrequest-open #pwrequest,
	body.pwreset-open #pwreset,
	body.searchinput-open #searchinput,
	body.infodialog-open #infodialog,
	body.registermanager-open #registermanager,
	body.uploadmanager-open #uploadmanager,
	body.profilemanager-open #profilemanager,
	body.albumeditor-open #albumeditor,
	body.exifeditor-open #exifeditor,
	body.pictureeditor-open #pictureeditor {
		z-index: 100;
	}
	body.shareemail-open.galleryimageview-open #shareemail {
		z-index: 100000;
	}

	/* prevent scroll body - ios bug */
	body.menu-open,
	body.shareemail-open,
	body.loginmanager-open,
	body.pwrequest-open,
	body.pwreset-open,
	body.searchinput-open,
	body.infodialog-open,
	body.registermanager-open,
	body.uploadmanager-open,
	body.profilemanager-open,
	body.albumeditor-open,
	body.exifeditor-open,
	body.pictureeditor-open {
		overflow: hidden;
	}
	
	/* set shortcutbar fixed */
	body.menu-open .shortcutbar,
	body.shareemail-open .shortcutbar,
	body.loginmanager-open .shortcutbar,
	body.pwrequest-open .shortcutbar,
	body.pwreset-open .shortcutbar,
	body.searchinput-open.shortcutbar,
	body.infodialog-open.shortcutbar,
	body.registermanager-open .shortcutbar,
	body.uploadmanager-open.shortcutbar,
	body.profilemanager-open .shortcutbar,
	body.albumeditor-open .shortcutbar,
	body.exifeditor-open .shortcutbar,
	body.pictureeditor-open .shortcutbar {
		position: fixed;
	}	

	/* START rel23 moved */
	.overlaywrapper:not(.rel23) .fixed.close-area {
		display:none;
	}	
	/* END rel23 moved */

}
@media screen and (max-width: 1023px) {
	/* always show shortcutbar for smaller screens */
	.shortcutbar {
		top: 0px !important;
	}
}


/* fade out content behind */
@media screen and (min-width: 768px) {
	body.menu-open #content, body.menu-open #footer-wrapper,
	body.shareemail-open #content, body.shareemail-open #header, body.shareemail-open #footer-wrapper, body.shareemail-open .shortcutbar,
	body.loginmanager-open #content, body.loginmanager-open #header, body.loginmanager-open #footer-wrapper, body.loginmanager-open .shortcutbar,
	body.pwrequest-open #content, body.pwrequest-open #header, body.pwrequest-open #footer-wrapper, body.pwrequest-open .shortcutbar,
	body.pwreset-open #content, body.pwreset-open #header, body.pwreset-open #footer-wrapper, body.pwreset-open .shortcutbar,
	body.searchinput-open #content, body.searchinput-open #header, body.searchinput-open #footer-wrapper,body.searchinput-open .shortcutbar,
	body.infodialog-open #content, body.infodialog-open #header, body.infodialog-open #footer-wrapper,body.infodialog-open .shortcutbar,
	body.registermanager-open #content, body.registermanager-open #header, body.registermanager-open #footer-wrapper, body.registermanager-open .shortcutbar, 
	body.uploadmanager-open #content, body.uploadmanager-open #header, body.uploadmanager-open #footer-wrapper, body.uploadmanager-open .shortcutbar,
	body.profilemanager-open #content, body.profilemanager-open #header, body.profilemanager-open #footer-wrapper, body.profilemanager-open .shortcutbar,
	body.albumeditor-open #content, body.albumeditor-open #header, body.albumeditor-open #footer-wrapper, body.albumeditor-open .shortcutbar,
	body.exifeditor-open #content, body.exifeditor-open #header, body.exifeditor-open #footer-wrapper, body.exifeditor-open .shortcutbar,
	body.pictureeditor-open #content, body.pictureeditor-open #header, body.pictureeditor-open #footer-wrapper, body.pictureeditor-open .shortcutbar
	{
		filter: blur(4px);
/*		-webkit-animation: blurin 200ms;  Safari, Chrome and Opera > 12.1 
		   -moz-animation: blurin 200ms;  Firefox < 16 
			-ms-animation: blurin 200ms;  Internet Explorer 
			 -o-animation: blurin 200ms;  Opera < 12.1 
				animation: blurin 200ms;	*/
	}
}
#privateprofile .tab-albummanager > * > * {
	opacity: 0.27 !important;
	transition: opacity 300ms;
}
#privateprofile .tab-albummanager > *:after {
	content: "";
	background-image: url(../svg/svg_loading_big.svg);
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat no-repeat;
	background-position: center top 60px;
	opacity: 0.6;
}
@media screen and (max-width: 768px) {
	#privateprofile .tab-albummanager > *:after {
		background-position: center top 25px;
	}
}
#privateprofile .tab-albummanager > *[data-loadet="true"] > * {
	opacity: 1 !important;;
}
#privateprofile .tab-albummanager > *[data-loadet="true"]:after {
	display: none;
}
.popup-body .wrapper.success {
	text-align: center;
}
.popup-body .wrapper.success .svg_icon.okay_grey {
    height: 100px;
	width: 160px;
	margin-top: 40px;
}
.popup-body .wrapper.success .svg_icon.okay_grey:after {
	top: 0;
    left: 0;
    background-size: 160px;
    height: 120px;
    width: 160px;
}
.popup-body .wrapper.success .b36.center {
	text-align: center;
    margin: 40px auto;
}
.popup-body .wrapper.success .btn.btn-light {
	max-width: 280px;
	margin: 0 auto;
    display: block;
}
.popup-body .wrapper.success p.text {
	margin: 20px 0 40px;
}

/* START rel23 moved */
/* albumpicture detail screen */
body.galleryimageview-open {
	overflow: hidden;
	background: rgb(40, 40, 40);
}
body.galleryimageview-open #container {
	background: rgb(40, 40, 40);
}
body.galleryimageview-open #galleryimageview {
	display: block;
}
body.galleryimageview-open #content, 
body.galleryimageview-open #header, 
body.galleryimageview-open #footer-wrapper, 
body.galleryimageview-open .shortcutbar  {
	opacity: 0;
}
#galleryimageview .mobile-footer,
body.galleryimageview-open #galleryimageview .img-details {
	-webkit-animation: fadein 300ms; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 300ms; /* Firefox < 16 */
        -ms-animation: fadein 300ms; /* Internet Explorer */
         -o-animation: fadein 300ms; /* Opera < 12.1 */
            animation: fadein 300ms;	
}
/* END rel23 moved */

*[data-render] {
	display: none;
}
*[data-render][data-render-complete="true"] {
	display: block;
}


.js__menu__close,
body.menu-open .js__menu__open{
	display: none !important;
}
body.menu-open .js__menu__close {
	display: inline-block !important;
}
/* START rel23 moved */
.overlaywrapper:not(.rel23) .popup-body {
	/* 920px - 20px*2*/
	width: 880px;
	background: #eeeeee;
	padding: 0px 20px 40px 20px;	
	margin: 20px auto;
	position: relative;
	z-index: 100;
}
.overlaywrapper:not(.rel23) .popup-body p,
.overlaywrapper:not(.rel23) .popup-body h1,
.overlaywrapper:not(.rel23) .popup-body h2,
.overlaywrapper:not(.rel23) .popup-body span,
.overlaywrapper:not(.rel23) .popup-body label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.overlaywrapper:not(.rel23) .popup-body.__2cols {
	/* 620px - 20px*2*/
	width: 580px;
}
.overlaywrapper:not(.rel23) .popup-body.__1cols {
	/* 320px - 20px*2*/
	width: 280px;
}
.overlaywrapper:not(.rel23) .popup-body.__smooth {
	background: rgba(238, 238, 238, 0.9);
}
.overlaywrapper:not(.rel23) .popup-body .headline > * > * {
	height: 60px;
}
.overlaywrapper:not(.rel23) .popup-body .headline > * > *.t-left {
	width: 100%;
}
.overlaywrapper:not(.rel23) .popup-body .headline > * > *.t-right {
	width: 30px;
}
.overlaywrapper:not(.rel23) .popup-body .headline > * > *.t-left {
	width: 100%;
}

.overlaywrapper:not(.rel23) .popup-body .headline.__underlined > * > * {
	height: 50px;
}
.overlaywrapper:not(.rel23) .popup-body .headline.__underlined {
	border-bottom: 1px solid rgb(0, 0, 0);
	table-layout: auto;
}
.overlaywrapper:not(.rel23) .popup-body .headline.__underlined .t-left {
	border-bottom: 3px solid rgb(0, 0, 0);
	width: auto;
}
.overlaywrapper:not(.rel23) .popup-body .headline.__underlined .t-right {
	width: 100%;
}
.overlaywrapper:not(.rel23) .popup-body .headline.__underlined span {
	top: 7px;
	position: relative;
	white-space: nowrap;
}
.overlaywrapper:not(.rel23) .popup-body .raster-wrapper {
	margin-left: 0;
	margin-right: 0;
	width: auto;
}
.overlaywrapper:not(.rel23) .popup-body .server-error {
	padding-top: 10px;
	white-space: break-spaces;
}

.ajax-transmitting:after,
#galleryimageview.transmitting .img-container:after,
#galleryimageview.transmitting .img-details:after, 
.overlaywrapper:not(.rel23) .popup-body.transmitting:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(255,255,255,0.5);
	z-index: 10000;
}
#galleryimageview.transmitting .img-container:after {
	background: rgba(40, 40, 40, 0.3);
	-webkit-animation: fadein 1000ms; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1000ms; /* Firefox < 16 */
        -ms-animation: fadein 1000ms; /* Internet Explorer */
         -o-animation: fadein 1000ms; /* Opera < 12.1 */
            animation: fadein 1000ms;		
}
#galleryimageview.transmitting .img-details:after {
	height: calc(100% - 70px);
	top: 70px;
	-webkit-animation: fadein 1000ms; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1000ms; /* Firefox < 16 */
        -ms-animation: fadein 1000ms; /* Internet Explorer */
         -o-animation: fadein 1000ms; /* Opera < 12.1 */
            animation: fadein 1000ms;		
}

@media screen and (max-width: 768px) {
	#galleryimageview.transmitting .img-container:after {
		top: 40px;
		z-index: 1;
	}
	#galleryimageview.transmitting .img-details:after {
		height: 100%;
		top: 40px;
	}
	
}
@media screen and (max-width: 768px) {
	.overlaywrapper:not(.rel23) > .cap > div > div > div:not(.fixed) {
		vertical-align: top;
	}
}
@media screen and (min-width: 768px) {
	body.menu-open #header {
		position: fixed;
		z-index: 1000;
		background: rgb(238, 238, 238);
		box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.42);
		top: 40px;
	}
	body.menu-open #header-wrapper.big {
		height: 118px;
	}
	body.menu-open #header-wrapper.small {
		height: 81px;
	}
}

/* END rel23 moved */
#header-wrapper.big .blackfooter {
	padding: 118px 0 0px;
}
#header-wrapper.small .blackfooter {
	padding: 81px 0 0px;
}

/* START rel23 moved */
#loginmanager .headline {
	margin-bottom: 20px;
}
#loginmanager .submit {
	margin: 30px 0 10px;
}
/* END rel23 moved */                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        

body {
	-webkit-animation: fadein 500ms; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 500ms; /* Firefox < 16 */
        -ms-animation: fadein 500ms; /* Internet Explorer */
         -o-animation: fadein 500ms; /* Opera < 12.1 */
            animation: fadein 500ms;
}
@media screen and (min-width: 768px) {
	body.menu-open .cap.popup-menu {
		-webkit-animation: fadein 200ms; /* Safari, Chrome and Opera > 12.1 */
		   -moz-animation: fadein 200ms; /* Firefox < 16 */
			-ms-animation: fadein 200ms; /* Internet Explorer */
			 -o-animation: fadein 200ms; /* Opera < 12.1 */
				animation: fadein 200ms;
	}
}




@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-webkit-keyframes fadein { 
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}
@-moz-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}
@-ms-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 2; }
}
@-webkit-keyframes fadeout { 
    from { opacity: 1; }
    to   { opacity: 0; }
}
@-o-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

@keyframes blurin {
    0% { filter: blur(1px);  -webkit-filter: blur(1px);}
    100%   { filter: blur(4px);  -webkit-filter: blur(4px); }
}
@-moz-keyframes blurin {
    0% { filter: blur(1px);  -webkit-filter: blur(1px); }
    100%   { filter: blur(4px);  -webkit-filter: blur(4px); }
}
@-ms-keyframes blurin {
    0% { filter: blur(1px);  -webkit-filter: blur(1px); }
    100%   { filter: blur(4px);  -webkit-filter: blur(4px); }
}
@-webkit-keyframes blurin { 
    0% { filter: blur(1px);  -webkit-filter: blur(1px); }
    100%   { filter: blur(4px);  -webkit-filter: blur(4px); }
}
@-o-keyframes blurin {
    0% { filter: blur(1px);  -webkit-filter: blur(1px); }
    100%   { filter: blur(4px);  -webkit-filter: blur(4px); }
}

@keyframes blurout {
    0% { filter: blur(4px);  -webkit-filter: blur(4px); }
    100%   { filter: blur(0px);  -webkit-filter: blur(0px); }
}
@-moz-keyframes blurout {
    0% { filter: blur(4px);  -webkit-filter: blur(4px); }
    100%   { filter: blur(0px);  -webkit-filter: blur(0px); }
}
@-ms-keyframes blurout {
    0% { filter: blur(4px);  -webkit-filter: blur(4px); }
    100%   { filter: blur(0px);  -webkit-filter: blur(0px); }
}
@-webkit-keyframes blurout { 
    0% { filter: blur(4px);  -webkit-filter: blur(4px); }
    100%   { filter: blur(0px);  -webkit-filter: blur(0px); }
}
@-o-keyframes blurout {
    0% { filter: blur(4px);  -webkit-filter: blur(4px); }
    100%   { filter: blur(0px);  -webkit-filter: blur(0px); }
}


@keyframes vibingGrey {
    0% { background: #F8F8F8; }
    50%   { background: #EEEEEE; }
    100%   { background: #F8F8F8; }
}
@-moz-keyframes vibingGrey {
    0% { background: #F8F8F8; }
    50%   { background: #EEEEEE; }
    100%   { background: #F8F8F8; }
}
@-ms-keyframes vibingGrey {
    0% { background: #F8F8F8; }
    50%   { background: #EEEEEE; }
    100%   { background: #F8F8F8; }
}
@-webkit-keyframes vibingGrey { 
    0% { background: #F8F8F8; }
    50%   { background: #EEEEEE; }
    100%   { background: #F8F8F8; }
}
@-o-keyframes vibingGrey {
    0% { background: #F8F8F8; }
    50%   { background: #EEEEEE; }
    100%   { background: #F8F8F8; }
}


/*
#basket-add-info {
    width: 270px;
    border: 1px solid rgb(204, 204, 204);
    position: absolute;
    height: 167px;
    top: -36px;
    right: -44px;
    background: rgb(238, 238, 238);
    z-index: 10;
    display:none;
}
#basket-add-info .image {
    margin:0 auto;
    height: 61px;
    width: 80px;
    margin-top: 21px;
    background:white;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
}
#basket-add-info .image img {
	width: 100%;
}
#basket-add-info .info {
    position: relative;
    height: 127px;
	min-height: 100px;
    text-align: center;
}
#basket-add-info .info p {
	font-family: "Chronicle Text G2 A", "Chronicle Text G2 B", Georgia, Times, "Times New Roman", serif;
	text-decoration: none;
	letter-spacing: initial;
	line-height: initial;
	font-style: italic;
	font-weight: normal;
	font-size: 15px;
}
#basket-add-info .box {
	font-family: "HurmeGeometricSans3-Bold", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: initial;
	line-height: initial;
	font-weight: normal;
    height: 35px;
    padding-top: 5px;
    display: inherit;
	background-color: rgb(226, 0, 32);
	color: rgb(255, 255, 255);
	text-align: center;
	font-size: 20px;
}
#basket-add-info .icon {
    top: 4px; 
    margin-right: 7px;
    position: relative;
}
@media screen and (max-width: 1200px) {
	#basket-add-info {
		right: -29px; 
	}
}

#basket-add-info.unfittable,
#basket-add-info.unfittable .info,
#basket-add-info.unfittable .image {
	 height: auto;
}
#basket-add-info .info p {
	padding-bottom: 20px;
}
*/

.menu {
	position: relative;
}
.menu .burger {
	position: absolute;
	right: -10px;
	bottom: -2px;
	-webkit-animation: navSlideIn 350ms backwards;
	animation: navSlideIn 350ms backwards;	
}
#header-wrapper.small .burger {
	bottom: -3px;
}

@keyframes burderSlideIn {
	0%{opacity:0;-webkit-transform:translateY(-80px);transform:translateY(-80px)}
	50%{-webkit-transform:translateY(-80px);transform:translateY(-80px)}
	100%{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@-moz-keyframes burderSlideIn { /* Firefox */
	0%{opacity:0;-webkit-transform:translateY(-80px);transform:translateY(-80px)}
	50%{-webkit-transform:translateY(-80px);transform:translateY(-80px)}
	100%{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
/* Internet Explorer */
@-ms-keyframes burderSlideIn {
	0%{opacity:0;-webkit-transform:translateY(-80px);transform:translateY(-80px)}
	50%{-webkit-transform:translateY(-80px);transform:translateY(-80px)}
	100%{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@-webkit-keyframes burderSlideIn { /* Safari and Chrome */
	0%{opacity:0;-webkit-transform:translateY(-80px);transform:translateY(-80px)}
	50%{-webkit-transform:translateY(-80px);transform:translateY(-80px)}
	100%{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@-o-keyframes burderSlideIn { /* Opera */
	0%{opacity:0;-webkit-transform:translateY(-80px);transform:translateY(-80px)}
	50%{-webkit-transform:translateY(-80px);transform:translateY(-80px)}
	100%{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}


.menu > nav {

}
.menu > nav > ul {
	display: inline-block;
}
.menu > nav > ul > li {
	display: inline;
}
.menu > nav > ul:after {
	clear: both;
	content: "";
	float: none;
	display: block;
}
.menu > nav > ul > li > a > span {
	font-family: "HurmeGeometricSans3-Bold", Arial, Helvetica, sans-serif;
	margin-right: 20px;
	font-size: 20px;
	color: #505050;
	text-transform: uppercase;
	margin-right: 15px;
	bottom: 10px;
	position: relative;
	/*transition: all 300ms;*/
}
#header-wrapper.small .menu > nav > ul > li > a > span {
	font-size: 18px;
	bottom: 10px;
}
.menu > nav > ul > li > a:hover {
	color: #282828;
}

.menu a.logo img {
	position: absolute;
	margin-right: 15px;
	opacity: 1;
	transition: all 300ms;
	width: 100%;
	height: 100%
}
.menu a.logo {
	transition: all 300ms;
	position: relative;
	margin: 7px 0 3px;
	display: inline-block;
}
#header-wrapper.big .menu a.logo {
	width:78px;
	height:62px;
	margin-right: 20px;
}
#header-wrapper.big .menu a.logo img.small {
	opacity: 0;
}
#header-wrapper.small .menu  a.logo {
	width:33px;
	height:26px;
	margin-right: 15px;
}
#header-wrapper.small .menu a.logo a img.big {
	opacity: 0;
}


.js--underline {
	position: absolute;
	width: 0px;
	height: 4px;
	background: rgb(0, 0, 0);
	left: 0px;
	bottom: 0px;
	transition: 200ms all;
}


.menu .submenu {
	display: none;
	position: absolute;
	bottom: 13px;
	right: 20px;
}
#header-wrapper.small .menu .submenu {
	bottom: 12px;
}

.submenu > ul {

}
.submenu > ul > li {
	display: inline-block;
}
.menu .submenu > ul > li {
	-webkit-animation: navSlideIn 350ms backwards;
	animation: navSlideIn 350ms backwards;	
	position: relative;
}
.submenu > ul > li > a {
	font-family: "HurmeGeometricSans3-Regular", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: rgb(80, 80, 80);
	font-size: 14px;
	margin-right: 15px;
}

#sub-submenu {
	position: absolute;
	width: 100%;
	z-index: 10;
}
.sub.submenu {
	margin-top: 20px;
}
.submenu li a,
.filter-menu .filter-group > *,
.subnavi span.active,
.subnavi span:hover{
	padding-bottom: 5px;
	text-decoration: none;
}
.gallery_wrapper .filter-menu > .right.size > * {
	padding-bottom: 0;
	height: 24px;
}
.submenu ul > li > a,
.gallery_wrapper .filter-menu > .right.size > * {
    bottom: 3px;
    height: 24px;
	border-bottom: 1px solid transparent;
}
body.gallery.teaser .submenu ul > li > a:hover {
	border-bottom: 1px solid white !important;
}
.gallery_wrapper .filter-menu > .right.size > *:after {
	opacity: 0.5;
}
.gallery_wrapper .filter-menu > .right.size > *.active:after,
.gallery_wrapper .filter-menu > .right.size > *:hover:after {
	opacity: 1;
}
.submenu li a.active,
.submenu li a:hover ,
.filter-menu .active,
.filter-menu .filter-group > *.active,
.filter-menu .filter-group > *:hover {
	border-bottom: 1px solid #282828 !important;
}

.menu .submenu.underline-1 > ul > li:nth-child(1) a,
.menu .submenu.underline-2 > ul > li:nth-child(2) a,
.menu .submenu.underline-3 > ul > li:nth-child(3) a,
.menu .submenu.underline-4 > ul > li:nth-child(4) a,
.menu .submenu.underline-5 > ul > li:nth-child(5) a,
.menu .submenu.underline-6 > ul > li:nth-child(6) a,
.menu .submenu.underline-7 > ul > li:nth-child(7) a {
	border-bottom: 1px solid rgb(40, 40, 40) !important;
}

body.gallery.teaser .submenu li a.active,
body.gallery.teaser .submenu li a:hover {
	border-color: white;
}

@media only screen and (max-width: 767px){
	#header .inlay ,
	#header .line {
		display: none;
	}
	#header {
		border-bottom: none !important;
	}
	.sub.submenu {
		display: none;
	}
	.filter-menu > div > div {
		padding: 0;
	}
	.submenu li a.active,
	.submenu li a:hover ,
	.filter-menu .active,
	.filter-menu .filter-group > *.active,
	.filter-menu .filter-group > *:hover {
		border-bottom: none !important;
	}
}


@keyframes slideRightIn {
	0%{opacity:0}
	1%{-webkit-transform:translateX(100%);transform:translateX(100%)}
	100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@-moz-keyframes slideRightIn { /* Firefox */
	0%{opacity:0}
	1%{-webkit-transform:translateX(100%);transform:translateX(100%)}
	100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
/* Internet Explorer */
@-ms-keyframes slideRightIn {
	0%{opacity:0}
	1%{-webkit-transform:translateX(100%);transform:translateX(100%)}
	100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes slideRightIn { /* Safari and Chrome */
	0%{opacity:0}
	1%{-webkit-transform:translateX(100%);transform:translateX(100%)}
	100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@-o-keyframes slideRightIn { /* Opera */
	0%{opacity:0}
	1%{-webkit-transform:translateX(100%);transform:translateX(100%)}
	100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}


@keyframes navSlideIn {
	0%{opacity:0}
	1%{-webkit-transform:translateX(160px);transform:translateX(160px)}
	100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@-moz-keyframes navSlideIn { /* Firefox */
	0%{opacity:0}
	1%{-webkit-transform:translateX(160px);transform:translateX(160px)}
	100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
/* Internet Explorer */
@-ms-keyframes navSlideIn {
	0%{opacity:0}
	1%{-webkit-transform:translateX(160px);transform:translateX(160px)}
	100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes navSlideIn { /* Safari and Chrome */
	0%{opacity:0}
	1%{-webkit-transform:translateX(160px);transform:translateX(160px)}
	100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@-o-keyframes navSlideIn { /* Opera */
	0%{opacity:0}
	1%{-webkit-transform:translateX(160px);transform:translateX(160px)}
	100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}

li.active-true .submenu {
	display: block;
}

/* END rel23 moved */
#loading_indicator {
	position: fixed;
	width: 100%;
	top: 0px;
	height: 3px;
	z-index: 100002;
}
#loading_indicator > div {
	position: absolute;
	width: 0%;
	top: 0px;
	height: 0px;
	z-index: 10002;
	background: #E20020;
	transition: width 300ms;
}

@keyframes loadingIndicator {
 	0% {
		width: 5%;
	}
	5% {
		width: 35%;
	}
	10% {
		width: 60%;
	}
	15% {
		width: 75%;
	}
	20% {
		width: 90%;
	}
	100% {
		width: 99%;
	}
}

body.loading #loading_indicator > div {
	animation-name: loadingIndicator;
	animation-iteration-count: 1;
	animation-timing-function: cubic-bezier(0, 0.38, 1, 0.72);
	animation-duration: 120s;
	height: 3px;
}
body.finished #loading_indicator > div {
	width: 100%;
	height: 3px;
}

/* END rel23 moved */

#footer {
	-webkit-animation: hideAtStart 1000ms backwards;
	animation: hideAtStart 1000ms backwards;	
}

@keyframes hideAtStart {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
@media screen and (min-width: 768px) {
	#popup_main_menu_mobile {
		display: none;
	}
	/* START rel23 moved */
	.overlaywrapper:not(.rel23) > .cap .popup-body:not(.__2cols):not(.__1cols) {
		margin: 60px auto;
		width: calc(100% - 40px);
		max-width: 880px;
	}
	/* END rel23 moved */
}
@media screen and (min-width:768px) and (max-width: 1023px) {
    #header-wrapper .blackfooter {
        padding: 81px 0px 0;
	}
	#header-wrapper .blackfooter > .raster{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	#header-wrapper .blackfooter a, #header-wrapper.small .blackfooter span {
		text-align: center;
	}
	#header-wrapper .m_line_full .left-pad > a{
		width: 50%;
	}
}
@media screen and (max-width: 767px) {
	/* START rel23 moved */
	.overlaywrapper:not(.rel23) > .cap {
		background-color: rgba(40, 40, 40, 1);
	}
	.overlaywrapper:not(.rel23) .popup-body.__smooth {
		background: rgb(238, 238, 238);
	}
	.overlaywrapper:not(.rel23) > .cap .popup-body {
		margin: 0;
		bottom: 0;
		height: calc(100% - 40px);
		display: inline-table;
		top: 40px ;
		width: calc(100% - 40px) ;
		padding: 0 20px;
		position: absolute ;
		min-height: calc(100% - 40px) ;
		left: 0;
	}
	.overlaywrapper:not(.rel23) > .cap#shareemail .popup-body {
		height: calc(100% - 10px);
		top: 10px;
		min-height: calc(100% - 10px);
		padding-bottom: 20px;
	}
	.overlaywrapper:not(.rel23) .popup-body .headline > * > * {
		height: 40px !important;
	}
	.overlaywrapper:not(.rel23) > .cap:not(.popup-menu):not(.galleryimageview):not(#searchinput) {
		background-color: #eeeeee !important;
	}
	/* END rel23 moved */
	.shortcutbar {
		height: 40px !important;
	}
	body.horizon .shortcutbar {
		display: none !important;
	}
	.__js_toggle_menu > .__js_menu_body {
		display:none;
	}
	.__js_toggle_menu.__js_toggle_menu_active > .__js_menu_body  {
		display:block;
	}
	.__js_toggle_menu_hidden {
		display:none !important;
	}
	
}