.cp3{
	color: var(--bC2);
}
.cp14{
	color: var(--bC1);
}
.cpb1{
	background-color: var(--bC1);
}



@font-face { 
	font-family: "Abel"; 
	src: url("css/Abel-Regular.ttf"); 
}
@font-face {
	font-family: 'Hashtag';
	  src:  url('css/Hashtag.ttf.woff') format('woff'),
	  url('css/Hashtag.ttf.svg#Hashtag') format('svg'),
	  url('css/Hashtag.ttf.eot'),
	  url('css/Hashtag.eot?#iefix') format('embedded-opentype'); 
	  font-weight: normal;
	  font-style: normal;
  }
body{
	margin:0px;
	padding:0px;
	font-family: ml;
	font-weight:normal;
	font-size:17px;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-family:"Abel";
	min-height: 100vh;
}
body > section{
	padding-top:20px;
}
section{
	/*-moz-transform: rotate(2deg) skew(2deg);
	-ms-transform: rotate(2deg) skew(2deg);
	-o-transform: rotate(2deg) skew(2deg);
	-webkit-transform: rotate(2deg) skew(2deg);*/
	min-height:700px;
	width:100%;
	max-width:100%;
	overflow:hidden;
}
section > div{
	/*-moz-transform: rotate(-2deg) skew(-2deg);
	-ms-transform: rotate(-2deg) skew(-2deg);
	-o-transform: rotate(-2deg) skew(-2deg);
	-webkit-transform: rotate(-2deg) skew(-2deg);*/
	padding-top:45px;
}
.marquee{
	color: var(--bA1);
	text-align: center;
	font-size: 20px;
	margin-bottom: 40px;
	margin-top: 0px;
	text-shadow: 0px 1px 3px white;
	font-weight: bold;
}
section > div > h1{
	margin:0px;
	padding:0px;
	display:block;
	text-align:center;
	color:var(--bC3);
	font-size:85px;
	padding-top:10px;
	text-shadow: 0px 0px 8px var(--bC1);
}
section > div > h1 >img{
	height:78px;
	top:9px;
	position:relative;
	display:inline;
}
section > div > h1 >span{
	display:inline;
	font-family: Helvetica;
}
#s1 > div > h2 {
	text-shadow: 0px 0px 5px var(--bC1);
	font-size:50px;
}
section > div > h2{
	color:var(--bC2);
	margin:0px;
	padding:0px;
	display:block;
	text-align:center;
	padding-top:40px;
	font-size:40px;
	font-weight:normal;
}
#sidePanel{
	position:fixed;
	width:49px;
	bottom:50px;
	right:0px;
	z-index:100;
	-webkit-box-shadow: 1px 1px 4px 0px var(--bC1);
	-moz-box-shadow: 1px 1px 4px 0px var(--bC1);
	box-shadow: 1px 1px 4px 0px var(--bC1);
}
.card .card-content p{
	margin-bottom: 1.5rem !important;
}
.hoverMaterialIcons:hover{
	color:var(--bA1);
	cursor: pointer;
}
.bulmaSection{
	padding:5px;
}
#sidePanel > a{
		height:50px;
		width:50px;
		display:block;
		background:var(--bA1);
		font-size:17px;
		text-align:center;
		word-wrap:break-word;
		color:var(--bC2);
		text-decoration:none;
		padding-top:18px;
}
#sidePanel > a:first-child{
		height:140px;
}
#sidePanel > a > div{
		font-size: 20px;
		height: 60px;
		margin-left: -22px;
		margin-right: 33px;
		margin-top: 33px;
		transform: rotate(-90deg);
		width: 125px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);	
}
#sidePanel > a > img{
	margin-top:-15px;
	width:50px;
}
#mob_menu{
	display:none;
}
.headerlogo{ grid-area: logo;}
.headerlink{ grid-area: link;}
.headersignup{grid-area: signup;}
.header{
	display:grid;
	grid-template-areas:'logo link link link link link link link link link link link link link link link  signup';
	grid-grap:3px;
	background-color:var(--bC1);
	position: fixed;
	width: 100%;
	text-align: center;
	-webkit-box-shadow: 3px 3px 12px 0px var(--bA2)
	-moz-box-shadow: 3px 3px 12px 0px var(--bA2);
	box-shadow: 3px 3px 12px 0px var(--bA2);
	z-index: 100;
	border-bottom: 2px solid var(--bA2);
	min-width: 800px;
	top:0px;
	color: var(--bC2);
}
nav{
	-webkit-box-shadow: 3px 3px 12px 0px var(--bA2)
	-moz-box-shadow: 3px 3px 12px 0px var(--bA2);
	box-shadow: 3px 3px 12px 0px var(--bA2);
	z-index: 100;
	position: fixed;
	margin-top:-25px;
	border-bottom: 2px solid var(--bA2);
	height: 50px !important;
}
nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i{
	line-height: 50px !important;
}
.header > a{
	color: var(--bC2);
	width: auto;
	height: 55px;
	padding-top: 15px;
	border-bottom: 5px solid var(--bC1);
	display: inline-block;
	margin-left: 15px;
	margin-right: 15px;
	cursor: pointer;
	vertical-align: text-bottom;
	font-size: 17px;
	-webkit-transition: border-bottom 0.2s;
	-moz-transition: border-bottom 0.2s;
	-o-transition: border-bottom 0.2s;
	transition: border-bottom 0.2s;
	text-decoration: none;
}
nav ul a{
	padding:0 12px !important;
}
.header > a:hover, nav a:hover,nav ul a:hover{
	
	background-color: var(--bA2) !important;
}
.accordionjs li .message-header{
	border-bottom:1px solid white;
}
.summernoteHeader1 {
	font-size: 28px;
	color:var(--bA1);
	font-weight:bold;
	padding-bottom:8px;
	text-align: left;
	text-shadow:none;
}
.summernoteHeader2 {
	font-size: 26px;
	color:var(--bC1);
	font-weight:bold;
	padding-bottom:6px;
	text-align: left;
}
.summernoteHeader3 {
	font-size: 24px;
	color:var(--bC1);
	font-weight:bold;
	padding-bottom:4px;
}
.summernoteHeader4 {
	font-size: 22px;
	color:var(--bC1);
	padding-bottom:2px;
}
.summernotePre{
	background-color: #f5f5f5;
	color: #4a4a4a;
	font-size: .875em;
	overflow-x: auto;
	padding: 1.25rem 1.5rem;
	white-space: pre;
	word-wrap: normal;
	box-sizing:border-box;
}
.striked {
	text-decoration: line-through;
}
.LangSelect{
	margin-top: 10px;
	right: 20px;
	position: absolute;
	width: 40px;
	border: 1px solid var(--bA2);
}
footer{
	position:relative;
	bottom:0px;
	background-color:var(--bC1);
	width:100%;
	min-height:90px;
	padding:0px;
	margin:0px;
	border-top:2px solid var(--bA2);
	-webkit-box-shadow: 3px -3px 12px 0px var(--bA2);
	-moz-box-shadow: 3px -3px 12px 0px var(--bA2);
	box-shadow: 3px -3px 12px 0px var(--bA2);
}
footer > div{
	display:inline-table;
	min-width:150px;
	width:30%;
	padding-top:20px;
	margin-left:15px;
	margin-right:15px;
	text-align:center;
}
footer > div > a{
	display:inline-table;
	color:var(--bC2);
	width:100%;
	text-align:center;
	margin-top:10px;
	font-size:19px;
	text-decoration:none;
}
footer > div > a:hover{
	text-decoration:underline;
}
footer > div > p{
	color:var(--bC2);
}
.footericons{
	display:inline;
	height:30px;
}
.footericons > img{
	height:30px;
	margin-right:10px;
	margin-top:10px;
}
.anchor{
	background:transparent;
	color:transparent;
	padding:0px;
	margin:0px;
	height:0px;
	width:0px;
}
#homeNavIcon{
	background:url("custom/img/kmslogo2.png") no-repeat;
	background-size:135px;
	width:140px;	
	height: 50px;
	display:inline-block;
	background-position: center !important;
}

