body
{
  color: #5f6367;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0px 0px 0px 0px;
}

pre
{
    font-family: Courier;
    font-size: 10pt
}

h1 {
  margin-top: 0px;
  font-weight: 600;
  text-transform: uppercase; 
  font-size: 100%;
  color: #2D4476;
}

h3 {
  color: #3bade7;
}

textarea:focus, input:focus{
  outline: none;
}
a.navi:link { color: #FFFFFF; text-decoration: none; font-weight: 400;}
a.navi:visited { color: #FFFFFF; text-decoration: none; font-weight: 400;}
a.navi:hover { color: #FFFFFF; text-decoration: none; font-weight: 400;}
a.navi:active { color: #FFFFFF; text-decoration: none; font-weight: 400;}

a.suchnavi:link { color: #FFFFFF; text-decoration: none; font-weight: 400; font-size: 14px;}
a.suchnavi:visited { color: #FFFFFF; text-decoration: none; font-weight: 400; font-size: 14px;}
a.suchnavi:hover { color: #FFFFFF; text-decoration: none; font-weight: 400;  font-size: 14px;}
a.suchnavi:active { color: #FFFFFF; text-decoration: none; font-weight: 400; font-size: 14px;}

a.blau:link { color: #3bade7; text-decoration: none; font-weight: 300;}
a.blau:visited { color: #3bade7; text-decoration: none; font-weight: 300;}
a.blau:hover { color: #3bade7; text-decoration: none; font-weight: 300;}
a.blau:active { color: #3bade7; text-decoration: none; font-weight: 300;}

a.white:link { color: #FFFFFF; text-decoration: none; font-weight: 300;}
a.white:visited { color: #FFFFFF; text-decoration: none; font-weight: 300;}
a.white:hover { color: #FFFFFF; text-decoration: none; font-weight: 300;}
a.white:active { color: #FFFFFF; text-decoration: none; font-weight: 300;}

a.blocklink:link { color: #5f6367; text-decoration: none; font-weight: 400;}
a.blocklink:visited { color: #5f6367;  text-decoration: none; font-weight: 400;}
a.blocklink:hover { color: #5f6367;  text-decoration: none; font-weight: 400;}
a.blocklink:active { color: #5f6367; text-decoration: none; font-weight: 400;}
a.blocklink:active { color: #5f6367; text-decoration: none; font-weight: 400;}

a.blocklink {
  display: block;
}
  
img {
  border: 0px;
}

/* mobile menue */

nav#mobile {
  display: none;
}

.nobottommargin {
  margin-bottom: 0px !important;
}
.nobottompadding {  
  padding-bottom: 0px !important;
}  
  

#mmenu {
  display: none;
}  

.searchnext {
  height: 50px;
  text-align:center;
  padding-top: 20px;
  cursor: pointer;
}  

.simplemenu {
  display: block;
  clear: both;
  margin: 0px auto;
  line-height: 25px;
  padding: 10px 0px 0px 0px;
  color: #FFFFFF;
  width: 1280px;  
  max-width: 100%;
  text-transform: uppercase;
}

.simplemenu-first {
  border-left: 0px;
}

.simplemenu-inner {
  border-left: 1px solid #FFFFFF;
}

.nlbestellen { width: 100%; height: 600px; }

.cnt {
  position: relative;
  top: -10px;
  left: 10px;
  color: #FFFFFF;
  background-color: #FF0000;
  font-size: 9px;
  font-weight: 350;
  border-radius: 15px;
  -moz-border-radius: 15px;
  padding: 5px;
  min-width: 13px;
}

.simplemenu-login {
  background-image: url("/images/Weblayout/Login-icon.png"); 
  background-repeat: no-repeat;
  background-position: left center;
}

#mehrlesen {
  float: right;
  padding: 8px;
}

#mehrlesencontent {
  display: none;
}

.smallfont {
  font-size: 8pt;
}
  
.simplemenu > li {
  float:right;
  list-style-type: none;
  padding: 0px 30px;  
  height: 25px;
}

.mainmenu {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  clear: both;
  margin: 0px;
  padding: 0px;
  background-color: #172D65;
  width: 1280px;  
  max-width: 100%;
  text-transform: none;
  text-align: center;
}

.mainmenu-active {
  height: 67px;
  background: #172D65 url("/images/Weblayout/Mainmenu_Active_background.png") repeat-x left top;
}

.mainmenu-inactive {
  height: 53px;
  margin-top: 14px;
  background: #172D65 url("/images/Weblayout/Mainmenu_Inactive_background.png") repeat-x left top;
}

.mainmenu  a {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.mainmenu div {
  vertical-align: middle;
  display: inline-block;
}
  
.mainmenu  span {
  height: 53px;
  vertical-align: middle;
  display: inline-block;
}

.mainmenu > li {
  list-style-type: none;
  padding: 0px 0px;  
  color: #FFFFFF;
  margin-right: 1px;
  border-radius: 15px 15px 0px 0px;
  -moz-border-radius: 15px 15px 0px 0px;
  width: 16.66%;
  float: left; /* für den ie8 */
}

.subnavi {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  clear: both;
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF;
  width: 1280px;  
  max-width: 100%;
  text-transform: none;
  text-align: center;
  border-bottom: 1px solid #EDEDED;
}

.subnavi.centered {
  width: auto;
  margin: auto;
}  

.centered {
  text-align: center;
}

.subnavi-active {
  height: 67px;
  background: #3bade7;
  xbackground: #FFFFFF url("/images/Weblayout/Mainmenu_Active_background.png") repeat-x left top;
}

.subnavi-inactive {
  height: 53px;
  margin-top: 14px;
  background: #e7e7e7;
  xbackground: #FFFFFF url("/images/Weblayout/Mainmenu_Inactive_background.png") repeat-x left top;
}

.subnavi  a {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  color: #3bade7;
}
.subnavi-active  a {
  color: #FFFFFF;
}

.subnavi div {
  vertical-align: middle;
  display: inline-block;
}
  
.subnavi  span {
  height: 53px;
  vertical-align: middle;
  display: inline-block;
}

.subnavi > li {
  list-style-type: none;
  padding: 0px 0px;  
  color: #FFFFFF;
  margin-right: 1px;
  border-radius: 15px 15px 0px 0px;
  -moz-border-radius: 15px 15px 0px 0px;
  width: 120px; 
  float: left; /* für den ie8 */
}

.subheader {
  clear: both;
}


#header {
  text-align: center;
}

#main {
  background: #172D65 url("/images/Weblayout/Blauverlauf.png") repeat-x left top;
  padding-bottom: 16px;
}

#content {
  max-width: 1280px;
  margin: 0px auto;
  background: transparent;
}

#innercontent {
  clear:both;
  background-color : transparent;
}

#logobar {
  height: 144px;
  background: #172D65;  
  position: relative;
}

#sblogo {
  padding-top: 12px;
  max-width: 100%;
}

#mlogo {
  position: absolute;
  top: 0px;
  left: 0px;
}

#msuche {
  position: absolute;
  top:  23px;
  right: 0px;
}

#mnletter {
  position: absolute;
  top:  23px;
  right: 236px;
}

#msocial {
  position: absolute;
  top:  90px;
  right: 0px;
}

#msocial img {
  max-width: 25px;
}

#mobilesocial {
  float: right;
  padding-top: 7px;  
  padding-right: 15px;
}  

#msocial  img, #mobilesocial img {
  padding-left: 15px;
}  

img.balken {
  max-width: 100%;
}
.m_inputsuche {
  background-color: #EFEFF1;
  border: 0px solid;
  color: #8F97A0;
  width: 211px;
  height: 41px;
  line-height: 39px;
  margin: 0px; padding: 0px 15px;
  text-transform: uppercase; 
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.m_inputnletter {
  background-color: #EFEFF1;
  border: 0px solid;
  color: #8F97A0;
  width: 153px;
  height: 41px;
  line-height: 39px;
  margin: 0px; padding: 0px 15px;
  text-transform: uppercase; 
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.msuche > div, .nletterbestellen > div {
  float: left;
}

#erwsuche   {
  margin-left: 18px;
  margin-top: 54px;
  line-height: 19px;
}

.suchnavi {
  display: block;
  background: transparent url("/images/Weblayout/navi-pfeil-blau.png") no-repeat left top;
  padding-left: 20px;
}

#menubar1 {
  min-height: 44px;
  background-color: #0093CC;
}

#werbung {
  height: 123px;
  background: #ffffff url("/images/Weblayout/Bandsaegeblatt_zacke.png") repeat-x left bottom;
  padding-bottom: 10px;
}

.werbeblock {
  height: 123px;
  display: inline-block;
  overflow: hidden;
}

.inlinewerbung {
  background: #ffffff;
  margin-bottom: 8px;  
  width: 100%;
}

.werbeblock > div {
  width: 207px;
  float: left;
  height: 100%;
  border-left: #D3D6DA 1px solid;
  border-right: #D3D6DA 1px solid;
  text-align: center;
}

.werbeblock > div > div {
  vertical-align: middle;
  display: inline-block;
}

.werbeblock  span {
  height: 100%;
  vertical-align: middle;
  display: inline-block;
}

.werbehinweis {
  width: 20px !important;
}  
.werbehinweis > div{
  margin-left: -25px;
  height: 50px !important;
  width: 10px !important;
  border: 0px !important;
  font-size: 14px;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg);
}

.rightcol {
  border-left: #E4E7E9 1px solid;
}

.rightcol p {
  padding: 0px 16px;
}

.kooplogo { 
  float: left;
  height: 58px;
  xborder-right: #E4E7E9 1px solid;
  text-align: center;
}

.kooplogolast { 
  float: left;
  height: 75px;
  text-align: center;
}

.shortnews {
  height: 190px;
  width: 315px;
  display: inline-block;
  xborder-bottom: #E4E7E9 1px solid;
}

.newsfeed {
  float: left;
 }

.newskoop {
  height: 150px;
}

.newskoop  span {
  height: 58px;
  vertical-align: middle;
  display: inline-block;
}

.newskoop  img {
  vertical-align: middle;
  display: inline-block;
}

.sbevents > div {
  display: inline-block;
  vertical-align: middle;
}

.event-inactive {
  cursor: default !important;
  opacity: 0.2; 
}

.event-unused {
  background: none !important;
}

.event-prior {
  width: 20px;
  height: 40px;
  cursor: pointer;  
  background: transparent url(/images/Weblayout/mehr-lesen-pfeil-zurueck.png) no-repeat right center;
}

.event-next {
  width: 20px;
  height: 40px;
  cursor: pointer;  
  background: transparent url(/images/Weblayout/mehr-lesen-pfeil.png) no-repeat left center;
}

.newsevent {
  margin: 0px 0px 0px 0px;  
  font-size: 14px;  
  width: 240px;
}

.newsevent img {
  float: left;
  padding-right: 16px;
  xvertical-align: center;
}

.newsevent h3 {
  font-size: 14px; 
  margin: 0px 0px 5px 0px;
}

.newsevent div:nth-of-type(2) {
  position: absolute;
  top: 0px;
  left: 100px;
}

.softwarenews {
  float: left;
  width: 138px;
  height: 190px;
  xborder-left: #E4E7E9 1px solid;
  xborder-bottom: #E4E7E9 1px solid;
 }

.newsfeed > h1 {
  padding: 30px 16px 22px 16px;
  margin: 0px;
}

.maincol , .main {
  position: relative;
  margin-bottom: 8px;
  background-color: #FFFFFF;
}  

#frontpage-header, .redbeitrag {
  padding: 0px 16px 16px 16px;
}

#frontpage-header h1 { padding-top: 16px; }

.redbeitrag h3 {
  color: #2D4476;
  margin-top: 0px;
  padding-top: 16px;
}

.redbeitrag img {
  max-width: 100%;
  clear: both;
  padding: 10px;
}  

.beitragmainimage  {
  position: absolute;
  top: 0px; left: 0px;
  width: 600px;
}

.videobox {
  min-height: 337px;
}  

.beitraghead {
  position: absolute;
  top: 0px; left: 616px; 
  width: 664px;
}
  
.beitragheader {  
  height: 310px;
}

.adrwithlogo {
  position: relative;
  width: 100%;
}

.beitraglogo {
  position: absolute;
  right: 16px; top: 60px;
  width: 200px;
} 

.adrlogo {
  position: absolute;
  right: 16px; top: 0px;
  width: 200px;
} 

.adrlogo img {
  max-width: 200px;
}  

.beitraglogo img {
  max-width: 200px;
}  

.redbeitrag {
   -moz-hyphens: auto;
   -moz-hyphenate-limit-chars: auto 5;
   -moz-hyphenate-limit-lines: 2;
   -o-hyphens: auto;
   -o-hyphenate-limit-chars: auto 5;
   -o-hyphenate-limit-lines: 2;
   -webkit-hyphens: auto;
   -webkit-hyphenate-limit-chars: auto 5;
   -webkit-hyphenate-limit-lines: 2;
   -ms-hyphens: auto;
   -ms-hyphenate-limit-chars: auto 5;
   -ms-hyphenate-limit-lines: 2;
   hyphens: auto; 
   hyphenate-limit-chars: auto 5;
   hyphenate-limit-lines: 2;
   padding-top: 16px;
}

#breadcrumb {
  position: absolute;
  top: 14px;
  right: 16px;
  font-weight: 400; font-size: 14px;
}

#breadcrumb a, #breadcrumb span {
  display: inline-block;
  padding: 0px 5px;
}

