@import 'https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,700,800,900';
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  margin: 0 auto;
}
.dienste-wrapper {
    width: 100%;
    max-width: 100%;
    background-color: rgba(0,0,0,0.10);
}
.dienste-halter {
    margin: 0 auto;
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #ffffff;
}
.dienste-halter .sujet .news-inhalt {
    margin: .5rem;
    text-align: left;
    color: black;
    font-size: 16px;
    line-height: 20px;
}
.shouter {
    color: #1a1b1b;
    font-size:1.6rem;
	line-height: 2rem;
	font-weight: 500;
    padding: 1% 0;
    text-decoration: underline;
}
a:hover.shouter {
	color: #000000;
    text-decoration: none;
}
.sujet {
    margin-top: 0.5%;
    border-bottom: 0.5px solid black;
    min-width: 100%;    /* <<<<<<<<<<<<<<<<<<<< Das ist wichtig wenn zu wenig Text! */
}
.news-img-halter {
	float: left;
    margin: 0 2% 1% 0;
}
img.dienste-img {
    width: 100%;
    height: auto;
}
h4 {
    line-height: 2.5;
}
.news-linked {
	text-decoration: none;
}
a:hover.news-linked {
	color: #000000;
	text-decoration: underline;
}
@media only screen and (max-width : 320px) {
.news-img-halter {
	width: 100%;
	max-width: 140px;
    margin: 0 2% 0 0;}
.dienste-halter .sujet .news-inhalt {
	font-size: 14px;
	line-height: 18px;}
h4 {
    line-height: 1.2;}
}
@media all and (max-width: 574px) {
.shouter {
    font-size:1.2rem;
    line-height: 1.1;}
.news-img-halter {
	width: 100%;
	max-width: 160px;
    margin: 0 2% 0 0;}
}
@media only screen and (min-width : 1200px) {
.news-img-halter {
	width: 100%;
	max-width: 180px;}
}