#s1{
	height:900px;
	background:var(--bC2);
	background-size: cover;
}
#s1_kmg_logo{
	/*background:url("img/KMG.png") no-repeat;
	background-size:200px;
	height:300px;
	width:1000px;
	text-align:center;
	margin-top:50px;
	margin-left:50px;*/
}
#s1_bc{
	width:100%;
	text-align:center;
}
#s1_bc > a{
	color:var(--bC2);
	background:var(--bA1);
	font-size:29px;
	padding:15px;
	margin:50px;
	display:inline-table;
	cursor:pointer;
	border:2px solid var(--bA1);
	text-decoration:none;
}
#s1_bc > a:hover{
	text-decoration:underline;
}
.aButton{
	color:var(--bC2);
	background:var(--bA1);
	font-size:20px;
	padding:15px;
	margin:50px;
	display:inline-table;
	cursor:pointer;
	border:2px solid var(--bA1);
	text-decoration:none;
}
.aButton:hover{
	text-decoration:underline;
}
#s2_sc{
	width:100%;
	margin-top:50px;
	padding-bottom:50px;
	text-align:center;
}
#s2_sc > a,.seminarList{
	padding:10px;
	border:1px dotted var(--bA2);
	margin:60px;
	margin-top:30px;
	margin-bottom:30px;
	margin-right:20px;
	display:inline-table;
	text-decoration:none;

}
#s2_sc > a > div,.seminarList > div{
	background:url("img/mainpic.jpg") no-repeat;
	background-size:300px;
	height:150px;
	width:300px;
	} 
