@import url("../fonts/MaterialIcons/materialicons.css");
@import url("../fonts/RobotoCondensed/robotocondensed.css");
@import url("../fonts/OpenSans/opensans.css");
@import url("../fonts/PTSans/ptsans.css");
@import url("../fonts/PTSansNarrow/ptsansnarrow.css");



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

}

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

}

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

}
/* CSS Document */

html {
	font-size:100%;
	height:100%;
}

body {
	height:100%;
	
	background:none;
	font-family:"Open Sans","Droid Sans","PT Sans", Verdana, Arial, sans-serif;
    font-size:1em;
 	font-weight:100;
	line-height:1.5em;
    text-rendering:optimizelegibility;
}


h1, h2, h3, h4, h5, h6 {
	line-height:1.2em;
	color:#484848;
}
h1 {
	text-align:center;
	font-size:3rem;
	margin-bottom:0.8em;
	/* border-bottom:1px solid #BD2B0B; */
}
h1 .light {
	font-weight:100;
}
col-xs-12 h1, col-sm-12 h1, col-md-12 h1, col-lg-12 h1 {
	width:70%;
}
h2 {
	font-size:1.5rem;
	margin-bottom:0.8em;
}
h3 {
	font-size:1.2rem;
	margin-bottom:0.3em;
}

p, ul, dl {
	margin-bottom:0.8em;
}

a {
	color:#BD2B0B;
	/*
	background-color:rgba(255,255,255,0.5);
	padding:0.2em;
	border-radius:0.2em;
	*/
}

li, dd {
	margin-left:2em;
}

.table {
	display:table;
	table-layout:auto;
	border-collapse:collapse;
}
.tr {
	display:table-row;
}
.td {
	display:table-cell;
	vertical-align:top;
}

.td p {
	margin-bottom:0px;
}

a.linkonly {
	margin:0px !important;
	padding:0px !important;
	text-transform:none;
	display:inline;
	height:auto !important;
	overflow:hidden !important;
	background:none;
	border-radius:0px;
}
a.linkonly *, a.linkonly .row, a.linkonly .col {
	text-transform:none;
}

a.linkonly .tr {
	width:100% !important;
}

a[name].anchor {
	font-size:0px;
}

dl dt {
	font-weight:bold;
}
dl dd, ul li {
	margin-left:2em;
}

main ul, main ul li {
	list-style-type:disc;
}


.smaller {
	font-size:80%;
}


.container .row, .row {
	/* margin-bottom:2rem; */
	margin:auto;
}
.row.fullwidth, .row.fullwidth>* {
	margin:0px;
	padding:0px;
}

.usePadding {
	padding-top:2em;
	padding-bottom:2em;	
}

.red {
	color:hsl(11,89%,39%);
}

ul.nobullet, ul.nobullet li {
	list-style-type:none;
	margin-left:0px;
}

ul.inline {
	display:inline;
}
ul.inline:before {
	content:" ";
}

ul.inline li {
	display:inline;
}
ul.inline li:not(:last-of-type):after {
	content:", ";
}

.center {
	text-align:center;
}
#H0 {
	padding-top:2rem;
	padding-bottom:2rem;
	text-align:center;
}

#H0 .logo {
	width:5rem;
	height:5rem;
	filter: drop-shadow(0.25em 0.25em 0.25em #ccc);
	filter:blur(0px);
	transition:0.5s filter linear;
}
#H0 .logo:hover {
	cursor:pointer;
	filter:blur(3px);
	transition:0.5s filter linear;
}
#H0 .table {
	max-width:71.25rem;
	margin:auto;
}
#H0 .td {
	vertical-align:middle;
}

#H0 ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:left;
	text-transform:uppercase;
}
#H0 li {
	margin:0px;
	padding:0px;
}

#H0 h1 {
	width:auto;
	margin-bottom:0px;
}

#Slogan {
}

#Slogan h1 {
	text-transform:uppercase;
	font-size:3em;
	font-weight:700;
	margin-left:1em;
	margin-right:1em;
	color:#000;
	filter: drop-shadow(0.25em 0.25em 0.25em #ccc);
	line-height:1em;
}

#H2 {
	position:relative;
	background-color:#BD2B0B;
	color:#fff;
	height:3rem;
	padding:1rem;
	line-height:1rem;
	text-align:center;
	box-sizing:border-box;
	border-bottom:1px solid #fff;
	z-Index:1001;
	box-shadow:0px 0.25rem 0.25rem #000;
}

