@font-face {
    font-family:"Muli";
    src:url("../Fonts/Muli/Muli-Regular.ttf") format("truetype");
    font-weight:normal;
    font-weight:400;
    font-style:normal;
}


@font-face {
    font-family:"Muli";
    src:url("../Fonts/Muli/Muli-Light.ttf") format("truetype");
    font-weight: 300;
    font-weight: light;
    font-style:normal;
}

@font-face {
    font-family:"Muli";
    src:url("../Fonts/Muli/Muli-Bold.ttf") format("truetype");
    font-weight: 700;
    font-weight: bold;
    font-style:normal;
}


.navbar-default-transition:not(.navbar-transition), .navbar-default-transition.navbar-transition {
    background-color: #fff !important;
}

.navbar-mainnavigation {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15) !important;
    padding: 0;
}

.nav-link-text{
    color: #353535 !important;
}

.navbar-transition .navbar-brand-image img{
    max-height: 100%;
}

.navi-search form{
    max-width: 75%;
}

.icon-user, .icon-cart{
    float: left;
    margin-left: 30%;
}

.navi-search #tx-indexedsearch-searchbox-sword{
    margin-top: 5px;
    padding-left: 0;
}

.navi-search #tx-indexedsearch-searchbox-sword::-webkit-input-placeholder,
.navi-search #tx-indexedsearch-searchbox-sword::-moz-placeholder,
.navi-search #tx-indexedsearch-searchbox-sword::-ms-input-placeholder,
.navi-search #tx-indexedsearch-searchbox-sword::-moz-placeholder,
#tx-indexedsearch-searchbox-sword::placeholder{
    color: #fff !important;
    opacity: 1 !important;
}

.user-navigation input#tx-indexedsearch-searchbox-button-submit{
    margin-left: -15px;
}

.col.col-4.align-right.no-padding a{
    margin: 0 15px;
    display: inline-block;
    width: 40%;
    margin: 0 auto;
    float: right;
}

.icon-user{
    margin-left: -10px;
}

.icon-cart, .icon-login{
    height: 40px;
    width: 51px;
    margin-left: 15px;
    padding-right: 6px;
    padding-top: 1px;
    text-align: center;
    background: url('/typo3conf/ext/ami_sitepackage/Resources/Public/Images/iconsprite-systemicons.png');
    background-position: 0px 10px;
}

.icon-login{
    background-position: -120px 10px;
    float: left;
}




@media (max-width: 991px){
    .user-navigation .input-group{
        width: 100%;
    }

}

/*##############################################################################################################################*/
/*##############################################################################################################################*/
/*##############################################################################################################################*/


h3.element-header{
    margin-bottom: 20px;
}

.section-light{
    background-color: #fff;
}

.imagebox-dce .col{
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 0;
}


.boxcontent .col{
    display: inline-block;
    padding: 0 5px;
}

.boxcontent{
    text-align: center;
}

/*##############################################################################################################################*/
/*##############################################################################################################################*/
/*##############################################################################################################################*/
.boxbg img{
    object-fit: none;
    object-position: -600px -990px;
    width: 200px;
    height: 140px;
    margin-bottom: -25px;
}

.boxbg span,
.boxbg p{
    margin-bottom: 25px;
    display: inline-block;
    font-size: 17px;
    color: #fff;
    margin-top: 25px;
}

.boxcontent{
    width: 100%;
    height: 30px;
}

.boxbg {
    float: left;
    margin: 10px;
}

.boxbg p{
    margin: 0;
}

.boxbg div{
    height: 120px;
    width: 240px;
    margin: 32px auto;
    margin-bottom: 0;
    overflow: hidden !important;
    padding: 15px;
    background-repeat: no-repeat;
}

.boxbg p{
    margin-bottom: 50px;
}

.contentrow{
    min-height: 800px;
}
/*##############################################################################################################################*/
/*##############################################################################################################################*/
/*##############################################################################################################################*/

.orangegradient, .btn-primary, #c281 a, #p80 a.more, .tx-datamintsfeuser-pi1 .name-submit input, input.powermail_submit{
    background: #f68715;
    background: -moz-linear-gradient(top, #f68715 0%, #e16a1f 100%) !important;
    background: -webkit-linear-gradient(top, #f68715 0%,#e16a1f 100%) !important;
    background: linear-gradient(to bottom, #f68715 0%,#e16a1f 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68715', endColorstr='#e16a1f',GradientType=0 ) !important;
    color: #fff !important;
}

.redgradient{
    background: #d8521b;
    background: -moz-linear-gradient(top, #d8521b 0%, #bf3a21 100%);
    background: -webkit-linear-gradient(top, #d8521b 0%,#bf3a21 100%);
    background: linear-gradient(to bottom, #d8521b 0%,#bf3a21 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8521b', endColorstr='#bf3a21',GradientType=0 );
}

.greygradient, #c295{
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #f3f3f3 0%, #e1e1e0 100%);
    background: -webkit-linear-gradient(top, #f3f3f3 0%,#e1e1e0 100%);
    background: linear-gradient(to bottom, #f3f3f3 0%,#e1e1e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e1e1e0',GradientType=0 );
}

.wborder{
    border: 1px solid #f68715 !important;
}

.nopadding{
    padding: 0px !important;
}

#c281 a{
    padding: 10px 15px;
}

/*##############################################################################################################################*/
/*##############################################################################################################################*/
/*##############################################################################################################################*/

.imagebox{
    min-height: 300px;
    background-size: cover;
}

.imagebox-dce .imagebox{
    margin: 15px;
}

.minibox:hover{

    background: rgba(246, 135, 21, 0.9019607843137255);
    background: -moz-linear-gradient(top, rgba(246, 135, 21, 0.9019607843137255) 0%, rgba(225, 106, 31, 0.9019607843137255) 100%);
    background: -webkit-linear-gradient(top, rgba(246, 135, 21, 0.9019607843137255) 0%,rgba(225, 106, 31, 0.9019607843137255) 100%);
    background: linear-gradient(to bottom, rgba(246, 135, 21, 0.9019607843137255) 0%,rgba(225, 106, 31, 0.9019607843137255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(246, 135, 21, 0.9019607843137255)', endColorstr='rgba(225, 106, 31, 0.9019607843137255)',GradientType=0 );
}

.minibox:hover p{
    color: #fff;
}

.minibox{
    position: absolute;
    display: block;
    background: rgba(255, 255, 255, 0.9019607843137255);
    width: 80%;
    top: 58%;
    left: 10%;
}

.minibox p{
    text-align: center;
    color: #f29400;
}

.minibox p{
    margin: 8px;
}

/*##############################################################################################################################*/
/*##############################################################################################################################*/
/*##############################################################################################################################*/
.wtop{
    border: 1px solid #f68715;
    border-bottom: none;
}

.right-col,
.left-col{
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 0;
}

.right-col{
    padding: 15px;
}

.close-event, .open-event{
    padding-bottom: 15px;
    color: #9c3e2b;
    max-width: 40%;
    margin: auto;
    text-align: center;
}

.close-event:after{
    content: "";
    padding: 5px 5px;
    display: block;
    float: left;
    margin-left: 42%;
    margin-top: -8px;
    text-align: center;
    border: 3px solid;
    border-right: none;
    border-bottom: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg);
}

.open-event:after{
    content: "";
    padding: 5px 5px;
    display: block;
    float: left;
    margin-left: 42%;
    margin-top: -15px;
    text-align: center;
    border: 3px solid;
    border-left: none;
    border-top: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg);
}

.wtop{
    border: 1px solid #f68715;
    border-bottom: none;
}

#c262 .tx-powermail{
    display: block;
    width: 100%;
    overflow: hidden;
    border: 1px solid #f68715;
    border-top: none;
    margin-top: -56px;
}

#c262 .tx-powermail .container-fluid{
    padding-left: 20px;
    padding-right: 20px;
}

#c262 .frame-container{
    padding: 0;
}

#c262 .parsley-custom-error-message,
#c262 .parsley-errors-list.filled{
    display: none;
    margin: 0 !important;
}

#c262 .parsley-error{
    border: 1px solid red;
}

#c262 select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    padding: 5px;
}

.event-container{
    margin-top: 200px;
    min-height: 220px;
}

.imagebox-dce{
    padding: 0;
}

.left-col, .right-col{
    float: left;
}

.left-col > div{
    background: url(/fileadmin/ami-images/hg-anfrageformular.jpg);
    height: 300px;
    width: 100%;
    max-width: 724px;
    position: absolute;
    z-index: -1;
    margin-left: -20px;
    margin-top: -150px;
}

.left-col{
    max-width: 770px;
}

.left-col h2{
    max-width: 94.2%;
    margin-top: -1px;
    color: #fff;
    padding: 15px;
}

#c268 a, #c277 a{
    color: #fff !important;
}

#c277 a.more,
#c268 a.more{
    margin-bottom: 15px
}


/*###############################*/
/*###############################*/
/*###############################*/

#c268 h4.element-header{
    text-align: right;
    float: right;
    font-size: 14px;
    text-transform: uppercase !important;
}

#c277 h4.element-header span{
    text-transform: uppercase !important;
}

#c268 h5.element-subheader{
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 5px;
}

.news .article {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.powermail_fieldset_6,
.powermail_fieldset_7,
.powermail_fieldset_5{
    width: 33%;
    float: left;
    padding: 15px;
    padding-bottom: 0;
}

.powermail_fieldset_8{
    width: 100%;
    float: left;
    padding: 0 15px;
}

.powermail_fieldwrap_datenschutzrichtlinien{
    width: 60%;
}

.powermail_fieldwrap_anfragesenden{
    width: 40%;
}


.left-col h2{
    margin-left: 0px;
    border-top: 1px solid rgb(254, 248, 212);
}

.left-col > div{
    margin-left: 0px;
}


#c262 .powermail_fieldwrap_titel{
    width: 45%;
    float: right;
}

#c262 .powermail_fieldwrap_anrede{
    width: 45%;
    float: left;
}

#c262 .powermail_fieldwrap{
    margin: 0;
}

#c262 .tx-powermail .checkbox label{
    font-size: 12px;
    display: block;
}

#c262 .tx-powermail textarea{
    min-height: 185px;
}