#s2_sc > a > span,.seminarList > span{
	padding-top:5px;
	display:block;
	color:var(--bA2);
	font-size:13px;
	font-weight:bold;
	text-align:center;
} 
#s2_sc > a > p,.seminarList > p{
	color:var(--bC2);
	margin:0px;
} 
#s2_sc > h3{
	margin-left:30px;
}
#s3{
	background-image:url("img/concrete.png");
}
#s3_sc > div > p{
	font-size:20px;
	padding-right:50px;
	max-width:60%;
	display:inline-block;
	margin-left:5px;
	font-size:17px;
}
#s3_sc > div > h3{
	margin-left:-20px;
	width:100%;
	text-align:left;
	margin-bottom:0px;
	font-size:17px;
}
#s3_sc > div{
	vertical-align:top;
	margin-top:30px;
}
#s3_sc > .div2col23 > p{
	max-width:100%;
}
#s3_sc > .div2col13 > a{
	display:block;
	text-align:center;
}
#s3_sc > .div2col13 > a > img{
	max-width:250px;
	width:250px;
	margin-left: calc(50% - 200px);
	text-align:center;
}
#s3_sc > .div2col13 > span{
    display: block;
    margin-left: 15px;
    margin-top: 10px;
    padding: 5px;
	font-size:13px;
    text-align: center;
}
.columns1{
	max-width:100%;
	width:calc(100% - 20px);
	padding:20px;
	display:inline-table;
	vertical-align:top;
}
.columns2{
	max-width:50%;
	width:calc(50% - 50px);
	padding:20px;
	display:inline-table;
	vertical-align:top;
}
.columns2 > .columns2{
	padding-top:0px;
}
.columns3{
	max-width:33%;
	width:calc(33% - 50px);
	padding:20px;
	display:inline-table;
	vertical-align:top;
}
.columns4{
	max-width:25%;
	width:calc(25% - 50px);
	padding:20px;
	display:inline-table;
	vertical-align:top;
}
.columns5{
	max-width:20%;
	width:calc(20% - 50px);
	padding:20px;
	display:inline-table;
	vertical-align:top;
}