#H1 {
	width:auto;
	height:50vh;
	position:relative;
	border-bottom:2px solid #BD2B0B;
	overflow:hidden;
}
#H1 .fullback, #CTemp.fullback {
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-position:center;
	background-repeat:no-repeat;
}
#H1Pic {
	background-size:cover;
	z-Index:-2;
}


#CTemp {
	background-color:#BD2B0B;
	z-Index:1001;
	background-size:cover;
}

#H1Back {
	background-color:#BD2B0B;
	background-color:#eee;
	background-image:url(../svg/Logo_Kletterhallelinz_white.svg);
	background-size:auto 50%;
	z-Index:-3;
}

#CPicGal {
	/*
	overflow-x:auto;
	*/
}

#CImagetext {
	position:absolute;
	font-size:3em;
	right:0px;
	bottom:20%;
	min-width:10%;
	height:1.5em;
	padding:0.25em;
	padding-right:1em;
	padding-left:2em;
	box-sizing:border-box;
	line-height:1em;
	z-Index:1010;
	background-color:#BD2B0B;
	color:#fff;
	text-transform:uppercase;
	font-weight:700;
	text-align:right;
	box-shadow:0.25em 0.25em 0.5em #000;
}
#CLogoNF {
	position:absolute;
	right:1em;
	top:1em;
	max-height:20%;
	width:auto;
	z-Index:20;
	filter: drop-shadow(0.25em 0.25em 0.25em #000);
}
#CLogoNF2 {
	width:10em;
	height:auto;
	display:block;
	margin:auto;
}

#Newsliste {
	max-height:70vh;
	position:relative;
	background-color: rgba(240,240,240);
	padding: 0.5em;
	border-radius: 0.5em;
}
#Newsliste > div {
	overflow:auto;
	height:100%;
	padding-bottom:5rem;
}
#Newsliste::after {
	content:"mehr News: scroll ↓";
	position:absolute;
	font-style:italic;
	font-size:0.9em;
	left:0px;
	right:0px;
	bottom:0px;
	height:4rem;
	padding:1rem;
	padding-top:2.5em;
	text-align:right;
	line-height:1;
	background: linear-gradient(0deg, rgba(240,240,240,1) 30%, rgba(240,240,240,0) 100%);
}

#CLoaderH {
	width:3em;
	height:3em;
	position:absolute;
	z-Index:12;
	left:50%;
	top:50%;
	margin-left:-1.5em;
	margin-top:-1.5em;
	
	box-sizing:border-box;
	border-radius:0.5em;
	background-color:rgba(255,255,255,0.5);
	box-shadow:0px 0px 0.5em #000;
	
	display:none;
}


#F0 {
	border-top:1px solid #fff;
	padding-top:3rem;
	padding-bottom:3rem;
	background-color:#000;
	color:#fff;
	text-align:center;
}
#F0 a {
	color:#fff;
	text-decoration:none;
}
#F0 img {
	max-width:50%;	
}

#F1 {
	padding-top:3rem;
	padding-bottom:3rem;
	color:#fff;
	background-color:hsl(11,9%,39.2%);
	text-align:center;
}

#F1 .row {
	margin-bottom:0px;
}

#F1 a:not(.nohg) {
	background-color:rgba(255,255,255,0.5);
	padding:0.2em;
	padding-left:0.5em;
	padding-right:0.5em;
	border-radius:3px;
	
	color:#fff;
	
	text-decoration:none;
}

#F1 a:hover {
	color:hsl(191,89%,39.2%);
}

/* ---- Home: ---- */
#CHome {
	/*
	margin-bottom:3rem;
	*/
	background-color:hsl(11, 89%, 19.2%);
	color:#fff;
}
/* ENDE Home: ---- */


/* ---- News: ---- */
#CNews {
	padding-top:2em;
	padding-bottom:2em;
}
/* ENDE News: ---- */

/* ---- Über uns: ---- */
#CUeberUns, #CPreiseOeffnungszeiten {
	background-color:hsl(11,89%,39.2%); /* Original-Rot */
	background-color:hsl(11,19%,89.2%);
	color:#484848;
}
#CUeberUns1, #CZahlenFakten, #CZahlenFakten2, #CPreiseOeffnungszeiten, #CKontakt {
	padding-top:2em;
	padding-bottom:2em;	
}
#CUeberUns1 {
	color:#fff;
	background-color:hsl(11,89%,29.2%);
}
#CUeberUns1 h1 {
	color:#fff;
	text-shadow:2px 2px 2px hsl(11,89%,29.2%);
}
#CZahlenFakten {
	color:#fff;
	background-color:hsl(11,9%,39.2%);
	font-size:1.2em;
	line-height:1.5em;
}
#CRundgang2 {
	color:#fff;
	background-color:hsl(11,9%,49.2%);
	font-size:1.2em;
	line-height:1.5em;
}
/*
#CUeberUns .row, #CPreiseOeffnungszeiten .row {
	margin-bottom:0px;
}
*/
#CUeberUns .row div h2:first-of-type {
	margin-top:0px;
}
#CUeberUns h2 {
	margin-top:2em;
	color:hsl(191,89%,39.2%);
}
/* ENDE Über uns: ---- */