#c262 .powermail_field input,
#c262 .powermail_field textarea,
#c262 .powermail_field select{
    background: #ececec;
}

#c262 .powermail_fieldwrap_anrede select{
    width: 100%;
    height: 35px;
    border-radius: 0px !important;
}

#c262 .powermail_fieldwrap_anrede select option{
    color: grey;
}


#c268 .header p,
#c277 .header p{
    color: #000;
    font-weight: bold;
}

#c268 .news-list-date,
#c277 .news-list-date{
    font-weight: bold;
}

#c277 a.more,
#c268 a.more{
    font-weight: bold;
}

#c268 h4.element-header,
#c277 h4.element-header{
    text-align: right;
    float: right;
    font-size: 14px;
}

#c268 h5.element-subheader,
#c277 h5.element-subheader{
    border-bottom: 1px solid #eee !important;
    padding-bottom: 15px;
    margin-bottom: 5px;
}


#c262 .parsley-custom-error-message,
#c262 .parsley-errors-list.filled{
    display: none;
    margin: 0 !important;
}

#c262 .parsley-error{
    border: 1px solid red;
}

#c262 select, #c262 select option{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    padding: 5px;
    border: 1px solid #dedede;
    color: #bbb;
}

#c262 .placeholder{
    color: #eee !important;
}

.open-event, .close-event{
    text-transform: uppercase;
    color: #cb4d33;
}

.open-event:hover, .close-event:hover{
    text-transform: uppercase;
    color: #9c3e2b;
}

/*##############################################################################################################################*/
/*##############################################################################################################################*/
/*##############################################################################################################################*/

#c295{
    width: 100%;
    padding: 0;
    margin-bottom: 50px;
}

#c295 .tx-powermail{
    border-top: 0;
    text-align: center;
    margin: 0 auto;
}

#c295 .powermail_fieldwrap_marker{
    margin: 0;
    font-weight: bold;
}

.powermail_fieldwrap_newsletter_email,
#c295 .powermail_fieldwrap_datenschutzbedingungen{
    max-width: 55%;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.powermail_fieldwrap_newsletter_email input{
    max-width: 40%;
}

#c295 .powermail_fieldwrap_anmelden input,
#c295 .powermail_fieldwrap_datenschutzbedingungen .checkbox{
    margin: 0 auto;
    float: none !important;
}

/*##############################################################################################################################*/
/*##############################################################################################################################*/
/*##############################################################################################################################*/

.slick-next, .slick-prev{
    background: none;
    border: none;
}

.slick-prev:after {
    content: "";
    padding: 25px 25px;
    display: block;
    text-align: center;
    border: 3px solid;
    border-right: none;
    border-top: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    left: -5%;
    top: 38%;
    z-index: 9;
}

.slick-next:after {
    content: "";
    padding: 25px 25px;
    display: block;
    text-align: center;
    border: 3px solid;
    border-left: none;
    border-bottom: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: -5%;
    top: 38%;
    z-index: 9;
}

.referent-content .slick-next:after,
.referent-content .slick-prev:after{
    padding: 15px;
}

.slidecontent{
    margin-bottom: 50px;
}

.slick-navi{
    position: absolute;
    width: 100%;
}

.slick-next:focus, .slick-prev:focus{
    outline: none;
}

.ref-header label {
    margin-right: 10px;
}

/*##############################################################################################################################*/
/*##############################################################################################################################*/
/*##############################################################################################################################*/

h1.element-header, h2.element-subheader{
    font-weight: bold;
    font-size: 50px;
}

h2.element-subheader{
    margin-bottom: 30px !important;
}

h2.element-header{
    font-weight: bold;
    color: #f68b1f;
    font-size: 35px
}

h3.element-subheader{
    font-weight: regular;
    color: #3e3e3e;
    font-size: 25px;
}

h3.element-subheader:before, h3.element-subheader:after {
    content: "";
    border-bottom: 1px solid #3e3e3e;
    padding: 0px 50px;
    margin: 20px;
    position: absolute
}

h3.element-subheader:before{
    margin-left: -120px;
    padding-top: 4px;
}

h3.element-subheader:after{
    margin-right: -120px;
    padding-top: 4px;
}

h5.element-subheader{
    font-size: 22px;
}

/*#####################################################################*/

.powermail_fieldwrap_datenschutzbedingungen label{
    font-size: 14px;
}

#c268 h4.element-header, #c277 h4.element-header{

}

.boxbg p{
    font-size: 18px;
    font-weight: bold;
}

.news-description {
    margin-bottom: 15px;
}

/*#####################################################################*/


.powermail_fieldwrap_anmelden .powermail_submit{
    background: #f68715;
    background: -moz-linear-gradient(top, #f68715 0%, #e16a1f 100%) !important;
    background: -webkit-linear-gradient(top, #f68715 0%,#e16a1f 100%) !important;
    background: linear-gradient(to bottom, #f68715 0%,#e16a1f 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68715', endColorstr='#e16a1f',GradientType=0 ) !important;
    color: #fff !important;
}

.minibox:hover p:first-child, .minibox:hover p:last-child{
    color: #fff !important;
}

#c268 a, #c277 a{
    color: #cb4d33;
}

#c268 a:hover, #c277 a:hover{
    color: #9c3e2b;
}

.news-row .article{
    height: 650px;
}

/*##############################################################################################################################*/

.ref-header{
    background: #e3e3e3;
    min-height: 65px;
    padding: 15px;
}

.ref-header .col-md-2{
    width: 16.67%;
    float: left;
}
.ref-header .col-md-5{
    width: 41.67%;
    float: left;
}

.referent-container .textbox{
    border: 2px solid #e3e3e3;
    padding: 15px;
    text-align: center;
    margin: 15px;
}

.referent-image, .background-layer{
    border-radius: 100%;
    width: 120px;
    height: 120px;
    background-size: cover;
    background-position: center;
    background-position-y: -1px;
    margin: 0 auto;
    margin-bottom: -50px;
    z-index: 9;
    position: relative;
    mix-blend-mode: multiply;
}

.background-layer{
    background-color: #f9f9f9;
    mix-blend-mode: normal;
}

.news .article .news-img-wrap img {
    float: left;
    height: auto;
    width: 100%;
}

div#c268 .news-img-wrap,
div#c277 .news-img-wrap,
div#c268 .news-list-category,
div#c277 .news-list-category {
    display: none;
}

.slidecontent img {
    padding: 0 35px;

    width: 100%;
    height: auto;
}
/*##############################################################################################################################*/
/*##############################################################################################################################*/
/*##############################################################################################################################*/

#c310{
    padding: 0;
}

/*
.news-row{
    background: #000000aa
}

.news-row *{
    max-height: 650px;

}
.news-row .teaser-text{
    float: left;
    width: 35%;
    padding: 50px;
    height: 1000px;
    position: absolute;
    background: #444444f0;
}

.news-img-wrap a{
    float: none !important;
    border: none !important;
    padding: 0 !important;
}

.news-row .news-img-wrap{
    width: 100%;
    margin: 0 !important;
    height: auto;
    float: left !important;
    background: none !important;
}


.news-row .slick-dots{
    position: absolute;
    bottom: 0;
    left: 12%;
}
.news-row .slick-dots li{
    display: inline-block;
    float: left;
}


.news-row .news-list-tags,
.news-row time{
    color: #fff;
}

.news-row .news-list-tags{
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold !important;
}

.news-row .header p{
    background: #fff;
    margin: 15px 0;
    display: inline-block;
    font-size: 40px;
    width: 150%;
    z-index: 7;
    position: relative;
}


.news-row .news-description{
    color: #fff;
    max-width: 75%;
    margin: 25px 0;
}

.news-row a.more,
.news-row .news-list-category,
.news-row .news-list-date{
    display: none !important;
}

.slick-dots li button {
    background: #fff;
    border: 3px solid #fff;
    border-radius: 100%;
    margin: 0 5px;
    padding: 4px;
    font-size: 0;
}

.slick-dots li.slick-active button {
    background: #000;
    border: 3px solid #fff;
    border-radius: 100%;
    margin: 0 5px;
    padding: 4px;
    font-size: 0;
}

 */


.news-row .slick-dots{
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center;
}

.news-row .slick-dots li{
    display: inline-block;
}

.slick-dots li button {
    background: #fff;
    border: 3px solid #fff;
    border-radius: 100%;
    margin: 0 5px;
    padding: 4px;
    font-size: 0;
}

.slick-dots li.slick-active button {
    background: #000;
    border: 3px solid #fff;
    border-radius: 100%;
    margin: 0 5px;
    padding: 4px;
    font-size: 0;
}

.news,
.news .slick-slider,
.news .slick-list,
.news .slick-track,
.news .slick-slider .teaser-text,
.news .slick-slider .news-img-wrap {
    max-height: initial !important;
}

.news-row .slick-slider .article {
    height: auto;
}

.news .slick-slider .teaser-text .header p {
    background: #fff;
    box-shadow: 2px 0px 3px 1px rgba(77,77,77,0.25);
    display: inline-block;
    margin-left: -20px;
    white-space: nowrap;
}

.news .slick-slider .news-list-tags {
    color: #fff;
    display: block;
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 10px;
}

.news .slick-slider .news-img-wrap {
    /*background: #eee;*/
    margin: 0;
    width: 100%;
}