#breadcrumb span {
  color: #3bade7;
}

#breadcrumb a:link { color: #5f6367; TEXT-DECORATION: none; }
#breadcrumb a:visited { color: #5f6367;  TEXT-DECORATION: none; }
#breadcrumb a:hover { color: #5f6367;  TEXT-DECORATION: none; }
#breadcrumb a:active { color: #5f6367; TEXT-DECORATION: none; }
#breadcrumb a:active { color: #5f6367; TEXT-DECORATION: none; }

.firma-subitems {
  width: 600px;
  float: left;
  position: relative;
}

.beitragtext-right {
  width: 600px;
  float: right;
}  

.produkttext-right {
  width: 900px;
  float: left;
  padding-right: 16px;
  padding-left: 16px;
  border-right: 1px solid #EDEDED;
}  

.produkttext-right  img {
  max-width: 100%;
}  

.produkttext {
  margin-top: 16px;
}

.anzeigentext {
  padding: 16px;
}

.anzeigentext img {
  padding: 16px;
}

.produktbilder {
  width: 320px;
  float: right;
}

.produktbilder  img {
  padding: 10px;
}  


.navispace {
  height: 40px;
  clear: both;
}  

#frontpage-footer {
  height: 54px;
}

#PlayerBox {
 position: fixed;
 background-color: #FFFFFF;
 padding: 10px 10px 10px 30px;
 width: 660px;
 height: 400px;
 left: 50%;
 top: 50%;
 margin:-190px 0 0 -330px;
 cursor: auto;
 z-index: 100;
}

