/**
 * Copyright (C): Violution GbR
 * Kaiserstraße 64
 * 44135 Dortmund
 * Tel +49 231 5495839
 *
 * @package    Violution.net 2020
 * @author     Daniela Brigula
 *
 * Violution.net Basis-CSS 2020
 */
@font-face{
    font-family:'Lora';
    font-display: swap;
    src:local('Lora'),
    url('../fonts/Lora-Regular.woff') format('woff');
    font-weight:normal;font-style:normal
}

/* Schriftart vereinheitlichen */
p, h1, h2, h3, h4, h5, h6, strong, ul li a, .ce_authorbox.style2 .subtitle {
    font-family: "Source Sans Pro" !important;
    color: #545454;
}

h1, .h1, .h1 p {
    color: #361B6A !important;
    font-size: 2.8rem !important;
}

h2, .h2, .h2 p {
    color: #361B6A !important;
    font-size: 2rem !important;
}

.start h2, .start .h2, .start .h2 p {
    font-size: 2.3rem !important;
}

h3, .h3, .h3 p{
    margin-bottom: 14px !important;
    font-size: 1.5rem !important;
    color: #545454 !important;
}

.certificate-title h3{
    font-weight: 400 !important;
    font-size: 1.4rem !important;
    margin-top: 10px !important;
}

h4, .h4, .h4 p{
    margin-bottom: 14px !important;
    font-size: 1.4rem !important;
    color: #545454 !important;
}

#startSubHeadline h2{
    color: #757575 !important;
    font-size: 1.9em !important;
    font-weight: 300 !important;
    line-height: 1.8em;
}

.fa-search{
    font-size: 23px !important;
}

#footer .footerheadline{
    color: rgb(255, 255, 255) !important;
    margin-bottom: 30px !important;
    font-size: 1.6rem !important;
    font-weight: 300 !important;
}

#footer em{
    font-weight: 600;
    font-style: normal;
}

#main .kontaktdaten h2{
    font-weight: 600 !important;
    margin-bottom: 0 !important;
    font-size: 1.15em !important;
    line-height: 1.8em !important;
}

#main .kontaktdaten strong{
    font-weight: 400 !important;
}

#main .anwendungsbeispiele h3{
    font-size: 1.9rem !important;
    font-weight: 500 !important;
    color: #60327d !important;
}

#main .anwendungsbeispiele ul{
    margin-top: 0 !important;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

#main .anwendungsbeispiele .ce_list ul li{
    font-size: 1.3rem !important;
    margin-bottom: 15px !important;
    color: #000000;
    font-weight: 300;
    line-height: 1.65em;
}

#main .anwendungsbeispiele .ce_list ul li.fa:before{
    left: 0;
    color: #60327d;
}

h1, h2, h3 {
    font-weight: 500 !important;
}

.ce_bgimage.max_width_m .contentwrap {
    max-width: 960px !important;
}