.affilate{
	font-size:11px !important;
	display:block !important;
	text-align:left !important;
}
.div2col{
		width:calc( 49% - 80px );
		padding:40px;
		display:inline-table;
		padding-top:10px;
		padding-bottom:10px;
		min-width:600px;
		vertical-align: top;
}
.div3col{
		width:calc( 33% - 50px );
		padding:20px;
		display:inline-table;
		padding-top:10px;
		padding-bottom:10px;
		min-width:200px;
}
.div4col{
		width:calc( 25% - 60px );
		padding:20px;
		display:inline-table;
		padding-top:10px;
		padding-bottom:10px;
		min-width:400px;
		vertical-align:center;
}
.div2colS{
		width:calc( 49% - 50px );
		padding:20px;
		display:inline-table;
		padding-top:10px;
		padding-bottom:10px;
		min-width:200px;
}
.div2col23{
		width:calc( 65% - 90px );
		padding:40px;
		display:inline-table;
		padding-top:10px;
		padding-bottom:10px;
		min-width:600px;
		vertical-align: top;
}
.div2col13{
		width:calc( 33% - 90px );
		padding:40px;
		display:inline-table;
		padding-top:10px;
		padding-bottom:10px;
		min-width:230px;
		vertical-align: top;
}
#s4 .aButton,#s6 .aButton{
	margin-left: calc(50% - 120px);
	margin-top:20px;
}
#s4 li > a:visited{
	color:var(--bC1);
}
#s4 .div2colS > p, #s4 .div2colS > a,#s6 .div2colS > p, #s6 .div2colS > a{
	display:inline-block;
	vertical-align:top;
	margin-top:30px;
}
#s4 .div2colS > p,#s6 .div2colS > p{
	margin-top:0px;
}
#s4 .div2colS  > span,#s6 .div2colS  > span{
	display:inline-table;
	vertical-align:top;
	margin-bottom: 13px;
	width: 212px;
}
#s4 .div2col > p > b,#s6  .div2col > p > b{
	margin-left:80px;
}
#s4 > div > div > .div2colS,#s6 > div > div > .div2colS{
	padding:10px;
}
#s4 .div2col,#s6 .div2col {
	min-width:550px;
	padding-left:30px;
	font-size:17px;
}
#s4 .div2colS  > img,#s6 .div2colS  > img{
	width:32px;
	margin-bottom:15px;
	display:inline-table;
	vertical-align:top;
}
.widget_location_container{
	width:auto;
	display:inline-table;
	vertical-align:top;
	padding:5px;
	margin:5px;
	text-align:center;
}
.widget_location_container > a{
	display:inline-block;
	height:300px;
	width:300px;
	color: var(--bC2);
	background-color:var(--bC1);
}
.widget_location_container > a:hover{
	transform: scale(1.1);
	transition: 0.6s;
	transform-style: preserve-3d;
	color:var(--bA1);
}
.widget_location_container > h3{
	color: var(--bC2);;
}
.mapLocation{
    background-image: url("img/if_15_2135924.png");
    background-size: 40px auto;
    display: inline-block;
    height: 40px;
    width: 40px;
}
.locationIMG{
	width:100%;
	max-width:300px;
	right: 0xp;
	display:block;
}
#memberTrainingsCalendar{
	margin:50px;
}
#memberTrainingsCalendar td,.memberTrainingsCalendarTD{
	width:260px;border:1px solid #cccccc;
	padding:10px;
	vertical-align: top;
	display:inline-table;
	height: 100%;
}
.memberTrainingsCalendarTR{
	border:1px solid #cccccc;
	vertical-align: top;
	font-size:14px;
}
.memberTrainingsCalendarTD{
	padding-bottom:5px;
}
#memberTrainingsCalendar td:hover,.memberTrainingsCalendarTD:hover{
	background: #dddddd;
	cursor: pointer;
	border:1px solid white;
}
.locationClock{
	height:40px;
}
.locationCDesc{
	height:30px;
	display:inline-table;
	vertical-align:top;
	margin-left:auto;
}
.locationDesc{
	text-align:justify;
	
}
#s5_sc{
		text-align:center;
		color:var(--bC2);
		font-size:17px;
}
#s5_sc > .div2col{
	min-width:250px;
}
#break{
	display:none;
}
#s5{
background:url("custom/img/DSC_8835_sw.JPG") repeat scroll 0 0 / cover;
}
#s6{
	background:url("img/DSC_0221_sw.jpg") repeat scroll 0 0 / cover;
	text-shadow: 0px 0px 20px var(--bC2);
}
#s6 > div{
	background:url("img/kmg_teens_junior.png") no-repeat;
	background-size:250px;
	background-position:20px 30px;
}
#s6 h3{
	font-size:18px;
}
#s6 p,#s6 span,#s6 li{
	font-size:17px;
}
#s6 .div2col{
	min-width:300px;
}
#s6 .div2colS{
	min-width: 260px;
}
#s7 > div{
	background-position: center; 
	background-size:400px 500px;
	text-align:center;
	font-size: 17px;
}
#kmtlogos7{
	height:120px;
}
#s7 > div > div > p {
	display:none;
	font-size:17px;
}
#s7 > div > div > img{
	max-height:350px;
	margin-top:20px;
	cursor:pointer;
}
#s7 > div > .div3col,#s7 > div > .div4col{
	min-width:200px ;
	text-align:center;
	padding-bottom:0px;
	margin-left:0px;
}
#s7 > div > .div3col > img:hover,#s7 > div > .div4col > img:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.s2i_sc > .div2col23 p, .s2i_sc > .div2col23 p span, .s2i_sc > .div2col23 p font,.s2i_sc > .div2col13 p,.s2i_sc .aButton{
		font-size:14px !important;
		font-family:Abel !important;
}
.s2i_sc{
		padding:100px;
		padding-top:20px;
}
#s2_sc > a > p{
	text-align:center;
}
#s1s,#s1sP{
		background-size:100%;
}
#s1sP{
	min-height:500px;	
}
#s1sP > div > h1{
	margin-top:200px;
}
.cmMailContainer{
	text-align: left;
	padding:0px;
	margin-top:5px;
	border:1px solid var(--bC1);
}
.cmMailContainer > div{
	padding:6px;
	font-size:.9em;
	display: none;
}
.cmMailContainer > span,.cmMailSubject{
	background-color: var(--bA1);
	width: 100%;
	display: block;
	padding:3px;
	padding-left:6px;
	font-size:12px;
	border:1px solid var(--bC1);
	cursor: pointer;
}
.cmMailSubject{
	font-size: 16px;
	padding-left:0px;
	border:none;
}
#loginError{
	color:red;
	margin-top:20px;
}
.primInputForm{
	padding:100px;
	padding-top:50px;
	margin:0px;
	font-size:15px;
	text-align:center;
}
.primInputForm > label{
	margin:10px;
	height:20px;
	width:220px;
	padding:5px;
	display:inline-table;
	text-align: left;
	font-size:16px;
}
.primInputForm > div > input[type=text],.primInputForm > div > select,.primInputForm > div > input[type=email],.primInputForm > div > input[type=date],.primInputForm > div > input[type=password]{
	height:30px;
	margin:10px;
	padding:5px;
	display:inline-table;
	border:1px solid var(--bC1);
	width:250px;
}
.primInputForm  input[type="checkbox"]{
	height:20px;
	margin:10px;
	margin-top:-25px;
	margin-right:162px;
	padding:5px;
	display:inline-table;
	border:1px solid var(--bC1);
	width:30px;
	opacity: 1;
	margin-left:400px;
}
.primInputForm > textarea{
	height:100px;
	margin:10px;
	padding:5px;
	display:inline;
	border:1px solid var(--bC1);
	width:250px;
	font-size:13px
}
.SignupCheckboxLabel,.ProbeCheckboxLabel{
	margin-right:80px !important;
}
.userDataError > label{
	display:block;
	color:red;
}
.userDataError{
	display:inline-block;
}
#signupform > div > label.error, #Probeform > div > label.error, #ContactForm > div > label.error,#Reset1Form > div > label.error,#Reset2Form > div > label.error, #Unsubscribe1Form > div > label.error,#SignupMemberForm > div > label.error,#CheckoutVersandForm > div > label.error{
	display:block;
	color:red;
	text-align: left;
	display:block;
	margin-left:10px
}
#signupform > div > input.error, #Probeform > div > input.error,#ContactForm >  div > input.error,#Reset1Form > div > input.error,#Reset2Form > div > input.error,#Unsubscribe1Form > div > input.error,#SignupMemberForm > div > input.error,#CheckoutVersandForm > div > input.error,#userDataform > div > input.error{
	border-color:red !important;
}
#SignupAnmeldung{
	padding:45px;
}
.signupInputError,.PaymentInputError,#ProbePolice-error,#ProbeKMS-error,#SignupPolice-error,#SignupKMS-error, .CheckoutVersandInputError,.userInputError,.ProbeInputError,.ContactInputError,.LoginInputError,.Reset1InputError,.Reset2InputError,.Unsubscribe1InputError,.SignupMemberInputError{
	width:200px;
	display:inline-table;
	vertical-align:top;
	color:red;
}
.baSection > div > h2{
	color:var(--bC1);
}
.ba_login{
	width:100%;
	text-align:center;
}
#ProbeAnmeldung{
	font-size:18px;
}
#calSelector{
	width:250px;
	padding:15px;
	overflow:hidden;	
}
#calSelector ul li span{
	font-size:15px;
	display:block;
	margin-bottom:10px;
}
#refresh-captcha{
	width:32px;
	margin-bottom:8px;
	margin-right:4px;
	cursor:pointer;
}
#s1_bc > span{
    background: var(--bC3) none repeat scroll 0 0;
    border-radius: 8px;
	border:1px solid var(--bC1);
    display: inline-block;
    height: 15px;
    margin: 10px;
    text-align: center;
    width: 15px;
	cursor:pointer;
}
#s1_bc > span.selectedPic{
	background:var(--bC2);
}
#SignupPayment{
	display:none;
}
#s2c > div > h3{
	text-align:center;
}
#s2c > div > form > textarea{
	min-height:300px;
}
#s2c > div > p{
	text-align:center;
}
#s2c > div > .div2col13,#s2c > div > .div2col23{
	vertical-align:top;
	text-align:center;
	color:var(--bC1);
}
#s2c > div > .div2col23{
	margin-left:-50px;
}
.InputReadonly{
	background-color:var(--bC4);
}
#s1pr > div > h3,#s1pr > div {
	text-align:center;
}
.sItem{
	background:var(--bC1);
	padding:20px;
	min-height:200px;
	width:700px;
	display:inline-block;
	vertical-align:top;
	margin:25px;
	color:var(--bC2);
}
.sItem > .aButton{
	margin:0px;
	margin-left:530pX;
	padding:10px;
	margin-top:-30px;
	font-size:18px;
}
.sItem h3{
	text-align:center;
	color:var(--bA1);
	margin-top:0px;
}
.sItemIMG{
	width:220px;
	display:inline-block;vertical-align:top;
	margin-right:20px;
	height:240px;
}
.sItemIMG > img{
	width:100%;
	max-width:100%;
	max-height:100%;
	display:block;
}
.sItemDESC{
	width:460px;
	display:inline-block;
	vertical-align:top;
	min-height:200px;
	text-align: left;
	padding-bottom: 20px;
}
.sItemDESC > span{
	font-size:13px;
	text-align:left;
	display:block;
}
.sItemDESC > b{
	margin-top:15pX;
	display:block;
	margin-left:25px;
	text-align:left;
}
.sItemDESC > select{
	margin-left:25px;
	width:100px;
	margin-top:10px;
}
#s1sL > a{
	margin-left:calc(100% - 350px);
	margin-top:-60px;
	display:block;
	margin-bottom:0px;
}
#s1sL > h1,#s2sL > h1{
	text-align:left;
	margin-left:40px;
	text-shadow:none;
}
.shoph1{
	font-size:50px !important;
	margin-top:-40px;
}
#s2sL,#s1sL,#s1ppd > div{
	text-align:center;
}
#s1ppd > div > table{
	 border-collapse: collapse;
	 border: 1px solid var(--bC1);
	display:block;
	text-align:center;
	min-width:500px;
	font-size:13px;
	margin:20px;
	margin-right:50px;
}
#s1ppd > div > table img{
	width:150px;
	max-height:100px;
}
.baTable{border-collapse:collapse;}
#s1ppd > div > table  td,.baTable td{
	border: 1px solid var(--bC1);
	min-width:150px;
	padding:10px;
}
#s1ppd > div > table > tr,.baTable tr{
	width:200px;
}
#s2s{
	display:none;
}
#s2s,#s2c,#s2L,#s2p,#s2R1,#s2R2,#s2U1,#s1sm,#s1s,#s2F,#s1pr,#s1ppd{
	min-height:calc( 100% - 142px); 
}
#s2F  textarea{
	height:400px;
	width:600px;
}
#s2F > div > div > label{
	width:300px;
	display:inline-table;
}
#s2F > div > div > input[type=radio]{
	width:80px;
	display:inline-table;
}
body{
	height:100%;
}
#s2sL > div{
	padding-left:50px;
	padding-top:10px;
	width:400px;
	display:inline-block;
	text-align:left;
}
#s2sL > b{
	text-align:right;
	width:100px;
	display:inline-block;
	padding-top:10px;
}
#s2sL > div > span{
	display:inline-block;
	width:20px;
	height:20px;
	cursor:pointer;
	background-image:url("img/del_icon.png");
	margin-right: 10px;
}
#checkoutSum{
	border-top:2px solid var(--bC1);
	padding-left: 10px;
	margin-top: 10px;
}
#s3sL,#s2p{
	text-align:center;
}
.carouselDesc{
	display:none;
}
#carouselDescription{
	
}
#s2p > div > a{
	display:inline-table;
	vertical-align:top;
	padding:20px;
	width:356px;
	height:230px;
	text-align:center;
	color:var(--bC1);
	text-decoration:none;
}
#s2p > div > div > a{
	display:inline-table;
	vertical-align:top;
	padding:15px;
	width:300px;
	height:30px;
	text-align:center;
	color:var(--bC1);
	text-decoration:underline;
}
#s2p > div > a > span{
	display:block;
	padding-top:7px;
}
#s2p > div > a > img{
	width:100%;
	height:100%;
	max-width:356px;
	max-height:200px;
	border:1px solid var(--bC1);
	display:block;
}
#s3_sc div.div2col23 p a{
	color:var(--bC1);
}
#christianagatz,#michaelschmid,#fredericHeinemann,#thomasigor{
	-webkit-box-shadow: 3px 3px 12px 0px var(--bA2);
	-moz-box-shadow: 3px 3px 12px 0px var(--bA2);
	box-shadow: 3px 3px 12px 0px var(--bA2);
	border-left: 2px solid var(--bA2);
}
#s8{
	background:url("custom/img/s8_bg.jpg") repeat scroll 0 0 / cover;
	margin-bottom: -25px;
	min-height: 450px;
}
#s8 > div{
	text-align:center;
}
#s8 > div > div > p > span{
	display:block;
	font-size:15px;
	font-style:normal;
	text-align:center;
}
#s8 .left, #s8 .right{
	background:url("img/left.png") no-repeat;
	height:121px;
	width:31px;
	display:inline-block;
	vertical-align:top;
	visibility:visible;
	cursor:pointer;
}
#s8 .right{
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
#s8 > div{
	
}
#s8 > div > div {
	max-width:915px;
	min-width:200px;
	width:80%;
	text-align:center;
	display:inline-table;
}
#s8 > div > div > p{
	display:table-cell;
	padding:30px;
	margin:20px;
	font-size:27px;
	font-style:italic;
	vertical-align:middle;
	width:calc ( 100% - 65px );
	text-align:justify;
}
#comodoLogo > a > img{
	margin-top:45px;
	margin-right:10px;
	height:60px;
	position:absolute;
	right:0px;
	top:0px;
}
#SignupSubmit,#ContactSumbit,.primInputForm > input[type=submit]{
	display:inline-block;
}
.swal-button{
	background-color: var(--bA1);
}
#fb{
	width:1200px;
	max-width:1000px;
}
#fb-root, #s9 > div > div > iframe{
	display:inline-table;
	vertical-align:top;
	margin-left:50px !important;
	margin-right:50px !important;
	
}
.fb-page{
	margin-bottom:50px !important;
}
.fbposts{
	padding:12px;
	margin-bottom:30px;
	border:1px solid var(--bC4);
	background-color:var(--bC1);
	color:var(--bC2);
	width: 390px;
	text-align: left;
	display:table;
	vertical-align:top;
}
.fbposts > .fbpostsImageContainer{
	max-height:350px;
	width:370px;
	display:inline-table;
	vertical-align:top;
}
.fbposts > .fbpostsImageContainer > img{
	max-width: 100%;
    max-height: 100%;
	margin:auto;
	display:block;
	object-fit: cover;
}
.fbposts > span{
	display:block;
	vertical-align:top;
	width:375px;
	padding-left:10px;
	text-align:justify;
	height:100%;
	font-size: 17px;
	padding-top:30px;
	margin-bottom:10px;
}
.fbposts > span > a{
	display: block;
	margin: 5px;
	text-decoration: underline;
	color:var(--bC2);
}
.fbposts > span > a.fbcomment{
	display: block;
	margin: 5px;
	text-decoration: underline;
	color:var(--bC2);
	margin-left: 260px;
	margin-top:10px;
}
.fbdate{
	display:block;
	font-size:11px;
	margin-bottom: 5px;
}
.fbposts > span > h4{
	margin-bottom:5px;
	margin-top:10px;
	font-weight:normal;
	font-size:17px;
	
}
.fbposts > span > p{
	font-size:12px;
	margin-left:25px;
	margin: 5px;
}
.fbcomment{
	margin-top: 10px;
	text-align: right;
	display: block;
	bottom: 0px;
	font-size: 12px;
	padding: 5px;
	background: var(--bA1);
	width: 105px;
	font-size: 12px;
	right: 0px;
	text-decoration: none;
	color:var(--bC2);
	margin-left:740px;
	margin-top: -20px;
}
.fbPostName{
	font-size:28px;
	display:block;
	margin-bottom:10px;
}
.fbPostName > img{
	height:25px;
	position:relative;
	margin-right:10px;
}
#s9{
	text-align:center;
}
#usMail{
	display: block;
	margin-top: -10px;
	font-size: 11px;
	margin-bottom: -32px;
}
.newsletterInput{
	width:100%;
}
#newsletterText{
	width:100%;
	height:400px;
}
.FeedbackMessage{
	height:200px !important;
	font-size:15px !important;
}
.memberSelection{
	width: 200px;
}
#costSEL{
	width:250px;
	padding:10px;
	margin-top:20px;
	margin-bottom:0px;
	display:inline-table;
}
#cookies{
	margin-top: -20px;
	position:fixed;
	background-color:var(--bC1);
	color:var(--bC2);
	text-align:center;
	z-index:10002;
	font-size:24px;
	height:100%;
	width:100%;
	padding-top:18%;
	display:none;
}
.aButtonSmall{
	display:block;
	
}
#cookies > a{
	color:var(--bC2);
}
#data_memberTableFull_filter label input{
	padding: 10px !important;
	background-color:var(--bC2);
}
.gallITVidContainer{
	display: inline-table;
}
.gallITVid{
	width: 80%;
	width: 500px;
	height: 270px;
	background-color: var(--bC1);
	display: inline-table;
	vertical-align: middle;
	margin:5px;
}
.gallITVidDesc{
	width: 40%;
	display: inline-table;
	vertical-align: middle;
}
.gallIT{
	width:320px;
	height:205px;
	padding:15px;
	display:inline-table;
	vertical-align:middle;
}
.gallIT > video{
	width:100%;
	border:2px solid var(--bC1);
	vertical-align:middle;
	display:inline-table;
}
.gallIT > img{
	width:100%;
	border:2px solid var(--bC1);
	vertical-align:middle;
	display:inline-table;
}
#preview{
	height:calc( 100%);
	width:calc( 100% );
	display:none;
	position:fixed;
	background-color:rgba(0,0,0,0.8);
	z-index: 125;
	
	margin-top:-25px;
}
#preview > img{
	position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	object-fit: cover;
	max-width:100%;
	max-height:100%;
}
.validationERROR{
	border:2px dashed red !important;
}

