/*
  Viel Spaß!
*/


/*
Schriftgröße und -schnitt
*/

body{
  font-weight:300;
      font-size: 1.7rem;
  }

/*
Headerhintergrund durchklickbar machen wegen Schräge unterhalb dem weißen Keil
*/

header{
  pointer-events: none;
  }
.inner{
  pointer-events: auto;
  }


/*
  Bildunterschriften
  http://frischdev.mars-solutions.de/typo3temp/sass/css/main_62c7c_0_2d7f4f0fb446cc03dc9e5f8c510f94f9.css?1467386207
*/


figcaption.csc-textpic-caption {
    text-align: left;
    font-size: 0.8em;
    font-weight: 400;
    color: #666666;
    padding: 0;
  padding-top:10px;
  padding-bottom:20px;
    line-height: 1.2em;
    margin-bottom: 2em;
  border-bottom:1px dashed #bababa;
}
/* Überschriften bei Text/Bild wie andere 
.csc-header-n6{
  padding:10px;
  }
*/

.csc-textpic-imagecolumn {
  margin-left:0% ;
  margin-right:2%;
  }

.csc-type-image .csc-inner {
    padding: 0px;
}
/*
  Bannerwerbung kleiner
  alles in der main.css
*/

.bannertop{
  height:130px;
  }
.bannertop .bandenwerbung {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width:768px;
    height:auto;
    padding:0px;
    margin: auto;
    margin-top:0px;
    background: white;
}

.bannertop .bandenwerbung #gitter {
    width: 100%;
    height: auto;
    margin-left:-10px;
    padding-left:20px;
    z-index: 900;
    margin-top: 0px;

}
.bannertop .bande.pics {
 
    height: auto;
    margin:0px;
    padding:0px;

}



/*
Dummybild der News ausblenden
*/

.img-dummy{
  display:none;
  }

/*
Newsliste Startseite oben
*/
.news-list-item {
    padding: 0 !important;
    padding-bottom: 30px !important;
    margin: 0px;
  margin-top:20px;
  magrin-bottom:20px;
  border-top: none;
    border-bottom: 1px dashed #bababa;
}
.news-list-item h3 a {
    text-decoration:none;
}
.news-list-item:first-child {
   margin-top:0px;
}
/*Newsliste Startseite unten - Tabellenpadding ergänzt */
left table{
    width:97.5% !important;

}
left table tbody tr td table tbody tr td {
    padding-right: 12px !important;
  line-height: 24px !important;

}

left table tbody tr:first-child td {

    line-height: 1.25em;
}

/*Video nochmal anpassen */

video, embed {
    max-width: 97%;
    width: 97%;
    height: auto;
      margin-top: 0px;
    -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.2);
  border:10px solid #ffffff;
}

/* Buttons*/
.btn , .news-backlink-wrap a, #contentPic .flickity-viewport p a,#mailformformtype_mail,blockquote {
    background: none;
    background-color: #008563;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.7em;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 0px;
    margin-right: 20px;
  text-decoration:none;
}

.btn:hover , .news-backlink-wrap a:hover, #contentPic .flickity-viewport p a:hover,#mailformformtype_mail:hover,blockquote:hover{
  color:#ffffff;
  text-decoration:none;
  background: #006454; /* Old browsers */
  background: -moz-linear-gradient(left, #003b2f 0%, #006454 50%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #003b2f 0%,#006454 50%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #003b2f 0%,#006454 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b2f', endColorstr='#006454',GradientType=1 ); /* IE6-9 */

}
/* Links wurden immer eingerückt. Weiß nicht mehr warum, in der main rausnehmen */
a{
  margin:0px;
  }

.navSub1, .navSub2 {
    list-style: none;
    margin-right:50px;
}
h1,h2,h3{
  line-height:1.25em;
  }

h2 {
    font-size: 1.3em;
}

