header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
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}
legend{width:100%;display:block;font-weight:700;border:0}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:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
@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%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
#topnavi,
#main .mod_navigation a,
.mod_customnav .trail,
.mod_customnav a:hover,
.mod_customnav a,
.toggler{
background: rgb(245,221,149);
background: -moz-linear-gradient(to top, rgba(245,221,149,1) 0%, rgba(236,190,98,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,221,149,1)), color-stop(100%,rgba(236,190,98,1)));
background: -webkit-linear-gradient(to top, rgba(245,221,149,1) 0%,rgba(236,190,98,1) 100%);
background: -o-linear-gradient(to top, rgba(245,221,149,1) 0%,rgba(236,190,98,1) 100%);
background: -ms-linear-gradient(to top, rgba(245,221,149,1) 0%,rgba(236,190,98,1) 100%);
background: linear-gradient(to bottom, rgba(245,221,149,1) 0%,rgba(236,190,98,1) 100%);
}

/*.toggler.hover,
/*#topnavi .active,#topnavi a:hover, #topnavi a:focus,#topnavi .trail,*/
#main .mod_navigation .active,.mod_customnav a,
#main .mod_navigation .trail,
#main .mod_navigation a:hover
{
background: rgb(236,190,98);
background: -moz-linear-gradient(top, rgba(236,190,98,1) 0%, rgba(245,221,149,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,190,98,1)), color-stop(100%,rgba(245,221,149,1)));
background: -webkit-linear-gradient(top, rgba(236,190,98,1) 0%,rgba(245,221,149,1) 100%);
background: -o-linear-gradient(top, rgba(236,190,98,1) 0%,rgba(245,221,149,1) 100%);
background: -ms-linear-gradient(top, rgba(236,190,98,1) 0%,rgba(245,221,149,1) 100%);
background: linear-gradient(to bottom, rgba(236,190,98,1) 0%,rgba(245,221,149,1) 100%);
}






#main .mod_navigation ul {
    margin-left:1%;
}
#main .mod_navigation {
    margin-right:auto;
    margin-left:auto;
    padding-top:3%;
    padding-bottom:1%;
}
#main .mod_navigation li {
    width:24%;
    float:left;
    display:inline-block;
    margin-right:1%;
}
#main .mod_navigation li .last {
    margin-right:0;
}
#main .mod_navigation a,
#main .mod_navigation strong {
    display:block;
    padding-top:20%;
    padding-bottom:20%;
    text-align:center;
    background-color:#f5dd95;
    border:1px solid rgba(108,87,45,.5);
    border-radius:10px;
    font:1rem verdana,arial,sans-serif;
    text-decoration:none;
    color:#6c572d;
}
#main .mod_navigation .active,
#main .mod_navigation .trail,
#main .mod_navigation a:hover {
    background-color:#ecbe62;
    -webkit-box-shadow:1px 1px 2px 1px rgba(204,204,204,.75);
    box-shadow:1px 1px 2px 1px rgba(204,204,204,.75);
    border-color:#6c572d;
    border-radius:10px;
    color:#000;
}