#ytapiplayer2.vidplayer {
  background-color: rgb(210, 228, 255);
}
 
#ytapiplayer2 {
 position: fixed;
 z-index: 100;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #000;
 cursor: pointer;  
 zoom: 1;
 opacity: 0.8;
 filter: alpha(opacity=80);
 top: 0px;
 text-align: center;
}

#PlayerCloseLink {
 display: block;
 float: right;
 width: 66px;
 height: 22px;
 background: transparent url(/images/closelabel.gif) no-repeat center;
 margin: 5px 0;
}

#PlayerbottomContainer {
 position: absolute;
 left: 50%;
 overflow: hidden;
 background-color: #fff;
 top: 380px;
 margin-left: -320px;
 width: 640px;
}

.beitrag3, .beitrag2, .beitragbnews {
  overflow: hidden;
}

.beitragbnews_title {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 24px;
  width: 108px;
  border: #FFFFFF 1px solid;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 350;
  text-align: center;
  padding-top: 2px;
}

.beitragbnews_mehr a  {
  background: transparent url(/images/Weblayout/mehr-lesen-pfeil-weiss.png) no-repeat left center;
  padding-left: 18px;
}


.beitragbnews h1 {
  font-size: 120%;
  text-transform: none; 
  text-overflow: ellipsis;
  color: #ffffff;
  display: block;
}  