/*Namen unter Bild auf Mannschaftsseite mittig - k.A. warum das im Textfenster nicht tut. Wär noch zu prüfen ob es sonstwo stört */
.sub_kader h3, .csc-text h3{
  text-align:center;
  margin-top:10px;
  margin-bottom:0px;
  font-size:1.1em;
  }

.sub_kader p{
  text-align:center;
  margin-top:0px;
  padding-top:0px;

  }

/*Inhaltstabellen*/
.contenttable{
  width:100%;
  border-collapse: separate;
    border-spacing: 10px;
  margin-left:-10px;
  }
.contenttable   td,.contenttable   th{
  padding-left:10px;
    padding-right:10px;
  }
.contenttable tbody tr:nth-child(odd) td{
  background-color:rgba(0, 0, 0, 0.05);
  }
.contenttable tbody .tr-odd td{
  background-color:rgba(0, 0, 0, 0.05);
  }
.contenttable tbody .tr-even td{
  background-color:transparent !important;
  }
.contenttable thead  th{
  font-weight:bold;
  color:#ffffff;
  background-color:#008563;
  }
.table_50_50 td{
  width:50% !important;
  }

/*
Abstände oben und unten im grünen Bereich der Startseite und zwischen den Themen

}*/
#c1811 .csc-inner .gridImage {
    padding-top: 10vh !important;
    padding-bottom: 10vh !important;
}
#uid_254 .gridBoxed {
    padding: 0vh 0 9vh 0 !important;
  
}
#uid_254 .gridImage {
    padding: 22vh 0 !important;
}
#c2360 > .csc-inner{
  padding:0;
  }
#c2362.csc-inner{
  padding:10px;
  }
#c1802{
  margin-top:-60px;
  }
#wrapper {

    padding-bottom: 5vh !important;
}

/*Pfeilchen bei den Themen ganz links*/

.csc-default.csc-frame-141 h1::after {
    content: " »";
}

/* Grauer Hintergrund bei in html-Definierten Inhaltskästen*/ 
.infobild {
    width: 100%;
    height: auto;
    margin-top: 20px;
    padding: 10px;
    background-image: url(mk7/img/themen_back.jpg);
    background-size: 100% 100%;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
}

/* Headerbilder im Content doch etwas höher wegen Spielerportraits*/

#contentPic {
  height: 50%;
    height: 50vh;
  top: -100px;

}
#uid_254 #contentPic {
    height: 55%;
   height: 55vh;
top: -125px;
}

/*.csc-inner > div{
  max-width:100%;
  }*/

/* allgemein etwas Abstand unter den Inhaltsbildern, ebenso links bzw. rechts bei Bild in Text*/
figure img{
  margin-bottom:10px;
  
  }

#uid_144 figure img{
  margin-bottom:0px;
  
  }

#uid_144 #contentMain .csc-type-image .csc-inner {

    padding-right: 15px;
}
#c1800 img, #c1803 img{
  /*width:100%;*/
  }
div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 20px;
}
div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 20px;
}
/* Videounterschriften (h6 in html eingetragen) */
h6{
  font-size:0.9em;
  margin-top:0.5em;
  }


/*Subnavi rechts*/
.sectionNav{
  width:60px !important;
  background:transparent !important;
  margin-top:-90px;

  }
.prevSection,.nextSection,.toTop{
  width:60px !important;
  height:60px !important;
  border:none;
  margin-bottom:4px !important;

  }

.prevSection,.nextSection{
    background: none;
    background-color: #008563;
    padding: 0px;
    margin: 0px;

}

.prevSection:hover {
  background-image:url(mk7/img/btn_prev_over.png);

}
.nextSection:hover {
  background-image:url(mk7/img/btn_next_over.png);

}
.toTop{
    background: none;
    background-color: #000000;
    padding: 0px;
    margin: 0px;

}
/*temporär für Abstände bei den Pressenkonferenzvideos
Für responsive, sprich Videos dann untereinander, eh umbauen*/

