@import url("../fonts/MaterialIcons/materialicons.css");
@import url("../fonts/PTSans/ptsans.css");
@import url("../fonts/Roboto/roboto.css");
@import url("../fonts/RobotoCondensed/robotocondensed.css");
@import url("../fonts/YanoneKaffeesatz/yanonekaffeesatz.css");

@font-face {
    font-family: 'Eurostar Black Extended';
    src: url('../fonts/eurostar_black_extended-webfont.woff2') format('woff2'),
         url('../fonts/eurostar_black_extended-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Eurostar Regular Extended';
    src: url('../fonts/eurostar_regular_extended-webfont.woff2') format('woff2'),
         url('../fonts/eurostar_regular_extended-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* CSS Document */

html, body {
	font-size:1em;
}
html {
	min-height:100vh;
}
body {
	height:100%;
	width:100%;
	
	background:none;
	font-weight:300;
    font-size:100%;
    line-height:1.5em;
    text-rendering:optimizelegibility;
	color:#333;
	background-color:white;
}
body, form * {
	font-family:"Roboto Condensed", Verdana, Arial, 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;
}
main h1 {
	font-size:2em;
	line-height:1.2em;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
	color:#304e86;
}
main h2 {
	font-size:1.2em;
	margin-bottom:0.5em;
	border-bottom:1px solid #ccc;
	padding-bottom:0.1em;
}
h3 {
	font-size:1.1em;
}
h4 {
	font-size:1em;
}

p {
	margin-bottom:0.8em;
}


.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.1em;
	padding-left:0.2em;
	padding-right:0.2em;
	border-radius:5px;
	text-decoration:none;
	color:inherit;
	line-height:1.2em;
}
main a {
	background-color:rgba(255,255,255,0.2);
	color:cornflowerblue;
}
a:hover {
	border-radius:5px;
	background-color:#304e86;
	color:white;
}

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

:active, :focus {
	-webkit-tap-highlight-color: transparent;
	outline:none;
}


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:2em !important;
}
.pbottom {
	padding-bottom:2em !important;
}


main .row {
	padding-top:1em;
	padding-bottom:1em;
}
main .row.nopadding {
	padding-top:0px;
	padding-bottom:0px;
}
.row.mtop_1em, .mtop_1em {
	margin-top:1em;
}
.row.mbottom_1em, .mbottom_1em {
	margin-bottom:1em;
}
.row.mtop_2em, .mtop_2em {
	margin-top:2em;
}
.row.mbottom_2em, .mbottom_2em {
	margin-bottom:1em;
}

.btop {
	border-top:2px solid #ccc;
}



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

iframe.fullwidth {
	width:100%;
	padding:0.5em;
	border:1px solid #ccc;
	height:20em;
}

.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;
}

.orange {
	color:rgb(255,107,11);
}
.grau1 {
	color:#eee;
}
.grau2 {
	color:rgb(55,57,53);
}

.hg_orange {
	background-color:rgb(255,107,11);
}
.hg_grau1 {
	background-color:#eee;
}
.hg_grau2 {
		background-color:rgb(55,57,53);
}

main {
	padding-top:2em;
}
main .row {
	width:100%;
}

#F0 {
	background-color:black;
	color:#ccc;
	text-align:center;
	font-size:1rem;
	padding-top:1em;
	padding-bottom:1em;
	border-top:1px solid #666;
}
#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;
}

#F1 {
	border-top:1px solid #666;
	background-color:#ccc;
	color:#333;
	text-align:center;
}

#F1 a {
	background-color:rgba(255,255,255,0.3);
}
#F1 a:hover {
	background-color:#304e86;
}


#H0 {
	border-bottom:2px solid #ccc;
}
#H0 {
	position:relative;
	background-color:white;
	color:#333;
	text-align:center;
	z-index:2000;
}

#H2 {
}

#H0 .iam {
	display:block;
	text-align:center;
	margin:0px;
	background-color:rgb(20,20,20);
	color:white;
	padding:0.5em;
	border-bottom:1px solid #333;
}
#H0 .iam li {
	display:inline-block;
	margin:0px;
	padding:0px;
	padding-left:1em;
	padding-right:1em;
	border-right:1px solid white;
	line-height:1em;
	text-transform:uppercase;
}
#H0 .iam li:last-of-type {
	border-right:none;
}

