@import url("../fonts/YanoneKaffeesatz/yanonekaffeesatz.css");
@font-face {
	font-family: 'HelveticaNeue-BlackExt';
	src: url('../fonts/HelveticaNeue-BlackExt.eot');
	src: local('☺'), url('../fonts/HelveticaNeue-BlackExt.ttf') format('truetype'), url('../fonts/HelveticaNeue-BlackExt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeue-LightCond';
	src: url('../fonts/HelveticaNeue-LightCond.eot');
	src: local('☺'), url('../fonts/HelveticaNeue-LightCond.ttf') format('truetype'), url('../fonts/HelveticaNeue-LightCond.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'chawpregular';
    src: url('../fonts/chawp-webfont.woff2') format('woff2'),
         url('../fonts/chawp-webfont.woff') format('woff'),
		 url('../fonts/chawp.eot') format("eot"),
		 url('../fonts/chawp.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
/* CSS Document */

html, body {
	font-size:1em;
	height:100%;
}

body {
	height:100%;
	width:100%;
	
	background:none;
	font-weight:300;
    font-size:150%;
    line-height:1.5em;
    text-rendering:optimizelegibility;
	color:white;
	background-color:black;
}
body, form * {
	font-family:"Open Sans Condensed","Yanone Kaffeesatz","Droid Sans","PT Sans", Verdana, Arial, sans-serif;
	font-family: 'Yanone Kaffeesatz', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	/* font-family:"Cormorant","Lora","Slabo 27px","Oswald", Verdana, Arial, sans-serif; */
	font-weight:normal;
	line-height:1em;
	margin-top:1em;
	margin-bottom:0.5em;
}
div>h1:first-child {
	margin-top:0em;
}
.ptop div>h1:first-child {
	margin-top:0px;
}
div>h2:first-child {
	margin-top:0px;
}
h1 {
	font-size:1.5em;
	padding-bottom:0.2em;
}
h2 {
	font-size:1.2em;
	margin-bottom:0.5em;
}
h3 {
	font-size:1.1em;
}
h4 {
	font-size:1em;
}

p {
	margin-bottom:0.8em;
}

.table, .tr, .td {
	position:relative;
}
.table {
	display:table;
	table-layout:auto;
	border-collapse:collapse;
	width:100%;
}
.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 !important;
	border-radius:0px;
	border:none !important;
}
a.linkonly *, a.linkonly .row, a.linkonly .col {
	text-transform:none;
}

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

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

a {
	padding:0.2em;
	padding-left:0.2em;
	padding-right:0.2em;
	border-radius:5px;
	background-color:rgba(255,255,255,0.3);
	text-decoration:none;
	color:inherit;
	line-height:1.2em;
}
a:hover {
	border-radius:5px;
	background-color:rgb(127,73,148);
	color:white;
}

a:has(>img) {
	background:none;
	padding:0px;
	border-radius:0px;
}


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

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

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

.bbottom {
	border:1px solid #eee;
	margin-bottom:1em;
	padding-bottom:1em;
}

.smaller {
	font-size:80%;
	line-height:1.2em;
}
.ptop {
	padding-top:1em !important;
}
.pbottom {
	padding-bottom:1em !important;
}

.mtop_1em {
	margin-top:1em;
}


.fullwidth, .fullwidth .container, .fullwidth .container .row {
	width:auto;
}

.halfheight {
	position:relative;
	min-height:50vh;	
}

.fullheight {
	position:relative;
	min-height:100vh;
}
.doubleheight {
	position:relative;
	min-height:200vh;
}

small {
	font-size:80%;
}

.az1 {
	text-transform:uppercase;
	font-weight:bold;
}

ul.inline {
	display:inline;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
ul.inline li {
	display:inline;
	margin:0px;
	padding:0px;
	margin-right:0.5em;
}


.vis0 {
	visibility:hidden;
}
.vis1 {
	visibility:visible;
}

.shadowed {
    -webkit-filter: drop-shadow(0.1em 0.1em 0.2em #000);
    filter: drop-shadow(0.1em 0.1em 0.2em #000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#000')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}

.flexbox {
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-around;
}
.flexelem {
	flex-grow:1;
	flex-shrink:1;
}

.flexcenter {
	justify-content:center;
	align-items:center;
}

.violett {
	color:rgb(127,73,148);
}
.blassviolett {
	color:rgb(219,218,232);
}

.hg_violett {
	background-color:rgb(127,73,148);
}
.hg_blassviolett {
	background-color:rgb(219,218,232);
}

.ttcol-2 {
	column-count: 2;
	column-gap:2em;
}
@media screen and (max-width:40em) {
	.ttcol-2 {
		column-count:auto;
		column-gap:normal;
	}
}
main {
	min-height:100vh;
	padding-top:4rem;
}
main .row {
	height:100%;
	width:100%;
}

#F0 {
	background-color:black;
	color:#ccc;
	text-align:center;
	font-size:1rem;
	padding-top:1em;
	padding-bottom:1em;
	border-top:1px solid white;
}
#F0 #CLogoSYNE {
	padding-top:2em;
	color:#ccc;
}
#F0 #CLogoSYNE img {
	display:block;
	max-width:50%;
	height:auto;
	margin:auto;
	margin-top:1em;
}
#F0 #CLogoSYNE a {
	color:white;
}

#CEwinger {
	background-size:70%;
	background-position:right bottom;
	background-repeat:no-repeat;
	background-image:url(../images/Robert_Ewinger.jpg);
	border-top:1px solid white;
	border-bottom:1px solid white;
}

#CGeil {
	background:white;
	color:black;
	text-align:center;
	padding:2em;
}

#CPreise, #COeffnungszeiten {
	background-color:white;
	color:#333;
	padding:2em;
	border-top:1px solid black;
	border-bottom:2px solid black;
	margin-bottom:1px;
}


