/*
	Theme Name: Wassberg
	Theme URI: http://www.werbezimmer.ch/
	Author: Michael Weigand
	Description: Individuelle Theme
*/

body {
font-size:16px;
font-family: 'Roboto', sans-serif;
line-height:160%;
color:#404040;
margin:0;
padding:0;
font-weight: 400;
}

h1, h2, h3{
}

/* allgemeine Überschriften*/
h1 {
margin: 0 0 20px 0;
color:#008ed6;
font-size:250%;
line-height: 1;
letter-spacing: 1px;
padding:0;
font-weight: bold;
position: relative;
z-index: 0;
}

h1 span{font-weight: 400;}

h1 a, h2 a{
color: #008ed6 !important;
text-decoration: none !important;	
}

h1.center{text-align: center;}
h1.page-title {
    position: absolute;
    top: -9999px;
}

h2 {
margin:0 0 20px 0;
color:#008ed6;
padding:0;
position: relative;
z-index: 1;
font-size: 200%;
font-weight: bold;
}

h3 {
letter-spacing: 0px;
margin: 0 0 15px 0;
color: #008ed6;
font-size: 130%;
font-weight: bold;
padding: 0;
}


/* allgemeine links im text */
a:link,a:visited {
text-decoration:underline;
color:#008ed6;
}

a:hover,a:active {
text-decoration:none;
color:#000000;
}

/* Listen */
ul {
list-style:square;
}

hr {
border-bottom:0;
border-left:0;
border-right:0;
border-top:1px solid #CCCCCC;
height:1px;
}

td,div {
font-size:100%;
vertical-align:top;
}

img {
border:none;
max-width: 100%;
height: auto;
}

form {
background:none;
border:none;
font-family: 'Roboto', sans-serif;
}

.button, a.button, button {
background-color:#778794 !important;
color:#FFFFFF !important;
border: none !important;
padding:0 20px !important;
line-height: 40px !important;
height: 40px !important;
text-decoration: none !important;
border-radius: 0 !important;
text-transform: none !important;
font-weight: normal !important;
display: inline-block !important;
font-family: 'Roboto', sans-serif;
font-size: 100%;
}

.button:hover, a.button:hover, .button:focus, button:hover {
opacity: 0.6 !important;
cursor:pointer !important;
}