/* ---- Kontakt: ---- */
#CKontakt {
	background-color:hsl(11, 9%, 59.2%);
}
#CKontakt h1 {
	color:#fff;
	text-align:left;
}
/* ENDE Kontakt: ---- */


/* ---- Mitarbeiter: ---- */
#CMitarbeiter {
	background-color:hsl(41,9%,99.2%);
}
/* ENDE Mitarbeiter: ---- */

#CGutscheine {
	color:#fff;
	background-color:hsl(11,9%,39.2%);
}

/* ---- Videokanal: ---- */
#CVideokanal {
    background-color:#eee;
}
#CVideokanal iframe {
    padding:0.2em;
    border-radius:0.2em;
    border:1px solid grey;
    background-color:white;
    width:100% !important;
    aspect-ratio: 16 / 9 !important;
    margin-bottom:0.5em;
}
/* ENDE Videokanal: ---- */


/* ---- Stellenangebote: ---- */
#CStellenangebote {
	background-color: hsl(41,9%,89.2%);
}
#CStellenangebote article:not(:last-of-type) {
	border-bottom:1px solid #ccc;
	margin-bottom:1em;
	padding-bottom:1em;
}

#CStellenangebote h3 {
	font-size:1rem;
	margin:0px;
	margin-bottom:0.5em;
}
#CStellenangebote h3:first-line {
	font-size:1.2rem;
	text-transform:uppercase;
	line-height:1;
}
#CStellenangebote .datum {
	font-size:0.8rem;
	color:#666;
	margin-bottom:0.2rem;
	line-height:1;
}
#CStellenangebote .material-icons {
	border:1px solid #BD2B0B;
	border-radius:0.2em;
}
#CStellenangebote .beschreibung {
	font-style:italic;
}
/* ENDE Stellenangebote: ---- */
#btnNav {
	position:absolute;
	left:0.25rem;
	top:0.25rem;
	
	width:2.5rem;
	height:2.5rem;
	
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	text-align:center;
	
	display:none;
		
	background-color:rgba(255,255,255,0.5);
	background-image:url(../../../svg/icons/btn_menu.svg);
	background-size:80%;
	background-position:center;
	background-repeat:no-repeat;
	background:none;
	
	color:#fff;
	border:1px solid #fff;
	
	border-radius:0.5rem;
	border:none;
	box-sizing:border-box;
	box-shadow:none;
	-webkit-transition:background 0.5s;
	transition:background 0.5s;
}

#btnNav:hover {
	background-color:rgba(255,255,255,0.2);
	-webkit-transition:background 0.5s;
	transition:background 0.5s;
}

nav li a {
}

#nav0 {
}

#nav0 ul {
	list-style-type:none;
	text-align:center;
	margin:0px;
	padding:0px;
}

#nav0 ul ul {
	display:none;
	position:absolute;
	left:0px;
	top:1.5em;
	min-width:100%;
	height:auto;
	z-index:2;
	
	background-color:rgba(255,255,255,0.9);
}

#nav0 li {
	position:relative;
	line-height:1em;
	margin:0px;
	padding:0px;
	display:inline-block;
	margin-left:1em;
	margin-right:1em;
}

#nav0 ul ul li {
	font-size:1rem;
}

#nav0 li:hover>ul {
	display:block;
}

#nav0 a {
	text-transform:uppercase;
	text-decoration:none;
	
	display:block;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.5);
	background:none;
	padding:0.2em;
	border-radius:0.2em;
	
	text-align:center;
	text-transform:uppercase;
	
	font-weight:300;
	
	color:#fff;
}

#nav0 a:hover {
	background-color:#fff;
	color:#BD2B0B;
	-webkit-transition:background-color 0.5s, color 0.5s;
	transition:background-color 0.5s, color 0.5s;
}

