/* colour styles : light */ /*HoboURWD*/ /* @font-face { font-family: Hobo; src: url(../fonts/HoboStd.otf); }*/ body { background: url(../images/light/bg.jpg) repeat #FFF; font-size:24px; line-height:28px; font-family: 'Droid Sans', sans-serif; } #wrap { width:94%; margin-left:3%;} /* font styles */ h1 { font-size:36px; line-height:41px; color:#000000; padding:0px; margin:0px; font-weight:bold; padding-bottom:5px; padding-top:5px; } h2 { font-size:20px; line-height:23px; color:#000000; padding:0px; margin:0px; font-weight:bold; } h3 { font-size:15px; line-height:25px; color:#858585; padding:0px; margin:0px; font-weight:normal; } h4 { font-size:15px; line-height:25px; color:#000000; padding:0px; margin:0px; font-weight:normal; font-weight:bold; } h5 { font-size:13px; line-height:22px; color:#000000; padding:0px; margin:0px; font-weight:normal; } h6 { font-size:12px; line-height:22px; color:#858585; padding:0px; margin:0px; font-weight:normal; } p { font-size:24px; color:rgb(90,60,40); line-height:28px; margin:0px; padding:0px; padding-top:8px; padding-bottom:8px; font-family:'Helvetica',Arial, Helvetica, sans-serif; } /* list Styles */ ul { padding:0px; margin:0; margin-left:0px; font-family:'Helvetica',Arial, Helvetica, sans-serif; margin-top:10px; } ul li { font-size:12px; color:#858585; padding-left:10px; margin-bottom:7px; list-style:inside; list-style-type:square;} ol { padding:0px; margin:0; margin-left:25px; font-family:'Helvetica',Arial, Helvetica, sans-serif; margin-top:10px; } ol li { font-size:12px; color:#858585; padding-left:10px; margin-bottom:7px; list-style-type: decimal; } hr { background:url(../images/hr.jpg) top center no-repeat; border:0; outline:0; clear:both; height:10px;} /* link styles */ a:link {color:#444444; text-decoration: none;} a:visited {color:#444444; text-decoration: none;} a:hover {color:#000000; text-decoration: none;} a:active {color:#444444; text-decoration: none;} a:focus {outline-style: none;} /* header nav styles */ #header { width:100% } #logo { margin-top:35px; margin-bottom:15px; } #nav { width:100%; background:url(../images/light/bg-row.png) top left repeat-x; height:57px; overflow:hidden; } /*#nav {overflow: visible;} #nav ul ul li {background: #fff; padding: 11px; display: none;} #nav ul li:hover > ul li {display: block;}*/ /*zweite Navi-Ebene*/ #nav ul { display: inline; list-style: none; margin:0px; padding:0px; height:42px; line-height:42px; clear:both; } #nav ul li { float: left; display: inline; font-size: 12px; margin:0px; padding:0px; } #nav ul li a { display:block; height:42px; margin-right:26px; text-decoration:none; margin-top:10px; } #nav ul li a:hover { } /* footer styles */ #footer-area { width:100%; display:inline; float:left; padding-top:10px; margin-top:20px; clear:both; background:url(../images/light/bg-row.png) top left repeat-x; } #footer-area .widget { width:310px; margin-right:10px; padding-top:15px; display:inline; float:left; font-size:12px; color:#454545; line-height:18px; font-family:'Helvetica',Arial, Helvetica, sans-serif; } #footer-area .widget h3 { color:#858585;} #footer-area .widget p { color:#000;} #footer-area .widget ul { margin-left:0px;} #footer-area .widget li { color:#858585; } #footer-area .widget a { color:#444444;} #footer-area .widget a:hover { color:#000;} #footer-area .widget-copy { width:280px; overflow:hidden; display:inline; float:left; margin-left:10px;} /* copyright styles */ #copyright { clear:both; width:100%; background:url(../images/light/bg-row.png) top left repeat-x; display:inline; float:left; margin-top:20px; margin-bottom:20px; } #copyright p { padding-top:15px; color:#4f5356; font-size:19px; width: 310px; float: left; } #copyright a {color:#858585; text-decoration: none;} #copyright a:hover {color:#000000; text-decoration: underline;} .impressum {display: inline-block; margin-left: 20px;} .fb-like {float: right; margin-top: 20px;} /* post and page styles */ .type-post { width:1024px; background:#FFF; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin-right:10px; margin-top:15px; display:inline; float:left; position:relative; } .type-page { width:1024px; background:#FFF; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin-right:10px; margin-top:15px; display:inline; float:left; } .type-attachment { width:1024px; background:#FFF; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin-right:10px; margin-top:15px; display:inline; float:left; } .gridly-image { z-index:5; } .gridly-category { position:absolute; width:auto; background:#000; margin-top:-35px; z-index:10; height:30px; overflow:hidden; left:0;} .gridly-category p { margin:0; padding:0; line-height:30px; padding-left:20px; padding-right:40px; color:#fff; font-style:italic; } .gridly-category a { color:#fff; font-style:italic;} .gridly-category a:hover { color:#555;} .gridly-copy { width:1024px; margin-left:auto; margin-right:auto; padding-top:0px; padding-bottom:20px; overflow:hidden } .gridly-date { width:150px; color:#8e8e8e; font-size:11px;} .size-full { width:100%; height:inherit;} /* post index styles */ #post-area .post { width:333px; max-width: 32% !important; height: 320px;background:#FFF; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin-right:10px; margin-top:10px; position:relative; } #post-area .post .gridly-copy { width:250px; margin-left:auto; margin-right:auto; padding-top:10px; paddingbottom:20px; overflow:hidden; clear:both;} #post-area .post .gridly-date { width:150px; color:#8e8e8e; font-size:11px; border-bottom:1px dotted #cccccc; padding-bottom:0; padding-top:0; } #post-area .post .gridly-link { width:150px; border-top:1px dotted #e8e8e8; color:#494e51;} /* single post nav styles */ .post-nav { width:35px; display:inline; float:left; margin-left:10px; margin-top:15px; } .post-next a { background:url(../images/btn-left.png) top left no-repeat; height:35px; width:35px; display:inline; float:left; text-indent:-9999px; } .post-next a:hover { background:url(../images/btn-left.png) top right no-repeat; height:35px; width:35px;} .post-prev a { background:url(../images/btn-right.png) top left no-repeat; height:35px; width:35px; display:inline; float:left; clear:both; text-indent:-9999px;} .post-prev a:hover { background:url(../images/btn-right.png) top right no-repeat; height:35px; width:35px;} /* comment styles */ .comments-area ol { list-style:none; margin:0; padding:0; border-bottom:1px solid #8e8e8e; } .comments-area li { list-style:none; margin:0; padding:0; border-top:1px solid #8e8e8e; width:100%; clear:both; display:inline; float:left; margin-bottom:10px; padding:10px; } .avatar { display:none;} .reply { display:none;} .comment-meta { display:none;} .comment-author { font-size:16px; font-weight:bold; font-family: 'Droid Sans', sans-serif; } #comment-form { width:50%; } .text-input { clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:12px; } .comment-input { clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:12px; } .comment-submit { clear:both; width:120px; height:30px; line-height:25px; background:#e5e5e5; border:1px solid #8e8e8e; } /* Additional and WordPress styles */ .clear { clear:both;} .aligncenter { display: block; margin: 0 auto; } .alignleft { float: left; margin-right:20px; margin-top:20px; margin-bottom:10px; } .alignright { float: right; margin: 0 0 20px 20px; } .wp-caption { text-align: left; margin-top:5px; margin-bottom:5px; } .wp-caption-text { margin-top:2px; text-align:left; font-style:italic; font-size:11px; color:#999; } .sticky {} .gallery-caption {} .bypostauthor {} blockquote { font-size:2em; line-height:23px; color:#000; margin-left:20px; border-left: 1px dotted #999; padding-left:25px; margin-top:15px; margin-bottom:15px; } /* end of css file */ body {overflow-y: scroll;} #logo {display: none;} #wrap {max-width: 1024px !important; margin: 0 auto;} .gridly-image img {width: 100%;} #post-area .gridly-category, #post-area .gridly-copy {display: none;} .post:nth-of-type(3n) {margin-right: 0 !important;} #nav {background: transparent;} .type-page {float: none;} #post-area {width: 100.8% !important; margin-top: -11px;} .header_bild{margin-bottom: -30px; max-width: 1022px;} .ls-wp-container {margin-bottom: -15px !important;} .page {background: transparent; border-bottom: 0; margin-top: 70px; border: 0;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input { border: 0; color:rgb(90,60,40); font-family: 'HoboURWD', sans-serif; font-size: 19px; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } em { display: inline-block; -webkit-transform: skewX(-15deg); -moz-transform: skewX(-15deg); -ms-transform: skewX(-15deg); -o-transform: skewX(-15deg); transform: skewX(-15deg); padding: 2px; ​} strong, b {font-family: 'HoboD-Bol', sans-serif;} #header {position: absolute; background-image: url(../images/logo_jaegerhof_holderberg.png); background-position: center center; background-repeat: no-repeat; width: 1024px; height: 174px; margin-top: -60px; z-index: 50;} #nav {margin-top: 10px; margin-bottom: 50px;} #menu-main_menu li a {font-size: 19px; color:rgb(24,71, 17);} #menu-main_menu li:nth-of-type(6), #menu-main_menu li:nth-of-type(7), #menu-main_menu li:nth-of-type(8), #menu-main_menu li:nth-of-type(9), #menu-main_menu li:nth-of-type(10) {float: right;} #menu-main_menu li:nth-of-type(6) a, #menu-main_menu li:nth-of-type(7) a, #menu-main_menu li:nth-of-type(8) a, #menu-main_menu li:nth-of-type(9) a, #menu-main_menu li:nth-of-type(10) a {margin-right: 16px;} #menu-main_menu li:nth-of-type(1) {margin-left: 3px;} h1, h2, h3 {font-size: 20px; line-height: 30px; margin: 30px 0 10px 0;} .raster {float: left; width: auto; margin-right: 11px; margin-bottom: 11px;} .raster_last {margin-right: 0 !important;} .rahmen {border: 1px solid rgb(24,71, 17); width: 332px;} #Hochzeit img.raster {margin-right: 11px !important; max-width: 32.5%;} #Hochzeit img.rahmen {margin-right: 0px !important;} .gross {width: 1022px;} .two_thirds {width: 65.3% !important; margin-right: 0 !important;} input[type=submit] { background: rgba(24,71,15,1); color: #fff; } input[type=text] {border: 1px solid rgba(24,71,15,1); padding: 5px;} /*rgba(32,81,31,1)*/ div.page li { color: rgb(90, 60, 40); font-family: HoboURWD, sans-serif; font-size: 19px; } div[class^=post] .ls-container + p {margin-top: 30px;} /*, div[class^=post] .ls-container + div.one_half*/ #Kontakt div.one_half {margin-top: 0px !important;} div.one_half {margin-top: 30px; margin-right: 3%;} .one_half.last {margin-top: 30px !important;} .current-menu-item a, .current_page_item a, .current-page-ancestor a {border-bottom: 1px solid !important;} .hochzeits_text {width: 66%; float: left; margin-top: -350px;} form { background: rgb(90,60,40); width: 100%; padding: 0 30px 30px 30px; box-sizing: border-box; } input {margin-top: 30px;} #Gutschein input[type=submit] { background: rgba(255,255,255,1); color: rgb(90,60,40); } textarea {font-family: HoboURWD, sans-serif;} .full_field {width: 99%; height: 50px;} .half_field {width: 47.5%; height: 50px; float: left; margin-right: 2.4%;} .half_field:nth-of-type(2) {width: 45%; margin-right: 0;} .double_field {height: 148px; float: right; width: 47.5%; margin-top: 2px;} label {color: #fff; position: relative; top: 20px;} #mobi {display: none:} #Termine .gridly-copy p:nth-of-type(1) {margin-bottom: 10px !important;} /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: rgba(51, 51, 51, 0.7); font-family: 'Karla', sans-serif; } :-moz-placeholder { color: rgba(51, 51, 51, 0.7); font-family: 'Karla', sans-serif; } ::-moz-placeholder { color: rgba(51, 51, 51, 0.7); font-family: 'Karla', sans-serif; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { color: rgba(51, 51, 51, 0.7); font-family: 'Karla', sans-serif; } /*SHADOWBOX */ #sb-body-inner {overflow: scroll !important; -webkit-overflow-scrolling: touch !important;} .wpcf7-response-output {background: #fff !important;} [id *= layerslider_]{ max-width: 1010px !important; left: -6px !important; } @media screen and (max-width: 1024px) { body {zoom: 0.85 !important;} #post-area .post { width:32%; max-width: 99%; height: auto;} /*body {-webkit-transform: scale(0.85) !important; -webkit-transform-origin: center;}*/ } @media screen and (max-width: 1023px) { .menu-main_menu-container {background: #fff !important;} #menu-main_menu li {float: none !important;} #menu-main_menu li a {padding-left: 10px !important;} #nav {box-shadow: 2px 9px 21px -5px #000; position: fixed; top: 50px !important;} #mobi {display: block; width: 32px; height: 40px; background: url(../images/mobi.png); position: fixed; right: 20px; top: 20px; z-index: 4; cursor: pointer;} #nav {display: none;} #nav ul li {display: inline-block !important;} #header {width: 100%; position: relative; margin-top: 0 !important;} #sb-container {width: 100% !important; height: 100% !important;} .ls-slide img {height: auto !important;} #nav {height: auto; width: 95%; min-width: 310px;} .pluginButton {margin-left: 33px;} .type-page img {float: left; width: 31% !important; } p.header_bild img {width: 100% !important;} .ls-slide img {width: 100% !important;} .hochzeits_text {width: 63%; margin-top: -300px;} .ls-container {width: 100% !important;} .ls-wrapper img, .ls-wrapper { width: 100% !important; height: auto !important; } } @media screen and (max-width: 769px) { .type-page img {float: left; width: 32% !important; max-width: 100% !important;} #post-area .post {max-width: 32%;} .ls-container {width: 100% !important;} .ls-wrapper img, .ls-wrapper { width: 100% !important; height: auto !important; } .hochzeits_text {width: 65%; margin-top: -270px;} } @media screen and (max-width: 480px) { #header{ margin-bottom: 30px; } #wrap{ width: 95vw !important; } #post-area .post{ height: 95vw !important; } #post-area .post img{ height: 100% !important; } .type-page img {float: none; width: 100% !important; max-width: 100% !important;} .ls-container {max-height: 50vw; width: 100vw !important;} .ls-slide img {width: 100% !important;} #nav {margin-top: -30px;} #nav ul li {max-height: 30px; } .ls-container {height: 50vw !important;} #post-area .post {max-width: 100% !important; width: 100% !important;} .hochzeits_text {margin-top: 0; width: 100%;} #Hochzeit img.raster {max-width: 99% !important;} } /*––––––––––––––––––––––Blending––––––––––––––––––––––––––––––*/ /*.gridly-image img, .ls-container img, img, p, #header {opacity: 1 !important;}*/