@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../../../images/fonts/titillium-web-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('../../../images/fonts/titillium-web-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../images/fonts/titillium-web-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../images/fonts/titillium-web-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../images/fonts/titillium-web-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../images/fonts/titillium-web-v6-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web Bold';
  font-style: normal;
  font-weight: 600;
  src: url('../../../images/fonts/titillium-web-v6-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'),
       url('.../../../images/fonts/titillium-web-v6-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../images/fonts/titillium-web-v6-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../images/fonts/titillium-web-v6-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../../images/fonts/titillium-web-v6-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../images/fonts/titillium-web-v6-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* Navi rechts Pos-7 */
.span3 {
        max-width: 250px !important;
        /*border: 4px solid #5f3f00;*/
}
.well {
        overflow: hidden;
        min-height: 20px;
        max-width: 230px;
        padding: 9px;
        margin-top: 60px;
        margin-right: 0px;
        margin-bottom: 10px;
        background-color: #2a455d;
        border: 0px solid #e3e3e3;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        border-radius: 14px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
        background:  url(../../../images/mcp_gfx/BG_transparent.png) repeat top left !important; /**/
        border: 1px dotted #004f65;
}

/* === Ganze Seite -  Content === border: 5px solid #e3e3e3;*/
.body .container {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 5px;
        *padding-top: 0px;
        background:none;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        border: 0px solid rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.05);
        -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.05);
        box-shadow: 0px 0px 0px rgba(0,0,0,0.05);

}

/* === SEITE BREITER ALS 960px (PROTOSTAR AUF FLUID SETZEN !!!)

                 ANLEGEN UND ZENTRIEREN !!! ===*/

.container-fluid {
    max-width:1280px !important;    /* Maximale Breite */
    margin:0em auto;                /* Zentrieren */
}

 /*Body All BG */
body.site {
    /*border: 4px solid #ggffff;*/
        width: 99.999999999999%;
        *width: 99%;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        background: #ffffff url(../../../images/mcp_gfx/BG.jpg) repeat top left;  /**/
}

/* === Content - Artikel All ===*/
.row-fluid {
        margin-top: 20px;
        padding-top:0px;
        background:  url(../../../images/mcp_gfx/BG_transparent_100.png) repeat top left; /**/
        border: 0px dotted #004f65;
        -webkit-border-radius: 14px 14px 14px 14px;
        -moz-border-radius: 14px 14px 14px 14px;
        border-radius: 14px 14px 14px 14px;

}

body {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-family: 'Titillium Web', sans-serif !important;
        font-size: 16px;
        line-height:1.4em;
        color: #1e1e1e;  /*  004f65*/
        text-align:justify;
        text-justify: inter-ideograph;
}
/**/
.body {
         background: url(../../../images/mcp_gfx/header_outer.png) repeat-x top left;/* */
}

h1,
h2,
h3,
h4,
h5,
h6 {
        color:#000000;/*004f65*/
        text-align:left;
        font-family: 'Titillium Web Bold', sans-serif !important;
}

h3.sub{
        text-align:center;
}

h1 {
        font-size: 22.75px;
}

p {
        margin-top:-10px;
}

.beratung_oben{
    color:#ffffff;
    width:160px;
        padding-right: 5px;
        margin-top:6px;
        margin-bottom:20px;
        border: 1px solid #ffffff;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
}
.beratung_oben:hover{
  /* cursor:pointer;*/
}

.header-search .search-query {
        padding-right:0px important!;
        margin-top:8px;
}

/* === FOOTER NORMAL ===
.footer{
        margin-top:-20px;
        padding-left:25px;
        padding-right:25px;
}*/

/* === FOOTER FIXED === */
.footer{
        padding-top:20px;
        width:100%;
        height:30px;
        bottom:0px;
        padding-left:0px;
        background: #961420;/*004f65*/
        position:fixed;
        z-index:1000;
        border-top: 2px dotted #ffffff;
}
.footer a{
    color:#ffffff;
        border-right: 1px solid #ffffff;
}
.footer a:hover,
.footer a:focus{
    color:#000000;
        border-right: 1px solid #ffffff;
}
.footer a:last-child{
   border-right: 0px solid #ffffff;/* */
}
.sitename{
    color:#ffffff;
    float:left;
}
.sozialmedia{
    padding-bottom:8px;

}


li {
        line-height:1.5em;
        list-style-type: none;
}
li2 {
        list-style-type: circle;
}

/* === Logo-gfx im Header=== */
.brand {
        /*border: 2px solid #000000;*/
        bottom:0px;
}

.header .brand {
                float: none;
                display: block;
                text-align: center;
}

/* === Überschriften/Titel im Content === */
.page-header {
        color:#673a07;
        padding-left: 45px;
        border: 0px solid #5f3f00; /**/
        background:  url(../../../images/mcp_gfx/Pos_Pfeil.png) no-repeat top left;
}

/* === Content - Div - Allgemein === */
.content_all {
        padding-top:0px;
        color:#1e1e1e;
  /*border: 3px solid #5f3f00;*/
        -webkit-border-radius: 11px;
        -moz-border-radius: 11px;
        border-radius: 11px;
}

.content_all hr{
   width:100%;
   border-color:#c0c0c0;
}