.beitragbnews_mehr {
  position: relative;
  height: 40px;
  text-align: right;
  margin-top: 10px;
  padding-right: 20px;
  z-index: 1000;
}

.beitragbnews {
  background-color: #96B3C6;
  padding: 10px;
}  

.beitragbnews_bild {
  position: relative;
  float: left;
  width: 440px;
  padding-left: 20px;
  overflow: hidden;
}

.beitragbnews_leftblock {
  top: 0px;
  float: left;
  width: 790px;
  height: 183px;
}

.beitragbnews_text {
  height: 140px;
  overflow: visible;
  text-align: right;
  padding-right: 10px;
}


.beitrag3_mehrzu {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 65px;
  width: 167px;
  background-color: rgba(242,242,242,0.8);
}

.beitrag3_mehrzu.two {
  left: 173px;
}  


.beitrag3_mehrzu a {
  display: block;
  background: transparent url("/images/Weblayout/navi-pfeil-blau.png") no-repeat 10px 22px;
  padding-left: 35px;
  padding-top: 15px;
  text-decoration: none;
  color: #2D4476; 
  font-size: 120%;  
  font-weight: 600;
  line-height: 1;
}

.beitrag2 {
  width: 100%;
  background-color: #FFFFFF; 
  height: 325px;
  position: absolute;
}

