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: #1b1c1c;
}

/* +++++++++++++++++++ */
.col { 
		margin: 1% 0 1% 0%;
	}
.span-1-24 {
		width: 100%; 
	}
	.span-2-24 {
		width: 100%; 
	}
	.span-3-24 {
		width: 100%; 
	}
	.span-4-24 {
		width: 100%; 
    }    
	.span-5-24 {
		width: 100%; 
	}
	.span-6-24 {
		width: 100%; 
	}
	.span-7-24 {
		width: 100%;
	}
	.span-8-24 {
		width: 100%; 
	}
	.span-9-24 {
		width: 100%; 
	}
	.span-10-24 {
		width: 100%; 
	}
	.span-11-24 {
		width: 100%; 
	}
	.span-12-24 {
		width: 100%; 
	}
	.span-13-24 {
		width: 100%; 
	}
	.span-14-24 {
		width: 100%; 
	}
	.span-15-24 {
		width: 100%; 
	}
	.span-16-24 {
		width: 100%; 
	}
	.span-17-24 {
		width: 100%; 
	}
	.span-18-24 {
		width: 100%; 
	}
	.span-19-24 {
		width: 100%; 
	}
	.span-20-24 {
		width: 100%; 
	}
	.span-21-24 {
		width: 100%; 
	}
	.span-22-24 {
		width: 100%; 
	}
	.span-23-24 {
		width: 100%; 
	}
	.span-24-24 {
		width: 100%; 
	}
/* +++++++++++++++++++ */

*{-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: 2rem;
	font-weight: normal;
}
h1 {
	font-size: 1.8rem;
	line-height: 2rem;
	font-weight: normal;
}
#container {
	width: 94%;
	margin: 0 auto;
}
header {
    background-image: url(../image/bg/bg-navi.gif);
	background-repeat: no-repeat;
	background-size: cover;
}
header img {padding: 0 .5rem 0 .5rem;}
.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;}
.tablebg-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: -1rem;}
.shaddow { text-shadow: 0.1em 0.1em 0.1em black;}
.right {
    text-align: right;
    padding: .5rem 1rem .5rem 0;
}
.t-right {text-align: right;}
.center {text-align: center;}
.left {text-align: left;}
.hrorange {
	border:solid #fcb202 1px;
	background-color:#fcb202;
	height:.2rem;
	margin-top: 3rem;
	width: 106%;
}
.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: 1rem;
	margin-top: 2rem;
}
.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: 1rem 1rem 0 1rem; }
.margel { padding: 0 0 0 1rem; }
.margerl { padding: 0 2rem 0 2rem; }
.margerou { padding: 1rem 0 1rem 0; }
.margerlou { padding: 2rem 2rem 1rem 1rem; }
.marger { padding: 0 1rem 0 0; }
.bold {	font-weight: bolder;}
.big { font-size: 2em;}
.fsmall {font-size: .7rem; line-height: 1.2rem;}
.letterspace {letter-spacing: 1px;}

.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;
}
a {
	text-decoration: none;
	color:fuchsia;
	font-weight: 700;
}
table {
	width:100%;
	border:none;
	padding:0;
}
table, td, tr, th {
	border-collapse: collapse;
	text-align: left;
}
thead {
		display:none;
	}
td, tr, th {
	padding:.3em .5em .3em 0em;
}
td::before {
		content:attr(data-label);
		width: 100%;
		float:left;
	}
tr td:first-child {
	margin-left:-.5em;
	background:darkgrey;
	width: 100%;
}
tr {
	float: left;
	width: 100%;
}
td {
	float: left;
	padding-left:.5rem;
}
table .right {
	float: left; 
	text-align: left; 
	padding: 0;
	margin:0;
}

.fullwidth {width:100%;}

.tr-border {	
	border-top:1px solid white;
	border-bottom:1px solid white;
}
.none {display: none;}
.width-30 {width:30%;}
.width-50 {width:50%;}


.img70 {width:100%; height: auto;}
.img40 {width:40%; 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:100%;
}
.table-width-second {
	width:100%;
}
.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;}

#iup-triangle {
   width: 140px; 
   height: 140px; 
   background: #037CA9; 
}
.footer tr td:nth-child(1) {
	background:none;
}
.footer tr td:nth-child(2) {
	margin-left: -.5em;
}

.probetraining table tr td:nth-child(1) {
	background:none;
}
.gutschein {margin-top:-2.5em;}
.img-info {width:30%; height: auto;}
.gutschein {margin-top:-2.5em; width:90%; height:auto;}
.font-abst-ou {line-height:2rem;}
.bild-abstand {margin-top:2rem;}
.marign-left {padding-left:1rem;}