/* Violution Farbcodes */
.vio_dunkelviolett,.vio_dunkelviolett h1,.vio_dunkelviolett h2,.vio_dunkelviolett h3,.vio_dunkelviolett h4{color: #361B6A !important;}
.vio_mittelviolett,.vio_mittelviolett h1,.vio_mittelviolett h2,.vio_mittelviolett h3,.vio_mittelviolett h4{color: #60327D !important;}
.vio_hellviolett,.vio_hellviolett h1,.vio_hellviolett h2,.vio_hellviolett h3,.vio_hellviolett h4{color: #7E4290 !important;}
.vio_grau,.vio_grau h1,.vio_grau h2,.vio_grau h3,.vio_grau h4{color: #545454 !important;}

.bg_vio_dunkelviolett{background-color: #361B6A !important;}
.bg_vio_mittelviolett{background-color: #60327D !important;}
.bg_vio_hellviolett{background-color: #7E4290 !important;}
.bg_vio_grau{background-color: #545454 !important;}

.bu_vio_dunkelviolett{background-color: #361B6A !important; border-color: #361B6A !important; color: #ffffff !important;}
.bu_vio_mittelviolett{background-color: #60327D !important; border-color: #60327D !important; color: #ffffff !important;}
.bu_vio_hellviolett{background-color: #7E4290 !important; border-color: #7E4290 !important; color: #ffffff !important;}
.bu_vio_grau{background-color: #545454 !important; border-color: #545454 !important; color: #ffffff !important;}

a.hyperlink_txt.obu_vio_dunkelviolett{color: #361B6A !important; border-color: #361B6A !important; background-color: transparent !important;}
a.hyperlink_txt.obu_vio_mittelviolett{color: #60327D !important; border-color: #60327D !important; background-color: transparent !important;}
a.hyperlink_txt.obu_vio_hellviolett{color: #7E4290 !important; border-color: #7E4290 !important; background-color: transparent !important;}
a.hyperlink_txt.obu_vio_grau{color: #545454 !important; border-color: #545454 !important; background-color: transparent !important;}
a.hyperlink_txt.obu_vio_dunkelviolett:hover{color: #ffffff !important; border-color: #361B6A !important; background-color: #361B6A !important; opacity: 1; !important;}
a.hyperlink_txt.obu_vio_mittelviolett:hover{color: #ffffff !important; border-color: #60327D !important; background-color: #60327D !important; opacity: 1; !important;}
a.hyperlink_txt.obu_vio_hellviolett:hover{color: #ffffff !important; border-color: #7E4290 !important; background-color: #7E4290 !important; opacity: 1; !important;}
a.hyperlink_txt.obu_vio_grau:hover{color: #ffffff !important; border-color: #545454 !important; background-color: #545454 !important; opacity: 1; !important;}

.fill_vio_dunkelviolett svg circle{stroke: #361B6A !important;}
.fill_vio_dunkelviolett svg polygon{fill: #361B6A !important;}
.fill_vio_mittelviolett svg circle{stroke: #60327D !important;}
.fill_vio_mittelviolett svg polygon{fill: #60327D !important;}
.fill_vio_hellviolett svg circle{stroke: #7E4290 !important;}
.fill_vio_hellviolett svg polygon{fill: #7E4290 !important;}
.fill_vio_grau svg circle{stroke: #545454 !important;}
.fill_vio_grau svg polygon{fill: #545454 !important;}


/* Links */
a,
p a,
a:hover,
a:focus,
#main a,
#main a:hover,
#main a:focus,
#bottom .inside a,
#bottom .inside .right .ce_text a:hover,
#bottom .inside .right .ce_text a:focus{
    text-decoration: none !important;
}

#bottom .inside .right .ce_text a{
    color: #b6b6b6 !important;
}

#bottom .inside .right .ce_text a:hover{
    color: #ffffff !important;
    border-bottom: 0 !important;
}

#main p a,
a.hyperlink_txt,
a.hyperlink_txt.link-white.outline:hover,
#main .ce_form a,
#main .ce_text a,
#main .ce_text strong a{
    color: #361B6A !important;
    opacity: 1; !important;
}

#main p a:hover,
a.hyperlink_txt:hover,
#main .ce_form a:hover,
#main .ce_text a:hover,
#main .ce_text strong a:hover{
    color: #7E4290 !important;
}

a.hyperlink_txt.link-white.outline{
    color: #ffffff !important;
}

.ce_hyperlink-extended a,
.body_bottom .mod_search input.submit,
.body_bottom .mod_search button.submit{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px !important;
    white-space: nowrap;
}

.body_bottom .mod_search input.submit,
.body_bottom .mod_search button.submit{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px !important;
    border-width: 2px !important;
    height: auto !important;
}

.body_bottom .mod_search input.submit:hover,
.body_bottom .mod_search button.submit:hover{
    background-color: #ffffff !important;
    color: #361B6A !important;
}


/* Logo */
#vio-logo { width: 165px; }
#vio-logo a { background-image: url("../layout/logo/violution_logo_RGB_4farbig.svg"); }
.cloned #vio-logo { width: 55px; }
.cloned #vio-logo a { background-image: url("../layout/logo/violution_emblem_RGB_4farbig.svg"); }

.logo {
    z-index: 200000;
    position: absolute;
}

.logo a{
    text-indent: -1000rem;
}

/* Animierter Claim auf der Startseite */
@keyframes fadeinClaim {
    from { transform: translate3d(-1648px, 0px, 0px); }
    to   { transform: translate3d(0px, 0px, 0px); }
}

#hero-startseite-claim .part1 p,
#hero-startseite-claim .part2 p{
    background-color: #60327D;
    color: #ffffff;
    font-weight: 600;
    display: inline-block;
    text-align: left;
    text-transform: uppercase;
    font-size: 35px;
    min-height: 0px;
    min-width: 0px;
    line-height: 65px;
    padding: 0px 30px 0 124px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    transform: translate3d(-1648px, 0px, 0px);
}

#hero-startseite-claim .part1 p{
    animation: fadeinClaim 0.9s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

#hero-startseite-claim .part2 p{
    animation: fadeinClaim 0.9s;
    animation-delay: 0.4s;
    animation-fill-mode: forwards;
    background-color: #7E4290;
}

#hero-startseite-claim.ce_bgimage.vertical_centered .ce_bgimage-inside {
    top: 75% !important;
}

#hero-startseite-claim.boxed-content .contentwrap{
    margin-left: -1px !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Mainnavigation */
.header {
    background: #fbfbfb;
}

.folge .header {
    background: #ffffff;
}

.header .mainmenu ul li a, .header .mainmenu ul li ul a.active, .header .ce_search_label i, .header .mod_langswitcher .mod_langswitcher_inside, .header .header_metanavi a, .header .mod_socials a {
    color: #757575 !important;
}

.header .ce_search_label:hover i{
    color: #7e4290 !important;
}

.header .mainmenu ul li a.trail span,
.header .mainmenu ul li a.active span
{
    border-bottom: 0 !important;
}

.mainmenu ul li a {
    font-weight: 600 !important;
}

.mainmenu ul li {
    margin-left: 18px !important;
    margin-right: 18px !important;
}

/*.mainmenu ul li.first {*/
/*    margin-left: 0 !important;*/
/*}*/

/*.mainmenu ul li.last {*/
/*    margin-right: 0 !important;*/
/*}*/

.header.original .mainmenu {
    top: 3px !important;
    position: absolute !important;
    left: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    width: 100%;
}

.header .mainmenu ul li:hover a,
.header .mainmenu ul li a:hover,
.header .mainmenu ul li a:focus{
    color: #60327D !important;
    opacity: 1 !important;
}

.header .mainmenu ul li a.trail span,
.header .mainmenu ul li a.active span {
    color: #60327D !important;
}

.header.cloned{
    background: #ffffff;
}

.header.cloned .inside{
    min-height: unset;
}

.header.cloned .mainmenu{
    float: none !important;
    text-align: center;
}

.header.cloned .mainmenu ul{
    margin-left: 60px;
}

.header.cloned .mainmenu ul ul{
    margin-left: 0;
}

/* Submenu */
.mainmenu ul ul {
    border-top: 3px solid #7E4290 !important;
    padding-top: 10px !important;
    padding-bottom: 15px !important;
    margin-top: -3px !important;
}

/*.mainmenu ul li ul li.first {*/
/*    margin-left: 18px !important;*/
/*}*/

body .mainmenu ul li a:hover:before,
body .mainmenu ul li a.trail:before,
body .mainmenu ul li a.active:before,
.header .mainmenu ul ul li a:hover:not(.megamenu),
.header .mainmenu ul ul li a.trail:not(.megamenu),
.header .mainmenu ul ul li a.active:not(.megamenu){
    background-color: transparent !important;
    color: #361B6A !important;
}

.header .mainmenu ul ul li a:hover:not(.menuheader):not(.megamenu),
.header .mainmenu ul ul li a.active, .header .mainmenu ul ul li a.trail:not(.megamenu) {
    color: #9041B3 !important;
}

body .header .mainmenu ul ul li a{
    font-size: 0.9rem;
    line-height: 44px !important;
}

body .header .mainmenu ul ul li a span{
    color: #838383 !important;
}

body .header .mainmenu ul ul li a:hover span{
    color: #9041B3 !important;
}

/* Top-Infos */
#top-info {
    position: relative;
    z-index: 1100;
    font-size: 0.93rem;
    line-height: 2.8rem;
    background-color: #ffffff;
    color: #838383;
    text-align: right;
    display: block;
    -webkit-box-shadow: 0px 3px 4px -2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 3px 4px -2px rgba(0,0,0,0.05);
    box-shadow: 0px 3px 4px -2px rgba(0,0,0,0.05);
}

#top-info .inside{
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 40px !important;
    text-align: right;
}

#top-info .inside span{
    margin-right: 10px;
}

#top-info .inside span i.fa{
    margin-right: 4px;
    margin-left: 10px;
}

#top-info .inside span.top-link{
    padding-right: 15px;
    /*padding-left: 5px;*/
    border-right: 1px solid #e3e1e1;
}

#top-info .inside span a{
    color: #838383;
}

#top-info .inside span a:hover,
#top-info .inside span a:focus{
    color: #60327D;
}

/* Suche */
.header .mod_search {
    padding: 0 0 !important;
    position: absolute;
    display: block;
    right: 48px;
    top: 0;
    cursor: pointer;
    z-index: 100;
    opacity: 0.7;
    transition: All .3s ease;
    -webkit-transition: All .3s ease;
}

.header .ce_search_label i {
    padding: 0 1px;
}

.body_bottom .mod_search .label {
    font-weight: 500 !important;
    font-size: 38px !important;
}

.body_bottom .mod_search .close-window i:before {
    color: #fff;
    font-size: 25px;
    border: 0;
    border-radius: 0;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
}

.fa-remove:before,
.fa-close:before,
.fa-times:before,
.body_bottom .mod_search .close-window i:before,
.fa-remove:after,
.fa-close:after,
.fa-times:after,
.body_bottom .mod_search .close-window i:after{
    content: "";
    display: inline-block;
    width: 35px;
    height: 3px;
    background: rgb(255,255,255);
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
}

.fa-remove:hover:before,
.fa-close:hover:before,
.fa-times:hover:before,
.body_bottom .mod_search .close-window i:hover:before,
.fa-remove:hover:after,
.fa-close:hover:after,
.fa-times:hover:after,
.body_bottom .mod_search .close-window i:hover:after{
    background: rgb(255,255,255);
}

.fa-remove:after,
.fa-close:after,
.fa-times:after,
.body_bottom .mod_search .close-window i:after{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: -35px;
}

/* Startseite */
.start .mod_article:not(.fullwidth) > .container {
    padding-top: 30px;
}

/* Kacheln auf der Startseite */
.mod_portfoliolist_v5 .item .info .title {
    color: #ffffff !important;
    opacity: 1 !important;
    transition: All 0.3s ease !important;
    -webkit-transition: All 0.3s ease !important;
    width: 65% !important;
    display: block !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-top: 5px !important;
    padding-bottom: 7px !important;
    background-color: rgba(0,0,0, 0.5) !important;
    text-align: center;
}

.mod_portfoliolist_v5 .item .info h2.title{
    font-size: 1.4vw !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    letter-spacing: 0.02px !important;
}

.mod_portfoliolist_v5 .item#tile_2 .info .title,
.mod_portfoliolist_v5 .item#tile_4 .info .title,
.mod_portfoliolist_v5 .item#tile_7 .info .title,
.mod_portfoliolist_v5 .item#tile_5 .info .title,
.mod_portfoliolist_v5 .item#tile_8 .info .title{
    background-color: transparent !important;
}

.mod_portfoliolist_v5 .item .info {
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding-top: 104px !important;
}

.mod_portfoliolist_v5 .item#tile_1 .info .title {
    width: 79% !important;
}

.mod_portfoliolist_v5 .item#tile_7 .info .title {
    width: 53% !important;
}

.mod_portfoliolist_v5 .item#tile_4 .info .title {
    width: 59% !important;
}

.kacheln2022 .mod_portfoliolist_v5 .item#tile_6 .info .title {
    width: 57% !important;
}

.mod_portfoliolist_v5 .item#tile_8 .info {
    padding: 92px 0 0 !important;
}

.mod_portfoliolist_v5 .item .info.subline_container{
    height: 100%;
    width: 100%;
}

.mod_portfoliolist_v5 .item .info.subline_container .inner{
    position: relative;
    height: 100%;
    width: 100%;
}

.mod_portfoliolist_v5 .item .info .subline{
    width: 80% !important;
    bottom: 20px;
    position: absolute;
}

#main .color-white p strong,
#main .color-white p a strong,
#main .color-white p strong a{
    color: #ffffff !important;
}

#main .color-white p a:hover strong,
#main .color-white p strong a:hover{
    color: #f6d4ff !important;
}

#main .mod_portfoliolist_v5 .item .info .subline strong{
    color: #ffffff;
}

.mod_portfoliolist_v5 .item.wide .info .subline{
    width: 60% !important;
}

.mod_portfoliolist_v5 .item:hover .info .subline{
    margin-left: 7% !important;
}

.mod_portfoliolist_v5 .item:hover .info .title{
    opacity: 0 !important;
}

.mod_portfoliolist_v5 .item#tile_9 .image:after,
.mod_portfoliolist_v5 .item#tile_5 .image:after,
.mod_portfoliolist_v5 .item#tile_8 .image:after,
.mod_portfoliolist_v5 .item#tile_2 .image:after,
.mod_portfoliolist_v5 .item#tile_4 .image:after{
    background: rgba(0,0,0,0.35) !important;
}

/* Shop-Link-Kachel */
.mod_portfoliolist_v5 .item#tile_9 .image:after{
    background: transparent !important;
}

.mod_portfoliolist_v5 .item#tile_9:hover .info .title{
    opacity: 1 !important;
    color: #7e4290 !important;
}

.mod_portfoliolist_v5 .item#tile_9 .info .title{
    color: #361b6a !important;
    background-color: transparent !important;
}

/* Hüpfender Pfeil */
.bounceArrow {
    position:absolute;
    left:50%;
    bottom:35px;
    margin-top:-30px;
    margin-left:-25px;
    height:50px;
    width:50px;
    -webkit-animation:bounce 1.3s infinite;
    animation:bounce 1.3s infinite;
    z-index: 999;
    opacity: 0.5;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
}
@-webkit-keyframes bounce {
    0%       { bottom:30px; }
    25%, 75% { bottom:35px; }
    50%      { bottom:40px; }
    100%     { bottom:30px; }
}