/* === NAVIGATION === */
/* === Innerhalb - Header === */
.header-inner {
 /*border: 2px solid #00ff00;  */
   position:relative;
   background:  url(../../../images/mcp_gfx/Head_Bg.png) no-repeat top left; /**/
}
.navigation{
   z-index:999;
   width:100%;
   font-size: 19px;
   font-weight:normal;
   padding-top: 0px;
   padding-left: 5px;
   border: 1px dotted #961420;/*004f65*/
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   background:  url(../../../images/mcp_gfx/BG_transparent.png) repeat top left !important; /**/
}
.nav-collapse{
 /*border: 2px solid #000000;*/
   width:100%;
   padding-top: -15px;
   background:  url(../../../images/mcp_gfx/BG_transparent_100.png) repeat top left !important; /**/
}
.navbar {
  /*border: 2px solid #000000;*/
    padding-right:20px;
}

.navbar a{border: 2px solid #000000;
  color: #dd0000 !important;/**/
}

.header-inner:after{
    clear:both;
}
.nav-pills > li > a {
    background:  url(../../../images/mcp_gfx/BG_transparent_100.png) repeat top left !important; /**/
    color: #000000;/*004f65*/
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    align:bottom;
        border-right: 1px solid #004f65;
        border-bottom: 5px solid transparent;
}
.nav-pills > li:last-child a{
   border-right: 0px solid #000000;/* */
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
        color: #012e3b;
        background-color: none  !important;
        border-bottom: 5px solid #961420;/*004f65*/
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
        color: #012e3b;
        background:#252e39;
        border-bottom: 5px solid #961420;/*004f65*/
}

a {
        color: #ffffff;
        text-decoration: none;
}
a:hover,
a:focus {
        color:#961420; /*#ca9505;*/
        text-decoration: none;
}

