/* 
STRUCTURE CSS
 
 
 wolf 17.9. ul z256, .tscol z2269
 b/4.10.2018
 w 17.10. / figcaption lineheight von 19 auf 16, zeile 1299, keine leerzeile bei p in li erlauben
 w 18.10  z 1775 link underline bei fliesstext anzeigen
 
b/23.10.
- footer kontakt left padding
- pagination left margin
- responsive media left border
- printbutton left margin

w 13.3.2019

color 4 für inteviews
p in blockquote zulassen, einrücker weg
ul / li einrücker im artikel weg



NOTES: SEITENRAND

offset articles
- article-grid links/rechts gutter ausgleichen
- rand nur über padding  container-wraper


alternaitv wäre möglich (nicht umgesetzt)
- grundpadding gutter (10px) für alle element in .container übernehmen
- beim article container padding rausnehmen
- zusätzliches randpadding über container-wraper
 
*/
@charset "UTF-8";



/* force IE 11 semantic tag */
main {
    display: block;
}


/* iOS hack */
textarea, input[type="text"], input[type="button"], input[type="submit"] {-webkit-appearance: none; border-radius: 0px;}


/* FONTS  ------------------------------------------------
font-face declaration see folder fonts
*/


[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'entypo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
.icon-app:before{
	content: "/sites/default/files/inline-images/logo_icon.png";
}


.icon-facebook:before {
  content: "\ea67";
}

.icon-twitter:before {
  content: "\ea7c";
}

.icon-instagram:before {
  content: "\ea6f";
}

.icon-youtube:before {
  content: "\ea80";
}


.icon-magnifying-glass:before {
  content: "\e9d9";
}
.icon-mail:before {
  content: "\e9da";
}


.icon-print:before {
  content: "\e9fc";
}

.icon-facebook-with-circle{}

.icon-download:before {
    content: "\e93f";
}


/* logo app  22.5.2023*/ 

.b-icon-app {
	display:inline-block;
	width:20px;
	height:20px;
	background: transparent url('../image/sm/appicon.png') no-repeat;
	background-size: 20px 20px;
}

/* logo app  */ 




/* BASE HTML  ------------------------------------------------*/

@-ms-viewport {
  width: device-width;
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}
 

fieldset, img { border: 0 solid; }


  * {
      margin:0;
      padding:0;
      outline: none;  /* prevent safari borders */
      }

 
/*
-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  */
html, body {
 margin:0px; padding:0px; width: 100%;  
    overflow-x: hidden;


font-family: 'Notosans', 'Helvetica', Arial, sans-serif;
font-weight: 400;
font-size: 14px;
line-height:18px;

color: #111;
font-style: normal;


-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
} 
 

  
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



.hidetxt {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


.hyphenate {
 -ms-word-break: break-all;
     word-break: break-all;

     // Non standard for webkit
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}





/* general a-tag */
a, a:focus,a:active,a:hover,a:visited {
text-decoration:none;
color:#111;
outline: none!important;
}


p, pre{
margin:0px 0px 20px 0px;
}

a.download {

}


a.download .icon-download{
color: #444;
font-size: 22px;
padding-right:10px;

}



/* images positionierung responsive

image-rendering: optimizeQuality;
image-rendering: optimize-contrast;
image-rendering: -webkit-optimize-contrast;
*/


img{
margin:0;
padding:0;
display: block;
border:none;

max-width: 100%;
height: auto !important;
-ms-interpolation-mode: bicubic;

width: 100%;
}

 .img-cover{
width:100%;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center 0;
}




/*17.9. wolfgang wieder ein da in mobilnav die punkte da sind un in der kleinen pagination auch */

nav ul, nav ul:focus, nav li, nav li:focus {
	outline:0;
	list-style-type:none;
}

#mobilenav  ul, #mobilenav  ul:focus, #mobilenav  li, #mobilenav  li:focus {
	outline:0;
	list-style-type:none;
}
/*17.9. wolfgang wieder ein da in mobilnav die punkte da sind un in der kleinen pagination auch */



  h1, h2, h3 {
       font-weight: normal;
        margin:0px;
        padding:0px;
-webkit-font-smoothing: antialiased;
color:#222;
}

 h1 {
font-size: 30px;
line-height:36px;
margin-bottom:20px;
}

 h2 {
font-size: 20px;
line-height:26px;
margin-bottom:15px;
}


 h3 {
font-size: 18px;
line-height:22px;
margin-bottom:10px;
}


/*
h2{
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
   
}
*/


blockquote {
  background: #f5f5f5;
  font-size: inherit;
  color: #222 !important;
  border-left: 5px solid #c23b12!important;
  margin: 1.5em 20px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  line-height:inherit;
  
  margin: 0;
  margin-bottom:20px;
}
/*
blockquote:before {
  color: #c23b12;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
*/
blockquote p {
/*  display: inline;*/
}

blockquote li, blockquote ul{
margin-left:10px !important;
padding-right:13px;
}



/* MAIN PAGE REGIONS  ------------------------------------------------*/

 
 #header {
position: relative;
height:230px;
}


#logo {
margin-top:25px;
}

 
#logo a{
display:block;
width:265px;
height:99px;
 text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
background: transparent url('../image/medinlive-logo1060.png') no-repeat;
background-size: 265px 99px;
}

#topnav {
margin-top:25px;

height:50px;
 
float:right;
text-align:left;
padding-left:10px;

font-size: 12px;
font-weight: bold;
color:#4a4a4a;
}
#topnav a{
  color:#4a4a4a;
}


#topnav .nlbutton{
/*display: inline-block; derweil keinen mehr 14.9.2020 w */
display: none;
line-height: 30px;
vertical-align: middle;
margin-right:10px;
padding-right:15px;
border-right:1px solid #aaa;
}
 

 /*
#topnav .searchbutton{
display: inline-block;
font-size:28px;
line-height: 30px;
vertical-align: middle;
 margin-left:10px;
}
  
#topnav a:hover{
 color:#868686;
}
*/



 /* suchfeld detailpage ergebnisliste */
.suche-detail{
margin-top:0px;
position: relative;
display: inline-block;
margin:20px 0px 15px 0px;
width: 100%;
max-width:450px;
}



