body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
html{
padding: 0;
margin:0;
height:100%;
}

body {
margin:0;
font-family:"usual",sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
line-height:22px;
height:100%;

}

/* /////////////////////////////////////////////////////// Startseite  ///////////////////////////////////////////////// */

.cookiebar__button {
    background-color: #009fe3;
}

.cookiebar__button:hover{background-color: #fff; color:#009fe3;}

.startseite h2 {
font-weight: 600;
font-size: 24px;
line-height: 32px;
}
 .startseite .start-willkommen h1 {
font-weight: 400;
font-size: 32px;
line-height:38px;
margin-bottom: 5px;
}


.startseite h3 {
font-weight: 300;
font-size: 24px;
line-height: 32px;
margin:0;
}

.trs h2 a, .trs h3, .trs a {
    color: #009fe3;
    }

.org h2 a, .org h3, .org a {
color: #e4660e;
}

.prx h2 a, .prx h3, .prx a {
color: #d5211a;
}

.glck h2 a, .glck h3, .glck a {
color: #9560a5;
}

.trauma h2 a, .trauma h3, .trauma a {
color: #007262;
}


.start-willkommen {
margin: 0 0 2% 20%;
}

.start-willkommen.logo {
margin: 40px 0 30px 30%;

}

.start-itas {
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
}

.kreis-start {

    height: 170px;
   background-position: left top;
    background-repeat: no-repeat;
}

.trs {
        background-image: url("/files/itas/img/kreis-start-trans.png");
        margin: 2% 0 0 8%;
        padding: 50px 0 0 50px;
        width:  396px;
}

.trauma {
        background-image: url("/files/itas/img/kreis-start-trauma.png");
        margin: 2% 0 0 7%;
        padding: 50px 0 0 50px;
		width: 440px;


}

.prx {
        background-image: url("/files/itas/img/kreis-start-praxis.png");
        margin: 6% 0 0 0;
        padding: 40px 0 0 50px;
   
}



.org {
        background-image: url("/files/itas/img/kreis-start-orga.png");
        padding: 40px 0 0 50px;
        margin: 6% 0 0 4%;
}



.glck {
        background-image: url("/files/itas/img/kreis-start-glck.png");
        padding: 40px 0 0 50px;
        margin: 6% 0 0 2%;
}

@media (max-width: 1140px) {
.start-itas {
    justify-content: flex-start;
}


.start-willkommen {
     margin:0;
}
.ce_text {
     margin-right:0;
}
.start-willkommen {
 margin:0;
}

.trauma {
margin: 5% 0 0 3%;
}

.trs {
margin: 5% 0 0 0;
}


}

@media (max-width: 980px) {

 .trs {
        margin: 0 0 0 2%;
}

.trauma {
                margin: 8% 0 0 2%;
}

.prx {
        margin: 0 0 0 5%;
                        width: 250px;

}

.org {
        margin: 8% 0 0 0.5%;
}

.glck {
        margin: 5% 0 0 5%;
}

}

@media (max-width: 890px) {


.trs {
        margin: 4% 0 0 2%;
}

.trauma {
        margin: 4% 0 0 2%;
}

.prx {
        margin: 4% 0 0 2%;
}

.org {
        margin: 4% 0 0 2%;
}

.glck {
        margin: 4% 0 0 2%;
}
}

@media (max-width: 567px) {


.kreis-start.trauma, .start-willkommen {
    display: flex;
    flex-wrap: nowrap;
    flex-flow: column;
}

.kreis-start.trauma {
        height: 225px;}

.kreis-start.trauma figure, .start-willkommen figure {
order:2;
}
    
.kreis-start.trauma .float_right {
float: none;
}   

.startseite h1 {
font-size: 18px;
line-height: 28px;
}

.startseite h2 {
font-size: 18px;
line-height: 28px;
}

.trs {
        padding: 50px 0 0 70px;
                width: 280px;


}

.trauma {
        padding: 50px 0 0 70px;
                width:320px;


}

.prx {
        padding: 40px 0 0 70px;
                width: 280px;
}

.org {
        padding: 40px 0 0 70px;

}


}

/* /////////////////////////////////////////////////////// Global - CORE /////////////////////////////////////////////////////// */

#back-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    display: none;
	width:40px;
}

.back {margin: 20px 0 0 50px;}

.back a {
	padding-left: 20px;
	background-image: url("/files/itas/img/arrow-back.png");
	background-repeat: no-repeat;
	background-position: left center;
}


.ce_text {
margin-right: 20px;
}

.ce_text.left {
margin-left: 50px;

}

.ce_text.left {
margin-top: 20px;

}

.ce_text.spacebottom {
margin-bottom:44px;
}

#wrapper {
max-width: 1280px;
margin:0 auto;
}

#container {
margin:0 20px 20px 20px;

}

#left {
margin-top: 20px;
line-height:16px;
}

.ce_headline.content, .mod_eventlist.content {
margin-left: 50px;
}

.mod_article {
margin-bottom: 20px;
}

.mod_article#itas-willkommen {
width: 90%;
}


#header {
margin-bottom: 10px;
position: relative;
}

.header-mobil {
display: none;
}

.itas-logo {
margin: 60px 0 30px 20px;
float: left;
}

.itas-logo img {
    height:70px;
}

.itasstart-logo {
height:40px;
width: 132px;
margin: 60px 0 50px 60px;
float: left;
}

.orga .itas-logo {
width: 400px;
}

.orga .itas-logo {
width: 400px;
}


a {
 color: #009fe3;
 text-decoration: none;

}

a:hover {
text-decoration: underline;
}


