@charset "UTF-8";
/* CSS Document */

:root {
	--blau:#4d4d4b;
}

html {
	scroll-behavior:smooth!important;
}

body {
	margin:0;
	padding:0;
	font-size:16px;
	font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.trigger {
	width:100%;
	height:100%;
	overflow:hidden;
}

.test-box {
	width:100%;
	height:800px;
	min-height:600px;
	position:relative;
}

.background {
	width:100%;
	height:100%;
	position:absolute;
	z-index:-1;
	background-color:#faf9f6;
}

.box {
	width:500px;
	height:auto;
	background-color:#faf9f6;
	position:absolute;
	top:10px;
	left:50%;
	transform:translateX(-50%);
	padding:30px;
	box-sizing:border-box;
	border-radius:15px;
	transition:none!important;
}

.box h1 {
	margin-top:-5px;
}

* {
	transition:all 0.3s;
}

a,s
a:link,
a:hover,
a:focus,
a:visited {
	outline:none;
	color:#004899;
	text-decoration:none!important;
}

h1 {
	color:var(--blau);
	font-size:3.0rem;
	font-weight:400;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"
}
h1.hell
{
  color:#7A736F;
    
}
.hell
{
  color:#7A736F;
    
}

h2 {
	color:var(--blau);
	font-size:2.0rem;
	font-weight:400;
	margin-top:15px;
	margin-bottom:10px;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"
}

h2.weiss {
	color:#fff;
}
h2.petrol {
	color:#73bdb5;
}
.petrol {
 color:#73bdb5;   
}
h3 {
    color:#e9b473;
	font-size:1.5rem;
	font-weight:400;
	margin-top:30px;
	margin-bottom:30px;
    font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
    font-style: italic;
}
    

button {
	padding:10px 15px 11px 15px;
	border:2px solid var(--blau);
	background-color:#444;
	color:#fff;
/*	text-transform:uppercase;*/
	cursor:pointer;
	font-weight:500;
	letter-spacing:1px;
	font-size:1.1rem;
	border-radius:4px;
	margin:0;
	position:relative;
    font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
    font-style: italic;
}

button.secondary {
	background-color:#888;
	border-color:#888;
}

button.klein {
	background-color:#888;
	border-color:#888;
	font-size:0.8rem;
	padding:6px 9px 7px 9px;
}

button.hell {
	background-color:#e0dfdd;
	color:#444;
	border-color:#444;
}

button.plus,
button.list,
button.pfeil,
button.grid {
	padding-left:48px;
}

button.plus::after {
	width:18px;
	height:18px;
	position:absolute;
	content:'';
	background-image:url("../images/plus-icon.svg");
	background-size:contain;
	background-repeat:no-repeat;
	left:15px;
}

button.list::after {
	width:18px;
	height:13.5px;
	position:absolute;
	content:'';
	background-image:url("../images/list-icon.svg");
	background-size:contain;
	background-repeat:no-repeat;
	left:15px;
	top:50%;
	transform:translateY(-50%);
}

button.grid::after {
	width:18px;
	height:18px;
	position:absolute;
	content:'';
	background-image:url("../images/grid-icon.svg");
	background-size:contain;
	background-repeat:no-repeat;
	left:15px;
}

button.pfeil::after {
	width:18px;
	height:18px;
	position:absolute;
	content:'';
	background-image:url("../images/back-icon.svg");
	background-size:contain;
	background-repeat:no-repeat;
	left:15px;
}

button:hover {
	background-color:#1E4855;
	transform:scale(1.05);
}

button.hell:hover {
	background-color:#ddd;
	transform:scale(1.05);
	border-color:#ddd;
}

button.secondary:hover {
	background-color:#444;
	transform:scale(1.05);
}

button.klein:hover {
	background-color:#444;
	border-color:#444;
	transform:scale(1.05);
}

.button + .button {
	margin-left:13px;
}

.mainframe {
	width:100%;
	max-width:1280px;
	height:auto;
	position:relative;
	margin:auto;
}

.clearer {
	clear:both;
}

header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100px;
	z-index:99999;
}

header::before {
	width:100%;
	height:200px;
	position:absolute;
	content:'';
	top:0;
	left:0;
	background-image:linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0));
	transition:all 0.3s;
}

header::after {
	height:0;
	transition:all 0.3s;
	background-color:#444;
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:100%;
}

header.w-logo .mainframe {
	display:grid;
	grid-template-columns:auto 1fr auto;
}

header.fixed {
	height:60px;
	box-shadow:0px 20px 80px rgba(0,0,0,0.3);
}

header.fixed::before {
	opacity:0;
	transition:all 0.3s;
}

header.fixed::after {
	height:60px;
	background-color:#444;
	transition:all 0.3s;
}

header.fixed .logo {
	position:relative;
	z-index:3;
	width:110px;
	padding-top:13px;
}

header.fixed .navigation-burger {
	margin-top:-31px;
}

header.fixed .navigation-burger-title {
	text-shadow:0px 0px 20px rgba(0,0,0,0);
}

header.fixed .burger-bar {
	box-shadow:0px 0px 20px rgba(0,0,0,0);
}

header.fixed .navigation-logout {
	padding-top:7.5px;
	position:relative;
	z-index:9;
}

.logo {
	width:220px;
	height:auto;
	padding-top:20px;
	grid-column:1/2;
}

.logo img {
	filter:brightness(4);
	width:100%;
	height:auto;
}

header.w-logo .navigation-burger {
	grid-column:3/4;
}

.navigation-logout {
	grid-column:3/4;
	padding-top:30px;
}

.navigation-logout button {
	background-color:transparent;
	color:#fff;
}

.navigation-burger {
	display:grid;
	grid-template-columns:1fr auto;
	padding-top:20px;
	position:relative;
	z-index:1;
}

.navigation-burger-grid {
	width:95px;
	display:grid;
	grid-template-columns:auto auto;
	grid-column-gap:7px;
	padding:15px;
	cursor:pointer;
	grid-column:2/3;
	padding-top:30px;
	margin-right:-15px;
}

.navigation-burger-title {
	color:#fff;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:2px;
	padding-top:1.5px;
	font-size:0.9rem;
	text-shadow:0px 0px 20px rgba(0,0,0,1);
}

.navigation-burger-menu {
	width:auto;
	height:auto;
}

.burger-bar {
	width:32px;
	height:2px;
	background-color:#fff;
	margin-bottom:7px;
	box-shadow:0px 0px 20px rgba(0,0,0,1);
}

.burger-bar:last-of-type {
	margin-bottom:0;
}

.nav-m {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:9999999;
	visibility:hidden;
}

.nav-m-left {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	right:-100%;
	transition:all 1.2s ease-in-out;
}

.nav-m-left img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.nav-m-right {
	width:400px;
	height:100%;
	background-color:#fff;
	position:absolute;
	z-index:2;
	right:-400px;
	transition:all 1.2s ease-in-out;
}

.nav-m-content {
	width:100%;
	height:100%;
	box-sizing:border-box;
	padding:50px;
}

.nav-m-nav-link {
	width:100%;
	height:100%;
}

.nav-m-nav-link a {
	width:100%;
	height:auto;
	display:block;
	padding:20px 0;
	color:#245664;
	font-size:2.4rem;
	font-weight:300;
}

.nav-m-title {
	width:calc(100% - 100px);
	height:auto;
	color:#666;
	font-size:1.8rem;
	font-weight:300;
	margin-top:-5px;
	margin-bottom:10px;
	border-bottom:1px solid #777;
	margin-left:50px;
	margin-top:47px;
	padding-bottom:30px;
}