.suche-detail-input {
outline: none;
border:none;
padding:0px;
padding-left:10px;
margin:0px;
height:45px;
line-height:45px;
font-size: 18px;
color: #444;
border:1px solid #dedede;
width:100%;

-webkit-appearance: none;
border-radius: 0;

}

.suche-detail  input:focus {
color: #000;
}


.suche-detail-icon,
.suche-detail-submit  {
    width:50px;
  height:45px;
   line-height:45px;
   display: block;
  padding: 0;
  margin: 0;
  text-align: center;
  cursor: pointer;

 font-size:34px;
}

 .suche-detail-submit  {
    position: absolute;
  right: 0;
  top: 0;
  border:1px solid #dedede;
border-left:none;
   background:#fff;
    color:#868686;
 }
 
.suche-detail-submit:hover{
 color:#222!important;
}






/* suchfeld main nav */
.suche-main{
margin-top:20px;
position: relative;
max-width: 250px;
display: inline-block;
}

.suche-open{
width:190px!important;
}

.suche-main-input {
outline: none;
border:none;
padding:0px;
padding-left:10px;
margin:0px;
height:34px;
line-height:34px;
font-size: 15px;
color: #444;
border-bottom:1px solid #aaa;
width:34px;
 

-webkit-appearance: none;
border-radius: 0;


    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.suche-main  input:focus {
color: #000;
}


.suche-main-icon,
.suche-main-submit  {
 
  width:34px;
  height:34px;
    line-height:34px;
  display: block;
  padding: 0;
  margin: 0;
  text-align: center;
  cursor: pointer;
 background:#fff;
  border:none;
   font-size:26px;
}
 
 
.suche-main-submit  {
   position: absolute;
  right: 0;
  top: 0;
}

.suche-main-icon:hover,
.suche-main-submit:hover{
 color:#868686;
}








/* masterwraper for content area */
#main {
width:100%;
position: relative;
margin-top:0px;
min-height:600px;
text-align: left;
background:#fff;
}

 

#footer {
position: relative;
text-align: left;
padding-top:20px;
min-height:140px;
background:#ececec;
}



 /* main nav */
#nav {
margin-top:45px;
left:0px;
width:75%;
height:40px;
text-align:right;
padding-right:10px;
}

 #nav ul {
float:right;
margin-right: -5px;
}

 #nav ul li{
  display: inline;
 text-transform: uppercase;
   font-size: 14px;

  float: left;
width:auto;
}

 

#nav li a{
  display: block;
  overflow: hidden;

height:40px;
line-height: 40px;
  padding:0px 12px;

  text-decoration:none;
  width: auto;

  font-size:15px;
  font-weight: bold;
  color:#525252;
letter-spacing: 0.0125em;
}



#mobilenav li a:hover,
#nav li a:hover{
  color:#1d1d1d;
}
 
 
#nav li.navitem-termine a{
  color: #e2001a;
}

#nav li a.navitem-termine {
  color: #e2001a;
}

#mobilenav li.navitem-termine a:hover,
#nav li.navitem-termine a:hover{
  color:#b00014;
}
#mobilenav li a.navitem-termine:hover,
#nav li a.navitem-termine:hover{
  color:#b00014;
}
 .nav-light #nav li a.navitem-termine:hover{
  color:#b00014!important;
}



#nav ul li:last-child a{
padding-right:0px;
}
#nav ul li:first-child a{
padding-left
:0px;
}

 

 /* inverse nav
 - alle helle
 - is-active dunkel

 #c8c8c8  grau
#fda1ab  rot
 */
 .nav-light #nav li a{
  color:#c8c8c8;
 color:#bebdbd;
 }
 .nav-light #nav li.navitem-termine a,
  .nav-light #nav li a.navitem-termine{
  color:#fda1ab;
 }

.nav-light #nav li.menu-item--active-trail a{
  color:#525252;
}
 
 .nav-light #nav li a.navitem-termine.is-active{
    color: #e2001a;
}



 
  .nav-light #nav li a:hover{
color:#1d1d1d;
 }

.nav-light #nav li.menu-item--active-trail a:hover,
 .nav-light #nav li a.is-active:hover{
  color:#b00014;
}
 
 


/* mobile nav
*/
#mobilenav-wraper{
display: none;
position: relative;
}

#mobilenav-wraper{
  background: #ebebeb;
}

 
#mobilenav-open{
display: none;
position:absolute;
top:10px;
right:0px;
z-index: 999;
width:auto;
}
 

#mobilenav{
text-align: left;
background:inherit;
display: none;
    position:relative;
    overflow:visible;
    font-size:18px;
    padding:20px 0px;
}

#mobilenav ul{
}

#mobilenav .suche{
max-width:250px;
}


#mobilenav  ul li a{
  display: block;
  overflow: hidden;
height:35px;
line-height: 35px;
  padding:0px;
  text-decoration:none;
  font-size:16px;
  font-weight: bold;
  color:#525252;
  color:#6c6c6c;
text-transform: uppercase;
}

#mobilenav  ul li a.is-active{
    color:#1d1d1d;
}


#mobilenav ul li a.navitem-termine {
  color:#e05968;
}
 
#mobilenav  ul li a.navitem-termine.is-active{
    color: #e2001a;
}


#mobilenav .suche{
max-width:250px;
}

.mobile-only{
display:none!important;
}



 /* suchfeld mobile nav */
.suche-mobil{
margin-top:20px;
position: relative;
max-width: 250px;
}

.suche-mobil-input {
outline: none;
border:none;
padding:0px;
padding-left:10px;
margin:0px;
height:34px;
line-height:34px;
font-size: 15px;
color: #444;
width: 100%;
background: #fff;
-webkit-appearance: none;
border-radius: 0;
}

.suche-mobil  input:focus {
color: #000;
}


.suche-mobil-icon,
.suche-mobil-submit  {
  width:34px!important;
  height:34px;
  display: block;
  padding: 0;
  margin: 0;
  line-height:34px;
  text-align: center;
  cursor: pointer;
 background:#fff;
  font-size:24px;
   border:none;
}

.suche-mobil-submit {
  position: absolute;
  right: 0;
  top: 0;
}

.suche-mobil-icon:hover,
.suche-mobil-submit:hover{
 color:#868686;
}