.mod_portfoliolist_v5 .item#tile_9:hover .bounceArrow{
    -webkit-animation:bounce 0.6s infinite;
    opacity: 1;
}

/* Help-Kachel (Kein Plan?) */
.mod_portfoliolist_v5 .item#tile_3 .image:after{
    background: transparent !important;
}

.mod_portfoliolist_v5 .item#tile_3:hover .info .title{
    opacity: 1 !important;
    color: #7e4290 !important;
}

.mod_portfoliolist_v5 .item#tile_3 .info .title{
    color: #777 !important;
    background-color: transparent !important;
    text-transform: none !important;
    font-weight: 400 !important;
    font-size: 1.2em !important;
}
.mod_portfoliolist_v5 .item#tile_3 .info{
    padding-top: 146px !important;
}

.helpArrow{
    display: block;
    width: 30%;
    height: auto;
    position: relative;
    margin: 50px auto auto auto;
    transition: all .5s ease-in-out;
    opacity: 0.5;
}

#tile_3 a:hover .helpArrow{
    transform: scale(1.1);
    opacity: 1;
}

/* Kachelumbau */
.mod_portfoliolist_v5 .item .inner{
    position: relative;
    height: 100%;
}

.mod_portfoliolist_v5 .inner a{
    position: absolute;
    background-color: transparent;
    z-index: 100;
    text-indent: -100rem;
}

.mod_portfoliolist_v5 .item.no_overlay .image:after {
    display: none;
}

/* Inhaltselemente */
.ce_image_text_box.version2 {
    border-radius: 0 !important;
    background-color: #fff !important;
}

/* Binding an die Kacheln anpassen */
.boxed-content .contentwrap,
.header .inside,
.mod_article:not(.fullwidth):not(.kacheln) > .container,
#footer .inside,
#bottom .inside{
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.boxed-content.no-padding .contentwrap{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.header .inside{
    position: relative !important;
    min-height: 90px;
}

.mainmenu ul{
    text-align: center !important;
}

/* Basisstyles */
#main p, #main ul, #main ol, #main dl {
    padding: 0 0 1.2em 0 !important;
    font-size: 1.15em !important;
    line-height: 1.8em !important;
}

#main ul, #main ol{
    padding: 0 0 1.5em 2em !important;
    margin-top: -10px;
}

#main ul li, #main ol li{
    margin-bottom: 0.6em; !important;
}

#main strong {
    font-weight: 600;
}

#main .ce_text strong,
#main .ce_list strong{
    font-weight: 600;
    color: #231640;
}

#main a strong,
#main strong a,
#main .ce_text strong a,
#main .ce_list strong a,
#main .ce_text a strong,
#main .ce_list a strong{
    color: #361b6a !important;
    opacity: 1; !important;
}

#main .ce_text strong a:hover,
#main .ce_list strong a:hover,
#main .ce_text a:hover strong,
#main .ce_list a:hover strong{
    color: #7E4290 !important;
}

#main p.quelle,
#main .quelle p{
    font-size: 15px !important;
    color: #989898;
    margin-top: -20px;
}

a{
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
}

/* Facebook-Feed */
.vio_facebook_feed .ce_image_text_box{
    position: relative;
}

.facebook-post-date{
    display: block;
    position: absolute;
    bottom: 0;
    background-color: rgb(244, 243, 243);
    color: #545454;
    padding: 6px 25px 8px 25px;
    width: 100%;
}

.vio_facebook_feed .ce_image_text_box_content_outside{
    padding-bottom: 60px !important;
    max-width: 91%;
    position: relative;
}

.start .facebook-post-date{
    /* display: none; */
}

.vio_facebook_feed .image_container {
    height: 300px !important;
    max-height: 300px !important;
    overflow: hidden;
    width: 100% !important;
    position: relative;
    display: block;
    vertical-align: middle;
    border-collapse:collapse;
    /*min-width: 360px;*/
    background-size: cover;
    background-position: center center;
}

.noimage {
    background-color: rgb(219, 218, 218);
    background-image: url("../layout/logo/violution_emblem_RGB_weiss.svg");
    background-position: center center;
    background-size: 30% !important;
}

.vio_facebook_feed br{
    display: none;
}

.vio_facebook_feed .ce_image_text_box_content p,
.ce_image_text_box_content_outside p{
    font-size: 16px !important;
    line-height: 28px !important;
}

/* Folgeseiten */
.folge #main{
    /*padding-top: 6px;*/
}

.wbc #main{
    padding-top: 100px;
}

#main .ce_iconbox.version3.xsmall p{
    padding-bottom: 0.3em !important;
}

/* Kachel-Zoom-Effekt */
.ce_image_text_box.version2{
    background-color: #fdfdfd !important;
    border: 1px solid #ebedeb;
}

/* Suchmaschine */
.body_bottom .mod_search .search-content{
    visibility:hidden;
    opacity:0;
    transition: all 0.6s linear;
    display: block;
    z-index: -10000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-animation: none;
    animation: none;
}

.body_bottom .mod_search.show-search .search-content {
    -webkit-animation: none;
    animation: none;
    visibility:visible;
    opacity:1;
    z-index: 10000;
}

.body_bottom .mod_search input:not(.submit),
.body_bottom .mod_search button:not(.submit) {
    background: rgba(255,255,255,0.2) !important;
    font-size: 20px !important;
    padding: 32px !important;
    color: #ffffff !important;
    border: 0 !important;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    margin-top: 30px;
    margin-bottom: 30px;
}

.body_bottom .mod_search form {
    max-width: 650px !important;
}

.search-result-item{
    border-bottom: 1px solid #dedede;
    margin: 25px 0;
    padding: 12px 0 8px 0;
}

.search-result-item.last{
    border-bottom: 0;
}

.search-result-item .context{
    font-size: 16px !important;
}

.search-result-item h2 a{
    font-size: 25px !important;
    color: #361B6A !important;
    line-height: 25px !important;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
}

.search-result-item h2 a:hover{
    color: #7E4290 !important;
}

.search-result-item mark.highlight{
    background-color: transparent;
    font-weight: 600 !important;
    color: #361B6A;
    font-size: 16px !important;
}

.mod_search .header{
    margin: 0 auto;
    margin-top: 18px !important;
    text-align: center;
}

/* Pagina */
.pagination{
    padding-bottom: 60px !important;
    text-align: center !important;
}

#main .pagination ul {
    float: none !important;
    display: block !important;
    margin-top: 0;
}

#main p.context{
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.pagination li {
    float: none !important;
    display: inline-block !important;
    margin: 0 -2px !important;
}

.pagination li.current {
    background-color: #c9c9c9 !important;
}

.pagination li.current span{
    background-color: transparent !important;
    color: #000 !important;
    border-radius: 0 !important;
}

.pagination a,
.pagination span{
    display: inline-block;
    cursor: pointer;
    padding: 5px 10px !important;
    width: 40px;
    height: 40px;
    color: #545454 !important;
    text-align: center;
}

.pagination a:hover{
    background-color: #dedede;
    color: #462d6e !important;
}

.pagination a.current{
    background-color: #c9c9c9;
    color: #000 !important;
}

.pagination a.previous,
.pagination a.next{
    text-indent: -1000em;
    background-position: center center;
    background-repeat: no-repeat;
    text-decoration: none;
    background-size: 52% 52%;
}

.pagination a.previous{ background-image: url("../layout/arrows/arrow_left_dark.svg"); }
.pagination a.next{ background-image: url("../layout/arrows/arrow_right_dark.svg"); }

/* More-Link */
.more a.hyperlink_txt,
a.more{
    position: relative;
    padding-left: 25px !important;
    text-decoration: none !important;
}

.more a.hyperlink_txt:before,
a.more:before{
    content: '';
    display: block;
    background-image: url("../layout/arrows/arrow_right_dark.svg");
    width: 20px;
    height: 20px;
    background-size: 80%;
    background-position: 0 center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    bottom: 3px;
}

#main .more p a.hyperlink_txt{
    font-size: 0.9em !important;
}

#main .more p a.hyperlink_txt:before{
    bottom: 0 !important;
}

.more.ce_image_text_box a.hyperlink_txt {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 40px;
    border: 0 !important;
}

/* Footer */
#bottom .inside {
    padding: 20px 50px 0 50px !important;
}

#footer ol li {
    padding-bottom: 7px;
}

#bottom .inside p {
    font-size: 14px !important;
    color: #ffffff;
}

#bottom {
    background-color: #361B6A;
}

#bottom ul li {
    display: inline-block;
    padding-left: 1.6em;
}

#footer {
    background-color: #1F103C !important;
}

#footer p {
    font-size: 16px !important;
    color:  #ffffff;
}

#footer .inside {
    padding-top: 50px;
}

#footer p strong{
    color: #ffffff;
    font-weight: 600 !important;
}

body.fixed-header #top_link {
    bottom: 15px;
}

/* Social Media */
#auge-link{
    padding-top: 16px;
    display: block;
}