.responsive_td{
      position: relative;
padding-bottom: 18.75%;  /* 56.25% Default for  16:9 ratio dann /3 */
padding-top: 0px;
  width:32%;
height: 0;
overflow: hidden;
      }
.responsive_td_big{
      position: relative;
padding-bottom:  56.25%; /*Default for  16:9 ratio dann  */
padding-top: 0px;
  width:100%;
height: 0;
overflow: hidden;
      }

.responsive_td iframe,.responsive_td_big iframe{
      position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
  }
.responsive_td_big,.responsive_td {
overflow:visible;
  }
.youtube iframe{
     -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.2); !important
    -moz-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.2) !important;
 border:10px solid #ffffff;
}
/*Newsliste Layout*/

.news-img-wrap .mediaelement img{
  float:left;
  margin-right:20px;
  padding-top:5px;
  
  }
 .teaser-text{
  margin-bottom:1.5em;

  }
.news-backlink-wrap{
  margin-top:1.5em;
  }

/*Newsliste Startseite*/
#c2026 {
margin:0;
  padding:0;
  padding-bottom:7px;
  margin-bottom:7px;
  width:96%;
  border-bottom: 1px dashed #bababa;
}

#c2023 .csc-inner .gridBoxed{
  padding-bottom:0px !important;
  }
#c1800 .csc-inner .gridBoxed{
  padding-bottom:2vh !important;
  }
 #c2026 .lead p{
display: none;
  width:80%;
}
#c2026 h3{

  font-size:1em;
  display:inline;
  text-transform: none;
  font-weight:normal;
  text-decoration:underline;
  margin:0;
  padding:0;
  display:inline;
}
#c2026 .extra{
float:right;
}
 #c2026 .news-list-item{
  border:none;
  margin:0px;
  padding-bottom:10px !important;
  }
 #c2026 .btn{
display: none;
  
}
/*Newsliste Archiv*/

#c1976 .btn{
/*display: none;*/
  
}
#c1976 .lead p{
/*display: none;*/
  width:80%;
}
#c1976 h3{

  font-size:1em;
  display:inline;
  text-transform: none;
}
#c1976 .extra{
float:right;
}

#c1976 .news-list-item{
  border:none;
  margin-bottom:5px;
  margin-top:5px;
  }
#c1976 .page-navigation{
 text-align:center;
  }

#c1976 .page-navigation p{
  display:none;
  }

#c1976 .page-navigation ul {
  list-style:none;
  margin:0;
  padding:0;
  margin-top:20px;
  }

#c1976 .page-navigation ul li {
  display:inline;
  margin:0;
  padding:0;
  padding-right:20px;
  }
/*Newsliste auf der Startseite schmaler*/
#c1977 .csc-inner {

    width: 96%;
}
.news-text-wrap div{
  margin-bottom:1.5em;
  }

/*Texteinklinker im Headerbereich (h3 und p)*/

#contentPic .flickity-viewport .csc-textpic-text {
    

    width: 50%;
  max-width:400px;

  left:auto;
  right:50%;
 padding:0px;
   /* margin-left: -400px;*/
  top:55%;
  margin-top:0px;

}
#contentPic .flickity-viewport h1, #contentPic .flickity-viewport h2, #contentPic .flickity-viewport h3 {
    color: #ffffff;
  margin:0px;
  margin-left:12px;
   padding:6px;
  padding-right:12px;
  padding-left:12px;
  
  background-color:#008563;
  font-size:1.2em;
  font-weight:bold;

  width:auto;
  display:inline;
  /*white-space:nowrap;*/
}

#contentPic .flickity-viewport p {
    color: #000000 ;
  margin:0px;
   clear:both !important;
   padding:12px;
margin-left:12px;
padding-top:8px;
margin-top:2px;

  font-size:1em;
  font-weight:normal;
  width:auto;
  background-color:#ffffff;
  display:block;
}


#contentPic .flickity-viewport p a {
  margin-top:14px;

  font-size:0.7em;
}