/*
<input type="submit" name="Submit" class="btnSubmit" value="">

.suche-mobil .btnSubmit {
float:right;
margin:0px;
border:0px;
background:  url('../_media/sys_pics/sprite-icons.png') no-repeat;
background-position: 5px -350px;
width:20px;
 height:34px;
}


.suche-mobil .btnSubmit:hover {
background-position: 5px -350px;
   }

*/











 /* hamburger via css > see included file

  <button class="hamburger" type="button">
      <span class="hamburger-box">
        <span class="hamburger-inner"></span>
      </span>
    </button>


.hamburger {
  padding:0px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
   }
  .hamburger:hover {
    opacity: 0.7; 
  }

.hamburger-box {
  width:40px;
  height:40px;
  display: inline-block;
  position: relative;
 
   }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
   }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width:38px;
    height:4px;
    background-color: #777;
 
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -8px; }
  .hamburger-inner::after {
    bottom: -8px; }

*/

  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background-color: #666;
  }






 /* footernav
 */
 
#logofooter{
  margin-bottom:30px;
 
}
 

.aekwien {
float:right;
}

 
.aekwien  a{
        display:block;
width:235px;
height:39px;
 text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
background: transparent url('../image/aekw_logo_breit.png') no-repeat;
background-size: 235px 39px;
}




 #footernav {
min-height:50px;
}

.socialmedia-footer{
line-height: 42px;
float: right;
font-size:22px;
color: #444;
}
.socialmedia-footer a{
color: #444;
}
.socialmedia-footer a:hover{
 color:#868686;
}


#footernav ul li{
  display: inline;
  float: left;
width:auto;
}

 

#footernav li a{
  display: block;
  overflow: hidden;

height:40px;
line-height: 40px;
  padding:0px 25px;
  text-decoration:none;
  width: auto;

 text-transform: uppercase;
   font-size: 13px; 
  font-weight:normal;
  color:#111;
letter-spacing: 0.0125em;
}
#footernav li a:first-child{
  padding:0px 25px 0px 0px;
}

#footernav li a:hover{
  color:#868686;
}



#footernav li.newsletter {
  display: none;
}



/* icon app mit link*/
.appiconfooter{
	width:25px;
	border:0;
}




/* STRUCTURAL ELEMENTS  ------------------------------------------------*/

/* container-wraper
- 100% width to stretch bg color
- global padding left/right
 */
.container-wraper{
clear:both;
padding:0px 20px;
}


/* container for widht and centering 
padding:0px 10px;
*/
.container {
position: relative;
margin: 0 auto;
max-width:1000px;
width:100%;
}

 
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
.container { *zoom: 1; }
 
 


 /* flexbox container for teaser articles (article views) */
.row{
display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
min-height:300px;
}
 

 /* row - clearfix container for floated elements
 DONT CLEAR WITH FLEXBOX!
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row { *zoom: 1; }
 */
 

 

/*
alternative zu flexbox: inline-block
- inline-block ermöglicht gleich hohe artikel aber keine backgrounds die sich über ganze höhe strecken
- alternative wäre "table hack", hat hier nicht gut geklappt

.col-1, .col-2, .col-3, .col-4 {
position: relative;
text-align:left;
vertical-align: top;
display: inline-block;
*display: inline;
zoom: 1;

padding:0px 10px;
}


.col-1, .col-2, .col-3, .col-4 {
position: relative;
text-align:left;
vertical-align: top;
display: block;
float:left;
padding:0px 10px;
}
*/
 



/* SIMPLE GRID: 4er raster
- flexbox

momentan nur 2 breakpoints für artikel cols genutzt

col > spaltenbreite über 900
col-md > smaller 900 (reduce stagewith to 745 px )
reset all to 100% > smaller 6ßß (reduce stagewith to 480px)
*/

.col-1, .col-2, .col-3, .col-4,
.col-md-1, .col-md-2, .col-md-3, .col-md-4,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4 
{
position: relative;
 width: 100%;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}


 

.col-1 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-2 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;;
  max-width: 50%;
}
.col-3 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-4 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.col-1 img, .col-2 img, .col-3 img, .col-4 img{
width:100%;
}


/* offset col  */

.col-offset-00{
margin-left:0%;
}
.col-offset-1{
  margin-left: 25%;
}
.col-offset-2{
  margin-left: 50%;
}
.col-offset-3{
  margin-left: 75%;
}


/* articles topmeldung */
 .topmeldung {
	margin:10px 10px 30px 10px;
	padding:20px;
	min-height: 100px;
	background:#ebebeb;
 }
 .topmeldung a{
	display:block;
 }

 .topmeldung .kicker {
	color:#e2001a;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom:5px;
 }


 .topmeldung h1{
    font-weight:bold;
    font-size: 24px;
    line-height: 34px;
    margin-bottom:10px;
 }


.topmeldung img{  /* wir nehmebn topmeldung als teaser f die aktuelle ausgabe*/
   max-width:200px;
 }





 .topmedlungdetail {
	max-width: 800px;
 }

 
 .xxtopmedlungdetail img{ /* ### nur für appankünder*/
	max-width: 150px;
 }

 
 
/* ### nur für appankünder*/
.xxtopmeldung {
	background: url('../image/alsappback.jpg') no-repeat;
	background-size: cover;
	background-position: 50% 50%;  
}

.xxtopmeldung .kicker {
	display:none;
}


.xxtopmeldung h1{
   color:white;
   font-size: 32px;
   line-height: 36px;
   margin-top:10px;
 }
/* ### nur für appankünder*/






/* ARTICLE GRIDS ------------------------------------
- aufmacher
*/

.article-grid {
margin-left:-10px;
margin-right:-10px;
margin-top:-10px;
margin-bottom:10px;
}



/* articles 

img
channel = div ressort
dachzeile = div kicker
titel = h2
text = p



ressort: noto reg, 12px, versal, 777
kicker: noto reg, 11px, versal, 000
titel:  noto reg, 16px,  000 (-5 laufweite)
text: noto reg, 13px, 000

*/

.article,
.article-overlay,
.article-boxed{
display: block;
position: relative;
font-weight: normal;
padding:10px 10px 30px 10px!important;

}

/*
.article a:hover,
.article-overlay a:hover,
.article-boxed a:hover{
 opacity: 0.8!important;
}
*/