h3 {margin-bottom: 0; font-size: 1em;}

ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 20px;
}

.linkblue a {
color: #0099cc;
line-height:20px;
}

.praxissite a, .ankermenu ul li .praxissite a {
 color: #d5211a;
 }

.orgasite  a, .ankermenu ul li .orgasite a {
 color: #e4660e;;
 }
 
 .glueck  a, .ankermenu ul li .glueck a {
 color: #9460a4;
 }

.ce_hyperlink {
padding-left: 22px;
background:url("/files/itas/img/anmeldeform-arr.svg") no-repeat 0px 0px transparent; background-position:top left;
background-size: 18px;
}

.ce_hyperlink a {
color: #000;
text-decoration: none;
}

.ce_hyperlink a:hover {
text-decoration: underline;
}





/* /////////////////////////////////////////////////////// Kreiselemente ///////////////////////////////////////////////// */

div.kreis-navi {
         position: absolute;
    top: 0;
           right: 10%;
    z-index: 1;
          width: 480px;
  height: 480px;
  border-radius: 240px;
  -webkit-border-radius: 240px;
  -moz-border-radius: 240px;
  background-color: rgba(0,159,227,0.15);
}

.praxis div.kreis-navi {
  background-color: rgba(213,33,26,0.15);
}

.orgasite div.kreis-navi {
  background-color: rgba(228,107,14,0.15);
}

.glueck div.kreis-navi {
  background-color: rgba(149,96,165,0.15);
}

.ce_text.kreis, .ce_accordionStart.kreis{
padding: 20px 0 0 50px;
    background-image: url("/files/itas/img/kreis-txt.png");
   background-position: left top;
    background-repeat: no-repeat;
    min-height:80px;

}

.ce_accordionStart.kreis{
min-height:120px;
}

.ce_text.kreis-150{
padding: 20px 0 0 50px;
    background-image: url("/files/itas/img/kreis-txt-150.png");
   background-position: left top;
    background-repeat: no-repeat;
}

.praxis .ce_text.kreis, .praxis .ce_accordionStart.kreis{
    background-image: url("/files/itas/img/praxis-kreis-txt.png");

}

.orga .ce_text.kreis, .orga .ce_accordionStart.kreis{
    background-image: url("/files/itas/img/orga-kreis-txt.png");
}

.glueck .ce_text.kreis, .glueck .ce_accordionStart.kreis{
    background-image: url("/files/itas/img/glck-kreis-txt.png");
}

.praxis .ce_text.kreis-150{
    background-image: url("/files/itas/img/praxis-kreis-txt.png");

}

.orga .ce_text.kreis-150{
    background-image: url("/files/itas/img/orga-kreis-txt.png");

}

.glueck .ce_text.kreis-150{
    background-image: url("/files/itas/img/glck-kreis-txt.png");

}

.ohnekreis {
padding: 20px 0 0 50px;

}

#itas-seminare .ce_text {
margin-bottom:20px;
}



/* /////////////////////////////////////////////////////// Kreiselemente ///////////////////////////////////////////////// */


#itas-weiterbildung .ce_text ol strong {
 color: #009fe3;

 font-weight: 400;
}

#itas-weiterbildung .ce_text li {
margin-bottom: 20px;
}


#itas-weiterbildung .ce_text ol {
    margin-block-end: 0;
    margin-block-start: 0;
    padding-inline-start: 20px;
}

/* /////////////////////////////////////////////////////// ARTIKEL WEITERBILDUNG ///////////////////////////////////////////////// */

.mod_article.spaceu {
margin-bottom: 40px;
}


/* /////////////////////////////////////////////////////// HEADER BILD/TEXT ///////////////////////////////////////////////// */


.dyn-header {
clear:both;
z-index:0;
}

.line1 {
    position: absolute;
    top: 240px;
           left: 65px;
    z-index: 500;
        font-weight: 600;
        font-size:66px;
    color: #009fe3;
    padding: 80px 0 0 50px;
      width: 120px;
  height: 95px;
  border-radius: 95px;
  -webkit-border-radius: 95px;
  -moz-border-radius: 95px;
  background-color: rgba(0,159,227,0.15);
}

.line2 {
    position: absolute;
    top: 400px;
             left: 20%;
    z-index: 500;
        font-weight: 400;
        font-size:46px;
    color: #009fe3;
    padding: 55px 0 0 40px;
      width: 80px;
  height: 60px;
  border-radius: 65px;
  -webkit-border-radius: 60px;
  -moz-border-radius:60px;
  background-color: rgba(0,159,227,0.15);
}

.line3 {
    position: absolute;
    top: 460px;
    z-index: 500;
        font-weight: 400;
        font-size:46px;
    color: #009fe3;
    padding: 55px 0 0 40px;
      width: 80px;
  height: 60px;
  border-radius: 65px;
  -webkit-border-radius: 60px;
  -moz-border-radius:60px;
  background-color: rgba(0,159,227,0.15);
}


.praxis .line1, .praxis .line2, .praxis .line3  {
    color: #d5211a;
    background-color: rgba(213,33,26,0.15);
}

.orga .line1, .orga .line2, .orga .line3  {
    color: #e4660e;
    background-color: rgba(228,107,14,0.15);
}

.glueck .line1, .glueck .line2, .glueck .line3  {
    color: #9560a5;
    background-color: rgba(169,96,165,0.15);
}

.itas-willkommen-line1:before {
        white-space: nowrap;
        content:"Willkommen";
}


.itas-transaktionsanalyse-line1 div:before {
white-space: nowrap;
        content:"Transaktionsanalyse";
}