#CImpressum {
	padding-top:4em;
	padding-bottom:4em;
	font-size:80%;
	background-color:#ccc;
	color:#333;
	border-top:1px solid white;
	border-bottom:1px solid #333;
	line-height:1.2em;
}
#CImpressum ul, #CImpressum li {
	list-style-type:none;
	margin-left:0px;
}

#CKalender {
	overflow:hidden;
	overflow-x:auto;
}


#CTermine {
	background-color:#222;
	border-top:5px solid white;
	border-bottom:5px solid white;
}
fieldset.termine {
	display:block;
	overflow:hidden;
}

#CBookingform {
	display:none;
	position:fixed;
	left:3px;
	top:3.5rem;
	right:3px;
	bottom:3px;
	z-Index:20;
	overflow:auto;
	background-color:rgba(0,0,0,0.9);
	box-shadow:0px 0px 3px black;
	box-sizing:border-box;
	padding:2em;
}
#CBookingform #frmBooking {
	background-color:black;
	max-width:40rem;
	display:block;
	margin:auto;
	padding:1em;
	border-radius:0.5em;
	border:3px solid #fff;
}

#CDSGVO {
	font-size:80%;
	line-height:1.2em;
}

#CDSGVO address {
	display:block;
	margin-bottom:0.8em;
}

#CAktuelles {
	padding-top:2em;
	padding-bottom:2em;
	background-color:#f0f0f0;
	color:#333;
	position:fixed;
	z-index:1000;
	width:50%;
	height:80%;
	left:25%;
	top:10%;
	box-shadow:0px 0px 10px grey;
	border:1px solid #eee;
	padding:1em;
	box-sizing:border-box;
	cursor:pointer;
	overflow:auto;
}
#CNav0 {
	position:relative;
	margin:auto;
	padding:1em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	margin-top:0px;
	background-color:black;
	color:white;
	box-sizing:border-box;
	border-bottom:1px solid #fff;
	
	position:fixed;
	left:0px;
	top:0px;
	right:0px;
	height:auto;
	z-index:1000;
}

.sticked {
}
.sticked #CNav0 {
	max-width:none;
	margin-top:0px;
	z-Index:1000;
}

#btnNav {
	display:none;
	font-size:2rem;
}


#nav0 {
	position:relative;
}

#nav0 i.material-icons, #nav0 li.material-icons {
	font-size:1em;
	padding-bottom:0px;
	line-height:1.2em;
}

#nav0 ul, #nav0 li {
	margin:0px;
	padding:0px;
	position:relative;
}

#nav0 > ul {
	text-align:center;
	/*
	display:flex;
	align-content:center;
	justify-content: center;
	*/
}
/*
#nav0 > ul > li {
	align-self: center;
}
*/