.article a:hover,
.article-overlay a:hover,
.article-boxed a:hover,
.article-feature a:hover{
 opacity: 0.6!important;
display: block;
}

 

.article-boxed {
padding:10px!important;
background:  #ebebeb;
border:10px solid #fff;
border-bottom-width:30px;
}


/* themen links */
.article-boxed ul {
margin-top:10px;
}
.article-boxed ul li{
    display: block;
  overflow: hidden;
line-height:40px;
  padding:0px;
  border-bottom:1px solid #5f9fc4;
}
.article-boxed ul li a{
    display: block;
  overflow: hidden;
  text-decoration:none;
  font-size:17px;
  color:#000;
}
 .article-boxed ul li a:hover{
  color:#436477;
}



/* article links interviews + reportagen */
.article-boxed.color2 ul li,
.article-boxed.color4 ul li
{
  display: block;
  overflow: hidden;
  padding:0px;
  border-bottom:1px solid #8f9eca;
}

.article-boxed.color2 ul li a,
.article-boxed.color4 ul li a
{
    display: block;
  overflow: hidden;
  text-decoration:none;
  font-size:15px;
  line-height:19px;
  color:#fff;
  padding:9px 0px;
}

 .article-boxed.color2 ul li a:hover,#
  .article-boxed.color4 ul li a:hover
 {
  color:#c8d0e5;
}

/* keine leerzeile bei p in li erlauben */
.article-boxed.color4 ul li p,
.article-boxed.color2 ul li p,
.article-boxed.color1 ul li p {
	display:inline;
}


.article .article-img,
.article .img,
.article img  {
margin-bottom:5px;
}

.article .ressort{
color:#777;
letter-spacing: 0.5px;

font-size: 12px;
line-height: 19px;
margin-bottom:10px;
}

 
.article .ressort,
.article-overlay .ressort,
.article-boxed .ressort,
.article-feature .ressort{
text-transform: uppercase;
}
 



 .kicker {
 font-size: 11px;
 line-height: 19px;
letter-spacing: 0.3px;
}

.article-boxed h2,
.article h2 {
font-size: 17px;
font-weight:normal;
color:#000;
line-height:21px;
margin-bottom: 10px;
}



.article p {
font-size:14px;
line-height:19px;
color:#444;

/* hyphens    
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
*/
}
.article p:last-child {
margin-bottom:0px;
}





/* article padding
.pad10,
.article.pad10  {
padding:10px;
}

.pad20,
.article.pad20 {
padding:20px;
}

.nopad,
.article.nopad{
  padding:0px!important;
}
*/
 
 
.article-overlay .article-img {
margin-bottom:0px;
display: none;
}

.article-overlay .inner {
position: relative;
min-height:330px;
width:100%;

-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center 0;
}

 .firstrow .article-overlay .inner{
min-height:390px;
}
 

.article-overlay .text{
background: rgba(112,115,120, 0.8);

  width: 100%;
   position: absolute; 
   bottom:0px; 

   color: #fff;

   padding:15px;
   min-height:110px;
}

.firstrow .article-overlay .text{
   min-height:120px;
}

 
.article-overlay .text .ressort{
color:#f5f5f5;
text-transform: uppercase;
display: none;
}
.article-overlay .text .kicker{
font-size: 14px;
line-height: 18px;
color:#f5f5f5;
}