.itas-transaktionsanalyse-line2 {
left: 50%;
}

.itas-seminare-line2 div:before {
white-space: nowrap;
        content:"Trauma und Sucht";
}

.itas-seminare-line3 {
           left: 16%;
}

.itas-seminare-line3 div:before {
white-space: nowrap;
        content:"Umgang mit traumatisierten Kindern";
}

.transaktionsanalyse-weiterbildung-line1 div:before {
    white-space: nowrap;
        content:"Weiterbildung";
}

.itas-weiterbildung-line2 {
left: 25%;
top: 450px;
}

.itas-weiterbildung-line2 div:before {
white-space: nowrap;
        content:"TraumaSensibler Berater";
}

.transaktionsanalyse-termine-line1 div:before {
white-space: nowrap;
        content:"Termine";
}

.transaktionsanalyse-ueber-uns-line1 div:before {
white-space: nowrap;
        content:"Über uns";
}

.geschichte-line1 div:before {
white-space: nowrap;
        content:"Über uns";
}


.transaktionsanalyse-kontakt-line1 div:before {
white-space: nowrap;
        content:"Kontakt";
}

.login-ausbildungsgruppen-line1 div:before {
white-space: nowrap;
        content:"Login intern";
}

.bereich-ausbildungsgruppen-line1 div:before {
white-space: nowrap;
        content:"Interner Bereich";
}

.anmeldeformular-line1 div:before {
white-space: nowrap;
        content:"Anmeldeformular";
}

.vielen-dank-line1 div:before {
white-space: nowrap;
        content:"Vielen Dank";
}

.impressum-line1 div:before {
white-space: nowrap;
        content:"Impressum";
}

.datenschutz-line1 div:before {
white-space: nowrap;
        content:"Datenschutz";
}

.itas-organisationsentwicklung-line1 div:before {
white-space: nowrap;
        content:"Organisationsentwicklung";
}

.organisationsentwicklung-beratung-line1 div:before {
white-space: nowrap;
        content:"Angebote & Formate";
}

.organisationsentwicklung-moderation-line1 div:before {
white-space: nowrap;
        content:"Moderation";
}

.ueber-uns-organisationsentwicklung-line1 div:before {
white-space: nowrap;
        content:"Über uns";
}

.organisationsentwicklung-kontakt-line1 div:before {
white-space: nowrap;
        content:"Kontakt";
}


.itas-praxiszentrum-line1 div:before {
white-space: nowrap;
        content:"Praxiszentrum";
}

.coaching-line1 div:before {
white-space: nowrap;
        content:"Business Coaching";
}

.praxiszentrum-ueber-uns-line1 div:before {
white-space: nowrap;
        content:"Über uns";
}


.praxiszentrum-kontakt-line1 div:before {
white-space: nowrap;
        content:"Kontakt";
}

.sucht-line1 div:before {
white-space: nowrap;
        content:"Medien- und Glücksspielsucht";
}

.sucht-therapie-line1 div:before {
white-space: nowrap;
        content:"Therapie";
}

.sucht-seminare-line1 div:before {
white-space: nowrap;
        content:"Seminare";
}

.sucht-ueber-uns-line1 div:before {
white-space: nowrap;
        content:"Über uns";
}

.sucht-kontakt-line1 div:before {
white-space: nowrap;
        content:"Kontakt";
}

.sucht-beratung-line1 div:before {
white-space: nowrap;
        content:"Beratung";
}

.anmeldung-sucht-line1 div:before {
white-space: nowrap;
        content:"Anmeldung Medien- und Glücksspielsucht";
}

.sucht-vielen-dank-line1 div:before {
white-space: nowrap;
        content:"Vielen Dank für Ihre Anfrage";
}


.itas-impressum-line1 div:before {
white-space: nowrap;
        content:"Impressum";
}

.itas-datenschutz-line1 div:before {
white-space: nowrap;
        content:"Datenschutz";
}

.itas-anmeldeformular-line1 div:before {
white-space: nowrap;
        content:"Anmeldeformular";
}

.itas-texte-line1 div:before {
white-space: nowrap;
        content:"Texte";
}

.itas-vortraege-line1 div:before {
white-space: nowrap;
        content:"Vorträge";
}

.itas-literaturliste-line1 div:before {
white-space: nowrap;
        content:"Literaturliste";
}

.itas-vielen-dank-line1 div:before {
white-space: nowrap;
        content:"Vielen Dank für Ihre Anfrage";
}

.seite-nicht-gefunden-line1 div:before {
white-space: nowrap;
        content:"Seite wurde nicht gefunden";
}





/**
.navi a.startseite, .navi li span.startseite {
    line-height: 0;
    text-indent: -99em;
    padding:0;
}
.navi a.startseite::after, .navi li span.startseite::after {
    content: "\f015";
    display: block;
    font: 1em "RockSolid Icons";
    position: relative;
    text-indent: 0;
    text-rendering: geometricprecision;
}

.navi li:first-child:hover{
border-top: none;
}

.navi ul li.startseite.active {
        line-height: 0;
        text-indent: -99em;
}

.navi ul li.active.startseite {
border: none;
}

   Home ausblenden - ICON**/

/* /////////////////////////////////////////////////////// MAIN NAVIGATION /////////////////////////////////////////////////////// */

.mainnavi {
position: absolute;
z-index: 900;
right: 20px;
}


@media (max-width: 1070px) {
    .mainnavi {
 right: 0;
}
}

.navi {
background-position: top left;
background-repeat: no-repeat;
font-size: 14px;
}

