@media (max-width: 1199px) {
div#keyvisual {
    margin-top: 0;
}
}

nav.main-nav > a {
    margin-right: 10px;
    margin-left: 10px;
}

nav.main-nav {
    margin-left: -10px;
    margin-right: -10px;
    padding-bottom: 10px;
    padding-top: 10px;
   
}

hr {
    border-top: 1px solid rgba(68,68,68,.2);
}

select {
    margin-right: 10px;
    margin-bottom: 10px;
}

input.frontbuttongreen {
    text-transform: uppercase;
    border-radius: 50px;
    padding: 4px 20px;
}

.h-100vh {
height: 100vh !important
}

.w-100px {
width: 100px !important
}

.karte-zuschu form {
    position: absolute;
    z-index: 100;
    background: rgba(255, 255, 255, 0.7);
   width: 100%
}


.list.schulprojekt {
    border: none;
}

.list.schulprojekt td {
    border: none;
    border-bottom: 1px solid grey;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
}

.list.schulprojekt th {
    border: none;
    border-bottom: 2px solid grey;
}



@media (min-width:960px)
{
    .frame.zoom-in,.frame.slide-up
    {
        opacity: 0;
        -webkit-transition: all 0.6s linear;
        -moz-transition: all 0.6s linear;
        -ms-transition: all 0.6s linear;
        -o-transition: all 0.6s linear;
        transition: all 0.6s linear;
    }

    .frame.zoom-in
    {
        -moz-transform: scale(0.3);
        -webkit-transform: scale(0.3);
        -o-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }

    .frame.slide-up
    {
        -moz-transform: translateY(500px);
        -webkit-transform: translateY(500px);
        -o-transform: translateY(500px);
        -ms-transform: translateY(500px);
        transform: translateY(500px);
    }

    .frame.was-visible.slide-up,.frame.was-visible.zoom-in
    {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }

    xxx#keyvisual .frame,xxx.main-content .frame,xxx#ueber-footer .frame
    {
        opacity: 0;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

    xxx#keyvisual .accordion .frame,xxx.main-content .accordion .frame,xxx#ueber-footer .accordion .frame,
    {
        opacity: 1 !important;
    }

    .scrollingup #keyvisual .frame,.scrollingup .main-content .frame,.scrollingup #ueber-footer .frame
    {
        -webkit-transition: all 0s linear;
        -moz-transition: all 0s linear;
        -ms-transition: all 0s linear;
        -o-transition: all 0s linear;
        transition: all 0s linear;
    }

    xxx.frame.zoom-in.was-visible,xxx.scrollingup #keyvisual .frame,xxx#keyvisual .frame.visible,xxx#ueber-footer .frame.visible,xxx#keyvisual .frame.was-visible,xxx#ueber-footer .frame.was-visible,xxx.scrollingup .main-content .frame,xxx.main-content .frame.visible,xxx.main-content .frame.was-visible,xxx#ueber-footer .frame.was-visible
    {
        opacity: 1;
    }
}

body
{
    /* background: url(https://zukunftsschule.imgix.net/fileadmin/content/content-iqsh/zkompass/pics/mapback_low.jpg); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f7f5f0;
}

#page
{
    background: #fff;
}


.force-textcolor,
.force-textcolor p,
.force-textcolor a,
.force-textcolor h1,
.force-textcolor h2,
.force-textcolor h3,
.force-textcolor h4,
.force-textcolor h5 {
    color: #444
}

@media (min-width: 993px) {
.frame-type-text  h1:after,.frame-type-header h1:after
{
    content: "";
    width: 100%;
    max-width: 300px;
    height: 2px;
    background: #ff8800;
    display: block;
    margin-top: 10px;
    margin-bottom: 30px;
}

.frame-type-text  h1.ce-headline-center:after,.frame-type-header h1.ce-headline-center:after
{
    margin-left: auto;
    margin-right: auto;
}
}
.list-group-flush .list-group-item:first-child
{
    border-top: 0;
}

.list-group-flush.nolines .list-group-item
{
    border-top: 0;
    border-bottom: 0;
}

.badge-primary
{
    background-color: #ff8800;
}

.badge-secondary
{
    background-color: #51a127;
}

.medium
{
    font-weight: 500;
}

.bold
{
    font-weight: 700;
}

.main-nav-individual01 li a
{
    color: #51a127 !important;
    text-transform: uppercase;
    font-size: 14px;
}

.main-nav-individual01 li a:hover
{
    opacity: 0.8;
}

.main-nav-individual01 li
{
    margin-left: 15px;
    padding: 8px 0;
    overflow: visible;
    margin-bottom: -4px;
    position: relative;
}

@media (min-width:991px)
{
    .main-nav-individual01 li:last-child
    {
        background: #ff8800;
        padding: 8px 12px;
        border-radius: 30px;
        
    }

  
    .main-nav-individual01 li:last-child:after
    {
        display: none !important;
    }

    .main-nav-individual01 li:last-child a,xxx.main-nav-individual01 li:nth-last-child(2) a
    {
        color: #fff !important;
        text-transform: uppercase;
        font-weight: 600 !important;
    }
}

.main-nav-individual01 li:after
{
    content: "";
    width: 0%;
    display: block;
    height: 2px;
    background: #ff8800;
    opacity: 0;
    margin-top: 4px;
    position: absolute;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.main-nav-individual01 li:hover:after,.main-nav-individual01 li.active:after
{
    width: 100%;
}

.main-nav-individual01 li:hover:after
{
    opacity: 1;
}

.main-nav-individual01 li.active:after
{
    opacity: 1;
    background: #ff8800;
}

@media (max-width:767px)
{
    .togglemobilemenu
    {
        position: relative;
        z-index: 999999999999999999;
        left: unset;
        right: 0;
        top: 0;
        float: right;
    }

    .togglemobilemenu .hamburger-inner,.togglemobilemenu .hamburger-inner::before,.togglemobilemenu .hamburger-inner::after
    {
        -webkit-transition: background 0.8s linear;
        -moz-transition: background 0.8s linear;
        -ms-transition: background 0.8s linear;
        -o-transition: background 0.8s linear;
        transition: background 0.8s linear;
        background: #7D1B2C;
    }

    .show_mobilemenu .togglemobilemenu .hamburger-inner,.show_mobilemenu .togglemobilemenu .hamburger-inner::before,.show_mobilemenu .togglemobilemenu .hamburger-inner::after
    {
        background: #fff;
        opacity: 1;
    }

    body.show_mobilemenu
    {
        overflow: hidden;
    }

    .main-nav-individual01 nav
    {
        margin-top: -110vh;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    .show_mobilemenu .main-nav-individual01 nav
    {
        margin-top: 0;
    }

    .main-nav-individual01 nav
    {
        background: rgba(31, 102, 0, 0.93);
        position: fixed;
        z-index: 99999999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        padding-top: 100px;
    }

    .main-nav-individual01 li a
    {
        color: #fff !important;
        font-size: 20px;
        opacity: 0.7;
    }

    .main-nav-individual01 li.active a
    {
        opacity: 1;
    }

    .main-nav-individual01 li
    {
        padding: 16px 0;
        text-align: center;
        margin-left: 0;
    }

    .main-nav-individual01 li:after
    {
        display: none !important;
    }
}

.col-4.servicemenu.d-flex.justify-content-between
{
    display: none !important;
}

.col-8.sitemenu.d-flex.justify-content-between
{
    width: 100% !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

header#pageheader,.main-logo
{
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

header#pageheader
{
    background: #ffff;
/* position:fixed; */
    width: 100%;
    max-width: 1600px;
    top: 0;
    z-index: 99999999;
    border-bottom: 1px solid rgba(255,255,255,0);
}




.the-main
{
    overflow: hidden;
    position: relative;
/* margin-top:88px; */;
}

#page_3657 div#c18442
{
    display: none;
}

div#c18442 p
{
    margin: 0;
}

div#c18442 a
{
    font-weight: 800;
    font-size: 18px !important;
}

.main-logo
{
    width: 280px;
    height: unset;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}


a.main-logo .logo {
    width: 100%;
    height: 60px;
    background-image: url(https://zukunftsschule.imgix.net/fileadmin/content/content-iqsh/zschule/logos/Log_Zukunftsschule_text.svg);
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
}

.main-logo.logo-mobile
{
    background-image: url("");
    width: 280px;
    margin-top: 0;
    margin-bottom: 0;
}

header#pageheader .nav-link:last-child
{
    padding: 0;
}

header#pageheader .nav-item
{
    margin-right: 6px;
    margin-left: 6px;
}

header#pageheader .nav-item:last-child
{
    margin-right: 4px;
}

div#c17527 .nav-item:first-child:before
{
    content: "";
    background-image: url(https://zukunftsschule.imgix.net/fileadmin/content/content-elsensee/labels/label_fuer.svg);
    height: 15px;
    width: 40px;
    display: inline-block;
    position: absolute;
    margin-left: -40px;
    margin-top: 3px;
    background-size: contain;
    background-repeat: no-repeat;
}

.navbar-default,.nav-before
{
    background: #ff8800;
    border-bottom: 10px solid #51a127;
}

.nav-before,.nav-after
{
    display: none;
}

ul.nav
{
    margin: 0;
}

.gcss_background_grey-color_light
{
    background-color: #f1efed;
}

.gcss_background_grey-color_superlight
{
    background-color: rgba(241,239,237,0.3);
}

.frame-type-text > ul li::before
{
    background: #ff8800;
}

section.jumbotron,.sr-only
{
    display: none !important;
}

small,.small
{
    font-weight: 300;
}

.main-content .frame p:first-child
{
    margin-top: 0;
}

.main-content .frame p:last-child
{
    margin-bottom: 0;
}

.keyvisual .magic-container.as-keyvisual
{
    max-width: 100%;
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    -ms-overflow-style: none;
    z-index: 2;
}

.owl-carousel .owl-item {
    padding: 0 ;
}

@media screen and (min-width:1200px)
{
    .keyvisual .magic-container.as-keyvisual
    {
        width: calc(100vw - 30px);
    }


     .keyvisual .owl-item .magic-container.as-keyvisual
    {
       margin-top: 0
    }
}


@media (max-width:1430px)
{
    .magic-container
    {
    }
}

@media screen and (max-width:1430px)
{
    #keyvisual .frame .container.width-100percent
    {
        max-width: 1200px;
    }
}

@media screen and (max-width:1200px)
{
    #keyvisual .frame .container.width-100percent
    {
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .keyvisual .magic-container
    {
        max-width: 1200px;
        border-radius: 0;
        width: 100%;
    }
}

.width-100vw.magic-container
{
    border-radius: 0;
    max-width: 100vw;
    width: 100vw;
}

.keyvisual .width-100vw.magic-container
{
}

.main-content .width-100vw.magic-container
{
    border-radius: 0;
}

@media (min-width:1170px)
{
    .main-content .magic-container,.main-content .width-100vw.magic-container,.ueber-footer .width-100vw.magic-container
    {
    }

    .ueber-footer .width-100vw.magic-container
    {
    }
}

.blankpage #keyvisual
{
    margin-top: 0;
}

.unterkeyvisual.a01.container
{
}

.mt-4
{
}

.mt-4.cols2
{
}

.frame-type-menu_subpages ul,.frame-type-menu_pages ul
{
    list-style: none;
}

.unterkeyvisual > div:first-child
{
    margin-top: 40px;
}

.frame-type-text p,.frame-type-text ul,.frame-type-text h1,.frame-type-text h2,.frame-type-text h3,.frame-type-text h4,.frame-type-text h5
{
}

.frame-type-text p.align-right
{
    margin-left: auto;
}

.frame-type-text p.align-center,h1.align-center,h2.align-center,h3.align-center,h4.align-center,h5.align-center,.ce-headline-center
{
    margin-left: auto;
    margin-right: auto;
}

.row > .frame-type-text,.row > .frame-type-fluidcontent_content .accordion
{
}

blockquote
{
    padding: 0 27px;
    margin: 20px 0 20px 0;
    font-size: unset;
    border-left: 5px solid rgba(253,185,19,1);
}

.main-content p a,#ueber-footer p a,.btn_text
{
    font-weight: 400;
}

.main-content p a:hover
{
    opacity: 0.8;
}

.main-content p>a
{
    margin-top: 10px;
}

.main-content p.align-center>a
{
    margin-left: auto;
    margin-right: auto;
}

#keyvisual .a01
{
}

.keybild-bis-oben #keyvisual
{
    margin-top: 0;
}

.keybild-bis-oben #keyvisual .a01
{
    margin-top: 0;
}

.keybild-bis-oben #keyvisual .key-box-inner
{
    margin-top: 124px;
}

.navbar-brand a.logo
{
    font-size: 24px;
    font-weight: 400;
    color: #51a127;
    font-family: "Open Sans",sans-serif;
}

@media screen and (min-width:991px)
{
    .nsc200.keybild-bis-oben:not(.keybild-hell):not(.scrollingup):not(.endofpage):not(.scrollingdown) .navbar-brand a.logo
    {
        font-weight: 700;
        color: #ffffff;
    }
}

@media screen and (min-width:992px)
{
    .navbar-shrinked
    {
        margin-top: 0;
    }
}

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link,.navbar-light .navbar-nav .open>.nav-link,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.open,.navbar-light .navbar-nav .nav-link.active
{
    font-family: "Roboto",sans-serif;
}

.nsc200.keybild-bis-oben:not(.keybild-hell):not(.keybild-hell):not(.scrollingup):not(.endofpage):not(.scrollingdown) .navbar-light a
{
    color: #fff;
}

.navbar .nav-link,.navbar-toggleable-md .navbar-nav .nav-link
{
    border-bottom: 2px solid rgba(255,255,255,0);
    font-size: 16px;
    padding: 8px 0;
    font-weight: 400;
    margin-left: 6px;
    margin-right: 6px;
}

.navbar .nav-link,.navbar .nav-link:before,.navbar-toggleable-md .navbar-nav .nav-link
{
    color: #46423c !important;
}

.navbar .nav-link,.navbar-toggleable-md .navbar-nav .nav-link:first-child
{
    margin-left: 0;
}

.navbar li .nav-link.active,.navbar li .nav-link:hover
{
    opacity: 0.8;
}

.sc200:not(.scrollingup):not(.endofpage) .navbar li .nav-link.active,.sc200:not(.scrollingup):not(.endofpage) .navbar li .nav-link:hover
{
    padding-bottom: 12px !important;
}

.navbar li.call4action .nav-link.active,.navbar li.call4action .nav-link:hover
{
    border-bottom: 2px solid #51a127;
}

.navbar .call4action a,.navbar .call4action a:hover
{
    color: #ff8800 !important;
    border: 1px solid #ff8800 !important;
    border-radius: 30px;
    min-width: 80px;
    text-align: center;
    padding: 2px 10px 2px 10px !important;
    font-weight: 900 !important;
    margin-top: 7px !important;
    font-family: "Roboto",sans-serif !important;
}

.nsc200.keybild-bis-oben:not(.keybild-hell):not(.scrollingup):not(.endofpage):not(.scrollingdown) .navbar .call4action a,.nsc200.keybild-bis-oben:not(.keybild-hell):not(.scrollingup):not(.endofpage):not(.scrollingdown) .navbar .call4action a:hover
{
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.51) !important;
}

.navbar .call4action
{
    margin-left: 10px;
}

.navbar-brand
{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navbar
{
    margin-top: 0;
    padding: 0 15px;
    max-width: 1170px;
    margin: auto;
}

#nav-primary
{
    box-shadow: none;
}

@media screen and (min-width:992px)
{
    ul.nav.navbar-nav
    {
    }

    ul.nav.navbar-nav:before,ul.nav.navbar-nav:after
    {
        display: none !important;
    }
}

.dropdown-content a.nav-link,.dropdown-content .nav-link,.dropdown-menu>li>a
{
    color: #ffffff !important;
    padding: 0 !important;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    padding: 2px 0 !important;
    opacity: 0.8;
}

.dropdown-content a.nav-link:hover
{
    background: none;
}

@media screen and (min-width:992px)
{
    .navbar-toggleable-md .navbar-collapse
    {
        width: 100%;
        padding: 0;
    }
}

@media screen and (min-width:992px) and (max-width:1200px)
{
    .navbar-toggleable-md .navbar-nav .nav-link
    {
        padding-right: 0;
        padding-left: 0;
    }

    li.nav-item
    {
        display: inline-block;
    }
}

header .mainnavtoggler.nav-link.navbar-toggler
{
    padding: 0;
    background: #51a127;
    margin: 0 auto 0 auto;
    position: fixed;
    right: 0;
    top: 150px;
    z-index: 99999999999999999999999999999999999999999999999;
}

@media screen and (max-width:991px)
{
    #nav-primary .container
    {
        display: none;
    }
}

.mega-menu
{
    width: 100% !important;
    margin-left: 0 !important;
    padding: 10px;
}

.mega-menu h3
{
    font-size: 18px;
    font-weight: 400;
}

.keyvisual.a01
{
    padding-top: 0;
    padding-bottom: 0;
}

.keyvisual.a01>div:first-child
{
    width: 100%;
}

#keyvisual .keyvisual .frame-type-text
{
    margin-top: unset !important;
}

#keyvisual .keyvisual > .frame-type-text:first-child
{
    margin-top: 40px!important;
}

.keyvisual-full .keyvisual.a01>div:first-child
{
    padding: 0;
}

@media screen and (min-width:992px)
{
    .keybild-bis-oben .keyvisual.a01>div:first-child
    {
        padding-top: 30px;
    }

    .keybild-bis-oben #keyvisual section.cd-hero
    {
        margin-top: -90px;
    }
}

.sc100 #keyvisual .key-box
{
}

.key-box.as-specialbox_item1 .key-box-inner:before
{
    content: "";
    height: 44px;
    width: 95px;
    position: absolute;
    left: 0;
    margin-top: -48px;
    margin-left: 30px;
    background-image: url(https://zukunftsschule.imgix.net/fileadmin/templates/buchner/a_buchner-core/css/pics/anfuehrung_gelb.svg);
    background-repeat: no-repeat;
    background-attachment: initial;
    background-size: contain;
}

.key-box-mobile.key-box.as-specialbox_item1 .key-box-inner:before
{
    display: none;
}

.nav-pills .nav-link.active,.nav-pills .nav-item.show .nav-link
{
    background: none;
    color: #4c4b3c;
}

.nav-sidebar a.nav-link
{
    padding: 0.25rem 0;
    font-size: 14px;
}

#footer .frame-type-menu_subpages.subfooter ul li:hover,#footertop .frame-type-menu_subpages.subfooter ul li:hover
{
}

#footer .frame-type-menu_subpages.subfooter li .nav-link,#footertop .frame-type-menu_subpages.subfooter li .nav-link
{
}

#footertop
{
    padding-top: 20px;
}

.frame-space-after-extra-large
{
    margin-bottom: 100px !important;
}

.frame-space-before-extra-large
{
    margin-top: 100px !important;
}

main#content,.ueber-footer
{
    z-index: 100;
    position: relative;
}

div#ueber-footer
{
    margin-top: 0;
}

main#content.lay101 > div > .frame:first-child
{
    margin-top: 30px;
}

@media screen and (min-width:992px)
{
    main#content.lay101 > div > .frame:first-child
    {
        margin-top: 40px;
    }
}

.card
{
    border: none;
    border-radius: 0;
    margin-bottom: 30px;
}

.gcss_wrapperlink .card,.gcss_wrpapperlink .card
{
    margin-bottom: 0;
}

.card p
{
    font-size: 16px;
}

.card-block
{
}

.card-img-top
{
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.card .img-fluid
{
    width: 100%;
    height: auto;
}

img
{
    max-width: 100%;
    height: auto;
    viewbox: auto;
}

.dropdown-toggle::after
{
    display: none;
}

.dropdown-menu
{
    border-radius: 0;
    border: none;
    background: rgba(0,86,156,0.9);
    padding: 10px 20px;
}

.dropdown-menu a
{
}

.dropdown-content
{
    padding: 0 !important;
}

a.dropdown-item.active.current
{
    background: rgba(0,86,156,0.6);
}

.dropdown-item:focus,.dropdown-item:hover
{
    text-decoration: none;
    background: rgba(0,86,156,0.6);
}

div#nav-primary
{
    padding-top: 0;
    z-index: 999;
    background: none;
    padding: 0;
    width: 100%;
    left: 0;
}

.nsc200.keybild-bis-oben:not(.scrollingup):not(.endofpage):not(.scrollingdown) div#nav-primary
{
    background: none;
}

@media screen and (max-width:991px)
{
    div#nav-primary
    {
    }
}

@media screen and (min-width:992px)
{
    .keybild-bis-oben:not(.keybild-nicht-oben-abdunkeln):not(.sc100) #header:after
    {
        content: "";
        height: 250px;
        width: 100%;
        display: block;
        -webkit-box-shadow: inset 0 250px 100px -100px rgba(0,0,0,0.2);
        -moz-box-shadow: inset 0 250px 100px -100px rgba(0,0,0,0.2);
        box-shadow: inset 0 250px 100px -100px rgba(0,0,0,0.2);
        position: fixed;
        z-index: 1;
        margin-top: 0;
        opacity: 1;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

    .sc200 #header:after
    {
        opacity: 0;
    }
}

@media screen and (max-width:991px)
{
    div#c18530 .magic-columns .inner-colwrap
    {
        flex-direction: row;
        display: flex;
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important;
    }

    div#c20737,div#c18528,div#c20738
    {
        width: unset !important;
    }

    .hamburger
    {
        /* margin-left: -10px; */
        margin-right: -15px;
    }

    div#nav-primary
    {
        height: unset;
        border-bottom: none;
        -webkit-box-shadow: 0 0 4px 0 rgba(87,80,0,0.2);
        -moz-box-shadow: 0 0 4px 0 rgba(87,80,0,0.2);
        box-shadow: 0 0 4px 0 rgba(87,80,0,0.2);
        padding-top: 0;
    }

    main#content
    {
        padding-top: 0;
    }
}

.navbar-light .navbar-toggler
{
    border: none;
}

@media screen and (max-width:991px)
{
    div#page
    {
        padding-top: 0;
    }
}

@media screen and (min-width:992px)
{
    #page
    {
        padding-top: 0;
    }
}

#searchDropdown,p.copyright
{
    display: none;
}

#cookie-bar
{
    display: none !important;
}

.navbar-light .searchbar-toggler
{
    display: none !important;
}

div#page.lay101
{
    padding-top: 0;
}

#keyvisual figure
{
}

#adds-and-teasers .call4action
{
    background: #ff8800;
    padding: 14px 20px 2px 20px;
    position: fixed;
    width: 100%;
    left: 0;
    overflow: visible;
    bottom: 0;
    z-index: 1000;
}

#adds-and-teasers .call4action.slide-in
{
    bottom: -200px;
}

div#adds-and-teasers .call4action.ontop
{
    bottom: unset;
    top: -200px;
}

#adds-and-teasers .call4action p
{
    overflow: visible;
}

.sc100 #adds-and-teasers .call4action.slide-in
{
    bottom: 0;
}

.sc200 #adds-and-teasers .call4action.ontop
{
    bottom: unset;
    top: -200px;
}

.sc500 #adds-and-teasers .call4action.ontop
{
    bottom: unset;
    top: 0;
}

#adds-and-teasers .call4action a
{
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    border: 2px solid #51a127 !important;
    padding: 10px 20px;
    border-radius: 40px;
    height: auto;
    position: relative;
    top: 0;
    margin: 0;
    display: inline-block;
}

@media screen and (max-width:700px)
{
    #adds-and-teasers .call4action a
    {
        font-size: 18px;
    }
}

#adds-and-teasers .call4action a:hover
{
    opacity: 0.7 !important;
}

#adds-and-teasers
{
    margin: 0;
    max-width: 100%;
    width: 100%;
    padding: 0;
    background: #f1efed;
}

.adds-and-teasers.a01.container
{
    margin: 0;
    width: 100%;
    padding: 0;
    overflow: visible;
}

.navbar li.icon .nav-link.active,.navbar li.icon .nav-link:hover
{
    border-bottom: none;
}

.navbar li.icon a
{
    color: rgba(255,255,255,0) !important;
}

@media screen and (max-width:1200px)
{
    .navbar li.icon
    {
        display: none;
    }
}

.icon a:before
{
    content: "";
    position: absolute;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: visible;
}

.icon.circle a:before
{
    border-radius: 50%;
}

.icon.size18 a:before
{
    height: 18px;
    width: 18px;
}

.icon.size24 a:before
{
    height: 24px;
    width: 24px;
}

.icon.size28 a:before
{
    height: 28px;
    width: 28px;
}

.icon.size36 a:before
{
    height: 36px;
    width: 36px;
}

.icon.size48 a:before
{
    height: 48px;
    width: 48px;
}

.icon.circle.facebook a:before
{
    background: #4c4b3c url(https://zukunftsschule.imgix.net/fileadmin/templates/buchner/a_buchner-core/ressources/social-icons/BU_Circle_Black-White/facebook_pos_mask.svg);
}

.icon.circle.youtube a:before
{
    background: #4c4b3c url(https://zukunftsschule.imgix.net/fileadmin/templates/buchner/a_buchner-core/ressources/social-icons/BU_Circle_Black-White/youtube_pos_mask.svg);
}

.icon.circle.xing a:before
{
    background: #4c4b3c url(https://zukunftsschule.imgix.net/fileadmin/templates/buchner/a_buchner-core/ressources/social-icons/BU_Circle_Black-White/xing_pos_mask.svg);
}

.navbar .icon a:before
{
    opacity: 0.5;
    margin-top: -2px;
}

.navbar .icon
{
    margin-left: 6px;
    top: 2px;
}

.icon:hover a:before
{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

@media screen and (max-width:600px)
{
    .sidenav,.sidenav-filler
    {
        display: none;
    }
}

.sidenav
{
    position: fixed;
    z-index: 999990;
    right: 10px;
    display: block;
    top: 25vh;
    overflow: visible;
}

.sidenav-filler
{
    position: fixed;
    z-index: 999980;
    content: "";
    width: 0vw;
    height: 0%;
    padding: 0;
    top: 40vh;
    right: 0;
    display: block;
    background: rgba(0,0,0,0);
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -ms-transition: all 0s linear;
    -o-transition: all 0s linear;
    transition: all 0s linear;
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -ms-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
}

.sidenav-filler.sidenav-filler-visible
{
    background: rgba(0,0,0,0.6);
    width: 100vw;
    height: 100vh;
    top: 0;
}

.sc300 .sidenav-filler
{
    background: #00a768;
    background: rgba(0,66,41,0.69);
}

.sidenav ul li .sidebutton
{
    height: 40px;
    width: 40px;
    display: inline-block;
    border-radius: 50%;
    background: #ff8800;
    position: absolute;
    z-index: 999990;
    -webkit-box-shadow: 0 0 4px 0 rgba(87,80,0,0.4);
    -moz-box-shadow: 0 0 4px 0 rgba(87,80,0,0.4);
    box-shadow: 0 0 4px 0 rgba(87,80,0,0.4);
    margin-left: 10px;
    margin-top: -12px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.sidenav ul li .sidebutton:hover
{
    margin-top: -14px;
    background: #00a768;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-box-shadow: 0 0 4px 0 rgba(87,80,0,0.8);
    -moz-box-shadow: 0 0 4px 0 rgba(87,80,0,0.8);
    box-shadow: 0 0 4px 0 rgba(87,80,0,0.8);
}

.sidenav a:hover
{
    opacity: 1;
}

.sidenav a.inactive
{
    opacity: 0.6;
}

.sidenav.wrapper ul
{
    list-style: none;
    margin: 0;
    padding: 30px 60px 0 2px;
    float: right;
}

.sidenav.wrapper li
{
    display: table-row;
    line-height: 60px;
    text-align: right;
}

.sidenav .tipp
{
    content: "";
    color: #fff;
    display: inline;
    position: relative;
    white-space: nowrap;
    font-weight: 600;
    padding: 5px 10px;
    top: -22px;
    overflow: hidden;
    margin-right: -400px;
    opacity: 0;
}

.sidenav:hover .tipp
{
    margin-right: 0;
    opacity: 0.8;
}

.sidenav a:hover .tipp
{
    margin-right: -4px;
    opacity: 1;
}

.action-button
{
    display: block;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 2px solid #fff;
    position: fixed;
    z-index: 9999999999990;
    left: 30px;
    bottom: 30px;
    -webkit-box-shadow: 0 0 4px 0 rgba(87,80,0,0.4);
    -moz-box-shadow: 0 0 4px 0 rgba(87,80,0,0.4);
    box-shadow: 0 0 4px 0 rgba(87,80,0,0.4);
    background: #fff;
}

.action-button.primary
{
    background: #ff8800;
}

.action-button-open.primary
{
    background: #f7c639;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    cursor: context-menu;
    display: block;
}

.action-button-closed
{
    background: red;
}

.action-button-open
{
    background: #000000;
}

.mein-buchner-layer
{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(25,23,17,0);
    z-index: 9999999999980;
    opacity: 0;
    right: 0;
    bottom: 0;
    display: none;
}

body.action-menu-open .mein-buchner-layer
{
    background: rgba(25,23,17,0.85);
    overflow-y: scroll;
    opacity: 1;
    display: block;
    padding: 5vh;
    height: 100vh;
    width: 100vw;
    text-align: center;
}

.back-blured
{
    filter: blur(10px);
}

.back-blured:after
{
    content: "";
    background: rgba(68,68,68,0.27);
    position: fixed;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
}

body.back-noscroll
{
    overflow-y: hidden;
    overflow: hidden;
}

body.action-menu-open.sc400 div#adds-and-teasers .call4action
{
    display: none !important;
}

.mein-buchner-layer .container:first-child
{
    width: 100%;
    position: relative;
    margin: 0 auto;
    display: block;
}

.mein-buchner-layer .card
{
    max-width: 16vw;
    display: block;
    margin: 0.5vw;
}

.action-menu-closed .mein-buchner-layer .card
{
    opacity: 0;
}

.action-menu-open .mein-buchner-layer>div
{
    opacity: 1;
}

.ueber-footer.a01.container
{
    margin: 0 !important;
    max-width: 100%;
}

.gcss_keyvisualbox.noback
{
    background: none !important;
    padding: 0;
}

.gcss_keyvisualbox.superhero.noback h1
{
    font-size: 70px;
}

.gcss_keyvisualbox.superhero h1,.gcss_keyvisualbox.superhero p,.gcss_keyvisualbox.superhero a
{
    font-weight: 600;
}

.gcss_pic_darkend-light h1,.gcss_pic_darkend-light p,.gcss_pic_darkend-light a
{
    color: #fff;
    font-weight: 600;
}

.gcss_keyvisualbox.superhero.noback .btn-secondary
{
    background: none;
    color: #fff!important;
    font-weight: 600;
    border: 2px solid #fff !important;
    position: relative;
    z-index: 999;
    padding: 8px 20px;
    text-transform: uppercase;
    background: rgba(0,0,0,0.13);
}

.nav_bar
{
    background: #51a127;
    color: #fff;
    text-align: center;
    font-weight: bolder;
}

.nav_bar.nav-color_secondary-color
{
    background: #ff8800;
    color: #4c4b3c;
}

.nav_bar.nav-color_neutral-color
{
    background: rgba(76,75,60,0.20);
    color: #4c4b3c;
}

.nav_bar.nav-color_neutral-color_dark
{
    background: rgba(76,75,60,0.80);
    color: #fff;
}

.nav_bar.nav-color_white-color_opac
{
    background: #fff;
    color: #4c4b3c;
}

.nav_bar.nav-color_white-color_transparent
{
    background: rgba(255,255,255,0.8);
    color: #4c4b3c;
}

.nav_bar ul
{
    display: inline-block;
    text-align: center;
}

.nav_bar ul li
{
    display: inline-block;
}

.nav_bar a
{
    padding: 16px 16px !important;
    color: #fff;
    display: block;
}

.nav_bar a:hover
{
    opacity: 0.8;
    background: rgba(255,255,255,0.15);
}

.teaserbox-wrapper a.linkwrapper,.teaserbox-wrapper .teaserbox
{
    /* padding: 0; */
    /* display: block; */
    /* height: auto; */
}

.teaserbox-wrapper a.linkwrapper.has-border,.teaserbox-wrapper .teaserbox.has-border,.teaserbox-wrapper:not(.teaser-design-hoverbox) .teasertext.has-border
.teaserbox-wrapper.dark-background a.linkwrapper,.teaserbox-wrapper.dark-background .teaserbox,.teaserbox-wrapper.dark-background:not(.teaser-design-hoverbox) .teasertext
{
}

.gcss_ondark .gcss_border_grey-light.teaser-innerwrap
{
    border: 1px solid rgba(255,255,255,0.5) !important;
}

.teaserbox-wrapper:not(.dark-background) .teaserbox:not(.has-border) .resimage-outer,.teaserbox-wrapper:not(.dark-background) .teaserbox:not(.has-border) .resimage
{
}



.gcss_ondark .teaserbox-wrapper a.linkwrapper:not(.has-border):not(.dark-background) .resimage-outer,.gcss_ondark .teaserbox-wrapper .teaserbox:not(.has-border):not(.dark-background) .resimage-outer
{
    border-radius: 0;
}



.teaserbox-wrapper:not(.dark-background) a.linkwrapper:not(.has-border) .resimage-outer,.teaserbox-wrapper:not(.dark-background) .teaserbox:not(.has-border) .resimage-outer
{
}

.teaserbox-wrapper a.linkwrapper.has-border .resimage-outer,.teaserbox-wrapper a.linkwrapper.dark-background .resimage-outer,.teaserbox-wrapper .teaserbox.has-border .resimage-outer,.teaserbox-wrapper .teaserbox.dark-background .resimage-outer
{
}

.teaser-picposition-bottom.teaserbox-wrapper a.linkwrapper,.teaser-picposition-bottom.teaserbox-wrapper .teaserbox
{
    
}

.teaserlink.btn
{
    display: block;
    font-size: 14px;
    margin-top: 14px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.teaserbox-wrapper .dark-colored-text-area .teaserlink.btn
{
    border: none !important;
}

.teaserlink.btn:hover
{
    background: rgba(173,173,173,0.1);
    color: #a5003a !important;
}

.teasertext.gcss_background_prime-color .teaserlink.btn:hover
{
    background: #a5003a !important;
    color: #fff !important;
    border-color: rgba(255,255,255,0.78);
}

.teaserlink.btn-cart
{
    background: #ff8800;
    color: #4c4b3ca1;
}

.teaserlink.btn-cart:hover,.teaserlink.btn-cart:active,.teaserlink.btn-cart:focus
{
    color: #51a127 !important;
    background-color: #a5003a;
    border-color: #fff;
    box-shadow: none;
}

.teaserbox-wrapper .secondary-link
{
    margin-top: 15px;
    display: block;
}

.teaserbox-wrapper .overlay-banner
{
    position: absolute;
    font-weight: 600;
    z-index: 10;
    text-align: center;
    font-size: 14px;
    /* border-radius: 6px; */
    padding-right: 8px;
    padding-left: 8px;
    margin-top: -24px;
    margin-left: 8px;
    max-width: 160px;
    background: #ff8800;
    color: rgba(255, 255, 255, 0.84);
    padding-top: 2px;
    padding-bottom: 2px;
    -moz-transform: rotate(-9.5deg);
    -webkit-transform: rotate(-9.5deg);
    -o-transform: rotate(-9.5deg);
    -ms-transform: rotate(-9.5deg);
    transform: rotate(-9.5deg);
    /* border: 2px solid rgb(255, 255, 255); */
}

.teaser-design-nopic.teaserbox-wrapper .teasertext
{
    padding: 20px 15px 10px 15px;
    overflow: hidden;
}

.pic-free.teaserbox-wrapper .teasertext
{
    border-radius: 1vw 1vw 0 1vw;
}

.teaserbox-wrapper .teasertext ul
{
    display: block;
    list-style-type: disc;
    text-align: left;
    margin-left: 12px;
    line-height: 1.2;
    color: #444;
    margin-bottom: 10px;
}

.teaserbox-wrapper h2,.teaserbox-wrapper .gcss_background_white h2,.teaserbox-wrapper strong,.teaserbox-wrapper .gcss_background_white strong
{
    color: #51a127;
}

.teaserbox-wrapper .gcss_background_prime-color h2,.teaserbox-wrapper .gcss_background_prime-color .textwrapper p,.teaserbox-wrapper .gcss_background_prime-color .textwrapper a,.teaserbox-wrapper .gcss_background_prime-color .textwrapper li,.teaserbox-wrapper .gcss_background_prime-color .headwrapper strong,.teaserbox-wrapper .gcss_background_prime-color .headwrapper
{
    color: #fff !important;
}

.teaserbox-wrapper.teaser-design-hoverbox:hover .textwrapper
{
    background: rgba(0,141,88,0.8) !important;
}

.teaserbox-wrapper.teaser-design-hoverbox:hover .textwrapper p
{
    font-weight: 600;
}

@media (min-width:560px)
{
    .teaserbox-wrapper.teaser-design-hoverbox a.linkwrapper.has-border:hover,.teaserbox-wrapper a.linkwrapper.has-border:hover,.teaserbox-wrapper.dark-background:not(.pic-free) a.linkwrapper:hover,a.news-item:hover .news-item-inner
    {
        -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2);
        -moz-box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2);
        box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2);
    }

    .teaserbox-wrapper:not(.transparent-background):not(.dark-background) .teaserbox:not(.has-border):hover .resimage-outer,.teaserbox-wrapper:not(.transparent-background):not(.dark-background) .teaserbox:not(.has-border):hover .resimage
    {
        -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),inset 0px 0px 0px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),inset 0px 0px 0px 1px rgba(0,0,0,0.2);
        box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),inset 0px 0px 0px 1px rgba(0,0,0,0.2);
    }
}

@media (min-width:960px)
{
    .teaserbox-wrapper:not(.teaser-design-hoverbox) a.linkwrapper.has-border:hover,
    {
        -moz-transform: translateY(-4px);
        -webkit-transform: translateY(-4px);
        -o-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        transform: translateY(-4px);
    }
}

#footer .nav>li>a:hover,.nav>li>a:focus
{
    background-color: rgba(0,0,0,0);
}

form
{
    opacity: 0.8;
}

form:hover,form:focus
{
    opacity: 1;
}

.owl-theme .owl-dots .owl-dot span:after
{
    content: "";
    height: 20px;
    width: 20px;
    background: rgba(251,186,0,0.4);
    display: block;
    margin-left: -20px;
}

.owl-theme .owl-dots .owl-dot span
{
    background: rgba(177,177,177,0.4);
}

.owl-theme .owl-dots .owl-dot:hover span
{
    background: rgba(119,119,119,0.7);
}

.owl-theme .owl-dots .owl-dot.active span
{
    background: rgba(255,255,255,0);
}

.owl-theme .owl-nav [class*='owl-'] {
    background: none;
    padding: 0
}

.owl-next:after,.owl-prev:before
{
    height: 40px;
    width: 40px;
    display: inline-block;
    background: #bfbfbf73;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.36);
    color: #444;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    font-family: buchner_icons !important;
    font-style: normal !important;
    font-weight: normal !important;
}

.owl-next:after
{
    content: "\f120";
    padding-left: 2px;
}

.owl-prev:before
{
    content: "\f11f";
    padding-right: 2px;
}

.key-boxed
{
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    float: none !important;
}

.key-box-inner
{
    background: none;
    padding: 20px 30px 20px 30px;
}

.keyvisual .key-box-inner
{
}

.key-box-mobile .key-box-inner
{
    margin-top: 0px;
}

.specialbox_noback .key-box-inner
{
    padding: 0;
}

.key-box.as-specialbox_item1 .key-box-inner
{
    border-radius: 0 22px 22px 22px;
    padding-top: 62px;
}

.specialbox_noback.key-box.as-specialbox_item1 .key-box-inner
{
    margin-top: 80px;
    padding: 20px 15px;
    margin-left: 30px;
}

main#content .container.magic-container.activ-video.videobackground
{
    border-radius: 2vw 0 2vw 2vw;
    padding: 0 30px;
    overflow: hidden;
}

.specialbox_lightback .key-box-inner
{
    background: rgba(255,255,255,0.9);
    /* border-bottom: 5px solid #ff8800; */
}

.key-box-mobile.specialbox_lightback .key-box-inner
{
    background: none;
    padding: 10px 0px;
}

.specialbox_darkback .key-box-inner
{
    background: rgba(125,125,125,0.8);
}

.key-box-inner h1,.key-box-inner .h1,.key-box-inner h2.key-headline,.key-box-inner .h2.key-headline,.key-box-inner h1 strong,.key-box-inner .h1 strong,.key-box-inner h2.key-headline strong,.key-box-inner .h2.key-headline strong
{
    color: #51a127;
    font-size: 30px;
    margin-left: -1px;
    line-height: 100%;
    font-weight: 400 !important;
}

.gcss_ondark .key-box-inner h1,.key-box-inner .h1,.gcss_ondark .key-box-inner h2.key-headline,.gcss_ondark .key-box-inner .h2.key-headline,.gcss_ondark .key-box-inner h1 strong,.gcss_ondark .key-box-inner .h1 strong,.gcss_ondark .key-box-inner h2.key-headline strong,.gcss_ondark .key-box-inner .h2.key-headline strong
{
    color: #fff !important;
    text-shadow: 0 0 6px rgba(0,0,0,0.36);
}

@media (min-width:600px)
{
    .key-box-inner h1,.key-box-inner .h1,.key-box-inner h2.key-headline,.key-box-inner .h2.key-headline,.key-box-inner h1 strong,.key-box-inner .h1 strong,.key-box-inner h2.key-headline strong,.key-box-inner .h2.key-headline strong
    {
        font-size: 46px;
    }
}

.specialbox_lightback .key-box-inner h1,.specialbox_lightback .key-box-inner .h1
{
    color: #51a127 !important;
}

.key-box-inner h2,.key-box-inner .h2
{
    color: #51a127;
    line-height: 120%;
}

.specialbox_lightback .key-box-inner h2,.specialbox_lightback .key-box-inner .h2,.specialbox_lightback .key-box-inner h2 strong,.specialbox_lightback .key-box-inner .h2 strong
{
    color: #51a127;
    font-weight: 400 !important;
}

.specialbox_lightback .key-box-inner h3,.specialbox_lightback .key-box-inner h4,.specialbox_lightback .key-box-inner h5,.specialbox_lightback .key-box-inner p
{
    color: #444 !important;
}

.specialbox_lightback .key-box-inner .a
{
    color: #51a127 !important;
}

.key-box .pre-headline p,.key-box .key-box-text p
{
    font-size: 16px;
    margin-bottom: 0;
    line-height: 140%;
}

.key-box .call4action
{
    margin-top: 0;
    margin-left: -4px;
}

.key-box-mobile.key-box .call4action
{
    margin-bottom: 20px;
}

.key-box .call4action.under-box a.btn:nth-child(2)
{
    margin-left: 12px;
}

.key-box .key-box-text
{
    margin-bottom: 10px;
}

.key-box .call4action.under-box .btn
{
}

.spacer-call4action
{
    width: 20px;
    height: 20px;
    display: block;
}

.key-box a.btn.btn-secondary
{
    background: #51a127;
    color: #fff !important;
}

.key-box a.btn.btn-secondary.has-primary
{
    margin-right: 0;
    background: #ff8800;
    color: #51a127 !important;
}

.key-box .spacer-under-box
{
    height: 40px;
}

.key-box-mobile,.key-box-mobile.key-box.key-boxed
{
    background: #f0f5ea;
    padding-left: 15px !important;
    padding-right: 15px !important;
    max-width: 100vw;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 10px;
}

.row.gcss_no-gap>div[class^="col-"],.row.gcss_no-gap>div[class*=" col-"]
{
    padding: 0;
    margin: 0;
}

.row.gcss_no-gap .teaser-design-normal
{
    max-width: 30vw;
    margin-bottom: 4px;
}

.row.gcss-border_full_4px_backcolor>div[class^="col-"],.row.gcss-border_full_4px_backcolor>div[class*=" col-"]
{
    padding: 4px 2px;
}

ul.filterbar
{
    list-style: none;
    padding: 0;
    text-align: center;
    border-bottom: 1px solid rgba(68,68,68,0.18);
}

ul.filterbar li
{
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
}

div#c4576 img
{
    width: 100%;
    height: auto;
}

.subnav-container,.endofpage .subnav-container
{
    z-index: 119;
    width: 100%;
    background: rgba(255,255,255,0.8);
    margin-top: 0 !important;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
    height: auto !important;
    overflow: hidden;
    opacity: 1 !important;
}

.sc300 .subnav-container
{
    margin-top: -500px;
    height: 0;
    overflow: hidden;
    opacity: 0;
}

.endofpage .subnav-container
{
    position: fixed;
    z-index: 119;
    width: 100%;
    background: #fff !important;
}

.subnav-container h2
{
    font-size: 30px;
    font-weight: 400;
}

.subnav-container h2 a
{
    color: #4c4b3c;
}

.gcss_navbar ul
{
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 1160px;
    margin: 3px auto 0 auto;
    float: right;
}

.gcss_colorize.gcss_colorize_darker-standard:before
{
    background: rgba(10,24,9,0.24);
}

.gcss_navbar ul li a
{
    white-space: nowrap;
}

.gcss_navbar ul li.navitem
{
    display: inline !important;
    position: relative;
    padding: 0;
}

.gcss_navbar ul li a
{
    display: inline-block;
    color: #777777;
    padding: 4px 10px;
    font-weight: 400;
    opacity: 0.8;
}

.gcss_navbar ul li a:hover
{
    opacity: 1;
    background: none !important;
}

.gcss_navbar ul li.call4action a
{
    border: 1px solid #51a127;
    margin-left: 10px;
    border-radius: 30px;
    background: #51a127;
    color: #fff;
    opacity: 1;
    text-transform: uppercase;
    font-weight: 700 !important;
}

.gcss_navbar ul li.call4action a:hover
{
    border: 1px solid rgba(255,255,255,0.8);
    color: rgba(255,255,255,0.8);
    opacity: 1;
    background: #51a127 !important;
}

.gcss_navbar .nav.flex-column
{
    flex-direction: row !important;
}

.gcss_navbar .nav:before,.gcss_navbar .nav:after
{
    display: none;
}

.navbar-brand,a.navbar-brand
{
    font-family: "Open Sans","Roboto","sans-serif";
    font-weight: 400;
}

.on-dark h2,.on-dark a
{
    color: #fff !important;
}

.on-dark .subnav-container
{
    background: rgba(255,255,255,0);
    position: absolute;
}

.subnav-container>.container
{
    border-bottom: 1px solid rgba(204,204,204,0.48);
    padding: 0;
    width: 1100px;
    margin-top: 10px;
}

.on-dark .subnav-container>.container
{
    background: rgba(255,255,255,0);
    border-bottom: 1px solid #fff;
}

.back_primary
{
    background-color: #51a127;
}

img.logopic
{
}

.navbar2.area-navbar.grey-color .inner-wrapper
{
    background: none;
    border-bottom: 1px solid #e6e6e6;
}

.navbar2.area-navbar.grey-color.navbar2 ul
{
    margin-top: 0;
    margin-bottom: 0;
}

.navbar2.area-navbar.grey-color.navbar2 a:hover
{
    background: none;
}

.main-content .areanav
{
    margin-top: 0 !important;
}

#keyvisual
{
}

@media (max-width:1200px)
{
    #keyvisual .keyvisual
    {
    }
}

.scrollingdown #keyvisual .areanav,.scrollingup #keyvisual .areanav,.sc100 #keyvisual .areanav
{
}

@media screen and (max-width:892px)
{
    .areanav-spacer-bottom,#keyvisual .magic-container .areanav-spacer-bottom
    {
    }

    .subopen nav.navbar2,.subopen nav.navbar2 .thelinks
    {
        z-index: 2000 !important;
    }

    .areanav .navbar-brand,.sc200 #keyvisual .areanav .navbar-brand
    {
        font-size: 18px !important;
        padding: 15px 15px !important;
    }
}

.scrollingdown.sc600 #keyvisual .areanav
{
    margin-top: -200px !important;
}

@media screen and (max-width:991px)
{
    .areanav
    {
        margin-bottom: 20px !important;
        border-radius: 0 !important;
    }
}

.areanav .container-fluid,.areanav .inner-wrapper
{
}

.areanav .container-fluid
{
    border-bottom: 1px solid rgba(68,68,68,0.2) !important;
}

.sc100 .areanav .container-fluid
{
    border-bottom: 1px solid rgba(68,68,68,0) !important;
}

.areanav .container-fluid
{
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
}

.scrollingdown #keyvisual .gcss_ondark .areanav .container-fluid,.scrollingup #keyvisual .gcss_ondark .areanav .container-fluid
{
    border-bottom: 0 solid rgba(255,255,255,0);
}

.sc200 #keyvisual .areanav .navbar-brand
{
    font-size: 20px;
    height: auto;
    line-height: 16px;
    padding: 12px 0;
}

.areanav a
{
    color: #75746f !important;
    font-weight: 400 !important;
}

.mein-buchner.sc100 .areanav.gcss_ondark a,.scrollingdown .areanav.gcss_ondark a,.scrollingup .areanav.gcss_ondark a,.scrollingdown .gcss_ondark .areanav a,.scrollingup .gcss_ondark .areanav a
{
    color: #75746f !important;
    font-weight: 400 !important;
}

.areanav .nav>li>a:focus,.areanav .nav>li>a:hover
{
    opacity: 1;
    background: none;
}

.primary-color .inner-wrapper
{
    background: #51a127;
}

.navbar2.area-navbar.primary-color .inner-wrapper a:hover
{
    background: #00633e !important;
}

@media (min-width:992px)
{
    .navbar2 .normallinks a.arealink:after
    {
        background: #dedede;
        height: 2px;
        display: block;
        content: "";
        position: absolute;
        width: 0%;
        left: 0;
    }
}

.navbar2 .normallinks a.arealink:hover
{
    opacity: 0.8;
}

.navbar2 .normallinks a.arealink:hover:after
{
    width: 100%;
}

.navbar2 .normallinks a.arealink.active:after
{
    background: #ff8800;
    width: 100%;
}

.navbar-nav>li>a.btn-primary,.navbar-nav>li>a.btn-secondary
{
    margin-top: 10px;
    background: #51a127;
    color: #fff !important;
    margin-left: 10px;
    opacity: 1;
    font-weight: 600 !important;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    -khtml-border-radius: 22px;
    border-radius: 22px;
}

.sc200 .navbar-nav>li>a.btn-primary,.sc200 .navbar-nav>li>a.btn-secondary
{
    margin-top: 5px;
}

.navbar-nav>li>a.btn-secondary,.affix .navbar-nav>li>a.btn-secondary
{
    background: none;
    border: 1px solid rgba(202,202,202,0.6) !important;
    margin-right: 0;
    color: #75746f !important;
    font-weight: 400 !important;
}

.navbar-nav>li>a.btn-secondary:hover,.affix .navbar-nav>li>a.btn-secondary:hover
{
    background: rgba(255,255,255,0.34) !important;
}

.navbar2 a.btn-primary
{
}

.navbar2 a.btn-primary.active,.navbar2 .btn-secondary.active
{
    border-color: #ff8800 !important;
}

.gcss_ondark .navbar-nav>li>a.btn-secondary
{
    border: 1px solid rgba(202,202,202,0) !important;
    background: rgba(255,255,255,0.37);
    color: #fff !important;
    font-weight: 600 !important;
}

.affix .navbar-nav>li>a.btn-secondary
{
    background: none;
    border: 1px solid rgba(202,202,202,0.32) !important;
    margin-right: 0;
    color: #75746f !important;
    font-weight: 400 !important;
}

.areanav .navbar-nav>li>a.btn-primary
{
    background: rgba(255,255,255,0.71);
    color: #51a127 !important;
    border: 1px solid rgba(202,202,202,0.32) !important;
}

.gcss_ondark .areanav .navbar-nav>li>a.btn-primary
{
    background: rgb(255,255,255);
    color: #51a127 !important;
    border: 1px solid rgba(202,202,202,0) !important;
    margin-top: 9px;
}

.areanav .navbar-nav>li>a.btn-primary:hover,.areanav .navbar-nav>li>a.btn-primary:focus
{
    border: 1px solid rgba(202,202,202,0) !important;
}

.gcss_ondark .affix .areanav .navbar-nav>li>a.btn-primary:hover,.gcss_ondark .affix .areanav .navbar-nav>li>a.btn-primary:focus,.gcss_ondark .affix .areanav .navbar-nav>li>a.btn-primary
{
    border: 1px solid rgba(202,202,202,0.32) !important;
}

.navbar-toggle .icon-bar
{
    background: #9E9E9E;
    border-radius: 0;
}

@media screen and (max-width:768px)
{
    .areanav .collapse.show
    {
        padding-left: 30px;
        padding-right: 30px;
        margin: 0;
    }

    .areanav .collapse.show a
    {
        font-size: 20px !important;
        margin-top: 20px;
    }

    .areanav .collapse.show a.btn-primary,.areanav .collapse.show a.btn-secondary
    {
        max-width: 400px;
        padding: 10px !important;
        margin: 10px auto;
        margin-top: 40px;
    }
}

@media screen and (min-width:768px)
{
    .areanav .navbar-nav>li>a
    {
        padding: 15px 5px;
        font-size: 14px;
        font-weight: 400;
    }

    .sc200.scrollingup .areanav
    {
        height: unset;
    }

    .sc200 .areanav .navbar-nav>li>a
    {
        padding: 10px 5px;
    }

    .areanav .navbar-collapse
    {
        padding-right: 0;
        padding-left: 0;
    }

    .areanav button.navbar-toggle:before
    {
        content: "Menu";
        position: absolute;
        margin-left: -60px;
        margin-top: -5px;
        color: #51a127;
    }

    .areanav .navbar-toggle
    {
        margin-right: 4px;
    }

    .keyvisual-top .areanav
    {
        position: fixed;
        left: 0;
        top: 0;
        margin-top: 0;
        padding-top: 60px;
        z-index: 10;
    }

    .sc100 #pageheader .areanav
    {
    }

    .sc200 #pageheader .areanav
    {
    }

    .keyvisual-top div#page
    {
        margin-top: 0;
    }

    .areanav-inner
    {
    }

    .sc100 .areanav-inner
    {
    }

    .keyvisual-top.keyvisual-dark #pageheader .areanav-inner
    {
    }

    .areanav .app-logo
    {
    }

    .keyvisual-top.keyvisual-dark #pageheader .areanav .app-logo a
    {
        color: #fff;
    }

    .areanav .nav-wrapper
    {
    }

    .areanav .nav-wrapper a
    {
    }

    .keyvisual-top.keyvisual-dark #pageheader .areanav .nav-wrapper a
    {
        color: white;
    }

    .areanav .nav-wrapper a.call4action.primary,.areanav .nav-wrapper a.call4action.secondary
    {
    }

    .areanav .nav-wrapper a.call4action.secondary:hover
    {
    }

    .areanav .nav-wrapper a.call4action.primary:hover
    {
    }

    .keyvisual-top.keyvisual-dark #pageheader .areanav .nav-wrapper a.call4action.primary,.keyvisual-top.keyvisual-dark #pageheader .areanav .nav-wrapper a.call4action.secondary
    {
    }

    .areanav .nav-wrapper a.call4action.primary
    {
    }

    .areanav .nav-wrapper a.call4action.secondary
    {
    }

    .areanav .nav-wrapper a.call4action.secondary:hover
    {
    }

    .areanav .nav-wrapper a.call4action.secondary:hover
    {
    }

    .areanav .nav-wrapper a.call4action.primary,.keyvisual-top.keyvisual-dark #pageheader .areanav .nav-wrapper a.call4action.secondary
    {
    }
}

.areanav .navbar-nav>li>a.btn-primary
{
}

.accordion.design_squeezebox .card
{
    border-top: 1px solid #e2e2e2;
    margin-bottom: 0;
}

.accordion.design_squeezebox
{
    border-bottom: 1px solid #e2e2e2;
}

.accordion.design_squeezebox .card-header
{
    border: none;
    background: none;
    text-align: center;
}

.accordion.design_squeezebox .card-header h1,.accordion.design_squeezebox .card-header .h1,.accordion.design_squeezebox .card-header h2,.accordion.design_squeezebox .card-header .h2,.accordion.design_squeezebox .card-header h3,.accordion.design_squeezebox .card-header .h3,.accordion.design_squeezebox .card-header h4,.accordion.design_squeezebox .card-header .h4,.accordion.design_squeezebox .card-header h5,.accordion.design_squeezebox .card-header .h5,.accordion.design_squeezebox .card-header h6,.accordion.design_squeezebox .card-header .h6
{
    margin: 0;
    font-weight: 400;
}

.accordion.design_squeezebox .card-header a:after
{
    content: "+";
}

.accordion.design_squeezebox .card-block
{
    text-align: center;
}

.accordion.design_squeezebox .collapse.in
{
    margin-top: 10px;
}

.accordion.design_squeezebox .collapse.in
{
    margin-top: 10px;
}

.gcss_vertical-center
{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.keyvisual input,textarea
{
    color: grey;
}

.keyvisual input#query
{
    border: 1px solid rgba(128,128,128,0.3);
    width: 100%;
    padding: 10px;
    font-size: 20px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    background: rgba(255,255,255,0.84);
    opacity: 1;
    height: 60px;
    border-radius: 30px;
}

form
{
    opacity: 1;
}

img#addsearch-logo-img
{
    display: none !important;
}

input,textarea
{
    color: #444;
}

.berater span.qp_t
{
    padding: 0;
}

.berater .qp_a INPUT[type='radio']
{
    margin-right: 10px;
    top: -2px;
    position: relative;
}

.berater input.qp_btn
{
    background: #51a127;
}

.berater .qp_btna:hover input
{
    background: #51a127 !important;
}

.berater .qp_b
{
    border-radius: 0;
    margin: 0 auto;
    padding: 0 0 0 0;
    background-color: rgb(255,255,255);
    font-family: 'Roboto',sans-serif,Arial;
    color: rgb(0,0,0);
    border: 1px solid rgb(255,255,255);
    max-width: 815px;
    box-sizing: border-box;
}

.berater .qp_qi
{
    padding: 0;
}

.berater .qp_progi
{
    background: #ff8800;
}

.berater div#quiz-progress
{
    border: 1px solid #ff8800;
}

.berater .qp_quiz H1:not(.qp_title),.berater .qp_quiz H2,.berater .qp_quiz H3
{
    font-family: "Open Sans",sans-serif !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.berater ul.bu_liste
{
    padding: 0;
    list-style: none;
}

.berater ul.bu_liste li
{
    margin: 6px 0 0 20px;
}

.berater ul.bu_liste li:before
{
    content: "";
    height: 8px;
    width: 8px;
    background: #51a127;
    display: inline-block;
    position: absolute;
    margin: 6px 0 0 -20px;
}

.berater .qp_quiz A
{
    color: #51a127;
    font-weight: 400;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
}

.berater a span
{
    color: #51a127 !important;
}

.berater td.qp_col.c2
{
    width: 40%;
}

.berater .qp_grid .qp_a
{
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    margin-left: 22px;
}

.berater input.qp_i
{
    position: absolute;
    margin-left: -23px;
}

.berater #quiz-results .qp_qi span
{
    font-family: "Open Sans",sans-serif !important;
    font-weight: 300 !important;
    font-size: 40px !important;
    line-height: 50px;
    color: grey;
}

.berater #quiz-results .qp_ao .qp_a span
{
    font-family: "roboto",sans-serif !important;
    color: grey;
}

.navbar-collapse
{
    -webkit-box-shadow: none;
    box-shadow: none;
}

.gcss_colorize h1,.gcss_colorize h2,.gcss_colorize h3,.gcss_colorize p,.gcss_colorize a,.gcss_colorize a
{
    font-weight: 600;
}

.gcss_colorize .specialbox_lightback h1,.gcss_colorize .specialbox_lightback h2,.gcss_colorize .specialbox_lightback h3,.gcss_colorize .specialbox_lightback p,.gcss_colorize .specialbox_lightback a
{
    font-weight: 400;
}

#c7092
{
    position: absolute;
    margin-top: -58px;
    height: 50px;
    left: 50%;
    margin-left: -46vw;
}

#c7092 img
{
    height: 50px;
    width: auto;
}

@media screen and (max-width:620px)
{
    #c7092 img
    {
        display: none;
    }
}

.gcss_colorize .specialbox_lightback a
{
    color: #51a127 !important;
}

.design-picture01.picture
{
    background-image: url("/fileadmin/content/content-buchner/z_design/b-people/small/context-menue/b-people_01.png");
}

.design-picture02.picture
{
    background-image: url("/fileadmin/content/content-buchner/z_design/b-people/small/context-menue/b-people_02.png");
}

.design-picture03.picture
{
    background-image: url("/fileadmin/content/content-buchner/z_design/b-people/small/context-menue/b-people_03.png");
}

.design-picture04.picture
{
    background-image: url("/fileadmin/content/content-buchner/z_design/b-people/small/context-menue/b-people_04.png");
}

.design-picture05.picture
{
    background-image: url("/fileadmin/content/content-buchner/z_design/b-people/small/context-menue/b-people_05.png");
}

.context-menue .menu-wrapper
{
    border-radius: 20px 0 20px 20px;
    background: #51a127;
    color: #fff !important;
    box-shadow: 0px 0 8px 0 rgba(0,0,0,0.3);
    border: 1px solid rgba(239,239,239,0);
}

nav.context-menue .nav>li>a
{
    color: #fff !important;
    border-top: 1px solid rgba(255,255,255,0.16);
    text-overflow: ellipsis;
    font-weight: 800;
}

nav.context-menue p.menue-label
{
    font-size: 14px;
    padding: 0;
    font-weight: 800;
    line-height: 16px;
    margin: 0 0 6px 0;
}

nav.context-menue p.head-link
{
    margin: 0;
}

nav.context-menue .head-link a
{
    font-size: 14px;
    opacity: 0.6;
    font-weight: 600;
    line-height: 16px;
    color: #fff;
}

nav.context-menue .head-link a:hover
{
    opacity: 1;
}

nav.context-menue .head-link a:before
{
    font-size: 14px;
    opacity: 0.8;
    font-weight: 600;
    line-height: 16px;
    color: #fff;
    content: "> ";
}

.context-menue a:hover
{
    color: #fff !important;
}

.shadow-bottom.shadow-big:after,.shadow-top.shadow-big:before,.background-image:after
{
    height: 20px;
}

.background-image.no-bottomshadow:after
{
    display: none;
}

.container.mask-line-after.background-image.no-bottomshadow:after
{
    content: "";
    width: 100%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: 0;
    left: 0;
}

.gcss_ondark a.btn-primary
{
}

@media screen and (min-height:600px) and (min-width:1400px)
{
    #keyvisual .gcss_hero h1,.gcss_herohead header h1
    {
        font-size: 50px;
        margin-bottom: 18px;
    }
}

.g-element.button-wrap.gcss_centerit a
{
    text-align: center;
}

.inner-colwrap.gap
{
    border-radius: 0 22px 0 22px;
}

.mein-buchner .container.footersection,.mein-buchner .container.footersection .container
{
    width: 100%;
}

.mein-buchner #footer .frame-type-menu_subpages.subfooter ul li,.mein-buchner #footertop .frame-type-menu_subpages.subfooter ul li
{
    float: none;
}

.mein-buchner.sc200.scrollingup .areanav
{
    padding-top: 0;
}

.gcss_background_primary-color,.gcss_background_prime-color,.gcss_back-keycolor,.gcss_background_prime-color.frame,.gcss_back-keycolor.frame
{
    background-color: #51a127;
    color: #fff;
}

div.gcss_background_prime-color.gcss_fullscreen-width,div.gcss_back-keycolor.gcss_fullscreen-width,.container.width-100vw.gcss_background_primary-color,.container.width-100vw.gcss_background_prime-color,.container.width-100vw.gcss_back-keycolor
{
}

.gcss_background_primary-color_light,.gcss_background_prime-color_light,.gcss_back-keycolor_light,.gcss_background_prime-color_light.frame,.gcss_back-keycolor_light.frame
{
    background-color: rgb(205,234,223);
    color: #fff;
}

.gcss_background_secondary-color,.gcss_background_secondary
{
    background-color: #ff8800;
    color: #525252;
}

.gcss_background_secondary-color_light,.gcss_background_secondary_light
{
    background-color: #fbecc1;
}

.gcss_background_prime-color.frame,.gcss_back-keycolor.frame
{
}

.g16app .tx-lumophpinclude-pi1 .login-container
{
    width: 700px;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.g16app.login-personendb .tx-lumophpinclude-pi1 .login-container:before
{
    content: "Login Personendaten";
    font-size: 30px;
    margin-bottom: 20px;
    display: block;
}

.g16app .tx-lumophpinclude-pi1 input
{
    width: 100%;
    padding: 10px;
}

.g16app .tx-lumophpinclude-pi1 button.button
{
    text-transform: uppercase;
    background: #51a127;
    color: #fff;
    font-weight: 600;
    padding: 10px;
    width: 100%;
    width: calc(100% - 10px);
    margin-top: 20px;
}

.accordion .card-header
{
    padding: 0;
    border-radius: 0;
    background: none;
    border-bottom: none;
    margin-left: 0;
}

.accordion .tabcontent-inner-wrapper
{
    margin-top: 40px;
    border-bottom: 1px solid #dee2e6;
}

.tab-content > .active,.tab-content > .tab-pane
{
    display: block;
    height: 1px;
    overflow: hidden;
}

.tab-content > .active
{
    height: auto;
}

.accordion.design_tabs .tablist
{
    border-bottom: 1px solid #e4e4e4;
    overflow: hidden;
    position: relative;
}

.accordion.design_tabs .card-header
{
    padding: 0;
    display: inline-block;
    margin-left: 0;
    margin-right: 10px;
}

.accordion .handle-wrapper a
{
    padding: 10px 0;
    font-size: 20px;
    margin-left: 30px;
    position: relative;
    display: block;
}

.accordion.design_accordion .card-header h5,.accordion.design_tabs .card-header h5
{
    margin: 0;
    padding: 0;
    display: block;
    max-width: 760px;
}

.accordion.design_tabs .card-header a
{
    padding: 6px 0;
    font-size: 18px;
}

.accordion .card
{
    /* border-bottom: 1px solid rgba(0,0,0,.125); */
}

.accordion .card-header a:before
{
    content: "\f11e";
    font-family: buchner_icons !important;
    font-style: normal !important;
    font-weight: normal !important;
    vertical-align: middle;
    left: -30px;
    position: absolute;
}

.accordion.design_tabs .card-header a:before
{
    display: none;
}

.accordion .card-header a[aria-expanded="true"]:before
{
    content: "\f121";
}

.accordion .card
{
    background: none;
    margin-bottom: 10px;
    padding-left: 20px;
    max-width: 760px;
}

.accordion.design_accordion .card
{
    margin-bottom: 0;
    padding: 0;
}

.accordion.design_accordion .card-block
{
    margin-left: 30px;
}

.accordion .collapse.show .card-block
{
    padding-bottom: 15px;
}

#persons_list p.tasks
{
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 400;
}

#persons_list .sociallinks a.sociallink-xing
{
    background: none;
    color: rgba(68,68,68,0.5);
}

#persons_list .sociallinks a:after
{
    font-size: 24px;
}

#persons_list .sociallinks a.sociallink-xing:after
{
    content: "\f18d" !important;
}

#persons_list .sociallinks a:after
{
    font-family: buchner_icons !important;
    font-style: normal !important;
    font-weight: normal !important;
    vertical-align: middle;
}

.tx-lumophpinclude-pi1 #main_navigation
{
    z-index: 5000000000000;
}

#page_573 #pageheader
{
    display: none;
}

.row.gcss_background_prime-color
{
    border-radius: 2vw;
}

#c9582 .row,#c9613 .row
{
    padding: 20px;
}

#persons_list.wrapper-chip .personchip .inner
{
    background: #51a127;
    color: #fff;
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    border: 2px solid #51a127;
}

#persons_list.wrapper-chip .resimage-outer
{
    border: none;
    overflow: hidden;
    max-height: 2000px;
}

#persons_list.wrapper-chip a.person-contact-opener
{
    color: #fff;
    border: 1px solid #fff;
    padding: 2px 4px;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 20px;
    max-width: 80%;
    margin: 16px auto 0 auto;
}

#persons_list.wrapper-chip .personchip .text.information
{
    padding: 10px;
    margin-top: 0;
    text-align: center;
    font-size: 14px;
}

#persons_list.wrapper-chip .about-wrapper
{
    text-align: left;
}

#persons_list.wrapper-chip .personchip .text.information .person-name
{
    color: #fff;
    font-size: 130%;
    font-weight: 600;
}

#persons_list.wrapper-chip .personchip .text.information .person-name,#persons_list.wrapper-chip .personchip .text.information .phone_work,#persons_list.wrapper-chip .personchip .text.information .phone_mobile,#persons_list.wrapper-chip .personchip .text.information .phone_private,#persons_list.wrapper-chip .personchip .text.information .subjects
{
    text-align: center;
    display: block;
}

#persons_list.wrapper-chip .personchip .text.information .about-wrapper
{
    color: #fff;
    font-size: 14px;
    line-height: 1.4em;
}

#persons_list .image
{
}

.ce-border img,.ce-border iframe
{
    border: 1px solid #e4e4e4;
    /* border-radius: 2vw 0 2vw 2vw; */
}

.ce-border img
{
    margin-bottom: 10px
}

@media screen and (min-width:767px)
{
    .resdes_desktop a.btn
    {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        overflow: visible;
    }

    .resdes_desktop
    {
        text-align: center;
    }

    .resdes_desktop a.btn span
    {
        padding-left: 200px;
        font-size: 1px;
    }

    .resdes_desktop a.btn span:before
    {
        font-size: 30px;
        font-family: buchner_icons !important;
        font-style: normal !important;
        font-weight: normal !important;
        vertical-align: middle;
        color: white;
        position: absolute;
        left: 0;
    }

    .resdes_desktop-checkmark a.btn span:before
    {
        content: "\f11d";
        margin-top: -9px;
        margin-left: 0px;
    }

    .resdes_desktop-talk a.btn span:before
    {
        content: "\f11c";
        margin-left: 1px;
        margin-top: -10px;
        color: #fff;
    }

    .resdes_desktop-booking a.btn span:before
    {
        content: "\f142";
        margin-left: 0px;
        margin-top: -10px;
        color: #fff;
    }

    .resdes_desktop-talk a.btn.btn-inverse span:before,.resdes_desktop-booking a.btn.btn-inverse span:before
    {
        color: #51a127;
    }

    .resdes_desktop-talk a:after,.resdes_desktop-checkmark a:after,.resdes_desktop-booking a:after
    {
        display: inline-block;
        position: absolute;
        top: 33px;
        white-space: nowrap;
        left: 15px;
        font-size: 12px;
        color: #444;
        font-weight: 400;
        background: #ff8800;
        padding: 0 4px;
        opacity: 0;
    }

    .resdes_desktop-checkmark a:after
    {
        content: "Flatrate";
    }

    .resdes_desktop-talk a:after
    {
        content: "Auf Anfrage";
    }

    .resdes_desktop-booking a:after
    {
        content: "Einzelauftrag";
    }

    .resdes_desktop-talk:hover a:after,.resdes_desktop-checkmark:hover a:after,.resdes_desktop-booking:hover a:after
    {
        opacity: 1;
    }

    .resdes_desktop a.btn:hover span:before
    {
        color: #ffffff;
    }
}

.bu-marker_neu-gelb.frame:before
{
    content: "";
    min-width: 20vw;
    height: 2.4vw;
    min-height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('/fileadmin/content/content-buchner/z_design/marker/bu_neu_gelb.svg');
    display: block;
    margin-left: -10px;
}

.bu-marker_tipp-gelb.frame:before
{
    content: "";
    min-width: 20vw;
    height: 2.4vw;
    min-height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('/fileadmin/content/content-buchner/z_design/marker/bu_tipp_gelb.svg');
    display: block;
    margin-left: -10px;
}

.bu-marker_by-buchner.frame:before
{
    content: "";
    min-width: 20vw;
    height: 2.4vw;
    min-height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('/fileadmin/content/content-buchner/z_design/marker/made-by-buchner.svg');
    display: block;
}

.bu-marker_zitat.frame h1:before,.bu-marker_zitat.frame h2:before,.bu-marker_zitat.frame h3:before,.bu-marker_zitat.frame-type-image.gcss_ascircel .image:before
{
    content: "";
    width: 60px;
    height: 50px;
    min-height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(https://zukunftsschule.imgix.net/fileadmin/templates/buchner/a_buchner-core/css/pics/anfuehrung_gelb.svg);
    display: block;
    position: relative;
    margin-left: -18px;
}

.bu-marker_zitat.frame-type-image.gcss_ascircel .image:before
{
    content: "";
    position: absolute;
    margin-left: -30px;
    width: 20%;
    height: 20%;
    margin-top: -15px;
    left: 50%;
    margin-left: -40%;
    background-size: contain;
    background-image: url(https://zukunftsschule.imgix.net/fileadmin/templates/buchner/a_buchner-core/css/pics/anfuehrung_gelb.svg);
    background-repeat: no-repeat;
    display: block;
}

.bu-marker_zitat.frame-type-text
{
    margin-top: -25px;
}

.bu-marker_zitat.frame .ce-headline-center
{
    display: table;
    margin: 0 auto;
    display: table;
    margin-top: -25px;
}

.buchner-people_bottom-right.frame
{
    display: none;
    max-width: 400px;
}

@media (min-width:1580px)
{
    .buchner-people_bottom-right.frame
    {
        position: fixed;
        bottom: 0;
        right: -60px;
        display: block;
        z-index: 999;
    }
}

.video:not(.design-01) .videoWrapper .videoFrame,.videoWrapper > iframe,.video .coverimage
{
    border-radius: 2vw;
}

.video.design-01 .videoWrapper .videoFrame,.videoWrapper > iframe
{
    border-radius: 0;
}

#persons_list .person-name
{
    font-size: 17px;
}

p.ckalender-view-page-link
{
    display: none;
}

.ckalendar-copyright,.ckalendar-copyright a
{
    color: #444 !important;
    font-weight: 300 !important;
    font-size: 12px;
    opacity: 0.7;
}

.ckalendar-copyright
{
    margin-top: 10px;
}

a.ckalender-event-detail-link
{
    color: #fff !important;
    background: rgba(253,185,19,0.9)!important;
}

table.ckalender.ckalender-small
{
    width: 100%;
}

.ckalender-chipfull
{
    max-width: 360px;
    display: inline-block;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 30px;
}

.ckalender-day
{
    padding: 0 !important;
}

.ckalender .ckalender-day span
{
    display: block;
    margin: 0 auto;
    text-align: center;
    margin: 4px;
}

.ckalender-chipfull-innerwrap h3
{
    margin-bottom: 17px !important;
    font-weight: 300 !important;
}

.ckalender-list table
{
    width: 100%;
}

.ckalender-list tr
{
    border-bottom: 1px solid #e6e6e6;
}

td#TabellenzelleTermine
{
    text-align: left;
}

td#TabellenzelleTermine:first-child
{
    max-width: 300px;
}

.ckalender-list tr > td
{
    padding-top: 10px;
    padding-bottom: 9px;
}

.ckalender-list tr > td:first-child
{
    display: none;
}

.ckalender .ckalender-event.ckalender-multi-day-event
{
    background: rgba(255,165,0,0.22);
}

td.ckalender-with-events
{
    width: 14% !im portant;
}

table.ckalender.ckalender-full
{
    margin-bottom: 20px;
    max-width: 100%;
}

ckalender.ckalender-full .ckalender-with-events .ckalender-day
{
    background: rgba(0,86,156,0.9);
    color: #fff;
    font-weight: bold;
}

.gcss_content_flex-column ul.nav
{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.col-menu a.nav-link,.col-menu .nav > li > a,.force-textcolor a,.navbar2 .force-textcolor a
{
    color: #75746f !important;
    display: block;
}

.submenu-toogler
{
    border-bottom: 1px solid #c5c5c5;
    padding: 6px 0;
    text-transform: uppercase;
}

.submenu-toogler:after
{
    float: right;
    content: "\f11e";
    font-family: buchner_icons !important;
    font-style: normal !important;
    font-weight: normal !important;
    vertical-align: middle;
}

.submenu-toogler[aria-expanded="true"]:after
{
    content: "\f121";
}

@media (max-width:575px)
{
    .collapsed-phone
    {
        display: none;
    }
}

@media (max-width:767px)
{
    .collapsed-tablet
    {
        display: none;
    }
}

@media (min-width:768px)
{
    .collapse.collapsed-phone
    {
        display: block;
    }
}

@media (min-width:992px)
{
    .collapsed-tablet
    {
        display: block;
    }

    .collapsed-desktop
    {
        display: none;
    }
}

ul:not(.md):not(.lg).vmenu_as_pills01 li
{
    margin-right: 6px;
    border: 1px solid #d6d6d6;
    padding: 4px 20px;
    border-radius: 40px;
    margin-bottom: 10px;
}

ul:not(.md):not(.lg).vmenu_as_pills01 li.active
{
}

ul:not(.md):not(.lg).vmenu_as_pills01 li a
{
    border-bottom: none !important;
    padding: 0 !important;
}

ul:not(.md):not(.lg).vmenu_as_pills01 li.active a:after
{
    height: 1px;
    margin: 0 auto;
    content: '';
    left: 0;
    right: 0;
    width: 100%;
    color: #ff8800;
    background-color: #ff8800;
    left: 0;
    display: block;
}

ul:not(.md):not(.lg).vmenu_as_pills01 li:not(.active):hover
{
    background-color: #ff8800;
    border: 1px solid #ff8800;
}

ul:not(.md):not(.lg).vmenu_as_pills01 li a.active
{
    border-left: none !important;
    padding-left: 0 !important;
}

@media (max-width:767px)
{
    ul.md.vmenu_as_pills01 li
    {
        margin-right: 6px;
        border: 1px solid #d6d6d6;
        padding: 4px 20px;
        border-radius: 40px;
        margin-bottom: 10px;
    }

    ul.md.vmenu_as_pills01 li.active
    {
    }

    ul.md.vmenu_as_pills01 li a
    {
        border-bottom: none !important;
        padding: 0 !important;
    }

    ul.md.vmenu_as_pills01 li.active a:after
    {
        height: 1px;
        margin: 0 auto;
        content: '';
        left: 0;
        right: 0;
        width: 100%;
        color: #ff8800;
        background-color: #ff8800;
        left: 0;
        display: block;
    }

    ul.md.vmenu_as_pills01 li:not(.active):hover
    {
        background-color: #ff8800;
        border: 1px solid #ff8800;
    }

    ul.md.vmenu_as_pills01 li a.active
    {
        border-left: none !important;
        padding-left: 0 !important;
    }
}

@media (max-width:991px)
{
    ul.lg.vmenu_as_pills01 li
    {
        margin-right: 6px;
        border: 1px solid #d6d6d6;
        padding: 4px 20px;
        border-radius: 40px;
        margin-bottom: 10px;
    }

    ul.lg.vmenu_as_pills01 li.active
    {
        background: #f0f0f0;
    }

    ul.lg.vmenu_as_pills01 li.active a.active
    {
        padding: 0 !important;
    }

    ul.lg.vmenu_as_pills01 li a
    {
        border-bottom: none !important;
        padding: 0 !important;
        position: relative;
        font-size: 14px;
        line-height: 18px;
        color: #75746f !important;
    }

    ul.lg.vmenu_as_pills01 li.active a:after
    {
        height: 1px;
        margin: 0 auto;
        content: '';
        left: 0;
        right: 0;
        width: 100%;
        color: #ff8800;
        background-color: #ff8800;
        left: 0;
        display: none;
    }

    ul.lg.vmenu_as_pills01 li:not(.active):hover
    {
        background-color: #ff8800;
        border: 1px solid #ff8800;
    }

    ul.lg.vmenu_as_pills01 li a.active
    {
        border-left: none !important;
        padding-left: 0 !important;
        color: #ff8800 !important;
    }
}

@media (min-width:992px)
{
    nav.vmenu_as_menubar01-lg
    {
        background: #ececec;
    }

    nav.vmenu_as_menubar01-lg ul.flex-lg-row
    {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
    }

    nav.vmenu_as_menubar01-lg li a
    {
        padding-top: 10px;
        hyphens: none;
        display: inline-block;
        margin-top: 5px;
        padding-left: 15px !important;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    nav.vmenu_as_menubar01-lg li:first-child:not(.active)
    {
        margin-left: -15px;
    }

    nav.vmenu_as_menubar01-lg li a:hover,nav.vmenu_as_menubar01-lg li a:focus
    {
        background: rgba(255,255,255,0.39);
    }

    nav.vmenu_as_menubar01-lg li.active a,nav.vmenu_as_menubar01-lg li.active a:hover
    {
        background: #ffffff;
    }
}





    #pageheader ul.lg.vmenu_as_pills01 li
    {
        margin-right: 6px;
        border: 1px solid #d6d6d6;
        padding: 4px 20px;
        border-radius: 40px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #pageheader ul.lg.vmenu_as_pills01 li.active
    {
        background: #f0f0f0;
    }

    #pageheader ul.lg.vmenu_as_pills01 li.active a.active
    {
        padding: 0 !important;
    }

    #pageheader ul.lg.vmenu_as_pills01 li a
    {
        border-bottom: none !important;
        padding: 0 !important;
        position: relative;
        font-size: 14px;
        line-height: 18px;
        color: #75746f !important;
    }

      #pageheader ul.lg.vmenu_as_pills01 li:hover a
    {
    
        color: #fff !important;
    }

    #pageheader ul.lg.vmenu_as_pills01 li.active a:after
    {
        height: 1px;
        margin: 0 auto;
        content: '';
        left: 0;
        right: 0;
        width: 100%;
        color: #ff8800;
        background-color: #ff8800;
        left: 0;
        display: none;
    }

    #pageheader ul.lg.vmenu_as_pills01 li:not(.active):hover
    {
        background-color: #ff8800;
        border: 1px solid #ff8800;
    }

    #pageheader ul.lg.vmenu_as_pills01 li a.active
    {
        border-left: none !important;
        padding-left: 0 !important;
        color: #ff8800 !important;
    }


.col-menu .container.menu-wrapper
{
    padding: 0;
}

.col-menu .nav>li>a.active,.col-menu .nav>li>a.active:hover
{
    border-left: 4px solid #ff8800;
}

.col-menu .nav>li>a
{
    border-left: none;
    padding-left: 0;
    display: block;
}

.mm-menu
{
    background: #f5f5f5;
    border-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.75);
}

#persons_list .image
{
    max-height: unset;
    max-width: 200px;
    margin-left: 0;
    margin-right: 0;
}

a.cc-link,a.cc-btn
{
    color: unset !important;
}

a.cc-btn.cc-deny
{
    display: none;
}

@media (min-width:991px) 
{
    .teaserbox-wrapper .teaserbox,.teaserbox-wrapper a
    {
        overflow: visible;
    }

    .teaserbox-wrapper a:hover .resimage-outer
    {
       top: -6px;
        -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,0.2);
        box-shadow: 0 0 4px 2px rgba(0,0,0,0.2);
    }

    .teaserbox-wrapper a .resimage-outer
    {
        -webkit-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        -ms-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.4s linear;
    }
}

.fancybox-bg
{
    background: rgba(6,38,92,0.73);
}



/* accordion */

.accordion .card-header {
    padding: 0;
    border-radius: 0;
    background: none;
    border-bottom: none;
    margin-left: 0
}






.accordion .tabcontent-inner-wrapper {margin-top: 40px;border-bottom: 1px solid #dee2e6}


.tab-content > .active,
.tab-content > .tab-pane {
 display: block;
 height: 1px;
 overflow: hidden
}
.tab-content > .active {
 height: auto
}

.accordion.design_tabs .tablist {
    border-bottom: 1px solid #e4e4e4;
    overflow: hidden;
    position: relative
}

.accordion.design_tabs .card-header {
    padding: 0;
    display: inline-block;
    margin-left: 0;
    margin-right: 10px
}

.accordion-handle {
    padding: 10px 0;
    font-size: 20px;
    margin-left: 30px;
    position: relative;
    background: none;
    max-width: 760px;
    width: 100%;
    text-align: left;
    border: none;
}


.accordion.design_tabs .card-header h5 {
    margin: 0;
     padding: 0;

    
}

.accordion.design_tabs .card-header a {
    padding: 6px 0;
    font-size: 18px
}

.hr {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, .125)

}

.design_accordion .hr {
    margin-left: 30px;
    width: calc(100% - 30px);
}


.accordion .card {
    /* border-bottom: 1px solid rgba(0, 0, 0, .125); */
}

.accordion-handle:before,
.accordion.design_accordion .card-header .a:before,
.accordion.design_accordion .card-header a:before {
    content: "\f11e";
    font-family: buchner_icons !important;
    font-style: normal !important;
    font-weight: normal !important;
    vertical-align: middle;
    left: -30px;
    position: absolute
}


.accordion-handle:not(.collapsed):before {
    -moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}


.accordion.design_tabs .card-header a:before {
    display: none
}

.accordion-handle[aria-expanded="true"]:before,
.accordion.design_accordion .card-header .a[aria-expanded="true"]:before
.accordion.design_accordion .card-header a[aria-expanded="true"]:before {
    content: "\f121"
}

.accordion .card {
    background: none;
    margin-bottom: 10px;
    padding-left: 20px;
    max-width: 760px;
}

.accordion.design_accordion {
    margin-bottom: 30px;
    display: block;
}
.accordion.design_accordion .card {
    margin-bottom: 0;
    padding: 0 0 0 30px;
}

.accordion.new.design_accordion .card {
    padding: 0 ;
}

.accordion.design_accordion .card-block {
    margin-left: 30px
}

.accordion .collapse.show .card-block {
    padding-bottom: 15px;
}




/* ----------- specials --------------*/
div#c20872 {
    max-width: 100vw !important;
    -moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
transform-origin: left top;
    }
    
    
    
#footer .resimage-outer {
    border: none !important
}