.article-overlay .text h2{
margin:0px;
paddin:0px;
  font-size: 24px;
  line-height:30px;
color:#fff;
font-weight: normal;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.firstrow .article-overlay .text h2{
  font-size: 30px;
  line-height: 36px;
}




/* feature box (z.b. schwerpunktthema etc.)
*/

.article-feature {
  position: relative;
font-weight: normal;
padding:0px!important;

background:  #ebebeb;
border:10px solid #fff;
border-bottom-width:30px;
}
 



.article-feature .inner {
background: #ebebeb;
min-height:300px;
height: 100%;
}

.article-feature .img{
width:31.5%;
float:left;
min-height:300px;
height: 100%;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center 0;
}



.article-feature  .text{
width:68.5%;
float:left;
padding:20px 10px 20px 20px;
}
.article-feature  h2{
font-size: 30px;
line-height: 34px;
margin-bottom:10px;
font-weight: normal;
}
.article-feature  p{
font-size: 14px;
line-height: 20px;
}


 

 /* nice try 

.article.feature {
 
background:  #ebebeb;
border:10px solid #fff;
border-bottom-width:30px;
padding:0px!important;
}
.article.feature .inner .img{
width:31.5%;
float:left;
min-height:300px;
 height: 100%!important;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.article.feature .content{
width:68.5%;
float:left;
padding:20px 10px 20px 20px;
 
}
.article.feature h2{
font-size: 30px;
line-height: 34px;
margin-bottom:10px;
font-weight: normal;
}
.article.feature  p{
font-size: 14px;
line-height: 20px;
}
 */



/* aufmacher colorboxes
color1 - hellblau #65b2de
color2 - dunkelblau #8193c6
color3 - rotviolett #b05a9b
color4 - petrol #56838d
 
*/
.color1{
  background: #65b2de;
}
 
.color2 {
  background: #8193c6;
}

.color3 {
  background: #b05a9b;
}

.color4 {
  background: #56838d;
}


 .article-boxed.color1 .ressort,
 .article-boxed.color2 .ressort,
  .article-boxed.color3 .ressort,
    .article-boxed.color4 .ressort
  {
text-transform: uppercase;
font-size: 12px;
color:#f5f5f5!important;
margin-bottom:0px;
}

 .article-boxed.color1 .date,
 .article-boxed.color2 .date,
  .article-boxed.color3 .date,
   .article-boxed.color4 .date
  {
color:#f5f5f5!important;
}



.article-boxed.box2 .inner {
 
}
/*
 .article .box2 .ressort{
text-transform: uppercase;
font-size: 12px;
color:#f5f5f5;
margin-bottom:0px;
}
*/


/* chronol article listing

*/

 
.article-grid-chronological .article-boxed {
  min-height: 235px;
}

.article-grid-chronological .article-boxed  .date {
  font-size: 11px;
line-height: 19px;
  color:#8193c6;
  margin-bottom:10px;
}

 .article-grid-chronological  .article-boxed .ressort{
text-transform: uppercase;
font-size: 12px;
line-height: 19px;
color:#8193c6;
margin-bottom:0px;
}

/*
 .article-grid-chronological  .article-boxed .h2{
text-transform: uppercase;
font-size: 12px;
line-height: 19px;
color:#8193c6;
margin-bottom:0px;
}
*/


h2.hl-chronol{
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    color:#777;
    text-transform: uppercase;
    margin-bottom:30px;
 }




 

/* RESSORT ARTIKEL GRID  -------------------*/

.ressort-title {
font-size: 15px;
font-weight: bold;
color: #525252;
letter-spacing: 0.0125em;
margin-bottom: 32px;
line-height:18px;
text-transform: uppercase;
}

.termine .ressort-title {
color: #e2001a;
}
 

.article-grid-ressort .article  .date {
  color:#777;
  font-size: 11px;
line-height: 19px;
margin-bottom:10px;
}
 

 







 
/* ARTIKEL DETAIL PAGE  --------------------*/
/*
.col-main, .col-aside{
position: relative;
text-align:left;
display: block;

}
 
.col-main{
width:68.5%;
float:left;
}
.col-aside{
width:31.5%;
float:right;
}


*/
.col-main, .col-main2, .col-aside{
position: relative;
text-align:left;
vertical-align: top;
display: inline-block;
*display: inline;
zoom: 1;
margin-bottom: 40px;
}


.col-main{
width:68.5%;
}
.col-aside{
width:31.5%;
}


.col-main2{
width:79%;
}
 .col-main2 .content{
padding-left:8.5%;
padding-right:0%;
}


.valignbottom{
  vertical-align: bottom;
}

.col-main .content{
padding-left:8.5%;
padding-right:8.5%;
}

.col-main iframe{
padding-left:8.5%;
padding-right:8.5%;
}



.col-main .content ul{
 list-style: square outside none;
padding-left:14px;
 margin-bottom:20px;
}
.col-main .content ol{
 padding-left:40px;
  margin-bottom:20px;
}


/* general a-tag 
, a:focus,a:active,a:hover,a:visited
*/
.col-main .content a,
.col-main .content a:focus,
.col-main .content a:active,
.col-main .content a:hover,
.col-main .content a:visited {
	text-decoration: none;
	/* border-bottom:1px solid #aaa!important; 6.6.2019 wolfgang important weg damit tags keinen bottom-strich haben */
	border-bottom:1px solid #aaa;
	
	
	display: inline-block;
  line-height: 1;
}

/*termine */ 
.termine-detail-body a,
.termine-detail-body a:link,
.termine-detail-body a:focus,
.termine-detail-body a:active,
.termine-detail-body a:hover,
.termine-detail-body a:visited {
text-decoration: none;
border-bottom:1px solid #aaa!important;
display: inline-block;
  line-height: 1;
}







.articledetail {
}


.articledetail .ressort{
margin-bottom:0px;
color:#777;
text-transform: uppercase;
}
.articledetail .date{
color:#777;
letter-spacing: 0.5px;
font-size: 12px;
line-height: 19px;
margin-bottom:20px;
}


.articledetail .kicker{
font-size: 18px;
line-height:30px;
font-weight: normal;
margin-bottom:0px;
}

.articledetail h1,
.articledetail .titel{
font-size: 32px;
font-weight: normal;
line-height:34px;
margin-bottom:20px;
}

.articledetail .short{
font-size: 16px;
line-height:20px;
font-weight: normal;
margin-bottom:10px;
}


.articledetail .author{
font-size: 12px;
line-height: 19px;
color:#777;
margin-bottom:20px;
}


 
/* feature image */
.col-main .featureimg{
padding-right:8%;
}
 
 
.articledetail  figcaption {
  position: relative;
 /* background: #dedede;  wolf gleicht an bei tags*/
   background: #ebebeb;
  min-height:48px;

   font-size: 11px;
line-height: 16px;
color:#111;
padding: 5px 8px 3px 8px;
}



.articledetail  .credits{
 font-size: 11px;
line-height: 19px;
color:#777;
text-align: right;
}

.articledetail  .main-zitat,
.articledetail  .zitat{
font-family: 'PTserif', 'Helvetica', Arial, sans-serif;
font-weight: 400;
font-size:26px;
line-height: 32px;
padding:0px 10px;
}

.articledetail p{
}

 /*
.articledetail  h2{
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    margin-bottom:0px;
}
*/

.articledetail  .long{
line-height: 22px;
margin-bottom:50px;
}






.articledetail  .main-zitat,
.articledetail .zitat,
.articledetail .col-aside figure{
margin-bottom:50px;
margin-bottom:80px;
}



.articledetail .col-aside .hoch{
 max-width:250px;
}


 /* articlerelated weiterlesen
 - links auf weitere artikel
 */
 .articlerelated {
margin:60px 0px 60px 0px;
}
.articlerelated-hl{
font-weight: bold;
margin-bottom:15px;
}

.articlerelated .item .date{
 color:#777;
letter-spacing: 0.5px;
font-size: 12px;
line-height: 19px;
margin-bottom:0px;
}

.articlerelated .item{
margin-bottom:20px;
}
.articlerelated .item .date{
 color:#777;
letter-spacing: 0.5px;
font-size: 12px;
line-height: 19px;
margin-bottom:0px;
}
 
.articlerelated .item a{
/*font-size:16px;  6.6.2019  wolfgang wie fliessetxt */

line-height: 20px!important;
border:none!important;
text-decoration: underline;
}
.articlerelated .item a:hover{
/*font-size:16px;  6.6.2019  wolfgang kleiner detto */
line-height: 20px!important;
border:none!important;
text-decoration: underline;
color:#555;
}



 /* LAYOUT detailpage buttons to comment, share, print
 */
.footerbtn-row{
margin:60px 0px;
}

button.footerbtn{
    padding:0px 10px;

font-size: 12px;
    height:40px;
    line-height: 40px;
    color: #f5f5f5;
    background-color: #87888a;
    border: 0 none;
    cursor: pointer;
    display: block;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
}




 /* ARTICLE FOOTER BUTTONS
 - printview
 - share fb, twitter
 */

.articlefooter-btns{
margin:0px 0px 40px 0px;
}
.articlefooter-btns a{
     background-color: #ebebeb;
     color: #87888a;
   color:#777;
    border: 0 none;
    cursor: pointer;
    display:inline-block;
 
 font-size:24px;
height:38px;
width:38px;
line-height: 45px;
margin:0px 10px 10px 0px;

text-align: center;
}

.articlefooter-btns button a{

}

.articlefooter-btns a:hover{
color: #222;
}





/* SCHWERPUNKT THEMA ARTIKEL LISTE  --------------------*/

 .themenschwerpunkt h1{
    font-weight: normal;
    font-size: 24px;
    line-height: 34px;
    margin-bottom:0px;
}
 
 .themenschwerpunkt  {
     margin-top:40px;
 }
  .themenschwerpunkt .col-main{

 }

 .themenschwerpunkt  figcaption {
  position: relative;
  background: #dedede;
  min-height:48px;

   font-size: 11px;
line-height: 16px;
color:#111;
padding: 5px 8px 3px 8px;
}


.themenschwerpunkt .date{
color:#777;
font-size: 13px;
line-height: 19px;
margin-bottom:15px;
}

 .themenschwerpunkt .credits{
 font-size: 11px;
line-height: 19px;
color:#777;
text-align: right;
}



 .themenschwerpunkt .titel{
font-size: 32px;
font-weight: normal;
line-height:34px;
margin-bottom:20px;
}

 .themenschwerpunkt h2{
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    margin-bottom:0px;
}


 .themenschwerpunkt .short{
font-size: 16px;
line-height:20px;
font-weight: normal;
margin-bottom:10px;
}


 .themenschwerpunkt .featureimg{
  margin-bottom:40px;
 }
 

.themenschwerpunkt .banner{
	min-height:50px;   /* 12.9.2021 min dazu damit wird größer werden könenn */
	line-height:50px;
	background-color:#65b2de; 
	color:#f5f5f5;
	padding:0px 10px;
	margin-top:-50px;
	margin-bottom: 30px;
	text-transform: uppercase;
 
 /* 22.5.22 */
	line-height:30px;
	padding-top:10px;
	padding-bottom:4px;
 }


.banner-articledetail{
	min-height:50px; /* 12.9.2021 min dazu damit wird größer werden könenn */
	line-height:50px;
	background-color:#65b2de; 
	color:#f5f5f5;
	padding:0px 10px;
	text-transform: uppercase;
	width:25%;
	margin-top:-10px;
	margin-bottom: 30px;
	float: right;
 
 /* 22.5.22 */
	line-height:30px;
 	padding-top:10px;
 	padding-bottom:8px;
 }

  .banner-articledetail + .articledetail{
  float:none;
  clear:both;
 }

  .banner-articledetail a{
color:#f5f5f5;
text-decoration: none;
display: block;
 }

   .banner-articledetail a:active,
     .banner-articledetail a:hover{
 color:#111;
 }

 
  .themenschwerpunkt .col-main{
width:75%;
}
  .themenschwerpunkt .col-aside{
width:25%;
}

  .themenschwerpunkt .col-main .content{
padding-left:8.5%;
padding-right:8.5%;
}



  .themenschwerpunkt .article {
padding:0px!important;
margin:0px;
margin-bottom:30px;
  }

 .themenschwerpunkt .article h3{
  }



  .themenschwerpunkt .article .date{
 font-size:13px;
 line-height: 22px;
 color:#777;
  color: #65b2de;
  color:#346ba3;

  font-weight: normal;
  letter-spacing: normal;
margin:0px;
  }

  .themenschwerpunkt .article h3{
font-weight: normal;
font-size: 18px;
line-height:22px;
margin:0px;
  }


/*
  .themenschwerpunkt .article h3{
font-weight: bold;
font-size: 16px;
line-height: 22px;
margin:0px;
  }
*/




/* SUCHE ergebnisliste
 */

.suchlisting .col-main{
display: block;
 width:100%;
 max-width: 800px;
}

.suchlisting header,
.suchergebnis-results{
font-weight: bold;
font-size:15px;
color:#919191;

font-weight:normal;
font-size:15px;
color:#222;
margin-bottom:50px;
}


.suchergebnis-item {
  border-bottom:1px solid #dedede;
padding-bottom:20px;
margin-bottom:20px;
}
.suchergebnis-item .ressort{
text-transform: uppercase;
color:#777;
letter-spacing: 0.5px;
font-size: 12px;
line-height: 18px;
margin-bottom:0px;
 
}
.suchergebnis-item  h2{
font-size: 19px;
font-weight:normal;
color:#000;
line-height:21px;
margin-bottom: 10px;
}

.suchergebnis-item  p + .ressort{
 
}


.suchergebnis-item p{
font-size:14px;
line-height:19px;
color:#444;

/* hyphens    
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
*/
}

 
.suchergebnis-item p:last-child {
margin-bottom:0px;
}








/* TERMINE listing
 */
.termine .col-main{
display: block;
 width:100%;
}


.termine-header{
font-weight:normal;
font-size:16px;
line-height:26px;
color:#222;
margin-bottom:30px;
padding-bottom:30px;
border-bottom:1px solid #dedede;
}



.termine-item {
border-bottom:1px solid #dedede;
padding-bottom:30px;
margin-bottom:30px;


min-height:100px;
width: 100%;
}

.termine-item a{
display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  }


.termindetail .termine-item {
  border-bottom:none;

  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.termine-item .img,
.termine-item .text{
position: relative;
 width: 100%;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}



.termine-item .img{
  -ms-flex: 0 0 20.5%;
  flex: 0 0 20.5%;
  max-width:20.5%;
}
.termine-item .text{
  max-width:700px;
}

.termine-item .img{
padding-right:30px;
}
.termine-item .img img{
width: 100%;
max-width:145px;
height: auto;
}

.termine-item .date,
.termine-item .location{
text-transform: uppercase;
color:#777;
font-size: 14px;
line-height:20px;
margin-bottom:15px;
}
.termine-item .date + .location{
margin-top:-15px!important;
}
.termine-item .location + .date{
margin-top:-15px!important;
}




.termine-item .kicker{
font-size:16px;
line-height:26px;
font-weight:normal;
color:#222;

}



.tscol{
	color:#3377a4;
}



.termine-item  h2{
  font-weight:normal;
  color:#222;

font-size: 22px;
line-height:28px;
margin-bottom:20px;
}

 
.termine-item p{
font-size:14px;
line-height:19px;
color:#444;

/* hyphens    
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
*/
}



 
.termine-item p:last-child {
margin-bottom:0px;
}


/* SERVICE pages
 */

.servicedetail{
}
.servicedetail .title{
font-size: 15px;
font-weight: bold;
color: #525252;
letter-spacing: 0.0125em;
margin-bottom:30px;
}


 

.servicedetail .content{
max-width: 850px;
padding-left:156px;
}



/* termine box aufmacher 2023*/

.rservice p{
	display:block;
	font-size:14px;
	line-height:20px;
	color:white;
	padding-top:5px;
	padding-bottom:10px;
	margin-bottom:5px;
	border-bottom:1px solid;
}

.rservice a strong{
	text-transform:uppercase;
}

.rservice a{
	color:white !IMPORTANT;
}


.logoappstore, .logoplaystore, .logoapp{
	width:155px;
}

/* COMMENTS

<div class='comment'>
  <div class='comment-header'>
  Gespeichert von admin am/um Di, 07/17/2018 - 13:40
  </div>
  <div class='comment-body'>
  <h3>comment title</h3>
  <p>comment text</p>
  <ul>links</ul>
  </div>
</div>


f1f1f1
 */

.comment-area{
 margin-top:40px;
 padding-top:20px;
 border-top:1px solid #ccc;
 max-width:750px;
}

.comment-area h2{
font-size: 20px;
font-weight:normal;
color:#222;
line-height:26px;
margin-bottom:20px;
}

.comment-form {
margin-bottom: 40px;
max-width:750px;
}


 
.comment-form input {
margin-bottom:20px!important;
margin-right:10px!important;
max-width:750px!important;
}

.comment-form textarea{
height:180px;
margin-bottom:20px!important;
max-width:750px!important;
}

#edit-preview {
   background:#bbb;
}





.comment-listing-header{
font-weight:normal;
font-size:14px;
color:#222;

font-weight: bold;
font-size:14px;
color:#919191;
padding:20px 0px;
}



.comment {
    position: relative;
padding:15px 15px 15px 15px;
background: #ececec;
background: #eeeeee;
border:1px solid #ddd;
margin-bottom:15px;

 max-width:750px;
}

.indented {
position: relative;
margin-left:0px;
margin-bottom:20px;
}
.indented .indented{
position: relative;
margin-left:15px;
}

.indented .comment {
background: #fff;
border:1px solid #ddd;

padding-top:5px;
border:0px;
border-left:5px solid #bbb;
margin-bottom:0px;
}

.comment-header{
border-bottom:1px solid #ddd;
color:#777;
padding-bottom:5px;
margin-bottom:10px;
  font-size: 13px;
}
.comment-body{
  
}
.comment-body h3{
 font-size: 16px;
 line-height:20px;
font-weight:bold;
color:#222;

margin-bottom:5px;
}
.comment-body p{
font-size:14px;
line-height:19px;
color:#444;
}

.comment-body ul {
  text-align:right;
}
.comment-body ul li{
width: auto;
display: inline-block;
margin-left:5px;
}
.comment-body ul li:last-child{
 
}


.comment-body ul li a{
display: inline-block;
padding:2px 8px;
background: #fff;
width: auto;
font-size: 12px;
font-weight: bold;
color:#555;


font-size: 13px;
font-weight: normal;
color:#444;
}


.indented .comment-body ul li a{
background: #eee;
color:#333;
font-size: 12px;
}


/* USER login form
*/
.user-login-form{
 
}

/* USER registration form

#edit-contact{
padding:10px;
background: #ececec;
margin-bottom:20px;
}
*/
.user-register-form {

}

/* usernotes via block */
#block-loginheader,
#block-registerheader{
  margin-bottom:40px;
  max-width: 820px;
}