.nav-m-close {
	width:50px;
	height:50px;
	padding:15px;
	background-image:url("../images/close-icon.svg");
	background-size:contain;
	background-origin:content-box;
	background-repeat:no-repeat;
	cursor:pointer;
	position:absolute;
	right:22px;
	top:22px;
}

.nav-m.trigger {
	visibility:visible;
}

.nav-m.trigger .nav-m-left {
	right:0;
	transition:all 1.2s ease-in-out;
	box-shadow:-30px 0px 70px rgba(0,0,0,0.2);
}

.nav-m.trigger .nav-m-right {
	right:0;
	transition:all 1.2s ease-in-out;
	box-shadow:-50px 0px 80px rgba(0,0,0,0.2);
}

section#start-banner {
	width:100%;
	height:calc(100vh - 5px);
	position:relative;
}

.start-banner-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: -1px;
    overflow: hidden;
}

.start-banner-bg img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:top;
}

.start-banner-logo {
	width:100%;
	height:50%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	z-index:1;
}

.start-banner-logo-image {
	position:absolute;
	top:79%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:2;
	width:450px;
	height:auto;
	filter:brightness(4) drop-shadow(0px 20px 50px rgba(0,0,0,1));
}

.slick-list {
	width:100%;
	height:100%;
}

.slick-track {
	height:100%;
}

.slick-track img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.slick-dots {
	bottom:10px;
	z-index:999;
}

.slick-dots li button::before,
.slick-dots li button::after {
	display:none;
}

.slick-dots li {
	content:'';
	width:50px;
	height:5px;
	cursor:pointer;
	z-index:999;
	position:relative;
	padding:10px 0;
	transition:all 0.2s;
	margin-left:10px;
	margin-right:10px;
}

.slick-dots li::after {
	position:absolute;
	content:'';
	width:50px;
	height:2px;
	top:11px;
	left:0;
	background-color:#fff;
	transition:all 0.2s!important;
	box-shadow:0px 0px 20px rgba(0,0,0,0.6);
}

.slick-dots li.slick-active::after {
	height:7px;
	top:8.5px;
	transition:all 0.2s!important;
	border-radius:5px;
}

section#start-content-buttons {
	padding-bottom:120px;
	width:100%;
	height:auto;
	box-sizing:border-box;
	/*margin-top:-85px;*/
	margin-top:120px;
	animation-name:fade-in;
	animation-duration:2s;
}

/*@keyframes fade-in {
	from {margin-top:140px;}
	to {margin-top:-85px;}
}*/

.start-content-buttons {
	display:grid;
	grid-template-columns:calc(25% - 60px) calc(25% - 60px) calc(25% - 60px) calc(25% - 60px);
	grid-column-gap:80px;
}

.start-content-button-image {
	background-color:#fff;
	border-radius:50%;
	box-shadow:0px 20px 80px rgba(49,116,135,0.17);
	width:170px;
	height:170px;
	box-sizing:border-box;
	padding:35px;
	margin:auto;
}

.start-content-button-image img {
	width:100%;
	height:100%;
	object-fit:contain;
}

.start-content-button-title h1 {
	text-align:center;
	margin-bottom:0;
}

#start-content-veranstaltung {
	width:100%;
	height:auto;
	box-sizing:border-box;
	position:relative;
	background-color:#317487;
	margin-top:165px;
	margin-bottom:100px;
	padding-bottom:70px;
}

#start-content-veranstaltung .mainframe {
	display:grid;
	grid-template-columns:calc(33.3333334% - 13.3333334px) calc(33.3333334% - 13.3333334px) calc(33.3333334% - 13.3333334px);
	grid-column-gap:20px;
}

.start-content-veranstaltung {
	background-color:#fff;
	padding:30px;
	border-radius:5px;
	border:1px solid rgba(49,116,135,0.15);
	box-shadow:0px 20px 80px rgba(49,116,135,0.15);
	margin-top:-65px;
}

.start-content-veranstaltung-date {
	color: #888;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.9rem;
	margin-bottom:15px;
	margin-top:-2px;
}

.start-content-veranstaltung-desc {
	color: #555;
	font-size:1.1rem;
}

.start-content-veranstaltung-location {
	color: #888;
	font-weight: 500;
	font-size: 0.9rem;
	margin-top:15px;
	margin-bottom:0;
	padding-top:15px;
	border-top:1px solid rgba(49,116,135,0.25);
}

.start-content-veranstaltung-location span {
	color: var(--blau);
	text-transform: uppercase;
	display:block;
	margin-bottom:5px;
}

.start-content-veranstaltung-link {
	margin-top:17px;
	margin-bottom:0;
	padding-top:17px;
	border-top:1px solid rgba(49,116,135,0.25);
}

.start-content-veranstaltungen-more {
	width:100%;
	height:auto;
	display:grid;
	grid-template-columns:1fr auto 1fr;
	grid-column:1/4;
	padding-top:30px;
	margin-top:30px;
	border-top:1px solid rgba(255,255,255,0.2);
	padding-bottom:30px;
}

.start-content-veranstaltungen-more a {
	grid-column:2/3;
}

#start-content-galerie {
	width:100%;
	height:auto;
	padding-bottom:100px;
	background-color:#222;
	padding-top:100px;
	margin-top:-50px;
}

#start-content-galerie button.hell {
	color:#222;
}

.start-content-galerie-grid {
	display:grid;
	grid-template-columns:calc(33.3333334% - 13.3333334px) calc(33.3333334% - 13.3333334px) calc(33.3333334% - 13.3333334px);
	grid-column-gap:20px;
	width:100%;
	height:auto;
	position:relative;
}

/*.start-content-galerie-grid::after {
	width:100%;
	height:270px;
	background-image:linear-gradient(0deg,rgba(34,34,34,1),rgba(34,34,34,0.9),rgba(34,34,34,0.8),rgba(34,34,34,0.6),rgba(34,34,34,0.3),rgba(34,34,34,0));
	content:'';
	position:absolute;
	bottom:0;
}*/

.start-content-galerie-row {
	width:100%;
	height:auto;
	display:grid;
	grid-template-columns:100%;
	grid-row-gap:20px;
}

.start-content-galerie-row img {
	width:100%;
	height:auto;
	border-radius:5px;
}

.start-content-galerie-more {
	width:100%;
	position:relative;
	z-index:1;
	display:grid;
	grid-template-columns:1fr auto 1fr;
	padding-top:30px;
	border-top:1px solid rgba(255,255,255,0.2);
	margin-top:20px;
}

.start-content-galerie-more a {
	grid-column:2/3;
}

#site-content {
	padding-top:40px;
	padding-bottom:100px;
}

.site-text {
	color: #555;
	font-size: 1.1rem;
}

.site-text h3 {
	border-bottom:1px dashed rgba(49,116,135,0.2);
	padding-bottom:15px;
	color:#317487;
	font-weight:400;
	font-size:1.3rem;
}

#site-ausstellungen {
	width:100%;
	height:auto;
	padding:0 0 100px 0;
}

#site-ausstellungen .mainframe {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-column-gap:20px;
	grid-row-gap:20px;
}

.site-content-veranstaltung {
	background-color:#fff;
	padding:30px;
	border-radius:5px;
	border:1px solid rgba(49,116,135,0.15);
	box-shadow:0px 20px 80px rgba(49,116,135,0.15);
}

.site-content-veranstaltung-date {
	color: #777;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 1rem;
	margin-bottom:15px;
	margin-top:-2px;
}

.site-content-veranstaltung-desc {
	color: #555;
	font-size:1.1rem;
}

.site-content-year {
	grid-column:1/4;
	width:100%;
	margin-bottom:-10px;
	margin-top:10px;
}

.site-content-year h3 {
	border-bottom:1px dashed rgba(49,116,135,0.2);
	padding-bottom:15px;
	color:#317487;
	font-weight:400;
	font-size:1.3rem;
}