.beitrag2-0 {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  margin-bottom: 8px;
  margin-right:4px;
  width: 49%;
  width: -webkit-calc(50% - 4px);
  width: calc(50% - 4px);
}
  

.beitrag2-1 {
  position: relative;
  left: 50%;
  top: 0px;
  height: 100%;
  margin-bottom: 8px;
  margin-left:4px;
  width: 49%;
  width: -webkit-calc(50% - 4px);
  width: calc(50% - 4px);
}

.liste2 {
  height: 325px;
  background-color: transparent;
}  

.beitrag2_bild img {
  position: relative;
}
  
.beitrag2_bild {
  width: 49%;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  overflow: hidden;
}  

.beitrag2_rightblock {
  position: absolute;
  overflow: hidden;
  padding-left: 8px;
  top: 0px;
  left: 49%;
  width: 49%;
  height: 100%;
}

.beitrag3_bild {
  position: relative;
  float: left;
  width: 800px;
  padding-right: 20px;
  overflow: hidden;
}

.beitrag3_bild img {
  xobject-fit: scale-down; /* Do not scale the image */
  xobject-position: center;
  xwidth: 100%; xheight: 100%;
}

.beitrag3_rightblock {
  top: 0px;
  float: left;
  width: 430px;
  height: 369px;
}

.beitrag2_text {
  height: 250px;
  overflow: visible;
}

.beitrag3_text {
  height: 290px;
  overflow: visible;
}

.beitrag3_text p, .beitrag2_text p, .beitragbnews_text p { 
  line-height: 1.4em;
}

.beitrag2_mehr, .beitrag3_mehr {
  position: relative;
  height: 40px;
  text-align: right;
  margin-top: 10px;
  padding-right: 20px;
  background: #FFFFFF url("/images/Weblayout/whitefiller.png") repeat left top;
  z-index: 1000;
}

.beitrag3_mehr a, .beitrag2_mehr a {
  background: transparent url(/images/Weblayout/mehr-lesen-pfeil.png) no-repeat left center;
  padding-left: 18px;
}

.clear {
  clear: both;
}

.beitrag3 h2, .beitrag2 h2, .beitraghead h1, .redbeitrag .branchen h2 {
  font-size: 100%;
  color: #3bade7;
  margin-top: 30px;
  margin-bottom: 5px;
  padding-top: 30px;
  background: transparent url(/images/Weblayout/blueline.png) no-repeat left top;
}

.beitrag3 h1, .beitrag2 h1 {
  font-size: 120%;
  text-transform: none; 
  text-overflow: ellipsis;
  display: block;
}  

.blaetternavi {
  height: 24px;
  padding: 5px;
  color: #FFFFFF;
  background-color: #3bade7;  /* #0093CC;#8AB4C8; */
  position: absolute;
  right: 16px;
  bottom: 10px;  
  width: 160px;
  text-align: center;
  margin-top: 10px;
}

.blaetternavi div {
  float: left;
  width: 22px;  
  height: 22px;
  border: 1px solid #C9CED3;
}  

.blaetternavi img {
  padding-top: 5px;
}  

.blaetternavi div.aktuell {
  width: 60px;
}  

.liste3 > div {
  float: left;
  width: 190px;
  height: 182px;
  margin: 10px 10px 10px 0px;
  text-align: center;
  overflow: hidden;
}  
.subitem3_text {
  padding-top: 8px;
  font-size: 14px;
}

.liste3  .subitem3 {
  
}

.indent {
  padding: 16px;
}  

.imgblock {
  text-align: center;
}  

.footer {
  height: 54px;
  background-color: #8AB4C8;
  text-align: center;
  padding-top: 25px;
}

.footer > span {
  padding: 0px 16px;
}

#frontpage-header h3 {
  padding-top: 16px;
}

.eingabeformular > div > span:first-of-type {
  display: block;
  float: left;
  width: 200px;
}  

.eingabeformular > div  {
  clear: both;
}  
.eingabeformular > .button {
  margin-top: 20px;
}

