/* CUSTOM STYLESHEET for Mallorca Wandern Trekking */
/* author: ideenwerft GmbH */
/* copyright 2013 */


@import url('layout.css');


/* =FONTS ======================== */
/* overlock-regular - latin */
@font-face {
  font-family: 'Overlock';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/overlock-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Overlock Regular'), local('Overlock-Regular'),
       url('../Fonts/overlock-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/overlock-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/overlock-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/overlock-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/overlock-v7-latin-regular.svg#Overlock') format('svg'); /* Legacy iOS */
}
/* overlock-700 - latin */
@font-face {
  font-family: 'Overlock';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/overlock-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Overlock Bold'), local('Overlock-Bold'),
       url('../Fonts/overlock-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/overlock-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/overlock-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/overlock-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/overlock-v7-latin-700.svg#Overlock') format('svg'); /* Legacy iOS */
}


/* =LAYOUT ======================== */
body {font-size:14px;font-family:Helvetica;color:#4a3d34;background:url("../Img/bg-pattern.png");}
.container-header {margin-top:30px;border-radius:15px 15px 0px 0px;}
header {position:relative;}
header img.img-responsive {border-radius:15px 15px 0px 0px;}
#logo {position:absolute;top:20px;left:35px;width:141px;height:137px;margin-top:0px;background:url("../Img/logo.png") no-repeat;text-indent:-9999px;overflow:hidden;}
#logo:hover, #logo:focus {transform:none;}
header ul.musthave {position:absolute;top:-30px;right:20px;list-style:none;}
header ul.musthave li {display:inline-block;margin-left:10px;}
header ul.musthave li a:link, header ul.musthave li a:visited {font-size:12px;color:#7e7063;transition:color 0.6s ease-in-out;-webkit-transition:color 0.6s ease-in-out;-moz-transition:color 0.6s ease-in-out;-ms-transition:color 0.6s ease-in-out;-o-transition:color 0.6s ease-in-out;}
header ul.musthave li a:hover, header ul.musthave li a:focus {color:#4a3d34;}
#partnerlogo {position: absolute;top: -11px;right: -40px;}


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

/* =BANNER =================== */
#adsOuterTop {margin-bottom:10px;text-align:center;}
#adsOuterRight {position: absolute;left:50%;top:110px;margin-left:630px;}
#adsRight {margin-bottom: 40px;}

/* =CONTENT ELEMENTS ======================== */
.container-twoCol section#content {position:relative;width:66.666666%;background:#fff;padding:30px 20px;float:left;}


/* =ASIDE ======================== */
.container-twoCol aside#right {position:relative;width:33.333333%;padding:30px 20px;background:url("../Img/aside-pattern.png");border-left:5px solid #f3f3f3;}
#searchbox {
	margin:0px 0 20px;
	padding: 10px 15px;
	background: #f1f1f1;
	overflow:hidden; 
}
#searchbox form {
	display: flex;
	justify-content: space-between;
}
#searchbox label {margin-right:10px;float: left;line-height:30px;}
#searchbox input.text {flex-grow:1;padding:4px 8px;}
#searchbox input.submit {float:left;padding:0;margin:0;width:40px;height:30px;background-image:url("../Img/lupe.png");background-position:3px 3px;text-indent: -999px;overflow:hidden;}
.tx-indexedsearch-info {display:none;}


/* =FOOTER ======================== */
footer {position:relative;margin-bottom:30px;z-index:20;}
footer div {padding:10px 20px;border-top:3px solid #f3f3f3;background:#fff;}



@media (min-width: 769px) {
    .container {width:1040px;position:relative;padding:0px;box-shadow:0px 0px 10px rgba(0,0,0,0.15);z-in dex:20;}
    .container.container-twoCol {z-index:22;display: flex;}
    header {border-radius:15px 15px 0px 0px;z-index:30;}
}

@media (min-width: 1200px) {
    .container {width:1170px;}
}

/* Small Devices, Tablets */
@media (max-width: 768px) {
#adsOuterTop {margin-bottom: 0;}
.container-header {margin-top:0;}
header {margin: 0 -15px !important;}
header img.img-responsive {border-radius: 0;}
a#logo {transform: scale(0.8);top:5px;left:10px;}
#partnerlogo {right:5px;}
div.container-twoCol aside#right, div.container-twoCol section#content {width:inherit;float:none;margin:0 -15px;}
#adsOuterRight {display:none;}
footer > div {margin:0 -15px;overflow:hidden;}
span.copy {float:none !important;}
ul.musthave {float: none !important;margin: 13px 0 !important;}
ul.musthave li {margin-left:0 !important;margin-right:10px !important;}
}






/* =NAVIGATION ======================== */
header div.navbar {border:none;border-radius:0px;min-height:20px;margin-bottom:0px;
background: rgb(92,79,71); /* Old browsers */
background: -moz-linear-gradient(top, rgba(92,79,71,1) 0%, rgba(67,54,46,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(92,79,71,1)), color-stop(100%,rgba(67,54,46,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(92,79,71,1) 0%,rgba(67,54,46,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(92,79,71,1) 0%,rgba(67,54,46,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(92,79,71,1) 0%,rgba(67,54,46,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(92,79,71,1) 0%,rgba(67,54,46,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c4f47', endColorstr='#43362e',GradientType=0 );}
div.navbar-collapse {padding:0px;}
div.navbar ul.nav {width:100%;}
div.navbar ul.nav > li {padding-right:2px;border-right:1px solid rgba(0,0,0,0.15);border-left:1px solid rgba(255,255,255,0.15);}
div.navbar ul.nav > li:first-child {border-left:none;}
div.navbar ul.nav > li:last-child {border-right:none;}
div.navbar ul.nav > li > a:link, div.navbar ul.nav > li > a:visited {color:#eeedec;font-size:15px;letter-spacing:1px;padding:8px 20px 6px;text-shadow: 0 1px 1px rgba(0,0,0,0.4);
	transition: color ease-in-out 0.6s; /* explorer 10 */
    -webkit-transition: color ease-in-out 0.6s; /* chrome & safari */
    -moz-transition: color ease-in-out 0.6s; /* firefox */
    -o-transition: color ease-in-out 0.6s; /* opera */
}
div.navbar ul.nav > li > a:hover, div.navbar ul.nav > li > a:focus {color:#fff;
background: rgb(85,74,67); /* Old browsers */
background: -moz-linear-gradient(top, rgba(85,74,67,1) 0%, rgba(60,49,42,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,74,67,1)), color-stop(100%,rgba(60,49,42,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(85,74,67,1) 0%,rgba(60,49,42,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(85,74,67,1) 0%,rgba(60,49,42,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(85,74,67,1) 0%,rgba(60,49,42,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(85,74,67,1) 0%,rgba(60,49,42,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#554a43', endColorstr='#3c312a',GradientType=0 );}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {background-color:transparent;}
div.navbar ul.nav > li.active > a {
background: rgb(85,74,67); /* Old browsers */
background: -moz-linear-gradient(top, rgba(85,74,67,1) 0%, rgba(60,49,42,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,74,67,1)), color-stop(100%,rgba(60,49,42,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(85,74,67,1) 0%,rgba(60,49,42,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(85,74,67,1) 0%,rgba(60,49,42,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(85,74,67,1) 0%,rgba(60,49,42,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(85,74,67,1) 0%,rgba(60,49,42,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#554a43', endColorstr='#3c312a',GradientType=0 );}

/* 2. ebene */
ul.nav ul {background:#3c312a !important;}
ul.nav ul .arrow {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-left: 4px dashed;border-top: 4px solid transparent;border-bottom: 4px solid transparent;top: 9px;position: absolute;right: 8px;}
div.navbar ul.nav > li ul a:link, div.navbar ul.nav > li ul a:visited {color:#fff;background:#3c312a;}
div.navbar ul.nav > li ul a:hover, div.navbar ul.nav > li ul a:focus {color:#fff;background:#554a43;}


@media (min-width: 768px) {
ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;}
ul.nav li.dropdown:hover > ul.dropdown-menu > li {position:relative;}
ul.nav li.dropdown:hover > ul.dropdown-menu > li:hover > ul {display: block;display: block;top:-6px;left: 99%;pad ding-top: 0;ma rgin-top: 0;}
div.navbar ul.nav > li > a:link, div.navbar ul.nav > li > a:visited {font-size:14px;padding:8px 14px 6px;}
}


@media (min-width: 1200px) {
div.navbar ul.nav > li > a:link, div.navbar ul.nav > li > a:visited {font-size:15px;padding:8px 20px 6px;}
}


ul.subnavi {list-style: none;margin: 0 0 30px;font-weight:bold;}
ul.subnavi > li {margin-bottom:5px;border-bottom: 1px solid #dedede;}
ul.subnavi > li.cur {color:#00bbe0;}
ul.subnavi ul {margin-left:15px;font-weight:normal;list-style: none;margin-bottom: 10px;}
ul.subnavi ul a:link, ul.subnavi ul a:visited {font-weight:normal;}


/* =BASIC STYLES ======================== */
.small {font-size: 0.9em;}
.xsmall {font-size: 0.8em;}
.red, .error {color:#c00;}
.grey {color:#999;}
.clear {clear:both;}
.italic {font-style:italic;}
.hide {display:none;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.align-justify {text-align:justify;}
.align-left {text-align:left;}
.note {font-size:0.9em;font-style:italic;color:#999;}
/* links */
a:link, a:visited {color:#ff6300;font-weight:bold;}
a:hover, a:focus {color:#00bbe0;text-decoration:none;}
:active, :focus {outline:0;}

#content a:link, 
#content a:visited,
aside p a:link, 
aside p a:visited {padding-left:10px;background: url("../Img/internal-link-arrow.png") 0 3px no-repeat;transition:color 0.6s ease-in-out;-webkit-transition:color 0.6s ease-in-out;-moz-transition:color 0.6s ease-in-out;-ms-transition:color 0.6s ease-in-out;-o-transition:color 0.6s ease-in-out;}
#content a:hover, 
#content a:focus,
aside p a:hover, 
aside p a:focus{color:#00bbe0;}
#content a.fancy,
#content a.reply,
#content .image > a,
#content .frame-type-menu_sitemap a {
    background: none !important;
    padding-left: 0 !important;
}

#content .ce-gallery a,
aside .ce-gallery a{
    padding: 0;
    background: none;
}

a.pdf {padding-left:15px;background:url("../Img/mail.png") 0 0px no-repeat;}
a.doc {padding-left:15px;background:url("../Img/mail.png") 0 0px no-repeat;}
#content a.mail:link, 
#content a.mail:visited {padding-left:20px;background:url("../Img/mail.png") 1px 1px no-repeat;}
a.mail:hover, a.mail:focus {}
/* skip link - sichtbar beim navigieren per tastatur */
#skip a, #skip a:hover, #skip a:visited {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
#skip a:active, #skip a:focus {position:static;width:auto;height:auto;} 
/* anker-tags für interne links nach oben setzen*/
a.anchor {position:absolute;margin-top:-35px;}
/* text */
h1,h2,h3,h4 {font-family: 'Overlock', cursive;font-weight:bold;}
p {margin-bottom:10px;line-height:20px;}
h1 {margin-top:0px;margin-bottom:15px;padding-bottom:7px;font-size:30px;border-bottom:2px solid #f3f3f3;color:#00bbe0;}
h2 {margin:15px 0;font-size:22px;color:#ff6300;}
h3 {margin:30px 0 10px;font-size:19px;color:#3a3029;}
aside h3 {margin:15px 0 10px;padding-bottom:7px;border-bottom:1px solid #e9e8e7;}
h4 {margin:30px 0 10px;font-size:16px;color:#870b0b;}
/* other */
ul {list-style:disc;margin:0 0 10px 20px;padding:0;line-height:1.5em;}
ol {list-style:decimal;margin:0 0 10px 20px;line-height:1.5em;}
#content .csc-textpic-imagewrap ul, #content .csc-textpic-imagewrap ol {margin-left:0px;}
blockquote {padding:15px 40px;}
blockquote p {color:#0061a1;font-size:14px;font-style:italic;}
blockquote cite {color:#888;font-size:12px;font-style:italic;}
table {font-size: 1em;border-collapse:collapse;border-spacing:0;}
table th, table td {vertical-align:top;}
/* achtung: tabellen brauchen weiterhin 'cellspacing="0"' im markup! */
table p {padding:0;margin:0;}
hr, hr.linie-davor,  hr.linie-danach {clear:both;background-color:#adadad;color:#adadad;border:#adadad;height:1px;margin:10px 0;}
address, caption, cite, code, dfn, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
fieldset {border:none;}
input, textarea, select {border:1px solid #ccc;font-size:1em;padding:2px;color:#336699;}
input:focus, textarea:focus {background-color:#f3f3f3;}
input[type="submit"] {background:#ff6300;color:#fff;}
.csc-linkToTop {margin:30px 0 20px;}
.csc-linkToTop a:link, .csc-linkToTop a:visited {background:url("../Img/to-top.gif") 0 0 no-repeat;padding:2px 0 0 18px;font-weight:bold;text-decoration:none;}
.csc-linkToTop a:hover, .csc-linkToTop a:focus, .csc-linkToTop a:active {background:url("../Img/to-top.gif") 0 -30px no-repeat;text-decoration:none;}



img {border:0;color:#C00;}


table.contenttable {font-size:0.9em;background:#fbf3e4;}
table.contenttable caption {
  text-align: left;
  font-weight: bold;
  font-size: 1.1em;
  color: #660000;
  background: #faefdb;padding:6px 10px 2px;  border-top: solid 1px #ddcba3;
  border-left: solid 1px #ddcba3;
  border-right: solid 1px #ddcba3;
}
table.contenttable th,
table.contenttable td {padding:6px 10px 2px;border: solid 1px #ddcba3;}
table.contenttable th {background:#faefdb;}



span.copy {color:#4a3d34;font-size:13px;float:left;text-align:left;}
span.copy a:link, span.copy a:visited {color:#4a3d34;text-decoration:none;}
span.copy a:hover, span.copy a:focus {text-decoration:none;}

ul.musthave {list-style:none;  margin: 0 0 10px 0;}
ul.musthave li {display:inline-block;margin-right:20px;padding-left:13px;background:url("../Img/internal-link-arrow.png") no-repeat 0px 7px;}
ul.musthave li a:link, ul.musthave li a:visited {color:#4a3d34;font-size:13px;}

footer span.clear {display:inline-block;}


/* =OTHER ======================== */
.ce-intext.ce-left .ce-gallery {
    margin-right: 10px;
}
div.ce-gallery img {border-radius:5px;}

/* Berge - Schmuckgrafik */
span.berg-left {position:fixed;bottom:0px;left:0px;width:355px;height:225px;background:url("../Img/berg1.png") no-repeat;z-index:2;}
span.berg-right {position:fixed;bottom:0px;right:0px;width:316px;height:205px;background:url("../Img/berg2.png") no-repeat;z-index:2;}
@media (max-width: 768px) {
span.berg-left, span.berg-right {display:none;}
}

/* Kontakt */
div.csc-mailform {margin-top:20px;}
div.csc-mailform li.csc-form-element-textline input, div.csc-mailform li.csc-form-element-textarea textarea {color:#706f6f;}
div.csc-mailform li.csc-form-element-submit input {}
div.csc-mailform li.csc-form-element-textblock {color:#B1B1B1;}

.dce-gmaps {
    margin-top: 0;
}
.dce-maps .licence {
    opacity: 0.6;
}
.dce-gmaps .text-wrap button {
    background: #00bbe0;
}


/* =EXTENSIONS ======================== */

#comments {border-top: 2px solid #5c4f47;margin-top: 50px;padding-top: 10px;}
.tx-pwcomment-pi1 ol li {background: #efefef;padding: 10px 10px 20px;}
#writeComment input {font-size:13px;}
#writeComment input.button {
  border: none;
  padding: 4px 10px;
  color: #fff;
  background: rgba(102,162,192,1);
  background: -moz-linear-gradient(top, rgba(102,162,192,1) 0%, rgba(0,68,104,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102,162,192,1)), color-stop(100%, rgba(0,68,104,1)));
  background: -webkit-linear-gradient(top, rgba(102,162,192,1) 0%, rgba(0,68,104,1) 100%);
  background: -o-linear-gradient(top, rgba(102,162,192,1) 0%, rgba(0,68,104,1) 100%);
  background: -ms-linear-gradient(top, rgba(102,162,192,1) 0%, rgba(0,68,104,1) 100%);
  background: linear-gradient(to bottom, rgba(102,162,192,1) 0%, rgba(0,68,104,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66a2c0', endColorstr='#004468', GradientType=0 );
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.tx-pwcomment-pi1 .comment_header {border-bottom: 1px solid #bbb;margin-bottom: 10px;}
.tx-pwcomment-pi1 .comment_body {font-size: 14px;line-height: 18px;}
#writeComment textarea {line-height: 17px;font-size: 13px;}
.tx-pwcomment-pi1 ol li ol {padding-left: 5%;padding-right: 5%;margin-top:10px;}
.tx-pwcomment-pi1 ol li ol li {background: #ddd;}


/* =JQUERY PLUGINS ======================== */
/* accordion */
h3.ui-accordion-header {margin:0 0 2px;padding:5px 15px 4px;background:#ccc;font-size:14px;text-transform:uppercase;font-weight:normal;cursor:pointer;}
h3.ui-accordion-header a:link,h3.ui-accordion-header a:visited { display:block;height:auto;padding:6px 20px 5px 35px; background-position:10px -375px; background-repeat:no-repeat; background-image: url("../Img/icons.png"); text-decoration:none;color:#333;  }
h3.ui-accordion-header a:hover, h3.ui-accordion-header a:focus {background-position:10px -415px;color:#000;outline:0;}
h3.ui-state-active {border:none;background-position:10px -415px;}
h3.ui-state-active a:link,h3.ui-state-active a:visited {background-color:#999; color:#fff;}
h3.ui-state-active a:hover,h3.ui-state-active a:focus { }

h3.ui-state-default a {}
div.ui-accordion-content {background:#eaeaea;padding:10px 15px 15px;margin-bottom:2px; overflow:hidden;} 
div.ui-accordion-content p {margin-bottom:7px;}


/* .... Cookie Toolbar .... */
.cc-grower {
    background-color: #c3a977 !important;
}
.cc-banner {
    max-width: 1400px !important;
    color: #fff !important;
    background-color: transparent !important;
    max-width: 1400px !important;
    margin: 0 auto;
}
.cc-message {
    margin: 1em !important;
}
.cc-banner .cc-btn {
    color: #fff !important;
}