.navigation .nav-child {
        background-color: #ffffff;
    top: 30px;
        left: 9px;
        -webkit-border-radius: 11px;
        -moz-border-radius: 11px;
        border-radius: 11px;
}
.navigation .nav-child li > a {
        font-size: 15px;
        color: #673a07;
}
.navigation .nav-child li > a:hover,
.navigation .nav-child li > a:focus,
.navigation .nav-child:hover > a {
        text-decoration: none;
        color: #ffffff;
        background-color: #3f4b59;
        background-color: #3f4b59;
        background-image: -moz-linear-gradient(top,#b07d49,#673a07);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#b07d49),to(#673a07));
        background-image: -webkit-linear-gradient(top,#b07d49,#673a07);
        background-image: -o-linear-gradient(top,#b07d49,#673a07);
        background-image: linear-gradient(to bottom,#b07d49,#673a07);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b07d49', endColorstr='#673a07', GradientType=0);
}

/* === Subnavi > im Content darstellen TEST === */
.moduletable {
        padding-left:10px;
        padding-right:10px;
}
.moduletable > ul {
    /*border: 1px solid #ffffff; */
        padding: 0px 0px 0 auto;
        margin-top:-20px;
        margin-right:-5px;
        padding-bottom:0px;
        height:5px;
        float:right; /* */
}
.moduletable > ul {
        padding: 0px 0px 0 auto;
        margin-top:-20px;
        float:right; /* */
}
.moduletable > ul:after {
        clear:both;
        float:left;
}
.moduletable > .nav-pills > li > a{
    line-height:5px;
    border-right:0px;
}

.moduletable > .nav-pills > li:first-child a{
   /* display:none;  Subnavi > Erster Eintrag ausblenden NEU*/
}

.moduletable > .nav-pills > .current > a,
.moduletable > .nav-pills > .current > a:hover,
.moduletable > .nav-pills > .current > a:focus {
        color: #ffffff;
        background-color: #b07d49 !important;
}
.moduletable > .nav-pills > .active > a,
.moduletable > .nav-pills > .active > a:hover,
.moduletable > .nav-pills > .active > a:focus {
        color: #ffffff;
        background-color: #b07d49 !important;
        border-right:0px;
}

/* current
.moduletable > .nav-pills > .parent > a{
        color: #ffffff;
        background-color: #6b7785  !important;
        border-top: 5px solid #49739b;
}*/

/* === Kontaktformular Formatierung === */
.contact > h3 {
        padding-left:55px;
}
.contact-address{
        padding-left:15px;
}
.contact-form {
    padding-left:15px;
        padding-right:15px;
}
.contact-form legend{
   color:#f1f2f5;
}
.controls{
   color:#000000;
}
.form-validate{
        padding-left:15px;
        padding-right:15px;
        background: #3f4b59;
        border: 0px solid #5f3f00;
        -webkit-border-radius: 11px;
        -moz-border-radius: 11px;
        border-radius: 11px;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
        background: #252e39!important;
        color:#f1f2f5 !important;
        border:0px !important;
}
button:hover, button:focus{
        background: #6b7785!important;
        color:#f1f2f5!important;
        border: 0px;
}
/* === Kontaktformular ENDE=== */

/* === Kontaktformular - Versandumschlag anfordern === */
.form_umschlag {
    padding-left: 60px;
    /*border: 2px solid #ffffff;  */
}
.termine{
    margin: 0 auto;
    width:95%;
        overflow:hidden;
    zoom:1;
    text-align: center !important;
    align:center !important;
}

.startseite_text{
   padding-left: 25px;
}
.startseite_text li{
   line-height:2.5em;
}

/* === GoToTop-GFX Content - Div - Allgemein === */
.gotop_fixed {
    padding:6px;
    background: #ffffff;
    position:fixed;
        right:10px;
        bottom: 80px;  /*70px calc((100% - 714px)); */
        border: 1px solid #000000;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        z-index:1001;
}



/* === === === === === === === === === === === === === === === === === === === === === === ===  */

/* === === === === === VERANSTALTUNGEN > BEITRAGSSEITE ÜBERSICHT === === ===  */

/* === BEITRAG ALLGEMEIN === */
.beitrag_gfx{
    margin: 0 auto;
    width:100%;
        overflow:hidden;
    zoom:1;
    text-align: center !important;
    align:center !important;
        /*border-top: 10px dotted #004f65;  */
}

/* READMORE BUTTON "Infos & Tickets" */
p.readmore .btn{
    border:0px;
        width:88%;
        margin-left: 5px;
    font-style: normal;
        font-size:18px;
        color:#961420;/* 004f65 */
        /*margin-top: -40px;   */
        text-align: right !important;
        padding-top: 8px;
        padding-bottom: 8px;
}


/* === === === === === === 1. BEITRAG GROß DARSTELLEN === === === === === === */

/* READMORE BUTTON "Infos & Tickets" wenn 1. Beitrag> groß */
.items-leading p.readmore .btn{
    border:0px;
        width:95%;
        margin-left: 10px;
        padding-right: -25px;
    font-style: normal;
        font-size:18px;
        color:#961420;/* 004f65 */
        margin-top: 20px;
        text-align: center !important;
}
/* === 1. BEITRAG GROß DARSTELLEN >> CONTAINER === */
.items-leading{
            background:  url(../../../images/mcp_gfx/BG_transparent.png) repeat top left !important; /**/

    /*
        background:  url(../../../images/mcp_gfx/BG_2.png) repeat top left !important;
    */
        border: 1px dotted #000000;/*004f65*/
        -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
        /*box-shadow: 4px 4px 15px #000000;
        -webkit-box-shadow: 7px 7px 10px #000000;
        -moz-box-shadow: 7px 7px 10px #000000;
        -o-box-shadow: 3px 3px 10px #000000;
        -ms-box-shadow: 7px 7px 40px #000000;*/
}
/* === 1. BEITRAG GROß DARSTELLEN >> BILD & TEXT CONTAINER === */
.items-leading .beitrag_gfx{
        margin-bottom: -25px !important;
}
/* === 1. BEITRAG GROß DARSTELLEN >> Bild === */
.items-leading .beitrag_gfx_01{
        margin-left: 10px;
    max-width:375px;
}
/* === 1. BEITRAG GROß DARSTELLEN >> TEXT === */
.items-leading .beitrag_gfx_02{
    width:66%;
}
/* === 1. BEITRAG GROß >> BAND/EVENT NAME=== */
.items-leading .event_head{
     font-size:24px;
         padding-bottom:25px;
}
/* === 1. BEITRAG GROß >> VERANSTALTUNGSORT === */
.items-leading .event_location{
     font-size:17px;
}
/* === 1. BEITRAG GROß >> TEXT UNTER  VERANSTALTUNGSORT=== */
.items-leading .event_introtext{
     /*display:none;*/
         margin-left:10px;
}
/* === 1. BEITRAG GROß >> TICKETBESTELLUNG === */
.items-leading .event_tickets{
     display:none;
}
/* === ENDE 1. BEITRAG GROß DARSTELLEN === */



/* === === === === === === BEITRAG ALLGEMEIN INHALT === === === === === === */

/* === BEITRAG >> BAND/EVENT NAME === */
.event_head{
       text-transform:uppercase;
           font-style: normal;
           font-size:18px;
           font-weight:bold;
       padding-top: 2px;
           padding-bottom: -10px;
           margin-top: 0px;
           padding-left: 10px;
           text-align: left !important;
           color:#000000;/*004f65*/
}
/* === BEITRAG >> VERANSTALTUNGSORT === */
.event_location{
       text-transform:uppercase;
           font-style: normal;
           font-size:15px;
       padding-top: 3px;
           padding-bottom: 3px;
           margin-top: -7px;
           margin-bottom: 20px;
           padding-left: 10px;
           text-align: left !important;
           color:#ffffff;
           background:#961420;/* 004f65 */
}

/* === MCP NEU - 22.09.2020 - Event ist von ... === */
#EV_cop{
        border-right: 0px solid #00ff00;/*004f65*/
        background: #961420 url(../../../images/mcp_gfx/COP_NAV/COP_NAV_POS_1.jpg) no-repeat top right !important;
}
#EV_nav{
        border-right: 0px solid #00ff00;/*004f65*/
        background: #961420 url(../../../images/mcp_gfx/COP_NAV/COP_NAV_POS_2.jpg) no-repeat top right !important;
}
#EV_cop_nav{
        border-right: 0px solid #00ff00;/*004f65*/
        background: #961420 url(../../../images/mcp_gfx/COP_NAV/COP_NAV_POS_3.jpg) no-repeat top right !important;
}
/* === === === === === === BEITRAG ALLGEMEIN DETAILS === === === === === === */

/* === BEITRAG >> DETAILS / READMORE-INFOS >> LINK: TICKETS === */
.event_tickets{
           padding-right: 10px;
           margin-top: 10px;
           text-align: right !important;
           background:#f0efef;
           color:#004f65;
           text-transform:uppercase;
           background: #f0efef url(../../../images/mcp_gfx/Tickets_BG.png) no-repeat top right; /**/
}
.event_tickets a{
           display:block;
           font-weight: bold;
           padding-top: 5px;
           padding-bottom: 5px;
           color:#ffffff;
}

/* === BEITRAG >> DETAILS / READMORE-INFOS >> ZUSATZTEXT === */
.event_more_info{
    padding-top: 15px !important;
        margin: 0 auto;
    width:100%;
        overflow:hidden;
    zoom:1;
}
/* === BEITRAG >> DETAILS / READMORE-INFOS >> LINKS: ALLGEMEIN UNTEN === */
.event_more_links{
    text-transform:uppercase;
    width:100%;
        padding-top: 15px !important;
    border-top: 1px dotted #004f65;
        border-bottom: 1px dotted #004f65;
}
.event_more_links a{
    padding-right: 10px;
        padding-left: 40px;
        background:  url(../../../images/mcp_gfx/Pos_Pfeil.png) no-repeat top left;
}
/* === BEITRAG >> DETAILS / READMORE-INFOS >> VIDEO === */
.event_Video{
    padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 10px;
    width:100%;
        min-width:170px;
    max-width:960px;
        text-align: left;
    align:left;
        /*  */
}
/* === BEITRAG >> DETAILS / READMORE-INFOS >> HISTORY BACK BUTTON === */
.back_button{
           padding-right: 15px;
           margin-top: 13px;
           margin-left: -10px;
           text-align: right !important;
           background:#f0efef;
           color:#004f65;
           width:101%;
           background: #f0efef url(../../../images/mcp_gfx/Back_BG.png) no-repeat top right; /**/

}
.back_button a{
       display:block;
           padding-top: 10px;
           padding-bottom: 5px;
           color:#ffffff;
}

/* === BEITRAG >> ALLGEMEIN GROß & DETAILS === */
.beitrag_gfx_01{
    margin-top:-10px;
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 15px;
    width:49%;
    float:left;
        min-width:170px;
    max-width:450px;
        text-align: center;
    align:center;
        border: 0px solid #000000;/*004f65*/
        /*box-shadow: 4px 4px 15px #000000;
        -webkit-box-shadow: 7px 7px 10px #000000;
        -moz-box-shadow: 7px 7px 10px #000000;
        -o-box-shadow: 3px 3px 10px #000000;
        -ms-box-shadow: 7px 7px 40px #000000;*/
}
.beitrag_gfx_01 .beitrag_status{
    text-align: center;
        text-transform:uppercase;
        font-size:15px;
        font-weight:bold;
        padding-left: 20px;
        padding-right: 20px;
        color:#ffffff;
        background:#961420; /*004f65         text-decoration: blink;*/
        background:rgba(150,20,32,0.8);/* #961420; 004f65 */
    position:absolute;
    z-index:2;
        margin-top:-30px;
        border-left:10px solid #961420;
        border-right:10px solid #961420;
}
.beitrag_status_leer{
        font-size:15px;
        font-weight:bold;
        padding-left: 0px;
        background: transparent;
    position:absolute;
    z-index:2;
        margin-top:-27px;
}
.beitrag_gfx_02{
        padding-left: 18px;
        padding-right: 5px;
    width:49%;
    float:left;
        min-width:170px;
    max-width:900px;
        text-align:justify;
        text-justify: inter-ideograph;
}


/* === === === === === === BEITRÄGE SPALTENANSICHT === === === === === === */


/* VERANSTALTUNGEN REIHE > wenn Spalten (3) */
.items-row{
   /*  border: 5px solid #004f65!important;   */
        width:100%;
}

/* VERANSTALTUNGEN REIHE > wenn Spalten (0) */
.items-row.cols-1 {
     /*border: 5px solid #004f65!important;   */
        width:18%;
        float:left;
        min-width:240px;
        max-width:255px;
        margin-right: 15px!important;
}

/* VERANSTALTUNGEN BEITRAG > wenn Spalten (0) */
.items-row .span12{
    border: 1px dotted #000000;/*004f65*/
        background:  url(../../../images/mcp_gfx/BG_transparent.png) repeat top left !important; /**/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
           /*box-shadow: 4px 4px 15px #000000;
        -webkit-box-shadow: 7px 7px 10px #000000;
        -moz-box-shadow: 7px 7px 10px #000000;
        -o-box-shadow: 3px 3px 10px #000000;
        -ms-box-shadow: 7px 7px 40px #000000;*/
}
.items-row .span12 .beitrag_gfx_01{
    width:100%;
        margin-bottom: 0px;
        box-shadow: 0px 0px 0px #004f65;
        -webkit-box-shadow: 0px 0px 0px #004f65;
        -moz-box-shadow: 0px 0px 0px #004f65;
        -o-box-shadow: 0px 0px 0px #004f65;
        -ms-box-shadow: 0px 0px 0px #004f65;
}

.items-row .span12 .beitrag_gfx_02{
    padding-left: 0px;
    width:100%;
}
.items-row .span12 .event_head{
           margin-top: 5px;
           height:45px;
}
.items-row .span12 .beitrag_gfx_02 .event_introtext{
    display:none;
    margin-left: 10px;
        margin-right: 5px;
}
.items-row .span12 .event_tickets{
     display:none;
}
/* === === === === === === ENDE BEITRÄGE SPALTENANSICHT 0 === === === === === === */


/* VERANSTALTUNGEN BEITRAG > wenn Spalten (4) */
.span3{
    border: 1px dotted #004f65; /*dotted*/
        background:  url(../../../images/mcp_gfx/BG_transparent.png) repeat top left !important; /**/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
           box-shadow: 4px 4px 15px #004f65;
        -webkit-box-shadow: 7px 7px 10px #004f65;
        -moz-box-shadow: 7px 7px 10px #004f65;
        -o-box-shadow: 3px 3px 10px #004f65;
        -ms-box-shadow: 7px 7px 40px #004f65;
}
.span3 {
    margin-right: 42px;
    width:100%;
}
.span3 .beitrag_gfx_01{
    width:100%;
        margin-bottom: 0px;
        box-shadow: 0px 0px 0px #004f65;
        -webkit-box-shadow: 0px 0px 0px #004f65;
        -moz-box-shadow: 0px 0px 0px #004f65;
        -o-box-shadow: 0px 0px 0px #004f65;
        -ms-box-shadow: 0px 0px 0px #004f65;
}
.span3 .beitrag_gfx_02{
    padding-left: 0px;
    width:100%;
}
.span3 .event_head{
           margin-top: 10px;
}
.span3 .beitrag_gfx_02 .event_introtext{
    display:none;
    margin-left: 10px;
        margin-right: 5px;
}
.span3 .event_tickets{
     display:none;
}
/* === === === === === === ENDE BEITRÄGE SPALTENANSICHT 4 === === === === === === */


/* VERANSTALTUNGEN REIHE > wenn Spalten (3) */
.items-row{
    margin-left: 0px;
        margin-right: 0px !important;
        border: 0px solid #004f65;
}

/* VERANSTALTUNGEN BEITRAG > wenn Spalten (3) */
.span4{
    border: 1px solid #004f65; /*dotted*/
        background:  url(../../../images/mcp_gfx/BG_transparent.png) repeat top left !important; /**/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
           box-shadow: 4px 4px 15px #004f65;
        -webkit-box-shadow: 7px 7px 10px #004f65;
        -moz-box-shadow: 7px 7px 10px #004f65;
        -o-box-shadow: 3px 3px 10px #004f65;
        -ms-box-shadow: 7px 7px 40px #004f65;
}
.span4 .beitrag_gfx_01{
    width:100%;
        margin-bottom: 0px;
        box-shadow: 0px 0px 0px #004f65;
        -webkit-box-shadow: 0px 0px 0px #004f65;
        -moz-box-shadow: 0px 0px 0px #004f65;
        -o-box-shadow: 0px 0px 0px #004f65;
        -ms-box-shadow: 0px 0px 0px #004f65;
}
.span4 .beitrag_gfx_02{
    padding-left: 0px;
    width:100%;
}
.span4 .event_head{
           margin-top: 10px;
}
.span4 .beitrag_gfx_02 .event_introtext{
    display:none;
    margin-left: 10px;
        margin-right: 5px;
}
.span4 .event_tickets{
     display:none;
}
/* === === === === === === ENDE BEITRÄGE SPALTENANSICHT 3 === === === === === === */

/* NEWS REIHE > wenn Spalten (1) = Reihen */
.blog .span12 .news_gfx{
    border: 1px dotted #004f65; /*dotted*/
        background:  url(../../../images/mcp_gfx/BG_transparent.png) repeat top left !important; /**/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

}
.blog .span12 .news_gfx_01{
    margin-top: 0px !important;
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 0px;
    width:100%;
    float:left;
        min-width:80px;
    max-width:970px;
        text-align: left;
    align:left;
        box-shadow: 0px 0px 0px #004f65;
        -webkit-box-shadow: 0px 0px 0px #004f65;
        -moz-box-shadow: 0px 0px 0px #004f65;
        -o-box-shadow: 0px 0px 0px #004f65;
        -ms-box-shadow: 0px 0px 0px #004f65;
}
.blog .span12 .news_gfx_01 img{
        min-width:80px;
    max-width:170px;
}

.item-page .news_gfx_02 {

}
.item-page .news_gfx_01 img{
    margin-bottom: 20px;
}

.blog .span12 .news_gfx_02{
    margin-top: 0px !important;
        padding-left: 10px;
        padding-right: 5px;
    width:80%;
        max-width:770px;
    float:right;
        min-width:170px;
    max-width:800px;
        text-align:justify;
        text-justify: inter-ideograph;
}
/* === NEWS >> BAND/EVENT NAME === */
.blog .span12 .news_head{
       /*text-transform:uppercase;*/
           font-style: normal;
           font-size:22px;
       padding-top: 0px;
           padding-bottom: 0px;
           margin-top: 0px;
           padding-left: 10px;
           text-align: left !important;
           color:#004f65;
}
.blog .span12 .news_introtext{
       /*text-transform:uppercase;*/
           font-style: normal;
           font-size:16px;
           margin-top: 0px;
       padding-top: 0px;
           padding-bottom: 0px;
           padding-left: 10px;
           text-align:justify;
           text-justify: inter-ideograph;
           color:#004f65;
}
.startseite_text .news_head{
       /*text-transform:uppercase;*/
           font-style: normal;
           font-size:22px;
       padding-top: 0px;
           padding-bottom: 10px;
           margin-top: -20px;
           padding-left: 10px;
           text-align: left !important;
           color:#004f65;
}
.startseite_text .news_introtext{
       /*text-transform:uppercase;*/
           font-style: normal;
           font-size:16px;
           margin-top: 0px;
       padding-top: 0px;
           padding-right: 10px;
           padding-left: 10px;
           text-align:justify;
           text-justify: inter-ideograph;
           color:#004f65;
}
/* === === === === === ===  NEWSFLASH MODUL STARTSEITE  === === === === === === */
.newsflash {
    margin-top: 30px;
}
.newsflash .news_gfx{
        background:  url(../../../images/mcp_gfx/BG_transparent.png) repeat top left !important; /**/
    border: 1px dotted #004f65;
    width:100%;
    max-width:900%;
}
.newsflash .news_gfx_01{
    /*display:none;*/
    max-width:900px;
    width:100%;
}
.newsflash .news_gfx_02{
    max-width:900px;
    width:100%;
}
.newsflash .event_head{
        margin-top: -20px;
}
.newsflash .event_location{
    padding-right: 10px;
    float: left;
        margin-right: 10px;
        margin-bottom: 0px;
}
.newsflash .event_introtext{
    width:95%;
    margin-left: 10px;
        margin-right: 5px;
}
.newsflash .event_tickets{
    display:none;
}
.newsflash a.readmore {
    color:#ffffff;
        padding-right: 15px;
        margin-top: 0px;
        margin-bottom: 20px;
        margin-left: 15px;
    display:block;
    width:95%;
    text-align: right !important;
    background: #f0efef url(../../../images/mcp_gfx/Back_BG.png) no-repeat top right; /**/
}
/* === === === === === ===  ENDE NEWSFLASH MODUL STARTSEITE  === === === === === */


.beitrag_gfx_03{
        padding-left: 0px;
        padding-right: 0px;
    width:100%;
    float:left;
        text-align:justify;
        text-justify: inter-ideograph;
}

.beitrag_gfx_unten{
    margin: 0 auto;
    width:100%;
        overflow:auto;
    zoom:1;
    text-align: center;
    align:center;
  /*border: 2px solid #ffffff;  */
}

.beitrag_gfx_unten_01{
    width:100%;
    float:left;
        min-width:170px;
        text-align: center;
    align:center;
  /*border: 2px solid #ffffff; max-width:170px; */
}

.beitrag_gfx_unten_02{
    width:49%;
    float:left;
        min-width:170px;
    max-width:170px;
        text-align: center;
    align:center;
  /*border: 2px solid #ffffff;  */
}

.table {
  margin-left: 0px;
  margin-right: 0px;
  width:99%;
  overflow:hidden;
  zoom:1;
  text-align: left;
  align:center !important;
  border: #673a07 1px dotted;
/*border-top: #673a07 1px dotted;*/
  vertical-align:top;
}

.zelle_1{
        padding-left: 8px;
        padding-right: 10px;
    width:45%;
    float:left;
        min-width:70px;
    max-width:242px;
        font-weight:bold;
        background: #f7f3ef !important;
}

.zelle_2{
        padding-left: 8px;
        padding-right: 10px;
    width:18%;
    float:left;
        min-width:50px;
    max-width:250px;
}

.zelle_3{
        padding-left: 8px;
        padding-right: 10px;
    width:30%;
    float:left;
        min-width:70px;
    max-width:250px;
}

.zelle_4{
        padding-left: 8px;
        padding-right: 10px;
    width:14%;
    float:left;
        min-width:50px;
    max-width:250px;
}

.table:after {
    clear:both;
}

/* === === === === === ===  NEWS Facebook  === === === === === */
.News_left{
        padding-left: 8px;
        padding-right: 8px;
        width:45%;
        float:left;
        background: transparent!important;
}
.News_right{
        padding-left: 8px;
        padding-right: 8px;
        width:45%;
        float:left;
        background:transparent!important;
}
.facebooknews{
        width: 100%;
        padding-top: 10px;
        border: 2px solid #961420;
        background-color: #961420!important;
}
.facebooknews .fbframe{
        width: 99%;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        background-color: transparent!important;
}
/* === === === === === ===  ENDE NEWS Facebook  #961420 === === === === === */

@media( max-width: 1280px) {
  .items-leading .beitrag_gfx_02{
        width:55% !important;
        float:left;
  }
}

@media(max-width: 1180px) {
  .News_left{
        float:none!important;
        width:570px!important;
  }
    .News_right{
        float:none!important;
        width:570px!important;
  }

}

@media(max-width: 978px) {
  .beitrag_gfx{
    overflow:hidden;
  }
  .beitrag_gfx_01{
          padding-left: 0px;
    width:99%;
        max-width:450px;
    overflow:hidden;
  }
  .beitrag_gfx_02{
        padding-left: 0px;
    width:99%;
    overflow:hidden;
  }
  .items-leading .beitrag_gfx{
    width:100%;
  }
    .items-leading .beitrag_gfx_01 {
    margin-bottom: 5px;
  }
  .items-leading .beitrag_gfx_01{
        margin-left: 10px;
    max-width:450px;
  }
  .items-leading .beitrag_gfx_02 {
    max-width:900px;
        width:100% !important;
  }
  .items-leading .beitrag_gfx .event_location{
    width:99%;
  }
  .items-leading .beitrag_gfx .event_head{
    width:95%;
  }
  /* === 1. BEITRAG GROß >> TEXT UNTER  VERANSTALTUNGSORT=== */
  .items-leading .event_introtext{
     /*display:none;*/
         margin-bottom:20px;
         margin-right:20px;
  }
   /* READMORE BUTTON */
  p.readmore .btn{
    border:0px;
        width:86%;
        margin-left: 5px;
    font-style: normal;
        font-size:18px;

        margin-top: 0px;
        text-align: right !important;
        padding-top: 8px;
        padding-bottom: 8px;
  }
  .items-leading p.readmore .btn{
    border:0px;
        width:92%;
        margin-left: 10px;
        padding-right: -25px;
    font-style: normal;
        font-size:18px;
        margin-top: 10px;

  }
  .span4 .beitrag_gfx .event_head{
    width:95%;
        font-size:18px;
        margin-top: 0px;
        margin-bottom: 0px;
  }
  .beitrag_gfx_02{
    max-width:900px;
    width:100%; /*49 */
  }
  .beitrag_gfx_03{
    width:90%;
    overflow:hidden;
  }
  .beitrag_gfx_unten{
    overflow:hidden;
    width:100%;
  }
  .beitrag_gfx_unten_01{
    width:100%;
        min-width:170px;
  }
  .beitrag_gfx_unten_02{
    width:49%;
        min-width:170px;
    max-width:190px;
  }

/* === Logo-gfx im Header=== */
  .brand {
    float:left;
        position:relative;
        top:0px;
  }
  .navigation{
    width:100%;
    border: 0px solid #000000;
    position:relative;/**/
        top:-10px;
        padding-top: 0px;
        margin-bottom: -30px !important; /* -30px */
        font-size: 15px;
  }
  .moduletable {
        margin-top:-20px;
  }
  .header-inner {
    padding-bottom:0px;
  }
  .nav-pills > li  {
        margin-bottom:10px;
  }
  .nav-pills > li > a {
    font-weight:normal;
    color: #1e1e1e !important;
    background: #dedede !important;
        border-top: 0px solid #203549 !important;        /* neu */
  }
  .nav-pills > .active > a {
    color: #ffffff !important;
        background: #961420 !important;
  }
  .table{
        width: 250px !important;
        text-align: center;
    display:block;
        margin-left:auto;
        margin-right:auto;
        padding-right:10px;
  }
  .zelle_1{
    width:100% !important;
    clear:left;
        /*border: 2px solid #000000;*/
  }
  .zelle_2{
    width:100% !important;
    clear:left;
  }
  .zelle_3{
    width:100% !important;
    clear:left;
  }
  .zelle_4{
    width:100% !important;
    clear:left;
  }
}



/* === Screen ist kleiner 768 Pixel === */
@media(max-width: 768px) {
 .beitrag_gfx{
    overflow:hidden;
  }
  .beitrag_gfx_01{
    width:90%;
    overflow:hidden;
  }
    .beitrag_gfx_02{
    width:90%;
    overflow:hidden;
  }
  .items-leading {
    width:95%;
        margin-left: 8px !important;
  }
  .items-leading .beitrag_gfx{
    width:100%;
  }
  .items-leading .beitrag_gfx_01{
    margin-left: 0px !important;
    max-width:450px;
        width:100% !important;
  }
  .items-leading .beitrag_gfx_02 {
    max-width:900px;
        width:100% !important;
  }
  .beitrag_gfx_02 .event_introtext{
    margin-left: 10px;
        margin-right: 5px;
  }
  .event_introtext{
    margin-left: 10px;
        margin-right: 5px;
  }
  .items-leading .beitrag_gfx .event_location{
    font-size:16px;
    width:99%;
  }
  .items-leading .beitrag_gfx .event_head{
    margin-top: 0px;
    margin-bottom: 0px;
    font-size:18px;
    width:95%;
  }
  .span12 .beitrag_gfx_01 {
    max-width:450px;
  }
  .span12 .beitrag_gfx_02 {
    max-width:900px;
        width:100% !important;
  }
  .span12 .beitrag_gfx .event_location{
    width:99%;
  }
  .span12 .beitrag_gfx .event_head{
    width:95%;
        font-size:18px;
  }
  .span12{
    width:95%!important;
        margin-bottom: 10px;
        margin-left: 5px !important;
  }
  .beitrag_gfx_02 {
    max-width:900px;
        width:100% !important;
  }
  .items-row{
        margin-bottom: -15px !important;
  }
   /* READMORE BUTTON */
  p.readmore .btn{
    border:0px;
        width:85%;
        margin-left: 0px;
    font-style: normal;
        font-size:16px;
        margin-top: 0px;
        text-align: right !important;
        padding-top: 8px;
        padding-bottom: 8px;
  }
  .items-leading p.readmore .btn{
    border:0px;
        width:90%;
        margin-left: 10px;
        padding-right: -25px;
    font-style: normal;
        font-size:16px;
        margin-top: 10px;
  }
  .beitrag_gfx_03{
    width:90%;
    overflow:hidden;
  }
  .startseite_text li{
   line-height:1.5em;
  }
  .moduletable > ul {
        padding-bottom:160px;
  }
  /* === Logo-gfx im Header=== */
  .brand {
    float:left;
        /*bottom:0px;border: 2px solid #ffffff; 004f65 e3e8ea */
        position:relative;
        top:0px;
  }
  .navigation{

    position:relative;/**/
    top:10px;
    left:0px;
        width:96%;
        margin-bottom: -20px !important; /* -20px */
  }
  .nav-pills > li > a {
        color: #1e1e1e !important;
        background: #dedede !important;
        border-bottom: 5px solid transparent !important;
  }
  .nav-pills > li > a:hover,
  .nav-pills > li > a:focus {
        border-bottom: 5px solid #961420 !important;        /* neu */
  }
  .nav-pills > .current > a {
        color: #ffffff !important;
        background: #961420 !important;
  }
  .moduletable > ul {
        padding-left:10px;
  }
  body {
        font-size: 16px;
        line-height:1.3em;
  }
  .table{
        width: 240px !important;
        text-align: center;
    display:block;
        margin-left:auto;
        margin-right:auto;
        padding-right:10px;
  }
/* === FOOTER NORMAL === */
  .footer{
        height:auto;
        padding-top:-20px;
        padding-left:25px;
        padding-right:5px;
        padding-left:5px;
        background: #961420!important;/* 004f65 */
        position:static;
        z-index:1000;

   }
   .header-search .search-query {
    width:90% !important;
    margin-left:15px;
   }
   .page-header {
        margin-left: 5px;
    }
        /* CookieHint  */
    #redim-cookiehint{
        margin-bottom: 0px !important;
    }

}