.news .slick-slider .news-img-wrap a {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.news .slick-slider img {
    float: none;
    margin: 0 !important;
    min-height: initial !important;
    width: 100% !important;
}

@media (min-width: 992px) {
    .news-row .slick-dots {
        width: 30%;
    }

    .news .slick-slider .teaser-text {
        bottom: 0;
        color: #fff;
        left: 0;
        margin: 0;
        padding: 20px 22px 20px 23px;
        position: absolute;
        top: 0;
        width: 30%;
        z-index: 1;
    }

    .news .slick-slider img {
        transform: translate(13%,0);
    }
}

@media (min-width: 1200px) {

    .news .slick-slider .news-img-wrap,
    .news .slick-slider img {
        max-height: 680px !important;
    }

    .news .slick-slider img {
        transform: none;
        max-height: initial !important;
        max-width: 70%;
    }

    .news .slick-slider .teaser-text {
        padding: 30px 3%;
    }

    .news .slick-slider .news-list-tags {
        margin-bottom: 15px;
    }

    .news-row .slick-slider .news-description {
        margin: 10px 0 25px 0;
    }
}

@media (max-width: 1199px) {
    .news .slick-slider .teaser-text .header p {
        font-size: 32px;
    }
}


@media (max-width: 991px) {

    .news-row .slick-dots {
        left: 0 !important;
        width: 100%;
    }

    .news-row .slick-slider .article {
        height: auto;
        padding-bottom: 173px;
    }

    .news-row .slick-slider .teaser-text {
        margin: 0;
        padding: 30px 15px 60px 15px !important;
    }

    .news .slick-slider .teaser-text .header p {
        font-size: 28px;
        margin: 0;
    }

    .news-row .slick-slider .news-description,
    .news-row .slick-slider .teaser-text > a {
        display: none;
    }
}

@media (max-width: 767px) {

    .news-row .slick-slider .article {
        height: auto;
        padding-bottom: 162px;
    }

    .news-row .slick-slider .teaser-text {
        padding: 25px 15px 60px 15px !important;
    }

    .news .slick-slider .teaser-text .header p {
        font-size: 24px;
    }
}

@media (max-width: 623px) {
    .news-row .slick-slider .article {
        height: auto;
        padding-bottom: 157px;
    }

    .news .slick-slider .teaser-text .header p {
        font-size: 21px;
    }
}

/*##############################################################################################################################*/
/*##############################################################################################################################*/
/*##############################################################################################################################*/

@media (min-width: 767px){

    h4.element-subheader:before, h4.element-subheader:after{
        content: "";
        border-bottom: 1px solid #000;
        padding: 0 4pc;
        margin: -10px 10px 10px 10px;
    }
}

@media (min-width: 991px){
    .boxcontent .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
}


@media (max-width: 574px){
    .boxbg p{
        display: block;
    }
}


@media (max-width: 1200px){
    .left-col{
        width: 60%;
    }
    .right-col{
        width: 40%;
        max-width: 40%;
    }
    .left-col h2{
        max-width: 100%;
    }
}


@media (max-width: 991px){

    .boxcontent .col-sm-6{
        width: 50%;
        max-width: 50%;
    }

    h3.element-subheader:before, h3.element-subheader:after {
        content: "";
        border-bottom: 1px solid #3e3e3e;
        padding: 0px 2pc;
        margin: 20px;
    }
}

@media (max-width: 767px){
    .news-row .article{
        height: 560px;
    }

    h1.element-header{
        font-size: 32px;
    }

    h2.element-header{
        font-size: 26px;
    }

    h3.element-subheader{
        font-size: 22px;
    }

    .news-row .header p {
        font-size: 32px;
    }

    .left-col{
        width: 100%;
    }

    .right-col{
        max-width: 100%;
        width: 100%;
        margin-top: 50px;
    }

    .powermail_fieldset_6, .powermail_fieldset_7, .powermail_fieldset_5 {
        width: 100%;
        float: left;
        padding: 15px;
        padding-bottom: 0;
    }

    #c262 .tx-powermail{
        height: 920px
    }

    .event-container{
        min-height: 300px;
    }

    .boxcontent .col-12{
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 560px){

    #c262 .tx-powermail{
        height: 1120px
    }

    .powermail_fieldwrap_datenschutzrichtlinien,
    .powermail_fieldwrap_anfragesenden,
    #c262 .powermail_fieldwrap_anrede,
    #c262 .powermail_fieldwrap_titel{
        width: 100%;
    }

    .powermail_fieldwrap_anfragesenden{
        text-align: center;
    }

    .event-container{
        min-height: 360px;
    }

    .slick-prev:after, .slick-next:after{
        padding: 15px;
    }

    .slick-prev:after{
        left: 1%;
    }

    .slick-next:after{
        right: 1%;
    }
}

@media (max-width: 1200px){
    .left-col{
        width: 60%;
    }
    .right-col{
        width: 40%;
        max-width: 40%;
    }
    .left-col h2{
        max-width: 100%;
    }
}

@media (max-width: 767px){
    .left-col{
        width: 100%;
    }

    .right-col{
        max-width: 100%;
        width: 100%;
        margin-top: 50px;
    }

    .powermail_fieldset_6, .powermail_fieldset_7, .powermail_fieldset_5 {
        width: 100%;
        float: left;
        padding: 15px;
        padding-bottom: 0;
    }

    #c262 .tx-powermail{
        height: 920px
    }
}

@media (max-width: 560px){

    #c262 .tx-powermail{
        height: 1120px
    }

    .powermail_fieldwrap_datenschutzrichtlinien,
    .powermail_fieldwrap_anfragesenden,
    #c262 .powermail_fieldwrap_anrede,
    #c262 .powermail_fieldwrap_titel{
        width: 100%;
    }

    .powermail_fieldwrap_anfragesenden{
        text-align: center;
    }
}

/*################################################################*/
/*######################       Blog      #########################*/
/*################################################################*/

h5.element-header{
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

.news ul{
    padding: 0;
}

.news ul li{
    display: inline-block;
    margin: 0 5px;
}

.news .form-group,
.news .form-group label{
    display: none;
}

.news .form-group:first-child{
    display: inline-block;
}

.news .form-group .btn.btn-default{
    font-size: 0;
}

/*################################################################*/
/*######################       Blog      #########################*/
/*################################################################*/

#p80 a.more {
    padding: 10px 15px;
    float: right;
    text-decoration: none;
    margin-top: -10px;
}
#p80 .news-img-wrap{
    width: 50%;
}

#p80 .news-list-date{
    display: none;
}

#p80 .news-list-tags{
    display: inline-block;

    width: 50%;
}

#p80 input.btn {
    font-size: 0;
    height: 38px;
    width: 38px;
    background: url(/fileadmin/ami-images/icons/search-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-left: -4px;
    margin-top: -4px;
    background-color: #eee;
}

#p80 .news ul li{
    background: #eee;
    font-size: 12px;
    padding: 5px;
}

#c297 .news .footer {
    clear: both;
    padding: 10px 0 0 0;
    border-bottom: 1px solid #eee;
    border-top: 0;
    margin-bottom: 15px;
    padding-bottom: 15px;
    color: #888;
}

#p80 .news ul li{
    background: #eee;
    font-size: 12px;
    padding: 5px;
}

#p80 h3.element-subheader{
    font-size: 18px;
    margin-bottom: -5px
}


.header.blog p {
    font-size: 24px;
    margin-top: 1rem;
}

#p80 .form-group{
    width: 85%;
}

#p80 h3.element-subheader{
    font-size: 18px;
    margin-bottom: -5px
}

#c336 {
    padding: 0;
}

#p80 .empfehlungen .news-img-wrap{
    width: auto;
}

.article.col-3{
    display: inline-block;
}

i.fab, i.fa{
    color: #000;
    margin: 0 15px;
}

#p80 .form-group{
    width: 85%;
}

#p80 h3.element-subheader{
    font-size: 18px;
    margin-bottom: -5px
}

#c336 {
    padding: 0;
}

#p80 .empfehlungen .news-img-wrap{
    width: auto;
}

.article.col-3{
    display: inline-block;
}

#c338 .news-img-wrap,#c338 .news-img-wrap a{
    width: 100%;
}

#c338 .news-list-tags {
    display: inline-block;
    width: 50%;
}

#c338 .facebook,
#c338 .twitter,
#c338 .xing,
#c338 .share{
    float: right;
}

#c339 > div, #c340 > div{
    border: 1px solid #eee;
    padding: 15px;
    margin-bottom: 25px;
}

span.news-list-category {
    color: #ccc;
}

/*########################################################################*/
/*########################################################################*/
/*########################################################################*/

/*--------------------------------------*/

.navbar-nav{
    margin-top: 20px;
}