.navi ul {
margin: 80px 0 0 0;
padding:0;
}

.navi ul li {
list-style-type: none;
display: inline;
padding: 3px 5px 3px 5px;
margin:10px 0 0 0;
}

.navi ul li span, .navi li a {
 color: #009fe3;
 padding: 0 3px 0 0;
 -o-transition:color .3s ease-out, border-right .3s ease-in;
  -ms-transition:color .3s ease-out, border-right .3s ease-in;
  -moz-transition:color .3s ease-out, border-right .3s ease-in;
  -webkit-transition:color .3s ease-out, border-right .3s ease-in;
  transition:color .3s ease-out, border-right .3s ease-in;
 }


.navi li a:hover, .navi li span.active,  .orga .navi ul li a:hover, .orga .navi li span.active,
.praxis .navi ul li a:hover, .praxis .navi li span.active {
color: #000;
}

 .orga .navi ul li span, .orga .navi li a {
   color: #e4660e;
}

.praxis .navi ul li span, .praxis .navi li a {
   color: #d5211a;
}

.glueck .navi ul li span, .glueck .navi li a {
   color: #9560a5;
}


 .navi ul li:first-child {
 margin:2px 0 0 0;
 }

.navi li a {
text-decoration: none;
}

.navi li a:hover{
text-decoration: none;
}

.navi ul li ul {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    margin: 0 0 0 175px;
    min-width: 210px;
    padding: 0;
    position: absolute;
    transition: all 0.6s ease 0s;
    background: rgba(0, 159,227, 0.85) none repeat scroll 0 0;
    display: none;
}


.navi ul li ul li {
    border-top: 1px solid #d1c8b9;
    display: inline;
    margin: 0;
    padding: 0;
}

.navi ul li ul li:last-child {
    margin: 0;
}

.navi ul li ul a, .navi ul li ul span.active {
    border-top: 1px solid #eeede7;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 300;
    padding: 10px;
    text-decoration: none;
    transition: all 0.4s ease 0s;
    white-space: nowrap;
}

.navi ul li ul a:hover, .navi ul li ul a:focus, .navi ul li ul span.active {
    background: #fff none repeat scroll 0 0;
    color: #1a1a1a;
    transition: all 0.4s ease 0s;
}

.navi ul li ul li:first-child > a, .navi ul li ul li:first-child > a.first {
    border-top: 0 none;
}

.navi ul li ul ul {
    display: inline;
    margin: 0;
    padding: 0;
}

.navi ul li:hover ul {
    display: block;
    transition: all 0.4s ease 0s;
}


/* /////////////////////////////////////////////////////// MOBILE-NAVIGATION /////////////////////////////////////////////////////// */
.mobile_menu_trigger {
    padding: 10px 10px 7px 30px;
    color: #fff;
    font-weight:300;
    font-size:18px;
    cursor: pointer;
    background: #009fe3 none repeat scroll 0 0;
}

.praxis .mobile_menu_trigger {
    background: #d5211a none repeat scroll 0 0;
}

.orga .mobile_menu_trigger {
    background: #e4660e none repeat scroll 0 0;
}

.glueck .mobile_menu_trigger {
    background: #9560a5 none repeat scroll 0 0;
}



.mobile_menu {
clear:both;
    display: none;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 80%;
        z-index: 1000;
}
ul.mobile {
    list-style-type: none;
    margin: 5% 2%;
    padding: 0;
}
li.mobile {
    list-style-type: none;
    margin:0;
    padding: 10px;
}
.mobile li a,
.mobile li span.active {
    text-decoration:none;
    font-size:16px;
        color: #fff;
}
img.mobile {
    width:22px;
    height:22px;
    margin:0;
}
.mobile_menu .inner {
    background: #009fe3 none repeat scroll 0 0;
        height: 100%;
        overflow-y: scroll;
}

.praxis .mobile_menu .inner  {
    background: #d5211a none repeat scroll 0 0;
}

.orga  .mobile_menu .inner  {
    background: #e4660e none repeat scroll 0 0;
}

.glueck  .mobile_menu .inner  {
    background: #9560a5 none repeat scroll 0 0;
}




.mobile_menu_overlay {
    background: rgba(0, 114, 98, 0.5) none repeat scroll 0 0;
}

.praxis .mobile_menu_overlay {
    background: rgba(230,0,14, 0.5) none repeat scroll 0 0;
}

.orga .mobile_menu_overlay {
    background: rgba(228,107,14, 0.5) none repeat scroll 0 0;
}

.glueck .mobile_menu_overlay {
    background: rgba(149,96,165, 0.5) none repeat scroll 0 0;
}

.line {
border-bottom: 1px solid #fff;
height:15px;
margin-bottom: 10px;
}


/* ///////////////////////////////////////////////////////  ANKERMENÜ Workshops/Vorträge   /////////////////////////////////////////////////////// */



.ankermenu ul {
margin: 20px 0 10px 30px;
}

.ankermenu ul li {
    list-style-type: none;
    padding:0 0 3px 25px;
    background:url("/files/itas/img/link-arr.svg") no-repeat 0px 0px; background-position:center left;
    background-size:18px;
}

.praxis .ankermenu ul li {
    background:url("/files/itas/img/link-arr-praxis.svg") no-repeat 0px 0px; background-position:center left;
   background-size:18px;
}

.orga .ankermenu ul li {
    background:url("/files/itas/img/link-arr-orga.svg") no-repeat 0px 0px; background-position:center left;
   background-size:18px;
}

.glueck .ankermenu ul li {
    background:url("/files/itas/img/link-arr-glck.svg") no-repeat 0px 0px; background-position:center left;
   background-size:18px;
}