#block-loginheader h2,
#block-registerheader h2{
font-size: 22px;
font-weight:normal;
color:#222;
line-height:28px;
margin-bottom:10px;
}

#block-loginheader p,
#block-registerheader p{
  
}
 

 
/* usernotes via (fieldset) */
#group-notes {
padding:0px!important;
margin:0px!important;
}

#group-notes--description{
padding:10px;
background: #ececec;
margin-bottom:20px;
font-style:normal;
color:#222;
font-size: 14px;


  display: none;
}



/* COMPONENTS  --------------------

 #nav ul li{
  display: inline;
 text-transform: uppercase;
   font-size: 14px;

  float: left;
width:auto;
}

 

#nav li a{
  display: block;
  overflow: hidden;

height:40px;
line-height: 40px;
  padding:0px 12px;

  text-decoration:none;
  width: auto;

  font-size:15px;
  font-weight: bold;
  color:#525252;
letter-spacing: 0.0125em;
}

*/


.visually-hidden {
  display: none;
}



/* hide if smaller than breakpoints */
.hide-content-l,
.hide-content-m,
.hide-content-s {
  display: block;
}
 

/* shown if smaller than breakpoints */
.show-content-l,
.show-content-m,
.show-content-s{
display: none;
}



/* topnews  -------------------- */