#nav1 a {
	background:none;
	color:#fff;
}
#nav1 a:hover {
	color:hsl(191,89%,39.2%);
}
#nav1 ul {
	text-align:center;
	margin-bottom:0px;
}
#nav1 li {
	display:inline-block;
	margin-left:1em;
	margin-right:1em;
}
.fancybox-skin {
	border-width:1px;
}
a.fancybox-close {
	background-color:transparent;
	padding:0px;
}
ul.lightbox {
	position:relative;
	list-style-type:none;
	margin:0px;
	/*
	padding:1rem;
	background-color:#000;
	box-sizing:border-box;
	
	font-size:0px;
	white-space-collapse:collapse;
	white-space:nowrap;
	*/
	text-align:center;
	max-height:100%;
	font-size:0px;
	line-height:1em;
	overflow:auto;
	
	display:flex;
	flex-wrap:wrap;
	align-content:flex-start;
}

::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
}

.fancybox-title {
	display:none !important;
}
ul.lightbox li {
	/*
	display:inline-block;
	*/
	flex-grow:0;
	flex-shrink:0;
	aspect-ratio:1;
	width:20%;
	display:block;
	
	box-sizing:border-box;
	box-shadow:none;
	border:none;
	list-style-type:none;
	
	margin:0px;
	padding:0px;
	font-size:100px;
	line-height:100px;
	
	overflow:hidden;
	
	border:1px solid #fff;
	
	-webkit-filter:none;
	filter:none;
	transition:-webkit-filter 1s;
	transition:filter 1s;
	
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	/*
	margin:0.4%;
	width:49%;
	*/
}
ul.lightbox li.active, ul.lightbox li:hover {
	-webkit-filter:grayscale(1) blur(1px);
	filter:grayscale(1) blur(1px);
	transition:-webkit-filter 1s;
	transition:filter 1s;
}

ul.lightbox li a {
	display:inline;
	font-size:0px;
	width:100%;
	padding:0px;
	border-radius:0px;
	background:none;
}
ul.lightbox li img {
	/*
	border:1px solid #111;
	padding:2px;
	width:100%;
	height:auto;
	*/
	display:block;
	width:100%;
	aspect-ratio:1;
	
	object-fit:cover;
	object-position:center;
}

ul.lightbox li:hover {
	box-shadow:none;
}

ul.lightbox li:hover img {
}
ul.lightbox li button, ul.lightbox li a.menu {
	display:block;
	font-size:90%;
	color:#900;
	padding:0.1em;
}

#SEO {
	background-color:#eee;
	border-bottom:1px solid #c6c6c6;
	padding-bottom:1em;
}

.BOBtn2FS {
	display:none;
}

#CMsg_Kontakt {
	padding:1em;
	display:none;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	margin:1em;
}

.SM {
	background-color:rgba(255,255,255,0.5);
	background:none;
	
	background-position:center;
	background-repeat:no-repeat;
	background-size:2rem 2rem;
	background-origin:padding-box;
	line-height:2rem;
	width:2.5rem;
	height:2.5rem;
	padding:0.25rem;
	font-size:0px !important;
	display:inline-block;
	box-sizing:border-box;
	
	border-radius:0.5rem;
}
.SMFacebook {
	background-image:url(../../../svg/icons/icon_facebook.svg);
}
.SMGoogleplus {
	background-image:url(../../../svg/icons/icon_googleplus.svg);
}
.SMInstagram {
	background-image:url(../../../svg/icons/icon_instagram.svg);
}
.SMYoutube {
	background-image:url(../../../svg/icons/icon_youtube.svg);
}
a.nohg {
}

.b {
	border-bottom: 1px solid #585751;
}
.teaser {
}
	.teaser .anf {
	}
	
.info_big {
	padding:0.2em 1em;
	border-radius:0.2em;
	background-color:#FFC;
	margin:auto;
	margin-top:1em;
	margin-bottom:1em;
	font-size:1.5em;
	text-align:center;
	max-width:70%;
}

/* ---- Home: ---- */
/* ENDE Home: ---- */


/* ---- News: ---- */
/*
#CNews article {
	height:100%;
	box-sizing:border-box;
	border:1px solid #eee;
	border-radius:1em 1em 0.2em 0.2em;
}
#CNews article:nth-of-type(even) {
	background-color:#f5f3f1;
}
#CNews article:nth-of-type(odd) {
	background-color:#fff;
}
#CNews article:hover {
	border:1px solid #BD2B0B;
}

#CNews h2 {
	margin-top:0px;
}
#CNews h1, #CNews h2 {
}
	#CNews article h1 {
		font-size:100%;
		font-weight:bold;
	}

#CNews article .content {
	padding:1em;
}

#CNews figure {
	width:auto;
	height:10em;
	position:relative;
	border-radius:1em 1em 0px 0px;
	overflow:hidden;
}
#CNews figure img {
	border-radius:1em 1em 0px 0px;
	border-bottom:1px solid #eee;
}
#CNews figcaption {
	font-style:normal;
}

#CNews .archiv {
	display:none;
}

#CNews .empty {
	display:none;
}
*/
#CNews .mostrecent {
	font-size:1.1em;
	line-height:1.5em;
}
#CNews .mostrecent time {
	font-size:2.5em;
	border:none;
	background-color:hsl(11,89%,39.2%); /* Original-Rot */
	color:hsl(11,19%,89.2%);
}
#CNews time .tag {
}

