@CHARSET "UTF-8";



/****************************************************** MOBILE VERSION *****************************************************/

@media only screen and (max-width: 676px) {



html,
body.bellisMobile {
  height: 100%;
  margin: 0px !important;
  padding: 0px;
}

body.bellisMobile #celements2_menu_bar {
  display: none;
}
body.bellisMobile.celementsmenubarvisible #page {
  padding-top: 0px;
}

.bellisMobile #sitecontainer {
  position: relative;
  min-height: 100%;
  min-width: initial; /** min-width leads to problems in mobile safari **/
  background-color: #fff;
  background-image: none;
  background-position: center;
  background-repeat: repeat-y;
  width: 100%;
  overflow-x: hidden;
}
.bellisMobile #page {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 60px;
}
	
		
.bellisMobile #image {
  margin: 0px 10px;
  height: auto;
}
.bellisMobile #teaser {
  display: flex;
  left: 44px;
  top: 90px;
  min-width: initial;
}

.bellisMobile #teaser ul {
  display: none;
}

.bellisMobile #nav2Desktop {
  display: none;
}

#langMobile,
#nav2Mobile {
  margin-right: 0px;
}

.bellisMobile #logo {
  left: 100px;
  min-width: initial;
  bottom: 35px;
}

.bellisMobile #wrapper {
  padding: 30px 0px 0px 0px;
  position: relative;
}
.bellisMobile #left {
  display: none;
}

.bellisMobile #left div + div {
  margin-top: 10px;
}
.bellisMobile #editablecode_container #content {
  width: 530px;
  margin-left: 60px;
}
.bellisMobile .cel_cell #content {
  margin-left: 0;
  padding-left: 10px;
  padding-right: 10px;
  width: auto;
}
	
	
#content {
   padding-bottom: 25px;
}

.bellisMobile #content td img {
  margin-right: 70px !important;
}

.bellisMobile #content .rteEndClear {
  clear: both;
}

.smallMobileWidth img.fluidWidth {
  width: 50% !important;
  height: auto;
}

	
.personalImg img {
	width: 100%;
	height: auto;
}

/* Diskografie */
#content ul {
	list-style: none;
	display: flex;
	flex-direction: column;
}
	
	
#content ul li img {
    width: 100%;
    height: auto;
}
	
#sitecontainer #content ul, 
#sitecontainer #content ol, 
body.mceContentBody ul, 
body.mceContentBody ol {
    padding: 0px;
}

	
#content ul li img {
    max-width: 100%;
}

/* Menu */
.bellisMobile #menu_point {
    display: block;
    position: absolute;
    bottom: 37px;
    left: 28px;
}
.bellisMobile #menu_point img {
  width: 30px;
  height: 30px;
}

.bellisMobile #sitecontainer #navigation_mobile {
  display: block;
  background-color: #FFF;
  height: 100%;
  width: 50%;
  z-index: 1;
  position: absolute;
}
.bellisMobile #sitecontainer #navigation_mobile > div {
  padding: 10px;
}
.bellisMobile .searchbar {
  text-align: center;
  padding-bottom: 10px;
}

 .bellisMobile .searchbar input {
  width: 96%;
 }
 
 .bellisMobile #lang {
  display: none;
}

.bellisMobile #sitecontainer #navigation_mobile #menu_mobile li a {
  display: block;
}


.bellisMobile #sitecontainer #navigation_mobile #langMobile li {
	margin-bottom: 5px;
	width: 100%;
	margin-left: 0px;
	float: left;
}

.bellisMobile #sitecontainer #navigation_mobile #langMobile ul li:nth-child(1){
	width: 45%;
	text-align: center;

}

.bellisMobile #sitecontainer #navigation_mobile #langMobile ul li a {
	padding: 0 5px;
    background-color: #d6f3f3;
}

.bellisMobile #sitecontainer #navigation_mobile #langMobile ul li:nth-child(2){
	float:right;
	width: 45%;
	text-align: center;
	margin-right: 0px;
} 
 
 
 .bellisMobile #sitecontainer #navigation_mobile #nav2Mobile {
    margin-top: 10px;
    border-top: solid 1px #cccccc;
    padding: 10px 0px;
 }
 
#nav ul li a, 
#navigation_mobile ul li a {
    font-size: 15px;
    line-height: 35px;
}
	
#sitecontainer a:hover, 
body.mceContentBody a:hover {
    text-decoration: none;
}

#nav ul li li a, 
#navigation_mobile ul li li a {
    padding-left: 32px;
    line-height: 27px;
}

#navigation_mobile li:hover > a, 
#navigation_mobile li.active > a {
    background-color: #ccc;
}
 
	
#nav ul li a, #navigation_mobile ul li a {
    padding: 0px 0px 0px 6px;
}
	
#nav ul li a, #navigation_mobile ul li a {
    font-weight: normal;
    border-left: none;
}
	
/* Footer */
.bellisMobile #footer {
  width: 100%;
  left: 0px;
  margin-left: 0px;
  background-color: #286ea0;
}
	
	
	
.bellisMobile #footer span {
    color: white;
    position: relative;
    top: 10px;
}

/* Gallery fix */
.bellisMobile .celements_galleries .celements_gallery_overview {
  padding: 5px 0px 10px 0px;
  height: auto;
  display: block;
  overflow: hidden;
}
	
	

/****************************************************** BELLIS-CONTENT *****************************************************/
	
#sitecontainer, 
#sitecontainer h1, 
#sitecontainer h2, 
#sitecontainer h3, 
#sitecontainer p, 
#sitecontainer li, 
body.mceContentBody h1, 
body.mceContentBody h2, 
body.mceContentBody h3, 
body.mceContentBody p, 
body.mceContentBody li {
    font-size: 16px;
    line-height: 24px;
}
	
	
	
}