.navbar-nav > .nav-item.show:hover{
    background: #f68715;
    background: -moz-linear-gradient(top, #f68715 0%, #e16a1f 100%);
    background: -webkit-linear-gradient(top, #f68715 0%,#e16a1f 100%);
    background: linear-gradient(to bottom, #f68715 0%,#e16a1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68715', endColorstr='#e16a1f',GradientType=0 );
}

.navbar-nav > .nav-item.show:hover span.nav-link-text{
    color: #fff !important;
}

.nav-item.active span{
    color: #f68715ad !important;
}

.navbar-mainnavigation .navbar-nav > li.show > .nav-link:before{
    content: "";
    background: #fff;
    opacity: 1;
    height: 15px;
    width: 15px;
    transform: rotate(45deg);
    bottom: -10px;
    left: 45%;
    transition: none !important;
    transition: none !important;
}

li.nav-item {
    margin-left: 40px;
    padding: 0;
}

.mega-menu li{
    width: 25%;
    display: inline-block;
}

h5.dropdown-header{
    margin: 10px 15px;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 18px;
    border-bottom: 1px solid #000;
    text-transform: uppercase;
    color: #ff8400;
}

.dropdown-menu .dropdown-item{
    border-bottom: 1px solid #000;
    margin: 15px !important;
    padding: 0;
    width: initial;
}

.dropdown-menu .dropdown-item:hover{
    color: #ff8400;
    background: none;
    border-bottom: 1px solid #eee !important;
}

.dropdown-menu .dropdown-item span{
    width: 85%;
}

.hasdropdown > a:after{
    content: "";
    padding: 5px 5px;
    margin-top: -15px;
    border: 2px solid;
    border-left: none;
    border-top: 0;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}


.hasdropdown > a:hover:after{
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(225deg);
}



.dropdown-menu.submenu{
    position: relative;
    border: none;
    padding: 0;
}

.dropdown-menu.submenu li{
    width: 100%;
}

.hasdropdown:hover > .dropdown-menu.submenu{
    display: block;
    color: #ff8400 !important;
    background: none;
}

.hasdropdown:hover > a > span,
.hasdropdown:hover > a:after{
    color: #ff8400 !important;
    background: none;
}

.hasdropdown:hover > .dropdown-item{
    border-color: #eee;
}

.hasdropdown:hover > a:after{
    color: #ff8400 !important;
    background: none;
    transform: rotate(225deg);
    margin-top: 0px;
}

#c336 .footer{
    display: none;
}

.nav-item.active span{
    color: #000 !important;
}

.nav-item.active > span,
.nav-item.active .nav-link-text,
.nav-item.active span:hover,
.dropdown-item.active span,
.mega-menu li:hover > .dropdown-item span{
    color: #f68715ad !important;
}

.mega-menu li:hover > .dropdown-item{
    border-bottom: 1px solid #eee !important;
}

.dropdown-item.active{
    color: #f68715ad !important;
}

.mega-menu .dropdown-item.active{
    background: #fff;
}

/*######################################*/
/*######################################*/
/*######################################*/
/*######################################*/

.flyout{
    display: none;
}

.flyout, .flyout .phone-box, .flyout .mail-box{
    top: 144px !important;
}

@media (min-width: 991px){
    .flyout-mobil{
        display: none;
    }

    .flyout{
        display: block;
        position: fixed;
        right: 0;
        top: 35%;
        z-index: 9999;
        height: 300px;
        width: 0px;
        background: #eee;
        border: 0px solid #f68b1f;
    }

    .flyout .phone-box,
    .flyout .mail-box{
        display: block;
        width: 50px;
        height: 50px;
        z-index: 99999;
        position: fixed;
        right: 0px;
        top: 35%;
    }

    .flyout .phone-box{
        background-image: url(/typo3conf/ext/ami_sitepackage/Resources/Public/Images/iconsprite-systemicons.png);
        background-position: -62px 404px;
        background-color: #fff;
        border: 1px solid #f68b1f;
        cursor: pointer;
    }

    .flyout .phone-box.active{
        background-image: url(/typo3conf/ext/ami_sitepackage/Resources/Public/Images/iconsprite-systemicons.png);
        background-position: 8px 404px;
        background-color: #f68b1f !important;

    }

    .flyout .mail-box{
        margin-top: 50px;
        border: 1px solid #f68b1f;
        background-image: url(/typo3conf/ext/ami_sitepackage/Resources/Public/Images/iconsprite-systemicons.png);
        background-position: -208px 406px;
        background-color: #fff;
        cursor: pointer;
    }

    .flyout .mail-box.active{
        background-image: url(/typo3conf/ext/ami_sitepackage/Resources/Public/Images/iconsprite-systemicons.png);
        background-position: -137px 406px;
        background-color: #f68b1f;
    }

    .flyout.active{
        width: 400px;
        background: #eee;
        border: 2px solid #f68b1f;
        border-right: none;
        border-bottom: none;
    }

    .flyout.active .phone-box,
    .flyout.active .mail-box{
        right: 400px;
    }

    .flyout input.powermail_submit{
        float: none;
    }

    .flyout.active input.powermail_submit{
        float: right;
    }


    .flyout{
        height: 500px;
    }

    .flyout.active{
        padding: 25px;
        overflow: hidden;
    }

    .flyout .mail, .flyout .phone{
        display: none;
    }

    .flyout.mail .mail, .flyout.phone .phone{
        display: block;
    }

    /*------------------Neu------------------*/

    .flyout input{
        padding: 10px !important;
        margin-bottom: 0px !important;
    }

    .flyout input.powermail_submit{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .flyout legend{
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }

    .flyout .fly-header legend{
        margin: 0;
    }

    .flyout h5{
        text-align: center;
    }

    .fly-header > div{
        background-image: url(/fileadmin/ami-images/flyout-emailsupport.jpg);
        width: 100%;
        height: 200px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .fly-header a{
        padding-top: 0 !important;
        text-align: center;
        width: 100%;
        display: block;
        color: #000;
    }

    .fly-header a:before{
        content: "";
        height: 35px;
        width: 25px;
        display: block;
        float: left;
        left: 18%;
        position: absolute;
        margin-top: -5px;
        margin-left: 20px;
    }

    .phone .fly-header a:before{
        background-image: url(/typo3conf/ext/ami_sitepackage/Resources/Public/Images/iconsprite-systemicons.png);
        background-position: -358px 404px;
    }

    .mail .fly-header a:before{
        background-image: url(/typo3conf/ext/ami_sitepackage/Resources/Public/Images/iconsprite-systemicons.png);
        background-position: -285px 404px;
        margin-left: 5px;
    }

    .flyout textarea{
        padding: 10px !important;
        margin-bottom: 0px !important;
    }

    .flyout .checkbox{
        margin-bottom: -35px;
    }

    /*-----------------Edit------------------*/

    .flyout, .flyout .phone-box, .flyout .mail-box{
        top: 15%;
    }

    .flyout{
        height: auto;
        padding: 0 !important;
    }

    .flyout .tx-powermail,
    .flyout .fly-header legend{
        padding: 25px !important;
        padding-bottom: 0 !important;
    }
}
#p112 .tx-datamintsfeuser-pi1 fieldset{
    border: none;
}

#p112 .tx-datamintsfeuser-pi1 legend,
.tx_evoweb_sfregister legend {
    border-bottom: 1px solid #ccc;
    padding: 30px 0 !important;

}

/*------Sektion 1------*/

#p112 .tx-datamintsfeuser-pi1 .group-1 .item{
    width: 50%;
    float: left;
}

#p112 .tx-datamintsfeuser-pi1 .group-2 .item{
    width: 50%;
    float: right;
}


/*------Sektion 1------*/

#p112 .tx-datamintsfeuser-pi1 .group-1 .item{
    width: 100%;
    float: left;
}

#p112 .tx-datamintsfeuser-pi1 .group-1 .name-image {
    float: right;
    width: 50%;
}

#p112 .tx-datamintsfeuser-pi1 .group-1 label,
#p112 .tx-datamintsfeuser-pi1 .group-1 input,
#p112 .tx-datamintsfeuser-pi1 .group-1 textarea{
    width: 50%;
    float: left;
}

#p112 .tx-datamintsfeuser-pi1 .group-1 .item{
    padding-right: 15px;
}

#p112 .tx-datamintsfeuser-pi1 .group-1 .name-company{
    width: 50%;
    float: left;
}

#p112 .tx-datamintsfeuser-pi1 .group-1 .name-zip{
    width: 20%;
    float: left;
}

#p112 .tx-datamintsfeuser-pi1 .group-1 .name-city{
    width: 30%;
    float: left;
}

#p112 .tx-datamintsfeuser-pi1 .group-1 .name-country,
#p112 .tx-datamintsfeuser-pi1 .group-1 .name-city,
#p112 .tx-datamintsfeuser-pi1 .group-1 .name-telephone{
    padding: 0;
}


#p112 .tx-datamintsfeuser-pi1 .group-1 .name-zip input,
#p112 .tx-datamintsfeuser-pi1 .group-1 .name-city input,
#p112 .tx-datamintsfeuser-pi1 .group-1 .name-company input{
    width: 100%;
}


#p112 .tx-datamintsfeuser-pi1 .group-1 .name-telephone{
    width: 50%;
}

/*------Sektion 2------*/

#p112 .tx-datamintsfeuser-pi1 .group-3 .list,
#p112 .tx-datamintsfeuser-pi1 .group-3 .name-title label{
    width: 100%;
    display: block;
    float: left;
    margin-left: 0;
}

#p112 .tx-datamintsfeuser-pi1 .group-3 .list div,
#p112 .tx-datamintsfeuser-pi1 .group-3 .name-title input{
    display: inline-block;
}

#p112 .tx-datamintsfeuser-pi1 .group-3 .name-title input{
    width: 200px;
}

#p112 .tx-datamintsfeuser-pi1 .group-3 .name-gender{
    width: 25%;
    float: left;
}

#p112 .tx-datamintsfeuser-pi1 .group-3 .name-title{
    width: 75%;
    float: left;
}

#p112 .tx-datamintsfeuser-pi1 .group-3 .name-first_name,
#p112 .tx-datamintsfeuser-pi1 .group-3 .name-last_name,
#p112 .tx-datamintsfeuser-pi1 .group-3 .name-telephone,
#p112 .tx-datamintsfeuser-pi1 .group-3 .name-email{
    float: left;
    width: 25%;
    padding: 15px 15px 0px 0;
}

#p112 .tx-datamintsfeuser-pi1 .group-3 .name-first_name input,
#p112 .tx-datamintsfeuser-pi1 .group-3 .name-last_name input,
#p112 .tx-datamintsfeuser-pi1 .group-3 .name-telephone input,
#p112 .tx-datamintsfeuser-pi1 .group-3 .name-email input,
#p112 .tx-datamintsfeuser-pi1 .group-4 input{
    width: 100%;
}

#p112 .tx-datamintsfeuser-pi1 .group-3 .name-email{
    padding-left: 0;
}


/*------Sektion 3------*/

#p112 .tx-datamintsfeuser-pi1 .group-4 legend{
    border-bottom: 0px solid #ccc;
    padding: 1px;
    margin: 0;
}

#p112 .tx-datamintsfeuser-pi1 .group-4,
#p112 .tx-datamintsfeuser-pi1 .group-3{
    padding: 0;
}

#p112 .tx-datamintsfeuser-pi1 .group-4 .name-username label,
#p112 .tx-datamintsfeuser-pi1 .group-4 .name-username input,
#p112 .tx-datamintsfeuser-pi1 .group-4 .name-password label{
    width: 100%;
}

#p112 .tx-datamintsfeuser-pi1 .group-4 .name-username input{
    width: 100%;
}

#p112 .tx-datamintsfeuser-pi1 .group-4 .name-username,
#p112 .tx-datamintsfeuser-pi1 .group-4 .name-password{
    float: left;
    width: 25%;
    margin: auto;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.05);
}


#p112 .tx-datamintsfeuser-pi1 .group-4 .name-password{
    padding-left: 0;
}

#p112 .tx-datamintsfeuser-pi1 .group-4 .name-username{
    width: 50%;
}


/* Sektion Footer */
#p112 .tx-datamintsfeuser-pi1 .group-5 .item-16,
#p112 .tx-datamintsfeuser-pi1 .group-5 .item-17{
    width: 50%;
    float: left;
}

#p112 .tx-datamintsfeuser-pi1 .group-5 .name-submit{
    width: 50%;
    float: right;
    margin-top: 0;
    margin-bottom: 30px;
    text-align: right;
}