#CNews time {
	border-radius:2.5em;
	border:2px solid hsl(11,89%,39.2%);
	background-color:rgba(255,255,255,0.9);
	color:#484848;
	text-align:center;
	display:block;
	width:5em;
	height:5em;
	padding:0.5em;
	box-sizing:border-box;
	
	margin-right:1em;
}

#CNews .pretext {
	font-size:0.5em;
	text-transform:uppercase;
	display:inline-block;
	line-height:1em;
}
#CNews .pretext.m {
	margin-left:-0.75em;
}

#CNews time .tag {
	display:block;
	font-size:1.5em;
	line-height:0.8em;
	margin-top:0.35em;
}
#CNews time .monat {
	display:block;
	font-size:0.8em;
	line-height:1em;
}
#CNews time .jahr {
	display:block;
	font-size:0.8em;
	line-height:1em;
}

#CNews article h1 {
	border:none;
	color:#484848;
	font-weight:400;
	font-family:"Open Sans","PT Sans Narrow";
	letter-spacing:-0.035em;
	margin-bottom:0.5em;
	font-size:1.5em;
}
#CNews .text {
	color:#b1b1ad;
}

#CNews article.news a {
	display:block;
}
#CVideoNews div {
	text-align:center;
}
#CVideoNews iframe {
	margin:auto;
	box-shadow:0.25em 0.25em 0.25em #000;
}
/* ENDE News: ---- */


/* ---- Seminare und Kurse: ---- */
.kurse, .kurse li, .kurse .termine, .kurse .termine li {
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
}
.kurse li {
	margin-top:0.5em;
	margin-bottom:0.8em;
	padding-bottom:0.8em;
	border-bottom:2px solid #ccc;
}
.kurse>li:last-of-type, .kurse .termine>li:last-of-type {
	border-bottom:none;
}
.kurse .termine {
	width:100%;
}
.kurse .termine li {
	border-bottom:1px solid #ccc;
	background-color:transparent;
	transition:background-color 0.8s;
}
.kurse .termine>li:hover {
	background-color:hsl(11,19%,89.2%);
	transition:background-color 0.1s;
}
.kurse .termine .td {
	padding:0.5em;
}

.kurse .termine .tr .td:first-of-type {
	width:2em;
	text-align:center;
}
.kurse .termine .tr .td:last-of-type {
	width:9em;
	font-size:90%;
}

.kurse h2, .kurse h3 {
	margin-top:0px;
	margin-bottom:0px;
}
.kurse h2 {
	font-size:120%;
}
.kurse h3 {
	font-size:110%;
}

#CSeminare h2 i {
	font-size:3em;
	opacity:0.7;
}

.kurse .datum, .kurse .belegt {
	font-size:90%;
	color:#484848;
	line-height:1.2em;
}

.kurse .termine .fullyBooked .td:nth-of-type(2) {
	font-style:italic;
}
.kurse .termine .fullyBooked .belegt {
	margin-top:0.2em;
	margin-bottom:0.2em;
}
.kurse .termine .fullyBooked .belegt span {
	background-color:#BD2B0B;
	color:#fff;
	padding:0.1em;
	padding-left:0.5em;
	padding-right:0.5em;
	border-radius:3px;
	line-height:1em;
}
.kurse .termine .sparePlaces {
	
}

#CKursPDFs {
	border-radius:1em;
	padding:1em;
	margin-top:2em;
	margin-bottom:2em;
	background-color:hsl(11, 19%, 89.2%);
}
/* ENDE Seminare und Kurse: ---- */


/* ---- Allgemein: ---- */
.ocontainer, .row.ocontainer {
	border-radius:1em;
	padding:1em;
	box-sizing:border-box;
	box-shadow:0px 0.5em 0.5em #ccc;
	border:1px solid #eee;
}
/* ENDE Allgemein: ---- */