.mobilflipright .mod_socials{
    margin-top: 0 !important;
}

.mod_socials i.fa-github:hover {
    background: #24292e !important;
    color:  #ffffff !important;
}

#footer .mod_socials a i {
    margin-right: 6px !important;
    background: rgba(255,255,255,0.1);
}

#footer li:after {
    width: 80% !important;
}

#main .mod_socials a i {
    margin-right: 3px !important;
    background: rgba(0,0,0,0.2);
}

#main .ce_sharebuttons ul,
#main #beitragsleser .ce_sharebuttons ul{
    margin-top: 0 !important;
    padding: 0 !important;
    background-color: transparent;
}

.sharebuttons > ul.boxxed > li > a {
    height: 2.667rem !important;
    width: 2.667rem !important;
    background-image: none !important;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    position: relative;
    margin: 0 6px 0 0 !important;
}

.sharebuttons > ul.boxxed > li > a.facebook {
    width: 2.91rem !important;
}

.sharebuttons > ul.boxxed > li > a:before {
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    width: 100%;
    height: 100%;
    background-color: #ccc;
    text-align: center;
    text-indent: 0 !important;
    padding: 0.8rem 0;
    color: #ffffff !important;
}

.sharebuttons > ul.boxxed > li > a.facebook:before {
    content: "\f09a";
    text-indent: 4px !important;
}

.sharebuttons > ul.boxxed > li > a.facebook:hover:before {
    background-color: #436098;
}

.sharebuttons > ul.boxxed > li > a.twitter:before {
    content: "\f099";
}

.sharebuttons > ul.boxxed > li > a.twitter:hover:before {
    background-color: #28a9e2;
}

.sharebuttons > ul.boxxed > li > a.xing:before {
    content: "\f168";
}

.sharebuttons > ul.boxxed > li > a.xing:hover:before {
    background-color: #005d5e;
}

.sharebuttons > ul.boxxed > li > a.linkedin:before {
    content: "\f0e1";
}

.sharebuttons > ul.boxxed > li > a.linkedin:hover:before {
    background-color: #0274b3;
}

.sharebuttons > ul.boxxed > li > a.mail:before {
    content: "\f0e0";
}

.sharebuttons > ul.boxxed > li > a.mail:hover:before {
    background-color: #60327D;
}

/* Kontaktseite */
#kontakt #maps-container .ce_bgimage .contentwrap {
    max-width: 604px;
    margin-left: auto;
    margin-right: 0;
    position: relative;
}

#kontakt .hint {
    position: absolute;
    top: 441px;
    right: 11px;
    max-width: 290px;
    overflow: visible;
}

#main .hint p{
    font-family: 'Architects Daughter', cursive !important;
    color: #b7b7b7 !important;
    font-size: 18px !important;
    transform: rotate(-7deg);
    text-align: center;
}

#kontakt .ce_iconbox_inside {
    padding: 4px 0;
}

#ansprechpartner em a,
#ansprechpartner a em{
    font-style: normal;
    font-weight: 600;
}

/* Google Maps */
#main .ce_google_map .gmap_infotext p{
    padding-bottom: 7px !important;
    margin-bottom: 0;
}

.gm-style .gm-style-iw-c {
    border-radius: 0;
    padding: 20px;
    box-shadow: 0 3px 3px 1px rgba(0,0,0,0.3);
}

/* Iconbar */
.vio-iconbar{
    text-align: center;
}

.vio-iconbar .contentwrap{
    text-align: center;
    max-width: 620px;
    min-width: 620px;
}

.vio-iconbar .contentwrap svg{
    width: 105px;
    height: 105px;
}

.vio-iconbar .contentwrap svg:hover .cls-1{
    fill: #441f87;
}

/* FAQ */
.faq-container h2{
    display: none !important;
    /*margin-bottom: 30px !important;
    font-size: 1.6rem !important;*/
}

.ce_accordion {
    margin-bottom: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #d8d7d7;
    padding-left: 25px !important;
}

.ce_accordion:hover {
    background-color: #fafafa !important;
}

.ce_accordion .toggler {
    border-bottom: 0 !important;
    font-weight: normal !important;
    font-size: 1.15em !important;
    padding: 16px 0 16px 0 !important;
}

.ce_accordion .accordion{
    padding-top: 0 !important;
    padding-left: 27px !important;
    padding-right: 27px !important;
}

#main .ce_accordion .accordion p,
#main .ce_accordion .accordion ul,
#main .ce_accordion .accordion ol{
    margin-bottom: 0;
    max-width: 780px;
}


.ce_accordion .toggler i {
    font-family: FontAwesome !important;
    font-style: normal !important;
    color: #cecece !important;
    margin-right: 6px !important;
    font-size: 20px !important;
}

.ce_accordion .toggler.ui-state-active,
.ce_accordion .toggler.ui-state-active i{
    color: #60327D !important;
    font-weight: 600 !important;
}

.ce_accordion.last {
    border-bottom: 0 !important;
}

.ce_accordion .toggler:before{
    display: none !important;
}

#main #faqmenu ul{
    padding: 0 !important;
    margin-top: 0;
}

#main #faqmenu ul li{
    margin-bottom: 0;
}

#main #faqmenu ul li a{
    display: block;
    padding: 16px 0 16px 0 !important;
    border-bottom: 1px solid #d8d7d7;
    padding-left: 30px !important;
    margin-bottom: 0;
    font-weight: 600 !important;
}

#main #faqmenu ul li a.last,
.mod_sitemap ul li a.last{
    border-bottom: 0;
}

#main #faqmenu ul li a:before {
    content: "\f059";
    display: inline-block;
    font-family: FontAwesome !important;
    font-style: normal !important;
    color: #cecece !important;
    margin-right: 10px !important;
    font-size: 20px !important;
}

#main #faqmenu ul li a:hover{
    background-color: #fafafa !important;
    color: #60327D !important;
}

#main #faqmenu ul li a:hover:before{
    color: #60327D !important;
}


#main #faqmenu ul li:last-child{
    border-bottom: 0;
}

/* Zurücklink */
.back a {
    text-transform: lowercase;
    position: relative;
    padding-left: 25px !important;
}

.back a:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-size: 80%;
    background-position: 0 center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    bottom: 3px;
    background-image: url(../layout/arrows/arrow_left_dark.svg);
}

/* Datenschutzmeldung */
p.privacy {
    background: transparent !important;
    display: none !important;
}

/* Cookiebot Opt-In */
.cookiebar_default .cc-inner {
    padding: 30px !important;
    border-radius: 0 !important;
}

.cookiebar_default .cc-inner h2 strong{
    font-weight: 400;
    color: #361B6A !important;
    font-size: 1.8rem !important;
}

.cookiebar_default p {
    color: #545454 !important;
    line-height: 1.6 !important;
}

.cookiebar_default p a{
    color: #361B6A !important;
    text-decoration: underline !important;
}

.contao-cookiebar .cc-btn {
    padding: 13px 30px !important;
    margin-bottom: 8px !important;
    font-size: 15px !important;
    outline: 0 none !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    background-color: #cccccc !important;
    margin-right: 5px;
}
.contao-cookiebar .cc-btn:hover {
    background-color: #dbdbdb !important;
}

.contao-cookiebar .cc-btn.success {
    background-color: #361b6a !important;
}

.contao-cookiebar .cc-btn.success:hover {
    background-color: #7E4290 !important;
}

.cookiebar_default .cc-group {
    border: 0 !important;
    border-radius: 0 !important;
}

.cookiebar_default .cc-footer {
    text-align: left !important;
    padding: 20px 0 !important;
}

.contao-cookiebar .cc-info{
    display: none;
}

/* Abstände erzwingen */
.nomargintop{
    margin-top: 0 !important;
}

.nomarginbottom{
    margin-bottom: 0 !important;
}

.nopaddingtop{
    padding-top: 0 !important;
}

.nopaddingbottom{
    padding-bottom: 0 !important;
}

.folge .mod_article.fullwidth-boxed.first > .container {
    padding-top: 0 !important;
}

.mod_article.nopaddingbottom > .container {
    padding-bottom: 0 !important;
}

.mod_article.nopaddingtop > .container {
    padding-top: 0 !important;
}

/* Iconsbox Fontawesome */
.icon-phone:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    width: 22px;
    height: 25px;
    text-align: left;
    color: #231640;
    content: "\f095";
}

.icon-envelope:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    width: 22px;
    height: 25px;
    text-align: left;
    color: #231640;
    content: "\f0e0";
}

#top-info .inside span i.fa {
    margin-right: 6px !important;
    font-size: 16px !important;
}

#top-info .inside span i.fa-phone {
    font-size: 18px !important;
}

.ce_iconbox.version3.xsmall i {
    width: 30px !important;
}

.ce_iconbox.version3.xsmall i.fa-xing {
    width: 25px !important;
}

.ce_iconbox_icon i.fa:before {
    font-size: 18px !important;
    line-height: 32px !important;
}

.ce_iconbox_icon i.fa-xing:before {
    font-size: 20px !important;
}

.ce_iconbox_icon i.fa-phone:before {
    font-size: 20px !important;
}

/* Werte */
#werte p{
    font-weight: 300;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Leistungen */