#p112 .tx-datamintsfeuser-pi1 .group-5 .name-submit input{
    text-transform: uppercase;
    padding: 10px 15px
}

.news-single .frame-type-text{
    display: none !important;
}

/*#####Misc#########*/

.dataTables_wrapper tfoot{
    display: none;
}

.dataTables_wrapper thead{
    position: absolute;
    top: 4px;
    display: table-caption;
}

tbody.grid,
tbody.grid-fleisch,
tbody.grid-garten{
    display: table-caption;
}

div.dtBasicExample_wrapper .row:first-child {
    display: none !important;
}


.dce-filter p,
#p125 .col-lg-4 > p{
    font-weight: bold !important;
}

.dce-filter {
    padding: 15px !important;
    border: 1px solid #eee;
}

.dce-filter input,
.dce-filter label{
    padding: 0 15px
}

.dce-filter label.number{
    float: right;
}

.dtBasicExample,
.dtBasicExample td,
.dtBasicExample th{
    border: 0px;
}

.dtBasicExample th{
    border-top: 1px #eee solid;
    border-bottom: 1px #eee solid;
}

tbody.grid,
tbody.grid-fleisch,
tbody.grid-garten{
    margin-top: 46px;
}

.breadcrumb,
.breadcrumb-section{
    background-color: initial;
}

.breadcrumb-section{
    border-bottom: 1px solid #eee;
}


.breadcrumb-item span{
    color: #6c757d !important;
}

.breadcrumb-item.active span{
    color: #ff8400 !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "»";
}

#c323{
    padding-bottom: 0;
}

.thema a{;
    width: 320px;
    max-width: 320px !important;
    display: block;
}

td.thema{
    max-width: 306px;
}

td.leistung {
    min-width: 98px;
    text-align: center;
}

th.leistungheader {
    text-align: center;
}

table.table{
    margin-bottom: 50px;
}


.dataTables_info,
.dataTables_paginate{
    display: none;
}

.orangegradient .cat-Gartenbau,
.orangegradient .cat-Obst,
.orangegradient .cat-Gemüse,
.orangegradient .cat-Blumen-und-Zierpflanzen,

.orangegradient .cat-Fleischwirtschaft,

.orangegradient .cat-Milchwirtschaft,
.orangegradient .cat-Rohmilch,
.orangegradient .cat-Milchprodukte,

.orangegradient .cat-Pflanzenbau,
.orangegradient .cat-Getreide-und-Futtermittel,
.orangegradient .cat-Kartoffeln,
.orangegradient  .cat-Ölsaaten-und-Bioenergie,

.orangegradient .cat-Öko-Landbau,
.orangegradient .cat-Bio-Rohware,
.orangegradient  .cat-Bio-Lebensmittel,

.orangegradient .cat-Verbraucher-und-Ernährung,
.orangegradient .cat-Ernährungsberatung,
.orangegradient  .cat-Verbraucherforschung,
.orangegradient  .cat-Lebensmittelwirtschaft,

.orangegradient .cat-Management,
.orangegradient .cat-Betrieb-und-Personal,
.orangegradient .cat-Vertrieb-und-Logistik,
.orangegradient .cat-Produkt-und-Marketing,

.orangegradient .cat-Recht-und-Zertifizierung,
.orangegradient .cat-Gesetz-und-Richtlinie,
.orangegradient .cat-Datenschutz,
.orangegradient .cat-Zertifizierung
{
    background-image: url(/fileadmin/ami-images/icons/iconsprite-themen-1.png);
    background-position: 0px 8px;
    background-repeat: no-repeat;
    background-size: 255px;
    height: 50px;
    width: 50px;
}

.orangegradient  .cat-Gartenbau{
    background-position: -4px -36px;
}

.orangegradient  .cat-Obst{
    background-position: -71px -36px;
}

.orangegradient  .cat-Gemüse{
    background-position: -136px -36px;
}

.orangegradient  .cat-Blumen-und-Zierpflanzen{
    background-position: -202px -36px;
}




.orangegradient  .cat-Milchwirtschaft{
    background-position: -5px -82px;
}

.orangegradient  .cat-Rohmilch{
    background-position: -70px -82px;
}

.orangegradient  .cat-Milchprodukte{
    background-position: -137px -82px
}



.orangegradient  .cat-Pflanzenbau{
    background-position: -5px -124px;
}

.orangegradient  .cat-Getreide-und-Futtermittel{
    background-position: -70px -126px;
}

.orangegradient  .cat-Ölsaaten-und-Bioenergie{
    background-position: -136px -126px;
}

.orangegradient  .cat-Kartoffeln{
    background-position: -205px -126px;
}



.orangegradient  .cat-Öko-Landbau{
    background-position: -5px -167px;
}

.orangegradient  .cat-Bio-Rohware{
    background-position: -72px -167px;
}

.orangegradient  .cat-Bio-Lebensmittel{
    background-position: -139px -169px
}



.orangegradient  .cat-Verbraucher-und-Ernährung{
    background-position: -5px -212px;
}

.orangegradient  .cat-Ernährungsberatung{
    background-position: -203px -212px;
}

.orangegradient  .cat-Verbraucherforschung{
    background-position: -72px -216px;
}

.orangegradient  .cat-Lebensmittelwirtschaft{
    background-position: -134px -214px;
}



.orangegradient  .cat-Management{
    background-position: -6px -255px;
}

.orangegradient  .cat-Betrieb-und-Personal{
    background-position: -71px -258px;
}

.orangegradient  .cat-Vertrieb-und-Logistik{
    background-position: -138px -258px;;
}

.orangegradient  .cat-Produkt-und-Marketing{
    background-position: -204px -258px;
}



.orangegradient  .cat-Recht-und-Zertifizierung{
    background-position: -3px -299px;
}

.orangegradient  .cat-Gesetz-und-Richtlinie{
    background-position: -69px -299px;
}

.orangegradient  .cat-Datenschutz{
    background-position: -137px -299px;
}

.orangegradient  .cat-Zertifizierung{
    background-position: -200px -299px
}

.table-striped tbody tr:nth-of-type(odd) {
    /* background-color: rgba(0, 0, 0, 0.05); */
    background-color: transparent;
}

.dataTables_length, .dataTables_filter {
    display: none;
}

.dataTables_wrapper{
    width: 100%;
}

.thema a{
    width: 290px;
}

.loc hr{
    display: none;
}

table.dataTable thead .detailsheader.sorting,
table.dataTable thead .detailsheader.sorting_asc,
table.dataTable thead .detailsheader.sorting_desc{
    background-image: none;
}

table.dataTable thead .veranstalterheader{
    padding-right: 15px !important;
}

table.dataTable thead .leistungheader{
    padding-left: 0px !important;
}

tbody tr{
    border-bottom: 1px solid #eee;
}

table.dataTable.no-footer{
    border-bottom: 0px;
}

#p122 .dce-filter label{
    max-width: 156px;
}
#cat-Produkt-und-Marketing{
    float: left;
}
/*##############################*/
/*##############################*/
/*##############################*/

#c268 .header p, #c277 .header p {
    font-size: 16px;
}

#c268 .teaser-text span, #c277 .teaser-text span{
    font-size: 12px;
}

#c268 .footer .news-list-tags,
#c277 .footer .news-list-tags{
    display: none;
}

.odd{
    background: #eee !important;
}

.even{
    background: #fff !important;
}


.isotope{
    width: 100%;

    margin-bottom: 50px;
}

.btn-group,
.list-group,
.list-group-item {
    width: 100%;
}

.btn-group {
    margin: 0;
    padding: 0;
    border: 0px solid #ddd;
    background: #eee;
}

.btn-group .btn {
    display: block;
    float: left;
    padding: 10px 15px;
    margin: 0 !important;
    border-right: 0px solid #ddd;
}

.btn-group .btn:last-child {
    border-width: 0px;
}

.list-group {
    border-width: 0 !important;
    border-radius: 0 !important;
    box-shadow: none;
}

.list-group-item{
    padding: 0;
    margin: 0;
    border: 0px;
    background-color: #fff;
    float:left;
    display: flex;
    flex-wrap: wrap;
}

.list-group-item:nth-child(odd){
    /*background-color: #eee;*/
}

.list-group-item span {
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.list-group-item span:last-child {
    border-right-width: 0;
}


span.date,
button.dateheader{
    text-align: center;
    width: 13%;
}

span.ort,
button.ortheader{
    width: 13%;
}

span.ort p{
    margin: 0;
}

span.thema,
button.themaheader{
    width: 33%;
}

span.veranstalter,
button.veranstalterheader {
    width: 16%;
}

span.leistung,
button.leistungsheader {
    width: 12%;
}

span.details,
button.detailsheader {
    width: 13%;
}

span.thema a {
    width: 100%;
    max-width: 100% !important;
    color: #000;
    text-decoration: none;
}
span.thema a:hover {
    color: #b35c00;
}

.btn-group button{
    background: #fff;
    border-left: 0px;
    border-right: 0px;
    text-align: left;

    padding: 10px;
}

.btn-group button:focus{
    outline: none;
}
.btn-group button:active{
    border-top-color: rgb(216, 216, 216);
}

.details .btn-primary{
    padding: 0.375rem 0.75rem;
}

.boxcontent .col:hover > .hovermenu{
    display: block !important;
}

.hovermenu{
    float: left;
    position: absolute;
    width: 98%;
    height: 93%;
    margin: 10px 0px 0px 10px !important;
    padding: 30px 0;
    background-position: center !important;
    background-size: cover !important;
}

.hovermenu > p{
    color: #fff;
    text-align: center;
}

.hovermenu li{
    text-align: left;
    padding: 0 15px;
}

.hovermenu li:before{
    content: "→";
    float: left;
    padding-right: 5px;
    font-size: 28px;
    color: #fff;
}

.hovermenu li a{
    color: #fff;
    font-size: 18px;
}

.boxcontent-more{
    margin: 0 auto;
}

.boxbg.orangegradient {
    height: initial !important;
    min-height: 270px;
    max-height: 270px;
}



@media (max-width: 1200px){
    .col.row-eq-height.col-md-3.col-sm-6.col-12{
        flex: 0 0 33.333%;
        max-width: 33.333%;
        text-align: center;
        width: 100%;
        margin: 0 auto;
    }

    .hovermenu{
        width: 97%;
    }

    .boxcontent-more{
        width: 100%;
    }

    .contentrow {
        min-height: 1000px;
    }

    .boxbg{
        width: 100%;
    }
}

@media (max-width: 991px){
    .col.row-eq-height.col-md-3.col-sm-6.col-12{
        flex: 0 0 50%;
        max-width: 50%;
        text-align: center;
    }

    .contentrow{
        min-height: 1300px
    }
}

@media (max-width: 767px){
    .col.row-eq-height.col-md-3.col-sm-6.col-12{
        flex: 0 0 50%;
        max-width: 50%;
        text-align: center;
    }

    .hovermenu{
        width: 98%;
    }

    .contentrow{
        min-height: 1400px
    }
}

.boxtitle{
    color: #ffF;
    text-decoration: none;
}

.boxtitle:hover{
    color: #fff;
    text-decoration: none;
}

.boxtitle p{
    margin: 0;
}

nav#mainnavigation {
    overflow: hidden;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .slick-prev:after{
        border-right-color: transparent;
    }
    .slick-next:after{
        border-left-color: transparent;
    }

    .mega-menu .dropdown-item{
        width: 13rem;
    }
}