/* ---- Bildergalerie: ---- */
#CPics {
	height:100%;
	width:100%;
	overflow:hidden;
	margin-left:0px;
	padding-left:0px;
	position:relative;
	/*
	white-space:nowrap;
	*/
	
	display:flex;
	flex-shrink:0;
	flex-grow:0;
	
}
#CPicGal {
	/*position:absolute;
	left:0px;
	top:0px;
	right:70vh;
	height:auto;
	z-Index:1;
	*/
	overflow:visible;
	width:30vw;
	z-index:1;
}
#CBigPicGal {
	/*
	position:absolute;
	width:70vh;
	top:0px;
	right:0px;
	bottom:0px;
	z-Index:1;
	*/
	position:relative;
	width:70vw;
	background-color:#eee;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	
	-webkit-transition:background 1s;
	transition:background 0.5s;
}

#CPics>li {
	background-color:#BD2B0B;
	display:inline-block;
	height:100%;
	width:4rem;
	overflow:hidden;
	color:#fff;
	margin:0px;
	padding:1rem;
	box-sizing:border-box;
	position:relative;
	font-size:1.2em;
	text-shadow:1px 1px 3px #000;
}
#CPics>li .kategorie {
	writing-mode:vertical-rl;
	margin-right:1em;
	margin-bottom:1em;
	float:left;
}

#CPics .pics {
	height:100%;
	width:auto;
	margin:0px;
	padding:0px;
	display:none;
	white-space:normal;
}
#CPics .pics li {
	width:4rem;
	height:4rem;
	border:1px solid #fff;
	border-collapse:collapse;
	margin:0px;
	padding:0px;
	display:inline-block;
}
#CPics>li.wmax {
	width:50%;
	-webkit-transition:width, 0.5s;
	transition:width, 0.5s;
}

.bigpic {
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-Index:-1;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

#CPicsKats, #CPicsKats li {
	margin-left:0px;
}
#CPicsKats {
	z-Index:2;
	position:absolute;
	left:0px;
	top:0.5em;
	width:auto;
	height:auto;
	box-shadow:0.25em 0.25em 0.25em #000;
}
#CPicsKats li {
	padding:0.5em;
	color:#fff;
}
#CPicsKats li .no {
	display:inline-block;
	width:1.8em;
	height:1.8em;
	line-height:1em;
	border-radius:3px;
	border:2px solid #fff;
	text-align:center;
	padding:0.25em;
}
#CPicsKats li .text {
	margin-left:2em;
	margin-right:2em;
	display:none;
}
/* ENDE Bildergalerie: ---- */


/* ---- Home: ---- */
#CHome h1 {
	text-align:left;
	font-size:3rem;
	font-weight:700;
	text-transform:uppercase;
	width:70%;
	line-height:1em;
	z-Index:1000;
	transition:width 1s, text-align 1s;
}
#CHome .sticked h1 {
	text-align:center;
}
#CHome .sticked .bg {
	box-shadow:none;
	border-bottom:1px solid #fff;
}
#CHome .teaser {
	font-size:2rem;
	width:50%;
	line-height:1.5em;
	/*
	margin-left:2em;
	margin-top:2em;
	margin-bottom:3em;
	*/
	text-align:center;
	margin:auto;
	padding-top:3em;
	padding-bottom:3em;
	line-height:1.5em;
	text-shadow:0.25em 0.25em 0.25em #ccc;
}

#CHome .bg {
	color:#fff;
	padding:1rem;
	margin-top:3px;
	margin-bottom:3px;
	background-color:#BD2B0B;
	/*
	box-shadow:0.25em 0.25em 0.25em #ccc;
	*/
	text-shadow:1px 1px 0px #333;
}
/* ENDE Home: ---- */


/* ---- Über uns: ---- */
#CUeberUns .teaser :not(h1) {
	font-size:1.3rem;
	font-weight:100;
	line-height:1.5;
}
#CUeberUns i {
	opacity:0.7;
}
#CUeberUns .teaser>i {
	/*
	float:left;
	margin-right:3rem;
	margin-bottom:1rem;
	*/
	display:block;
	text-align:center;
	margin:auto;
	margin-top:0.5em;
	font-size:8rem;
}

#CUeberUns .teaser .SM {
	width:4rem;
	height:4rem;
	background-size:4rem 4rem;
	margin-left:0.5rem;
	margin-right:0.5rem;
}

#CZahlenFakten ul, #CZahlenFakten li {
	list-style-type:none;
}
#CZahlenFakten i {
	font-size:3em;
}
#CZahlenFakten2 ul.nobullet, #CZahlenFakten2 .nobullet li {
	list-style-type:none;
	margin-left:0px;
}
#CZahlenFakten2 .nobullet.bordered li {
	border-bottom:1px dotted #484848;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
}
#CZahlenFakten2 .nobullet.bordered li:last-of-type {
	border-bottom:none;
}
#CUeberUns .nobullet.bordered li:hover {
	color:hsl(191,89%,39.2%);
}
#CZahlenFakten2 i {
	margin-right:1em;
	margin-top:0.2em;
}
#CZahlenFakten2 a {
	color:#bd2b0b;
}