#postkarten {
	background-color:#222;
	width:100%;
	height:auto;
	padding-bottom:100px;
}

.postkarten {
	width:100%;
	height:auto;
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-column-gap:20px;
	grid-row-gap:20px;
}

.postkarte {
	width:100%;
	height:300px;
	border-radius:5px;
	background-color:rgba(255,255,255,0.05);
	overflow:hidden;
}

.postkarte img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.postkarte.vert img {
	object-fit:contain;
}

.postkarten-kategorie {
	grid-column:1/4;
	width:100%;
	margin-bottom:-10px;
	margin-top:10px;
}

.postkarten-kategorie h3 {
	border-bottom:1px dashed rgba(255,255,255,0.2);
	padding-bottom:15px;
	color:#fff;
	font-weight:400;
	font-size:1.3rem;
}

#site-galerie {
	width:100%;
	height:auto;
	padding-bottom:100px;
	background-color:#222;
}

#site-galerie .mainframe {
	display:grid;
	grid-template-columns:calc(33.3333334% - 13.3333334px) calc(33.3333334% - 13.3333334px) calc(33.3333334% - 13.3333334px);
	grid-column-gap:20px;
}

.site-galerie {
	width:100%;
	height:auto;
	display:grid;
	grid-template-columns:100%;
	grid-row-gap:20px;
}

.site-galerie img {
	width:100%;
	height:auto;
	border-radius:5px;
}

.site-galerie-float {
	width:100%;
	grid-column:1/4;
	height:auto;
}

.site-galerie-item {
	width:calc(33% - 10px);
	box-sizing:border-box;
	margin-bottom:20px;
	border-radius:5px;
	cursor:zoom-in;
}

.site-galerie-item:hover {
	filter:brightness(0.5);
}

.start-content-grid {
	width:100%;
	grid-column:1/4;
	height:auto;
	position:relative;
}

.start-content-grid::after {
	width:100%;
	height:270px;
	background-image:linear-gradient(0deg,rgba(34,34,34,1),rgba(34,34,34,0.9),rgba(34,34,34,0.8),rgba(34,34,34,0.6),rgba(34,34,34,0.3),rgba(34,34,34,0));
	content:'';
	position:absolute;
	bottom:20px;
}

.start-galerie-item {
	width:calc(33% - 10px);
	box-sizing:border-box;
	margin-bottom:20px;
	border-radius:5px;
}

.galerie-lightbox {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99999;
	visibility:hidden;
}

.galerie-lightbox-bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#222;
	opacity:0;
}

.galerie-lightbox-header {
	background-color:#2c2c2c;
	width:100%;
	height:50px;
	max-width:1280px;
	position:absolute;
	top:-50px;
	left:50%;
	transform:translateX(-50%);
	border-radius:5px;
}

.galerie-lightbox-content {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.galerie-lightbox-image {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) scale(0);
	width:100%;
	max-width:1280px;
	height:calc(100% - 205px);
	opacity:0;
	border-radius:5px;
}

.galerie-lightbox-image img {
	width:100%;
	height:100%;
	object-fit:contain;
	border-radius:5px;
}

.galerie-lightbox-prev,
.galerie-lightbox-next {
	z-index:3;
	position:absolute;
}

.galerie-lightbox-close {
	width: 50px;
	height: 50px;
	padding: 15px;
	background-image: url("../images/close-icon.svg");
	background-size: contain;
	background-origin: content-box;
	background-repeat: no-repeat;
	cursor: pointer;
	position: absolute;
	right:-15px;
	top:-15px;
	z-index:2;
	filter:brightness(4);
}

.galerie-lightbox-close:hover {
	opacity:0.5;
}

.galerie-lightbox-number {
	color:#ccc;
	font-weight:300;
	margin-top:13px;
	margin-left:15px;
	font-size:1.1rem;
	position:absolute;
}

.galerie-lightbox-title {
	color:#ddd;
	font-weight:500;
	font-size:1.2rem;
	margin-top:12px;
	position:relative;
	text-align:center;
	width:100%;
}

/*.galerie-lightbox-title::before {
	position:absolute;
	content:'';
	width:1px;
	height:28px;
	background-color:rgba(2555,255,255,0.15);
	top:-1.5px;
	left:0;
}*/

.galerie-lightbox-beschreibung {
	background-color:#2c2c2c;
	width:100%;
	height:auto;
	max-width:1280px;
	position:absolute;
	bottom:-50px;
	left:50%;
	transform:translateX(-50%);
	border-radius:5px;
	box-sizing:border-box;
	padding:15px 16px;
	color:#bbb;
	font-weight:300;
	font-size:1.05rem;
}

.galerie-lightbox-prev {
	width: 50px;
	height: 50px;
	padding: 15px;
	background-image: url("../images/prev-icon.svg");
	background-size: contain;
	background-origin: content-box;
	background-repeat: no-repeat;
	cursor: pointer;
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	left:calc(((100% - 1280px) / 2) - 90px);
	z-index:2;
	filter:brightness(4);
	opacity:0;
	margin-left:-100px;
}

.galerie-lightbox-next {
	width: 50px;
	height: 50px;
	padding: 15px;
	background-image: url("../images/next-icon.svg");
	background-size: contain;
	background-origin: content-box;
	background-repeat: no-repeat;
	cursor: pointer;
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	right:calc(((100% - 1280px) / 2) - 90px);
	z-index:2;
	filter:brightness(4);
	opacity:0;
	margin-right:-100px;
}

.galerie-lightbox.trigger .galerie-lightbox-prev:hover,
.galerie-lightbox.trigger .galerie-lightbox-next:hover {
	opacity:0.5;
}

.galerie-lightbox.trigger {
	visibility:visible;
}

.galerie-lightbox.trigger .galerie-lightbox-bg {
	opacity:1;
}

.galerie-lightbox.trigger .galerie-lightbox-header {
	top:25px;
}

.galerie-lightbox.trigger .galerie-lightbox-image {
	opacity:1;
	transform:translate(-50%,-50%) scale(1);
}

.galerie-lightbox.trigger .galerie-lightbox-beschreibung {
	bottom:25px;
}

.galerie-lightbox.trigger .galerie-lightbox-next {
	opacity:1;
	margin-right:0;
}

.galerie-lightbox.trigger .galerie-lightbox-prev {
	opacity:1;
	margin-left:0;
}

#site-banner {
	width:100%;
	height:600px;
	overflow:hidden;
}

#site-banner img {
	width:100%;
	height:100%;
	object-fit:cover;
    opacity: 1.0;
}

#site-banner.gradient {
	position:relative;
	margin-bottom:-400px;
	height:700px;
}

#site-banner.gradient::after {
	width:100%;
	height:350px;
	bottom:0;
	left:0;
	content:'';
	position:absolute;
	background-image:linear-gradient(0deg,rgba(255,255,255,1),rgba(255,255,255,0.9),rgba(255,255,255,0.7),rgba(255,255,255,0.4),rgba(255,255,255,0));
}

#site-banner.gradient-dark {
	position:relative;
	margin-bottom:-500px;
	height:700px;
}

#site-banner.gradient-dark::after {
	width:100%;
	height:350px;
	bottom:0;
	left:0;
	content:'';
	position:absolute;
	background-image:linear-gradient(0deg,rgba(34,34,34,1),rgba(34,34,34,0.97),rgba(34,34,34,0.9),rgba(34,34,34,0.85),rgba(34,34,34,0.7),rgba(34,34,34,0.4),rgba(34,34,34,0.2),rgba(34,34,34,0));
}

#site-start {
	width:100%;
	height:auto;
	padding:50px 0;
}

#site-start h1 {
	text-transform:uppercase;
	letter-spacing:2px;
}