.ankermenu ul li a {
font-weight: 600;
color: #009fe3;
}


.orga .ankermenu ul li a{
color: #e4660e;
}

.praxis .ankermenu ul li a {
color: #d5211a;
}

.glueck .ankermenu ul li a {
color: #9560a5;
}

.ankermenu ul li:first-child{
display: none;
}


/* /////////////////////////////////////////////////////// EVENTS - Abstand /////////////////////////////////////////////////////// */

.mod_eventlist .event .ce_hyperlink {
margin-bottom: 20px;
}

.mod_eventlist .event .veranstaltung a {
 color: #009fe3;
 text-decoration: none;
  margin: 0;
    font-size: 12px;
    font-weight: 600;
}

.glueck .mod_eventlist .event .veranstaltung a {
 color: #9460a4;
}


/* /////////////////////////////////////////////////////// Events Rechte Spalte /////////////////////////////////////////////////////// */

#left .mod_eventlist .empty {
margin-bottom: 30px;
}

#left .mod_eventlist .event strong,#left .mod_eventlist .event p,
#left .mod_eventlist .event .veranstaltungsart, #left .mod_eventlist .event .location,
#left .mod_eventlist .event .Timeinfo{
font-size: 12px;
}

#left .mod_eventlist .event .Timeinfo.Weiterbildung {
display:none;
}

#left .mod_eventlist .event .ce_text {
 margin-right: 0;
 }

 #left .mod_eventlist .event .veranteaser{
          margin: 0;
    font-size: 12px;
    font-weight: 400;
    color: #009fe3;
    }

.head-liSpalte p {
padding-bottom: 20px;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #009fe3;
}

.other-events {
margin-bottom:20px;
}

.liSpalte-termine  {
    font-size: 12px;
    line-height: 18px;
}

.liSpalte-blau {
color: #009fe3;
font-weight: 600;
    font-size: 12px;
    line-height: 18px;
}

.orga .head-liSpalte p {
padding-bottom: 20px;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #e4660e;
}

.glueck .head-liSpalte p {
padding-bottom: 20px;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #9460a4;
}


/* /////////////////////////////////////////////////////// ANMELDEFORMULAR - LINK - linke Spalte /////////////////////////////////////////////// */

#left .ce_hyperlink.anmelden {
padding-left: 18px;
        background:url("/files/itas/img/anmeldeform-arr.svg") no-repeat 0px 0px transparent; background-position:center left;
        background-size: 14px;
float:none;
margin-top:2px;
margin-bottom: 15px;
font-size: 12px;
}

#left .ce_hyperlink.all  {
margin-bottom: 0;
margin-top:12px;
}

#left .ce_hyperlink.all:first-child  {
    margin-top:0;
    }

/* /////////////////////////////////////////////////////// ANMEDLDEFORMULAR - LINK  /////////////////////////////////////////////// */

.ce_article.anmelden {
position: relative;
z-index: 0;
}

.ce_hyperlink.anmelden  {
padding-left: 20px;
        background:url("/files/itas/img/anmeldeform-arr.svg") no-repeat 0px 0px transparent; background-position:center left;
float:right;
margin-top:20px;
}

.ce_hyperlink.termine  {
padding-left: 20px;
        background:url("/files/itas/img/anmeldeform-arr.svg") no-repeat 0px 0px transparent; background-position:center left;
float:right;
margin-top:20px;
margin-right:10px;
}

.event.layout_list .anmelden {
padding-left: 20px;
        background:url("/files/itas/img/anmeldeform-arr.svg") no-repeat 0px 0px transparent; background-position:center left;
float:right;
}

.anmelden a {
color: #000;
text-decoration: none;
}

.anmelden a:hover {
text-decoration: underline;
}

.mod_eventlist .event .veranstaltung  a:hover {
text-decoration: underline;
}



/* /////////////////////////////////////////////////////// Anmeldeformular/////////////////////////////////////////////////////// */

.ce_form {
margin-left: 50px;

}
.formbody {
width: 600px;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input:not([type]), textarea {
    width: 94%;
    display: inline-block;
    padding: 3px 6px;
    }

input.spamschutz[type="text"] {
	width: 60%;
	margin-right: 10px;
    }    
    

input {
font-family:"usual",sans-serif;
font-size: 14px;
font-weight: 400;
background: #fff none repeat scroll 0 0;
    border: 1px solid #009fe3;
    border-radius: 2px;
    box-shadow: 2px 2px 3px #e2e2e2, 2px 2px 3px #e2e2e2 inset;
    float: left;
    height: 20px;
    padding: 1px 3px;
    width: 99%;
     -o-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out; 
  -moz-transition:all .3s ease-out; 
  -webkit-transition:all .3s ease-out; 
  transition:all .3s ease-out;
    }
    
    

textarea    {
font-family:"usual",sans-serif;
font-size: 14px;
font-weight: 400;
background: #fff none repeat scroll 0 0;
    border: 1px solid #009fe3;
    border-radius: 2px;
    box-shadow: 2px 2px 3px #e2e2e2, 2px 2px 3px #e2e2e2 inset;
    float: left;
    padding: 1px 3px;
    width: 95%;
    }

input.checkbox {
width: 4%;
margin-top: 20px;
box-shadow: none;
}

.check-daten label#lbl_8_0 {
margin-top: 0;
}

.check-daten input.checkbox {
margin-top: 3px;
}

.checkbox_container {
width: 100%;
}

form {
    border: 0 none;
    padding: 0 0 0 2px;
}

fieldset {
    margin: 0;
    padding: 0;
}

