hr {margin: 0; height: 10px; border-top: 1px solid #eee;} blockquote {border-top: 1px solid #666F6E; border-bottom: 1px solid #666F6E; color: #666F6E;} blockquote {font-style: italic; margin: 10px 0 10px 0; padding: 10px 0 10px 0; text-align: justify; font-size: 95%; font-weight: 400; line-height: 1.5em;} .hentry {margin: 0 0 1.5em;} .post h1 {font-weight: 400; letter-spacing: normal; margin: 0; line-height: 16px;} .post h2 {font-size: 12px; margin-top: 10px;} .post h3 {font-size: 12px; vertical-align: text-top; width: 100%; background: #999; color: #fff;} .post h4 {font-size: 12px; margin: -10px 0 0 0; padding: 0 0 0 2px; width: 140px; background: #fff;} .single-content h2, .relatedthumb h2 {font-size: 16px; font-weight: 400; letter-spacing: 1px; text-align: left; line-height: 18px; vertical-align: top; font-family: "Marcellus SC","Ubuntu","Helvetica Neue","Helvetica","Verdana","Arial","sans-serif"; margin: 0 !important; padding: 0 !important; color: inherit !important; background-color: #fff !important; border: 0px solid !important; border-radius: 0 !important;} .bildnachweis-icon {margin: 0 6px 0 0;} .bildnachweis-text {vertical-align: middle; text-transform: uppercase;} /* Aufzaehlung */ .entry-content ul > li {list-style: none;} .entry-content ul > li {padding-left: 0; margin-bottom: 15px;} .entry-content ul > li:before {content: "\f041"; font-family: FontAwesome; display: inline-block; margin-left: -40px; width: 40px; font-size: 24px; float: left;} /* Images */ .picunten {position: absolute; z-index:0; margin:0; padding:0;} .picoben {position: absolute; z-index:1; margin:0; padding:0;} /* Pricetable */ .preisliste:after {content: ""; display: table; clear: both;} .preisliste .tourpic {float: left;} .preisliste .ratesheet {float: right;} .preislabel {font-size: 14px; font-style: normal; font-weight: 600; text-decoration: none; color: #666E6E; line-height: 20px; margin-bottom: 20px;} .preis {font-size: 24px; font-style: normal; font-weight: 600; text-decoration: none; color: #DE144F; margin-top: 5px; margin-bottom: 5px;} .rates tr {vertical-align: middle;} .rates td, .ratesremarks td {vertical-align:middle; width:auto; padding: 2px 0 2px 0;} .rates a {color: #666E6E; text-decoration: none;} /* Table below Tours */ .tab-with-bg {font-size: 11px;} .tab-with-bg p {text-align: justify; margin-bottom: 5px;} .tab-with-bg p a {border-bottom: 1px dotted;} .tab-with-bg table {width: 100%; margin-top: -1px;} .tab-with-bg th {font-style: normal; font-weight: normal; background: #999; color: #fff;} .tab-with-bg td {vertical-align: top; border-bottom: 1px dotted #574747;} /* Blog Footer Navi */ nav {display: block;} a.previous {float: left; padding-bottom: 10px;} a.next {float: right; padding-bottom: 10px;} .single-post-nav {font-size: 11px; border-top: 5px solid #fff; background:-webkit-gradient(linear, 0 0, 0 100%, from(#7E2276), to(#e1ccdf)); background:-moz-linear-gradient(#7E2276, #e1ccdf); background:-o-linear-gradient(#7E2276, #e1ccdf); background:linear-gradient(#7E2276, #e1ccdf);} .single-post-nav a {text-decoration: none; color: #fff;} .single-post-nav > div h4 {font-size: 12px; font-weight: 600; margin: 0 0 3px 0;} .single-post-nav > div:nth-of-type(1) img {float: left; margin-right: 16px;} .single-post-nav > div:nth-of-type(2) img {float: right; margin-left: 16px;} .post-previous {float: left; width: 45%; padding: 10px; text-align: left;} .post-next {float: right; width: 45%; padding: 10px; text-align: right;} .post-next img {margin-left: 16px;} .post-previous img {margin-right: 16px;} .post-next .testimonial-list .testimonial-image  {float: right;} .post-previous .testimonial-list .testimonial-image  {float: left;} .testimonial-list .testimonial-image {border-radius: 50%;} .testimonial-list .testimonial-image img {width: 90px; height: 90px; border-radius: 50%;margin-bottom: 20px;} @media screen and (max-width: 414px) { .tab-with-bg {text-align: left;} .tab-with-bg p {text-align: justify;} .tab-with-bg:before {content: "Reiseinformationen \a \a"; white-space: pre; font-size: 18px; font-weight: 400; letter-spacing: 1px; text-align: left; line-height: 15px; font-family: "Marcellus SC","Ubuntu","Helvetica Neue","Helvetica","Verdana","Arial","sans-serif";} .rates td {text-align: left;} } @media screen and (min-width: 415px) and (max-width: 768px) { .tab-with-bg:before {content: "Informationen zur Reise \a \a"; white-space: pre; font-size: 18px; font-weight: 400; letter-spacing: 1px; text-align: left; line-height: 15px; font-family: "Marcellus SC","Ubuntu","Helvetica Neue","Helvetica","Verdana","Arial","sans-serif";} } @media screen and (max-width: 468px) { .tab-with-bg, .relatedposts-mobile-container {line-height: 1.8em;} .rates table {font-size: 11px; line-height: 2.5em; width: 100%;} .rates td {border-bottom: 1px solid #eee;} .rates td.res {width: 70px;} .ratesremarks table {font-size: 11px; line-height: 1.2em; width: 100%; margin-top: 10px; margin-bottom: 10px;} } @media screen and (min-width: 469px) and (max-width: 768px) { .tab-with-bg, .relatedposts-mobile-container  {line-height: 1.4em;} .rates table {font-size: 11px; line-height: 2em; width: 100%;} .rates td {border-bottom: 1px solid #eee;} .rates td.res {width: 80px;} .ratesremarks table {font-size: 11px; line-height: 1.2em; width: 100%; margin-top: 5px; margin-bottom: 5px;} } @media screen and (max-width: 768px) { h1.entry-title-mobile {font-size: 28px; font-weight: 400; letter-spacing: 1px; margin: 20px 0 20px 0; text-align: left; line-height: 28px; font-family: "Marcellus SC","Ubuntu","Helvetica Neue","Helvetica","Verdana","Arial","sans-serif";} h2.entry-title-mobile {font-size: 18px; font-weight: 400; letter-spacing: 1px; margin: 20px 0 0 0; text-align: left; line-height: 20px; font-family: "Marcellus SC","Ubuntu","Helvetica Neue","Helvetica","Verdana","Arial","sans-serif";} ol {counter-reset:li; list-style:none; padding: 0; margin-bottom: -15px;} ol li {padding-bottom: 15px;} ol li:before {content: counter(li)".\a Tag: "; counter-increment: li;} .single-content {margin-top: 15px;} .single-content h2 {margin-top: 15px !important; margin-bottom: 15px !important;} .single-post-nav-mobile {clear: both; padding: 5px 0 25px 0;} .post-previous-mobile {float: left; max-width: 30%; height: 24px; overflow: hidden; text-align: left; padding-top: 8px; font-size: 11px;} .post-next-mobile {float: right; max-width: 30%; height: 24px; overflow: hidden; text-align: right; padding-top: 8px; font-size: 11px;} .excerpt {font-style: italic; margin-top: 0px; margin-bottom: 15px; font-size: 110%;} .tab-with-bg {margin-top: 15px;} .tab-with-bg th {padding: 2px 1px 2px 1px;} .tab-with-bg td {padding: 5px 0 5px 0;} .tab-with-bg p {padding-bottom: 5px;} .post h3 {margin: -1px 0 5px 0; padding: 2px 1px 2px 1px;} .post .entry-header p {line-height: 18px;} .preisliste {border-top: 1px dotted #999; border-bottom: 1px dotted #999; padding: 5px 0 0 0;} .preisliste .tourpic {display: none;} .preisliste .ratesheet {width: 100%;} .preisliste .ratefooter {display: none;} .relatedposts-mobile {margin: 0 0 20px 0;} .relatedposts-mobile-container {font-size: 11px; text-decoration: none;} .bildnachweis {clear: both; margin: 20px -10px -20px -10px ; padding: 10px 10px 10px 10px; background-color: #e1ccdf; color: #7F2477;} .bildnachweis-text {font-size: 10px;} } @media screen and (min-width: 769px) { ol {text-align: justify; list-style:none; counter-reset:li; padding: 10px 0px 0px 0px;} ol li {position: relative; display: block; padding: 0 0 15px 50px; text-decoration: none; border-radius: .3em; transition: all .3s ease-out; min-height: 40px;} ol li:before {content: counter(li)".\a Tag"; counter-increment: li; white-space: pre; position: absolute; padding: 10px !important; height: 44px; width: 44px; line-height: 10px; font-size: 10px; color: #fff; background: #999; border: .2em solid #E6E6E6; text-align: center; font-weight: normal; border-radius: 24px; position: absolute; left: 0; transition: all .3s ease-out;} .post .single-content {background:url(/wp-content/themes/asiatouri/img/quote_001.gif) no-repeat;} .post .entry-header {height: 60px; padding-bottom: 5px; text-align: right; border-bottom: 1px solid #efefef;} .post h2 {padding: 1px 5px 2px 5px; color: #fff; background-color: #999; border: .2em solid #E6E6E6; border-radius: 20px;} .post h3 {margin: -1px 0 0 0; padding: 1px 5px 2px 5px;} .post .entry-header p {line-height: 16px;} .preisliste .tourpic {width: 130px} .preisliste .ratesheet, .rates table {width: 338px;} .preisliste .ratefooter {color: #DE144F; margin: 5px 0 5px 0; vertical-align: middle; font-size: 13px;} .rates table, .ratesremarks table {font-size: 11px; line-height: 1.2em;} .rates tr:hover {color: #666E6E; background: #e1ccdf;} .rates tr:hover a {color: #666E6E; height: 11px;} .tab-with-bg {line-height: 1.2em; -moz-border-radius:10px; -webkit-border-radius: 10px; border: 1px solid #eee; background-color: #eee;} .tab-with-bg p {padding: 5px 5px 5px 5px;} .tab-with-bg table {padding: 0px 5px 0px 5px;} .tab-with-bg th, .tab-with-bg td {padding: 2px 5px 2px 5px;} .twocolumns {-moz-column-count: 2; -moz-column-gap: 8px; -webkit-column-count: 2; -webkit-column-gap: 8px; column-count: 2; column-gap: 8px; margin-bottom: 0px;} .relatedposts {width: 468px; height: 290px; margin: 20px 0 0 0; padding: 2px; -moz-border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px #666E6E dotted; font-size: 8pt; text-decoration: none; text-align: justify; color: #666E6E;} .relatedthumb {float: left; margin: 5px 0 5px 0; padding: 2px;} .relatedthumb h2 {height: 45px; vertical-align: top;} .relatedthumb img {margin: 0 0 10px 0; padding: 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .relatedthumb a {color :#333; text-decoration: none; display:block; width: 150px;} .bildnachweis {margin: 10px 0 -20px 0; width: 468px; overflow: hidden; height: 15px;} .bildnachweis-text {font-size: 11px;} }