@media(max-width: 767px){
    h3.element-subheader:before, h3.element-subheader:after{
        display: none;
    }

    .boxcontent a.nav-link {
        font-size: 16px;
    }

    .boxcontent .boxtitle {
        font-size: 18px;
    }
}


/*Mobile Navigation*/
.navi-mobil{
    display: none;
}

@media(max-width: 991px){

    nav#mainnavigation,
    #mainnavigation .navbar-nav{
        margin-top: 0 !important;
    }

    .navi-mobil{
        display: block;
    }

    #mainnavigation .navbar-nav li{
        border-bottom: 1px solid #eee;
    }

    nav#mainnavigation{
        margin-top: 0
    }

    .navbar-mainnavigation .dropdown-toggle::after{
        margin-right: 20px
    }

    .container-header{
        width: 100%;
        margin: 0 auto;
        max-width: 100%;
    }

    .navbar-nav > .nav-item.show:hover{
        background: transparent;
    }

    #p1 .navbar-mainnavigation .navbar-nav > li > #nav-item-83.nav-link::before,
    .navbar-mainnavigation .navbar-nav > li.active > .nav-link::before,
    .navbar-mainnavigation .navbar-nav > li.show > .nav-link:before{
        display: none;
    }

    li.nav-item.dropdown.dropdown-hover.show > a,
    li.nav-item.dropdown.dropdown-hover.show:hover > span.nav-link-text{
        background: #f68715;
        background: -moz-linear-gradient(top, #f68715 0%, #e16a1f 100%);
        background: -webkit-linear-gradient(top, #f68715 0%,#e16a1f 100%);
        background: linear-gradient(to bottom, #f68715 0%,#e16a1f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68715', endColorstr='#e16a1f',GradientType=0 );
        color: #fff !important;
    }

    .navbar-mainnavigation li.show  .nav-link-text,
    .navbar-mainnavigation li.show:hover  .nav-link-text{
        color: #fff !important;
    }

    #mainnavigation > .navbar-nav li.nav-item{
        margin: 0;
    }

    #mainnavigation > .navbar-nav li.nav-item span{
        padding: 0 20px;
    }

    .mega-menu li a span.dropdown-text{
        padding: 0 !important;
    }

    .navbar-nav{
        padding-right: 0 !important;
    }

    ul.dropdown-menu.mega-menu{
        position: relative !important;
        top: 0 !important;
        background: #eee;
        margin: 0;
    }

    .dropdown-menu .container{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .mega-menu div li:last-child .dropdown-item{
        border: 0px !important;
    }

    .navbar-mainnavigation .dropdown-menu{
        border-left: 0px;
    }

    .mega-menu li{
        width: 100%;
        display: block;
    }

    .mega-menu .dropdown-header{
        display: none;
    }

    .navbar-mainnavigation .navbar-brand-image img{
        margin-left: -15px
    }


    /*##### User-Navigation ######*/

    .user-navigation .navi-search{
        display: none;
    }

    .user-navigation{
        padding: 0 15px;
    }

    .user-navigation .col.align-right{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .icon-login{
        margin-left: -25px;
    }

    .icon-user{
        margin-right: 10px;
        margin-top: -2px;
    }

    .icon-cart{
        margin-top: -2px;
    }

    button.navbar-toggler.collapsed,
    button.navbar-toggler{
        border: 1px solid #000 !important;
        padding: 17px;
    }

    .user-navigation .col.align-right a:nth-child(4){
        float: left !important;
        color: #fff;
    }

    .user-navigation .col.align-right a:nth-child(2){
        float: right; !important;
        color: #fff !important;
    }

    .navi-mobil{
        background: #444;
        width: 100%;
    }

    #mainnavigation .navi-search form{
        max-width: 100% !important;
    }

    #mainnavigation input#tx-indexedsearch-searchbox-button-submit {
        border: none;
        background: url('/typo3conf/ext/ami_sitepackage/Resources/Public/Images/search-icon.jpg') no-repeat center center !important;
        position: absolute;
        right: 0px;
        top: 10px;
    }

    .navi-mobil input.form-control{
        background: transparent;
        border: none;
        border-bottom: 1px solid #eee;
        width: 95%;
    }
    .navi-mobil input.form-control::placeholder{
        color: #eeE;
    }

    #mainnavigation > .navbar-nav{
        padding-bottom: 0;
    }

    /*##### Mobiles Flyout ########*/

    .flyout-mobil{
        display: block;
        z-index: 9999;
        width: 100%;
        background: #eee;
        border: 0px solid #f68b1f;
        overflow-y: scroll;
        max-height: 450px;
    }

    .flyout-mobil .phone-box,
    .flyout-mobil .mail-box{
        display: inline-block;
        width: 50%;
        height: 50px;
        z-index: 99999;
        background: #fff;
        border: 1px solid #eee;
        border-bottom: 0;
        border-top: 0;
        cursor: pointer;
    }

    .flyout-mobil .phone-icon{
        width: 50px;
        height: 50px;
        display: block;
        margin: 0 auto;
        background-image: url(/typo3conf/ext/ami_sitepackage/Resources/Public/Images/iconsprite-systemicons.png);
        background-position: -62px 404px;
        background-color: #fff;
        cursor: pointer;
    }

    .flyout-mobil .phone-box.active .phone-icon,
    .flyout-mobil .phone-box.active{
        background-position: 8px 404px;
        background-color: #f68b1f !important;
    }

    .flyout-mobil .mail-icon{
        width: 50px;
        height: 50px;
        display: block;
        margin: 0 auto;
        background-image: url(/typo3conf/ext/ami_sitepackage/Resources/Public/Images/iconsprite-systemicons.png);
        background-position: -62px 404px;
        background-color: #fff;
        cursor: pointer;
        background-position: -208px 406px;
    }

    .flyout-mobil .mail-box.active .mail-icon,
    .flyout-mobil .mail-box.active{
        background-position: -137px 406px;
        background-color: #f68b1f;
    }

    .flyout-mobil{
        overflow-y: hidden;
    }

    .flyout-mobil.mail, .flyout-mobil.phone{
        overflow-y: scroll;
    }

    .flyout-mobil .tx-powermail{
        margin-top: 5px;
    }

    .flyout-mobil .phone .frame,
    .flyout-mobil .mail .frame,
    .flyout-mobil .fly-header legend,
    .flyout-mobil .fly-header a{
        padding: 10px 15px;
    }

    .flyout-mobil .fly-header legend,
    .flyout-mobil .fly-header a{
        margin-bottom: 10px;
    }

    .fly-header > div {
        background-image: url(/fileadmin/ami-images/flyout-emailsupport.jpg);
        width: 100%;
        height: 200px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

}

.news-single .header h3{
    font-weight: 700;
}

.news-single .empfehlungen .header p{
    font-weight: 400;
    font-size: 14px
}

.news-img-wrap a{
    padding: 0;
    border: 3px solid #ddd;
    margin: 3px;
}

.news-single .article .empfehlungen .news-img-wrap a{
    border: 0px !important;
}

.news-backlink-wrap,
.news-single .news-list-tags,
.news-single .news-list-category{
    text-transform: uppercase;
    font-style: normal;
}

.news-single .empfehlungen .footer{
    display: none;
}

.news-single .news-list-tags:after{
    content: ""
}


.news-single .autor{
    display: none !important;
}
/*######################*/
/*News-Single-Details   */
/*######################*/


.col-lg-3 .referent-content{
    padding: 0;
}

.col-lg-3 .referent-container > .textbox{
    margin: 0;
    height: 100% !important;
    border-bottom: 0px;
}

.col-lg-3 .referent-container .textbox p{
    text-align: left;
}

.col-lg-3 .referent-container .textbox .referent,
.col-lg-3 .referent-container .textbox .fachgebiet,
.col-lg-3 .referent-container .textbox a{
    text-align: center !important;
}

#c816 h5{
    border-bottom: 0;
}

.news-single .news-list-tags{
    border-right: 0px !important;
}

.news .news-list-tags span:after{
    content: "i";
    padding-left: 8px
}

.news .news-list-tags span:last-child:after{
    content: ""
}

.news .news-list-tags span{
    border: none;
    padding: 0
}

.autorkontakt{
    width: 100%;

}

.autorkontakt span{
    font-size: 14px;
    display: inline-block;
}

.autorkontakt i{
    padding: 0 8px;
    font-size: 20px;
    margin: auto;
}

.autorphone,
.autorphone span,
.autorphone:hover,
.autorphone:focus,
.autorphone:active{
    background: #fff !important;
    border: 0px #fff !important;
    box-shadow: none !important;
    padding-bottom: 15px;
    text-align: center;
    font-weight: 700;
}

.news-single .news-list-tags{
    font-size: 12px;
    color: #aaa;
}

.news-single .header{
    margin: 10px 0;
}

a.autorphone:before{
    content: "";
    height: 35px;
    width: 25px;
    display: block;
    float: left;
    margin-top: -8px;
    margin-right: 15px;
    background-image: url(/typo3conf/ext/ami_sitepackage/Resources/Public/Images/iconsprite-systemicons.png);
    background-position: -358px 404px;
    margin-left: 5px;
}

