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

@media all{
/*--Reset --*/
    html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
    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, h1, h2, h3, h4, h5{margin:0;padding:0;}select, input, textarea{font-size:99%}header, nav, section, section#top, section.content, article, footer, #layout, #menu{clear:both;width:auto;}
main, time, mark, figure{display:block;}/*--EOF reset --*/
/*-- allgemeines layout --*/
/* e4kids-rwd-formular-seite.css e4kids feber 2021
/* Layout, Typographie, Farben > e4kids > 
/* authoer. norbert koestenbauer office@n-koestenbauer.at */

 *:before, *:after {box-sizing: border-box;}
body, header, section, article, nav, footer, time, figure, aside, img, p, blockquote,
h1, h2, h3, h4, h5 { margin:0; padding:0;}
/* s.a. reset.css fieldset, blockquote { border: 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 --*/

/* -----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 ----*/
html { font-size: 100%; line-height: 1.5rem; height: 100%; }
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,
section[role='main'] h1 + p.subheadl, span.headl{font-family: 'headline', Verdana,Trebuchet,Tahoma,Arial,Helvetica,sans-serif;
font-size:1rem;color:black;line-height:1.5; margin:0;padding-left:0;}

h1{font-size:1.4rem;color:#4b00b6;}
h2, h3, h4{margin:1rem 0 0 0; }

footer div+p a.tel {font-weight:bold; text-decoration: underline;}
footer[role="contentinfo"] > div + p {clear:both;}

section[role="main"] a  {text-decoration: underline;}
a:hover {text-decoration:  underline;}
/* -----Fonts ----*/


/* Angabe der Breite und position der Elemente */

html{font-size:100%;line-height:1.5rem;height:100%;}
body{position:relative; max-width:1250px;min-height:101%; color:#444;}
body, aside, footer, footer p{background: #f5fffa url("img/canvasbg.gif"); color:#222;}
#layout{position:relative; max-width:98%; top:2.99em; margin:0 auto; padding-left:.50rem;}
header[role="banner"], section[role="main"], section#top, {width:97.9592%;padding:0;margin:0;}

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

img {width: 100%;max-width: 100%;height: auto; -ms-interpolation-mode: bicubic;}
img.captcha {width: 15em;}	
/* -- 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("https://e4kids.at/styles/img/Logkl_co(kor)y50.jpg") no-repeat; 
   /* background-size: contain;*/
   border: #f5fffa 1px solid;}
header[role="banner"] h1,  p#banner-headl, p.subheadl { font-weight:bold; margin-top:0; 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 { 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;}

aside[role="complementary"]{ float:left;width:97.9592%;padding:0 0 2.75rem 0;margin:0.5rem 0 1rem 0;}
aside[role="complementary"] img#keyvisual{float:left;max-width:220px;margin:0.25rem 0 1rem 0;}

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

/*-- Footer - Contentinfo --*/ /*-- Footer - Contentinfo --*/  /*-- Footer - Contentinfo --*/ 
footer[role="contentinfo"] {text-align: left; margin: .75rem 0 0 .0rem; hyphens: none;}
footer[role="contentinfo"] {width:90.9592%; display: flex; flex-flow: row wrap;
							background: #f5fffa url("img/canvasbg.gif"); color:#222; }

footer[role="contentinfo"] > div {
  background: #DDE; padding: .2rem .5rem; border-top:0px solid #9400d3;border-right:0px solid #9400d3;
  width: auto; margin: 0 0 .5rem 0.5rem;  text-align: center;  line-height: 1.5rem;  font-size: 1rem;}
footer[role="contentinfo"] > div + p {margin: .5rem 0 0 .5rem;  font-size: .90rem;}
footer[role="contentinfo"] p.footer-info { margin: 0 0 .75rem .0rem; }

/* eof Footer - Contentinfo --*/ /* eof Footer - Contentinfo --*/ /* eof Footer - Contentinfo --*/ 

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

/* farben - hintergrund und schriftfarben der elemente */
body, #layout, section[role="main"], aside, footer p { background: #f5fffa;  color: #444;}
main#layout .clear {clear:both;}

/* content / main schrift und layout einzelner elemente */
	
section[role='main'] p,
section[role='main'] h1, section[role='main'] h2, section[role='main'] h3, section[role='main'] h4 {margin:0;padding-left: 0.5rem;	}
section[role='main'] p {font-size: 1rem;  line-height: 1.5;	margin-top: .55rem;	}
	h1, h2, h3, h4, h5, h6 {font-family: Verdana, Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
    	font-weight: bold;  color: black;	line-height: 1.5; padding: 0;	margin: 0;}
	h1 { font-size: 1.4rem; color: #4b00b6; }
	h2, h3, h4 { font-size: 1rem; margin: 1rem 0 0 0;}
	h5, h6 { font-size: 1rem; margin: .5rem 0 0 0;}     

@media screen and (min-width: 480px) {
	h2, h3, h4 { font-size: 1.2rem; margin: 1rem 0 0 0;}

	section[role="main"] h2 {
    	background-image: url(../img/icons/pr30x20.gif);  	background-repeat: no-repeat;
    	background-position: left center;  	color: #4b00b6;
    	text-indent: 1.75em;  	font-size: 1.2rem;
    	line-height: 2;	margin: .75rem 0 0 0;}
 }
 
/*-- regelt zeilenumbruch im header, die <span> neue zeile </span> ist zwischen den elementen  --*/
@media screen and (max-width: 480px){
	section[role="main"] h1 span,
	section[role="main"] h2 span { display: inline; line-height: 1; text-indent: 1.25em; }
  	span:before { content: "\a "; white-space: pre;	}
}	/*-- EOF max-width 480px --*/


ul, ol { list-style-type: none;	 padding: 0 0 0 .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;}

	ul.noBullets, ol.noBullets, li.first {list-style: none; }
	ul li[class="noStyle"], li[class="noStyle"], ul[class="noStyle"] li {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%;}	

	fieldset > ul li{margin-left:.0rem;}
	
	section[role="main"].tbl-termine-preise,
	section[role="main"].full-width {
		width: 98%;	}
	h1 { font-size: 1.5rem;  }
	h1, h2 { color: #4b00b6; }
	h3, h4 { font-size: 1.2rem; margin: .5em 0 0 0;}
	h5, h6 { font-size: 1.0rem; margin: .5em 0 0 0;}      

	section[role="main"] h3 { line-height: 1; color:black; margin: 1em 0 0 0;}
	
	h1 + p.subheadl, h2 + p.subheadl {	font-style: normal;	font-weight: bold;
    	margin: 0; padding: 0;	color: black;}
	h1 + p.subheadl, h1 + p.subheadl-light {text-indent: .4em;}
	h2 + p.subheadl {text-indent: 2.5em;}    

	section[role="main"] h2 {
    	background-image: url(../img/icons/pr30x20.gif);
    	background-repeat: no-repeat;    	background-position: left;
    	text-indent: 1.25em;    	font-size: 1.38rem;
    	line-height: 1;    	margin: .75em 0 0 0;   }		
}
/*-- EOF (min-width: 481px) --*/

@media screen and (min-width: 1024px) {
	section[role='main'] {
    float: left;    width: 70.9592%; /* 1200 : 1225 px */
    padding: 0 0.5em 0 0;
    margin: 1.5em 0 2em 0;
	}
}
/*-- EOF (min-width: 1024px) --*/
@media screen and (min-width:1024px){
    aside[role="complementary"]{background-color:#f5fffa;float:right;width:25%;padding:0 0 2.75em 0;margin:1.5em 0 1em 0;}
}
.float-left {float:left;}
.float-right {float:right;}
h2.clear, p#StartClaim, footer[role="conteninfo"] > div + p.footer-info, .clear {clear:both;}
/*-- side-menu -- -- side-menu -- -- side-menu -- -- side-menu -- -- side-menu -- -- side-menu -- -- side-menu -- -- side-menu --*/
#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{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;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;font-family:Verdana,Trebuchet,Tahoma,Arial,Helvetica,sans-serif}
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{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}
@media (min-width:800px){#menu ul li{line-height:1.3}}
#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;zoom:1;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(2),#nav-intern li:nth-of-type(3),#nav-intern2 li:nth-of-type(2){margin-top:.5rem}
@media screen and (max-width:900px){#nav-intern li:nth-of-type(1),#nav-intern2 li:nth-of-type(1){margin-top:.5rem}
footer[role=contentinfo]{width:95.9592%}} 
footer 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{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}
@media (min-width:60em){,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}}

@media (max-width:980px){
    .carousel{position:relative;width:98%;margin:auto;font-family:sans-serif}
.carousel ul li{display:inline;display:inline-block}
.carousel .carousel-item{display:none}
.carousel .carousel-active{display:block}
.carousel .carousel-nav:nth-child(2){display:none}
.carousel-slide{position:relative;overflow:hidden;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)}
.carousel-slide .carousel-item{position:absolute;left:100%;top:0;width:100%;display:block;z-index:1;
    -webkit-transition:left .2s ease;
    -moz-transition:left .2s ease;
    -ms-transition:left .2s ease;
    -o-transition:left .2s ease;transition:left .2s ease}
.carousel-no-transition .carousel-item{
    -webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
.carousel-slide .carousel-active{left:0;position:relative;z-index:2}.carousel-slide .carousel-in{left:0}
.carousel-slide-reverse .carousel-out{left:100%}
.carousel-slide .carousel-out,.carousel-slide-reverse .carousel-in{left:-100%}
.carousel-slide-reverse .carousel-item{-webkit-transition:left .1s ease;
    -moz-transition:left .1s ease;-ms-transition:left .1s ease;-o-transition:left .1s ease;transition:left .1s ease}
.carousel-slide-reverse .carousel-active{left:0}
.carousel .carousel-item{display:none}
.carousel .carousel-active{display:block}
.carousel .carousel-nav:nth-child(2){display:none}
.carousel-item img{width:100%;height:auto;display:block;padding:5px;border:2px solid #3c944F}
.carousel-nav{position:relative;bottom:0;z-index:4;width:100%}
.carousel-nav a{position:absolute;bottom:-.5em;font-size:1.25em;font-weight:700;text-decoration:none;background:#fff;color:#3c944F;opacity:.1}
.carousel-nav a.prev{left:0}
.carousel-nav a.next{right:0}
.carousel-nav-paginated .carousel-active-page a{background:#333;color:#3c944F}
.arrows .carousel-nav{bottom:auto;top:90%}
.arrows .carousel-nav a{text-indent:-9999px;width:1.75em;height:1.75em;background:50% 50% no-repeat white;opacity:.8;overflow:hidden;border-radius:25%}

.arrows .carousel-nav a:focus,
.arrows .carousel-nav a:hover{opacity:1}
.arrows .carousel-nav a.next,
.arrows .carousel-nav a.prev{top:-2.5em}
.arrows .carousel-nav a.next{background-image:url(assets/arrow-right.png);right:1rem}
.arrows .carousel-nav a.prev{background-image:url(assets/arrow-left.png);left:1rem}
}