.submit_container {
    padding-top:1em;
}
.error {
    padding-left:.1rem;
    color:#cc2f2f;
}
.kontaktdaten {
    padding-left:7%;
}
.kontaktdaten h1 {
    margin-top:0;
}
.ce_form {
    width:48%;
    float:left;
    margin-bottom:1rem;   
    border-radius:5px;
	margin-right:2%;
	
}
.captcha_text {
    display:block;
    margin-top:.3rem;
    margin-bottom:1rem;
    font-size:1rem;
    line-height:1.3rem;
}
#f1 label {
    width:20%;
    min-width:250px;
    display:block;
    margin-top:.3rem;
    padding:.1rem;
    font:1rem/1.3rem verdana,arial,sans-serif;
}
#ctrl_1,
#ctrl_2,
#ctrl_4,
#ctrl_5 {
    width:60%;
    display:block;
    padding:.3rem;
    background:-moz-linear-gradient(top,#fff,#fff);
    background:-webkit-linear-gradient(top,#fff,#fff);
    background:-o-linear-gradient(top,#fff,#fff);
    background:-ms-linear-gradient(top,#fff,#fff);
    background:linear-gradient(to bottom,#fff,#fff);
    -pie-background:linear-gradient(top,#fff,#fff);
    border:1px inset #fff;
    font:1rem/1.3rem verdana,arial,sans-serif;
}
#ctrl_5 {
    width:4em;
    float:left;
    display:block;
    margin-right:1em;
    padding:.3rem;
    background:-moz-linear-gradient(top,#fff,#fff);
    background:-webkit-linear-gradient(top,#fff,#fff);
    background:-o-linear-gradient(top,#fff,#fff);
    background:-ms-linear-gradient(top,#fff,#fff);
    background:linear-gradient(to bottom,#fff,#fff);
    -pie-background:linear-gradient(top,#fff,#fff);
    border:1px inset #fff;
    font:1rem/1.3rem verdana,arial,sans-serif;
}
#ctrl_6 {
    font:1rem verdana,arial,sans-serif;
    color:#6c572d;
}
#ctrl_3 {
    width:100%;
    display:block;
    padding:.3rem;
    background:-moz-linear-gradient(90deg,#fff,#fff);
    background:-webkit-linear-gradient(90deg,#fff,#fff);
    background:-o-linear-gradient(90deg,#fff,#fff);
    background:-ms-linear-gradient(90deg,#fff,#fff);
    background:linear-gradient(0deg,#fff,#fff);
    -pie-background:linear-gradient(90deg,#fff,#fff);
    border:1px inset #fff;
    font:1rem/1.3rem verdana,arial,sans-serif;
}
#f1 {
    padding:2%;
    background-color:#f5dd95;
}


.toggler.hover {
    border-color:#6c572d;
    color:#000;
}
.ce_accordion .toggler.active {
    border-color:rgba(108,87,45,1);
    color:#000;
}
.toggler {
    margin-top:3px;
    margin-bottom:3px;
    padding-left:2%;
    text-align:left;
    border:1px solid rgba(108,87,45,.5);
    border-radius:5px;
    font:1rem/1.6rem verdana,arial,sans-serif;
    cursor:pointer;
}
.ce_accordion .accordion div {
    margin-top:1%;
    margin-bottom:1%;
}

#topnavi {
    width: 100%;
    position: fixed;
    z-index: 100;
}

#topnavi .mod_navigation {
    -webkit-box-shadow: 0 1px 2px 1px rgba(204,204,204,.75);
    box-shadow: 0 1px 2px 1px rgba(204,204,204,.75);
}

#topnavi ul {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

#topnavi li {
    width: 20%;
    min-width: 16.666667%;
    float: left;
    margin-right: auto;
    margin-left: auto;
    line-height: 3rem;
    color: #fff;
}

#topnavi a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #6c572d;
    text-shadow: 1px 1px 1px #ccc;
}

#topnavi a:hover,
#topnavi a:focus,
#topnavi .active,
#topnavi .trail {
    color: #000;
    text-shadow: 1px 1px 1px #ccc;
}

#scanner-text h1,
#scanner-text h2,
#scanner-text h3,
#scanner-text h4,
#scanner-text h5 {
    text-align: left;
    color: #4557A8;
}

.blaueschrift {
    color: #4557A8;
}

#cookiebar button {
    background-color: #f5dd95;
    color: #000;
}

#karten,
.ce_accordion .accordion div {
    width: 70%;
    min-height: 25em;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding: 2%;
    background: #fff url("../../files/css/files/grafiken/blume_trans.png") right bottom no-repeat;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
    border: 1px solid #6c572d;
    border-radius: 10px;
}

#header .mod_article {
    margin-top: 0;
    padding-top: 0;
}

#header img {
    border-top: 0 solid #f5dd95;
    border-right: 2px solid #f5dd95;
    border-bottom: 0 solid #f5dd95;
    border-left: 0 solid #f5dd95;
}

#videos .ce_player {
    width: 500px;
    float: left;
    margin-right: 50px;
}

.content-text li {
    margin-bottom: .5em;
    margin-left: 1em;
    text-align: left;
    list-style-type: square;
}

.impressum_text,
.copyright_text,
.ecglink {
    width: 100%;
    margin-bottom: 2%;
    padding-bottom: 2%;
    border-bottom: 2px dotted #f5dd95;
}

a {
    text-decoration: underline;
    color: #6c572d;
}

a:hover {
    color: #000;
}

.mod_article {
    margin-top: 2%;
    text-align: justify;
}

#ueber-mich img {
    border: 1px solid #f5dd95;
    border-radius: 5px;
}

#chaos-coaching,
#chaos-aufspueren,
#platz-machen,
#system-entdecken,
#beduerfnisse {
    position: relative;
}

#chaos-coaching,
#impressum,
#infos,
#ueber-mich {
    padding-right: 5%;
    padding-left: 5%;
}

#links .content-text {
    margin-bottom: 1%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-align: center;
    font: 22px/26px verdana, arial, sans-serif;
    color: #6c572d;
    letter-spacing: .1rem;
    font-size: 1.4rem;
    line-height: 1.625rem;
    text-shadow: 1px 1px 1px #ccc;
}

#header {
    border-bottom: 2px solid #f5dd95;
    text-shadow: 2px 2px 2px #ccc;
}

#container {
    min-height: 300px;
    padding-right: 20px;
    padding-left: 20px;
    clear: left;
}

