/* Theme Name: Heye Verlag Theme URI: http://endcore.com Description: Legen ... wait for it ... Dary! Author: endcore Medienagentur Author URI: http://endcore.com Version: 1.0 */ /* * BASICS * ROT da021a */ body { color: #333; font-family: 'Open Sans', sans-serif; font-size:16px;line-height: 1.6; background: #fcfcfc; background: -moz-linear-gradient(top, rgba(220,220,220,1) 0px, rgba(252,252,252,1) 300px); background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,rgba(220,220,220,1)), color-stop(300px,rgba(252,252,252,1))); background: -webkit-linear-gradient(top, rgba(220,220,220,1) 0px,rgba(252,252,252,1) 300px); background: -o-linear-gradient(top, rgba(220,220,220,1) 0px,rgba(252,252,252,1) 300px); background: -ms-linear-gradient(top, rgba(220,220,220,1) 0px,rgba(252,252,252,1) 300px); background: linear-gradient(to bottom, rgba(220,220,220,1) 0px,rgba(252,252,252,1) 300px); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#fcfcfc',GradientType=0 ); background-repeat: repeat-x; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: #da021a; font-family: 'Ubuntu', sans-serif; font-weight: 500; } h1, .h1 { font-size:24px; } h2, .h2 { font-size:22px; } h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-size:20px; } a { color: #da021a; filter: none !important; outline: none !important; } a:hover, a:focus { color: #c40117; } #wrapper { max-width: 1170px; margin: 0 auto; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.2); } .alignleft{float:left;margin-right:10px;} .alignright{float:right;margin-left:10px;} .btn-red { color: #fff; background-color: #da021a; border-color: #da021a; } .btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red { color: #fff; background-color: #333; border-color: #333; } .img-holder{text-align: center;margin: 0 auto;} .w73{width: 73%;} .w61{width: 61%;} .btn-gray { color: #fff; background-color: #878a8f; border-color: #878a8f; } .btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active, .open .dropdown-toggle.btn-gray { color: #fff; background-color: #969a9f; border-color: #969a9f; } /* * HEADER */ #topbar { background: #fcfcfc; padding: 5px 0; margin-bottom: 20px; border-bottom: 1px solid #eee; } #topbar ul, #topbar p { margin: 0; font-size: 12px; line-height: 20px; } #topbar a { color: #999; } #topbar a:hover, #topbar a:focus { color: #da021a; text-decoration: none; } #header { margin-bottom: 20px; } #header .form-search { padding: 10px 0 6px 10px; } #header .form-search label { margin: 0 10px; line-height: 34px; float: left; font-weight: 400; color: #333; font-size:14px; } #header .form-search .form-control { border-radius: 0; border: 0; border-bottom: 1px dotted #ccc; box-shadow: none; color: #999; transition: none; max-width: 200px; } #header .form-search .form-control:focus { border-color: #da021a; color: #da021a; } #header .form-search .form-control:focus::-webkit-input-placeholder { color:#c47276; } #header .form-search .form-control:focus::-moz-placeholder { color:#c47276; } #header .form-search .form-control:focus:-ms-input-placeholder { color:#c47276; } #header .form-search .form-control:focus:-moz-placeholder { color:#c47276; } #navigation { margin-bottom: 20px; } #navigation .navbar-brand { font-size: 16px; line-height: 20px; color: rgba(255,255,255,0.5); } #navigation .navbar { border: none; border-radius: 0; margin:0; } #navigation .navbar { background: rgb(219, 3, 28); background: -moz-linear-gradient(top, rgba(219, 3, 28,1) 0%, rgba(186, 3, 24,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219, 3, 28,1)), color-stop(100%,rgba(186, 3, 24,1))); background: -webkit-linear-gradient(top, rgba(219, 3, 28,1) 0%,rgba(186, 3, 24,1) 100%); background: -o-linear-gradient(top, rgba(219, 3, 28,1) 0%,rgba(186, 3, 24,1) 100%); background: -ms-linear-gradient(top, rgba(219, 3, 28,1) 0%,rgba(186, 3, 24,1) 100%); background: linear-gradient(to bottom, rgba(219, 3, 28,1) 0%,rgba(186, 3, 24,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a62b31', endColorstr='#c40117',GradientType=0 ); } #navigation .navbar-nav > li > a { color: #fff; font-weight: 600; text-shadow: 0 1px 0 rgba(0,0,0,0.1); } #navigation .navbar-nav > li:hover > a, #navigation .navbar-nav > li.open > a, #navigation .navbar-nav > li > a:hover, #navigation .navbar-nav > li > a:focus, #navigation .navbar-nav > li.current-menu-item > a, #navigation .navbar-nav > li.current-page-ancestor > a { background: rgb(61,66,72); background: -moz-linear-gradient(top, rgba(61,66,72,1) 0%, rgba(35,40,46,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(61,66,72,1)), color-stop(100%,rgba(35,40,46,1))); background: -webkit-linear-gradient(top, rgba(61,66,72,1) 0%,rgba(35,40,46,1) 100%); background: -o-linear-gradient(top, rgba(61,66,72,1) 0%,rgba(35,40,46,1) 100%); background: -ms-linear-gradient(top, rgba(61,66,72,1) 0%,rgba(35,40,46,1) 100%); background: linear-gradient(to bottom, rgba(61,66,72,1) 0%,rgba(35,40,46,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d4248', endColorstr='#23282e',GradientType=0 ); } #navigation .navbar-nav .dropdown-menu { border-radius: 0; border: none; box-shadow: none; background: #23282e; padding: 0; } #navigation .navbar-nav .dropdown-menu > li > a { color: #fff; line-height: 30px; } #navigation .navbar-nav .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ background: #383d42; color: #fff; } @media (min-width: 768px) { #navigation .navbar-brand:hover, #navigation .navbar-brand:focus { background: rgb(61,66,72); background: -moz-linear-gradient(top, rgba(61,66,72,1) 0%, rgba(35,40,46,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(61,66,72,1)), color-stop(100%,rgba(35,40,46,1))); background: -webkit-linear-gradient(top, rgba(61,66,72,1) 0%,rgba(35,40,46,1) 100%); background: -o-linear-gradient(top, rgba(61,66,72,1) 0%,rgba(35,40,46,1) 100%); background: -ms-linear-gradient(top, rgba(61,66,72,1) 0%,rgba(35,40,46,1) 100%); background: linear-gradient(to bottom, rgba(61,66,72,1) 0%,rgba(35,40,46,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d4248', endColorstr='#23282e',GradientType=0 ); } #navigation .navbar-nav > li.menu-item-has-children:hover .dropdown-menu { display: block; } #navigation .navbar-right { background: rgb(61,66,72); background: -moz-linear-gradient(top, rgba(61,66,72,1) 0%, rgba(35,40,46,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(61,66,72,1)), color-stop(100%,rgba(35,40,46,1))); background: -webkit-linear-gradient(top, rgba(61,66,72,1) 0%,rgba(35,40,46,1) 100%); background: -o-linear-gradient(top, rgba(61,66,72,1) 0%,rgba(35,40,46,1) 100%); background: -ms-linear-gradient(top, rgba(61,66,72,1) 0%,rgba(35,40,46,1) 100%); background: linear-gradient(to bottom, rgba(61,66,72,1) 0%,rgba(35,40,46,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d4248', endColorstr='#23282e',GradientType=0 ); } #navigation .navbar-right > li:hover > a, #navigation .navbar-right > li.open > a, #navigation .navbar-right > li > a:hover, #navigation .navbar-right > li > a:focus{ background: rgb(184,186,187); background: -moz-linear-gradient(top, rgba(184,186,187,1) 0%, rgba(159,161,162,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,186,187,1)), color-stop(100%,rgba(159,161,162,1))); background: -webkit-linear-gradient(top, rgba(184,186,187,1) 0%,rgba(159,161,162,1) 100%); background: -o-linear-gradient(top, rgba(184,186,187,1) 0%,rgba(159,161,162,1) 100%); background: -ms-linear-gradient(top, rgba(184,186,187,1) 0%,rgba(159,161,162,1) 100%); background: linear-gradient(to bottom, rgba(184,186,187,1) 0%,rgba(159,161,162,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8babb', endColorstr='#9fa1a2',GradientType=0 ); } } @media (max-width: 767px) { #navigation .navbar-nav, #navigation .navbar-right { margin: 0 -15px; } #navigation .navbar-brand:hover, #navigation .navbar-brand:focus { color: rgba(255,255,255,0.75); } #navigation .navbar-toggle { border-color: rgba(255,255,255,0.25); } #navigation .navbar-toggle:hover, #navigation .navbar-toggle:focus { border-color: rgba(255,255,255,0.5); } #navigation .navbar-toggle .icon-bar { background: rgba(255,255,255,0.25); } #navigation .navbar-toggle:hover .icon-bar, #navigation .navbar-toggle:focus .icon-bar { background: rgba(255,255,255,0.5); } #navigation .form-search .form-control { border-radius: 0; border: 1px solid #ccc !important; box-shadow: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { #navigation .navbar-brand, #navigation .navbar-nav > li > a { font-size: 15px; padding: 15px 10px; } } @media (min-width: 768px) and (max-width: 991px) { #navigation .navbar-brand, #navigation .navbar-nav > li > a { font-size: 12px; padding: 15px 7px; font-weight: 400; } #header .form-search input.form-control { width: 150px; } #header .form-search select.form-control { width: 180px; } #header .form-search { padding: 0; } } @media (max-width: 767px) { #navigation .navbar-nav > .open > .dropdown-menu > li > a { padding: 5px 15px 5px 25px; } #navigation .navbar-nav > .open > .dropdown-menu > li.open > .dropdown-menu > li > a { padding: 5px 15px 5px 35px; } #navigation .navbar-nav > .open > .dropdown-menu > li.open > .dropdown-menu > .open > .dropdown-menu > li > a { padding: 5px 15px 5px 45px; } #navigation .navbar-nav .open > a.dropdown-toggle { background: #383d42; } } @media (min-width: 768px) { #navigation .dropdown-menu > li:hover > a, #navigation .dropdown-menu > li.open > a, #navigation .dropdown-menu > li > a:hover, #navigation .dropdown-menu > li > a:focus { color: #fff; background-color: #383d42; background-image: none; } #navigation .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 9px; margin-right: -10px; } #navigation .dropdown-submenu:hover > a:after, #navigation .dropdown-submenu.open > a:after, #navigation .dropdown-submenu > a:hover:after, #navigation .dropdown-submenu > a:focus:after { border-left-color: #fff; } #navigation .dropdown-menu { border-left: 0; border-right: 0; border-radius: 0; min-width: 180px; padding: 5px 0; } #navigation .dropdown-menu .caret { display: none; } #navigation .dropdown-submenu { position: relative; } #navigation .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: 0; } #navigation .navbar-hover .navbar-nav > .dropdown:hover > .dropdown-menu, #navigation .navbar-hover .navbar-nav > .dropdown > .dropdown-toggle:focus + .dropdown-menu, #navigation .navbar-hover .dropdown-menu > .dropdown:hover > .dropdown-menu { display: block; } #navigation li.dropdown-submenu > .dropdown-menu { display: none !important; } #navigation li.dropdown-submenu:hover > .dropdown-menu { display: block!important; } } /* * CONTENT */ #teaser { margin-bottom: 30px; } #teaser .teaser-img-small:first-of-type { margin-bottom: 30px; } #teaser .carousel-fade .carousel-inner .item { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity } #teaser .carousel-fade .carousel-inner .item img { margin: 0 auto; max-width: 100%; } #teaser .carousel-fade .carousel-inner .active { opacity: 1; } #teaser .carousel-fade .carousel-inner .active.left, #teaser .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } #teaser .carousel-fade .carousel-inner .next.left, #teaser .carousel-fade .carousel-inner .prev.right { opacity: 1; } #teaser .carousel-fade .carousel-control { z-index: 2; } #itemGallery .carousel-inner .item .fancybox img { width: 750px; } #itemGallery .carousel-indicators-clone { list-style: none; padding:0; margin-top: 10px; } #itemGallery .carousel-indicators-clone li { backgroundx:red; max-width: 142px; float: left; margin: 0 10px 10px 0; opacity: 0.5; } #itemGallery .carousel-indicators-clone li:nth-child(5n+0) { margin-right: 0; } #itemGallery .carousel-indicators-clone li img { border: 2px solid transparent} #itemGallery .carousel-indicators-clone li:hover { opacity: 1; cursor: pointer; } #itemGallery .carousel-indicators-clone li.active { opacity: 1; } #itemGallery .carousel-indicators-clone li.active img { box-shadow: 0 0 3px 1px #ccc; border: 2px solid #fff; } #content h1 { margin-top: 0; } .page-title { line-height: 35px; color: #596068; } .kalender-list .thumbnail { border-radius: 0; padding: 10px; border:1px solid #eee; margin-bottom: 30px; transition: all 0.2s; } .kalender-list .thumbnail .img-wrapper{height:262px;} .kalender-list .thumbnail:hover { box-shadow: 0 0 7px #eee; border:1px solid #ddd; } .kalender-list .thumbnail > a img { transition: all 0.2s; } .kalender-list .thumbnail > a:hover img { opacity: 0.7; } .kalender-list .thumbnail > a.h1 { color: #333; font-size: 16px; line-height:20px; height: 60px; max-height: 60px; overflow: hidden; display:inline-block; margin: 0; margin: 10px 0; } .kalender-list .thumbnail > a.h1:hover, .kalender-list .thumbnail > a.h1:focus { color: #da021a; text-decoration: none; } .kalender-list .thumbnail .caption { padding: 0; } .kalender-list .thumbnail .caption .preis { display: inline-block; font-weight: 600; color: #399d14; line-height: 22px; } .kalender-list .thumbnail .caption a { font-size: 14px; line-height: 22px; color: #999; } .kalender-list .thumbnail .img-wrapper { height: 262px; display: table-cell; vertical-align: middle; } .kalender-list .thumbnail .img-wrapper a{ display: table; table-layout: fixed; width: 100%; } .kalender-list .thumbnail .img-wrapper a img { border: 1px solid #ccc;max-height: 262px; max-width: 100%; width: auto; height: auto; } @media (min-width: 992px) and (max-width: 1199px) { .kalender-list .thumbnail > a.h1 { font-size: 14px; line-height:20px; height: 60px; } .kalender-list .thumbnail .caption .preis { font-size: 14px; line-height:20px; } .kalender-list .thumbnail .caption a { font-size: 14px; line-height:20px; } } @media (min-width: 768px) and (max-width: 991px) { #teaser .teaser-img-small:first-of-type { margin-bottom: 24px; } } @media (max-width: 767px) { .teaser-img-big { margin-bottom: 30px; } } @media (max-width: 479px) { .kalender-list .col-xxs-12 { width: 100%; } } .price-box { background: #fcfcfc; border: 2px solid #eee; padding: 10px; font-size: 14px; margin-bottom: 30px; } .price-box table td { vertical-align: middle !important; border-bottom:1px solid #eee; } .price-box table tr:first-of-type td { border-top: none !important; } .price-box table tr:last-of-type td { border-bottom: none !important; } .price-box .pb-price { color: #399d14; font-size: 40px; line-height: 40px; margin-bottom: 10px; font-family: 'Ubuntu', sans-serif; font-weight: 500; text-align: right; display:block; } .price-box .pb-hint { color: #999; font-size: 12px; text-align: right; display: block; } .price-box .pb-avail td:last-of-type { color: #399d14; } .price-box .btn-buy { background: #ff9900; color: #fff; } @media (min-width: 768px) and (max-width: 991px) { body { font-size: 14px; } .price-box .pb-price { font-size: 30px; } .pb-avail .table td { display: block; text-align: right; } } .post-social { margin-bottom: 30px; margin-top: 20px; max-width:600px;} .post-social li { width: 20%; float:left; } .post-social li a { color: #fff; display: block; padding: 5px 10px; transition: all 0.2s; font-size: 12px;} .post-social li.social-fb a { background: #3b5998; } .post-social li.social-fb2 a { background: #3b5998; } .post-social li.social-tw a { background: #55acee; } .post-social li.social-gp a { background: #dd4b39; } .post-social li.social-xi a { background: #026466; } .post-social li.social-wa a { background: #64d448; } .post-social li a:hover, .post-social li a:focus { background: #da021a; text-decoration: none;} @media (min-width: 1200px) { #content .box1, #content .box2 { min-height: 240px; } #content .box4, #content .box5 { min-height: 280px; } #content .box6, #content .box7 { min-height: 300px; } } @media (min-width:992px) AND (max-width:1199px) { #content .box1, #content .box2 { min-height: 310px; } #content .box4, #content .box5 { min-height: 330px; } #content .box6, #content .box7 { min-height: 330px; } } /* * BLOG */ .alignleft { float: left; margin:0 15px 10px 0; } .aligncenter { display: block; margin: 0 auto 10px auto; } .alignright { float: right; margin:0 0 10px 15px; } .alignnone { float: none; display:block; margin:0 0 10px 0; } .post-list h2 { font-size: 18px; } .post-list > p { margin: 0 !important; } .post-list .post-thumbnail { display: inline-block; float: left; margin-right: 15px; margin-bottom: 10px; padding-right: 15px; border-right: 1px solid #eee; } .post p { margin: 0 0 15px 0; line-height: 1.6;} .post .post-meta {display:block;margin-bottom:15px;color: #999; font-size: 12px; } .post .post-meta a { color: #666; } .post .post-meta :hover, .post-list .post-meta :focus { color: #c40117; } .wp-caption { background: #f5f5f5; font-size: 12px; color: #999; padding: 5px; } .wp-caption-text { margin-bottom: 0 !important; padding: 5px; font-style: italic; } .pagination > li > a, .pagination > li > span { color: #c40117; border-color: #eee; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #c40117; border-color: #c40117; } .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color: #ccc; border-color: #eee; } .pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 0; } .pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 0; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color: #c40117; background-color: #f5f5f5; border-color: #eee; } .comment.depth-2 { border-left: 3px solid #eee; margin-left: 20px; padding: 10px; } .comment.depth-3 { background: #eee; margin-left: 20px; padding: 10px; } .comment .media-heading { font-weight: 600; } .comment .media-heading a { color: #333; } .comment .media-heading small { font-weight: 400; color: #999; } .form-control { color: #666; background-color: #fff; border-color:#ccc; border-radius: 0; transition: none; } .form-control:focus { color:#333; background-color: #fcfcfc; border-color: #bbb; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } .form-control::-moz-placeholder { color: #999; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control.wpcf7-not-valid { color: #c01313; background-color: #fef8f8; border-color: #c01313; } .form-control.wpcf7-not-valid:focus { color: #ac1111; background-color: #fff; border-color: #ac1111 } .form-control.wpcf7-not-valid::-moz-placeholder { color: #a37878; } .form-control.wpcf7-not-valid:-ms-input-placeholder { color: #a37878; } .form-control.wpcf7-not-valid::-webkit-input-placeholder { color: #a37878; } .control-label, .form-horizontal .control-label { text-align: left; font-weight: 400; } .control-label sup { color:#c01313; } .wpcf7 .ajax-loader { display: none; } .wpcf7 .screen-reader-response { display: none; } .wpcf7 .wpcf7-not-valid-tip { display: block; font-size: 10px; text-align: right; color: #c01313; } .wpcf7-radio .wpcf7-list-item, .wpcf7-checkbox .wpcf7-list-item { margin-right: 10px; } .wpcf7-response-output.wpcf7-validation-errors { color: #c01313; border-left: 3px solid #c01313; margin: 20px 0; padding: 3px 10px; font-size: 0.8em; } .wpcf7-response-output.wpcf7-mail-sent-ok { color: #13c013; border-left: 3px solid #13c013; margin: 20px 0; padding: 3px 10px; font-size: 0.8em; } /* * RATGEBER */ .single-ratgeber .cta{border:1px solid #ccc;padding:15px;margin:30px 0;} .single-ratgeber .cta { background: #da021a; color: #fff; border: none !important; display: block; padding: 30px !important; } .single-ratgeber .cta img { padding: 5px; background: #fff; box-shadow: 2px 2px 3px rgba(0,0,0,0.3); transform: rotate(-2deg) scale(1); top: -5px; left: -5px; position: relative; } .single-ratgeber .cta h2 { margin-top: 0; color: #fff; } .single-ratgeber .cta ul { margin: 0; padding: 0; list-style: none; } .single-ratgeber .cta ul li { line-height: 30px; } .single-ratgeber .cta ul li:before { content:"\f00c"; font-family:'FontAwesome'; float: left; margin-right: 5px; } .panel-group .panel-default { border: none; box-shadow: none; } .panel-group .panel-default > .panel-heading { padding: 0; background-color: #fff; border: 1px solid #ddd; border-radius: 0; } .panel-group .panel-default .panel-body { border: 1px solid #ddd; border-top: 0; } .panel-group .panel-default > .panel-heading a { display: block; padding: 10px; font-weight: 600; } .panel-group .panel-default > .panel-heading a:hover, .panel-default > .panel-heading a:focus { background: #fcfcfc; text-decoration: none; color: #da021a; } /* * BOXEN */ .box { background: #fff; box-shadow: 0 0 0 1px #eee inset; margin-bottom: 30px;} .box .box-headline { font-size: 16px; font-family: 'Open Sans'; font-weight: 400; line-height:40px; margin: 0; padding-left: 15px; color: #666; border-bottom: 1px solid #e5e5e5; } .box .box-headline { background: rgb(150,154,159,0.1); background: -moz-linear-gradient(top, rgba(150,154,159,0.1) 0%, rgba(135,138,143,0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,154,159,0.1)), color-stop(100%,rgba(135,138,143,0.1))); background: -webkit-linear-gradient(top, rgba(150,154,159,0.1) 0%,rgba(135,138,143,0.1) 100%); background: -o-linear-gradient(top, rgba(150,154,159,0.1) 0%,rgba(135,138,143,0.1) 100%); background: -ms-linear-gradient(top, rgba(150,154,159,0.1) 0%,rgba(135,138,143,0.1) 100%); background: linear-gradient(to bottom, rgba(150,154,159,0.1) 0%,rgba(135,138,143,0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a7077', endColorstr='#50575e',GradientType=0 ); } .box .box-content { padding: 10px; } /* .box h2 { background: #fff } .box { background: #fafafa; box-shadow: 0 0 0 1px #ddd inset; margin-bottom: 30px;} .box h2 { font-size: 20px; line-height:35px; margin: 0; padding-left: 15px; color: #fff; } .box h2 { background: rgb(150,154,159); background: -moz-linear-gradient(top, rgba(150,154,159,1) 0%, rgba(135,138,143,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,154,159,1)), color-stop(100%,rgba(135,138,143,1))); background: -webkit-linear-gradient(top, rgba(150,154,159,1) 0%,rgba(135,138,143,1) 100%); background: -o-linear-gradient(top, rgba(150,154,159,1) 0%,rgba(135,138,143,1) 100%); background: -ms-linear-gradient(top, rgba(150,154,159,1) 0%,rgba(135,138,143,1) 100%); background: linear-gradient(to bottom, rgba(150,154,159,1) 0%,rgba(135,138,143,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a7077', endColorstr='#50575e',GradientType=0 ); } .box .box-content{padding:10px;} */ /* * KUENSTLER */ .kuenstler-list .thumbnail { border-radius: 0; padding: 10px; border:1px solid #eee; margin-bottom: 30px; transition: all 0.2s; } .kuenstler-list .thumbnail:hover { box-shadow: 0 0 7px #eee; border:1px solid #ddd; } .kuenstler-list .thumbnail > a img { transition: all 0.2s; } .kuenstler-list .thumbnail > a:hover img { opacity: 0.7; } .kuenstler-list .thumbnail > a.h1 { color: #333; font-size: 16px; line-height:20px; height:40px; overflow: hidden; display:inline-block; margin: 0; margin: 10px 0; } .kuenstler-list .thumbnail > a.h1:hover, .kalender-list .thumbnail > a.h1:focus { color: #da021a; text-decoration: none; } @media (min-width: 992px) and (max-width: 1199px) { .kuenstler-list .thumbnail > a.h1 { font-size: 14px; line-height:20px; height: 60px; } } @media (max-width: 479px) { .kuenstler-list .col-xxs-12 { width: 100%; } } /* * KALENDER */ .single-kalender h2 small{line-height:26px;} @media (max-width: 500px) { .single-kalender h2 small{float:none!important;display:block;margin:10px 0 0 0!important;} } #itemGallery .item img, .post-cover{max-height:450px;width:auto!important;margin:0 auto;} #itemGallery .carousel-indicators-clone img{max-height:145px;width:auto!important;} /* * SIDEBAR */ #sidebar .widget { background: #fafafa; box-shadow: 0 0 0 1px #ddd inset; margin-bottom: 30px; } #sidebar .widget .h1 { font-size: 16px; line-height:35px; margin: 0; padding-left: 15px; color: #fff; } #sidebar .widget .h1 a { color: inherit; } #sidebar .widget .h1 { background: rgb(150,154,159); background: -moz-linear-gradient(top, rgba(150,154,159,1) 0%, rgba(135,138,143,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,154,159,1)), color-stop(100%,rgba(135,138,143,1))); background: -webkit-linear-gradient(top, rgba(150,154,159,1) 0%,rgba(135,138,143,1) 100%); background: -o-linear-gradient(top, rgba(150,154,159,1) 0%,rgba(135,138,143,1) 100%); background: -ms-linear-gradient(top, rgba(150,154,159,1) 0%,rgba(135,138,143,1) 100%); background: linear-gradient(to bottom, rgba(150,154,159,1) 0%,rgba(135,138,143,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a7077', endColorstr='#50575e',GradientType=0 ); } #sidebar .widget_kategorien ul, #sidebar .widget_categories ul { list-style: none; padding:0; } #sidebar .widget_kategorien ul li a, #sidebar .widget_categories ul li a { border-bottom: 1px solid #ddd; display: block; line-height: 35px; font-size: 14px; color: #333; padding-left: 15px; margin: 0 1px; } #sidebar .widget_kategorien ul li a:hover, #sidebar .widget_kategorien ul li a:focus, #sidebar .widget_categories ul li a:hover, #sidebar .widget_categories ul li a:focus { color: #da021a; background: #fff; text-decoration: none; } #sidebar .widget_nav_menu ul, #sidebar .widget_nav_menu ul { list-style: none; padding:0; } #sidebar .widget_nav_menu ul li a, #sidebar .widget_nav_menu ul li a { color: #666; border-bottom: 1px solid #ddd; display: block; line-height: 35px; font-size: 14px; padding-left: 15px; margin: 0 1px; } #sidebar .widget_nav_menu ul li a:hover, #sidebar .widget_nav_menu ul li a:focus, #sidebar .widget_nav_menu ul li a:hover, #sidebar .widget_nav_menu ul li a:focus, #sidebar .widget_nav_menu ul li.current-menu-item a, #sidebar .widget_nav_menu ul li.current-page-ancestor a { color: #da021a; background: #fff; text-decoration: none; } #sidebar .widget_nav_menu ul ul li a{padding-left:35px;} #sidebar .widget_nav_menu ul .menu-collapse ul{display:none;} #sidebar .widget_nav_menu ul li.menu-item-has-children > a:after{font-family:'FontAwesome';content:"\f067"; float:right;color:#444;margin-right: 10px;} #sidebar .widget_nav_menu .menu > li > a { font-weight: 600; } #sidebar .widget_subpages ul, #sidebar .widget_subpages ul { list-style: none; padding:0; } #sidebar .widget_subpages ul li a, #sidebar .widget_nav_menu ul li a { color: #666; border-bottom: 1px solid #ddd; display: block; line-height: 35px; font-size: 14px; padding-left: 15px; margin: 0 1px; } #sidebar .widget_subpages ul li a:hover, #sidebar .widget_subpages ul li a:focus, #sidebar .widget_subpages ul li a:hover, #sidebar .widget_subpages ul li a:focus, #sidebar .widget_subpages ul li.widget_subpages_current_page a, #sidebar .widget_subpages ul li.current-page-ancestor a { color: #da021a; background: #fff; text-decoration: none; } #sidebar .widget_subpages ul ul li a{padding-left:35px;} #sidebar .widget_subpages ul .menu-collapse ul{display:none;} #sidebar .widget_subpages ul li.menu-item-has-children > a:after{font-family:'FontAwesome';content:"\f067"; float:right;color:#444;margin-right: 10px;} #sidebar .widget_subpages .menu > li > a { font-weight: 600; } #sidebar .textwidget { padding: 10px; } #sidebar .widget_recent_entries ul, #sidebar .widget_recent_comments ul { list-style: none; padding: 10px; color: #999; margin: 0; font-size:14px } #sidebar .widget_recent_entries ul li, #sidebar .widget_recent_comments ul li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; } #sidebar .widget_recent_entries ul li:last-of-type, #sidebar .widget_recent_comments ul li:last-of-type { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } #sidebar .widget_recent_entries ul li a, #sidebar .widget_recent_comments ul li a { color: #323232; display: inline-block; } #sidebar .widget_recent_entries ul li a:hover, #sidebar .widget_recent_comments ul li a:hover, #sidebar .widget_recent_entries ul li a:focus, #sidebar .widget_recent_comments ul li a:focus { color: #c40117; } #sidebar .widget .tagcloud { padding: 10px; } #sidebar .widget_kuenstler_az ul { margin: 10px; } #sidebar .widget_kuenstler_az li { width: 25%; text-align: center; color: #999; line-height: 30px; } #sidebar .widget_kuenstler_az li:last-of-type { margin-bottom: 20px; } #sidebar .widget_kuenstler_az span, .widget_kuenstler_az a { display: block; } #sidebar .widget_kuenstler_az .active a, #sidebar .widget_kuenstler_az a:hover, #sidebar .widget_kuenstler_az a:focus { background: #da021a; color: #fff; text-decoration: none; } #sidebar .widget#text-2, #sidebar .widget#text-2 .textwidget { padding: 0; box-shadow: none; background: none; } /* * FILTER */ .filterform .slide span { color: #9fa2a5; font-size: 0.875rem; display:inline-block; text-align: right; } .filterform .slide span:first-of-type { width: 15%;text-align: left; } .filterform .slide span:last-of-type { width: 20%; } .filterform .slider { display: inline-block; vertical-align: middle; position: relative; } .filterform .slider.slider-horizontal { width: 60% !important; height: 20px; } .filterform .slider.slider-horizontal .slider-track { position: absolute; cursor: pointer; height: 10px; width: 100%; margin-top: -5px; top: 50%; left: 0; } .filterform .slider.slider-horizontal .slider-selection { position: absolute; height: 100%; top: 0; bottom: 0; } .filterform .slider.slider-horizontal .slider-handle { opacity: 1; position: absolute; margin-left: -10px; margin-top: -5px; } .filterform .slider input { display: none; } .filterform .slider .tooltip-inner { white-space: nowrap; } .filterform .slider-track { background: #ddd; box-shadow:0 1px 1px rgba(0,0,0,0.125) inset; border-radius: 5px; } .filterform .slider-selection { box-shadow:0 1px 1px rgba(0,0,0,0.125) inset; border-radius: 5px; } .filterform .slider-handle { background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.25); width: 20px; height: 20px; border: 0px solid transparent; } .filterform .slider-handle:active { box-shadow: 0 1px 2px rgba(0,0,0,0.5); } .filterform .slider-handle.round { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .filterform { padding: 10px; background-color: #fcfcfc; border: 1px solid #eee; margin-bottom: 30px; } .filterform .form-group:last-of-type { margin-bottom: 0; } .filterform .slider.slider-horizontal .slider-selection { background-color: #DA021A; } /* * FOOTER */ body:not(.home) .brand-box{margin-top:40px;} #footer { margin-top: 15px; background: #da021a; font-size: 14px; color: #ce898d; } #footer .footer-top .h1 { color: #fff; font-size: 18px; } #footer .footer-top ul { color:#b04248; list-style: none; padding: 0;} #footer .footer-top ul li { line-height: 18px; font-size:13px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,0.1); } #footer .footer-top ul li:last-of-type { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } #footer .footer-top ul li a { color: #e2e2e2; } #footer .footer-top ul li a:hover, #footer .footer-top ul li a:focus { color: #fff; } #footer .footer-bottom { background: #23282e; color: #999; margin-top:15px; padding: 15px 0; font-size: 12px; line-height: 20px; } #footer .footer-bottom p, #footer .footer-bottom ul { margin: 0; } #footer .footer-bottom ul li a { color: #999; } #footer .footer-bottom ul li a:hover, #footer .footer-top ul li a:focus { color: #fff; } #footer .textwidget a, #footer .textwidget{color:#e2e2e2;} #footer .textwidget a{text-decoration:underline;} /* * RESPONSIVE FIXES */ @media (max-width:767px) { .widget_kategorien ul { max-height: 200px; overflow: scroll } #footer .footer-bottom { text-align: center;} #footer .footer-bottom ul { float: none !important; } aside.widget { margin: 20px 0 0 0; } } @media (min-width:768px) AND (max-width:1199px) { #header form .search-format, header form .btn{margin-top:15px!important} #header form .btn{float:right;} } @media (min-width:992px) AND (max-width:1199px) { #header .form-search .form-control{max-width:none;min-width:233px;} #header form .search-format select{margin-left:11px;} } body.ie #itemGallery .carousel-indicators-clone li { max-width: 140px; } @media (min-width:768px) AND (max-width: 991px) { #menu-item-3356 .dropdown-menu { width: 440px; } #menu-item-3356 .dropdown-menu li { width: 160px; float: left; font-size: 12px; } } @media (min-width:992px) AND (max-width:1199px) { #menu-item-3356 .dropdown-menu { width: 600px; } #menu-item-3356 .dropdown-menu li { width: 200px; float: left; font-size: 12px; } } @media (min-width: 1200px) { #menu-item-3356 .dropdown-menu { width: 820px; } #menu-item-3356 .dropdown-menu li { width: 200px; float: left; } } @media(min-width: 992px) { .navbar-nav > li#menu-item-3065 > .dropdown-menu{width:400px;} .navbar-nav > li#menu-item-3065 > .dropdown-menu > li{width:200px;float:left;} }