@charset "UTF-8";
@viewport{width:device-width}

@media all{

/* -- ------------------------------------------ -- */
/* -- Jänner 2021 > ergänt zu mai 2017 ueberarbeitete ver 10(2015) -- */
section[role="main"] .flex-container, footer[role="contentinfo"] {width:97.9592%;padding:0;margin:0;}

img{width:100%;max-width:100%;height:auto;}
section[role='main'] ul img{width:35%;max-width:40%;height:auto;}

section[role="main"]{margin-top:.5em;}

footer[role="contentinfo"]{text-align:left;margin:0;padding:0;}
footer[role="contentinfo"] {width:90.9592%; display:flex; flex-flow:row wrap; background:#f5fffa url("../img/canvasbg.gif"); }
footer[role="contentinfo"] p {width:90.9592%;}
footer[role="contentinfo"] > div { background: inherit;padding:2px 3px;  width: auto; margin: 0 0 0.5rem .5rem; text-align: center; line-height: 1.5rem; font-size: 1rem;}
footer[role="contentinfo"] > div + p{ margin: .5rem 0 0 .5rem;   font-size: .90rem;}
/* eof Footer - Contentinfo --*/ /* eof Footer - Contentinfo --*/ /* eof Footer - Contentinfo --*/ /* eof Footer - Contentinfo --*/ 

aside[role="complementary"]{ float:left;width:97.9592%;padding:0 0 1.75rem 0.5rem;margin:1.5rem 0 0rem 1rem;}
aside[role="complementary"] img#keyvisual{float:left; max-width:220px;margin:0.5rem 2.5rem 1.5rem 0;}
table{width:100%;border-collapse:collapse;margin:1.55em 0 0.5em 0;box-sizing:border-box;}

main#layout .clear{clear:both;}

/* -----Fonts ----*/
@font-face{font-family: 'headline';font-display: fallback;
src: url('fonts/texgyreadventor-bold-webfont.woff') format('woff');font-weight: bold;}
@font-face{font-family: 'nav-headline';font-display: fallback;
src: url('fonts/texgyreadventor-regular-webfont.woff') format('woff');font-weight: normal;font-size:75%;}
/* -----Fonts ----*/
body{ font-family: Verdana,Trebuchet,Tahoma,Arial,Helvetica,sans-serif; font-size:98%;line-height:1.5;text-align:left;}
nav, #menu h1.subheadl{font-family: Verdana,Trebuchet,Tahoma,Arial,Helvetica,sans-serif;}
h1, h2, h3, h4, h5, h6{font-family: 'headline', Verdana,Trebuchet,Tahoma,Arial,Helvetica,sans-serif;}
body, footer[role="contentinfo"], #menu{hyphens:none;}

@media screen and (max-width: 440px){
	.flex-container > div {	background: inherit); width: 90.000%; margin: .25rem 0 0.5rem 0; text-align: left; line-height: 2.5rem;}
	section[role="main"]#kurse .flex-container img {width: 100% !important; max-width:260px;  padding: 0.25rem 0 0 0; margin:0.25rem 0 .5rem 0.25rem; }
	section[role="main"]#kurse .flex-container img#book {width:50%;!important;  max-width:100px; align:left;  padding: 0.5rem 0.75rem 0 0;}
	.flex-container > div a:hover img:hover {border: 2px blue solid; transform: scale(1.10); z-index: 2000;}
	aside[role="complementary"]{ float:left;width:97.9592%;padding:0 0 1.75rem 0rem;margin:1.5rem 0 0 0rem;}
	aside[role="complementary"] img#keyvisual{float:left; max-width:110px;margin:0.5rem 2.5rem 2.5rem 0; padding:0;}
	aside[role="complementary"] > img:hover {transform: scale(1.10); z-index: 2000;}
}

@media screen and (min-width: 450px){
    header[role="banner"] h1{font-size: 1.8rem;}
    header[role="banner"] .subheadl span {display:inline;}
/* EOF Header --- */ 

	section[role="main"] h1{font-size: 1.20000rem;}
    section[role="main"]#kurse h2{ background-image: url(img/icons/pr30x20.gif);
        background-repeat : no-repeat;
        background-position : left;
        text-indent : 1.5em;
        font-size : 1.45rem;}
		
/* Startseite flex-container */ /* Startseite flex-container */ /* Startseite flex-container */ /* Startseite flex-container */ /* Startseite flex-container */

			.flex-container { display: flex; flex-flow: row wrap; background-color: #f5fffa url("img/canvasbg.gif"); margin:0; padding:0:}
			.flex-container > div {	background: inherit); width: 50.000%; margin: .25rem 0 0.5rem 0; text-align: left; line-height: 2.5rem;}
			.flex-container .flex-co-top{background-color: inherit; width: 100%; margin: .0rem; }
			.flex-container .flex-co-top-2 {width:100%; margin: 1.25rem 0 0.5rem 0; }
			.flex-container > div.flex-aside { background-color: inherit; width: 100%; margin-left: 10px; }
			.flex-container > div a:hover h3 {color: blue; text-decoration: underline;} 
			.flex-container > div a:hover img:hover {border: 2px blue solid; transform: scale(1.10); z-index: 2000;}
			
	section[role="main"]#kurse .flex-container h2{ background-image: none !important; text-indent:0;}	
	section[role="main"]#kurse .flex-container h3 + p.subheadl,	section[role="main"]#kurse .flex-container h2 + p.subheadl { 
	color:black;font-family: 'nav-headline', Tahoma, Arial, sans-serif; margin:0.5rem 0 0 0; }
	section[role="main"]#kurse .flex-container img {width: 90% !important; max-width:220px;  padding: 0.5rem 0 0 0; margin:0.25rem 0 .5rem .25rem; }
	section[role="main"]#kurse .flex-container img#book {width:50%;!important;  max-width:100px; align:left;  padding: 0.5rem 0.75rem 0 0;}
	section[role="main"]#kurse .flex-container a + p a{ font-size: 1rem; margin-top:0rem;}
	section[role="main"]#kurse .flex-container img#book + ul{ padding:0 0 0 4.75em;margin-top:1rem;}
} /* EOF @media screen and (min-width:480px) {}*/

 section[role="main"] .flex-container h2 + p.subheadl {
    font-size:1rem; font-family: Tahoma, Arial, sans-serif; font-weight: normal; }