#site-start.white h1 {
	color:#fff;
	text-shadow:0px 0px 20px rgba(0,0,0,0.5), 0px 0px 45px rgba(0,0,0,0.6);
	border-bottom:1px solid rgba(255,255,255,0.3);
	padding-bottom:15px;
	margin-bottom:0px;
	
}

#site-start.galerie {
	background-color:#222;
}

#site-start.galerie h1 {
	color:#eee;
	border-bottom:1px solid rgba(255,255,255,0.3);
	text-shadow:0px 0px 20px rgba(0,0,0,1), 0px 0px 45px rgba(0,0,0,1), 0px 0px 60px rgba(0,0,0,1);
	padding-bottom:35px;
	margin-bottom:0px;
	margin-left:-2px;
}

#site-about {
	width:100%;
	height:auto;
	background-image:url("../images/lucie-heirich-start-banner.jpg");
	background-size:cover;
	background-repeat:no-repeat;
	padding:350px 0 150px;
	position:relative;
}

#site-about::before {
	width:100%;
	height:300px;
	position:absolute;
	top:0;
	left:0;
	background-image:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0));
	z-index:2;
}

#site-about .mainframe {
	display:grid;
	grid-template-columns:1fr 1fr;
}

#ueber {
	padding-bottom:75px;
}

#ueber .mainframe {
	display:grid;
	grid-template-columns:1fr 1fr;
	padding-top:20px;
}

.ueber-content-image {
	position:absolute;
	right:0;
	top:30px;
	width:400px;
	transform:scaleX(-1);
}

.ueber-content-image img {
	width:100%;
	height:100%;
	object-fit:contain;
}

.ueber-content-text {
	color: #555;
	font-size: 1.1rem;
}

.ueber-content-title {
	grid-column:1/2;
}

.ueber-content-list {
	grid-column:1/2;
}

.ueber-content-list ul {
	list-style:none;
	padding-left:30px;
}

.ueber-content-list li {
	position:relative;
	padding-bottom:20px;
	color: #555;
	font-size: 1.1rem;
}

.ueber-content-list li::before {
	position:absolute;
	content:'';
	width:15px;
	height:15px;
	left:-30px;
	top:2px;
	border-radius:50%;
	border:1px solid #c2cfd3;
	background-color:#fff;
	z-index:2;
}

.ueber-content-list li::after {
	position:absolute;
	content:'';
	width:1px;
	height:100%;
	left:-22px;
	top:2px;
	background-color:#c2cfd3;
	z-index:1;
}

.ueber-content-list li:last-of-type::after {
	height:0;
}

#ueber-more-text {
	width:100%;
	height:auto;
	padding:100px 0;
	background-color:#faf9f6;
}

.ueber-more-text-title {
	width:100%;
	border-bottom:1px solid rgba(49,116,135,0.2);
	padding-bottom:20px;
	margin-bottom:35px;
	text-align:center;
}

.ueber-more-text {
	color: #555;
	font-size: 1.1rem;
	column-count:2;
	column-gap:80px;
}

#ueber-buttons {
	width:100%;
	height:auto;
	padding:50px 0;
	background-color:#e0dfdd;
}

#ueber-buttons .mainframe {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
}

.ueber-buttons-title {
	grid-column:1/4;
}

.ueber-button {
	width:100%;
	height:auto;
	text-align:center;
}
.ueber-button img {
    height: 50px;
}

.ueber-buttons-title {
	text-align:center;
	margin-bottom:40px;
	padding-bottom:20px;
	border-bottom:1px solid rgba(13,13,13,0.3);
}

.linie {
  width: 100%;
  height: 2px; /* Liniendicke */
  background: linear-gradient(
    to right, 
    transparent 0%, 
    #000000 20%, 
    #000000 80%, 
    transparent 100%
  );
  border: none;
}





footer {
	width:100%;
	height:auto;
	background-color:#333;
	padding:90px 0 20px;
}

footer.blau {
	background-color:#4d4d4b;
}

footer .mainframe {
	width:100%;
	height:auto;
	display:grid;
	grid-template-columns:auto auto 1fr auto auto;
}

.footer-logo {
	width:160px;
	height:auto;
	padding-right:50px;
}

.footer-logo img {
	width:100%;
	height:auto;
	filter:brightness(4);
	opacity:0.8;
}

.footer-kontakt {
	color:#888;
}

footer.blau .footer-kontakt {
	color:rgba(255,255,255,0.5);
}

.footer-kontakt strong {
	color:#888;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-top: 1.5px;
	font-size: 0.9rem;
	width:100%;
	height:auto;
}

footer.blau .footer-kontakt strong {
	color:rgba(255,255,255,0.65);
}

footer.blau .footer-kontakt a {
	color:rgba(255,255,255,0.5);
}

.footer-kontakt a {
	color:#888;
	border-bottom:1px solid rgba(255,255,255,0.1);
}

.footer-links-1 {
	grid-column:4/5;
	padding-right:50px;
}

.footer-links-2 {
	grid-column:5/6;
}

.footer-links-1 a,
.footer-links-2 a {
	color:#888;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-top: 1.5px;
	font-size: 0.9rem;
	width:100%;
	height:auto;
	display:block;
	padding:6px 0;
}

footer.blau .footer-links-1 a,
footer.blau .footer-links-2 a {
	color:rgba(255,255,255,0.5);
}

.footer-copyright {
	grid-column:1/6;
	width:100%;
	height:auto;
	margin-top:80px;
	padding-top:20px;
	border-top:1px solid rgba(255,255,255,0.1);
	color:#666;
}

footer.blau .footer-copyright {
	color:rgba(255,255,255,0.5);
}

#dashboard-banner {
	width:100%;
	height:450px;
	background-image:url("../images/lucie-heirich-start-banner.jpg");
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top;
	position:relative;
}

#dashboard-banner::after {
	width:100%;
	height:250px;
	bottom:0;
	left:0;
	content:'';
	position:absolute;
	background-image:linear-gradient(0deg,rgba(255,255,255,1),rgba(255,255,255,0.9),rgba(255,255,255,0.7),rgba(255,255,255,0.4),rgba(255,255,255,0));
}

#login {
	width:100%;
	height:600px;
	position:relative;
	padding:200px 0 100px;
}

.login-bg {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	background-image:url("../images/galerie/05-mai.jpg");
	background-size:cover;
	background-repeat:no-repeat;
	top:0;
	left:0;
}

.login-box {
	width:300px;
	height:auto;
	position:absolute;
	background-color:#fff;
	z-index:2;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	box-sizing:border-box;
	padding:30px;
	border: 1px solid rgba(49,116,135,0.15);
	border-radius:5px;
	box-shadow:0px 20px 70px rgba(0,0,0,0.2);
}

.login-title h1 {
	margin-top:-10px;
}

.login-meldung {
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
	border-radius:5px;
	color:#444;
	font-size:1rem;
}

.login-meldung.failure {
	background-color:rgba(125,1,3,0.1);
}

.login-meldung.success {
	background-color:rgba(23,125,1,0.10);
}

.login-label {
	color:#444;
	font-size:1rem;
	margin-bottom:5px;
	margin-top:20px;
}

.login-input input {
	width:100%;
	height:auto;
	padding:9px 13px 10.5px;
	box-sizing:border-box;
	border:1px solid #ccc;
	background-color:#fff;
	color:#444;
	font-size:1rem;
	border-radius:5px;
	outline:none;
}

.login-input input:focus {
	border-color:#317487;
	box-shadow:0px 20px 40px rgba(49,116,135,0.1);
}

.login-button {
	padding-top:30px;
}

.login-button button {
	width:100%;
}

#dashboard {
	padding-bottom:150px;
	margin-top:-100px;
}

