/* CUSTOM STYLESHEET for 20 HEILP�DAGOGIK */
/* author: ideenwerft GmbH */
/* author site: www.ideenwerft.com
/* copyright 2014 */
/* version: 0.1 */
/* date: june 2014 */


/* overwrites layout.css */

/* amaranth-regular - latin */
@font-face {
  font-family: 'Amaranth';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/amaranth-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Amaranth Regular'), local('Amaranth-Regular'),
       url('../Fonts/amaranth-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/amaranth-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/amaranth-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/amaranth-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/amaranth-v8-latin-regular.svg#Amaranth') format('svg'); /* Legacy iOS */
}

/* =LAYOUT ======================== */
body {font-size:13px;font-family:Verdana;color:#4e4e4e;background:url(../Img/bg-pattern.png);}
#wrap {width:988px;overflow:hidden;margin:30px auto 0;border-radius:10px 10px 0 0;}
.layout-2col aside {width:225px;padding:30px 0px 80px 20px;}
.layout-2col section#content {width:750px;padding:30px 30px 80px 15px;}


/* =BASIC STYLES ======================== */
.small {font-size: 0.9em;}
.xsmall {font-size: 0.8em;}
.red, .error {color:#c00;}
.grey {color:#999;}
.clear {clear:both;}
.italic {font-style:italic;}
.hide {display:none;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.align-justify {text-align:justify;}
.align-left {text-align:left;}
.note {font-size:0.9em;font-style:italic;color:#999;}
/* links */
a:link, a:visited {color:#ee7f01;text-decoration:none;}
:active, :focus {outline:0;}
a.internal-link:link, a.internal-link:visited {padding-right:8px;background:url("../Img/orange-link-icon.png") no-repeat right 7px;transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;}
a.internal-link:hover, a.internal-link:focus {text-decoration:underline;}
a.external-link-new-window:link, a.external-link-new-window:visited {padding-left:10px;}
a.pdf {padding-left:15px;}
a.doc {padding-left:15px;}
a.mail:link, a.mail:visited {color:#267bba;}
a.mail:hover, a.mail:focus {color:#2473ad;}
/* skip link - sichtbar beim navigieren per tastatur */
#skip a, #skip a:hover, #skip a:visited {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
#skip a:active, #skip a:focus {position:static;width:auto;height:auto;} 
/* anker-tags f�r interne links nach oben setzen*/
a.anchor {position:absolute;margin-top:-35px;}
/* text */
h1,h2,h3 {font-family: 'Amaranth', sans-serif;color:#68b022;font-weight:normal;}
p {margin-bottom:10px;line-height:20px;}
h1 {margin-top:5px;margin-bottom:15px;font-size:26px;}
h2 {margin:10px 0 10px;font-size:22px;}
aside h2 {font-family:Verdana, Arial, Helvetica, sans-serif;color:#fff;font-weight:bold;font-size:14px;}
footer h2 {font-family:Verdana, Arial, Helvetica, sans-serif;color:#fff;font-weight:bold;font-size:16px;margin-top:0px;}
h3 {margin:5px 0 10px;font-size:19px;}
h4 {margin:5px 0 10px;font-size:16px;}
/* other */
ul {list-style:disc;margin:0 0 10px 20px;line-height:1.5em;}
ol {list-style:decimal;margin:0 0 10px 20px;line-height:1.5em;}
#content .csc-textpic-imagewrap ul, #content .csc-textpic-imagewrap ol {margin-left:0px;}
blockquote {padding:15px 40px;}
blockquote p {color:#0061a1;font-size:14px;font-style:italic;}
blockquote cite {color:#888;font-size:12px;font-style:italic;}
table {font-size: 1em;border-collapse:collapse;border-spacing:0;}
table th, table td {vertical-align:top;}
/* achtung: tabellen brauchen weiterhin 'cellspacing="0"' im markup! */
table p {padding:0;margin:0;}
hr, hr.linie-davor,  hr.linie-danach {clear:both;background-color:#adadad;color:#adadad;border:#adadad;height:1px;margin:10px 0;}
address, caption, cite, code, dfn, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
fieldset {border:none;}
input, textarea, select {border:1px solid #ccc;font-size:1em;padding:2px;color:#336699;}
input:focus, textarea:focus {background-color:#f3f3f3;}
.csc-linkToTop {margin:30px 0 20px;}
.csc-linkToTop a:link, .csc-linkToTop a:visited {background:url("../Img/to-top.gif") 0 0 no-repeat;padding:2px 0 0 18px;font-weight:bold;text-decoration:none;}
.csc-linkToTop a:hover, .csc-linkToTop a:focus, .csc-linkToTop a:active {background:url("../Img/to-top.gif") 0 -30px no-repeat;text-decoration:none;}

img {border:0;color:#C00;}

hr.ce-div {
	margin: 25px 0;
    color: #ddd;
    background: #ddd;
}

/* =HEADER ======================== */
header {position:relative;}
div.topbar {display:block;width:988px;padding:2px 0px;text-align:right;
background: rgb(111,180,44); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(111,180,44,1) 0%, rgba(155,203,109,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(111,180,44,1)), color-stop(100%,rgba(155,203,109,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(111,180,44,1) 0%,rgba(155,203,109,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(111,180,44,1) 0%,rgba(155,203,109,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(111,180,44,1) 0%,rgba(155,203,109,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(111,180,44,1) 0%,rgba(155,203,109,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fb42c', endColorstr='#9bcb6d',GradientType=0 ); /* IE6-9 */}
#logo {display:inline-block;width:252px;height:280px;background:url(../Img/urban_logo.png) no-repeat center center #fff;float:left;text-indent:-9999px;}
.keyvisual {
    float:right;
    width: 735px;
}

/* musthave */
ul.musthave {display:inline-block;margin:0px;}
ul.musthave li {display:inline-block;list-style:none;border-left:1px solid #5c9228;}
ul.musthave li a:link, ul.musthave li a:visited {padding:0px 10px;text-decoration:none;color:#fff;font-size:12px;transition: all 0.8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;}
ul.musthave li a:hover, ul.musthave li a:focus {opacity:0.8;}

/* suche */
div#searchbox {display:inline-block;padding: 0px 10px;border-left:1px solid #5c9228;}
div#searchbox label {display:none;}
div#searchbox input.text {width:150px;height:20px;padding-top:4px;padding-left:5px;font-size:10px;border:1px solid #5c9228;color:#deeece;background:#59832F;}
div#searchbox input.submit {width:12px;height:20px;background:url("../Img/lupen-icon.png") no-repeat scroll 0px 4px transparent;border:none;text-indent: -9999px;}
div#searchbox input.submit:hover {cursor:pointer;}

/* =ASIDE ======================== */
aside h2 {padding:5px 0 5px 30px;
background: rgb(111,180,44); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(111,180,44,1) 0%, rgba(155,203,109,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(111,180,44,1)), color-stop(100%,rgba(155,203,109,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(111,180,44,1) 0%,rgba(155,203,109,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(111,180,44,1) 0%,rgba(155,203,109,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(111,180,44,1) 0%,rgba(155,203,109,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(111,180,44,1) 0%,rgba(155,203,109,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fb42c', endColorstr='#9bcb6d',GradientType=0 ); /* IE6-9 */}

aside div div.csc-textpic {padding:0px 10px;}

/* navigation */
ul#navi {margin-bottom:70px;margin-left:10px;}
ul#navi li {list-style:none;border-bottom:1px dotted #5a7639;}
ul#navi li.last {border-bottom:none;}
ul#navi li a:link, ul#navi li a:visited {display:block;padding:8px 0 8px 20px;font-size:13px;line-height:16px;text-decoration:none;background:url("../Img/nav-green.png") no-repeat scroll left 12px rgba(0, 0, 0, 0);color:#666;transition: all 0.8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;}
ul#navi li a:hover, ul#navi li a:focus {background:url("../Img/nav-orange.png") no-repeat left 12px;margin-left:8px;padding-left:15px;}

ul#navi li.active a:link, ul#navi li.active a:visited {background:url("../Img/nav-orange.png") no-repeat left 12px;margin-left:8px;padding-left:15px;}
ul#navi li.active ul li a:link, ul#navi li.active ul li a:visited {background-image:url("../Img/nav-green.png");font-size:12px;transition: all 0.8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;}
ul#navi li.active ul li a:hover, ul#navi li.active ul li a:focus {background-image:url("../Img/nav-orange.png");}
ul#navi li.active ul li.active {color:#666;padding:8px 0 8px 15px;background:url("../Img/nav-orange.png") no-repeat left 12px;margin-left:15px;}

ul#navi li ul {display:none;}
ul#navi li.active ul {display:block;}


/* =CONTENT ELEMENTS ======================== */
.ce-border img {border:1px solid #e3e3e3;padding: 5px;}

input.powermail_submit {background:#59832F;padding:3px 10px;border:none;color:#fff;}

.tx-powermail .container-fluid {
	padding:0;
}
.powermail_fieldwrap,
.tx-powermail label {
	padding-left: 0 !important;
	padding-right: 0!important;
}
.powermail_fieldwrap {
	margin-bottom: 25px !important;
	clear: both;
}
.tx-powermail .col-sm-10 {
	padding: 0;
    float: right;
}
.powermail_fieldwrap_datenschutz {
	padding-top: 20px;
}
input.powermail_submit {
    margin-left: 0 !important;
}
.tx-powermail .powermail_fieldset .parsley-errors-list {
    background-color: #fff; 
    border: none;
}

div.tx-indexedsearch input#tx-indexedsearch-searchbox-button-submit {background:#59832F;padding:3px 10px;border:none;color:#fff;}
div.tx-indexedsearch input#tx-indexedsearch-searchbox-button-submit:hover {cursor:pointer;}
div#tx-indexedsearch-searchbox-sword {color:#68B022;}

#content div.csc-textpic-intext-left .csc-textpic-imagewrap, #content div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {margin-right:20px;}
.csc-textpic-intext-left-nowrap-252 .csc-textpic-text {margin-left:262px;}

/* team */
div.csc-frame-rulerAfter {border-bottom:1px solid #eaeaea;margin-bottom:10px;padding-bottom:10px;}

/* 3er Box */
div.box-3col {width:auto;}
div.box-3col div.box-inner {display:inline-block;width:670px;padding:20px 10px;border:none;border-top:1px solid #dedede;background:none;}


/* =FOOTER ======================== */

footer {position:relative;border-top:8px solid #68b022;padding:30px;
background: rgb(156,203,109); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(156,203,109,1) 0%, rgba(112,180,45,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(156,203,109,1)), color-stop(100%,rgba(112,180,45,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(156,203,109,1) 0%,rgba(112,180,45,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(156,203,109,1) 0%,rgba(112,180,45,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(156,203,109,1) 0%,rgba(112,180,45,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(156,203,109,1) 0%,rgba(112,180,45,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ccb6d', endColorstr='#70b42d',GradientType=0 ); /* IE6-9 */
}
footer  {color:#fff;}
footer span#footer-logo {position:absolute;left:0px;bottom:0px;width:387px;height:153px;background:url(../Img/footer-logo.png) no-repeat;z-index:0;}
footer > div {float:left;}
footer p {line-height:16px;}
footer div.quicklinks {position:relative;width:280px;margin-right:30px;z-index:10;}
footer div.quicklinks ul#navi {margin:0px;}
footer div.quicklinks ul#navi li {width:140px;border:none;float:left;}
footer div.quicklinks ul#navi li.first {display:none;}
footer div.quicklinks ul#navi li a:link, footer div.quicklinks ul#navi li a:visited {display:inline-block;padding:5px 5px 5px 10px;background:url("../Img/footer-arrow.png") no-repeat scroll left 10px rgba(0, 0, 0, 0);color:#fff;transition:none;}
footer div.quicklinks ul#navi li a:hover, footer div.quicklinks ul#navi li a:focus {margin-left:0px;text-decoration:underline;}
footer div.quicklinks ul#navi li.cur a:link, footer div.quicklinks ul#navi li.cur a:visited {margin-left:0px;}
footer div.quicklinks ul#navi li ul {display:none;}


footer div.kontakt {width:200px;margin-right:30px;}
footer div.kontaktboxen {margin-top:33px;}
footer div.kontaktbox {width:175px;height:31px;margin-bottom:2px;padding:5px 0px 3px 15px;background:#59832f;}
footer div.kontaktbox a:link, footer div.kontaktbox a:visited {color:#fff;}
footer div.kontaktbox a:hover, footer div.kontaktbox a:focus {text-decoration:underline;}
footer div.telefon p {padding-left:30px;margin:0px;background:url("../Img/tel-icon.png") no-repeat left center;line-height: inherit;}
footer div.mail a {padding-left:30px;background:url("../Img/mail-icon.png") no-repeat left center;}
footer div.kontaktform a {padding-left:30px;background:url("../Img/kontakt-icon.png") no-repeat left center;}
footer div.maps {margin:0px;float:right;}
footer span.clear {display:block;clear:both;}

div.footerouter {width:988px;height:20px;margin:10px auto 40px;}
div.footerouter span.copy {font-size:12px;color:#3e4b33;float:right;}
div.footerouter span.copy a:link, div.footerouter span.copy a:visited {color:#283021;transition: all 0.8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;text-decoration:none;}
div.footerouter span.copy a:hover, div.footerouter span.copy a:focus {color:#59832F;}



/* =OTHER ======================== */

/* +++ copy ++++ */
span.copy {color:#000;}
span.copy a:link, span.copy a:visited {color:#000;text-decoration:none;}
span.copy a:hover, span.copy a:focus {text-decoration:underline;}

/* =EXTENSIONS ======================== */




/* =JQUERY PLUGINS ======================== */
/* accordion */
.dce-accordion .card-header h5 button {
	height: 28px;
	margin:0 0 2px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;text-transform:none;cursor:pointer;padding:5px 0 5px 30px;color:#fff;
background:url("../Img/footer-arrow.png") rgb(111,180,44); /* Old browsers */
background:url("../Img/footer-arrow.png") no-repeat 15px center, -moz-linear-gradient(top,  rgba(111,180,44,1) 0%, rgba(155,203,109,1) 100%); /* FF3.6+ */
background:url("../Img/footer-arrow.png") no-repeat 15px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(111,180,44,1)), color-stop(100%,rgba(155,203,109,1))); /* Chrome,Safari4+ */
background:url("../Img/footer-arrow.png") no-repeat 15px center, -webkit-linear-gradient(top,  rgba(111,180,44,1) 0%,rgba(155,203,109,1) 100%); /* Chrome10+,Safari5.1+ */
background:url("../Img/footer-arrow.png") no-repeat 15px center, -o-linear-gradient(top,  rgba(111,180,44,1) 0%,rgba(155,203,109,1) 100%); /* Opera 11.10+ */
background:url("../Img/footer-arrow.png") no-repeat 15px center, -ms-linear-gradient(top,  rgba(111,180,44,1) 0%,rgba(155,203,109,1) 100%); /* IE10+ */
background:url("../Img/footer-arrow.png") no-repeat 15px center, linear-gradient(to bottom,  rgba(111,180,44,1) 0%,rgba(155,203,109,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fb42c', endColorstr='#9bcb6d',GradientType=0 ); /* IE6-9 */}
.dce-accordion .card-header h5 .fas {
	margin-right: 10px;
    line-height: 18px;
}
.dce-accordion div.card-body {background:#fafafa;padding:10px 15px 15px !important;margin-bottom:2px; overflow:hidden;} 
.dce-accordion div.card-body p {margin-bottom:7px;}
.dce-accordion .card:not(:last-child) {
    margin-bottom: 0px;
}
.dce-accordion img {
	width: inherit;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}