header #CLogo {
	display:block;
	height:10em;
	margin:auto;
	margin-top:2em;
	margin-bottom:2em;
}

#CSlogan2 {
	background-color:rgb(55,57,53);
	padding-top:1em;
	padding-bottom:1em;
}
#CSlogan2 .dgr {
	font-family:'Eurostar Black Extended';
	color:rgb(255,107,11);
}
#CSlogan2 .normal {
	font-size:1rem;
	text-transform:none;
}

#CSlogan {
	padding:2em 0px 2em 0px;
}
#CSlogan img {
	width:100%;
	height:auto;
}


#CIndex {
	
}

#CTraining {
	
}

#CErnaehrung {
	
}

#CSilviaMutz {
	
}

#CPreisliste {
	background-color:white;
	color:#333;
}

#CKontakt {
	background-color:#eee;
	color:#333;
	
}
#CShop {
	
}

#CImpressum {
	background-color:#222;
}
#CNav0 {
	position:relative;
	margin:auto;
	color:#333;
	box-sizing:border-box;
	padding-top:1em 0px;
	height:3rem;
	font-size:1.2em;
	line-height:1em;
	border-bottom:2px solid #ccc;
	font-family:Roboto,"Roboto Condensed",sans-serif;
}

.sticked #CNav0 {
    max-width: none;
    margin-top: 0px;
    border-bottom: 1px solid #fff;
}

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

#nav0 {
	height:100%;
}

#nav0, #nav0 * {
	box-sizing:border-box;
}

#nav0>ul {
	margin:0px;
	padding:0px;
	height:100%;
	border-bottom:2px solid white;
}
#nav0 li {
	align-self:center;
	margin:0px;
	padding:0px 0.5em;
	position:relative;
	display:inline-block;
	line-height:1em;
}
#nav0 a {
	text-transform:uppercase;
	background:none;
	border-radius:0px;
	border:none;
}
#nav0 a:hover {
	color:#304e86;
	border-bottom:2px solid #304e86;
}

#nav0 ul ul a {
	text-transform:none;
	margin:0px;
	padding:0px;
	border:none;
}
#nav0 ul ul a:hover {
	border-bottom:none;
}

#nav0 ul ul {
	display:none;
	
	position:absolute;
	left:0px;
	top:1.3em;
	min-width:100%;
	height:auto;
	overflow:hidden;
	z-index:1;
	
	padding:0.5em;
	background-color:white;
	box-shadow:0px 0.3em 0.3em black;
	border-top:2px solid #304e86;
}
#nav0 li:hover>ul {
}
#nav0 li li {
	display:block;
	text-align:left;
	margin-bottom:0.5em;
	font-size:90%;
}


.lightbox {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-content:flex-start;
}
.lightbox, .lightbox li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:left;
	font-size:0px;
}
.lightbox li {
	max-width:8rem;
	max-height:8rem;
	border:1px solid #eee;
	padding:0.25rem;
	box-shadow:0.25rem 0.25rem 0.25rem #333;
	/*
	flex-grow:1;
	flex-shrink:1;
	flex-basis:25%;
	padding:0px !important;
	*/
	line-height:1rem !important;
	font-size:0px !important;
	margin:0.5rem !important;
}
.lightbox img {
}

.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);
}


.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);
}

a.mehr {
	display:inline-block;
	margin-bottom:2em;
}

figure {
	padding:0.5em;
	background-color:white;
	border-radius:3px;
	margin-bottom:0.8em;
}
figcaption {
	margin-top:0.5em;
}
.teaser {
	font-size:1.1em;
	color:#555;
}

.cvideos, .successstories, .grey {
	border-top:1px solid #ccc;
	border-bottom:1px solid #333;
	background-color:#eee;
	padding-top:2em;
	padding-bottom:2em;
}
.cvideos iframe {
	display:block;
	margin:auto;
	padding:0.5em;
	border-bottom:2px solid #333;
}