#contentPic .flickity-viewport p a:after {
    content: " >";
   font-size:0.9em;
}

#contentPic .flickity-viewport .csc-default {
    background-size: cover !important;
    background-position: center center !important;
}

.imagebutton {
 max-width:380px;

  }
.imagebutton img{
  margin:0px;
  padding:0px;
  }
.imagebutton .csc-textpic{
      -webkit-box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.3);

  }

.sponsors img{
  margin-left:5%;
  width:90%;
  }

#uid_67 .news-list-item > div {
      width: 50%;
      float: left;
      padding-right: 20px; }
    #uid_67 .news-list-item .col-md-3 {
      padding: 0; }
    #uid_67 .news-list-item:after {
      content: '';
      display: block;
      clear: both; }
    #uid_67 .news-list-item .extra {
      display: none; }
    #uid_67 .news-list-item:nth-child(odd) > div:first-child {
      float: right;
      padding-right: 0; }


.csc-mailform{
  border:none;
  padding:0px;
  padding-top:40px;
  padding-bottom:40px;
  border-top: 1px dashed #bababa;
  border-bottom: 1px dashed #bababa;
  }

.csc-mailform-field div,.csc-mailform-label div{
  width:100% !important;
 

  }

.csc-mailform-field input[type=checkbox]{
  width:auto;
  float:right;
  margin-top:-20px;
  }
.csc-mailform-field div label{
  width:100%;
  padding-top:20px;
clear:both;
  }

.csc-mailform-field input,.csc-mailform-field textarea{
  width:100%;

  background-color:rgba(255,255,255,0.5);
  border: 1px #bababa;
  border-radius:0px;
  padding:10px !important;

  }
#mailformformtype_mail{
  padding:5px !important;
  padding-top:7px !important;
  margin:0;
  float:right;
  margin-top:30px;
  }

.csc-mailform-label:first-child {
     display: block !important;
  margin-bottom:60px;
}

.moretext .csc-textpic-imagewrap{
  width:46%;
  overflow:visible;

    }
  .moretext img{
  width:100%;
  margin-top:-30px;
  padding-top:0px;

    }
  .moretext blockquote {
    display: inline-block;
   margin:0px;
  cursor:pointer;
}
.moretext .csc-textpic{
  overflow:visible;
  }


  .sponsor_row{
   
    text-align:center;
    }
  .sponsor_box{
    position: relative;
    width:16.6%;
    /*min-width:130px;*/

    float:left;
    }
  .mainsponsor_box{
    width:33.33%;
    }
 .sponsor_black{
    position: relative;
    
    /*min-width:130px;*/

    float:left;
    }

.logo_a{
  width:33%;
  }
.logo_b{
  width:27%;
  }
.logo_c{
  width:25%;
  }
.logo_d{
  width:15%;
  min-height:200px;
  }
  /*.asponsor{

    width:14.28% !important;

    }*/
  .sponsor_box:before{
    content: "";
    display: block;
    padding-bottom: 70%;
    }
  .mainsponsor_box:before{
    content: "";
    display: block;
    padding-bottom: 35%;
    }
  .sponsor_black:before{
    content: "";
    display: block;
    padding-bottom: 70%;
    }
  .sponsor{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width:auto;
    height:auto !important;
    margin:0px;
    background-repeat: no-repeat;
    background-size: 200% auto;
    display: block;
    background-position: top left;
    padding-bottom:10px;
   }
  .sponsor_row{
    clear:both;
    }


/*Startseitenkorrekturen*/

#c1977 .lead  {
   margin-bottom:18px;
}

.tx-powermail .powermail_submit{
  font-size:0.95em;
  margin-top:3px;
  padding-top:5px;
  }

footer section.premiumPartner {
  background:none;
    background-color: transparent;
 background-image: url(mk7/img/mauer_gruen_back.png);
 background-repeat: no-repeat;
 background-position: top center;
  background-size: auto 100%;

    
}
header{
  background: none;
   background-color:transparent;
  background-image: url("/fileadmin/mk7/img/schraege_menu.png");
  background-repeat: no-repeat ;
  background-position: center bottom;
  background-size:auto 200px;
  }