#dashboard .mainframe {
	display:grid;
	grid-template-columns:2fr 3fr;
	grid-column-gap:50px;
}

.dashboard-ausstellungen {
	width:100%;
	height:100%;
	background-color:#fff;
	border: 1px solid rgba(49,116,135,0.15);
	box-shadow: 0px 20px 80px rgba(49,116,135,0.15);
	border-radius:5px;
	box-sizing:border-box;
	padding:30px;
}

.dashboard-ausstellungen h1 {
	margin-top:-9px;
}

.dashboard-ausstellungen-grid {
	display:grid;
	grid-template-columns:100%;
	grid-row-gap:15px;
}

.dash-content-veranstaltung {
	background-color:rgba(49,116,135,0.1);
	padding:20px;
	border-radius:5px;
}

.dash-content-veranstaltung.outline {
	background-color:rgba(49,116,135,0.1);
	border:1px solid rgba(49,116,135,0.1);
	box-sizing:border-box;
}

.dash-content-veranstaltung-date {
	color: #888;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.9rem;
	margin-bottom:15px;
	margin-top:-2px;
}

.dash-content-veranstaltung-desc {
	color: #555;
	font-size:1.1rem;
	font-weight:300;
}

.dash-content-veranstaltung-header {
	width:calc(100% + 40px);
	height:auto;
	background-color:#fff;
	margin-top:-20px;
	margin-left:-20px;
	border-top-left-radius:4.5px;
	border-top-right-radius:4.5px;
	display:grid;
	grid-template-columns:auto auto 1fr;
	grid-column-gap:10px;
	padding:20px;
	box-sizing:border-box;
	margin-bottom:20px;
}

.dashboard-bildergalerie {
	width:100%;
	height:100%;
	background-color:#fff;
	border: 1px solid rgba(49,116,135,0.15);
	box-shadow: 0px 20px 80px rgba(49,116,135,0.15);
	border-radius:5px;
	box-sizing:border-box;
	padding:30px;
}

.dashboard-bildergalerie h1 {
	margin-top:-9px;
}

.dashboard-bildergalerie-grid {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-column-gap:15px;
	grid-row-gap:15px;
}

.dashboard-box {
	width:100%;
	height:170px;
	background-color:rgba(49,116,135,0.1);
	border-radius:5px;
	overflow:hidden;
}

.dashboard-box img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.dashboard-bildergalerie-bar {
	width:100%;
	height:auto;
	background-color:rgba(49,116,135,0.1);
	border-radius:5px;
	box-sizing:border-box;
	padding:20px;
	margin-bottom:15px;
}

.dashboard-bildergalerie-bar .button:last-of-type {
	float:right;
}

.dashboard-ausstellungen-bar {
	width:100%;
	height:auto;
	background-color:rgba(49,116,135,0.1);
	border-radius:5px;
	box-sizing:border-box;
	padding:20px;
	margin-bottom:15px;
}

.dashboard-ausstellungen-bar .button:last-of-type {
	float:right;
}

#ausstellungen-verwalten {
	padding-bottom:150px;
	margin-top:-100px;
}

.ausstellungen-box {
	width:100%;
	height:100%;
	background-color:#fff;
	border: 1px solid rgba(49,116,135,0.15);
	box-shadow: 0px 20px 80px rgba(49,116,135,0.15);
	border-radius:5px;
	box-sizing:border-box;
	padding:30px;
}

.ausstellungen-box h1 {
	margin-top:-9px;
}

.ausstellungen-box-bar {
	width:100%;
	height:auto;
	background-color:rgba(49,116,135,0.1);
	border-radius:5px;
	box-sizing:border-box;
	padding:20px;
	margin-bottom:15px;
}

.ausstellungen-box-bar .button:last-of-type {
	float:right;
}

.ausstellungen-box-grid {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-column-gap:15px;
	grid-row-gap:15px;
}

.fotos-box-grid {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-column-gap:15px;
	grid-row-gap:15px;
}

.grid-stack > .grid-stack-item[data-gs-width="1"] {
	width:33.3333334%!important;
	height:250px!important;
}

.grid-stack > .grid-stack-item[data-gs-x="1"] {
    left: 33.3333334%!important;
}

.grid-stack > .grid-stack-item[data-gs-x="2"] {
    left: 66.6666666667%!important;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content {
	left:0!important;
	right:auto!important;
}

.grid-stack > .grid-stack-item[data-gs-x="0"] > .grid-stack-item-content {
    right:7.5px!important;
	width:calc(100% - 7.5px)!important;
}

.grid-stack > .grid-stack-item[data-gs-x="1"] > .grid-stack-item-content {
    right:7.5px!important;
	left:7.5px!important;
	width:calc(100% - 15px)!important;
}

.grid-stack > .grid-stack-item[data-gs-x="2"] > .grid-stack-item-content {
	left:7.5px!important;
	width:calc(100% - 7.5px)!important;
}

.grid-stack {
	margin-top:0;
	transition:all 0.3s ease-in-out;
}

.grid-stack::before {
	width:100%;
	height:15px;
	content:'';
	position:absolute;
	top:-15px;
	background-color:#333;
	visibility:hidden;
}

.grid-stack.trigger {
	margin-top:112.5px;
	transition:all 0.3s ease-in-out;
	background-color:#333;
	box-sizing:border-box;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
}

.grid-stack.trigger::before {
	visibility:visible;
}

.save-bar {
	width:100%;
	height:82.5px;
	position:absolute;
	top:0;
	z-index:99;
	display:grid;
	grid-template-columns:auto 1fr auto;
	background-color:#222;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding:20px;
	box-sizing:border-box;
	visibility:hidden;
	opacity:0;
	margin-top:0;
	transition:all 0.3s ease-in-out;
}

.save-bar.trigger {
	visibility:visible;
	opacity:1;
	margin-top:-97.5px;
	transition:all 0.3s ease-in-out;
}

.save-bar-title {
	font-size: 1.5rem;
	font-weight: 300;
	color:#fff;
	padding-top:4px;
}

.save-bar-button {
	grid-column:3/4;
}

.save-bar-button button.hell {
	color:#222;
}

.fotos-box {
	width:100%;
	height:250px;
	background-color:rgba(49,116,135,0.1);
	border-radius:5px;
	overflow:hidden;
	position:relative;
}

.fotos-box img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.foto-box-buttons {
	position:absolute;
	top:10px;
	left:10px;
}

.foto-box-buttons button {
	background-color:#fff;
	color:#666;
	box-shadow:0px 0px 30px rgba(0,0,0,0.2);
	border-color:#fff;
}

.foto-box-buttons button:hover {
	background-color:#ccc;
	color:#666;
	box-shadow:0px 0px 30px rgba(0,0,0,0.2);
	border-color:#fff;
}

.ausstellung-lightbox {
	position:fixed;
	top:0;
	left:0;
	z-index:999999;
	width:100%;
	height:100%;
	visibility:hidden;
}

.ausstellung-light-bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	z-index:1;
	opacity:0;
}

.ausstellung-light-box {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) scale(0);
	width:500px;
	height:auto;
	background-color:#fff;
	border-radius:5px;
	border: 1px solid rgba(49,116,135,0.15);
	z-index:2;
	box-sizing:border-box;
	padding:30px;
	opacity:0;
}

.ausstellung-light-title h2 {
	margin-top:-7px;
	border-bottom:1px solid #ddd;
	padding-bottom:15px;
	margin-bottom:0;
}

.ausstellung-light-content-input {
	width:100%;
	height:auto;
}

.ausstellung-light-input-label {
	color:#444;
	font-size:1rem;
	margin-bottom:5px;
	margin-top:20px;
}