/* GALLERY  -------------------- */
 
.gallery{
padding-right:0%;
padding-top:20px!important;
}
.gallery .item{
display:inline-block;
padding:0px!important;
vertical-align: top;
}
.gallery .item .tmb{
margin:0px;
padding:0px;
}
.gallery .item .caption{
padding:3px 0px;
line-height:1.2;
font-size: 12px;
color:#666;
}
 
 
.gallery.grid3{
margin-left:-0.5%;
margin-right:-0.5%;
}

.gallery.grid3 .item{
width: 32.3%;
margin:0.5%;
}


 

/*
.gallery.grid3 .item{
width: 33.3%;
}
*/

.gallery.grid4{
margin-left:-0.5%;
margin-right:-0.5%;
}

.gallery.grid4 .item{
width:24%;
margin:0.5%;
}



.gallery.grid5{
margin-left:-0.5%;
margin-right:-0.5%;
}

.gallery.grid5 .item{
width:19%;
margin:0.5%;
}




/* PAGINATION */

.pagination {
  display: block;
    font-size: 12px;
    color: #525252;
    margin:40px 0px 40px 0px;
    clear: both;
}

nav{ display: block; }
 
.pager{
  display: block;
    font-size: 14px;
    color: #525252;
        margin:40px 0px 0px 10px;
    clear: both;
float:none;
width:100%;
}

