.flexbox-item:first-child { min-height:40vw;}


.links .flleft img {
	border: 1px solid #ccc;
	background: #fff;
	padding: 1px;
	margin:0 5px 5px 0;
}


#content ol li { list-style:decimal; margin:0 0 0 25px}


/* #content ul li { list-style:none;  clear:left; margin:0 0 0 0; padding:0 0 0 25px; width:100%}
#content ul li::before { position:absolute;
	content: "\f0da";
	font: normal normal normal 1em/1 FontAwesome;
	display: inline-block;
	margin: 5px 1em 0 -25px; 	color:rgb(178,25 ,27) !important; } */
	
#content ul.tab li { list-style:none;  clear:none; margin:0 0 0 0; padding:0;}
/*#content ul li::before { display:none}*/
	
.txt-box { padding:5%}

.txt-box2 { padding:0 5%}

/* ul.check li { list-style:none;  clear:left; margin:0 0 0 0; padding:0 0 0 33px;}
ul.check li::before {
	content: "\f00c";
	font: normal normal normal 1em/1 FontAwesome;
	display: inline-block;
	margin: 0 1em 0 -33px; 	color:#82bb25;} */
	
	
.table-responsive{width:100%; }
.tbl-copy { margin:2rem 0; width:100%; }
.tbl-copy th { background:#fafafa; border:1px solid #eee;padding:5px;}
.tbl-copy td {border:1px solid #eee; padding:5px; vertical-align:middle}



.service { text-align:center; width:80%; margin:2em auto; }
.service h4 { margin:0 0 2em 0}
.service div { float:left; position:relative}
.service div div {}
.service div div div{ height:15vw;text-align:center;background:#fff; padding:3.5vw 0 0}
.service a.more-btn { color:#8c8c8c; border:1px solid #8c8c8c;font-size:1em; font-weight:300; margin:.5em 0 0;padding:.5em 1em; display:inline-block; text-transform:uppercase}
.service a.more-btn:hover { background:#003d8e; color:#fff; border:1px solid #fff}
.service img { position:absolute; top:0; left:0; height:100%}

/*------------------------------ Aufklapp-Menü --------------------------------------------*/
.accordion { float:left; display:block; background:#18597d;  cursor: pointer;  padding: .5em 1em; margin:0 0 .5em; width: 100%;   transition: 0.4s;  position:relative;font-size: 1.2vw;line-height: 1em;}
.active, .accordion:hover { color:#fff;background:#18597d;}

.accordion:after { content: '\f107';font-family:FontAwesome;float: right; margin-left: 5px; position:absolute; right:1em; bottom:.5em; z-index:1}
.active:after {  content: "\f106"; color:#fff;font-family:FontAwesome;}

.panel { background:#fff;
    padding:0 1em 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;}

.panel em { font-style:normal; font-weight:700; background:#e6f4f8; padding:.5em 1em; display:inline-block}


#content .panel ul li::before { }


@media screen and (max-width:1200px ) {
	.service {width: 90%;margin: 1em auto;}
	.service div div div {  height: 18vw;padding: 5vw 0 0;}
	.service a.more-btn {padding: .3em .8em;}
}
@media screen and (max-width:1023px ) {
.flexbox-item { width:100%;}
.service div div div {  height: 26vw;padding: 8vw 0 0}
h3, h4 { font-size: 2.5vw;}
}
@media screen and (max-width:768px ) {
	.service div div div { padding: 6vw 0 0}
	h3, h4 { font-size:3.2vw;}
	.panel, .accordion { font-size:1.0em; }
}
@media screen and (max-width:767px) {
.table-responsive {
	width: 100%;
	margin:2rem 0;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #eee;
	min-height: .01%;
    overflow-x: auto;}
.table {	width: 100%;max-width: 100%;}
.tbl-copy { margin:0rem 0;}
}
@media screen and (max-width:567px ) {
	.service div div div {  height: 52vw;padding: 16vw 0 0; width:100%; display:block}
	h3, h4 { font-size:5vw;}
	div.row { position:relative; height:104vw}
	div.row div:first-child{ position:absolute; top:52vw;}
}
@media screen and (max-width:420px ) {
.service div div div {padding: 12vw 0 0;}
h3, h4 {font-size:6vw;}
}
@media screen and (max-width:320px ) {
.service div div div {padding: 10vw 0 0;}
h3, h4 {font-size: 7vw;}
}