div#cord {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    z-index: 9;
    transition: none!important;
}
.circle {
    background: #85F480;
    border-radius: 50%;
    border: 1px solid #F709DA;
    height: 260px;
    width: 260px;
    position: absolute;
    z-index: 1000;
    top: 20rem;
    left: 7rem;    
}

@media screen and (min-width: 768px)
.center-block {
    margin-right: auto;
}

.circle .innercircle span {
    display: inline-block;
}
.circle .innercircle span, .circle .innercircle p {
    font-size: .625rem;
}

.close-dot {
    position: absolute;
    top: 16px;
    top: 1rem;
    right: 16px;
    right: 1rem;
    background: url("../image/icon/x_close.svg") no-repeat;
    color: #FC03DE;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: cover;
    margin: 0 auto;
    left: 0;
    right: 0;
}

/*button KALAU*/













.navbar-custom {
	position: relative;
	left: 0;
	width: 100%;
	z-index: 3;
}

.navbar-custom .navbar-header .navbar-toggle {
    text-transform: none;
    font-size: 12px;
    margin-top: 25px;
    font-family: 'Hermes Thin', sans-serif;
    /*letter-spacing: 8px;*/
}






.navbar-custom .nav li a {
	text-transform: none;
	font-size: 16px;
	letter-spacing: 0.5px;
}
.nav.navbar-nav.navbar-right {
	margin: 0;
	float: none;
	font-family: 'Hermes Regular', sans-serif;
}
/*1XXXXXXX nav pusht nach unten / pos relative ..*/
/*look 1. nav linie unten und oben ..*/
.navbar.navbar-default.navbar-custom.navbar-fixed-top {
    border-bottom: 1px solid #f2f2f2;
    border-top: 20px solid #6F524D;
    z-index: 100000;	
}


.navbar-custom.is-fixed .navbar-brand {
	color: rgba(111,82,77,1.00);
}
.navbar-custom.is-fixed .navbar-brand:focus, .navbar-custom.is-fixed .navbar-brand:hover {
	color: rgba(111,82,77,1.00)
}
.navbar-custom.is-fixed .nav li a {
	color: rgba(111,82,77,1.00)
}
.navbar-custom.is-fixed .nav li a:focus, .navbar-custom.is-fixed .nav li a:hover {
	color: rgba(11,11,11,1.00)
}













/*=================================================
==================================================*/
/*! +XXXXXXX small_device_roll-down place for li's
 */
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	max-height: 700px;
}
@media (max-device-width:991px) and (orientation:landscape) {
.navbar-fixed-bottom .navbar-collapse .navbar-fixed-top .navbar-collapse {
	max-height: 250px
}
}
/*=================================================
==================================================*/











/*DESKTOP_look NAV_2 nach unten scrolen und dann..*/
@media (min-width:992px) {
.navbar-custom.is-fixed {
	
	position: fixed;

	top: -121px;
	background-color: rgba(253,253,253,0.90);
	border-bottom: 1px solid #f2f2f2;
	border-top: 20px solid #6F524D;
	-webkit-transition: -webkit-transform .4s;
	-moz-transition: -moz-transform .4s;
	transition: transform .4s;
	font-family: 'Hermes Thin', sans-serif;
	margin-top: -20px;
}
}

/*owndesign.css global (mobile) secondary nav if scroll up (is-fixed)*/
@media (min-width:50px) and (max-width:991px) {
.nav.navbar-nav.navbar-right {
	font-family: 'Hermes Thin', sans-serif;
}

}














/*!!!!!!!!!!!Bootstrap Breakpoint Navbar !!!!!!!!!!!!!*/
@media (min-width: 1px) and (max-width: 991px)  {
.navbar-header {
	float: none;
}
.navbar-left,.navbar-right {
    float: none !important;
}
.navbar-toggle {
	display: block;
}
.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}
.navbar-collapse.collapse {
	display: none!important;
	position: relative;
	overflow-y: hidden;
}
.navbar-nav {
    float: none!important;
    margin-top: 7.5px;
}
.navbar-nav>li {
    float: none;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.collapse.in{
    display:block !important;
}
}





@media (max-width: 991px)  {

.dropdown-menu {
	position: relative;
	top: 100%;
	width: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	margin-bottom: 8px;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box!important;
	background-clip: padding-box!important;
	border: 1px solid #ccc!important;
	border: 1px solid rgba(0, 0, 0, .15)!important;
	border-radius: 4px!important;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175)!important;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175)!important;
			
}
.dropdown-menu > li > a {
    
    line-height: 1.7;
    color: #777; 
}
	/*XXXXXXXXXXXXXX15.07.17*/
li.dropdown-menu >li:hover, li.dropdown-menu li:focus {
	color: rgba(246,246,246,1.00)!important;
	webkit-tap-highlight-color: rgba(246,246,246,1.00)!important
}
.dropdown {
	
	max-width: 100%
}
}