#main .mehrwert p{
    margin-bottom: 0;
}

#main .mehrwert p{
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #555555 !important;
    font-size: 1.2em !important;
    margin-bottom: 0.5rem;
    display: block;
    max-width: 400px;
    margin-top: 10px;
    text-transform: uppercase;
}

#main .teasertext p{
    display: block;
    max-width: 57%;
    margin-bottom: 0;
}

.ce_image_text_box.nopic .ce_image_text_box_content {
    margin-top: 0;
}

.ce_divider_extended.version3 {
    background: #d8d8d8 !important;
}

.ce_divider_extended.version5 {
    background: #b0b0b0 !important;
}

/* Chartbar */
.ce_chartbar .title{
    font-weight: 600 !important;
    color: #333333 !important;
    font-size: 17px;
    text-transform: uppercase;
}

.chart_data span{
    display: none;
}

/* Gemeinschaften und Vereine */
#footer .gemeinschaften p{
    font-size: 15px !important;
}

#footer .gemeinschaften li:before{
    display: none;
}

#footer .gemeinschaften li:after{
    border-bottom: none;
}

#footer .gemeinschaften li{
    padding-left: 0;
    margin-bottom: 0 !important;
}

#footer .gemeinschaften ol{
    padding: 0;
}

/* Google Review Link (Sticky) */
a#google-review-trigger{
    background-color: #ffffff;
    bottom: 120px;
    position: fixed;
    right: -10px;
    display: none;
    padding: 10px 20px 18px 10px;
    border: 1px solid rgb(224, 224, 224);
    width: 160px;
    opacity: 0.9;
    z-index: 10000;
    transition: All 0.3s ease !important;
    -webkit-transition: All 0.3s ease !important;
    border-top: 15px solid rgb(186, 186, 186);
    text-align: center;
}

a#google-review-trigger:hover{
    opacity: 1;
}

a#google-review-trigger .first,
a#google-review-trigger svg{
    display: block;
    margin: 2px auto;
}


/* Sitemap */
#sitemap.mod_article:not(.fullwidth) > .container {
    padding-bottom: 40px;
}

#main .mod_sitemap ul {
    margin-top: 10px;
    background: transparent !important;
    padding: 0 !important;
}


.mod_sitemap ul li{
    margin-bottom: 0 !important;
}

.mod_sitemap ul li a{
    display: block;
    padding: 16px 0 16px 0 !important;
    border-bottom: 1px solid #d8d7d7;
    padding-left: 30px !important;
    margin-bottom: 0 !important;
    font-weight: 600 !important;
}

.mod_sitemap ul li ul a{
    margin-left: 0 !important;
    padding-left: 0 !important;
}

#main .mod_sitemap ul li ul{
    margin: 0 !important;
    padding: 20px 0 30px 0 !important;
    border-bottom: 1px solid #d8d7d7;
    background-color: #fafafa !important;
}

.mod_sitemap ul li ul li a{
    border-bottom: 0 !important;
    font-weight: 400 !important;
    font-size: 0.75em;
    padding: 10px 0 10px 0 !important;
    background-color: #fafafa !important;
    padding-left: 60px !important;
}

.mod_sitemap ul li a:hover {
    background-color: #fafafa !important;
}

.mod_sitemap ul li ul li a:hover {
    color: #361B6A !important;
}


/* Partner */
#partnerlogos{
    margin-left: 8%;
    text-align: right;
}

/* Nachträgliche Korrekturen */
.vio-iconbar .pb-xs {
    padding-bottom: 42px !important;
}

/* Breadcrumbs */
.mod_breadcrumb {
    border-top: 0 !important;
    text-align: right;
    margin-bottom: 150px;
    padding-top: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.mod_breadcrumb li.first{
    display: none;
}

#main .mod_breadcrumb ul{
    padding: 0 5px 0 10px !important;
    margin: 0 !important;
    font-size: 14px !important;
}

.mod_breadcrumb ul:before{
    content: 'Du bist hier:' ;
    margin-right: 10px;
}

.mod_breadcrumb li:before {
    display: none;
}

.mod_breadcrumb li:after {
    font-family: FontAwesome;
    content: "\f105";
    color: #cccccc;
    margin-left: 10px;
}

.mod_breadcrumb li:last-child:after {
    display: none;
}

.mod_breadcrumb li:last-child a{
    color: #60327D;
    font-weight: 500;
}

.mod_breadcrumb li a:hover {
    color: #60327D !important;
}


/* Browseroptimierung */
body.ie{
    -ms-text-size-adjust: 100%;
}

.ie .autogrid_grid{
    display:-ms-grid;
}

/* 60/40 */
.ie .grid_60_40.d_60_40, .ie .d_60_40{
    -ms-grid-columns:60% 40%;
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    -ms-grid-column:2;
}

.ie .grid_60_40.d_60_40 .column:first-child, .ie .d_60_40 .column:first-child {
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    -ms-grid-column:1;
}

.ie .grid_60_40.d_60_40 .column:last-child, .ie .d_60_40 .column:last-child {
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    -ms-grid-column:2;
}

/* 40/60 */
.ie .grid_40_60.d_40_60, .ie .d_40_60{
    -ms-grid-columns:40% 60%;
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    -ms-grid-column:2;
}

.ie .grid_40_60.d_40_60 .column:first-child, .ie .d_40_60 .column:first-child {
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    -ms-grid-column:1;
}

.ie .grid_40_60.d_40_60 .column:last-child, .ie .d_40_60 .column:last-child {
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    -ms-grid-column:2;
}

/* 50/50 */
.ie .grid_50_50.d_50_50, .ie .d_50_50{
    -ms-grid-columns:50% 50%;
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    -ms-grid-column:2;
}

.ie .grid_50_50.d_50_50 .column:first-child, .ie .d_50_50 .column:first-child {
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    -ms-grid-column:1;
}

.ie .grid_50_50.d_50_50 .column:last-child, .ie .d_50_50 .column:last-child {
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    -ms-grid-column:2;
}

.d_33_66 {
    grid-template-columns: 33.3333% 66.6667%;
}

/* 33/66 */
.ie .grid_33_66.d_33_66, .ie .d_33_66{
    -ms-grid-columns: 33% 66%;
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    -ms-grid-column:2;
}

.ie .grid_33_66.d_33_66 .column:first-child, .ie .d_33_66 .column:first-child {
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    -ms-grid-column:1;
}

.ie .grid_33_66.d_33_66 .column:last-child, .ie .d_33_66 .column:last-child {
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    -ms-grid-column:2;
}

/* 66/33 */
.ie .grid_66_33.d_66_33, .ie .d_66_33{
    -ms-grid-columns: 66% 33%;
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    -ms-grid-column:2;
}

.ie .grid_66_33.d_66_33 .column:first-child, .ie .d_66_33 .column:first-child {
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    -ms-grid-column:1;
}

.ie .grid_66_33.d_66_33 .column:last-child, .ie .d_66_33 .column:last-child {
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    -ms-grid-column:2;
}

/* 30/70 */
.ie .grid_30_70.d_30_70, .ie .d_30_70{
    -ms-grid-columns: 30% 70%;
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    -ms-grid-column:2;
}

.ie .grid_30_70.d_30_70 .column:first-child, .ie .d_30_70 .column:first-child {
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    -ms-grid-column:1;
}

.ie .grid_30_70.d_30_70 .column:last-child, .ie .d_30_70 .column:last-child {
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    -ms-grid-column:2;
}

/* 70/30 */
.ie .grid_70_30.d_70_30, .ie .d_70_30{
    -ms-grid-columns: 70% 30%;
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    -ms-grid-column:2;
}

.ie .grid_70_30.d_70_30 .column:first-child, .ie .d_70_30 .column:first-child {
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    -ms-grid-column:1;
}

.ie .grid_70_30.d_70_30 .column:last-child, .ie .d_70_30 .column:last-child {
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    -ms-grid-column:2;
}

.ie .col_6{
    -ms-flex: 40%;
}

.ie .mod_search input, .mod_search .widget-text{
    height: auto !important;
}

.ie .body_bottom .mod_search input:not(.submit), .body_bottom .mod_search button:not(.submit){
    padding: 15px 30px 30px 30px !important;
}

/* Blog Layout */
body.blog .blogsubheadline h2{
    font-size: 1.6rem !important;
    color: #545454 !important;
}

.mod_vio_news4ward_listEx{
    margin-bottom: 80px;
}

body.blog .textheadlineh2 h2{
    font-size: 1.15em !important;
    line-height: 1.8em !important;
    margin-bottom: 0 !important;
    color: #545454 !important;
}

#tile_wrapper.blogtiles .item {
    height: 300px;
}

#tile_wrapper.blogtiles .item.height-double {
    height: 600px;
}

#tile_wrapper.blogtiles .item .info {
    height: 50% !important;
    padding: 10px 0 12px 0 !important;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%);
}

.mod_portfoliolist_v5 .item.height-double .info {
    height: 25% !important;
}

#tile_wrapper.blogtiles .item#tile_1 .info .title,
#tile_wrapper.blogtiles .item#tile_2 .info .title,
#tile_wrapper.blogtiles .item#tile_3 .info .title {
    width: 90% !important;
    background-color: transparent !important;
}