#nav0 ul ul {
	text-transform:none;
	text-align:left;
	font-size:1.2rem;

	display:none;
	position:absolute;
	left:0px;
	top:1.8rem;
	right:0px;
	height:auto;
	background-color:rgba(255,255,255,0.95);
	border:1px solid white;
	z-index:1;
	border-radius:0px 0px 5px 5px;
	
	padding:1em;
}


#nav0>ul {
	text-transform:uppercase;
}

#nav0>ul>li {
	display:inline-block;
	margin-left:0.5em;
	margin-right:0.5em;
	padding-left:1em;
	padding-right:1em;
}
#nav0 a {
	background:none;
	text-decoration:none;
	color:white;
	display:block;
	width:auto;
	box-sizing:border-box;
	border-radius:0px;
	transition:background-color 0.2s ease;
	padding:0.25em;
	line-height:1em;
	margin:0px;
}
#nav0 a:hover {
	border-radius:5px;
	background-color:#ccc;
	color:black;
	transition:background-color 0.2s linear;
}
#nav0 ul ul a {
	color:black;
}
#nav0 ul li:hover>ul {
	display:block;
}
#nav0 ul ul ul li {
	display:block;
	text-align:left;
	padding:0px;
	margin:0px;
	line-height:1.2em;
}

#nav0 .harley .atext {
	display:none;
}
#nav0 .harley a {
	height:2em;
	width:2em;
	background-size:contain;
	background-image: url("../images/Ewinger_Harley.png");
	background-position: center;
	background-repeat: no-repeat;
}


/* ---- Footer-Navigation: ---- */
#F0 a {
	border-radius:0px;
	background:none;
	padding:0px;
	margin:0px;
	color:#333;
	text-decoration:none;
}
#F0 a:hover {
	border:2px solid #333;
	border-radius:0.25em;
	padding:0.2em;
	padding-left:0.5em;
	padding-right:0.5em;
}
#F0 nav {
	margin-top:2em;
	margin-bottom:2em;
}
#F0 nav ul, #F0 nav li {
	margin:0px;
	padding:0px;
	text-align:left;
	line-height:1.2em;
}
#F0 nav a {
	padding:0.2em;
	display:block;
	transition:background-color 0.3s linear;
	color:#333;
}
#F0 nav a:hover {
	border-radius:3px;
	background-color:rgb(127,73,148);
	color:white;
	transition:background-color 0.3s linear;
}

#F0 nav>ul {
	display:flex;
}
#F0 nav>ul>li {
	flex-grow:0.9;
	margin-left:0.5em;
	margin-right:0.5em;
}
#F0 nav>ul>li:first-of-type {
	margin-left:0px;
}
#F0 nav>ul>li:last-of-type {
	margin-right:0px;
}


#F0 nav>ul>li>a, #F0 nav>ul>li>ul>li>a {
	text-transform:uppercase;
	color:white;
	border-collapse:collapse;
}
#F0 nav>ul>li>a {
	font-size:1.2em;
	border-color:2px solid #ccc;
	border-bottom:2px solid #ccc;
}

#F0 nav>ul>li>ul>li>a {
	font-size:1.1em;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}
/* ENDE Footer-Navigation: ---- */

.lightbox {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.lightbox, .lightbox li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:left;
	font-size:0px;
}
.lightbox li {
	/*
	min-width:8rem;
	min-height:8rem;
	*/
	border:1px solid white;
	/*
    flex-grow:0;
	flex-shrink:0;
	flex-basis:25%;
    */
    width:10rem;
    height:10rem;
	margin:0px !important;
	padding:0px !important;
	line-height:1em !important;
	font-size:0px !important;
}

.lightbox a, .fancybox-wrap a, .lightbox a:hover, .fancybox-wrap a:hover {
	background-color:transparent;

}

.fancybox-skin {
	background-color:rgba(0,0,0,0.8);
}

.lightbox li a {
    display:block;
    height:100%;
}
.lightbox li a img {
    object-fit:cover;
    object-position:center;
    width:100%;
    height:100%;
}