@media(max-width: 550px) {

.pull-right{
    float:left;
}
  .items-leading {
    width:95%;
        margin-left: 6px !important;
  }
  .items-leading .beitrag_gfx_01 {
    margin-bottom: 0px;
  }
  .items-leading {
    width:225px;
  }
   .items-leading .beitrag_gfx .event_location{
    font-size:14px;
    width:99%;
  }
  .items-leading .beitrag_gfx .event_head{
    margin-top: 0px;
    margin-bottom: 0px;
    font-size:16px;
    width:95%;
  }
   /* === 1. BEITRAG GROß >> TEXT UNTER  VERANSTALTUNGSORT=== */
  .items-leading .event_introtext{
    display:none;/**/
  }
  .span12 .beitrag_gfx_01{
     /*display:none; */
  }
  .beitrag_gfx_01{
    width:100%;
  }
  .span12 .beitrag_gfx .event_location{
    width:99%;
        font-size:14px;
  }
  .span12 .beitrag_gfx .event_head{
    width:95%;
        font-size:16px;
  }
  .items-row .span12 .event_head{
           margin-top: 0px;
           height:35px;
  }
  .span12{
    width:95%!important;
        margin-bottom: 10px;
        margin-left: 6px !important;
  }
   /* READMORE BUTTON */
  p.readmore .btn{
        border:0px;
        width:80%;
        margin-left: 5px;
        font-style: normal;
        font-size:16px;
        text-align: right !important;
        padding-top: 8px;
        padding-bottom: 8px;
        margin-top: -10px;
        margin-bottom: -5px;
  }
  .items-leading p.readmore .btn{
        border:0px;
        width:80%;
        margin-left: 10px;
        padding-right: -25px;
        margin-bottom: 0px;
        font-style: normal;
        font-size:16px;
        margin-top: 5px;
        text-align: right !important;
  }
  .Ref_thmb{
        background:  url(../../../images/mcp_gfx/Projekte/Projekte_Fotobuch_Leer.jpg) no-repeat bottom right; /**/
  }
  .table{
        width: 180px !important;
  }
  .body {
        padding-top: 0px !important;
       /*  background: none;*/
        line-height:1.1em;
  }
  .body .container {
        padding-top: 0px;
        *padding-top: 0px;
  }
  .startseite_text{
    padding-left: 5px;
  }
  .header-search .search-query {
    width: 87% !important;
    margin-left:10px;
  }
  .header-search.pull-right {
    width: 95% !important;
    margin-left:10px;
  }
}

