/* ==========================================================================
   * bv Template by Andreas Lauk 2018                                       *
   *                                                                        *
   ========================================================================== */
@font-face {
        font-family: Roboto Condensed;
        src: url('../Fonts/robotocondensed-light.ttf');
}
@font-face {
        font-family: Roboto Condensed Bold;
        src: url('../Fonts/robotocondensed-bold.ttf');
}
body {
		padding-top: 110px;
		padding-bottom: 0px;
		background-position: 0px 0px;
		background-repeat: no-repeat;
		color: black;
}
h1 {
	font-family: Roboto Condensed Bold; 
	font-size: 3.6em; 
	font-weight: bold;
    color: black;
    text-align: center;
}

/* custom css */

p {
    font-family: Roboto Condensed;
	/*color: black;*/
}
.navLink:link {
	color: black;
	text-decoration:none;
}
.navLink:active {
	color:#afc80a;
	text-decoration:none;
}
.navLink:visited {
	color: black;
	text-decoration:none;
}
.navLink:hover {
	color: #afc80a;
	text-decoration:none;
}
.headerBG{
	height: 110px;
	background-repeat: no-repeat;
	background-color: white;
	border: none;
	text-transform: uppercase;
	font-size: 40px;
	color: black;
	font-family: Roboto Condensed Bold; 
	font-size: 18px; 
	text-transform: uppercase;"
}
.headerBG ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	text-align: center;
}
.headerBG li {
    float: left;
}
.headerBG li a {
    display: block;
    text-align: center;
    padding-right: 20px;
    text-decoration: none;
}
.linklist {
	text-transform: uppercase;	
}
.linklist ul {
	list-style-type: none;
    margin: 0;
    overflow: hidden;		
}
.linklist li {
    float: left;

}
.linklist li a {
    display: block;
    text-align: center;
    padding-right: 10px;
    text-decoration: none;
		color:black;
}
.linklist li a:hover:not(.active) {
    color: #afc80a;;
}
.contactLink:link {
	color:black;
	text-decoration:none;
	font-family: Roboto Condensed Bold; 
	font-size: 14px; 
	text-transform: uppercase; 
	line-height: 0.6;
}
.contactLink:visited {
	color:black;
	text-decoration:none;
	font-family: Roboto Condensed Bold; 
	font-size: 14px; 
	text-transform: uppercase; 
	line-height: 0.6;
}
.contactLink:hover {
	color: #afc80a;
	text-decoration:none;
	font-family: Roboto Condensed Bold; 
	font-size: 14px; 
	text-transform: uppercase; 
	line-height: 0.6;
}
.footerLink:link {
	color: white;
	text-decoration:none;
}
.footerLink:visited {
	color: white;
	text-decoration:none;
}
.footerLink:hover {
	color: #afc80a;
	text-decoration:none;
}
.footer{
	background-color:#333333;
	height:44px;
	text-transform: uppercase;
	padding: 0px 0;
}
.col-md-3{
	margin: 0px;
	padding: 0px;
	
}