#tile_wrapper.blogtiles .item .info h2.title {
    font-size: 1.7rem !important;
    text-transform: none !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    position: absolute;
    bottom: 40px;
    left: 3.5%;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}

#main #tile_wrapper.blogtiles .item .info p.date {
    font-size: 1.1rem !important;
    font-weight: 400 !important;
    position: absolute;
    color: #c6c6c6;
    bottom: -20px;
    left: 3.5%;
}

#tile_wrapper.blogtiles .item:hover .info .title{
    opacity: 1 !important;
}

.start.blog .mod_article:not(.fullwidth) > .container {
    padding-bottom: 0;
}

.start.blog #main .mehrwert p {
    line-height: 1.2em !important;
    max-width: 100%;
}

.start.blog #main .mehrwert {
    margin-top: -10px;
}

/* Blogliste */
.vio-blog-item{
    background-color: #fdfdfd !important;
    border: 1px solid #ebedeb;
    margin-bottom: 30px;
    height: 366px;
}

.vio-blog-item .d_66_33 {
    grid-template-columns: auto 321px !important;
}

.vio-blog-item .teaser{
    padding: 25px 12px 30px 30px;
}

#main .vio-blog-item .teaser h3 a{
    color: #575757;
    font-size: 1.6rem !important;
    font-weight: 500;
}

#main .vio-blog-item .teaser h3 a:hover{
    color: #7e4290;
}

#main .vio-blog-item a.more:before {
    bottom: 0;
}

#main .vio-blog-item a.more{
    color: #361b6a;
}

#main .vio-blog-item a.more:hover{
    color: #7e4290;
}

#main .vio-blog-item .teaser p{
    font-size: 1.1em !important;
    color: #545454;
    padding: 0 0 0.2em !important;
}

#main .vio-blog-item .teaser p.date{
    font-size: 1.1em !important;
    color: #361b6a;
    padding: 0 0 0 !important;
    margin: 0 !important;
    margin-bottom: 10px !important;
}

.fa-calender:before{
    content: "\f073";
    margin-right: 6px;
}

.fa-user:before{
    content: "\f007";
    margin-right: 6px;
}

.vio-blog-item .image_container{
    display: block;
    height: 260px;
    width: 260px;
    margin-top: 31px;
}

.vio-blog-item .image_container .image {
    background-position: center center;
    background-size: cover;
    height: 100%;
    width: 100%;
}

#main a.bu_vio_dunkelviolett, #main a.bu_vio_dunkelviolett:hover{
    color: #ffffff !important;
}

#main a.bu_vio_dunkelviolett:hover{
    background-color: #60327D !important;
}

/* Beliebte Schlagwörter */
.tag-navigation-right .tags a {
    display: block;
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid #d8d8d8;
    color: #545454;
    font-weight: 500 !important;
}

.tag-navigation-right .tags a:hover {
    color: #7e4290;
}

.tag-navigation-right .tags a:first-child {
    border-top: 1px solid #d8d8d8;
}

.tag-navigation-right .tags a.active {
    color: #7e4290;
    font-weight: 600 !important;
}

.blog .right-column h4{
    font-weight: 600 !important;
    color: #361b6a !important;
    font-size: 1.2em !important;
    text-transform: uppercase;
}

.blog #main .right-column p
{
    font-size: 1.1em !important;
}

.blog .mod_news4wardList.mt-0{
    padding-top: 5px;
}

/* Detailseite */
#beitragsleser .right-column{
    margin-top: 216px;
}

#main #beitragsleser .mod_news4wardReader p.info{
    margin-bottom: 0;
    margin-top: 50px;
}

#main #beitragsleser .mod_news4wardReader p.info.bottominfo{
    margin-top: 0;
    padding-bottom: 0 !important;
    font-size: 1em !important;
    color: #361b6a;
}

#main #beitragsleser .mod_news4wardReader p.info.bottominfo .autor{
    padding-left: 0;
}

#main #beitragsleser .mod_news4wardReader .image_container {
    padding-top: 10px;
}

#main #beitragsleser ul{
    margin-top: 36px;
    background-color: #f9f9f9;
    padding: 1.7em 4em 1.5em 3em !important;
    margin-bottom: 60px;
}

#beitragsleser ul li{
    margin-bottom: 20px;
}

.pagination.blogpagina{
    position: relative;
    display: block;
}

.pagination.blogpagina .prevArticle{
    position: absolute;
    left:0;
}

.pagination.blogpagina .nextArticle{
    position: absolute;
    right:0;
}

.pagination.blogpagina a,
.pagination.blogpagina span{
    width: auto;
    font-weight: 600;
    padding: 0 !important;
}

.pagination.blogpagina a:hover,
.pagination.blogpagina a:focus{
    background-color: transparent !important;
}

#main #beitragsleser h1{
    max-width: 780px;
    min-height: 110px;
}

#main #beitragsleser .shortheadline h1{
    min-height: 80px;
    margin-top: 30px;
}

/* Ähnliche Beiträge */
.vio-related-item .teaser {
    padding: 0;
}

#main .vio-related-item h5.title {
    font-size: 1.25em;
    margin-bottom: 9px;
    display: block;
    font-weight: 500;
    line-height: 1.6em;
}

.first-paragraph{
    font-weight: 600;
}

#main .storytext p,
#main p span.storytext{
    color: #8a8a8a !important;
    font-family: 'Lora',Georgia,Times,serif !important;
    font-weight: normal !important;
    line-height: 2em !important;
    font-size: 1.2em !important;
}

#main .storytext p strong{
    color: #361b6a !important;
    font-family: Georgia,Times,serif !important;
    font-weight: 500 !important;
}

#main .vio-related-item h5.title a {
    color: #361b6a !important;
}

#main .vio-related-item h5.title a:hover {
    color: #7E4290 !important;
}

.blog #main .right-column .vio-related-item .info {
    font-size: 0.9em;
    margin-bottom: 0;
    font-weight: 400;
}

.blog #main .right-column .vio-related-item p {
    font-size: 1em !important;
    font-weight: 400;
}

.vio-related-item .info .fa-calender:before,
.vio-related-item .info .user:before {
    margin-right: 7px;
}

.vio-related-item {
    padding: 0 0 26px 0;
    margin-top: 28px;
    color: #545454;
    background-color: #ffffff !important;
    border: 0;
    border-bottom: 1px solid #d8d8d8 !important;
    height: auto;
}

.vio-related-item:last-child {
    margin-bottom: 60px;
    border-bottom: 0;
}

/* Kommentare */
.mod_news4wardComments{
    margin-top: 40px;
    margin-bottom: 120px;
}

.comment-list{
    margin-top: 20px;
    margin-bottom: 40px;
}

#main .comment-list p.info{
    display: block;
    position: relative;
    margin-bottom: 20px !important;
    margin-top: 20px;
    padding-top: 5px !important;
    padding-bottom: 7px !important;
    border-top: 1px solid #d8d8d8;
    background-color: #fbfbfb;
    padding-left: 30px !important;
    padding-right: 30px !important;
    color: #361b6a;
}

#main .comment-list p.info a{
    font-weight: 600;
}


#main .comment-list .comment p{
    padding-left: 30px !important;
    padding-right: 30px !important;
}

#main .comment-list p.info .date{
    font-weight: 400;
}

/* Formulare Standard */
.vio-form-content{
    max-width: 72%;
    margin: 0 auto;
}

.vio-form, .mod_login.vio-form-small{
    background-color: #fdfdfd !important;
    border: 1px solid #ebedeb;
    padding: 25px 30px 45px 30px;
    max-width: 72%;
    margin: 0 auto;
}

.vio-form.vio-form-fullwidth{
    max-width: 100%;
    margin: 0;
}

/* Spaltigkeit bei den Sonderformularen */
.vio-form .widget.col-50{
    max-width: calc(50% - 2px);
    width: calc(50% - 2px);
    display: inline-block;
}

.vio-form .widget.col-50.first{
    padding-right: 20px;
}

.vio-form .widget.mandatory > *{
    font-weight: 600;
}

form fieldset.checkbox_container {
    padding: 0;
    border: none;
}

.mod_news4wardComments .vio-form{
    max-width: 100%;
    margin: 0;
}

#main .mod_news4wardComments p.hint {
    font-size: .9em !important;
    margin: 30px 0 0 0;
    max-width: 100%;
    padding: 0;
}

.vio-form h3{
    color: #361b6a !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 1.35em !important;
    margin-bottom: 40px !important;
}

input, textarea, select {
    background-color: rgb(255,255,255);
    padding: 15px;
    font-size: 0.9rem;
    transition: all 0.15s linear 0s;
}

input.upload {
    background-color: #f5f5f5;
    padding: 30px;
    background-image: url("../layout/upload.png");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 76px auto;
}

input:hover:not([type="submit"]),
button:hover:not([type="submit"]),
textarea:hover,
input:focus:not([type="submit"]),
button:focus:not([type="submit"]),
textarea:focus{
    border: 1px solid #7E4290 !important;
}

.search-content input:hover:not([type="submit"]){
    border: 0 !important;
}

form .field{
    margin-bottom: 20px;
}