.ausstellung-light-content-inputs {
	width:100%;
	height:auto;
	display:grid;
	grid-template-columns:1fr 30px 1fr;
}

.ausstellung-light-content-inputs-item {
	width:100%;
	height:auto;
}

.ausstellung-light-content-inputs-item:last-of-type {
	grid-column:3/4;
}

.ausstellung-light-content-inputs-item input {
	width:100%;
	height:auto;
	padding:10px 13px;
	box-sizing:border-box;
	border:1px solid #ccc;
	background-color:#fff;
	color:#444;
	font-size:1rem;
	border-radius:5px;
	outline:none;
	font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.ausstellung-light-content-input input:focus {
	border-color:#317487;
	box-shadow:0px 20px 40px rgba(49,116,135,0.1);
}

.ausstellung-light-content-input input {
	width:100%;
	height:auto;
	padding:9px 13px 10.5px;
	box-sizing:border-box;
	border:1px solid #ccc;
	background-color:#fff;
	color:#444;
	font-size:1rem;
	border-radius:5px;
	outline:none;
}

.ausstellung-light-content-input input:focus {
	border-color:#317487;
	box-shadow:0px 20px 40px rgba(49,116,135,0.1);
}

.ausstellung-light-content-input textarea {
	width:100%;
	height:auto;
	padding:9px 13px 10.5px;
	box-sizing:border-box;
	border:1px solid #ccc;
	background-color:#fff;
	color:#444;
	font-size:1rem;
	border-radius:5px;
	outline:none;
	font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif";
	resize:vertical;
}

.ausstellung-light-content-input textarea:focus {
	border-color:#317487;
	box-shadow:0px 20px 40px rgba(49,116,135,0.1);
}

.ausstellung-light-content-buttons {
	background-color:rgba(49,116,135,0.1);
	width:calc(100% + 60px);
	height:auto;
	display:grid;
	grid-template-columns:auto 1fr auto;
	padding:30px;
	box-sizing:border-box;
	margin-left:-30px;
	margin-bottom:-30px;
	margin-top:30px;
}

.ausstellung-light-content-button:last-of-type {
	grid-column:3/4;
}

.ausstellung-lightbox.trigger {
	visibility:visible;
}

.ausstellung-lightbox.trigger .ausstellung-light-bg {
	opacity:1;
}

.ausstellung-lightbox.trigger .ausstellung-light-box {
	opacity:1;
	transform:translate(-50%,-50%) scale(1);
}

.bearbeiten-lightbox {
	position:fixed;
	top:0;
	left:0;
	z-index:999999;
	width:100%;
	height:100%;
	visibility:hidden;
}

.bearbeiten-light-bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	z-index:1;
	opacity:0;
}

.bearbeiten-light-box {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) scale(0);
	width:500px;
	height:auto;
	background-color:#fff;
	border-radius:5px;
	border: 1px solid rgba(49,116,135,0.15);
	z-index:2;
	box-sizing:border-box;
	padding:30px;
	opacity:0;
}

.bearbeiten-light-title h2 {
	margin-top:-7px;
	border-bottom:1px solid #ddd;
	padding-bottom:15px;
	margin-bottom:0;
}

.bearbeiten-light-image {
	width:100%;
	height:292px;
	background-color:rgba(49,116,135,0.1);
	border-radius:5px;
	overflow:hidden;
	margin-top:23px;
	margin-bottom:12px;
}

.bearbeiten-light-image img {
	width:100%;
	height:100%;
	object-fit:contain;
}

.bearbeiten-light-content-input {
	width:100%;
	height:auto;
}

.bearbeiten-light-input-label {
	color:#444;
	font-size:1rem;
	margin-bottom:5px;
	margin-top:20px;
}

.bearbeiten-light-input-checkbox-label {
	color:#444;
	font-size:1rem;
	margin-bottom:5px;
	margin-top:20px;
}

.bearbeiten-light-content-inputs {
	width:100%;
	height:auto;
	display:grid;
	grid-template-columns:1fr 30px 1fr;
}

.bearbeiten-light-content-inputs.checkbox {
	grid-template-columns:1fr 30px 1fr 30px auto;
}

.bearbeiten-light-content-inputs-item {
	width:100%;
	height:auto;
}

.bearbeiten-light-content-inputs-item:nth-child(2) {
	grid-column:3/4;
}

.bearbeiten-light-content-inputs-item input {
	width:100%;
	height:auto;
	padding:10px 13px;
	box-sizing:border-box;
	border:1px solid #ccc;
	background-color:#fff;
	color:#444;
	font-size:1rem;
	border-radius:5px;
	outline:none;
	font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.bearbeiten-light-content-inputs-item input:focus {
	border-color:#317487;
	box-shadow:0px 20px 40px rgba(49,116,135,0.1);
}

.bearbeiten-light-content-inputs-checkbox {
	grid-column:5/6;
}

.bearbeiten-light-content-input input {
	width:100%;
	height:auto;
	padding:9px 13px 10.5px;
	box-sizing:border-box;
	border:1px solid #ccc;
	background-color:#fff;
	color:#444;
	font-size:1rem;
	border-radius:5px;
	outline:none;
}

.bearbeiten-light-content-input input:focus {
	border-color:#317487;
	box-shadow:0px 20px 40px rgba(49,116,135,0.1);
}

.bearbeiten-light-content-input textarea {
	width:100%;
	height:auto;
	padding:9px 13px 10.5px;
	box-sizing:border-box;
	border:1px solid #ccc;
	background-color:#fff;
	color:#444;
	font-size:1rem;
	border-radius:5px;
	outline:none;
	font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif";
	resize:vertical;
}

.bearbeiten-light-content-input textarea:focus {
	border-color:#317487;
	box-shadow:0px 20px 40px rgba(49,116,135,0.1);
}

.bearbeiten-light-content-buttons {
	background-color:rgba(49,116,135,0.1);
	width:calc(100% + 60px);
	height:auto;
	display:grid;
	grid-template-columns:auto 1fr auto;
	padding:30px;
	box-sizing:border-box;
	margin-left:-30px;
	margin-bottom:-30px;
	margin-top:30px;
}

.bearbeiten-light-content-button:last-of-type {
	grid-column:3/4;
}

.bearbeiten-lightbox.trigger {
	visibility:visible;
}

.bearbeiten-lightbox.trigger .bearbeiten-light-bg {
	opacity:1;
}

.bearbeiten-lightbox.trigger .bearbeiten-light-box {
	opacity:1;
	transform:translate(-50%,-50%) scale(1);
}

.bearbeiten-light-content-inputs-checkbox input[type="checkbox"] {
	width:70px;
	height:41.5px;
	margin:0px;
	background-color:rgba(49,116,135,0.1);
	border:0px solid #ccc;
	appearance:none;
	-webkit-appearance:none;
	position:relative;
	border-radius:5px;
	transition:all 0.4s;
	cursor:pointer;
}

.bearbeiten-light-content-inputs-checkbox input[type="checkbox"]::before {
	content:'';
	position:absolute;
	width:15px;
	height:31.5px;
	background-color:#317487;
	background-image:none;
	top:5px;
	left:5px;
	border-radius:2.5px;
	transition:all 0.4s;
	z-index:2;
}

.bearbeiten-light-content-inputs-checkbox input[type="checkbox"]::after {
	content:'';
	position:absolute;
	width:70px;
	height:41.5px;
	margin:0px;
	background-color:#317487;
	border:0px solid #ccc;
	border-radius:5px;
	filter:none;
	transition:all 0.4s;
	left:0;
	top:0;
	z-index:1;
	opacity:0;
}

.bearbeiten-light-content-inputs-checkbox input[type="checkbox"]:checked {
	width:70px;
	height:41.5px;
	margin:0px;
	background-color:transparent;
	background-image:none;
	border:0px solid #ddd;
	appearance:none;
	-webkit-appearance:none;
	position:relative;
	border-radius:5px;
	transition:all 0.4s;
}

.bearbeiten-light-content-inputs-checkbox input[type="checkbox"]:checked::before {
	content:'';
	position:absolute;
	width:15px;
	height:31.5px;
	background-color:#fff;
	background-image:none;
	top:5px;
	left:50px;
	border-radius:2.5px;
	filter:none;
	transition:all 0.4s;
	z-index:2;
}

.bearbeiten-light-content-inputs-checkbox input[type="checkbox"]:checked::after {
	content:'';
	position:absolute;
	width:70px;
	height:41.5px;
	margin:0px;
	background-color:#317487;
	border:0px solid #ccc;
	border-radius:5px;
	filter:none;
	transition:all 0.4s;
	left:0;
	top:0;
	z-index:1;
	opacity:1;
}

.delete-lightbox {
	position:fixed;
	top:0;
	left:0;
	z-index:999999;
	width:100%;
	height:100%;
	visibility:hidden;
}

.delete-light-bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	z-index:1;
	opacity:0;
}