#wrapper {
    min-height: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 50px 0 0;
    background-color: rgba(245,221,149,.1);
    background-position: 0 50px;
    -webkit-box-shadow: 1px 1px 4px 2px #ccc;
    box-shadow: 1px 1px 4px 2px #ccc;
    border-right: 1px solid #f5dd95;
    border-left: 1px solid #f5dd95;
}

li {
    height: 100%;
    text-align: center;
}

#top {
    height: 100%;
    background-color: rgba(245,221,149,.2);
    font: 100.01% verdana, arial, sans-serif;
    color: #6c572d;
    overflow-y: scroll;
    font-size: 16px;
    font-size: 1rem;
}

#footer {
    min-height: 50px;
    position: relative;
    display: block;
    margin-top: 2%;
    margin-bottom: 2%;
    padding-top: 2%;
    text-align: center;
    border-top: 2px solid #f5dd95;
}

.media--left figure{
	padding-right:2em; 
	padding-bottom:0.75em;
}

.media--right figure{
	padding-left:2em; 
	padding-bottom:0.75em;
}

p,
li,
code,
code .email,
.content-text,
#top {
    font-family: verdana, arial, sans-serif;
    line-height: 1.4rem;
    font-size: 16px;
    font-size: 1rem;
}

.headerbild {
    max-width: 50%;
    float: left;
}

/* Mobiler Menü-Toggler */
#toggleNavMain {
    display: none;
    position: relative;
    background: #f5dd95;
    color: #6c572d;
    line-height: 1rem;
    padding: 1em 3.5em 1em 1em;
    border-top: 2px solid #f5dd95;
    text-shadow: 1px 1px 1px #ccc;
}

/* Hamburger-Icon */
#toggleNavMain::before,
#toggleNavMain::after {
    content: "";
    position: absolute;
    right: 1em;
    top: 50%;
    width: 28px;
    height: 3px;
    background: #fff;
    transition: transform .25s ease, box-shadow .25s ease;
}

#toggleNavMain::before {
    transform: translateY(-50%);
    box-shadow: 0 -8px 0 #fff, 0 8px 0 #fff;
}

#toggleNavMain::after {
    transform: translateY(-50%);
    box-shadow: none;
}

/* Wenn Menü offen ist: X statt Hamburger */
#toggleNavMain.open::before {
    transform: translateY(-50%) rotate(45deg);
    box-shadow: none;
}

#toggleNavMain.open::after {
    transform: translateY(-50%) rotate(-45deg);
}



@media screen and (min-width: 800px) {
    #topnavi .mod_navigation ul {
        display: block;
    }

    #toggleNavMain {
        display: none;
    }

    #header p {
        line-height: 120%;
    }
}

@media screen and (max-width: 799px) {
    #topnavi .mod_navigation li {
        float: none;
        width: 100%;
        min-width: 100%;
        text-align: left;
        border-bottom: 1px dotted #6c572d;
    }

    #topnavi li.last {
        border-bottom: 2px solid #fff;
    }

    #topnavi li.active {
        padding-left: 1em;
    }

    #topnavi a {
        text-align: left;
        line-height: 0.9rem;
        padding: 1em;
    }

    #toggleNavMain {
        display: block;
        cursor: pointer;
        line-height: 1rem;
        padding: 1em 3.5em 1em 1em;
        border-top: 0 solid #6c572d;
        border-bottom: 2px solid #fff;
        background: #f5dd95;
    }

    .js #navMain {
        display: none;
    }

    #wrapper {
        min-width: 1px;
    }

    #main .mod_navigation li {
        width: 46%;
        box-sizing: border-box;
        margin: 2%;
    }

    .ce_form {
        float: none;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 2.5em;
    }

    .kontaktdaten {
        padding: 0;
    }

    #karten {
        width: 90%;
    }

    .ce_accordion .accordion div {
        width: 94%;
    }

    #header p {
        line-height: 100%;
    }

    .toggler {
        line-height: 2.75rem;
    }
}

@media screen and (max-width: 540px) {
    #header p {
        font-size: 1rem !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    }

    #header {
        height: 100px;
    }

    #header img {
        max-height: 100px;
        width: auto;
    }
}

@media screen and (max-width: 460px) {
    #main .mod_navigation li {
        width: 96%;
        box-sizing: border-box;
        margin: 2%;
    }

    #main .mod_navigation a,
    #main .mod_navigation span {
        padding-top: 5%;
        padding-bottom: 5%;
    }

    #karten,
    .ce_accordion .accordion div {
        width: 90%;
    }

    #container {
                padding-left: 5%;
        padding-right: 5%;
    }

    .kontaktdaten,
    #wissenswertes {
        padding-left: 5%;
        padding-right: 5%;
    }

    #header {
        height: 100px;
    }

    #header img {
        max-height: 100px;
        width: auto;
    }
}

@media screen and (max-width: 280px) {
    #toggleNavMain {
        font-size: 15px;
    }
}