.imagebutton img{
  max-width:340px;
  width:100%;
  }

.csc-frame-60 img{
  max-width:250px !important;
   width:100% !important;
  }
.galery img{
  max-width:180px !important;
   width:100% !important;
  }
.csc-textpic-imagewrap[data-csc-cols="6"] .csc-textpic-imagecolumn {
    width: 14.6%;
    margin: 0;
  margin-right:2%;
}

.livestream_preview{
  
 
    /*width: auto;
    height: auto;*/
    margin-top: 0px;


}
.livestream_preview img{
  
max-width: 97%;
    -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.2);
    border: 10px solid #ffffff !important;
  margin:0 !important;
  padding:0 !important;
}
.legenden h5{
  color: #008563;
  
}
@media screen and (max-width: 1400px){
#contentPic .flickity-viewport .csc-textpic-text {
   
top:50%;



}
#contentPic .flickity-page-dots {
    bottom: 50px;
}

}
@media screen and (max-width: 800px){
header {

    background-color: white;
  -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
}

#c1811 .csc-inner .gridImage {
    padding-top: 20vh !important;
    padding-bottom: 20vh !important;
}

#contentPic .flickity-viewport .csc-textpic-text {
    width: 90%;
  max-width:400px;
top:32%;
  right:8%;


}
#contentPic .flickity-page-dots {
    bottom: 40px;
}
#c2026 {

  padding-bottom:15px;
margin-bottom:0px;

}

footer section.premiumPartner{
  padding-bottom:125px;
  }

footer section.blackFooter {

    padding-top: 15px;
}
.sponsor_box{

    width:20%;

    }

  .mainsponsor_box{
    width:40%;
    }



.tx-powermail fieldset {
    width: 100%;

}

.tx-powermail{
  margin-top:30px;
  }

.livestream_logo .csc-textpic-imagewrap{
  float:left !important;
  width:100px;
  }

.moretext img {
 
    margin-top: 0px;

}
h1{
    margin: 0.5em 0;
  }

#c1795 .csc-inner {

    max-width: 340px;
    margin: auto;
}
.imagebutton {
 display:block;

  }
#contentPic {

    max-height: 300px;


}


}

@media screen and (max-width: 600px){

.sponsor_box{

    width:33%;

    }

  .mainsponsor_box{
    width:66.666;
    }

.logo_a{
  width:50%;
  }
.logo_b{
  width:50%;
  }
.logo_c{
  width:50%;
  }
.logo_d{
  width:30%;
  min-height:300px;
  }
#contentPic {

    max-height: 260px;


}

}

@media screen and (max-width: 400px){
#uid_254 #contentPic {
    min-height: 300px;
}

.sponsor_box{

    width:50%;

    }
  .mainsponsor_box{
    width:100%;
    }

.tx-powermail input.powermail_submit {
    
    width: 100%;
   
}

#contentPic .flickity-viewport .csc-textpic-text {
top:35%;
  right:5%;
  font-size:0.9em;


}
#contentPic .flickity-page-dots {
    bottom: 20px;
}
}
@media screen and (min-width: 801px){
#contentPic {

    min-height: 360px;


}
#uid_254 #contentPic {
    min-height: 500px;
}
}

/*Hinweis Kontaktformular Startseite */

.parsley-errors-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.parsley-errors-list li {
    font-size: 0.8em;
    margin-top: -1em;
    margin-bottom: 1em;
    /*font-weight: bold;*/
    color: #ed252d;
}

.parsley-error {
   border: 1px solid #ed252d !important;
}
.powermail_field_error_container_marker{
   border:none !important;
  }
#parsley-id-multiple-tx_powermail_pi1fieldmarker {

    margin-top: 20px;
 
}

.powermail_fieldwrap_type_check label{
  display:block;

  }