#CRundgang {
	width:800px;
	height:600px;
	margin:auto;
	box-shadow:0.25em 0.25em 0.25em #000;
}
#CRundgang h2 {
	color:#48484;
}


.downloads_inline a:not(:last-of-type)::after {
	content:" | ";
}
#CUeberUns a {
	color:#ccc;
}
/* ENDE Über uns: ---- */


/* ---- Mitarbeiter: ---- */
figure.mitarbeiter img {
	display:block;
	box-shadow:0.25em 0.25em 0.25em #ccc;
	margin-bottom:1em;
	object-fit:cover;
	object-position:center;
	aspect-ratio:1;
	display:block;
	width:100%;
	
}
figure.mitarbeiter img.glass {
	max-width:400px;
	max-height:600px;
}

figure.mitarbeiter figcaption {
	font-size:1rem;
	line-height:1.5em;
	font-style:normal;
}
figure.mitarbeiter dl dt {
	font-weight:normal;
}
figure.mitarbeiter dl dd, figure.mitarbeiter .descr2 {
	margin-left:0px;
	font-size:90%;
	color:#999;
	overflow-wrap:break-word;
}
figure.mitarbeiter figcaption .position {
}

figure.mitarbeiter .descr2 {
	padding-top:0.2em;
	border-top:1px dotted #999;
	line-height:1.2;
}
/* ENDE Mitarbeiter: ---- */


/* ---- Footer: ---- */
#F1 .address p {
	margin:auto;
	margin-top:1em;
	width:70%;
	border-top:1px solid rgba(255,255,255,0.2);
	padding-top:1em;
}
#F1 .address p+p {
	padding-top:0px;
	border-top:none;
}
/* ENDE Footer: ---- */


/* ---- Kontakt: ---- */
#CMap {
    background-color: #fff;
    height:20em;
    margin: auto auto 1em;
    padding: 0.2em;
    width:100%;
}
/* ENDE Kontakt: ---- */


/* ---- Downloads: ---- */
.downloads, .downloads>li {
	list-style-type:none;
	margin-left:0px;
}
.downloads>li {
	margin-bottom:1em;
}
.downloads>li>span {
	font-size:120%;
	padding:1em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	border-radius:0.2em;
	background-color:hsl(11,19%,89.2%);
}
.downloads .links {
	margin-top:0.5em;
}
/* ENDE Downloads: ---- */


/* ---- Kurslinks: ---- */
.datum {
	margin-right:1em;
	font-size:90%;
}
/* ENDE Kurslinks: ---- */

/* ---- Gutscheine: ---- */
#CGutscheine h1 {
	color:white;
}
.gs_wert,
#GSDownload {
	max-width:50%;
	margin:auto;
	color:white;
	background-color:#BD2B0B;
	padding:1em;
	border-radius:1em;
	text-align:center;
	font-size:1.2em;
}

#frmGutschein .gs_wert input {
	text-align:center;
	margin:0.5em auto;
	width:5em;
	font-size:2em;
}

#frmGutschein legend {
	margin-bottom:2.5em;
}
#GSDownload {
	border:2px solid #BD2B0B;
	background-color:rgba(255,255,255,0.5);
	color:#333;
	margin-bottom:2em;
}
/* ENDE Gutscheine: ---- */


/* ---- Öffnungszeiten: ---- */
.vonbis {
	font-weight:normal;
	font-size:0.9em;
}

.sperrtage dt {
	display:inline;
	margin-right:0.25em;
}
.sperrtage dd {
	display:inline;
	margin:0px;
}
.sperrtage dd:not(:last-of-type)::after {
	content:", ";
}
/* ENDE Öffnungszeiten: ---- */
label, input, select, textarea {
	display:block;
}

label {
	margin-top:0.4em;
	margin-bottom:0.1em;
	font-weight:normal;
}
label[required], label[data-required] {
	font-weight:bold;
}

input:not([type=button]):not([type=submit]):not([type=reset]), textarea {
	border:1px solid #ccc;
	padding:0.2em;
	border-radius:0.2em;
	width:100%;
	box-sizing:border-box;
	color:#000 !important;
}
select {
	color:#000 !important;
}
	