/*-------- (min-width:1024px --------*/
@media screen and (min-width:1024px){
    section[role='main']{float:left;width:70.9592%;padding:0 0 0 0;margin:1.5em 0 2em 0;}
    aside[role="complementary"]{background-color:inherit;float:left;width:25%;padding:0 0 2.75em 0;margin:1.5em 0 1em 0;}
	.kurse h3, #kurse h2 {font-size:1.25rem;margin:.5em 0 0 0;} #kurse h2 {font-size:1.5rem;}
}
/*-------- EOF (min-width:1024px --------*/


section[role="main"] img{float:left;height:auto;margin:0.5em 2.5em 1em 0.75em;}

#layout,#menu,.menu-link{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}
#menu,.menu-link{box-sizing:content-box;}#menu{padding-left:.5rem}#layout.active{position:relative;left:250px}
#layout.active #menu{left:250px;width:250px;padding-left:0}#layout.active .menu-link{left:200px}

#menu{margin-left:-250px;width:245px;position:fixed;top:2.75rem;left:0;bottom:0;z-index:1000;background:0 0;
overflow-y:auto;-webkit-overflow-scrolling:touch;
}

nav[role=navigation]{width:94%;margin-left:.5rem;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
#menu ul li,#nav-intern ul li,#nav-intern2 ul li,footer ul li{font-size:95%;line-height:1.55;padding:0 0 0 .1rem;border-bottom:.1rem solid indigo}
#menu .pure-menu ul ul li{font-size:90%;line-height:1.5;padding:.25rem 0;border-top:.1rem solid indigo;border-bottom:none}


/*--------(min-width:800px --------*/
@media (min-width:800px){#menu ul li{line-height:1.3}}
/*-------- EOF (min-width:800px --------*/

#nav-intern ul,#nav-intern2 ul {vertical-align:top;width:95%;padding:0;margin:0;font-size:1rem;line-height:1.75;text-align:left}
#nav-intern li,#nav-intern2 li {display:inline;display:inline-block;margin:0;background:#DDE;padding:2px 3px;border-top:1px solid #aae;border-right:1px solid indigo}
#nav-intern,#nav-intern2{font-size:90%;line-height:1.5;font-weight:400;margin:0 0 1rem 1rem}
#nav-intern li:nth-of-type(1), #nav-intern li:nth-of-type(2),#nav-intern li:nth-of-type(3),#nav-intern2 li:nth-of-type(2){margin-top:.5rem}

footer[role=contentinfo] ul+p{clear:both;padding:.5rem 0 0 .75rem;font-size:90%}



/*--------(min-width:48em -------- */
@media (min-width:48em){
    section[role=main]{padding-left:1em;padding-right:1em}#layout{padding-left:250px;left:0}
#menu{left:250px;height:auto}.menu-link{position:fixed;left:250px;display:none}#layout.active .menu-link{left:250px}}
}