a.autorkontakt:before{
    content: "";
    height: 35px;
    width: 25px;
    float: left;
    margin-top: -10px;
    margin-left: 40px;
    margin-right: -50px;
    background-image: url(/typo3conf/ext/ami_sitepackage/Resources/Public/Images/iconsprite-systemicons.png);
    background-position: -311px 408px;
}

.referent-content p,
.referent-content .autorphone{
    font-size: 12px;
}

.col-lg-9 .news-single .teaser-text,
.col-lg-9 .news-single .news-text-wrap{
    padding: 15px 0
}

/*################*/
/*News-List*/
/*################*/

.news .footer {
    clear: both;
    padding: 10px 0 0 0;
    border-top: 0px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding-bottom: 15px;
    color: #888;
}

.news-single .footer{
    margin-bottom: 20px;
    margin-top: 5px;
    padding: 10px 0 0 0;
    border-bottom: 0;
    border-top: 1px solid #eee;
}

.newsblog.news-list-tags,
.empfehlungen .news-list-tags{
    text-transform: uppercase;
    font-style: normal;
    color: #aaa;
    font-size: 12px;
    border-right: 0px !important;
}

.beitragcontent .slick-prev:after,
.beitragcontent .slick-next:after{
    top: 5%;
}

#p113 .col-lg-4 > div > div{
    padding: 0 !important;
    border: 0;
}

#p113 .textbox{
    padding: 0;
    margin: 0;
}

#p113 .textbox p{
    padding: 0 15px;
}

.beitragcontent{
    border: 0px;
}


.beitragcontent .slick-next:after,
.beitragcontent .slick-prev:after,
#p86 .slick-next:after,
#p86 .slick-prev:after{
    padding: 10px
}

.beitragcontent .slick-next:after,
#p86 .slick-next:after{
    top: 10%;
    right: 3%;
    border: 1px solid;
    border-left: none;
    border-bottom: none;

}
.beitragcontent .slick-prev:after,
#p86 .slick-prev:after{
    top: 10%;
    left: 3%;
    border: 1px solid;
    border-right: none;
    border-top: none;
}

.container .col-lg-4 .beitragcontent.frame{
    padding: 0;
}

.news-list-view .empfehlungen .news-img-wrap{
    margin-bottom: 0 !important;
    max-width:100% !important;
}

.news-list-view .empfehlungen .footer{
    margin: 0;
    padding: 0;
    border: 0px;
}

.news-search-form .searchbtn .btn-search{
    border: none;
    background: url(/fileadmin/ami-images/icons/search-icon.png) no-repeat center center;
    background-color: #eee;
    width: 100%;
    padding: 7px 12px;
}

.newsblogarticle{
    margin: 0;
}

.newsblogarticle .footer{
    margin-top: 0;
    padding-top: 0;
}

.newsblog.news-img-wrap{
    min-height: 0px !important;
    margin-bottom: 10px !important;
    max-width: 45%;
}

.frame-type-shortcut{
    padding: 0 !important;
}

.news ul li{
    background: #eee;
    margin: 2px;
    padding: 5px;
}

.news li a{
    color: #000 !important;
}

ul.slick-dots li {
    background: transparent;
}

.navbar-mainnavigation .dropdown.dropdown-hover .nav-link{
    padding-top: 0.7rem;
    z-index: -1 !important;
}

li.nav-item.dropdown.dropdown-hover.show {
    z-index: 0;
}

ul.dropdown-menu.mega-menu{
    z-index: 0;
}


ul.navbar-nav.ml-auto li {
    margin-bottom: -15px;
}

.empfehlungen h5{
    font-size: 15px;
    font-weight: 400
}

.empfehlungen .footer{
    min-height: 16px;
}

.empfehlungen .header h5{
    height: 34px;
    min-height: 34px !important;
}


.boxcontent-more {
    margin: 0 auto;
    padding: 90px 0px !important;
    margin-top: -12px;
}


#c277 .teaser-text span,
#c268 .teaser-text span{
    font-size: 14px;
}

#c268 .header a, #c277 .header a
{
    font-size: 16px !important;
}

#c268 .teaser-text .news-list-date, #c277 .teaser-text .news-list-date{
    font-size: 15px !important;
}

#c277 .footer,
#c268 .footer{
    min-height: 0px !important;
    margin: 0px;
    padding: 0px;
}

#c268 .teaser-text a.more, #c277 .teaser-text a.more{
    background: none;
    color: #cb4d33 !important;
    font-weight: bold;
    float: left;
    padding: 0;
}

#c268 .teaser-text a.more:hover, #c277 .teaser-text a.more:hover{
    color: #9c3e2b !important;
}

#c277 .article,
#c268 .article{
    margin-bottom: 15px;
}

#c277 .article .header p,
#c268 .article .header p{
    margin-bottom: 5px;
}

#c268 h4.element-header a, #c277 h4.element-header a {
    color: #cb4d33 !important;
    font-weight: bold;
}

#c268 h4.element-header a:hover, #c277 h4.element-header a:hover{
    color: #9c3e2b!important;
    font-weight: bold;
}

.navbar-mainnavigation .navbar-nav > .nav-item:hover{
    background: #f68715;
    background: -moz-linear-gradient(top, #f68715 0%, #e16a1f 100%);
    background: -webkit-linear-gradient(top, #f68715 0%,#e16a1f 100%);
    background: linear-gradient(to bottom, #f68715 0%,#e16a1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68715', endColorstr='#e16a1f',GradientType=0 );
}

.navbar-mainnavigation .navbar-nav > li:hover > .nav-link:before,
#p1 .navbar-mainnavigation .navbar-nav > li:hover > #nav-item-83::before{
    content: "";
    background: #fff !important;
    opacity: 1;
    height: 15px;
    width: 15px;
    transform: rotate(45deg);
    bottom: -10px;
    left: 45%;
    transition: none !important;
    transition: none !important;
}

.navbar-mainnavigation .navbar-nav > li:hover > .nav-link .nav-link-text,
#p1 .navbar-mainnavigation .navbar-nav > li:hover > #nav-item-83 .nav-link-text{
    color: #ffF !important;
}

.orangegradient:hover, .btn-primary:hover, #c281 a:hover, #p80 a.more:hover, .tx-datamintsfeuser-pi1 .name-submit input:hover, input.powermail_submit:hover{
    background: rgb(216,82,27) !important;
    background: -moz-linear-gradient(top,  rgba(216,82,27,1) 0%, rgba(191,58,18,1) 100%) !important;
    background: -webkit-linear-gradient(top,  rgba(216,82,27,1) 0%,rgba(191,58,18,1) 100%) !important;
    background: linear-gradient(to bottom,  rgba(216,82,27,1) 0%,rgba(191,58,18,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8521b', endColorstr='#bf3a12',GradientType=0 ) !important;
    text-decoration: none;
}

h2.element-header{
    margin-bottom: 35px;
}

h3.element-subheader{
    margin-bottom: 50px;
}

.frame-type-div hr{
    padding: 14px 0;
}

.boxtitle p{
    padding: 0 5px;
}

.dce-filter{
    margin-bottom: 25px;
}


@media (max-width: 1200px){
    .boxcontent-more{
        margin-top: -50px !important;
    }

    .col-8.navi-search{
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-4.align-right{
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media(max-width: 991px){
    .flyout{
        display: none !important;
    }


    a#hoverCart{
        color: #fff;
    }
    div#cart-preview{
        right: 50px
    }

    h3.element-subheader:before, h3.element-subheader:after{
        display: none;
    }

    .slick-list .article .teaser-text .btn.btn-primary,
    .slick-list .article .teaser-text .news-description{
        display: none;
    }

    #p1 .news .article .news-img-wrap img{
        width: inherit;
    }

    .slick-list .article .teaser-text{
        width: 100%;
        height: initial !important;
        float: left;
        position: absolute;
        bottom: 0;
    }

    .slick-list .header p{
        max-width: 100%;
    }

    .news-row .slick-dots{
        width: 100%;
        left: 40%;
    }

    .right-col{
        margin-top: 62px;
    }

    .minibox p{
        display: none;
    }

    .minibox p:first-child{
        display: block;
    }
}

@media(max-width: 767px){

    .open-event, .close-event {
        position: relative;
        z-index: 10;
    }

    .event-container h2{
        width: 100%;
    }

    .right-col {
        margin-top: 80px;
        margin-bottom: -25px;
    }

    .col.row-eq-height.col-md-3.col-sm-6.col-12{
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }

    .row.contentrow{
        background: none !important;
    }

    .boxcontent{
        height: auto;
        margin: -10px;
    }

    .boxcontent-more{
        width: 100%;
        margin-right: -15px;
        border-bottom: 1px solid #eee;
        padding-bottom: 40px !important;
    }

}

.frame-type-shortcut #c295{
    margin-bottom: 0px;
}

a.close-flyout {
    display: none;
    position: fixed;
    top: 104px;
    right: 0;
    background: #fff;
    font-size: 50px;
    height: 40px;
}

.close-flyout i {
    margin-top: -5px;
    display: block;
    color: #f68b1f;
}

.flyout.active a.close-flyout{
    display: block;
}

#p174 #c886{
    margin-bottom: 40px;
}

.consent{
    background: rgba(0,0,0,0.75);
    color: #fff;
    padding: 15px;
    text-align: center;
    margin-bottom: 50px;
}

.relatedNews.empfehlungen .header {
    height:auto;
}