.partnertab tbody  tr {
  cursor: pointer;
}

.partnertab tbody tr:hover {
  background-color: #ffff99;
}

div.redbeitrag > div {
  clear: both;
}

.imglister {
  clear: both;
}
  
.imglister  div {
  float: left;
  font-size: 8pt;
  text-align: center;
  width: 120px;
}

.imglister  img {
  max-width: 110px;
  max-height: 110px;
}  

.memologory {
  background-color: #FFFFFF;
}  

.adrsocmlinks {
    margin-top: 5px;
}

.adrsocmlinks  img {
    margin-right: 5px;
    width: 25px;
}
  
@media all and (max-width: 1279px) {
  .beitrag3_bild {
    float: none;
    width: 100%;
    margin-right: 0px;
   }
   
  .beitrag3_rightblock {
    float: none;
    width: 100%;
    height: 299px;
  }
  .beitrag3 {
    padding: 0px 16px;
  }
  
  .beitrag3_text {   
    height: 250px;
  }

  
  .beitrag3 img { max-width: 100% }
  
  #mnletter, #msocial {
    right: 5px;
  }
  #mlogo {
    left: 5px;
  }
}

@media all and (min-width: 1280px) {

  .beitrag3 {
    height: 369px;
  }
  
  .beitrag3_bild  {
    height: 369px;
  }
  
  .beitragbnews, .beitragbnews_bild {
    height: 183px;
  }
  
}

@media all and (min-width: 900px) {
  .maincol:before {
    content: '';
    float: right;
    display: block;
    width: 480px;
    height: 340px;
    padding-left: 16px;
  }
  .rightcol {
     position: absolute;
     top: 0;     
     right: 0;
     width: 480px;
   }  
}

@media all and (max-width: 900px) {

  .beitrag2-1, .beitrag2-0 {
    margin-right: 0px;
    margin-left: 0px;
    width: 100%;
    height: 325px;
  }
  
  .beitrag2-1 {
    left: 0px;
    top: 333px;
  }
  
  .liste2 {
    height: 658px;
  }
  
  .rightcol {
    border-left: 0px;
    padding: 0px;
    display: none;
  }  
  
  .newsfeed {
    float: none;
    width: 100%;
  }
  
  .newsevent {
    text-align: left;
   }

	nav#full, #menubar1, #msuche, #mnletter, #msocial  {
		display:none
	}  
   
	nav#mobile {
    background-color: #0093CC;
		display:block;
	}
  
  #mlogo {
    position: relative;
    margin: 0px auto;
  }
 
	/*
	Top black bar that holds the toggle button
	*/
 
	nav#mobile #toggle-bar {
		line-height:44px;
		height:44px;
	}
 
	/*
	Toggle button #2 ("Navicon")
	*/
 
	nav#mobile .navicon {
		float: left;
		height: 6px;
		width: 34px;
		margin: 8px;
		border-top: 18px double #FFF;
		border-bottom: 6px solid #FFF;
		font-size:0;
	}
 
	/*
	The dropdown menu
	*/
  
  nav#mobile ul {
   padding-bottom: 16px;
   margin-bottom: 0px;
  }
 
	nav#mobile ul li {
		clear:both;
		list-style:none;
	}
 
	nav#mobile ul li a {
		display:block;
		background-color: #002967;
		color: #FFFFFF; TEXT-DECORATION: none; font-weight: 400;
		letter-spacing: .2em;
		margin: 2px 0;
		padding: 6px 0 6px 8px;
	}
 
	nav#mobile ul ul {
		font-size:small;
	}
 
	nav#mobile ul ul li {
		margin-left:30px;
	}
 
	nav#mobile ul ul a {
		background-color:#333;
		padding-left:8px;
	}
 
	nav#mobile ul ul a:before {
		content: "2192";
		padding-right:8px;
	}
}

@media all and (max-width: 600px) {
  .beitrag2_bild {
    width: 100%;
    position: relative;
    height: 325px;
    text-align: center;
  }
  .beitrag2_bild  img{
    max-width: 100%;
  }
  .beitrag2_rightblock {
    position: relative;
    left: 0px;
    width: 100%;
    height: 250px;
  }
  .beitrag2, .beitrag2-0, .beitrag2-1 {
    height: 575px;    
    position: relative;
    top: 0px;
  }
  .liste2 {
    height: auto;
  }
  .beitrag2_text {
      height: 175px;
  }    
}