.SMFacebook, #nav0 .SMFacebook {
	background:none;
	background-color:white;
	background-image:url(../../../svg/icons/icon_FB_white.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:2.5rem 2.5rem;
	background-origin:padding-box;
	line-height:3rem;
	width:3rem;
	height:3rem;
	font-size:0px;
	display:inline-block;
	box-sizing:border-box;
	margin:0px;
	padding:0px;
	border-radius:0.5rem;
	border:none;
	border:3px solid hsl(186,100%,30%);
}
.SMFacebook:hover, #nav0 .SMFacebook:hover {
	background-image:url(../../../svg/icons/icon_FB_black.svg);
}


/* ---- Header: ---- */
#H0 h1 {
	text-align:center;
	color:black;
	text-transform:uppercase;
	margin:0px;
}
#H0 .subline {
	font-size:1.2em;
	text-align:center;
	width:50%;
	border-bottom:1px solid rgb(127,73,148);
	padding-bottom:2px;
	margin:auto;
	margin-bottom:1em;
}
#H0 .text {
	width:80%;
}
/* ENDE Header: ---- */


/* ---- Index: ---- */
.c {
	display:block;
	text-align:center;
	margin:auto;
}

.flexelem {
	flex-basis:33vw;
	height:33vw;
		
	border:1px solid #333;
	border-collapse:collapse;
	
	position:relative;
	
	-webkit-filter:blur(0px);
	filter:blur(0px);
	-webkit-transition:-webkit-filter 1s linear;
	transition:filter 1s linear;
	overflow:hidden;
}

.flexelem .hg {
	display:block;
	position:absolute;
	bottom:0px;
	top:0px;
	left:0px;
	right:0px;
	z-Index:0;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	box-sizing:border-box;
	
	-webkit-filter:blur(0px);
	filter:blur(0px);
	-webkit-transition:-webkit-filter 1s linear;
	transition:filter 1s linear;
}
.flexelem .hg.back {
	z-Index:-1;
}
.flexelem.vis .hg {
	-webkit-filter:blur(10px);
	filter:blur(10px);
	-webkit-transition:-webkit-filter 1s linear;
	transition:filter 1s linear;
}

.flexelem .text {
	padding:1em;
	box-sizing:border-box;
	
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	z-Index:1;
	height:3.5em;
	
	background-color:rgba(0,0,0,0.8);
	color:white;
	text-transform:uppercase;
	-webkit-transition:top 0.5s linear, height 0.5s linear;
	transition:top 0.5s linear, height 0.5s linear;
}
.vis .text {
	top:0px;
	-webkit-transition:top 0.5s linear, height 0.5s linear;
	transition:top 0.5s linear, height 0.5s linear;
}

.text h2 {
	font-size:1.5rem;
	text-transform:uppercase;
	margin-top:0px;
	margin-bottom:0.2em;
	color:white;
}
/* ENDE Index: ---- */


/* ---- Kunden: ---- */
#CKunden .details {
	display:none;
}
#CKunden .details a {
	display:block;
}
#CKunden a {
	margin-left:1em;
	font-size:80%;
	border:2px solid rgb(127,73,148);
	background-color:rgb(219,218,232);
}
#CKunden a:hover {
	background-color:rgb(127,73,148);
}


#CKunden ul, #CKunden li {
	margin-left:0px;
	list-style-type:none;
}
/* ENDE Kunden: ---- */

div h1.bigger {
	margin-top:1em;
	margin-bottom:1em;
	text-align:center;
}

.slogan, .bigger {
	/*
	text-shadow:0px 0px 0.25em black;
	*/
	font-size:4em;
	margin-bottom:0.35em;
	line-height:1em;
}

#CPreise .bigger {
	text-shadow: none;
}

#CEwinger .text {
	max-width:35%;
	text-align:left;
	background:rgba(0,0,0,0.8);
	color:#eee;
	font-size:1.2rem;
}

#CEwinger #CProfilfoto {
	display:none;
}

