@charset "UTF-8";

@media all{
/*--Reset --*/
    html{font-family:sans-serif}
    body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}
img{border:0}svg:not(:root){overflow:hidden}
figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}}
*, *:before, *:after{box-sizing:border-box;}
body, header, section, article, nav, footer, time, figure, aside, img, p, blockquote, img, h1, h2, h3, h4, h5{margin:0;padding:0;}
select, input, textarea{font-size:99%}
header, nav, section, section.content, article, footer, #layout, #menu{clear:both;width:auto;}
main, time, mark, figure{display:block;}
/*--EOF reset --*/
/* -- ------------------------------------------ -- */
/* -- Jänner 2021 > ergänt zu mai 2017 ueberarbeitete ver 10(2015) -- */

html{font-size:100%;line-height:1.5rem;height:100%;}
body{position:relative; max-width:1250px;min-height:101%; }
body{color:#222; background-color: #f5fffa; background-image:url("img/canvasbg.gif"); }
#layout{position:relative; max-width:98%; top:2.99em; margin:0 auto; padding-left:.50rem;}
header[role="banner"], section[role="main"], 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;
}
/* -----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;}
section[role='main'] p,
section[role='main'] h1, section[role='main'] h2, section[role='main'] h3, section[role='main'] h4,
section[role='main'] h1 + p.subheadl{margin:0;padding-left:0.5rem;}
section[role='main'] p{font-size:1rem;line-height:1.5;margin-top:.55rem;padding-left:0.5rem;}
h1, h2, h3, h4, h5, h6{font-size:1rem;font-weight:bold;color:black;line-height:1.5;margin:0;}
h1{font-size:1.4rem;color:#4b00b6;}
h2, h3, h4{margin:1rem 0 0 0;}
h5, h6{margin:.5rem 0 0 0;}
a  {text-decoration: none;}
a:hover {text-decoration:  underline;}
/* --------------- bof herold bewertung ---------- */
aside[role="complementary"] #herold-rating {
font-size: .85rem;font-weight: normal;line-height: normal;
background-color: #eee;margin-top:1.5rem;color: #3c4448;text-align: center;}
aside[role="complementary"] #herold-rating .review-content {
background-color: #ffee00;  background: #ffee00; padding: 0; margin:.5rem 0 .5rem 0; line-height: 2.50; font-weight: bold;}
aside[role="complementary"] #herold-rating  .herold-logo img{
  height: 35px; width: 197px;}
/* --------------- eof herold bewertung ---------- */
/* -- Header --- */
header[role="banner"] {font-family: 'headline'; text-transform: uppercase; font-kerning: normal; 
    width: 95%;
    max-width: 97.9592%; /* 1200 : 1225 px */
    height: auto;
    box-sizing: border-box;
    padding: 0 0 1rem 4rem;
    margin: 0 0 0 .75rem;
    background: url("img/Logkl_co(kor)y50.jpg") no-repeat; }
/* -- Header ---  -- Header ---  -- Header ---  -- Header ---  -- Header ---  -- Header ---  -- Header ---  -- Header ---   */
header[role="banner"] {font-family: 'headline'; text-transform: uppercase; font-kerning: normal; 
    width: 85%; max-width: 85.9592%; /* 1200 : 1225 px */
    height: auto;
    box-sizing: border-box;padding: 0 0 1rem 4rem; margin: 0 0 0 .75rem;
    background: url("img/Logkl_co(kor)y50.jpg") no-repeat; 
   border: #f5fffa 1px solid;}
 	header[role="banner"] h1, p#banner-headl, p.subheadl { 
    font-weight: bold;  margin-top: -0.2999em; padding-top: 0; }  
	header[role="banner"] h1, header[role="banner"] p#banner-headl { 
    font-size: 1.3rem; letter-spacing: 0.06rem; color: #cb0061; text-shadow: 0 2px 3px rgba(0,0,0,.6), 0 4px 6px rgba(0,0,0,.1);  }
	h1 sup, p#banner-headl sup { font-size: 50%; vertical-align: baseline; top: -0.85em; margin-left:-.30rem;}
	header[role="banner"] p.subheadl { 
    font-family: 'headline', sans-serif;
    font-size: 1rem; font-weight: bold; color: black; margin-top: -.15rem; }
	header[role="banner"] span, .subheadl span { font-size: .75rem;  }
	header[role="banner"] .subheadl span {display:table;}
/* EOF Header --- EOF Header --- EOF Header --- EOF Header --- EOF Header --- EOF Header --- EOF Header --- EOF Header --- EOF Header ---*/ 
@media screen and (max-width: 440px){
	.flex-container > div { 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%;  max-width:100px; 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; background:url("img/canvasbg.gif"); margin:0; padding:0;}
			.flex-container > div { 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 { 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; 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 Startseite eof flex-container */ /* Startseite eof flex-container */ /* eof Startseite flex-container */ /* eof Startseite flex-container */


   section[role="main"]#kurse p.subheadl{ 
   	font-size : .99999rem;
	margin: 0 0 0 2.100rem;}
 section[role="main"]#kurse h3 + p.subheadl, h1 + p.subheadl {
    font-family: 'headline', Tahoma, Arial, sans-serif; 
	font-size: .990rem; 
	font-weight: normal; }
    h2 + p.subheadl {margin: 0 0 0 1.78rem;}
	
	h3, h4
	section[role="main"]#kurse .flex-container a h3 {font-size: 1.75rem; margin:1rem 0 0 0; }
	section[role="main"]#kurse .flex-container h3 + p.subheadl{
    font-family:  sans-serif;
	font-weight: normal;
	font-size:.95rem; 
	 margin: .15rem 0 0 0;}
} /* EOF @media screen and (min-width:480px) {}*/

 section[role="main"] h2,