.empfehlungen.relatedNews .article{
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.empfehlungen.relatedNews .article:last-child{

    padding-bottom: 0px;
    border-bottom: 0px;
}

.newsdetail-category li {
    background: #eee;
    margin: 2px;
    padding: 5px;
    display: inline-block;
}

.newsdetail-category{
    padding-left: 0;
}

.dce-filter label {
    max-width: 156px;
}


.close-flyout{
    width: 55px;
    height: 55px !important;
    background: rgba(255,255,255,0.45) !important;
    border: 1px solid #f68b1f;
    top: 145px !important;
}

a.close-flyout:after{
    content: "";
    top: 12%;
    position: absolute;
    border: 1px solid #f68b1f;
    height: 40px !important;
    left: 50%;
    transform: rotate(45deg);
}

a.close-flyout:before{
    content: "";
    top: 12%;
    position: absolute;
    border: 1px solid #f68b1f;
    height: 40px !important;
    left: 50%;
    transform: rotate(135deg);
}

.close-flyout i{
    display: none;
}


@media (max-width: 991px){
    .ref-header .col-md-5, .ref-header .col-md-2{
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .ref-header{
        min-height: 200px;
    }

    .ref-header label{
        display: inline-block;
    }

    .ref-header select, .ref-header input{
        float: right;
    }

    .navbar-mainnavigation .dropdown.dropdown-hover .nav-link{
        z-index: 0 !important;
    }

    .navbar-mainnavigation .navbar-nav > li > .nav-link::before{
        display: none;
    }

    .powermail_fieldset_1,
    .powermail_fieldset_3{
        width: 100%;
    }

    #p93 .tx-powermail{
        margin-top: 15px;
    }
}

@media (max-width: 767px){
    .tx-cart .btn{
        width: 100%;
        margin-bottom: 15px;
    }

    .ref-header select, .ref-header input{
        float: left;

    }
    .ref-header {
        min-height: 250px;
    }
}


.cart-step.green{
    color: #ffF;
    background-color: rgba(9,126,36,0.52);
}

.cart-step.green:after{
    content: "";
}

.cart-step:active, .cart-step.step-active {
    background: #3e3e3e !important;
    color: #FFF;
    cursor: pointer;
}


@media (max-width: 991px) {
    .powermail_fieldset_1,
    .powermail_fieldset_3 {
        width: 100%;
    }

    #c217 .add-to-cart-form {
        text-align: center;
    }

    #c217 .col-8,
    #c217 .col-4 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        float: left;
    }

    #c217 .col-4 {
        margin-top: 50px;
    }

    #c217 .col-4 h4 {
        text-align: center;
    }

    #p86 .referent-container .textbox,
    #p113 .referent-container {
        max-height: 300px;
    }
}

@media (max-width: 991px) {
    #p86 .referent-container .textbox,
    #p113 .referent-container {
        max-height: 450px;
    }
}

@media (max-width: 767px){

    #sorts.btn-group button{
        color: #eee;
        background: #eee;
        display: none;
    }

    .content-iso .list-group li{
        display: flex;
        flex-flow: row wrap;
    }


    span.date, span.ort, span.leistung{
        flex: 1 33%;
        float: left;
        order: 1;
        border-bottom: 1px solid;
    }

    span.veranstalter, span.thema{
        flex: 2 25%;
        text-align: center;
        order: 2;
    }

    span.veranstalter img{
        max-width: 50%;
        margin: 0 auto;
    }

    span.thema{
        flex: 2 75%;
        order: 4;
        text-align: left;
    }

    span.details{
        flex: 3 100%;
        order: 6;
        text-align: center;
    }

    span.date:before{
        content: "";
        width: 20px;
        height: 20px;
        background: url(/typo3conf/ext/ami_sitepackage/Resources/Public/Images/iconsprite-systemicons.png);
        background-position: -358px 0px;
        display: block;
        float: left;
        margin-right: 0px;
    }

    span.ort:before{
        content: "";
        width: 20px;
        height: 20px;
        background: url(/typo3conf/ext/ami_sitepackage/Resources/Public/Images/iconsprite-systemicons.png);
        background-position: -571px 2px;
        display: block;
        float: left;
        margin-right: 5px;
    }

    span.leistung:before{
        content: "";
        width: 20px;
        height: 20px;
        background: url(/typo3conf/ext/ami_sitepackage/Resources/Public/Images/iconsprite-systemicons.png);
        background-position: -505px 0px;
        display: block;
        float: left;
        margin-right: 5px;
    }
}
@media (max-width: 991px){
    .colleft.col-md-4.referent-container.no-padding.col-4{
        width: 100%;
        max-width: 100%;
        margin-top: 50px;
    }
}

@media (max-width: 767px){
    .consultant-list-view .referent-container{
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 560px){
    .consultant-list-view .referent-container{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .consultant-list-view .referent-container .textbox{
        max-height: 350px;
    }
}


@media (max-width: 991px){
    .headerimage-responsive{
        padding-top: 40px;
    }
}

@media (max-width: 767px){
    .headerimage-responsive{
        padding-top: 70px;
    }
}

@media (max-width: 460px){
    .headerimage-responsive{
        padding-top: 72px;
    }
}

.overlayshadow{
    display: none;
    background: rgba(0, 0, 0, 0.15);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 800;
}

.nomove{
    overflow-y: hidden;
}

div#cart-preview{
    right: 0;
    left: initial;

}

div#cart-preview .col-md-6{
    width: 50%;
    overflow: hidden;
}

@media(max-width: 767px){
    .step1, .step2, .step3{
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }


    .checkout-product-table thead{
        display: none;
    }

    .checkout-product-table td{
        display: block;
        padding: 0 !important;
    }

    .checkout-product-table td > *{
        padding: 15px;
    }

    .checkout-product-table td .eventUser{
        padding: 0 15px;
    }

    .checkout-product-table td:before, .eventuserheadline{
        content: "";
        background: #fff;
        width: 100%;
        display: block;
    }

    .checkout-product-table td.removeItem:before{
        display: none;
        background: #fff;
        border: none;}

    .checkout-product-table td.removeItem{
        background: #fff;
        border: none;
    }

    .checkout-product-table td.pdate:before{
        content: "Datum";
        padding: 5px 15px;
    }
    .checkout-product-table td.p-sku:before{
        content: "Produkt";
        padding: 5px 15px;
    }
    .checkout-product-table td.place:before{
        content: "Ort";
        padding: 5px 15px;
    }

    .checkout-product-table td.pprice:before{
        content: "Preis";
        padding: 5px 15px;
    }

    .checkout-product-table td.pamount:before{
        content: "Anzahl";
        padding: 5px 15px;
    }

    .checkout-product-table td.ptotal:before{
        content: "Gesamtkosten";
        padding: 5px 15px;
    }

    .checkout-product-table .eventUsers{
        padding: 0 !important;
    }
}

@media(min-width: 991px){
    #p122 .dce-filter label {
        max-width: 141px;
        font-size: 13px;
    }
}

@media (min-width: 991px) and (max-width: 1200px){
    #p122 .dce-filter label {
        max-width: 95px;
        font-size: 10px;
    }
}

@media(max-width: 767px){
    .imagebox{
        min-height: 240px;
    }

    .imagebox .minibox{
        min-height: 76px;
    }
}

.green:after{
    content: "✔" !important;
    font-weight: bold;
    margin-left: 5px
}

.cart-step.step-active:after{
    display: none;
}

@media (max-width: 767px){
    .news-row .article .teaser-text{
        margin-bottom: 0;
        padding: 35px 15px;
    }

    .news-img-wrap a{
        margin: 0;
    }

    .boxcontent a.nav-link {
        font-size: 21px;
    }

    .powermail_fieldwrap_newsletter_email input{
        max-width: 100%;
    }

    #page-footer{
        text-align: center;
    }

    #page-footer .image{
        margin: 0 auto;
    }
}

a.green:after{
    display: none;
}

@media (max-width: 991px){
    .fly-header > div {
        background: none;
        height: 0 !important;
    }

    .fly-header legend{
        text-align: center;
    }

    .fly-header a{
        display: none;
    }

    .flyout-mobil input[type="text"],
    .flyout-mobil input[type="tel"],
    .flyout-mobil input[type="email"]{
        max-width: 100%;
        margin: 0 auto;
        padding: 10px 15px;
    }

    .flyout-mobil .powermail_fieldwrap_type_submit input{
        width: 100%;
    }

    .flyout-mobil .powermail_textarea{
        max-height: 80px;
    }


}







/* ===========================
    MRM Credia 21.04.2020
    Mobile Geräte
    Anpassungen
   =========================== */



a.btn.btn-primary.hideDesktop{
    display: none !important;
}

@media(max-width: 991px) and (min-width: 767px){
    #form-cart.form .col-md-8,
    #form-cart.form .col-md-4{
        flex: 0 0 100%;
        max-width: 100%;
    }

    #form-cart.form .col-md-4{
        border-top: 1px solid #eee;
    }
}

@media(max-width: 767px){

    a.btn.btn-primary.hideDesktop{
        display: inline-block !important
    }


    a.btn.btn-primary.hideMobil{
        display: none !important;
    }

    #location p,
    p.psku,
    h5.eventuserheadline{
        margin-bottom: 0px !important;
    }

    input.form-control.addFirstName{
        margin-bottom: 15px !important;
    }

    td.removeItem{
        text-align: center;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    td.removeItem a{
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
    }

    td.removeItem a span{
        padding: 5px 10px;
        border: 1px solid;
    }
}



/* ===========================
    NG Credia 04.12.2019
    Startseiten-Slider
    Anpassungen
   =========================== */

/*

.news .news-list-view .news-img-wrap a {
    margin: 0 !important;
}

@media (min-width: 992px) {

    .news-list-view picture {
        bottom: 0;
        left: 35%;
        position: absolute;
        right: 0;
        top: 0;
        width: 65%;
        z-index: -1;
    }

    .news-list-view  img {
        margin-right: 0 !important;
        height: auto !important;
        min-height: 100% !important;
        min-width: 100% !important;
        width: auto !important;
        object-fit: cover !important;
    }
}

@media (max-width: 991px) {

    .news-row {
        background-color: rgb(77,77,77) !important;
    }

    .news-list-view  img {
        height: auto !important;
        margin-right: 0 !important;
        min-height: initial !important;
        width: 100% !important;
    }
}





@media (min-width: 768px) {
    .news-row * {
        max-height: 600px;
    }
}


@media (max-width: 767px) {

    .news-row .header p {
        font-size: 24px;
    }

    .news-row * {
        max-height: 530px !important;
    }
}

@media (max-width: 709px) {
    .news-row * {
        max-height: 510px !important;
    }
}

@media (max-width: 639px) {
    .news-row * {
        max-height: 480px !important;
    }
}


@media (max-width: 589px) {
    .news-row * {
        max-height: 430px !important;
    }
}


 */