.delete-light-box {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) scale(0);
	width:400px;
	height:auto;
	background-color:#fff;
	border-radius:5px;
	border: 1px solid rgba(49,116,135,0.15);
	z-index:2;
	box-sizing:border-box;
	padding:30px;
	opacity:0;
}

.delete-light-title h2 {
	margin-top:-7px;
	border-bottom:1px solid #ddd;
	padding-bottom:15px;
	margin-bottom:0;
	color:#7D0103;
}

.delete-lightbox.trigger {
	visibility:visible;
}

.delete-lightbox.trigger .delete-light-bg {
	opacity:1;
}

.delete-lightbox.trigger .delete-light-box {
	opacity:1;
	transform:translate(-50%,-50%) scale(1);
}

.delete-light-text {
	color: #555;
	font-size: 1.1rem;
	font-weight: 300;
	padding-top:18px;
	padding-bottom:20px;
}

.delete-light-buttons {
	background-color:rgba(125,1,3,0.1);
	margin-left:-30px;
	margin-bottom:-30px;
	padding:30px;
	box-sizing:border-box;
	width:calc(100% + 60px);
	height:auto;
	display:grid;
	grid-template-columns:auto 1fr auto;
}

.delete-light-buttons button:not(.secondary) {
	background-color:#7D0103;
	border-color:#7D0103;
	grid-column:3/4;
}

.delete-light-buttons button:not(.secondary):hover {
	background-color:#5F0002;
	border-color:#7D0103;
}

.foto-lightbox {
	position:fixed;
	top:0;
	left:0;
	z-index:999999;
	width:100%;
	height:100%;
	visibility:hidden;
}

.foto-light-bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	z-index:1;
	opacity:0;
}

.foto-light-box {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) scale(0);
	width:500px;
	height:auto;
	background-color:#fff;
	border-radius:5px;
	border: 1px solid rgba(49,116,135,0.15);
	z-index:2;
	box-sizing:border-box;
	padding:30px;
	opacity:0;
}

.foto-light-title h2 {
	margin-top:-7px;
	border-bottom:1px solid #ddd;
	padding-bottom:15px;
	margin-bottom:0;
}

.foto-light-upload {
	width:100%;
	height:100px;
	background-color:rgba(49,116,135,0.1);
	border-radius:5px;
	margin-top:23px;
	margin-bottom:3px;
	position:relative;
}

.foto-light-upload input {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-size:1.1rem;
	margin-left:15px;
	font-weight:300;
}

.foto-light-content-input {
	width:100%;
	height:auto;
}

.foto-light-input-label {
	color:#444;
	font-size:1rem;
	margin-bottom:5px;
	margin-top:20px;
}

.foto-light-input-checkbox-label {
	color:#444;
	font-size:1rem;
	margin-bottom:5px;
	margin-top:20px;
}

.foto-light-content-inputs {
	width:100%;
	height:auto;
	display:grid;
	grid-template-columns:1fr 30px 1fr;
}

.foto-light-content-inputs.checkbox {
	grid-template-columns:1fr 30px auto;
}

.foto-light-content-inputs-item {
	width:100%;
	height:auto;
}

.foto-light-content-inputs-item:last-of-type {
	grid-column:3/4;
}

.foto-light-content-inputs-item input {
	width:100%;
	height:auto;
	padding:10px 13px;
	box-sizing:border-box;
	border:1px solid #ccc;
	background-color:#fff;
	color:#444;
	font-size:1rem;
	border-radius:5px;
	outline:none;
	font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.foto-light-content-inputs-checkbox {
	grid-column:3/4;
}

.foto-light-content-inputs-checkbox input[type="checkbox"] {
	width:70px;
	height:41.5px;
	margin:0px;
	background-color:rgba(49,116,135,0.1);
	border:0px solid #ccc;
	appearance:none;
	-webkit-appearance:none;
	position:relative;
	border-radius:5px;
	transition:all 0.4s;
	cursor:pointer;
}

.foto-light-content-inputs-checkbox input[type="checkbox"]::before {
	content:'';
	position:absolute;
	width:15px;
	height:31.5px;
	background-color:#317487;
	background-image:none;
	top:5px;
	left:5px;
	border-radius:2.5px;
	transition:all 0.4s;
	z-index:2;
}

.foto-light-content-inputs-checkbox input[type="checkbox"]::after {
	content:'';
	position:absolute;
	width:70px;
	height:41.5px;
	margin:0px;
	background-color:#317487;
	border:0px solid #ccc;
	border-radius:5px;
	filter:none;
	transition:all 0.4s;
	left:0;
	top:0;
	z-index:1;
	opacity:0;
}

.foto-light-content-inputs-checkbox input[type="checkbox"]:checked {
	width:70px;
	height:41.5px;
	margin:0px;
	background-color:transparent;
	background-image:none;
	border:0px solid #ddd;
	appearance:none;
	-webkit-appearance:none;
	position:relative;
	border-radius:5px;
	transition:all 0.4s;
}

.foto-light-content-inputs-checkbox input[type="checkbox"]:checked::before {
	content:'';
	position:absolute;
	width:15px;
	height:31.5px;
	background-color:#fff;
	background-image:none;
	top:5px;
	left:50px;
	border-radius:2.5px;
	filter:none;
	transition:all 0.4s;
	z-index:2;
}

.foto-light-content-inputs-checkbox input[type="checkbox"]:checked::after {
	content:'';
	position:absolute;
	width:70px;
	height:41.5px;
	margin:0px;
	background-color:#317487;
	border:0px solid #ccc;
	border-radius:5px;
	filter:none;
	transition:all 0.4s;
	left:0;
	top:0;
	z-index:1;
	opacity:1;
}

.foto-light-content-input input {
	width:100%;
	height:auto;
	padding:9px 13px 10.5px;
	box-sizing:border-box;
	border:1px solid #ccc;
	background-color:#fff;
	color:#444;
	font-size:1rem;
	border-radius:5px;
	outline:none;
}

.foto-light-content-input input:focus {
	border-color:#317487;
	box-shadow:0px 20px 40px rgba(49,116,135,0.1);
}

.foto-light-content-input textarea {
	width:100%;
	height:auto;
	padding:9px 13px 10.5px;
	box-sizing:border-box;
	border:1px solid #ccc;
	background-color:#fff;
	color:#444;
	font-size:1rem;
	border-radius:5px;
	outline:none;
	font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif";
	resize:vertical;
}

.foto-light-content-input textarea:focus {
	border-color:#317487;
	box-shadow:0px 20px 40px rgba(49,116,135,0.1);
}

.foto-light-content-buttons {
	background-color:rgba(49,116,135,0.1);
	width:calc(100% + 60px);
	height:auto;
	display:grid;
	grid-template-columns:auto 1fr auto;
	padding:30px;
	box-sizing:border-box;
	margin-left:-30px;
	margin-bottom:-30px;
	margin-top:30px;
}

.foto-light-content-button:last-of-type {
	grid-column:3/4;
}

.foto-lightbox.trigger {
	visibility:visible;
}

.foto-lightbox.trigger .foto-light-bg {
	opacity:1;
}

.foto-lightbox.trigger .foto-light-box {
	opacity:1;
	transform:translate(-50%,-50%) scale(1);
}

@media (max-width:1485px) {
	.galerie-lightbox-prev {
		left:calc(((100% - 1280px) / 2) + 15px);
		background-color:#222;
		background-image:url("../images/prev-icon-w.svg");
		filter:none;
		width:50px;
		height:50px;
		padding:0px;
		border-radius:5px;
		box-sizing:border-box;
		padding-bottom:1px;
		transition:all 0.2s;
	}
	
	.galerie-lightbox-next {
		right:calc(((100% - 1280px) / 2) + 15px);
		background-image:url("../images/next-icon-w.svg");
		background-color:#222;
		filter:none;
		width:50px;
		height:50px;
		padding:0px;
		border-radius:5px;
		box-sizing:border-box;
		padding-bottom:1px;
		transition:all 0.2s;
	}
	
	.galerie-lightbox.trigger .galerie-lightbox-next:hover {
		opacity:1;
		filter:invert(1);
		transition:all 0.2s;
	}
	
	.galerie-lightbox.trigger .galerie-lightbox-prev:hover {
		opacity:1;
		filter:invert(1);
		transition:all 0.2s;
	}
	
	.galerie-lightbox-image {
		background-color:#2c2c2c;
	}
}

@media (max-width:1400px) {
	.mainframe {
		padding:0 5%;
		box-sizing:border-box;
	}
	
	.galerie-lightbox-header {
		max-width:100%;
		width:90%;
	}
	
	.galerie-lightbox-image {
		max-width:100%;
		width:90%;
	}
	
	.galerie-lightbox-beschreibung {
		max-width:100%;
		width:90%;
	}
	
	.galerie-lightbox-prev {
		left:calc(5% + 15px);
	}
	
	.galerie-lightbox-next {
		right:calc(5% + 15px);
	}
	
	.ueber-content-title,
	.ueber-content-list {
		grid-column:1/3;
	}
}

@media (max-width:1100px) {
	.start-banner-logo-image {
		width:500px;
	}
}

@media (max-width:1050px) {
	#site-ausstellungen .mainframe {
		grid-template-columns:1fr 1fr;
	}
	
	.site-content-year {
		grid-column:1/3;
	}
	
	#start-content-veranstaltung .mainframe {
		grid-template-columns: calc(50% - 10px) calc(50% - 10px);
	}
	
	.start-content-veranstaltungen-more {
		grid-column:1/3;
	}
	
	.start-content-veranstaltung:nth-child(3) {
		margin-top:20px;
		left:50%;
		position:relative;
	}
}