fieldset ul {
    font: 300 14px/1.5em "usual",sans-serif;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
fieldset ul li {
    float: left;
    margin: 20px 0;
    padding: 0;
    width: 100%;
}


label {
    cursor: pointer;
    float: left;
    font: 14px/1.5em "usual",sans-serif;
}

.spaceo {
    margin-top: 15px;
}
.check {
    width: 80%;
}

textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #009fe3;
    color: #333;
    float: left;
    font: 14px/1.5em "usual",sans-serif;
    padding: 1px 3px;
    width: 95%;
    margin-bottom: 20px;
}

fieldset ul li.send {
    margin: 5px 0;
    padding: 0;
    width: 100%;
}

button.submit {
    background: #009fe3 none repeat scroll 0 0;
    box-shadow: 0 0 0 inset;
    color: #fff;
    height: 60px;
    margin: 20px 0 40px 0;
    font-size: 18px;
     -o-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out; 
  -moz-transition:all .3s ease-out; 
  -webkit-transition:all .3s ease-out; 
  transition:all .3s ease-out;
  width: 100%;
  border: 0;
}

fieldset.radio_container {
    border: 0;
    margin-right:5px;
}

.radio_container span {
    display:inline-flex;
}

.formbody .widget label {
    margin: 20px 0 0 0;
    font-weight:400;
    width: 94%;
}

.formbody .widget-radio label {
    margin-top: 0;
}

.formbody .widget-checkbox label {
margin-top: 0;
}

.checkbox_container {
margin-top:20px;
}

.checkbox_container input.checkbox {
margin-top:0;
}


.formbody .widget label.spamschutz {
    width: 98%;
}


.submit_container {
    margin-bottom:8%;
}



.checkbox_container {
    padding:0;
    border: 0;
}

.submit_container {
    padding:10px 0 0;
}

.select {
margin: 15px 0 2px 0;
font-family:"usual",sans-serif;
font-size: 16px;
font-weight: 400;
}

input.radio {
    width: 20px;
}
.text.last-div {
    margin-bottom: 20px;
}

legend .gld {
    background: #ac8f58 none repeat scroll 0 0;
    color: #fff;
    margin: 0 0 0 -60px;
    padding: 7px 20px;
}
.pflicht {
    color: #f39200;
    float: left;
    font: 12px/1.3 "Open Sans",sans-serif;
    text-align: left;
    width: 60%;
}

label[title~="Pflichtfeld"]::after {
    content: "*";
    position: absolute;
    top: 0;
}

input:active, input:hover, input:focus, textarea:hover, textarea:active {
    background-color: rgba(0, 159, 227, 0.2);
}

button.submit:active, button.submit:hover {
    background-color: rgba(0, 0, 0, 0.8);
    border-color:rgba(0, 0, 0, 0.8);
    cursor: pointer;
}

.glueck input, .glueck textarea  {   
    border: 1px solid #9460a4;
}

.glueck input:active, .glueck input:hover, .glueck input:focus, .glueck textarea:hover, .glueck textarea:active {
    background-color: rgba(149, 96, 165, 0.2);
}

.glueck button.submit {
    background: #9460a4 none repeat scroll 0 0;
}

.glueck button.submit:active, .glueck button.submit:hover {
    background-color: rgba(0, 0, 0, 0.8);
    border-color:rgba(0, 0, 0, 0.8);
    cursor: pointer;
}



/* /////////////////////////////////////////////////////// Änderungen trilobit-FormValidation.css /////////////////////////////////////////////////////// */


span.LV_invalid {
    display: table;
    width: 100%;
    margin-left: 0;
}



/* /////////////////////////////////////////////////////// TOP Link/////////////////////////////////////////////////////// */

.ce_toplink  {
width: 97%;
text-align: right;
padding-right: 25px;
        background:url("/files/itas/img/top-arr.png") no-repeat 0px 0px transparent; background-position:center right;
        margin-bottom: 20px;
}

.praxis .ce_toplink  {
        background:url("/files/itas/img/top-arr-praxis.png") no-repeat 0px 0px transparent; background-position:center right;

}

.orga .ce_toplink  {
        background:url("/files/itas/img/top-arr-orga.png") no-repeat 0px 0px transparent; background-position:center right;

}

.glueck .ce_toplink  {
        background:url("/files/itas/img/top-arr-glck.png") no-repeat 0px 0px transparent; background-position:center right;

}

.ce_toplink a {
 color: #009fe3;
}

.orga .ce_toplink a {
 color: #e4660e;
}

.praxis .ce_toplink a {
 color: #d5211a;
}

.glueck .ce_toplink a {
 color: #9560a5;
}

.ce_toplink a:hover {
text-decoration:none;
}

/* /////////////////////////////////////////////////////// LISTEN/////////////////////////////////////////////////////// */


.ce_text ul {
padding-left: 20px;
margin: 0;
}


/* /////////////////////////////////////////////////////// ALLGEMEIN/////////////////////////////////////////////////////// */

h1, h2 {
margin: 0;
font-size: 14px;
font-weight: 600;
 color: #009fe3;
}



h3 {
margin: 0;
font-size: 14px;
font-weight: 400;
 color: #009fe3;

}

.orgasite h1, .orgasite h2, .orgasite h3 {
color: #e4660e;
}

.praxissite h1, .praxissite h2, .praxissite h3 {
color: #d5211a;
}

.praxissite .headerlight h2 {
font-weight: 400;
}

.glueck h1, .glueck h2, .glueck h3 {
color: #9560a5;
}