span.labeltext{
    color: #545454 !important;
    font-weight: 400;
    display: block;
    margin-bottom: 3px;
}

form .captchafullwidth .captcha_text {
    margin: 10px 0 3px 0;
    color: #545454;
}

.captcha-container .labeltext{
    padding-top: 10px;
    display: block;
}

span.labeltext.mand{
    color: #545454 !important;
    font-weight: 600;
}

.vio-form button.submit, .vio-form input.submit,
.mod_login button.submit, .mod_login input.submit,
button.submit[type="submit"]{
    background: #361b6a;
    font-weight: 600;
    min-width: 100px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px !important;
    margin-top: 3px;
    width: auto !important;
    padding: 15px 45px;
    border-radius: 0 !important;
    line-height: 1.6;
}

button.submit[type="submit"], input.submit[type="submit"] {
    background: #361b6a;
}

button.submit[type="submit"]:hover, input.submit[type="submit"]:hover {
    background: #7E4290;
}

.captchafullwidth input.captcha{
    width: 100% !important;
}

#main p.hint{
    font-size: 0.9em !important;
    margin: 20px auto 0 auto;
    max-width: 72%;
    padding: 0 30px 0 45px;
}

#main p.hint.fullwidth{
    margin: 20px 0 0 0;
    max-width: 60%;
    padding: 0;
}

.contao-cookiebar .cc-detail-btn:hover,
.contao-cookiebar .cc-detail-btn:hover {
    border: 0 !important;
}

.contao-cookiebar button.cc-btn:focus,
.contao-cookiebar button.cc-btn:hover{
    border: 0 !important;
}

.twocol-form .widget{
    width: 48%;
    float: left;
    margin: 0 1%;
    padding-top: 27px;
    overflow: hidden;
}

.twocol-form .widget.widget-submit{
    width: 98%;
    float: none;
    text-align: center;
}

#main form p.error {
    position: absolute;
    top: 10px;
    text-align: right;
    font-size: 14px !important;
    display: block;
    width: 100%;
    right: 1px;
}

#main .mod_login form p.error {
    position: relative;
    line-height: 1.6em !important;
    text-align: left;
    width: 80%;
    right: unset;
    top: unset;
    padding: 0 !important;
}

#main form p.error:before {
    font: 19px/1 FontAwesome;
    text-rendering: auto;
    display: inline-block;
    content: "\f06a";
    width: 22px;
}

#main .mod_lostPassword form p.error {
    position: relative;
    top: unset;
    text-align: left;
    margin-bottom: 15px;
    right: unset;
}

.mod_personalData label[for="ctrl_firstname_710"],
.mod_personalData label[for="ctrl_company_710"],
.mod_personalData label[for="ctrl_street_710"],
.mod_personalData label[for="ctrl_postal_710"],
.mod_personalData label[for="ctrl_city_710"],
.mod_personalData label[for="ctrl_country_710"],
.mod_personalData label[for="ctrl_lastname_710"]{
    font-weight: 600;
}

/* Tag-Cloud */
#tagsCanvasContainer{
    margin: 0 auto;
    text-align: center;
}

.ce_bgimage.parallax .ce_bgimage-image:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+98,000000+98&0+22,0.65+89,0.65+89 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 22%, rgba(0,0,0,0.65) 89%, rgba(0,0,0,0.65) 98%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 22%,rgba(0,0,0,0.65) 89%,rgba(0,0,0,0.65) 98%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 22%,rgba(0,0,0,0.65) 89%,rgba(0,0,0,0.65) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

#tagcloud-content h3{
    font-size: 1.9rem !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}

#main #tagcloud-content #tagCloudClaim p{
    font-family: "Source Sans Pro" !important;
    word-spacing: 0.1em;
    color: #fff;
    font-weight: 900 !important;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    min-height: 0;
    min-width: 0;
    line-height: 60px;
    padding: 3px 32px 5px 32px !important;
    letter-spacing: 1px;
    background-color: #5b3068;
    font-size: 1.6rem !important;
    -webkit-box-shadow: 2px 2px 1px -2px #000000;
    box-shadow: 2px 2px 1px -2px #000000;
    text-shadow: none;
}

#tagCloudHeadline h2{
    color: #fff;
    display: inline-block;
    font-size: 2.6em !important;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    font-weight: 300 !important;
    margin-bottom: 15px;
    padding-left: 30px;
}

#main #tagcloud-content p{
    font-size: 1.1em !important;
    line-height: 1.68em !important;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    max-width: 700px;
    padding-left: 30px !important;
    display: inline-block;
}

.start #blogHeadlineTeaser h2{
    font-size: 2.55rem !important;
    margin-top: 10px;
}

#blogSubheadlineTeaser h3{
    font-weight: 300 !important;
    font-size: 1.5em !important;
    margin-top: 10px;
    text-transform: uppercase;
}

/*.line-left-30{*/
/*    margin-left: 30px;*/
/*}*/

#tagcloud-content{
    font-weight: 500 !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

/* Blogteaser Startseite */
#blogteaserStartseite .vio-blog-item .d_66_33 {
    grid-template-columns: 100% !important;
}
#blogteaserStartseite{
    margin-bottom: 0;
}

#blogteaserStartseite .vio-blog-item{
    height: auto;
    background-color: #f2f2f2 !important;
    border: 1px solid #d7d7d7;
}

#main #blogteaserStartseite .vio-blog-item h3 a{
    color: #361b6a !important;
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    text-transform: uppercase;
}

#blogteaserStartseite .vio-blog-item .image_container {
    display: block;
    height: 290px;
    width: auto;
    margin-top: 0;
}

/* Fixes für Isotope Integration */
.ce_list ul li, .ce_text ul li { list-style-type: square; }
.ce_list.hasIcon ul li, .ce_text.hasIcon ul li { list-style-type: none !important; }

.fa-check:before { margin-right: 10px; }

.hasIcon .fa-check{
    color: #7e4290;
}

/* Plugin Store Shop Teaser Startseite */
#storeSubheadline h3{
    color: #cacaca !important;
    line-height: 2em;
    font-weight: 300 !important;
}

#storeSubheadlineProducts h3{
    line-height: 2em;
    font-weight: 300 !important;
}

#main .storeSubheadline p{
    font-size: 17px !important;
    text-transform: uppercase;
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
    display: block;
    font-weight: 600;
    letter-spacing: 3px;
    color: #9f9f9f;
}

.ce_productbox.version3.shop-item-teaser{
    background-color: #f9f9f9;
    position: relative;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.4);
    border: 1px solid #ccc;
    transition: All .3s ease;
    -webkit-transition: All .3s ease;
    height: 740px;
}

.ce_productbox.version3.shop-item-teaser .ce_productbox_inside:hover {
    box-shadow: none;
}

.ce_productbox.version3.shop-item-teaser:hover{
    transform: scale(1.02);
}

.ce_productbox.version3.shop-item-teaser > *{
    transform:translate(0px,0px) !important;
}

.ce_productbox.version3.shop-item-teaser .image_container{
    padding: 5%;
    background-color: #fff;
    height: 300px;
}

.ce_productbox.version3.shop-item-teaser .ce_productbox_content_top {
    padding-left: 0;
    padding-right: 0;
}

.ce_productbox.version3.shop-item-teaser .subheadline {
    display: block;
    position: absolute;
    top: 26px;
    right: -44px;
    color: #fff;
    font-weight: 600 !important;
    text-align: center;
    font-size: .9rem !important;
    font-style: normal;
    padding: 5px 16px;
    transform: rotate(37deg);
    width: 198px;
    opacity: .9;
    box-shadow: 0px -1px 0px 1px rgba(0,0,0,.3);

    display: none;
}

.ce_productbox.version3 .price {
    display: none;
}

.ce_productbox.version3.shop-item-teaser.oxid .subheadline {
    background-color: #787878;
}

.ce_productbox.version3.shop-item-teaser.contao .subheadline {
    background-color: #f47c00;
}

.ce_productbox.version3.shop-item-teaser h4 {
    display: block;
    color: #361b6a !important;
    font-weight: 400 !important;
    text-align: left;
    font-size: 1.6rem !important;
    text-shadow: none;
    padding-top: 13px;
    padding-left: 25px;
}

.ce_productbox.version3.shop-item-teaser h4:after {
    display: block;
    content: '';
    background-color: rgba(0, 0, 0, 0.3);
    height: 1px;
    width: 60px;
    margin: 14px 0;
}

#main .ce_productbox.version3.shop-item-teaser p {
    display: block;
    color: #545454 !important;
    text-align: left;
    padding: 0 40px 0 25px !important;
    font-size: 1em !important;
    line-height: 1.7em !important;
    margin-bottom: 0;
}

.ce_productbox.version3.shop-item-teaser .ce_hyperlink {
    display: block;
    text-align: left;
    padding-left: 25px;
}

.ce_productbox.version3.shop-item-teaser .ce_hyperlink a{
    color: #545454 !important;
    border-color: #545454 !important;
    background-color: transparent !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px !important;
    padding: 7px 20px 7px 48px;
    margin-top: 25px;
    position: relative;
}