.pager__item{
 display: inline;
 text-transform: uppercase;
   font-size: 15px;
  float: left;
width:auto;
}
.pager__item a{
  display: block;
  overflow: hidden;
min-width:25px;
padding:0px 5px;
height:25px;
line-height:25px;

  text-decoration:none;
 
text-align: center;
font-size:15px;
  color:#222;
}

.pager__item.is-active a{
background:#ececec;
}


.pager .pager__item--ellipsis{
display:none;
}



/* FORMS
*/
.medinlive-form{
  max-width:820px;
}
.medinlive-form .description{
color: #666;
font-size:13px;
margin-bottom:20px;
font-style:italic;
}


.medinlive-form input,
.medinlive-form textarea{
background: #fff;
color: #000;
border:1px solid #aaa;
padding:5px;
margin:0px 0px 20px 0px;
width: 100%;
max-width: 300px;
}
.medinlive-form input + .description{
margin-top:-15px;
}


.medinlive-form input[type=text],
.medinlive-form input[type=password],
.medinlive-form textarea{
}


.medinlive-form input[type=radio],
.medinlive-form input[type=checkbox]
{
width:auto;
height:auto;
margin-right:10px;
display: inline-block;
}


.medinlive-form label{
  display: block;
  margin-bottom:5px;
}

.medinlive-form input[type=radio] + label,
.medinlive-form input[type=checkbox] + label {
display: inline-block;
}

 
.medinlive-form .form-submit{
padding:0 20px;
  height:30px;
     line-height:30px;
     width:auto;
   
   background: #87888a;
    outline: none;
      border:0;
   text-align:center;
  text-decoration:none;
  color:#fff;
        

margin:0px;
        
width:auto;
 font-weight:bold;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.36);
}
.form-submit:hover{
      background: #000;
   color: #fff;
   }




/* border:1px solid #E02232;
border-right:5px solid #E02232;
*/
input[type=text].alert,
input[type=password].alert
{
background-color:#ffff33;
}



/*
statusinfos
- twig tpl status-messages.html.twig
- contentinfo: status, error, warning

yellow/black font
border:1px solid #c3b80b;
color:#000;
background: #eded17;

green
border:1px solid #d0e9c6;
background-color: #dff0d8;
 color:#3c763d;

 blue
 background-color: #d9edf7;
border-color: #bcdff1;
color: #31708f

yellow/brownish
background-color: #fcf8e3;
border-color: #faf2cc;
color: #8a6d3b
*/

.contentinfo  {
margin: 20px 0px;
padding: 20px 10px;
font-size: 14px;

border: 1px solid #ccc;
background-color: #f5f5f5;
color: #222;
}



/* green box */
.contentinfo.status {
border:1px solid #d0e9c6;
background-color: #dff0d8;
 color:#3c763d;
}
/* red box */
.contentinfo.error {
border: 1px solid #E02232;
background-color: #f0d6d6;
color: #bd0000;
}

/* ywllow box */
.contentinfo.warning {
background-color: #fcf8e3;
border-color: #faf2cc;
color: #8a6d3b
}


/*
responsive videoplayer
*/
.fluid-width-video-wrapper{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;

    margin-bottom:30px;
 }
.fluid-width-video-wrapper iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    padding:0px!important;
}


/*  video im text markup */

.videoiframe, iframe{
	//border:0px;
	width:100%;
	margin-bottom:20px;
	min-height:100px !important;
	border:0 !important;
	padding-left:0 !important;
}


/*
PRINTVIEW
*/

.printview .zitat,
.printview #topnav,
.printview #nav,
.printview #footer{
display:none;
}

.printview .container-wraper{
clear:both;
padding:0px 50px 0px 50px;
width:100%;
font-size: 14px;
}
.printview .container-wraper .container{
max-width:800px;
}
.printview #header{
height:180px;
}


 .printview .main-zitat{
margin:30px 20px;
}

.printview figure{
 max-width:30%;
  max-height:30%;
    margin:3%;
    margin-left:0%;

  float:left;
  display:inline-block;
  vertical-align: top;

}

 .printview figure.featureimg{

 max-width:63%;
  max-height:400px;
    float:none;
  display:block;
  clear:both;
}




.printview .articledetail .ressort,
.printview .articledetail .date,
 .printview .articledetail .author{
color:#666;
}
.printfooter{
border-top:1px solid #ccc;
margin:20px 0px 50px 0px;
padding-top:20px;
font-size:12px;
color:#444;
}



/* printER rules only */
@media print {
 
 .printview .container-wraper{
clear:both;
padding:0px 50px 0px 80px;
width:100%;
font-size:13px;
}

@page {
    margin-top:2cm;
    margin-bottom: 2cm;
}

}


/* neu by wolfgang 6.6.2019 */

.artikeltags{   
	overflow:hidden;
	margin-top:60px;
}



.artikeltag{
	float:left;
	margin-right:20px;
	margin-bottom:14px;
	line-height: 20px !important;
	//border: 0px;
	background: #ebebeb;
	color:#111;
	padding: 3px 5px 3px 5px;
}
.artikeltag a{
	border-bottom: 0px solid #aaa !important;
}

.teasertags{
	padding-top:25px;
	overflow:hidden;
	padding-bottom:25px;
}

.teasertags a, .teasertags a:hover{   
	margin-right:10px;
	margin-bottom:5px;
	/*//border: 1px solid #111;*/
	border-bottom: 1px solid #aaa !important;
	background: #ebebeb;
	color:#111;
	padding: 1px 5px 1px 0px;
	
	display:inline-block;
	float:left;
}

.redaktiontag{
	display:block;margin-top:-15px;font-size:12px;color:gray;
}

.color5 {
  background: #ebebeb; /* grau tags der woche  */
}


.hcolor2 .text{
	border-left:2px solid #8193c6;
	padding-left:8px;
}
.hcolor4 .text{
	border-left:2px solid #1c6474;
	padding-left:8px;
}

.artikeltags{
	/*display:none;*/
}