body,html {
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 100%;
    line-height: 120%;
    font-weight: normal;
    color: whitesmoke;
    margin: 0 auto;
    background: black;
}

*{-webkit-box-sizing: border-box;box-sizing: border-box;}

img {width:100%; height: auto;}
.img {width:90%; height: auto;}

p {
	font-size: .9rem;
	line-height: 1.2rem;
	font-weight: normal;
}
.p {
	font-size: .9rem;
	line-height: 1.2rem;
	font-weight: normal;
}
h2 {
	font-size: 1.4rem;
	line-height: 1.5rem;
	font-weight: normal;
}
h1 {
	font-size: 2.4rem;
	line-height: 2.8rem;
	font-weight: normal;
}
#container {
	width: 80%;
	margin: 0 auto;
}
header {
    background-image: url(../image/bg/bg-navi.gif);
	background-repeat: no-repeat;
	background-size: cover;
}
.footer {
	background-image: url(../image/bg/bg-footer.gif);
	background-repeat: no-repeat;
	background-size: cover;
}
.orange {color:#fcb202;}
.grey1 {color:#979595;}
.white {color:white;}
.black {color:black}
.fdarkgrey {color: #1b1c1c;}
.bg-grey1 {background:#979595;}
.bg-grey2 {background:#878585;}
.bg-grey3 {background:#767575;}
.bg-grey4 {background:#646363;}
.bg-grey5 {background:#545353;}
.darkgrey {background: #1b1c1c;}
.bg-orange {background:#fcb202;}
.stars { margin-top: .6rem;}
.shaddow { text-shadow: 0.1em 0.1em 0.1em black;}
.right {
    text-align: right;
    padding: .5rem 1rem .5rem 0;
}
.center {text-align: center;}
.left {text-align: left;}
.hrorange {
	border:solid #fcb202 1px;
	background-color:#fcb202;
	height:.2rem;
	margin-top: 3rem;
	width: 98%;
}
.kursbutt {
	display:inline-block;
	padding:.6em .2em;
	border:0.2em solid #FFFFFF;
	margin:0 0.3em 0.3em 0;
	border-radius:0.5em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:900;
	text-align:center;
	background: orange;
	margin-left: 2rem;
	margin-top: 6rem;
}
.kursbutt .k {
	color:#979595;
	font-size:4em;
	line-height: 1em;
	letter-spacing: -.1em;
}
.kursbutt .nr {
	color:black;
	font-size:3em;
	line-height: 1em;
	margin-bottom: 1em;	
	vertical-align: text-bottom;
}
.kursbutt-t {
	display:inline-block;
	padding:.6em .2em;
	border:0.2em solid #FFFFFF;
	margin:0 0.3em 0.3em 0;
	border-radius:0.5em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:900;
	text-align:center;
	background: orange;
	margin-left: 0rem;
	margin-top: 1rem;
}
.kursbutt-t .k {
	color:#979595;
	font-size:4em;
	line-height: 1em;
	letter-spacing: -.1em;
}
.kursbutt-t .nr {
	color:black;
	font-size:3em;
	line-height: 1em;
	margin-bottom: 1em;	
	vertical-align: text-bottom;
}
.middle {
	display: table-cell;
	vertical-align: middle;
}

.marge { padding: 2rem; }
.margel { padding: 0 0 0 2rem; }
.margerl { padding: 0 1rem 0 1rem; }
.margerou { padding: 1rem 0 1rem 0; }
.margerlou { padding: 1rem 2rem 1rem 1rem; }
.marger { padding: 0 2rem 0 0; }
.margou { padding: 1rem 0 1rem 0; }
.bold {	font-weight: bolder;}
.big { font-size: 2em;}
.fsmall {font-size: .5rem; line-height: 1rem;}
.letterspace {letter-spacing: 1px; }
.eckebottom {
	background-image: url(../image/ecke-bottom.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: contain;
}
.bg1 {
	background-image: url(../image/bg/bg-woodoptik-grey.gif);
	background-repeat: no-repeat;
	background-size: cover;
}
.bg2 {
	background-image: url(../image/bg/bg-kurs.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.bg3 {
	background-image: url(../image/bg-gutschein.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

table {
	width:100%;
	border:none;
}
table, td, tr, th {
	border-collapse: collapse;
	text-align: left;
}
td, tr, th {
	padding:.3em .5em .3em 0;
}

.button {
	background: #fcb202;
	color:black;
	border-radius: .6em;
	padding: .2em 1em .2em 1em;
}




.section {
	clear: both;
}

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; 
}

.col {
	display: inline;
	float: left;
    margin: 0;
	overflow: hidden;
}

.col:first-child { margin-left: 0rem; } 

.span-1-24 {
    width: 4.16666%;
}
.span-2-24 {
    width: 8.33333%;
}
.span-3-24 {
    width: 12.49999%;
}
.span-4-24 {
    width: 16.6667%;
}
.span-5-24 {
    width: 20.8333%;
}
.span-6-24 {
    width: 25%;
}
.span-7-24 {
	width: 29.16667%;
}
.span-8-24 {
    width: 33.33333%;
}
.span-9-24 {
    width: 37.50000%;
}
.span-10-24 {
    width: 41.66667%;
}
.span-11-24 {
    width: 45.83333%;
}
.span-12-24 {
    width: 50%;
}
.span-13-24 {
    width: 54.16667%;
}
.span-14-24 {
    width: 58.33333%;
}
.span-15-24 {
    width: 62.50000%;
}
.span-16-24 {
    width: 66.66667%;
}
.span-17-24 {
    width: 70.83333%;
}
.span-18-24 {
    width: 75%;
}
.span-19-24 {
    width: 79.16667%;
}
.span-20-24 {
    width: 83.33333%;
}
.span-21-24 {
    width: 87.50000%;
}
.span-22-24 {
    width: 91.66667%;
}
.span-23-24 {
    width: 95.83333%;
}
.span-24-24 {
    width: 100%;
}



.img70 {width:70%; height: auto;}
.img40 {width:80%; height: auto;}

.img-info {width:30%; height: auto;}
.margou { padding: 1rem 0 1rem 0; }
.eckebottom {
	background-image: url(../image/ecke-bottom.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: contain;
}
.blind1 {
	width:auto;
	max-height:4rem;
	min-height:4rem;
}
.bgpreis {
	background-image: url(../image/bg-extras-preise.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.table-width-first {
	width:60%;
}
.table-width-second {
	width:20%;
}
.h2 {
	font-size: 1.4rem;
	line-height: 2rem;
	font-weight: normal;
}
a {
	text-decoration: none;
	color:#fcb202;
	font-weight: 700;
}
a[href^='https://'] {
	color:#fcb202;
	font-weight: 800;
}
a[href^='mailto:info'] {
	color:#fcb202;
	font-weight: 800;
}
.special-grey {color:#424040;}

.psmall {
	font-weight: normal;
	color:white;
}
#traingszeiten thead {display:none;}
.gutschein {margin-top:-2.5em; width:90%; height:auto;}
.font-abst-ou {line-height:2rem;}
.bild-abstand {margin-top:2rem;}
.padding-all {
    padding: 2em;
}

.small {
    font-weight: 100;
    font-size: 0.9em;
}

.waapp {
    height: 1.4rem !important;
    width: auto;
}