.listeA {
	font-size:120%;
	margin:0px;
	padding:0px;
	list-style-type:none;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.listeA li {
	flex-basis:45%;
	flex-shrink:0;
	flex-grow:0;
	margin:0px;
	padding:0.5em;
	border-radius:0.5em;
	list-style-type:none;
	margin-bottom:2em;
}
.listeA li:nth-of-type(odd) {
	background-color:#f0f0f0;
}
.listeA li li:nth-of-type(odd) {
	background-color:inherit;
}
.listeA li li {
	border-radius:0px;
	border-bottom:1px dotted #ccc;
	margin-bottom:0.5em;
}
.listeA li:hover>.dl_bez {
	color:rgb(127,73,148);
}

.listeA .detail {
	font-size:1.5rem;
	color:#555;
}

.listeA .listeA {
	display:block;
	margin-left:1em;
}
.listeA .dl_anmerkung {
	font-size:80%;
}

.dl_bez {
	line-height:1em;
}

/* ---- Termine: ---- */
.kalender {
	font-size:90%;
	margin:auto;
}
.kalender .td {
	padding:0px;
	border-right:1px solid #666;
	text-align:center;
	vertical-align:middle;
	box-sizing:border-box;
	line-height:1em;
}
.kalender .tr:last-of-type .td {
	border-bottom:none;
}
.kalender .tr .td:last-of-type {
	border-right:none;
}
.kalender .th {
	position:relative;
}

.uhrzeit.termin {
	vertical-align:bottom;
	text-align:right;
	font-size:70%;
	line-height:1em;
	padding-right:2px;
	padding-bottom:2px;
	color:#666;
}

.rel {
	position:relative;
}

.gebucht {
	position:absolute;
	left:0px;
	right:-1px;
	right:0px;
	width:auto;
	height:auto;
	z-Index:10;
	background-color:rgba(23,23,23,1.00);
	color:rgba(255,255,255,0.5);
	font-size:70%;
	text-align:center;
	line-height:1em;
	box-sizing:border-box;
	padding:5px;
}
main:not(#CBuchungen2) .gebucht ul {
	display:none;
}
main:not(#CBuchungen2) .gebucht:before{
	/* content:"-"; */
	content:"";
}
#CBuchungen2 .gebucht.colStatus_1 {
	background-color:rgba(80,80,80,0.8);
}

.gebucht.pause {
	z-index:9;
}

.gebucht ul, .gebucht li {
	display:block;
	margin:0px;
	padding:0px;
}
.gebucht a {
	margin-top:0.2em;
	margin-bottom:0.2em;
	display:inline-block;
}

.kalender .td.possible {
	color:white;
}
.kalender .td.possible:not(.th) {
	background-color:rgba(255,255,255,0.1);
	background-color:#060;
}
.kalender .td.notpossible:not(.sat) {
	display:none;
	color:#900;
}
.kalender .td.notpossible.sat {
	color:#090;
	background-color:rgba(255,255,255,0.05);
}
.kalender .td.possible.old {
	background-color:rgba(23,23,23,1);
	border-bottom:none;
	border-top:none;
	color:rgba(0,0,0,0);
}
.kalender .td.notpossible.termin span {
	display:none;
}

.termine_more {
	display:block;
	max-width:70%;
	margin:auto;
	margin-top:1em;
	margin-bottom:1em;
	text-align:center;
}

select {
	padding:0.5em;
}

#fsDienstleistungen {
	border-bottom:1px solid #333;
	margin-bottom:0.5em;
	padding-bottom:0.5em;
}
#fsDienstleistungen label {
	padding-left:2em;
}

.details_show {
	height:auto !important;
	position:fixed;
	left:1em !important;
	top:1em !important;
	right:1em !important;
	bottom:1em !important;
	font-size:1em;
	line-height:1.2em;
	border-radius:0.5em;
	box-shadow:0px 0px 0.5em black;
	border:2px solid white;
	z-Index:20 !important;
}
.gebucht .details_b {
	display:none;
}
.details_show .details_b {
	display:block;
}
.details_b .ma {
	border-bottom:1px solid rgba(255,255,255,0.5);
	margin-bottom:0.5em;
}
.details_b li:not(.ma) {
	font-size:1.5rem;
	margin-bottom:0.2em;
}

#CBuchungen2 .sat {
	width:3em;
	display:none;
}

.dienstleistungen, .dienstleistungen li {
	margin:0px;
	padding:0px;
	list-style-type: none;
	line-height:1em;
}
.dienstleistungen {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-content:center;
}
.dienstleistungen ul {
	margin-left:2em;
	display:block;
	padding-bottom:0px;
}
.dienstleistungen li {
	flex-basis:45%;
	flex-shrink:0;
	flex-grow:0;
	padding-bottom:0.1em;
	margin-bottom:1em;
}
.dienstleistungen li li {
	margin-top:0px;
	margin-bottom:0px;
}
.dienstleistungen input {
	margin-bottom:0px;
}
/* ENDE Termine: ---- */

