 html{font-family: "Ubuntu", sans-serif; overflow: -moz-scrollbars-vertical;  overflow-y: scroll; }
 *,html { box-sizing: border-box;}
 
a{color:rgb(0, 191, 194)}
a:hover{color:#039696;}
 
 /* header */
h1#logo1{font-weight:500;color:#000000;font-size:36px;line-height:36px;padding:0px 0px 0px 10px;margin:-4px 0px 0px 20px;}
h2#logo2{font-weight:500;color:rgb(0, 191, 194);font-size:44px;line-height:44px;padding:0px 0px 0px 10px;margin:-0px 0px 0px 20px;}
a#homelink:hover{text-decoration:none;}




/* main structure */
div#header-wraper{margin-bottom:50px;}
div#inner-header{margin-top:50px;}
div#logo-wraper{text-align:center;} 
div#logo-wraper a img{height:76px;}

div#main-row{margin-top:0px;}
/* #main-row .col-sm-3{width:285px !important;} */
#main-row {text-align:center;}

/*
eine feste colbreite 

*/



/* home */

.artist-wraper{margin-top:0px;margin-bottom:100px !important;}

.artist-iner-wraper{height:220px;width:220px;margin:0px;margin-right:auto;margin-left:auto;padding:0px;}
.artist-img{height:220px;width:220px; background-repeat: no-repeat;  background-size: cover;} /* contain */

.artist-title{font-size:30px;text-align:center;margin-top:10px;}

/* artist-detail */
div#artist-desc-wrap{text-align:left;padding-left:30px;}
h2#artist-title{font-size: 36px;font-weight: 700;color:rgb(0, 191, 194); }
p#artist-desc{font-weight: 600;font-size: 32px;font-style: italic}
.interview-side-link{font-weight: 600;font-size: 32px;font-style: italic}
.type-symbol{
	display:inline-block;
	height:80px;
	width:80px;
	position: absolute;
    top: 50%;
    left: 50%;    
    margin-left: -40px;
    margin-top: -40px;
	color:#ffffff;
	font-size:80px;
}
div#home-button{width:100%; text-align:left;}


/* modal */

.videoSlide{
	top: 20%;
    right: 10%;
    bottom: 15%;
    left: 10%;
    overflow: hidden;
	background-color:black;	
}

.videoSlide video{
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-color:black;
}





.btn-outline-primary{
	border-color:rgb(0, 191, 194);
	color:rgb(0, 191, 194);
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .open .dropdown-toggle.btn-outline-primary {
background-color: rgb(0, 191, 194);
color:#ffffff;
border-color: #027575;
}
.btn-default
{
background-color: rgb(0, 191, 194);
color:#FFF;
border-color: #2F3E48;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
background-color: #2F3E48;
color:#039696;
border-color: #027575;
}

@media (max-width: 1199px) {
div#artist-desc-wrap{padding-left:50px;}

}

@media (max-width: 991px) {
#main-row .artist-iner-wraper{height:300px !important ;width:300px !important;}
#main-row .artist-img{height:300px !important ;width:300px !important;}
div#home-button{text-align:center;}
div#logo-wraper{text-align:center;}
div#header-text{text-align:center;margin-top:20px;}
div#artist-desc-wrap{text-align:center;margin-bottom:50px;padding-left:0px;} 
h1#logo1{margin-left:0px;}
h2#logo2{margin-left:0px;}

}

@media (max-width: 1199px) {
div#artist-desc-wrap{padding-left:50px;}

}