/*  ======  ====== ====== ====== BURGERMENU ====== ====== ======*/
.navbar .btn-navbar {
        float: right;
        padding: 7px 10px;
        margin-left: 5px;
        margin-right: 5px;
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
        background-color: #961420;
        background-image: -moz-linear-gradient(top,#f2f2f2,#e6e6e6);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#e6e6e6));
        background-image: -webkit-linear-gradient(top,#f2f2f2,#e6e6e6);
        background-image: -o-linear-gradient(top,#f2f2f2,#e6e6e6);
        background-image: linear-gradient(to bottom,#f2f2f2,#e6e6e6);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
        border-color: #e6e6e6 #e6e6e6 #bfbfbf;
        *background-color: #961420;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
        color: #fff;
        background-color: #961420;
        *background-color: #961420;
}
/*  ======  ====== ====== ====== ENDE BURGERMENU ====== ====== ======*/

/* === === === === === === === SLIDESHOW CK / BILDERSHOW === === === === === === ===*/
.slideshowck  {
    border-left:  10px solid #961420;
    border-right: 10px solid #961420;
}
.camera_caption > div {
        background: #961420 !important;
        background: rgba(1, 79, 101, 0.9)!important;
}
.camera_caption {
    color: #fff;
        bottom: 10px !important;
        display: block;
        position: absolute;
        width: 100%;
    z-index: 1000;
}
.camera_caption > div {
        padding: 10px 20px;
}
.camera_caption .camera_caption_title {
    font-family: 'Titillium Web', sans-serif !important;
        font-size: 2.3em;
    font-weight: bold;
    line-height: 1.8em;
}
.camera_caption .camera_caption_desc{
    font-family: 'Titillium Web', sans-serif !important;
        font-size: 1.5em;
    font-weight: bold;
    line-height: 1em;
        margin-bottom: 10px !important;
}
/* === === === === === === === ENDE SLIDESHOW CK / BILDERSHOW === === === === ===*/

/* === Kontaktformular === */
.well {
        text-align: left;
        display:block;
        margin-left:auto;
        margin-right:auto;
        margin-top: 10px;
        max-width: 630px;
        color: #000000;
        background-color: transparent!important;
        border: 1px dotted #000000 !important;
}
.contact-miscinfo .dl-horizontal .jicons-icons{
         display:none;
         float:left;
}
legend {
        color: #000000 !important;
}
.kontakt_text{ /* === Kontaktformular >> Weitere Informationen Text=== */
        font-size: 17px !important;
        line-height:1.5em !important;
}
.control-label label{
        font-size: 15px !important;
        line-height:1.5em !important;
}
/* === Kontaktformular ENDE=== */

/* CookieHint  */
#redim-cookiehint{
        padding: 5px 5px;
        padding-bottom: 10px;
        margin-bottom: 80px;
}
#redim-cookiehint .cookiecontent{
        font-size: 16px;
}
#redim-cookiehint .cookiebuttons{
        padding: 3px;
}
#redim-cookiehint .cookiebuttons .btn{
        background-color: #252e39 !important;
        font-size: 14px !important;
        line-height: 16px !important;
}
#redim-cookiehint > .cookiebuttons > a{
    background-color: #252e39 !important;
        color: #ffffff !important;
}
#redim-cookiehint .cookiebuttons .btn:hover{
        background-color: #252e39 !important;
        color: #ffffff !important;
}
/* Button allgemein für CookieHint a hfref */
.btn {
   background-image: none !important;
   border:0px;
}
.MCPListe {
list-style-type: circle !important;
text-align:justify !important;
}