#frmKontakt a {
	color:white;
}

/* ---- Aktuelles: ---- */
#CAktuelles .row {
	height:auto;
}

#CAktuelles .row :first-of-type {
	margin-top:0px;
}

#CAktuelles article {
	clear:both;
	float:none;
	margin-bottom:1em;
	border-bottom:1px dotted #eee;
	padding-bottom:1em;
	color:#666;
}
#CAktuelles article:last-of-type {
	border-bottom:none;
}
#CAktuelles h1 {
	font-size:2em;
}

#CAktuelles .info {
	text-align:right;
	margin-bottom:2em;
	color:#900;
}
#CAktuelles .datum {
	width:5em;
	height:5em;
	border-radius:2.5em;
	box-sizing:border-box;
	text-align:center;
	line-height:1em;
	background-color:#333;
	color:white;
	text-shadow:1px 1px 1px #ccc;
	padding:1em;
	float:left;
	margin-right:1em;
	margin-bottom:1emM
}
#CAktuelles .datum .tag {
	font-size:1.5em;
}
/* ENDE Aktuelles: ---- */

.invis {
	display:none;
}
input, select, textarea, label {
	display:block;
	margin-bottom:0.8em;
	width:100%;
	box-sizing:border-box;
}
input, #frmBooking button {
	border-radius:5px;
	padding:1em;
	padding-top:0.2em;
	padding-bottom:0.2em;
}
label {
	margin-bottom:0.2em;
}
form input[type=submit], form input[type=button], form button {
	font-family:inherit;
	border:3px solid rgb(127,73,148);;
	color:rgb(127,73,148);
	background-color:white;
}
form input[type=submit]:hover, form input[type=button]:hover, form button:hover {
	border:3px solid white;
	color:white;
	background-color:rgb(127,73,148);
}

form label[data-required] {
	font-weight:bold;
}

#frmBooking .close {
	display:block;
	max-width:10em;
	margin-left:auto;
	margin-bottom:2em;
}

fieldset {
	position:relative;
}

#fsDienstleistungen label.disabled {
	color:grey;
	text-decoration:line-through;
}
@media only screen and (min-width: 62em) {
}


@media only screen and (max-width: 78.25em) {
}
/* ---- Tablet, etc.: ---- */
@media only screen and (max-width: 64.1em) {
	html, body {
		font-size:1em;
	}
	#F0 #CLogoSYNE img {
		max-width:70%;
	}
	#btnNav {
		display:none;
	}
	#nav0 {
		display:block;
	}
}
@media only screen and (max-width: 62em) {
	#F0 #CLogoSYNE img {
		max-width:100%;
	}
	#btnNav {
		display:block;
	}
	#nav0 {
		display:none;
		height:90vh;
		width:100%;
		overflow:auto;
	}
	#nav0>ul li {
		display:block;
	}
	#nav0>ul>li {
		margin-top:0.8em;
		font-size:1.5em;
	}
	
	#nav0>ul>li>ul {
		display:block;
		position:relative;
		left:0px;
		top:0px;
		
	}
	#nav0>ul>li:hover>ul {
		display:block;
	}
	
	div>h2:first-child, h2 {
		margin-top:1em;
	}
	
	#CEwinger {
		background:none;
	}
	#CEwinger .text {
		max-width:100%;
	}
	#CEwinger #CProfilfoto {
		display:block;
	}

	.listeA {
		font-size:150%;
	}
	.listeA .detail {
		font-size:1.2rem;
	}
}
@media only screen and (min-width: 37.5em) {
}
/* ENDE Tablet, etc.: ---- */


/* ---- Smartphones, etc. ---- */
@media handheld, only screen and (max-width: 37.5em) {
	#CAktuelles {
		width:80%;
		left:10%;
	}
	
	.listeA, .dienstleistungen {
		display:block;
	}
}
/* ENDE Smartphones, etc. ---- */

.bf_kontrast {
	color:black;
}

