/* Template for KB Lachen © admotion */


html 
{
   height:			100%;
}


body
{
    height:            100%;
    margin:			   0px;
    padding:		   0px;
    font-family:	   "Trade Gothic Light";
    font-weight:	   300;
    font-size:		   19px;
    line-height:	   170%;
    letter-spacing:	   0.03em;
    color:             #4B4A4D;
}



#system-message { margin: 0px; }
img { height: auto; max-width: 100%; vertical-align: middle; border: 0px; }


header { position: fixed; width: 100%; z-index: 9999; background: #ffffff; -webkit-box-shadow: 1px 0px 15px 0px rgba(0,0,0,0.2); box-shadow: 1px 0px 15px 0px rgba(0,0,0,0.2); }
#header { margin: 0px 30px; padding: 20px 0px 10px 0px; transition: .3s ease-out; position: relative; }

#adresse { display: none; transition: .3s ease-out; }
#kanton { transition: .3s ease-out; }
#logo { transition: .3s ease-out; }

.logo { width: 280px; padding: 0px 0px 5px 0px; }
.kanton { display: none; }
.adresse { font-size: 18px; line-height: 155%; }
.adresse a { color: #4B4A4D; }

#showbox { position: relative; padding: 122px 0 0 0; }
#titelbild p { margin: 0px; }
#titelbild img { min-width: 100%; }

#menu { display: none; }

.shrink #logo { width: 180px; }


#inhalt { padding: 30px 30px 40px 30px; }

#text ul { margin: 0px 0px 10px 0px; padding: 0px; }
#text li { margin: 0px; padding: 0px 0px 0px 25px; list-style: none; background: url(../images/list.png) no-repeat scroll 0 15px; line-height: 170%; }
#text a { color: #CC071E; font-family: "Trade Gothic Bold"; font-weight: 700; }

#text ol { margin: 0px 0px 10px 24px; padding: 0px; }
#text ol li { margin: 0px; padding: 0px 0px 0px 5px; list-style: inherit; background: none; line-height: 170%; }


#col-right { margin: 30px 0px 0px 0px; padding: 30px 0px 0px 0px; border-top: 1px solid #CC071E; }
#infos .moduletable { margin: 0px 0px 50px 0px; }
#infos .moduletable:last-child { margin: 0px 0px 0px 0px; }

#infos-left { margin: 50px 0px 0px 0px; border-top: 1px solid #CC071E; padding: 40px 0px 0px 0px; }
#infos-left a { background: url(../images/download.svg) no-repeat scroll right center; background-size: 23px 26px; transition: .3s ease-out; }
#infos-left a:hover { background: url(../images/download-red.svg) no-repeat scroll right center; background-size: 23px 26px; }

#infos-right { margin: 50px 0px 0px 0px; border-top: 1px solid #CC071E; padding: 40px 0px 0px 0px; }
#infos-right a { background: url(../images/download.svg) no-repeat scroll right center; background-size: 23px 26px; transition: .3s ease-out; }
#infos-right a:hover { background: url(../images/download-red.svg) no-repeat scroll right center; background-size: 23px 26px; }


.infos ul { margin: 0px; padding: 0px; }
.infos li { margin: 0px; padding: 0px; list-style: none; text-transform: uppercase; letter-spacing: 0.07em; transition: .3s ease-out; font-family: "Trade Gothic Condensed"; font-weight: 400; }
.infos li a { border-bottom: 1px solid #4B4A4D; display: block; padding: 5px 40px 5px 0px; color: #4B4A4D; transition: .3s ease-out; }

#col-bottom { margin: 50px 0px 0px 0px; }

#infos-left .moduletable { margin: 0px 0px 20px 0px; }
#infos-left .moduletable:last-child { margin: 0px; }
#infos-right .moduletable  { margin: 0px 0px 20px 0px; }
#infos-right .moduletable:last-child { margin: 0px; }




#team .moduletable { border-top: 1px solid #4B4A4D; padding: 30px 0px 0px 0px; margin: 50px 0px 0px 0px; }


#team ul { margin: 0px; padding: 0px; }
#team li { margin: 0px; padding: 0px; list-style: none; text-transform: uppercase; letter-spacing: 0.07em; transition: .3s ease-out; }
#team li a { border-bottom: 1px solid #4B4A4D; display: block; padding: 5px 40px 5px 0px; color: #4B4A4D; transition: .3s ease-out; }
#team li:hover a { color: #CC071E; }


#neuigkeiten { border-top: 1px solid #CC071E; padding: 50px 0px 100px 0px; margin: 50px 0px 0px 0px; }
#sponsoren { border-top: 1px solid #CC071E; padding: 50px 0px 100px 0px; margin: 50px 0px 0px 0px; }
#teaser-kurse { border-top: 1px solid #CC071E; padding: 50px 0px 100px 0px; }
#teaser-zusatz { border-top: 1px solid #CC071E; padding: 50px 0px 0px 0px; }

#sponsoren .moduletable  { padding: 0px 0px 40px 0px; }

footer { background: #ededed; }
#footer { margin: 0px 30px; padding: 30px 0px 10px 0px; }
#footer-logo { margin: 0px 0px 20px 0px; }
#footer-bottom { display: none; }

#copyright { margin: 20px 0px 0px 0px; font-size: 15px; text-transform: uppercase; letter-spacing: 0.07em; transition: .3s ease-out; font-family: "Trade Gothic Condensed"; font-weight: 400; opacity: .5; }
#copyright a { color: #4B4A4D; }

#balken { height: 30px; background: #CC071E; }





h1 { margin: 0px 0px 25px 0px; padding: 0px; font-size: 35px; line-height: 130%; font-weight: 700; letter-spacing: 0.05em; font-family: "Trade Gothic Bold Condensed"; text-transform: uppercase; }
h2 { margin: 0px 0px 15px 0px; padding: 20px 0px 0px 0px; font-size: 25px; line-height: 130%; font-weight: 700; letter-spacing: 0.05em; font-family: "Trade Gothic Bold Condensed"; text-transform: uppercase; }
h3 { margin: 0px 0px 15px 0px; padding: 30px 0px 0px 0px; font-size: 25px; line-height: 130%; font-weight: 700; letter-spacing: 0.05em; font-family: "Trade Gothic Bold Condensed"; text-transform: uppercase; }
h4 { margin: 20px 0px 10px 0px; padding: 30px 0px 0px 0px; font-size: 20px; line-height: 130%; font-weight: 700; letter-spacing: 0.05em; font-family: "Trade Gothic Bold Condensed"; text-transform: uppercase; }
h5 { margin: 0px 0px 15px 0px; padding: 10px 0px 0px 0px; font-size: 20px; line-height: 130%; font-weight: 700; letter-spacing: 0.05em; font-family: "Trade Gothic Bold Condensed"; text-transform: uppercase; }


#text h3 { margin: 0px 0px 10px 0px; padding: 20px 0px 0px 0px; font-size: 21px; line-height: 130%; font-weight: 700; letter-spacing: 0.05em; font-family: "Trade Gothic Bold Condensed"; text-transform: uppercase; }
#neuigkeiten h3 { font-size: 35px; margin: 0px 0px 20px 0px; padding: 20px 0px 0px 0px; }
#sponsoren h3 { font-size: 35px; margin: 0px 0px 20px 0px; padding: 20px 0px 0px 0px; }
#teaser-kurse h3 { font-size: 35px; margin: 0px 0px 25px 0px; }
#teaser-zusatz h3 { font-size: 35px; margin: 20px 0px 25px 0px; }

.oeffnungszeiten h4 { padding: 0px 0px 0px 0px; }
.oeffnungszeiten table { margin: 0px 0px 30px 0px; }


h2:first-of-type { padding: 0px 0px 0px 0px; }
h3:first-of-type { padding: 0px 0px 0px 0px; }
h4:first-of-type { padding: 0px 0px 0px 0px; }

a { text-decoration: none; outline: none; color: #f48e00; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; outline: none; }


p { margin: 0px 0px 10px 0px; }
.clear { line-height: 0; }

table { margin: 0px 0px 10px 0px; width: 100%; }
td { border-bottom: 1px solid #4B4A4D; padding: 10px 0px; }

hr { border: 0px; border-bottom: 1px solid #4B4A4D; }

.opening td { border-bottom: 1px solid #4B4A4D; padding: 10px 0px; font-family: "Trade Gothic Condensed"; text-transform: uppercase; }


.einleitung { font-size: 22px; line-height: 155%; margin: 0px 0px 30px 0px; }

strong { font-family: "Trade Gothic Bold"; }





@media(min-width:700px)
{
    #header { margin: 0px auto; width: 600px; }
    
    #inhalt { margin: 0px auto; width: 600px; padding: 40px 0px; }
    
	#footer { margin: 0px auto; width: 600px; }
}




@media(min-width:1000px)
{
    #header { width: 900px; padding: 20px 0px 0px 0px; }
    #adresse { display: block; width: 380px; }
    #footer-adresse { width: 380px; }
    
    .logo { width: 300px; float: left; padding: 0px 0px 15px 0px; }
    .adresse { float: left; padding: 32px 0px 0px 35px; }
	.kanton { width: 180px; float: right; display: block; }
	
    .shrink #logo { width: 180px; padding: 0px 0px 10px 0px; }
    .shrink #kanton { width: 110px; padding: 0px; }
    .shrink #adresse { padding: 31px 0px 0px 35px; font-size: 15px; width: auto; }
    
    #showbox { padding: 127px 0 0 0; }
    #menu-small { display: none; }
    #menu { display: block; position: absolute; left: 50%; margin: 0px 0px 0px -450px; width: 900px; height: 60px; bottom: -30px; }

	#inhalt { width: 900px; padding: 100px 0px 70px 0px; }
    #col-right { margin: 50px 0px 0px 0px; padding: 50px 0px 0px 0px; }
	
    #neuigkeiten { margin: 100px 0px 0px 0px; }
    #sponsoren { margin: 0px; }
    
	#footer { width: 900px; }
    #footer-logo { margin: 0px; }

	h1 { font-size: 55px; margin: 0px 0px 35px 0px; }
	h2 { font-size: 30px; }
	h3 { font-size: 30px; margin: 0px 0px 25px 0px; }
	h4 { padding: 50px 0px 0px 0px; }

    #teaser-kurse h3 { font-size: 40px; margin: 0px 0px 50px 0px; }
    #teaser-zusatz h3 { font-size: 40px; margin: 0px 0px 50px 0px; }

	.einleitung { font-size: 24px; }
}




@media(min-width:1300px)
{
    #header { width: 1200px; }
    .adresse { padding: 32px 0px 0px 45px; }
	.kanton { width: 190px; }

    #menu { display: block; position: absolute; left: 50%; margin: 0px 0px 0px -600px; width: 1200px; height: 60px; bottom: -30px; }
    
    #inhalt { width: 1200px; padding: 150px 0px 100px 0px; }
    #content { float: left; width: 745px; }
    #col-right { float: right; width: 405px; margin: 0px 0px 0px 0px; border: 0px; padding: 0px; }
	
	.infos li { margin: 0px 0px 0px -20px; padding: 0px 0px 0px 20px; }
	.infos li a { padding: 10px 40px 10px 0px; }
	.infos li:hover { background: url(../images/link.png) no-repeat scroll 0 12px; background-size: 10px 22px; }

    
	#infos .moduletable { margin: 0px 0px 80px 0px; border-left: 1px solid #CC071E; padding: 0px 0px 0px 50px; }

	#col-bottom { margin: 100px 0px 0px 0px; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	#infos-left { width: 550px; margin: 0px; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0px 50px 0px 0px; flex-direction: column; border: 0px; }
	#infos-right { width: 549px; margin: 0px; border-left: 1px solid #CC071E; border-top: 0px; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0px 0px 0px 50px; flex-direction: column; }
    
	#team li { margin: 0px 0px 0px -20px; padding: 0px 0px 0px 20px; }
	#team li a { padding: 10px 0px; }
	#team li:hover { background: url(../images/link.png) no-repeat scroll 0 12px; background-size: 10px 22px; }
	
    footer { position: relative; }
    #footer { width: 1200px; padding: 30px 0px; }
    #footer-top { border-bottom: 1px solid #666666; padding: 0px 0px 30px 0px; }
    #farben { position: absolute; right: 0; bottom: 80px; width: 45px; background: url(../images/farben.svg) no-repeat scroll 0 0; height: 142px; background-size: 45px 142px; }

    #copyright { margin: 0px; }
    
    h3 { padding: 30px 0px 0px 0px; }
	h4 { padding: 50px 0px 0px 0px; }

	h3:first-of-type { padding: 0px; }
	h4:first-of-type { padding: 0px; }

}




@media(min-width:1600px)
{
    #header { width: 1500px; padding: 30px 0px 0px 0px; }
    .logo { width: 450px; padding: 0px 0px 20px 0px; }
    .kanton { width: 250px; padding: 5px 0px 0px 0px; }
    .adresse { padding: 63px 0px 0px 45px; font-size: 22px; }

    .shrink #header { padding: 20px 0px 0px 0px; }
    .shrink #adresse { padding: 31px 0px 0px 35px; }
    
    #showbox { padding: 183px 0 0 0; }
    #menu { margin: 0px 0px 0px -750px; width: 1500px; }
    
    #inhalt { width: 1500px; }
    #content { width: 1045px; }
    
	#infos-left { width: 700px; }
	#infos-right { width: 699px; }

	#team .moduletable { padding: 50px 0px 0px 0px; margin: 100px 0px 0px 0px; }
	    
    #footer { width: 1500px; padding: 50px 0px; }    
    #footer-bottom { display: block; padding: 50px 0px 10px 0px; }
}