button, input[type=button], input[type=submit], input[type=reset] {
	margin-top:1em;
	margin-bottom:1em;
	border-radius:0.35em;
	padding-left:1em;
	padding-right:1em;
	
	border:1px solid #fff;
	box-shadow:0px 0px 3px #585751;
	color:#585751;

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 50%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 50%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 50%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 50%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 50%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

button:hover {
	color:#c79810;
}

label[required]:after, label[data-required]:after {
	content: "*";
}

.anmeldung {
	padding:1em;
	margin-bottom:2em;
	border-radius:0.5em;
}
.anmeldung.step1.a {
	background-color:hsl(11,9%,39.2%);
	color:#fff;
}
.anmeldung.step1.b {
	background-color:hsl(11,19%,89.2%);
	color:#484848;
}

.anmeldung.step2 {
	background-color:hsl(11,9%,39.2%);
	color:#fff;
}

fieldset {
	position:relative;
}
fieldset legend {
	position:relative;
	top:2em;
	padding:0.2em;
	padding-left:0.5em;
	padding-right:0.5em;
	margin-bottom:1em;
	border-radius:3px;
	background-color:rgba(255,255,255,0.5);
	
	text-transform:uppercase;
}

@media only screen and (min-width: 992px) {
}


@media only screen and (min-width: 1252px) {
	#nav0 {
		display:block;
	}
}
@media only screen and (max-width: 1252px) {
	#btnNav {
		display:block;
	}
	#nav0 {
		display:none;
	}
	#nav0 ul {
		background-color:#BD2B0B;
		margin-top:2em;
	}
	
	#nav0 ul li {
		display:block;
		margin-bottom:0.5em;
		margin-top:0.5em;
		padding:0.5em;
		border-bottom:1px solid rgba(255,255,255,0.2);
	}
	#nav0 ul li:last-of-type {
		border-bottom:none;
	}
}

/* ---- Tablet, etc.: ---- */
@media only screen and (max-width: 992px) {
	#H2 {
		padding-left:0px;
		padding-right:0px;
	}
	
	#H1 {
		height:auto;
	}
	#H1, #CPics img {
		width:100%;
		aspect-ratio:4 / 3;
	}
	#CBigPicGal {
		/*
		width:50vmin;
		*/
		width:100%;
	}
	#CPicGal {
		right:50vmin;
		display:none;
	}
	#CImagetext {
		font-size:1.5em;
	}
	#CRundgang {
		width:800px;
		height:600px;
	}
}

@media only screen and (min-width: 600px) {
}
/* ENDE Tablet, etc.: ---- */


/* ---- Smartphones, etc. ---- */
@media handheld, only screen and (max-width: 600px) {
	h1, h2, h3, h4, h5, h6 {
		margin-top:0.5em;
		margin-bottom:0.3em;
	}
	
	h1 {
		font-size:2rem;
	}
	
	ul, ul li {
		margin-left:0px;
	}
	ul ul {
		margin-left:2em;
	}
	
	
	#H0 .table, #H0 .tr, #H0 .td, #CNews .table, #CNews .tr, #CNews .td {
		display:block;
	}
	#F0 img {
		max-width:100%;	
	}
	#F1 .address p {
		width:auto;
	}
	
	
	.row.fullwidth {
		margin-left:0px;
		margin-right:0px;
		padding-left:0px;
		padding-right:0px;
	}
	/* ---- Home: ---- */
	#CImagetext {
		font-size:1em;
	}
	#Slogan h1 {
		margin-left:0px;
		margin-right:0px;
		font-size:1.5em;
	}
	
	#H0 ul {
		text-align:center;
		margin-top:1em;
	}
	
	#CPicsKats {
		display:none;
	}
	
	#CHome h1 {
		font-size:1em;
	}
	
	#CHome .teaser {
		width:auto;
		margin:0px;
		margin-top:2em;
		padding-left:1rem;
		padding-right:1rem;
	}
	/* ENDE Home: ---- */
	
	/* ---- News: ---- */
	#CNews article {
		margin-bottom:2em;
	}
	#CNews time {
		margin:auto;
	}
	#CNews h1 {
		text-align:left;
	}
	/* ENDE News: ---- */


	/* ---- Über uns: ---- */
	#CUeberUns .row div h2:first-of-type {
		margin-top:2em;
	}
	
	#CUeberUns .teaser i {
		float:none;
		margin:0px;
		margin:auto;
		margin-bottom:0px;
		display:block;
		text-align:center;
	}
	
	#CZahlenFakten ul, #CZahlenFakten li {
		margin-left:0px;
	}

	#CRundgang {
		width:320px;
		height:320px;
	}
	/* ENDE Über uns: ---- */
}
/* ENDE Smartphones, etc. ---- */