.ce_productbox.version3.shop-item-teaser .ce_hyperlink a:before{
    font: 23px/1 FontAwesome;
    text-rendering: auto;
    position: absolute;
    left: 15px;
    display: block;
    color: #c2c2c2;
    content: "\f07a";
}

.ce_productbox.version3.shop-item-teaser .ce_hyperlink a:hover,
.ce_productbox.version3.shop-item-teaser .ce_hyperlink a:focus{
    background-color: #361b6a !important;
    border-color: #361b6a !important;
    color: #fff !important;
    opacity: 1;
}

.ce_productbox.version3.shop-item-teaser .ce_hyperlink a:hover:before,
.ce_productbox.version3.shop-item-teaser .ce_hyperlink a:focus:before{
    color: #fff !important;
}

/* Shop-Shortcuts (Warenkorb und Mein Account) */
.vio_shop-shortcuts{
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 100;
    padding-top: 9px;
    right: 84px;
    top: 0;
}

.vio_shop-shortcuts-inner{
    position: relative;
    line-height: 5px;
}

.vio_shop-shortcuts .vio_shopshortcut{
    display: block;
    float: left;
    position: relative;
    width: 47px;
    height: 30px;
    overflow: hidden;
    opacity: .7;
    transition: All .3s ease;
    -webkit-transition: All .3s ease;
    text-align: left;
    margin-top: 28px;
    margin-left: 15px;
}

.header.cloned .vio_shop-shortcuts .vio_shopshortcut{
    margin-top: 11px;
}

.header.cloned .mod_search{
    top: -3px;
}

.vio_shop-shortcuts .vio_shopshortcut.vio_account{
    width: auto;
    max-width: 170px;
    overflow: visible;
    height: auto;
    text-align: left;
}

.vio_shop-shortcuts .vio_shopshortcut.vio_account span{
    line-height: 18px;
    display: block;
    float: right;
    max-width: 130px;
    font-size: 0.95em;
    margin-top: 8px;
}

.vio_shop-shortcuts .vio_shopshortcut.vio_account:before{
    display: inline-block;
    margin-right: 9px;
}

.vio_shop-shortcuts .hover_menu .mod_customnav li a:before{
   display: none !important;
}

.vio_shop-shortcuts .vio_shopshortcut:hover{
    opacity: 1;
    color: #7e4290 !important;
}

.vio_shop-shortcuts .vio_shopshortcut:before {
    font: 26px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    display: block;
    color: #757575;
}

.vio_shop-shortcuts .vio_shopshortcut:hover:before {
    color: #7e4290;
}

.vio_shop-shortcuts .vio_cart {
    line-height: 20px;
}

.vio_cart:before {
    content: "\f07a";
}

.vio_account:before {
    content: "\f007";
}

.cart-sum{
    position: absolute;
    background-color: #5e3e9d;
    width: 18px;
    height: 18px;
    color: #ffffff;
    display: block;
    top: 18px;
    right: 13px;
    border-radius: 50%;
    z-index: 100;
    line-height: 16px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    text-indent: 1px;
}

.header.cloned .cart-sum{
    top: 1px;
}

.ce_text.width-l{
    max-width: 800px;
}

.article_shadow_bottom{
    box-shadow: 0 0 2px 2px rgba(0,0,0,.1);
}

/* Drop-Down des Account-Menüs */
.vio_shop-shortcuts-inner li{
    position: relative;
    display: block;
    text-align: left;
    list-style-type: none;
    z-index: 10;
    float: left;
    padding-bottom: 40px;
}

.vio_shop-shortcuts-inner li .mod_customnav{
    border-top: 3px solid #7e4290 !important;
    margin-top: -3px !important;
    width: auto;
    white-space: nowrap;
    border-radius: 0;
    position: absolute;
    top: 100%;
    margin-left: 0;
    background: #fff;
    border-top: 2px solid #c1c1c1;
    box-shadow: 1px 8px 15px rgba(0,0,0,.1);
    line-height: 40px !important;
    display: none;
}

.vio_shop-shortcuts-inner li:hover .mod_customnav{
    display: block;
}

.vio_shop-shortcuts-inner li .mod_customnav ul{
    padding-top: 10px !important;
    padding-bottom: 15px !important;
}

.vio_shop-shortcuts-inner li.hover_menu .mod_customnav li  {
    display: block;
    float: none;
    margin-left: 18px !important;
    margin-right: 18px !important;
    padding-bottom: 0;
}

.vio_shop-shortcuts-inner li.hover_menu .mod_customnav li a {
    line-height: 42px !important;
    transition: All .3s ease;
    -webkit-transition: All .3s ease;
    letter-spacing: 0;
    border-bottom: 1px solid #f2f2f2;
    font-weight: 600 !important;
    padding: 0 1.5rem !important;
    color: #757575 !important;
    font-size: 0.9em;
    display: block;
}

.vio_shop-shortcuts-inner li.hover_menu .mod_customnav li.last a {
    border-bottom: none;
}

.vio_shop-shortcuts-inner li.hover_menu .mod_customnav li a:hover {
    color: #9041b3 !important;
}

.vio_shop-shortcuts-inner li.hover_menu .mod_customnav li a.active span{
    color: #361b6a !important;
}

.vio_shop-shortcuts-inner li.hover_menu .mod_customnav li ol li{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Testimonials */
#testimonials{
    margin-bottom: 150px;
}

.testimonialbox{
    padding: 32px 20px 0 30px;
    background-color: #fdfdfd !important;
    border: 1px solid #ebedeb;
    width: 360px;
    height: 580px;
    margin: 0 10px;
    position: relative;
}

#main .testimonialbox p{
    font-size: 1.1em !important;
    line-height: 1.7em !important;
    padding-bottom: 0 !important;
}

#main .testimonialbox p:first-child{
    font-size: 1.15em !important;
    font-style: italic;
}

#main .testimonialbox p.autor{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #1f103c !important;
    padding: 10px 20px 15px 30px !important;
    margin: 0 !important;
    font-size: 1em !important;
    line-height: 1.6em !important;
    color: #ffffff;
    width: 100%;
}

#main .testimonialbox p.autor a{
    color: rgba(255,255,255,0.6) !important;
    margin-top: 10px;
    display: block;
    font-size: 0.95em !important;
}


#main .testimonialbox p.autor a:hover{
    color: rgba(255,255,255,1) !important;
}

#main .testimonialbox p.autor em{
    text-transform: uppercase;
    font-weight: 600;
    font-style: normal;
}

.caroufredsel_controls{
    display: block;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 20px;
}

.caroufredsel_controls a{
    border-radius: 50%;
    display: inline-block;
    text-indent: -100em;
    overflow: hidden;
    background-color: #555;
    height: 12px;
    width: 12px;
    margin: 4px;
}

.caroufredsel_controls a.selected{
    background-color: #d3d1d9;
}

#headline_testimonials.ce_bgimage.max_width_m .contentwrap {
    max-width: 1240px !important;
}

.set_left{
    float: left;
}

.set_right{
    float: right;
}

/* Downloads */
.ce_download_small .ce_download_small_inside a:after,
a.ce_download_small_inside:after {
    color: #9a9a9a;
}

.ce_download_small .ce_download_small_inside,
a.ce_download_small_inside {
    max-width: 50%;
}

.ce_download_small .ce_download_small_inside a,
a.ce_download_small_inside{
    border:3px solid #9a9a9a !important;
    max-width: 100%;
    border-radius: 5px;
    padding: 17px 25px;
    color: #9a9a9a !important;
    font-size: 21px !important;
    font-weight: 600;
    transition: All .3s ease;
    -webkit-transition: All .3s ease;
    display: block;
    margin-bottom: 15px;
    position: relative;
}

a.ce_download_small_inside:after{
    font-family: FontAwesome;
    content: "\f0ed";
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -35px;
    font-size: 25px;
    line-height: 70px;
    opacity: .4;
}

.order_item_downloads a.ce_download_small_inside{
    font-size: 16px !important;
    padding: 8px 25px;
    border-width: 2px !important;
}

.ce_download_small .ce_download_small_inside a .size,
a.ce_download_small_inside .size{
    font-weight: 300;
    color: #9a9a9a;
}

.ce_download_small .ce_download_small_inside a:hover,
.ce_download_small .ce_download_small_inside a:focus,
a.ce_download_small_inside:hover,
a.ce_download_small_inside:focus{
    border-color: #361b6a !important;
    color: #361b6a !important;
}

.ce_download_small .ce_download_small_inside a:hover .size,
.ce_download_small .ce_download_small_inside a:focus .size,
a.ce_download_small_inside:hover .size,
a.ce_download_small_inside:focus .size{
    color: #361b6a;
}

.ce_download_small .ce_download_small_inside:hover a:after,
a.ce_download_small_inside:hover:after{
    color: #361b6a !important;
    opacity: 1;
}

span.from{
    text-transform: lowercase;
}

.ce_leadertext.version1 .subheadline {
    font-style: normal;
    margin-bottom: 10px;
    font-size: 1.25rem;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.ce_leadertext.version1 .divider {
    background: #333;
    content: '';
    display: block;
    height: 1px;
    margin: 20px 0 20px 1px;
    position: relative;
    width: 40px;
}

.overflow-visible{
    overflow: visible;
}