@media (max-width:1024px) {
	.postkarten {
		grid-template-columns:1fr 1fr;
	}
	
	.postkarten-kategorie {
		grid-column:1/3;
	}
	
	.postkarte {
		height:auto;
	}
	
	.postkarte img {
		margin-bottom:-5px;
	}
}

@media (max-width:1000px) {
	.site-galerie-item {
		width:calc(50% - 10px);
	}
	
	.start-galerie-item {
		width:calc(50% - 10px);
	}
	
	.ueber-more-text {
		column-count:1;
	}
}

@media (max-width:960px) {
	footer {
		padding-top:100px;
	}
	
	footer .mainframe {
		grid-template-columns:1fr 1fr;
	}
	
	.footer-links-1 {
		grid-column:1/2;
		margin-top:50px;
		border-top:1px solid rgba(255,255,255,0.1);
		padding-top:50px;
	}
	
	.footer-links-2 {
		grid-column:2/3;
		margin-top:50px;
		border-top:1px solid rgba(255,255,255,0.1);
		padding-top:50px;
	}
	
	.footer-copyright {
		margin-top:50px;
	}
}

@media (max-width:800px) {
	.start-banner-logo-image {
		width:350px;
	}
}

@media (max-width:768px) {
	.nav-m-left {
		display:none;
	}
	
	.nav-m-right {
		width:100%;
		background-image:url("../images/menu-bg.jpg");
		background-size:cover;
	}
	
	.nav-m-title {
		margin-left:5%;
		width:90%;
		margin-top:30px;
	}
	
	.nav-m-close {
		top:8px;
		right:calc(5% - 27px);
	}
	
	.nav-m-content {
		padding:30px 5%;
	}
	
	.nav-m-nav-link a {
		font-size:2rem;
		padding:13px 0;
	}
	
	.nav-m-right {
		right:-100%;
	}
	
	.ueber-more-text-title {
		text-align:left;
	}
	
	.ueber-buttons-title {
		text-align:left;
		grid-column:1/2;
	}
	
	#ueber-buttons .mainframe {
		grid-template-columns:100%;
		grid-row-gap:20px;
	}
	
	.ueber-button {
		text-align:left;
		width:100%;
	}
	
	.ueber-button button {
		width:100%;
	}
}

@media (max-width:700px) {
	#site-ausstellungen .mainframe {
		grid-template-columns:100%;
	}
	
	.site-content-year {
		grid-column:1/2;
	}
	
	#start-content-veranstaltung .mainframe {
		grid-template-columns:100%;
		grid-template-rows:auto auto auto;
		grid-row-gap:20px;
	}
	
	.start-content-veranstaltungen-more {
		grid-column:1/2;
	}
	
	.start-content-veranstaltung:nth-child(1) {
		margin-top:-65px;
	}
	
	.start-content-veranstaltung {
		margin-top:0;
	}
	
	.start-content-veranstaltung:nth-child(3) {
		margin-top:0;
		left:0;
		position:relative;
	}
}

@media (max-width:620px) {
	.navigation-burger {
		margin-top:-5px;
	}
}

@media (max-width:550px) {
	.start-banner-logo-image {
		width:70%;
	}
	
	.footer-logo {
		grid-column:1/3;
		margin-bottom:50px;
		padding-bottom:50px;
		border-bottom:1px solid rgba(255,255,255,0.1);
		width:100%;
		padding-right:0;
	}
	
	.footer-logo img {
		width:200px;
	}
	
	.footer-kontakt {
		grid-column:1/3;
	}
}

@media (max-width:500px) {
	h1 {
		font-size:2rem!important;
	}
	
	h2 {
		font-size:1.6rem!important;
		font-weight:400;
	}
	
	#site-banner.gradient,
	#site-banner.gradient-dark {
		height:500px;
		margin-bottom:-200px;
	}
	
	#site-start.white {
		padding-bottom:15px!important;
	}
	
	#site-start.white h1 {
		color:#317487!important;
		text-shadow:none!important;
		border-bottom:1px solid rgba(49,116,135,0.25);
	}
	
	#site-start.galerie h1 {
		color:#fff!important;
	}
}

@media (max-width:460px) {
	.slick-dots {
		padding:0 5%;
		box-sizing:border-box;
	}
	
	.slick-dots li {
		width:30px;
	}
	
	.slick-dots li::after {
		width:30px;
	}
	
	.slick-dots li.slick-active::after {
		height:5px;
		top:9.5px;
	}
}

@media (max-width:440px) {
	.logo {
		width:170px;
	}
	
	.navigation-burger {
		margin-top:-18px;
	}
}