.trans-ueber-uns h1, .trans-ueber-uns h2 {
color: #000;
}

.transaktionsanalyse h2{
font-weight: 400;
}


b, strong {
font-weight: 600;
}

p {
margin:0;
}

.uwe_siegel {
background: url(/files/itas/img/uwe_nlp-dgta-siegel.png);
background-size: 288px;
background-position: 549px 120px;
background-repeat: no-repeat;    
}
    
    
/* Common button styles */

.zoom-button {
	display:block;
	width: 100%;
	margin-left: 35px;
   
}
.button {
	float: left;
	min-width: 150px;
	max-width: 250px;
	display: block;
	margin: 20px 20px 50px 20px;
	padding: 1em 2em;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
@media(max-width:991px) {	
    .zoom-button {
    margin-left: 0;
    }

    .button {
        margin-left: 10px;
    }

}

.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}

/* Text color adjustments (we could stick to the "inherit" but that does not work well in Safari) */
.bg-1 .button {
	color: #37474f;
	border-color: #37474f;
}
.bg-2 .button {
	color: #ECEFF1;
	border-color: #ECEFF1;
}
.bg-3 .button {
	color: #fff;
	border-color: #fff;
}

.button--size-l {
	font-size: 18px;
}

.button--text-thick {
	font-weight: 600;
}
.button--round-s {
	border-radius: 5px;
}

.button--border-thick {
	border: 3px solid;
}

.button.button--zoom {
	background: #9560a5;
	color: #fff;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
	text-align:center;
}
.button--zoom.button--inverted {
	background: #fff;
	color: #9560a5;
}
.button--zoom::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid #9560a5;
	z-index: -1;
	border-radius: inherit;
	opacity: 0;
	-webkit-transform: scale3d(0.6, 0.6, 1);
	transform: scale3d(0.6, 0.6, 1);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--zoom:hover {
	background-color: #fff;
	color: #9560a5;
}

.button--zoom:hover::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	opacity: 1;
}




/* /////////////////////////////////////////////////////// FOOTER /////////////////////////////////////////////////////// */


#footer {
    min-height: 60px;
    line-height: 18px;
    margin-top: 90px;
    text-align: right;
    margin-bottom: 80px;
}

#footer .ce_hyperlink {
     float: right;
    margin-top: 20px;
    padding-right: 20px;
    margin-right: 60px;
}

.socialButtons {
	margin-top: 10px;
	margin-left: 25px;
	    display:flex;
}

.socialButtons > .socialArea {
    cursor: pointer;
    display:flex;
    margin-left: 20px;
    width: 130px;
}

@media(max-width:991px) {	
	.socialButtons {
        margin-left: 0;
    }
    .socialButtons > .socialArea {
        margin-left: 20px;
    }

}

@media(max-width:991px) {	
	.socialButtons {
        flex-direction:column;

    }
    .socialButtons > .socialArea {
        margin: 10px;

    }

}

.socialButtons > div > a {
	color:black;
	  display: flex;
    justify-content: flex-start;
    align-items: center;
}

.socialButtons > div > a:hover {
	text-decoration: underline;
}

.socialButtons > div > a div {

}

.socialButtons > div img {
	width:40px;
	height:auto;
	margin-right:10px;
}

.socialButtons > div img:last-child {
	width:80px;
	height:auto;
	margin-right:20px;
}



#footer .footerTextLeft {
margin-top: 15px;}

@media(max-width:767px) {	
	
	.socialButtons > .buttonArea {
		width:99%;
		float:left;
		margin:5px 0;
	}
	.socialButtons > div > a {
		float:left;
	}
}



/* /////////////////////////////////////////////////////// FOOTER ENDE/////////////////////////////////////////////////////// */

@media (max-width: 1280px) {
.itas-logo img {
    height:56px;
}
.itas-logo {
    margin: 60px 0 30px 10px;
}

.mainnavi {
    right: 10px;
}


.navi ul li {
    padding: 3px 0px 3px 5px;
    }

#container {
    margin: 0 0 20px 20px;
}



}



@media (max-width: 991px) {

div.kreis-navi {
right: 2%;
          width: 340px;
  height: 340px;
  border-radius: 170px;
  -webkit-border-radius: 170px;
  -moz-border-radius: 170px;
}

.navi {
    display: none;
}

.mobile_menu {
display: inline;

position: 1000;
}

.itas-logo {
    padding: 30px 0 30px 20px;
    margin: 0;
    float: none;
    z-index:800;
}


#container {
margin-left: 20px;
}

#left .ce_hyperlink.anmelden {
    margin-left: 0;
}



.line1 {
    top: 210px;
    left: 35px;
    font-size: 54px;

}

.line2,.line3 {
display: none;
}


.ce_hyperlink.anmelden {
    padding-left: 20px;
    float: none;
    margin-top: 20px;
    margin-left: 10px;
    margin-bottom: 0;
}

.ce_hyperlink.termine {
    padding-left: 20px;
    float: none;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 40px;
}

.mod_article.spaceu {
margin-bottom: 0;
}



.ce_toplink {
    width: 90%;
    margin-top: 5px;

}

.ankermenu ul {
    margin: 20px 0 10px 0;
}

.ankermenu ul li {
    padding:0 0 8px 25px;
    }

.ce_text.kreis{
padding: 30px 0 0 10px;
    background-image: url("/files/itas/img/kreis-txt.png");
   background-position: left top;
    background-repeat: no-repeat;
}

.ce_text.kreis-150{
padding: 20px 0 0 10px;
    background-image: url("/files/itas/img/kreis-txt-150.png");
   background-position: left top;
    background-repeat: no-repeat;

}

