/* cmsms stylesheet: mobile modified: Freitag, 20. September 2019 15:57:49 */
body { background: #F0EADA; color: #3C3D2F;
font-size: 14px; font-family: Arial, sans-serif; font-style: normal;
padding:0; margin: 0.5em 1em 2em 1em; }

img { border: 0 }
h1 { color: #60604D; font-size: 18px; line-height: 24px; font-weight: normal;}
a { color: black; }

#menu-trigger {
    width:50px;
    height:50px;
    background:left top url(https://www.auenland-agentur.ch/images/dropdown-button.png) no-repeat;
    position:absolute;
    top:40px;
    right:1em;
}

#menu-trigger.open {
    background-position:left bottom;
}

#mobile {
    clear:both;
    position:relative;
    z-index:1001;
    display: none;
    background:#3c3d2f;
    color:#f0eada;
    padding:10px;
}

#mobile ul {
    list-style:none;
    margin:0;
    padding:0 !important;
}

#mobile ul ul {
    margin:0 0 0 20px;   
}

#mobile ul li {
    display:block;
}

#mobile ul li a {
    display:block;
    padding:3px 0;
    margin:0;
}

#mobile a {
    color:#f0eada;
    text-decoration:none;
}

#mobile .facebook {
    float:right;
}

#language_menu {
    padding:5px 0 20px;
}

#language_menu ul li a {
    margin:0 10px 0 0;
    padding:3px 5px;
}

#language_menu ul li a.active {
    background:#f0eada;
    color:#3c3d2f;
    border-radius:2px;
}

#language_menu ul li {
  display: inline-block;
}

.nomobile { display: none }

#container, #groundContainer, #groundLayer, #navigationContainer, #langMenu, #bildTable { width: 100% }
#bildContainer, #textContainer { width: 100%; clear: both; height: auto; }
#bildContainer { height: auto; overflow: hidden; }
#bildContainer img { width: 100%; height: auto; }


#logo { padding: 0; }

#logo img { width: 220px; height: auto }

#mobile-buttons {
padding:0 0 20px;    
}

#promoagentur-active, #kuenstleragentur-active {
float: left;
padding: 5px 7px;
margin: 6px 0 0 0;
font-size: 13px;
letter-spacing: 1px;
font-weight: bold;
display: inline;
background: black;
border-radius: 2px;
text-decoration: none;
color: white;
}

#promoagentur a, #kuenstleragentur a {
float: left;
padding: 5px 7px;
margin: 6px 0 0 0;
font-size: 13px;
letter-spacing: 1px;
font-weight: bold;
display: inline;
background: #7b746d;
border-radius: 2px;
text-decoration: none;
color: #F0EADA;
}

#kuenstleragentur a, #kuenstleragentur-active {
    float: right;
}


.fancybox {
    background: #7b746d;
    color: #F0EADA;
	padding: 2px 4px;
	margin: 0 6px 5px 0;
	cursor: pointer;
	border-radius: 2px;
	display: inline-block;
}

a.fancybox { text-decoration: none; font-weight: bold; }

.button {
	background: black;
	color: white;
	width: 100px;
	height: 20px;
	padding-top: 5px;
	cursor: pointer;
	text-align: center;
}

.button.over {
	background: #888888;
}

.button a {
	color: white;
	font-weight: bold;
	text-decoration: none;
}

.hand {
  margin-top: 2rem;
  margin-left: 2rem;
}

.hand a {
  text-decoration: none;
  font-family: 'Dawning of a New Day', cursive;
  font-size: 2rem;
  opacity: 0.6;
}

.hand a:hover {
  opacity: 0.9;
}