table.std {
	border-collapse:separate;
	background-color:white;
	border:1px solid #ccc;
}
table.std th {
	text-align:right;
	font-weight:bold;
}
table.std th, table.std td {
	padding:0.5em;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
table.std tr td:last-of-type {
	border-right:none;
}
table.std tr:last-of-type th, table.std tr:last-of-type td {
	border-bottom:none;
}

img.block_pic {
	padding:0.5em;
	margin:auto;
	margin-top:0.5em;
	margin-bottom:0.5em;
	border-radius:3px;
	border:1px solid #ccc;
	background-color:white;
	max-width:40em;
	display:block;
}

.smaller {
	font-size:80%;
}

/* ---- Header: ---- */
#H2 .pic {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	min-height:50vh;
	position:relative;
}
#pic0 {
	background-image:url(../images/pic53.jpeg);
	background-image:url(../images/pic53.jpeg);
}
#pic1 {
	background-image:url(../images/pic38.jpeg);
	background-image:url(../images/pic49.jpeg);
}
#pic2 {
	background-image:url(../images/pic37.jpeg);
	background-image:url(../images/pic14.jpeg);
}
.pic .slogan {
	position:absolute;
	left:0px;
	width:auto;
	max-width:80%;
	bottom:0.2em;
	height:auto;
	z-index:2;
	background-color:rgba(0,0,0,0.8);
	color:white;
	background-color:yellow;
	color:black;
	padding:0.5em 2em 0.5em 1em;
	line-height:1em;
}
.pic .slogan strong {
	display:block;
	text-transform:uppercase;
	font-size:3em;
	font-weight:black;
	font-family:Roboto,"Roboto Condensed",sans-serif;
	margin-bottom:0.5em;
	margin-top:0.25em;
}
.pic .slogan:nth-of-type(2) {
	bottom:2.4em;
}
#H2 video {
	height:100%;
	width:auto;
	margin:0px;
	padding:0px;
}
/* ENDE Header: ---- */

#CLage {
	width:100%;
	height:50vh;
	box-sizing:border-box;
	padding:2px;
	border:1px solid #ccc;
}


/* ---- Leistungen: ---- */
.leistung:nth-of-type(even) {
	background-color:#eee;
}
/* ENDE Leistungen: ---- */
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;
	line-height:1.2em;
}
legend {
	text-transform:uppercase;
	border-bottom:1px solid #333;
}
#CKontakt form input[type=submit], #CKontakt form input[type=button], #CKontakt form button {
	font-family:inherit;
	border:2px solid cornflowerblue;
	color:cornflowerblue;
	background-color:white;
	padding:0.5em;
}
#CKontakt form input[type=submit]:hover, #CKontakt form input[type=button]:hover, #CKontakt form button:hover {
	border:2px solid white;
	color:white;
	background-color:cornflowerblue;
}

form label[data-required] {
	font-weight:bold;
}
form label[data-required]:after {
	content:" *";
}

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

fieldset {
	padding:0.5em;
	margin-bottom:0.5em;
	border-bottom:1px solid #ccc;
}
fieldset:nth-of-type(even) {
	background-color:#eee;
}

fieldset.required {
	font-size:1.1em;
}
textarea {
	min-height:8em;
}
@media only screen and (min-width: 62em) {
	#nav0 {
		display:block;
	}
}


@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;
	}
	#CNav0 {
		height:auto;
	}
	#nav0 {
		display:none;
		height:auto;
		width:100%;
		overflow:auto;
		background:#ccc;
		color:#333;
		font-size:1.2em;
	}
	#nav0 ul {
		display:block;
	}
	#nav0 ul li {
		border-radius:0px;
		display:block;
		margin-top:0px;
		padding:0px;
	}
	#nav0 ul li a {
		display:block;
	}
	#nav0>ul>li {
		margin-top:0.5em;
	}
	
	#nav0 ul ul {
		display:block;
		position:relative;
		left:0px;
		top:0px;
		background:none;
		border:none;
		text-align:center;
		font-size:0.8em;
		margin-bottom:1em;
		box-shadow:none;
	}
	#nav0 ul ul li {
		text-align:center;
	}
	
	#nav0 li {
		padding:0.5em;
	}
	
	#nav0 a:hover {
		border-bottom:none;
	}
}

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


/* ---- Smartphones, etc. ---- */
@media handheld, only screen and (max-width: 37.5em) {
	#H1 li {
		border-right:none;
	}
}
/* ENDE Smartphones, etc. ---- */