.button.secondary{background-color: #55b9a2 !important;}

.button.outline{background: rgba(255,255,255,0.1) !important; border: 2px solid #FFFFFF !important;}


input.input-text,select,textarea,.inputbox,.acf-input input{
background: #FFFFFF;
color: #000000;
border: 1px solid rgba(0,0,0,.1);
padding: 0 10px;
line-height: 50px;
height: 50px;
border-radius: 50px;
width: 100%;
font-family: 'Roboto', sans-serif;
}

/* Weiterlesen-Link */
p.readmore a {
padding: 5px 8px;
background: #E2001A;
color: #FFFFFF !important;
text-decoration: none;
border-radius: 0;
}

p.readmore a:hover {
background: #960012;
}

.item-separator{
margin: 40px 0;
height: 1px;
background: #CCCCCC;	
}


.gmnoprint img {
    max-width: none;
}
.gmnoprint label {
    display: inline;
    width: auto;
}




/*#page{overflow: hidden;}*/
.container-big{padding: 0 15px;}

.topbar{border-bottom: 1px solid #CCC; text-align: right; font-size: 90%;}
.topbar a{text-decoration: none; margin: 0 10px;}
.topbar .contact{display: inline-block;}
.topbar .language{display: inline-block;}
.topbar .language .wpml-ls-legacy-list-horizontal{padding: 0;}
.topbar .language .wpml-ls-legacy-list-horizontal li{margin: 0;}
.topbar .language .wpml-ls-legacy-list-horizontal li a{padding: 0;}


.sticky-wrapper{z-index: 999;}
.header{background: rgba(255,255,255,1); position: relative; z-index: 999; padding: 0; border-bottom: 1px solid #CCC; height: 100px;}
.header .logo{height: 100px;}
.header .logo a{text-align: left; display: block; margin: 0; height: 100%; position: relative;}
.header .logo img{max-height: 70px; height: auto; width: auto; display: block; position: absolute; top: 50%; transform: translate(0, -50%);}
.header .header_widget_menu{text-align: right; height: 100%;}
.header .header_widget_menu a{display: inline-block; margin: 0; width: 23%; max-width: 50px; height: 100px; position: relative;}
.header .header_widget_menu img{width: 100%; height: auto; display: block; position: absolute; top: 50%; transform: translate(0, -50%);}

.header .menu-trigger{width: 40px; height: 40px; background: #008ed6 url(images/menu.svg) no-repeat; background-position: center center; background-size: 20px auto; position: absolute; right: 15px; top: 50%; transform: translate(0, -50%); display: none;}

@media (max-width: 1100px) {
	.header .mainmenu{display: none;}
	.header .header_widget_menu{display: none;}
	.header .menu-trigger{display: block;}
}

.search-wrapper{padding-bottom: 30px;}
.search-wrapper form{}
.search-wrapper input{width: 70%; float: left; height: 40px; border: none; padding: 10px 20px; border-radius: 0; font-weight: normal; background: #FFFFFF; color: #008ed6;}
.search-wrapper button{width: 30%; float: right; height: 40px; line-height: 40px; border: none; border-radius: 0; background: #008ed6; color: #FFF;}


.mainmenu{text-align: center; line-height: 100px;}
.mainmenu ul{margin: 0; padding: 0; list-style: none; width: auto; display: inline-block; text-align: right;}
.mainmenu ul li{display: inline-block; padding: 0 3px; margin: 0; position: relative;}
.mainmenu ul li a{color: #008ed6; display: block; padding: 0; text-decoration: none; font-size: 120%; font-weight: 400;}
.mainmenu ul li.icon{padding: 0; margin: 0; top: 5px;}
.mainmenu ul li.icon.menu{display: none;}
.mainmenu ul li.icon a{margin: 0 0 0 15px;}

.mainmenu ul ul{display: none; padding: 5px 0 0 0; position: absolute; top: 75px; left: -10px; background: #FFFFFF; z-index: 90; text-align: left; line-height: 1; box-shadow: 10px 5px 5px rgba(0,0,0,0.1); min-width: 200px;}
.mainmenu ul ul li{display: block; padding: 0;}
.mainmenu ul ul li a{padding: 0 40px 0 20px; margin: 0; line-height: 40px; white-space: nowrap; font-size: 110%; text-transform: none; display: block;}
.mainmenu ul li:hover ul{display: block;}
.mainmenu ul ul li a:hover{background: #008ed6 !important; color: #FFFFFF !important;}

.mainmenu ul ul li.current-menu-item a{background: rgba(0,0,0,0.1);}
@media (min-width: 1200px) {
	.mainmenu ul li{margin: 0; padding: 0 10px;}
}

.actions .menu{cursor: pointer;}

.language{display: inline-block; width: auto;}
.language #lang_sel_list{padding: 0; margin: 0; border: none;}
.language #lang_sel_list ul{margin: 0 0 0 30px !important; padding: 0; list-style: none; width: auto; display: inline-block; text-align: right;}
.language #lang_sel_list ul li{display: inline-block; padding: 0 5px; margin: 0; position: relative;}
.language #lang_sel_list ul li a{color: #575757; display: block; line-height: 90px; padding: 0; text-decoration: none; font-size: 100%; font-weight: 400;}



.content{background: #FFFFFF;}
.content{padding: 0; min-height: 500px;}


p{margin: 0 0 10px 0; padding: 0;}

.bggreen{background: #799e89; color: #FFF;}
.bgred{background: #a32946; color: #FFF;}
.bgyellow{background: #f5b964; color: #FFF;}
.bgblue{background: #789cb5; color: #FFF;}

.videowrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.jcarousel{position: relative; overflow: hidden;}
.jcarousel ul{width: 10000em; position: relative; list-style: none; margin: 0; padding: 0;}
.jcarousel li{float: left;}

.mainslider{position: relative;}
.mainslider ul{padding: 0; margin: 0; list-style: none;}
.mainslider ul li{position: relative; background-size: cover; height: auto; width: 100%;}

.mainslider .textwrapper{padding: 40px 80px 40px 40px; background: rgba(19,19,19,0.95); margin: 0; width: auto; display: inline-block; position: absolute; top: 50%; left: 0; max-width: 80%;}
.mainslider img{display: block; width: 100%; height: auto;}
.mainslider .textwrapper .headline, .mainslider .textwrapper .desc{width: 100%; margin: 0; padding: 0; color: #FFFFFF; display: block;}
.mainslider .textwrapper .headline{font-size: 300%; font-weight: 400; margin: 0; line-height: 1;}
.mainslider .textwrapper .desc{font-size: 115%; font-weight: bold; margin: 20px 0;}
.mainslider .textwrapper .link{margin: 20px 0 0 0; display: inline-block;}


.mainslider .btn{width: 40px; height: 40px; position: absolute; left: 20px; top: 50%; display: block; z-index: 99; margin-top: -20px; background: none; font-size: 140%; line-height: 40px; text-align: center; color: #FFFFFF; cursor: pointer; border-radius: 0; font-size: 200%;}
.mainslider .btn span{width: 40px; height: 40px; line-height: 40px; position: absolute; left: 0; top: 0; text-align: center;}
.mainslider .next{right: 20px; left: auto;}
@media (max-width: 768px) {
	.mainslider{padding: 0 0 40px 0 !important; background: rgba(255,255,255,0.05);}
	.mainslider li{background: none !important; height: auto !important;}
	.mainslider .btn{background: none; left: 5px;}
	.mainslider .next{right: 5px; left: auto;}
	
	.mainslider img{display: block; position: relative; width: 100%; height: auto; opacity: 1;}
	.mainslider .textwrapper{position: relative; top: 0 !important; left: 0 !important; width: 80% !important; max-width: 80%; margin: -40px 10% 0 10% !important; background: rgba(19,19,19,0.95); padding: 40px;}
}


.footer{background: #808080; color: #FFF; padding: 50px 0;}
.woocommerce-page .footer{margin-top: 50px;}
.footer .inner{background: #FFFFFF; padding: 100px 20px;}
.footer ul{margin: 0; padding: 0; list-style: none;}
.footer ul li{display: block; padding: 0;}
.footer ul li a{text-decoration: none; color: #FFF;}

.footer i{font-size: 100%;}
.footer a{color: #FFF; text-decoration: none;}
.footer h3{text-transform: none; color: #FFFFFF; font-weight: 100;}

.footer .footer-address{text-align: left;}
.footer .footer-menu{text-align: left;}


.wpcf7{}
.wpcf7 label{width: 100%;}
.wpcf7 input, .wpcf7 textarea{width: 100%; background: #FFFFFF; border: 1px solid rgba(0,0,0,.1); border-radius: 50px; font-weight: normal;}
.wpcf7 input{padding: 0 10px; line-height: 40px; height: 40px;}
.wpcf7 textarea{padding: 10px; line-height: 1.2;}
.wpcf7 input.wpcf7-submit{width: auto; line-height: normal; height: auto;}




#panel{z-index: 999; overflow: auto; background: #008ed6;}
#panel .inner{padding: 0 30px 30px;}
#panel .close-panel{width: 100%; height: 40px; line-height: 40px; margin: 20px 0; cursor: pointer; color: #FFF; text-align: center; font-size: 200%;}

#panel ul{margin: 0 0 20px 0; padding: 0; list-style: none;}
#panel ul li{position: relative; line-height: 40px; margin: 30px 0 0 0;}
#panel ul li a{margin: 0; padding: 0; color: #FFFFFF; background: none !important; text-decoration: none; text-align: center; display: block; font-size: 130%;}

#panel ul ul{margin: 10px 0 0 0;}
#panel ul ul li{line-height: 1.2; margin: 0 0 10px 0;}
#panel ul ul li a{font-size: 100%;}

#panel ul>li .trigger {
    position: absolute;
    right: 10px;
    top: 0;
    background: url(images/icon_trigger.png) center center no-repeat;
    background-size: 25px auto;
    height: 50px;
    width: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 99;
}
#panel ul>li .trigger.active {
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}





.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* Book now */
.book-now {
    position: relative;
    background: #f2f2f2;
    padding: 30px 20px;
}
.book-now img.booknow-img {
    position: absolute;
    top: -45px;
    right: -25px;
}
.book-now input {
    border: none;
    border-radius: 0px;
    box-shadow: none !important;
    padding: 10px 10px !important;
    height: auto;
	width: 100%;
	margin: 0 0 15px 0;
}
.book-now input::-webkit-input-placeholder {
    color: #000;
}
.book-now input:-moz-placeholder {
    color: #000;
}
.book-now input::-moz-placeholder {
    color: #000;
}
.book-now input:-ms-input-placeholder {
    color: #000;
}
.book-now a {
    background: #778794;
    padding: 8px 15px;
    color: #fff;
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 21px;
    display: block;
    width: 90%;
    text-align: center;
    margin: 0 auto 15px;
}
.book-now .submit-row .button {
	width: 100%;
	margin: 15px 0 0 0;
}
a.book-link {
    background: transparent;
    margin: 0;
    padding: 0;
}
.button-container{
	background-color: #f2f2f2;
	padding: 10px 20px 20px;
	margin: 0;
}
.button-container .button{width: 100%; margin: 10px 0;}

.trip-container{display: flex; justify-content: center;}

.linkicon{display:inline-flex; margin: 40px 0 0 0;}
.linkicon a{margin:10px;color:#fff;font-size:24px;line-height:40px}