.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
	background-color:var(--bA1) !important;
}
.datepicker--day-name {
	color:var(--bA1) !important;
}

.rating_bar {
    width: 192px;
    height: 64px;
    background: url(img/trophy2.png);
    background-repeat: repeat-x;
    background-position: 0 0;
    margin:auto auto;
}
.rating {
    height: 64px;
    background: url(img/trophy2.png);
    background-position: 0 -64px;
    background-repeat: repeat-x;
}
.awardRating{
	border: 1px solid black;
	margin: 5px !important;
	padding: 10px !important;
}
/**     Flat Design      **/
.secFlat50{width:calc( 50% - 2px );max-width:calc( 50% - 2px );display:inline-table;vertical-align:top;text-align:center;} .secFlat50 > p{padding-left:50px;padding-right:50px;}


/**     Flat Design  END    **/


@media only screen and  (max-width: 1250px), only screen and (-webkit-min-device-pixel-ratio: 2) {
	body{-webkit-text-size-adjust:none;}
	#s1{
		height:900px;
		background:var(--bC2);
	}
	video{
		display:none;
	}
	.aButton{
		font-size:28px;
	}
	#s7 > div > .div3col{
		width: calc( 100% - 80px ) !important;
	}
	.div2col{
		min-width:calc(100% - 80px) !important;
		text-align:center;
	}
	#s6 > div >  .div2col23,#s6 > div >  .div2col13, #s2c > div > .div2col13 {
		width:calc(100% - 80px);
		text-align:center;
	}
	#s6 > div > a.aButton{
		margin-left:calc(50% - 100px)
	}
	#s4 > div > div > .div2colS > iframe,#s6 > div > div > .div2colS > iframe{
		display:block;
		margin-left: calc(50% - 125px);
	} 
	#s4 > div > .div2col > .div2colS > p,#s4 > div > .div2col > .div2colS > span{
		font-size:17px;
	}
	#s3_sc > .div2col23{
		min-width:100px;
		width:calc( 100% -  ( 33% + 50px ));
	}
	#s3_sc > .div2col13 {
		padding:20px;		
	}

	#s2_sc{
		text-align:center;
	}
	footer > div{
		margin-left:0px;
		margin-right:0px;
	}
	#data_memberTable{
		font-size:11px;
	}
	.div2col13,.div2col23,.div2col,#s3_sc > .div2col23,#calSelector,.columns1,.columns2,.columns3,.columns4,.columns5{
		width: calc( 100% - 100px);
		max-width:100%;
	}

}
@media  orientation:portrait, only screen and  (max-width: 1050px) {
	nav ul li{
		display:none !important;
	}
	.sidenav li > a{
		font-size:20px  !important;
	}
	.fbposts > .fbpostsImageContainer{
		width:auto;
	}
	#break{
		display:block;
	}
	.topSec{
		margin-top:55px;
	}
	#mob_menu{
		display:block;
		position:fixed;
		background:var(--bC1);
		width:100%;
		height:79px;
		z-index: 101;
		border:1px solid var(--bA2);
		-webkit-box-shadow: 3px 3px 12px 0px var(--bA2);
		-moz-box-shadow: 3px 3px 12px 0px var(--bA2);
		box-shadow: 3px 3px 12px 0px var(--bA2);
		top:0px;
		right:0px;
		text-align:right;
	}
	#mob_menu > img{
		height:80px;
		z-index:103;
	}
	
	.header > a{
		display:block;
		text-align:center;
		height:85px;
		grid-template-rows: auto;
	}
	#comodoLogo > a > img{
		margin-top:0px;
	}
	#homeNavIcon{
		 background-position: center; 
		 width:100%;
		 z-index:102;
	}
	#sidePanel > a > div{
		width:136px;
		font-weight:bold;
	}
	.header{
		display:none;
		overflow-y:scroll;
		max-height:calc( 100% - 100px);
	}
	#s6 div div.div2col13 div.div2colS img,#s4 .div2colS > img{
		display:block;
		margin-left: 45%;
		width: 80px;
	}
	body{-webkit-text-size-adjust:none;}
	#s3_sc > .div2col23,, #s2c > div > .div2col23{
		min-width:100px;
		width:100%
	}
	#s3_sc > .div2col13,#s6 div div.div2col13 div.div2colS{
		width:100%;
		text-align:center;
	}
	#s6 div div.div2col13 div.div2colS p{
		display:block;
		text-align:center;
	}
	#s3_sc > .div2col13 > a > img{
		margin-left:0px;
	}
	h2{
		font-size:58px !important;
	}
	h3,#s3_sc > div > h3,#s6 > div > div > h3, #s4 > div > .div2col > h3,#s4 .div2col h3{
		font-size:33px !important;
	}
	#s3_sc div.div2col13 span{
		width:100%;
		font-size:28px !important;
	}
	#calSelector,#s4,#s6 > div > div > .div2colS,#s7 > div,#s7 > div > div > p ,#s6 > div > div.div2col13 > p, #s6 .div2colS > p,#s4 .div2colS > p,#s6 > div > div  p,#s6 > div > div  span,#s6 > div > div > ul > li,#s5_sc > div > p, #s3_sc > div > p,#s4 > div > .div2col > ul > li,#s4 > div > .div2col > p,#s4 > div > .div2col > .div2colS > p,#s4 > div > .div2col > .div2colS > span{
		font-size:28px !important;text-align:left;
	}
	#calSelector ul li span{
		font-size:20px;
	}
	#s8 > div > div > p{
		font-size:27px;
	}
	#s7 > div,#s7 > div > div > p {
		text-align:center;
	}
	.header > a,footer > div > a{
		font-size:40px;
	}
	.header > a{
		border-bottom:1px solid var(--bA2);
		padding-bottom:15px;
		height:85px;
		display:block;
	}
	#sidePanel{
		bottom:120px;
		right:10px;
	}
	#sidePanel > a > div{
		font-size:20px;
		margin-left:-22px;
	}
	#sidePanel > a{
		height:50px;
		width:70px;
		font-size:42px;
		padding-top:15px;
	}
	#s2i > div,#s2c > div{
		padding-top:110px;
	}
	#s7 > div > div > p{
		text-align:center !important;
	}
	#locationPics > img,#locationPics > .locationIMG,#locationPics > .locationIMG > iframe{
		width:100%;
		text-align:center;
		max-width:100%;
		max-height:40%;
	}
	.s2i_sc > .div2col23 p, .s2i_sc > .div2col23 p span, .s2i_sc > .div2col23 p font,.s2i_sc > .div2col13 p,.s2i_sc .aButton{
		font-size:24px !important;
		font-family:Abel !important;
	}
	#s1sP{
		min-width: 100%;
		background-size: auto;
	}
	.fb-page > span > iframe{
		display:block !important;
	}
	iframe.xcomponent-component-frame{
		display:block !important;
	}
	#s9 iframe{
		display:inline-table !important;
	}
	html body footer div a.footericons div.fb-like.fb_iframe_widget span iframe{
		display:block !important;
	}
	footer > div > a{
		padding-top:0px;
		font-size:21px ;
		padding-bottom:20px;
	}
	#s2_sc > a{
		padding:20px;
	}
	#s2_sc > a > div{
		height: 300px;
		width: 600px;
		background-size:600px !important;
	}
	#s2_sc > a > span, #s2_sc > a > p{
		font-size:26px;
	}
	.baHeader{
		display:block;
	}
	.baHeader > a{
		display:inline-block !important;
	}
	.LangSelect{
		margin-top: -60px;
		right: 90px;
		position: absolute;
		width: 70px;
	}
	.fbposts{
		width:575px;
	}
	.fbposts > span{
		margin-top:10px;
		width: auto;
	}
	.fbposts > span > a.fbcomment{
		margin-left:auto;
	}
	.fbcomment{
		margin-left: 438px;
		height:25px;
		padding-top: 15px;
	}
	.shoph1{
		margin-top:-100px;
		padding-left:120px;
	}
	#s1sL > a{
		margin-top:20px;
		font-size:25px;
	}
	.sItem > .aButton{
		font-size:20px;
	}
	.sItemDESC > b{
		font-size:23px;
	}
	.sItemDESC > span{
		font-size:20px;
	}
	.sItemDESC > select{
		font-size:20px;
		min-width:250px;
	}
	#usMail{
		display: inline;
		margin-top: -10px;
		margin-right: 20px;
		font-size:23px;
	}
	#qrcodeProfile{
		width:600px;
	}
	.s2i_sc p{
		font-size:24px;
	}
}