@font-face {
font-family: 'FontAwesome';
src: url(//www.tactuel.ch/wp-content/themes/happy-cyclope/fonts/fontawesome-webfont.eot?v=4.0.3);
src: url(//www.tactuel.ch/wp-content/themes/happy-cyclope/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3) format('embedded-opentype'), url(//www.tactuel.ch/wp-content/themes/happy-cyclope/fonts/fontawesome-webfont.woff?v=4.0.3) format('woff'), url(//www.tactuel.ch/wp-content/themes/happy-cyclope/fonts/fontawesome-webfont.ttf?v=4.0.3) format('truetype'), url(//www.tactuel.ch/wp-content/themes/happy-cyclope/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular) format('svg');
font-weight: normal;
font-style: normal;
}
img, table{
width: 100%;
height: auto;	
}
img{
border: none !important;
margin: 0 !important;	
}
body{
padding: 0;	
}
#container{
width: 100% !important;	
margin: 0 !important;
}
#header.suche{
padding-top: 55px;	
}
#header{
width: 93.75%;	
padding: 0 3.125%;	
height: 175px;
}
@media screen and (max-width : 380px) {
#header{
height: 150px;	
}
}
#header #imgbg{
opacity: 0;
bottom: auto;
top: -50px;	
left: 3.125%;
display: none;
-webkit-transition:all 0.5s linear;
transition: all 0.5s linear;
}
#header #imgbg.open{
opacity: 1;
display: block;
top: 10px;		
}
#header #imgbg input[type="text"]{
width: 93.75%;
margin: 0;	
}
#header #imgbg input[type="submit"]{
position: absolute;
top: 5px;
right: 3.125%;
margin-right: 0;
background: url(//www.tactuel.ch/wp-content/themes/happy-cyclope/images/lupe_blau.PNG) top right 10px no-repeat;	
background-size: 64%;
width: 30px;
}
.suchemobile{
width: 	21px;
height: 24px;
background:url(//www.tactuel.ch/wp-content/themes/happy-cyclope/images/lupe.PNG) no-repeat;
position: absolute;
top: 0;
margin-top: 3.125%;
right: 3.125%;
cursor: pointer;
}
.suchemobile.aktive{
margin-top: 60px;	
background: url(//www.tactuel.ch/wp-content/themes/happy-cyclope/images/close.png) no-repeat;
}
#sehbehinderung{
bottom: 10px;
top: auto;
right: 3.125%;	
}
#languages{
bottom: 10px;
top: auto;
right: 75px;	
}
#lang_sel_list{
height: auto !important;
width: auto !important;
}	
#lang_sel_list ul{
width: auto !important;
}
#lang_sel_list ul a, #lang_sel_list_list ul a:visited{
padding: 0 0 0 20px !important;	
line-height: 15px !important;
}
.mobileNavi:before {
content: "\f0c9"; 
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: none; color: #fff;
font-size: 38px;
position: absolute;
bottom: 10px;
}
#content{
margin-top: 55px;
width: 100%;
}
#content #posts{
width: 93.75%;	
padding: 0 3.125%;	
}
#comments ul#commentlist{
width: 100%;	
}
#comments ul#commentlist li{
padding: 20px 3.125% 25px 3.125%;
width: 93.75%;	
}
#footer{
width: 67.875%;
padding: 0;	
text-align: left;
padding: 3.125% 29% 3.125% 3.125%;
}
#comments{
width: 100%;	
}
#comments form#commentform{
width: 93.75%;
padding: 3.125%;
padding-bottom: 50px;	
}
#comments form#commentform textarea{
width: 100%;
padding: 0;	
}
#comments form#commentform input{
width: 40%;	
float: left;
margin: 0 5% 0 0;
}
.captchaSizeDivLarge {
width: 50% !important;	
}
div#captchaImgDiv{
clear: both;	
}
#captchaInputDiv{
padding-top: 35px !important;	
}
#captchaInputDiv .required{
position: absolute;	
}
.captchaImgRefresh{
width: auto;	
}
#subscribe-label, #subscribe-blog-label{
width: 85% !important;	
}
#comments form#commentform input#submit{
margin: 0 !important;	
width: auto !important;
}
#comments form#commentform label{
width: 45%;	
float: right;
}
#imglogo, #feedback, #sidebar{
display: none;	
}
#imglogoMobile{
display: block !important;
width: 75%;	
}
#imglogoMobile img{
max-width: 100%;	
}
nav#menu, #feedbackMobile{
display:block;
}
.mm-menu > .mm-panel{
width: 100%;
height: auto;
position: relative;	
left: 0;
}
#menu .mm-panel{
border-top: 1px solid #14192F;
border-bottom: 1px solid #14192F;
padding: 15px 20px;
}
#menu .mm-panel:after{
content: "\f105"; 
font-family: FontAwesome;
font-style: normal;
font-weight: normal; color: #14192F;
font-size: 38px;
position: absolute;
right: 20px;
top: 5px;
}
#menu .mm-panel ul li{
list-style: none;	
}
#menu .mm-panel ul li a{
color: #14192F;
text-decoration: none;
}
ul.sub-menu, ul.sub-menu ul{
margin-top: 20px;	
margin-left: 20px;
}
#feedbackMobile{
background: #14192F;	
}
#feedbackMobile a{
color: #fff;
text-decoration: none;	
}
.wp-caption{
width: 100% !important;	
}
a.fancybox{
padding-top: 10px;	
clear: both;
display: block;
}
#menu .mm-panel ul li a{
display: block;	
}
#menu .mm-panel ul li ul.sub-menu li{
margin: 15px 0;	
}
#content #posts .post .postcontent ul, #content #posts .post .postcontent p{
overflow: hidden;	
}
.mm-menu{
overflow: scroll !important;	
}