.powermail_fieldwrap_type_check .powermail_label{
  display:none;
  }

.tx-powermail input[type=checkbox], input[type=radio] {
    width:auto;
  float:left;
  margin-top:8px;
  margin-right:20px;
}

.tx-powermail input.powermail_submit {
    margin-top:20px;
  clear:both;
}

.csc-type-login .csc-inner, .csc-type-shortcut .csc-inner{
  padding:0;
  
  }

#c2928 {
  padding:10px;
  
  }

.tx-felogin-pi1 fieldset{
  padding:0px;
  border:none;
  margin-top:30px;
  }

.tx-felogin-pi1 legend, .tx-felogin-pi1 h3, .tx-felogin-pi1>div {
  display:none;
  }
.tx-felogin-pi1 input{
  width: 100%;
    background-color: rgba(255,255,255,0.5) ;
    
    padding: 10px !important;
  border:none;
  margin-bottom:10px;
  }

.tx-felogin-pi1 input[type="submit"]{
  background: none;
  width:auto;
    background-color: #008563;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.7em;
  border:none;

    text-decoration: none;
  padding: 8px !important;
    padding-top: 10px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
    margin: 0;
   
    margin-top: 30px;
  }
.brancheninfo{
  margin:10px;
  padding:30px;
 background-color: rgba(255,255,255,0.35) ;
  font-size:1em;
  text-align:center;
  font-weight:bold;
  border-top: 1px dashed #cccccc;
  border-bottom: 1px dashed #cccccc;
  margin-top:40px;
  margin-bottom:40px;

background-image:url(rena/branchenbuch_box.png);
  background-size:100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  }

.branchenover .csc-inner{
  margin:0px;
  padding:0px;
  
  margin-right:10px;
margin-left:10px;
 
  font-size:1em;
  text-transform:uppercase;
  text-align:center;
  font-weight:bold;
   border: 1px dashed #cccccc;
padding-top:20px;
  padding-bottom:20px;
color:#ffffff;
background-image:url(rena/branchenbuch_box.png);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  }
.branchenover a{
  
  text-decoration:none;
  white-space:nowrap;
 }

div.csc-textpic-left .csc-textpic-imagewrap {
    
  width:100%;
  max-width:100% !important;
}

div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow,  .csc-textpic-last {
   width:100%;
  max-width:100% !important;
}
div.csc-textpic-border div.csc-textpic-imagewrap img {
    border: none;
  max-width:100% !important;
    
}

div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap {

    display: block;
}

figcaption.csc-textpic-caption {display: block;}
/*div.csc-textpic-border div.csc-textpic-imagewrap {
    width: 33%;
}*/

#contentLeft .csc-type-image .csc-inner {
    padding-left: 0px;
}

@media screen and (max-width: 800px){
/*div.csc-textpic-border div.csc-textpic-imagewrap {
    width: 50%;
}*/
 .branchenover .csc-inner{
  margin-right:20px;
  margin-left:20px;

 
  
  }
}

@media screen and (max-width: 480px){

/*.csc-textpic-border.csc-textpic-intext-right .csc-textpic-imagewrap {
    max-width: 100%;
}*/
div.csc-textpic-border div.csc-textpic-imagewrap {
   
  width: 100%;
}



}


.newslettereinklinker .csc-inner {
  margin-right: 15px;
    margin-left: 5px;
    margin-top: 12px;
    
    padding:10px !important;
    padding-bottom:0px !important;
    background-image:url(mk7/img/themen_back_hoch.jpg);
    background-size:100% 100%;
    background-reoeat:no-repeat;
      -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.2);
  -moz-box-shadow: 0 2px 8px rgba(0,0,0,.2);
  box-shadow: 0 2px 8px rgba(0,0,0,.2);
  }
@media screen and (max-width: 800px){
.newslettereinklinker .csc-inner {
    max-width: 340px;
    margin: auto;
    margin-top: 30px;
}
}