/*GLOBAL_look 2. nav nach unten scrolen und dann (is-fixed)..*/
@media (min-width: 1px) and (max-width:991px) {
.navbar-custom.is-fixed {
	
	position: fixed;
	top: 75px;
	/* [disabled]background-color: #ED00D7; */
	border-bottom: 1px solid #f2f2f2;
	border-top: 20px solid #6F524D;
	-webkit-transition: -webkit-transform .7s;
	-moz-transition: -moz-transform .7s;
	transition: transform .7s;
	font-family: 'Hermes Thin', sans-serif;
	margin-top: -181px;
}
}

/*! MD_medium device expanded nav
 */
@media (min-width : 992px ) {
.navbar-right {
	float: right!important;
	font-family: 'Hermes Thin', sans-serif;
}
.navbar-custom {
	background: 0 0;
	border-bottom: 1px solid transparent
}
/*! NAV_LINKS erste zeile braun-thin / zweite zeile schwarz-bold
 */
.navbar-custom .navbar-brand:focus, .navbar-custom .navbar-brand:hover {
	color: rgba(18,18,18,1)
}
.navbar-custom .nav li a {
	color: rgba(111,82,77,1);
	padding: 20px;
	font-family: 'Hermes Thin'
}
.navbar-custom .nav li a:focus, .navbar-custom .nav li a:hover {
	color: rgba(18,18,18,1)
}
.nav.navbar-nav.navbar-right a.hermnormli {
	color: rgba(18,18,18,1);
	padding: 20px;
	font-family: 'Hermes Semibold', sans-serif
}
.nav.navbar-nav.navbar-right a.hermnormli:focus, .nav.navbar-nav.navbar-right a.hermnormli:hover {
	color: rgba(111,82,77,1);
	font-family: 'Hermes Semibold', sans-serif;
}
}













/*================================================== 
Artist Navigation Special
==================================================*/ 
/*common font and link on ArtisNaviDesktop*/
.ArtistNaviDesktop {
    color: #6F524D;
    font-family: 'Hermes Thin', sans-serif;
    font-size: large;
    line-height: 35px;
    letter-spacing: 1px;
    text-decoration: none;
}
.ArtistNaviDesktop a {
	color: #6F524D;
	font-family: 'Hermes Thin', sans-serif;
	font-size: large;
	line-height: 35px;
	letter-spacing: 1px;
	text-decoration: none;
}
.ArtistNaviDesktop a:active {
    color: rgba(11,10,10,1.00)!important;
    text-decoration: none;
}
.ArtistNaviDesktop a:active, .ArtistNaviDesktop a:visited {
	color: rgba(111,82,77,1.00)!important;
	text-decoration: none;
}






.ArtistNaviDesktop a:focus, .ArtistNaviDesktop a:hover {
	color: #000000!important;
	text-decoration: none
}
/*END*/


.ArtistNaviMobile {
	display: block;
}
/*!important weil clone*/
.ArtistNaviMobile:hover {
	color: #514E51!important;
}
/*==================================================*/
@media (min-width : 992px ) {
.naviplaceholder {
    height: 145px;
}
/*common font and link on ArtisNaviDesktop*/
.ArtistNaviDesktop {
    color: #6F524D;
    font-family: 'Hermes Thin', sans-serif;
    font-size: large;
    line-height: 35px;
    letter-spacing: 0.5px;
    text-decoration: none;
    /*POSITION ABSOLUTE !!!!!*/
    position: absolute;
    left: 10px;
    top: 220px;
}
}
/*================================================== 
END Artist Navigation Special
=================================================*/

/*================================================== 
Team Navigation Special
==================================================*/ 
/*common font and link on ArtisNaviDesktop*/
.TeamNaviDesktop {
    color: #6F524D;
    font-family: 'Hermes Thin', sans-serif;
    font-size: large;
    line-height: 35px;
    letter-spacing: 0.5px;
    text-decoration: none;
}
.TeamNaviDesktop a {
	color: #6F524D;
	font-family: 'Hermes Thin', sans-serif;
	font-size: large;
	line-height: 35px;
	letter-spacing: 0.5px;
	text-decoration: none;
}
.TeamNaviDesktop a:active  {
    color: #FF00D9;
    text-decoration: none
}
.TeamNaviDesktop .active  {
    color: #FF00D9!important;
    text-decoration: none
}
.TeamNaviDesktop .active a  {
    color: #FF00D9!important;
    text-decoration: none
}
.TeamNaviDesktop .active a:active  {
    color: #FF00D9!important;
    text-decoration: none
}
.TeamNaviDesktop a:visited {
	color: #6F524D;
	text-decoration: none
}

.TeamNaviDesktop a:focus, .TeamNaviDesktop a:hover {
	color: #000000;
	text-decoration: none
}
/*================================================== 
END Team Navigation Special
==================================================*/