.ohnekreis {
padding: 20px 0 0 10px;

}

.ce_form {
    margin-left: 20px;
}

.formbody {
    width: 90%;
}


.ce_text.left {
    margin-left: 10px;
}

.uwe_siegel {
    background-position: right bottom;
    }

}

@media (max-width: 767px) {

.line1 {
    top: 200px;
   left: 20px;
   font-size: 40px;
}
/*
.ce_text.kreis, #itas-seminare .ce_text {
    margin-bottom: 0;
}*/

.ce_form {
    margin-left: 0;
}

#left {
margin-left: 10px;
max-width: 300px;
margin-top: 40px;
}

.mod_article#itas-willkommen {
width: 100%;
}

form {
    padding: 0 0 0 10px;
}


}

@media (max-width: 640px) {


.mod_article#itas-willkommen {
width: 100%;
}

/*
.ce_text.kreis{
  padding: 20px 0 0 10px;
    background-image: none;
   background-position: left top;
    background-repeat: no-repeat;
}

.ce_text.kreis-150{
padding: 20px 0 0 10px;
    background-image: none;
   background-position: left top;
    background-repeat: no-repeat;

}

*/

.ankermenu ul {
    padding:0;
}

.ce_hyperlink.anmelden {
    padding-left: 20px;
    float: none;
    margin-top: 20px;
    margin-left: 10px;;
}

.ce_text.left {
    margin-left: 10px;
}

}


@media (max-width: 580px) {

.line1 {
   top: 210px;
   left: 20px;
   font-size: 28px;
  padding: 45px 0 0 50px;
    width: 60px;
    height: 70px;
}

div.kreis-navi {
display: none;
}

}


@media (max-width: 480px) {


.line1 {
   top: 190px;
   left: 10px;
   font-size: 22px;
   padding: 45px 0 0 50px;
    width: 60px;
    height: 70px;
}


.itas-anmeldeformular-line1.line1 {
font-size: 30px;
}

.itas-seite-nicht-gefunden-line1.line1 {
font-size: 26px;
}

div.kreis-navi {
display: none;
}



#footer {
  margin-left: 20px;
    margin-top: 0;
    text-align: left;
}

#footer .ce_hyperlink {
    float: none;
    margin-top:10px;

    padding-right: 20px;
    margin-right: 0;
}

#container {
    margin: 0 0 0 10px;
}
.float_left {
    float: none;
}

.ankermenu ul li {
    background-position: top left;
    background:url("/files/itas/img/link-arr-mob.png") no-repeat 0px 0px transparent;

}


.formbody {
    width: 95%;
}


input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input:not([type]), textarea {
    width: 80%;
    display: inline-block;
    padding: 3px 6px;
    }

input.spamschutz[type="text"] {
    width: 90%;
}

.formbody .widget label {
    width: 90%;
}

}

@media (max-width: 360px) {

.itas-logo, .orga .itas-logo, .praxis .itas-logo  {
height:auto;
width: 280px;
}


.line1 {
   top: 200px;
   left:10px;
   font-size: 22px;
   padding: 0;
    width: 60px;
    height: 30px;
  background-color: rgba(0,159,227,0);
}

.orga .line1, .praxis .line1 {
  background-color: rgba(0,159,227,0);
}

}


.toggler:hover {
cursor: pointer;
}


.toggler {
  border: none;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  padding:20px 45px 20px 35px;
  transition: all 0.4s;
  transition-timing-function: ease-in-out;
  outline: 0 none;
}



.toggler::after {
  content: "";
  position: absolute;
  transition: all 0.5s;
  width: 10%;
height: 15%;
    z-index: 0;
}
.toggler::after {
  bottom: 0;
  left: 0;
}


.cross {
position: relative;
overflow: hidden;
    position: absolute;
    left: 0;
    top:10px;
    z-index: 1;
}



.cross div {
background: url(/files/itas/img/cross_praxis.svg) no-repeat;
background-size: 25px;
background-position: center center;
width: 30px;
height: 40px;
-webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s,
    -webkit-transform .3s;
}

.trans-ueber-uns .cross div {
    background: url(/files/itas/img/cross_transaktion.svg) center center no-repeat;
    background-size: 25px;
}

.glueck .cross div {
    background: url(/files/itas/img/cross_glueck.svg) center center no-repeat;
    background-size: 25px;
}

.glueck .cross div {
    background: url(/files/itas/img/cross_glueck.svg) center center no-repeat;
    background-size: 25px;
}


.toggler:hover .cross div, .ce_accordion .toggler.ui-state-active .cross div{
text-decoration: none;
    cursor: pointer;
        -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.accordion {
padding: 1em 1em 1em 35px;
}

.space_mdBottom {margin-bottom: 2em;}
.space_lgBottom {margin-bottom: 4em;}

.ce_accordion {margin-left: 50px;}

@media (max-width: 991px) {
.ce_accordion  {
    margin-left: 0;}}

@media (max-width: 480px) {
.accordion {
padding: 1em;
}
}


@media print { 

html{
padding: 0;
margin:0;
}

body {
margin:0;
font-family:"usual",sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
line-height:22px;
}

/* /////////////////////////////////////////////////////// Global - CORE /////////////////////////////////////////////////////// */

.ce_text {
margin-right: 20px;
}

.ce_text.left {
margin-left: 50px;

}

.ce_text.left {
margin-top: 20px;

}

#wrapper {
max-width: 1280px;
margin:0 auto;
}

#container {
padding-left: 20px;

}

.mod_navigation, .kreis-navi {
display: none;
}

}