@charset "utf-8";
/* CSS Document */

.content {
	position:relative;
	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; 
	flex-direction:row;
	-webkit-flex-wrap: wrap; /* Safari */
    flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
    justify-content: space-between;
	-webkit-align-items:stretch; /* Safari */
	align-items:stretch;
	width:100%;
	}

.contentText {
	float:left;
	text-align:left;
	width:55%;
}

.contentImage {
	float:left;
	width:40%;
}

.col_12{width:100%;}
.col_6{float:left;width:50%;}
.col_3{float:left;width:25%;}

.col_5{float:left;width:48%;}
.col_2{float:left;width:4%;}

.col_12 p, .col_6 p, .col_3 p {padding: 10px;}

.img-responsive {
    max-width: 100%;
    height: auto;
}

.button {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.button {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.button:hover {
    color: #fff;
    background-color: rgba(2, 156, 158, 1.0);
    border-color: rgba(2, 156, 158, 1.0);
}

@media (max-width: 940px) {
  .contentText {
	width:48%;
}

.contentImage {
	width:48%;
	}
	
/*
.contentTextHeadline {
	font-size:1.2em;
}
*/
    
}


@media (max-width: 767.98px) {
    
    .contentText {
        float:none;
        width:100%;
    }

    .contentImage {
        float:none;
        width:100%;
        margin-bottom:15px;
        }
    
    .contentImage img { width: 99%; }

    .contentUebersicht .panelUebersicht {
        width:100%;
        }
}

@media screen and (max-width: 725px) {
    .col_2, .col_5, .col_6 { float:left; width:100%; }
    .col_3 { float:left; width:50%; }
}