section[role="main"] h3 {
    font-size : 1.15rem;
    line-height : 1;
    margin : 0.75rem 0 0 0;
} 
section[role="main"] h2 {
    color:#4b00b6;
} 
    
section[role="main"] h1{font-size:1.10000rem;}
section[role="main"] h2, h1 {color:#4b00b6;}

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

    section[role="main"] h1 span,
    section[role="main"] h2 span {
        display:inline;
        line-height:1;
        text-indent:1.25em; }
    header[role="banner"] span {display:inline;}

ul, ol.none{list-style-type:none;padding:0 0 0 1.75em;margin:0;}
ul ul{padding:0 0 0 0.95em;margin:0;}
section[role='main'] ul, section[role='main'] ol{margin:0.55em 0 0.55em 0;line-height:1.5;}
section[role='main'] ul ul{margin:0 0 0.25em 0;line-height:1.5;}
section[role='main'] ul{list-style-image:url(img/icons/diagruen.gif);}
ul{list-style:disc;}
li.first{list-style:none;}
ul li[class="noStyle"], li[class="noStyle"]{list-style:none;}
ul#nav-intern, ul#nav-intern2{margin:0;padding:0;}
ul.float-left{float:left;width:40%;}
ul.float-right{float:right;width:40%;}

/*-------- (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;}

.float-left{float:left;}
.float-right{float:right;}
h2.clear, p#StartClaim, footer[role="conteninfo"] p, .clear {clear:both;}


#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;
}

nav[role=navigation]{width:94%;margin-left:.5rem;overflow:hidden;overflow-y:auto;}
#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 --------*/


#menu .pure-menu ul ul li:first-of-type{border-top:0}
#menu .pure-menu ul ul{list-style-type:square;margin:0 0 0 .25rem;padding:0 0 0 1.45rem}
#menu .pure-menu ul ul ul{margin:0 0 0 .25rem;padding:0 0 0 .3rem}
#menu .pure-menu ul ul{border-top:2px solid #000;border-top:6px solid rgba(20,20,20,.55)}
#menu .pure-menu ul ul ul{border-top:0 solid #000;border-top:0 solid rgba(20,20,20,.55)}

#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%}

#menu .pure-menu ul ul li a,#menu a,#nav-intern li a,#nav-intern2 li a,footer[role=contentinfo] li a{display:block;text-decoration:none;background-color:#DDE;color:#4b0099;border:none;padding:.2em .5em}
#menu .pure-menu ul ul li a{line-height:1.75em}#menu a{padding:.6em 0 .6em .6em;border-left:.3em solid #c09}
#menu .pure-menu a.current:link,footer a.current{color:#fff;background-color:#5e5e89}
#menu .pure-menu,#menu .pure-menu ul{border:none;background:#DDE;margin:0;padding:0}
#menu li>h2,#menu li>strong{background:#DDE;color:maroon;font-weight:700;font-size:94%;line-height:2.5;margin:.5em 0 .2em .75em}
#menu a.menu-heading{border:none;text-align:center;margin:0 0 0 .75em;padding-left:0}
#menu a#cat-headl{font-weight:700}
#menu li:nth-of-type(1) a:link{background-color:#ededed;background-color:rgba(237,237,237,.75);color:#000}
#menu .pure-menu ul ul li a:link{color:#000;background-color:#DDE}
#menu .pure-menu ul ul li a:link:hover{color:indigo;background-color:#AAE;border-left:0}
#menu .pure-menu li a:link,#nav-intern li a:link,#nav-intern2 li a:link,footer li a:link{background-color:#DDE;color:#4b0099;text-decoration:none}
#menu .pure-menu li a:link:focus,#menu .pure-menu li a:link:hover,
#nav-intern li a:link:focus,#nav-intern li a:link:hover,#nav-intern2 li a:link:focus,
#nav-intern2 li a:link:hover,footer li a:link:focus,footer li a:link:hover{color:indigo;background-color:#AAE;border-left:0}
#menu .pure-menu li a:visited,#nav-intern li a:link:visited,#nav-intern2 li a:link:visited,footer li a:visited{color:#000;background-color:#DDE}
#menu .pure-menu li a:visited:hover,#nav-intern li a:link:visited:hover,
#nav-intern2 li a:link:visited:hover,footer li a:visited:hover{border-left:.33em solid #c09}
.menu-link{position:fixed;display:block;top:0;left:0;background:#777;background:rgba(120,120,120,.7);font-size:10px;z-index:10;width:2em;height:auto;padding:2.1em 1.6em}
.menu-link:focus,.menu-link:hover{background:#000}.menu-link span{position:relative;display:block}
.menu-link span,.menu-link span:after,.menu-link span:before{background-color:#fff;width:100%;height:.2em}
.menu-link span:after,.menu-link span:before{position:absolute;margin-top:-.6em;content:" "}
.menu-link span:after{margin-top:.6em}

/*--------(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}}
}