.bf_fontsize.f1 #btnFontsize_1, .bf_fontsize.f2 #btnFontsize_2, .bf_kontrast #btnKontrast {
	color:white;
	border-color:white;
	background-color:rgb(0,136,152);
}
.bf_fontsize.f1 #btnFontsize_1:hover, .bf_fontsize.f2 #btnFontsize_2:hover, .bf_kontrast #btnKontrast:hover {
	color:rgb(0,136,152);
	border-color:rgb(0,136,152);
	background-color:white;
}


.bf_fontsize.f1 {
	font-size:1.8rem;
	line-height:1.5em;
}
.bf_fontsize.f2 {
	font-size:2rem;
	line-height:1.5em;
}


.bf_kontrast a {
	background:none;
	border:2px solid white;
}

.bf_kontrast a:hover {
	background-color:rgb(0,136,153);
	color:white;
}

.bf_kontrast nav a {
	border:none;
}


/* ---- Home: ---- */
.bf_kontrast .hp.hg_magenta a, .bf_kontrast .hp.hg_cyan a, .bf_kontrast .hp.hg_gruen a {
	background:none;
	border: 2px solid white;
}

.bf_kontrast .hp.hg_magenta a:hover {
	background-color:white;
	color:rgb(211,0,86);
}
.bf_kontrast .hp.hg_cyan a:hover {
	background-color:white;
	color:rgb(0,136,152);
}
.bf_kontrast .hp.hg_gruen a:hover {
	background-color:white;
	color:rgb(123,177,41);
}

/* ENDE Home: ---- */


/* ---- Veranstaltungen: ---- */
.bf_kontrast .event .datum {
	background-color:rgb(123,177,41);
	border:2px solid white;
	color:white;
}

.bf_kontrast .event:hover .datum, .bf_kontrast .event2:hover .datum {
	color:rgb(123,177,41);
	border:2px solid rgb(123,177,41);
	background-color:white;
	transition:background-color,color,border-color 0.3s linear;
}

.bf_kontrast .big .event .datum {
	color:white;
	background-color:rgb(211,0,86);
}
.big .event h2 {
	color:rgb(211,0,86);
}
.big .event:hover .datum {
	color:rgb(211,0,86);
	border:2px solid rgb(211,0,86);
	background-color:white;
}

.bf_kontrast .event .veranstalter {
	color:black;
	border-bottom:1px dotted black;
}
/* ENDE Veranstaltungen: ---- */


/* ---- News: ---- */
.bf_kontrast .event2 .datum {
	background-color:rgb(123,177,41);
	border:2px solid white;
	color:white;
}
/* ENDE News: ---- */


/* ---- Amtstafel: ---- */
.bf_kontrast #CAmtstafel h1 {
	color:white;
}
.bf_kontrast #CAmtstafel h2 {
	color:white;
}
/* ENDE Amtstafel: ---- */


/* ---- Projekte: ---- */
.bf_kontrast .projektlogo {
	background-color:white;
	border:2px solid white;
}
/* ENDE Projekte: ---- */


/* ---- Amtsblätter: ---- */
/* ENDE Amtsblätter: ---- */



/* #### design.css: #### */
.bf_kontrast #CSM {
	background-color:#465153;
	border-radius:0px 0.25em 0.25em 0px;
	color:white;
}

.bf_kontrast .btnServiceplattform {
	color:white;
	border:3px solid hsl(186,100%,30%);
	background-color:hsl(186,51%,72%);
}

.bf_kontrast #CSM .btnServiceplattform, #nav0 #CSM .btnServiceplattform {
	color:white;
	border:3px solid hsl(186,100%,30%);
	background-color:hsl(186,51%,72%);
}

.bf_kontrast #H0 p.slogan {
	background-color:rgba(255,255,255,0.8);
}

.bf_kontrast #F0 {
	background-color:black;
	color:white;
}

.bf_kontrast #CSP {
	background-color:#eee;
}

.bf_kontrast #CSuche {
	background-color:#485051;
}

.bf_kontrast #CVeranstaltungen {
	background-color:#ddd;
}
.bf_kontrast #CNews {
	background-color:#eee;
}

.bf_kontrast #CProjekte {
	background-color:#f0f0f0;
}

.bf_kontrast #CAmtstafel {
	background-color:black;
	color:white;
}

.bf_kontrast #CAmtsblatt {
	background-color:#f0f0f0;
}
/* ENDE design.css: #### */