.ce-bodytext{
	padding-top: 60px;
	height: 650px;
	overflow-y: auto;
	overflow-x: hidden;
}
@media (max-width: 768px) {
	body {
		max-width: 360px;
		max-height: 360px;

	}
	.headerBG{
			background-image: url('../img/head_bgnd_esd.jpg');	
			padding: 15px 200px;
	}
	.navbar-header{
		display:none;
	}
	.img_left{
		width: 85px;
		height: 164px;
		background: url('../img/work_esd.jpg') no-repeat;	
	}
	.img_middle{
		width: 185px;
		height: 164px;
		background: url('../img/herz_esd.jpg') no-repeat;	
		position:absolute;
		top:-164px;
		left:87px;
	}
	.img_right{
		width: 85px;
		height: 164px;
		background: url('../img/gefaess_esd.jpg') no-repeat;	
		position:absolute;
		top:-166px;
		left:274px;
	}
	.navbar-menubtn{
		width: 50px;
		height: 50px;
		background: url('../img/picto_menu.png') no-repeat;	
		position:absolute;
		top:120px;
		left:155px;
		display:inline;
	}
	.navbar-menubtn:hover{
		background: url('../img/picto_menu_sel.png') no-repeat;	
	}
	.panel-heading {
		text-align: center;
		font-family: Roboto Condensed Bold;
		border-bottom: 1px solid transparent;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		background-color: red;
		
	}
	.panel-heading a:hover {
		color: #afc80a;
		text-decoration:none;
	}
	.panel-body {
		font-family: Roboto Condensed;
		
	}
	.card-img-top {
		width: 150px;
		height: 150px;
	}
	.card-title {
		padding-top: 4px;
		text-align: center;
		font-family: Roboto Condensed Bold;
		text-align: center;
		padding-bottom:0px;
		height: 10px;
		font-size: 12px;
	}
	.card-title_small {
		padding-top: 4px;
		text-align: center;
		font-family: Roboto Condensed Bold;
		font-size: 11px;
		text-align: center;
		padding-bottom:0px;
		height: 10px;
	}
	.card-text {
		text-align: center;
		padding-top:0px;
	}
	.linklist{
		position:absolute;
		top:525px;
		left:-40px;
		width: 450px;
	}
	.servicelist{
		height: 400px;
		overflow-y: auto;
		overflow-x: hidden;
		padding-top: 30px;
		
	}	
	.imglist{
		height: 370px;
		width: 160px;
		overflow-y: auto;
		overflow-x: hidden;
		padding-top: 30px;
		position:absolute;
		top:80px;
		left:110px;
	}
	.ce-bodytext{
		padding-top: 60px;
		height: 290px;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.textc{
		text-align: center;
	}
	.ext{
		padding: 20px;
		
	}
	.tuvlogo{
		padding-top:10px;
		/*height: 110px;*/
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 268px;
	}
	.footer{
		width: 360px;
		font-size: 14px;
		position:absolute;
		top:640px;
		left:0px;
	}
	
}
@media (min-width: 768px) {
	body {
		max-width: 760px;
		background-position: -230px 110px;
		background-image: url('../img/bgnd_ld.jpg');
	}
	
	.headerBG{
			background-image: url('../img/head_bgnd_sd.jpg');	
			padding: 45px 25px;
	}
	.navbar-header{
		display:none;
	}
	.navbar-menubtn{
		width: 50px;
		height: 50px;
		background: url('../img/picto_menu.png') no-repeat;	
		position:absolute;
		top:30px;
		left:358px;
		display:inline;
	}
	.navbar-menubtn:hover{
		background: url('../img/picto_menu_sel.png') no-repeat;	
	}
	.img_left{
		width: 181px;
		height: 351px;
		background: url('../img/work_sd.jpg') no-repeat;	
	}
	.img_middle{
		width: 393px;
		height: 351px;
		background: url('../img/herz_sd.jpg') no-repeat;	
		position:absolute;
		top:-351px;
		left:187px;
	}
	.img_right{
		width: 181px;
		height: 351px;
		background: url('../img/gefaess_sd.jpg') no-repeat;	
		position:absolute;
		top:-352px;
		left:587px;
	}
	.panel-heading {
		text-align: center;
		font-family: Roboto Condensed Bold;
		border-bottom: 1px solid transparent;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		background-color: red;
		
	}
	.panel-heading a:hover {
		color: #afc80a;
		text-decoration:none;
	}
	.panel-body {
		font-family: Roboto Condensed;
		
	}
	.textc{
		text-align: center;
		position:absolute;
		top:10px;
		left:240px;
	}
	.ext{
		padding: 10px;
		width: 20px;
	}
	.card-img-top {
		width: 150px;
		height: 150px;
	}
	.card-title {
		padding-top: 4px;
		text-align: center;
		font-family: Roboto Condensed Bold;
		text-align: center;
		padding-bottom:0px;
		height: 10px;
		font-size: 12px;
	}
	.card-title_small {
		padding-top: 4px;
		text-align: center;
		font-family: Roboto Condensed Bold;
		font-size: 11px;
		text-align: center;
		padding-bottom:0px;
		height: 10px;
	}
	.card-text {
		text-align: center;
		padding-top:0px;
	}
	.linklist{
		position:absolute;
		top:560px;
		left:175px;
		width: 450px;
	}
	.servicelist{
		height: 650px;
		overflow-y: auto;
		overflow-x: hidden;
		padding-top: 30px;
	}	
	.imglist{
		height: 650px;
		width: 420px;
		overflow-y: auto;
		overflow-x: hidden;
		padding-top: 30px;
		position:absolute;
		top:80px;
		left:210px;
	}
	.ce-bodytext{
		padding-top: 60px;
		height: 570px;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.tuvlogo{
		padding-top:10px;
		/*height: 110px;*/
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 268px;
	}
	.footer{
		width: 768px;
		font-size: 14px;
		position:absolute;
		top:910px;
		left:0px;
	}
}
@media (min-width: 992px) {
	body {
		max-width: 992px;
		background-position: -230px 110px;
		background-image: url('../img/bgnd_ld.jpg');
	}
	.headerBG{
			background-image: url('../img/head_bgnd_md.jpg');	
			padding: 45px 25px;
	}
	.navbar-menubtn{
		width: 50px;
		height: 50px;
		background: url('../img/picto_menu.png') no-repeat;	
		position:absolute;
		top:0px;
		left:320px;
		display:none;
	}
	.img_left{
		width: 293px;
		height: 351px;
		background: url('../img/work_md.jpg') no-repeat;	
	}
	.img_left:hover{
		background: url('../img/work_sel_md.jpg') no-repeat;
	}
	.img_middle{
		width: 520px;
		height: 352px;
		background: url('../img/Home_Herz.jpg') no-repeat;	
		position:absolute;
		top:0px;
		left:51px;
	}
	.img_middle:hover{
		background: url('../img/Herz_sel_ld.jpg') no-repeat;
	}
	.img_right{
		width: 293px;
		height: 351px;
		background: url('../img/gefaess_md.jpg') no-repeat;	
		position:absolute;
		top:0px;
		left:0px;
	}
	.img_right:hover{
		background: url('../img/gefaess_sel_md.jpg') no-repeat;
	}
	.rightcol{
		position:absolute;
		top:110px;
		left:698px;
	}
	.textc{
		text-align: center;
		position:absolute;
		top:0px;
		left:106px;
	}
	.ext{
		padding: 145px;
	}
	.ce-bodytext{
		padding-top: 60px;
		height: 570px;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.linklist{
		position:absolute;
		top:690px;
		left:275px;
		width: 800px;
	}
	.card-img-top {
		width: 150px;
		height: 150px;
	}
	.card-title {
		padding-top: 4px;
		text-align: center;
		font-family: Roboto Condensed Bold;
		text-align: center;
		padding-bottom:0px;
		height: 10px;
		font-size: 12px;
	}
	.card-title_small {
		padding-top: 4px;
		text-align: center;
		font-family: Roboto Condensed Bold;
		font-size: 11px;
		text-align: center;
		padding-bottom:0px;
		height: 10px;
	}
	.card-text {
		text-align: center;
		padding-top:0px;
	}
	.imglist{
		height: 650px;
		width: 420px;
		overflow: auto;
		overflow-x: hidden;
		padding-top: 30px;
		position:absolute;
		top:80px;
		left:30px;
	}
	.servicelist{
		height: 650px;
		overflow: auto;
		overflow-x: hidden;
		padding-top: 30px;
		
	}	
	.tuvlogo{
		padding-top:10px;
		/*height: 110px;*/
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 268px;
	}
	.footer{
		width: 992px;
		max-width: 992px;
		font-size: 14px;
		position:absolute;
		top:910px;
		left:0px;
	}
	.navbar-header{
		display:inline;
	}
}
@media (min-width: 1200px) {
	body {
		max-width: 1200px;
		background-position: 0px 110px;
		background-image: url('../img/bgnd_ld.jpg');
	}
	.headerBG{
		background-image: url('../img/head_bgnd_ld.jpg');
		padding: 45px 160px;	
	}
	.navbar-header{
		display:inline;
	}
	.navbar-menubtn{
		width: 50px;
		height: 50px;
		background: url('../img/picto_menu.png') no-repeat;	
		position:absolute;
		top:0px;
		left:320px;
		display:none;
	}
	.img_left{
		width: 520px;
		height: 352px;
		background: url('../img/Home_Work.jpg') no-repeat;	
	}
	.img_left:hover{
		background: url('../img/Work_sel_ld.jpg') no-repeat;	
	}
	.img_middle{
		width: 520px;
		height: 352px;
		background: url('../img/Home_Herz.jpg') no-repeat;	
		position:absolute;
		top:0px;
		left:120px;
	}
	.img_middle:hover{
		background: url('../img/Herz_sel_ld.jpg') no-repeat;
	}
	.img_right{
		width: 520px;
		height: 352px;
		background: url('../img/Home_Gefaess.jpg') no-repeat;	
		position:absolute;
		top:0px;
		left:320px;
	}
	.img_right:hover{
		background: url('../img/Gefaess_sel_ld.jpg') no-repeat;
	}
	.centercol{
		position:absolute;
		top:110px;
		left:406px;
	}
	.rightcol{
		position:absolute;
		top:110px;
		left:604px;
	}
	.textc{
			text-align: center;
			position:absolute;
			top:0px;
			left:276px;
	}
	.ext{
		padding:240px;
	}
	.linklist{
		position:absolute;
		top:620px;
		left:500px;
	}	
	.footer{
		width: 1446px;
		max-width: 1446px;
		font-size: 14px;
		position:absolute;
		top:914px;
		left:0px;
	}
	.panel-heading {
		text-align: center;
		font-family: Roboto Condensed Bold;
		border-bottom: 1px solid transparent;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		background-color: red;
		
	}
	.panel-heading a:hover {
		color: #afc80a;
		text-decoration:none;
	}
	.panel-body {
		font-family: Roboto Condensed;
		
	}
	.card{
		width: 160px;
	}
	.card-img-top {
		width: 160px;
		height: 160px;
	}
	.card-title {
		padding-top: 4px;
		text-align: center;
		font-family: Roboto Condensed Bold;
		font-size: 14px;
		text-align: center;
		padding-bottom:0px;
		height: 10px;
	}
	.card-title_small {
		padding-top: 4px;
		text-align: center;
		font-family: Roboto Condensed Bold;
		font-size: 13px;
		text-align: center;
		padding-bottom:0px;
		height: 10px;
	}
	.card-text {
		text-align: center;
		padding-top:0px;
	}
	.imglist{
		height: 650px;
		width: 460px;
		overflow: auto;
		overflow-x: hidden;
		padding-top: 20px;
		position:absolute;
		top:80px;
		left:70px;
	}
	.servicelist{
		height: 650px;
		overflow: auto;
		overflow-x: hidden;
		padding-top: 30px;
	}
	.tuvlogo{
		padding-top:10px;
		/*height: 110px;*/
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 268px;
	}
}