html{ height:auto !important} body { /* Margin bottom by footer height margin-top: 50px; margin-bottom: 50px; background: none; background: url(http://placehold.it/1920x1080) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/ background:url(../../fotos/whitepaper.png) !important; color:#999; letter-spacing: 1px;height:auto !important } .warn { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; background: #333; z-index: 999999999990000000; } .warntext { display: flex; justify-content: center; align-items: center; height: 100vh; } .warntext-in { margin: 10px; padding: 10px; max-width: 700px; height: auto; color: #ccc; border-radius: 3px; } .ribbon-wrapper-green { width: 85px; height: 88px; overflow: hidden; position: absolute; top: -3px; right: -3px; } .ribbon-green { font-size: 10px; color: #fff; text-transform: uppercase; text-align: center; font-weight: bold; line-height: 20px; transform: rotate(45deg); width: 100px; display: block; background: #79A70A; background: linear-gradient(#9BC90D 0%, #79A70A 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 19px; right: -21px; } .ribbon-green:before, .ribbon-green:after { content: ''; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #79A70A; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #79A70A; } @media (min-width: 1345px) { .ribbon-wrapper-green{ display: none; } } @media (max-width: 767px) { .ribbon-wrapper-green{ margin-top: -118px; } } @media (max-width: 340px) { .ribbon-wrapper-green{ margin-top: -141px; } } h5 { background-color: #666; background: url(h5-back.jpg); border: 2px solid white; padding: 5px 10px; color: white !important; border-radius: 8px; margin-bottom: 20px !important; text-align: center; font-size: 22px !important; font-family: "Arial", Sans-Serif; font-stretch: condensed; text-decoration: none; text-transform: uppercase; box-shadow: 0 0 7px black; } .arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; } active img { width:auto; } .input-group{ font-size:16px} @media (max-width: 479px) { .input-group{ font-size:12px} } datei img{ max-width:10%;} .datei-2 img{ max-width:50%} /* XS Portrait */ @media (max-width: 479px) { .datei-2 img{ max-width:100%;} .datei-2 .col-sm-6{ width:100%; float: none; } } video::-webkit-media-controls-fullscreen-button { display: none; } video { border-radius: 6px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } .bild-graf-1 { margin-top:25px;} .bild-graf { border-radius:30px; margin-top:25px; border:#999 solid 1px;} /*--people-starts--*/ .people { padding: 0; position: relative; } .people-one p{ text-align:left !important; width:97% !important; } .heading2 h3 { color: #fff; font-size: 2.8em; margin: 0; font-family: 'MontserratAlternates-Regular'; background: #000000; padding: 8px 20px; text-align: left; position: absolute; width: 57%; right: 0; top: 13%; } .people-top{ text-align:center; } .people-bottom { margin-top: 0%; } .p-btm { margin: 0 auto; width: 50%; } .people-bottom img{ display:inline-block; vertical-align:middle; border-radius: 100px; background-color:#cacaca; max-width:150px !important; border:#999 solid 10px; } .p1{ display:inline-block; vertical-align:middle; margin-left:6%; text-align: left; } .p1 h4{ font-size:1.7em; font-weight:bold; color:#C32641; margin:0; font-family: 'MontserratAlternates-Regular'; } .p1 h6{ font-size:1.5em; color:#000000; margin:15px 0 0 0; font-family: 'MontserratAlternates-Regular'; } .people-bottom p { font-size: 1.05em; line-height: 1.8em; text-align: center; color: #999; margin: 2.5% auto 0; width: 73%; } /*--people-end--*/ bradkrumb > .container { font-size:12px; color:#000 !important; margin-top:-30px; margin-bottom:30px; } /* Breadcrumbs from http://bootsnipp.com/snippets/featured/triangle-breadcrumbs-arrows */ .btn-breadcrumb .btn:not(:last-child):after { content: " "; display: block; width: 0; height: 0; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-left: 10px solid white; position: absolute; top: 50%; margin-top: -17px; left: 100%; z-index: 3; } .btn-breadcrumb .btn:not(:last-child):before { content: " "; display: block; width: 0; height: 0; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-left: 10px solid rgb(173, 173, 173); position: absolute; top: 50%; margin-top: -17px; margin-left: 1px; left: 100%; z-index: 3; } .btn-breadcrumb .btn { padding:6px 12px 6px 24px; color:#000 !important; ; } .btn-breadcrumb .btn:first-child { padding:6px 6px 6px 10px; color:#000 !important; } .btn-breadcrumb .btn:last-child { padding:6px 18px 6px 24px; background-color:#333; color:#FFF!important;; } /** Default button **/ .btn-breadcrumb .btn.btn-default:not(:last-child):after { border-left: 10px solid #fff; } .btn-breadcrumb .btn.btn-default:not(:last-child):before { border-left: 10px solid #ccc; } .btn-breadcrumb .btn.btn-default:hover:not(:last-child):after { border-left: 10px solid #ebebeb; } .btn-breadcrumb .btn.btn-default:hover:not(:last-child):before { border-left: 10px solid #adadad; } /* The responsive part */ .btn-breadcrumb > * > div { /* With less: .text-overflow(); */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .btn-breadcrumb > *:nth-child(n+2) { display:none; } /* === For phones =================================== */ @media (max-width: 767px) { .btn-breadcrumb > *:nth-last-child(-n+2) { display:block; } .btn-breadcrumb > * div { max-width: 60px; } .section-bread{ display:none;} } /* === For tablets ================================== */ @media (min-width: 768px) and (max-width:991px) { .btn-breadcrumb > *:nth-last-child(-n+4) { display:block; } .btn-breadcrumb > * div { max-width: 100px; } } /* === For desktops ================================== */ @media (min-width: 992px) { .btn-breadcrumb > *:nth-last-child(-n+6) { display:block; } .btn-breadcrumb > * div { max-width: 170px; } } .btn-sample-2 { color: #ffffff !important; background-color: #7D7D7D; border-color: #474747; box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 2px 0 0 #ccc, 0 2px 2px 1px rgba(0,0,0,.2); } .btn-sample-2:hover, .btn-sample-2:focus, .btn-sample-2:active, .btn-sample-2.active, .open .dropdown-toggle.btn-sample-2 { color: #ffffff !important; background-color: #131214; border-color: #474747; } .btn-sample-2:active, .btn-sample-2.active, .open .dropdown-toggle.btn-sample-2 { background-image: none; color: #fff !important; } .btn-sample-2.disabled, .btn-sample-2[disabled], fieldset[disabled] .btn-sample-2, .btn-sample-2.disabled:hover, .btn-sample-2[disabled]:hover, fieldset[disabled] .btn-sample-2:hover, .btn-sample-2.disabled:focus, .btn-sample-2[disabled]:focus, fieldset[disabled] .btn-sample-2:focus, .btn-sample-2.disabled:active, .btn-sample-2[disabled]:active, fieldset[disabled] .btn-sample-2:active, .btn-sample-2.disabled.active, .btn-sample-2[disabled].active, fieldset[disabled] .btn-sample-2.active { background-color: #7D7D7D; border-color: #474747; color: #fff !important; } .btn-sample-2 .badge { color: #fff !important; background-color: #ffffff; } .btn-sample { color: #ffffff !important; background-color: #7D7D7D; border-color: #474747; box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 8px 0 0 #ccc, 0 8px 8px 1px rgba(0,0,0,.2); } .btn-sample:hover, .btn-sample:focus, .btn-sample:active, .btn-sample.active, .open .dropdown-toggle.btn-sample { color: #ffffff !important; background-color: #131214; border-color: #474747; } .btn-sample:active, .btn-sample.active, .open .dropdown-toggle.btn-sample { background-image: none; color: #fff !important; } .btn-sample.disabled, .btn-sample[disabled], fieldset[disabled] .btn-sample, .btn-sample.disabled:hover, .btn-sample[disabled]:hover, fieldset[disabled] .btn-sample:hover, .btn-sample.disabled:focus, .btn-sample[disabled]:focus, fieldset[disabled] .btn-sample:focus, .btn-sample.disabled:active, .btn-sample[disabled]:active, fieldset[disabled] .btn-sample:active, .btn-sample.disabled.active, .btn-sample[disabled].active, fieldset[disabled] .btn-sample.active { background-color: #7D7D7D; border-color: #474747; color: #fff !important; } .btn-sample .badge { color: #fff !important; background-color: #ffffff; } .parallax-window { min-height: 200px; background: transparent; } /* fade on slider */ .carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity 3s; } .carousel-fade .carousel-inner .active { opacity: 1 !important; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 0; } .carousel-fade { z-index: 1; } .carousel-control { display:none; } .navi_footer{text-decoration: none; color: #999 !important; text-align:left !important; line-height:14px;} .navi_footer ,a:link{text-decoration: none; color: #999 !important;} .navi_footer ,a:visited{text-decoration: none; color: #999 !important;} .navi_footer ,a:active {color: #fff !important;} .navi_footer ,a:hover{text-decoration: none !important; color: #fff !important;} /*crawlist.net CSS starts*/ #ks-blackbar{ width:300px; } form{ width:100%; height:30px; padding:10px; margin-bottom:10px; position: relative; border-radius: 5px; box-shadow: inset 0 25px 0 0 rgba(255,255,255,0.15); } input[type="text"]{ width:100%; height:26px; background: #1b1b1b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiMWIxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjI2MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #1b1b1b 0%, #262626 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b1b1b), color-stop(100%,#262626)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1b1b1b 0%,#262626 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1b1b1b 0%,#262626 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1b1b1b 0%,#262626 100%); /* IE10+ */ background: linear-gradient(top, #1b1b1b 0%,#262626 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1b1b', endColorstr='#262626',GradientType=0 ); /* IE6-8 */ border:1px solid #000; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; box-shadow:0 1px 0 rgba(255,255,255,0.2), inset 0 2px 0 rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.2), inset 0 2px 0 rgba(0,0,0,0.5); -moz-box-shadow:0 1px 0 rgba(255,255,255,0.2), inset 0 2px 0 rgba(0,0,0,0.5); -o-box-shadow:0 1px 0 rgba(255,255,255,0.2), inset 0 2px 0 rgba(0,0,0,0.5); font-size:11px; color:#909090; } input[type="text"]:focus{ outline:none; } input[type="submit"]{ width:65px; height:28px; cursor: pointer; background: #353535; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMzNTM1MzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiMxYjFiMWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #353535 50%, #1b1b1b 51%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#353535), color-stop(51%,#1b1b1b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #353535 50%,#1b1b1b 51%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #353535 50%,#1b1b1b 51%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #353535 50%,#1b1b1b 51%); /* IE10+ */ background: linear-gradient(top, #353535 50%,#1b1b1b 51%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-8 */ box-shadow:inset 0 1px 0 rgba(255,255,255,0.16); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.16); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.16); -o-box-shadow:inset 0 1px 0 rgba(255,255,255,0.16); border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border:1px solid #000; color:#fff; position:absolute; right:11px; top:11px; } input[type="submit"]:active{ background: #1b1b1b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiMWIxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTM1MzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #1b1b1b 0%, #353535 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b1b1b), color-stop(100%,#353535)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1b1b1b 0%,#353535 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1b1b1b 0%,#353535 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1b1b1b 0%,#353535 100%); /* IE10+ */ background: linear-gradient(top, #1b1b1b 0%,#353535 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1b1b', endColorstr='#353535',GradientType=0 ); /* IE6-8 */}/*crawlist.net CSS ends*/ /** FLIP BOXES **************** */ /** 18. Buttons *************************************************** **/ .btn, .btn-group { /*margin: 5px 5px 5px 0;*/ } .btn.pull-right, .btn-group.pull-right { margin: 5px 0 5px 5px; } .btn-group .btn { margin-right:0; margin-left:0; } #header .btn, #footer .btn, .dropdown .btn, .input-group .btn { margin:0; } } /* translucid */ .btn-translucid { color:#fff; border:rgba(0,0,0,0.07) 1px solid; background-color:rgba(0,0,0,0.2); -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } .btn-translucid:hover { color:#fff; background-color:rgba(0,0,0,0.2); } /* 3D Buttons */ .btn-3d { border-bottom: 3px solid rgba(0,0,0,.15); } .btn-3d:hover { opacity: 0.9; filter: alpha(opacity=90); } .btn-3d.btn-link { border-bottom:0; } /* Extra Large Buttons */ .btn-xlg { padding: 24px 34px; } /* Button reveal */ .btn.btn-reveal { padding-left:28px; padding-right:28px; overflow: hidden; position:relative; } .btn.btn-reveal i { display: block; position: absolute; left: -32px; width: 32px; top: 0; bottom:0; margin: 0; padding:0; font-size:17px; line-height:34px; text-align: center; background-color: rgba(0,0,0,0.1); } .btn.btn-reveal span { display: inline-block; position: relative; left: 0; } body:not(.device-touch) .btn.btn-reveal i, body:not(.device-touch) .btn.btn-reveal span { -webkit-transition: left 0.3s ease, right 0.3s ease; -o-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } /* extra small */ .btn.btn-reveal.btn-xs { padding: 0 17px; } .btn.btn-reveal.btn-xs i { left: -22px; width: 22px; height: 28px; line-height: 20px; font-size:12px; } /* small */ .btn.btn-reveal.btn-sm { padding-left: 22px; padding-right: 22px; } .btn.btn-reveal.btn-sm i { left: -26px; width: 26px; height: 34px; line-height: 28px; font-size:14px; } /* large */ .btn.btn-reveal.btn-lg { padding-left:32px; padding-right:32px; } .btn.btn-reveal.btn-lg i { left: -38px; width: 38px; height: 46px; line-height: 46px; } /* extra large */ .btn.btn-reveal.btn-xlg { padding-left:40px; padding-right:40px; } .btn.btn-reveal.btn-xlg i { left: -44px; width: 44px; height: 72px; line-height: 72px; font-size:20px; } .btn.btn-reveal:hover i { left: 0; } .btn.btn-reveal:hover span { left: 16px; } /* Button Bordered */ .btn.btn-bordered { border-color:#333; border-width:2px; } .btn.btn-bordered:hover { color:#fff; background-color:#333; } /* button colors */ .btn-red { background-color: #C02942; color: #FFF !important; } .btn-teal { background-color: #53777A; color: #FFF !important; } .btn-yellow { background-color: #ECD078; color: #333 !important; } .btn-green { background-color: #59BA41; color: #FFF !important; } .btn-brown { background-color: #774F38; color: #FFF !important; } .btn-aqua { background-color: #40C0CB; color: #FFF !important; } .btn-lime { background-color: #AEE239; color: #FFF !important; } .btn-purple { background-color: #5D4157; color: #FFF !important; } .btn-leaf { background-color: #A8CABA; color: #333 !important; } .btn-pink { background-color: #F89FA1; color: #FFF !important; } .btn-dirtygreen { background-color: #1693A5; color: #FFF !important; } .btn-blue { background-color: #1265A8; color: #FFF !important; } .btn-amber { background-color: #EB9C4D; color: #FFF !important; } .btn-black { background-color: #111; color: #FFF !important; } .btn-white { background-color: #F9F9F9; color: #333 !important; } .fullwidth.btn-red:hover, .fullwidth.btn-teal:hover, .fullwidth.btn-yellow:hover, .fullwidth.btn-green:hover, .fullwidth.btn-brown:hover, .fullwidth.btn-aqua:hover, .fullwidth.btn-lime:hover, .fullwidth.btn-purple:hover, .fullwidth.btn-leaf:hover, .fullwidth.btn-pink:hover, .fullwidth.btn-dirtygreen:hover, .fullwidth.btn-blue:hover, .fullwidth.btn-amber:hover, .fullwidth.btn-black:hover, .fullwidth.btn-white:hover { color:#fff !important; background-color:#434343; } section.dark .btn-default { color:#fff; background-color:transparent; border-color:rgba(255,255,255,0.5); } .btn-clean { color:#555; } /* BOOTSTRAP REWRITE */ .btn, .form-control { height:40px; } .btn-sm, .btn-xs, .btn-lg, .btn-xlg { height:auto; } a.btn { line-height:26px; } a.btn.btn-xs { line-height:inherit; } .btn-3d { line-height:25px; margin-bottom:3px; } .btn-3d.btn-xlg { line-height:inherit; } /* bootstrap modal */ .modal-backdrop { background-color:#fff; } .modal-content { border:0; border-top:#333 4px solid; } .modal-dialog { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .modal-header .close { margin-top:2px; } /* * Social Buttons for Bootstrap * https://github.com/lipis/bootstrap-social Sign in with Twitter */ .btn-social{position:relative;padding-left:54px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:26px; margin:0;} .btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:42px;line-height:40px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)} .btn-social>i{padding-right:0;height:40px;} .btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em} .btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em} .btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em} .btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)} .btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em} .btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em} .btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em} .btn-social-icon>:first-child{border:none;text-align:center;width:100% !important} .btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0} .btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0} .btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0} .btn-adn{color:#fff;background-color:#d87a68;border-color:rgba(0,0,0,0.2)}.btn-adn:hover,.btn-adn:focus,.btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)} .btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{background-image:none} .btn-adn.disabled,.btn-adn[disabled],fieldset[disabled] .btn-adn,.btn-adn.disabled:hover,.btn-adn[disabled]:hover,fieldset[disabled] .btn-adn:hover,.btn-adn.disabled:focus,.btn-adn[disabled]:focus,fieldset[disabled] .btn-adn:focus,.btn-adn.disabled:active,.btn-adn[disabled]:active,fieldset[disabled] .btn-adn:active,.btn-adn.disabled.active,.btn-adn[disabled].active,fieldset[disabled] .btn-adn.active{background-color:#d87a68;border-color:rgba(0,0,0,0.2)} .btn-adn .badge{color:#d87a68;background-color:#fff} .btn-bitbucket{color:#fff;background-color:#205081;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:hover,.btn-bitbucket:focus,.btn-bitbucket:active,.btn-bitbucket.active,.open>.dropdown-toggle.btn-bitbucket{color:#fff;background-color:#163758;border-color:rgba(0,0,0,0.2)} .btn-bitbucket:active,.btn-bitbucket.active,.open>.dropdown-toggle.btn-bitbucket{background-image:none} .btn-bitbucket.disabled,.btn-bitbucket[disabled],fieldset[disabled] .btn-bitbucket,.btn-bitbucket.disabled:hover,.btn-bitbucket[disabled]:hover,fieldset[disabled] .btn-bitbucket:hover,.btn-bitbucket.disabled:focus,.btn-bitbucket[disabled]:focus,fieldset[disabled] .btn-bitbucket:focus,.btn-bitbucket.disabled:active,.btn-bitbucket[disabled]:active,fieldset[disabled] .btn-bitbucket:active,.btn-bitbucket.disabled.active,.btn-bitbucket[disabled].active,fieldset[disabled] .btn-bitbucket.active{background-color:#205081;border-color:rgba(0,0,0,0.2)} .btn-bitbucket .badge{color:#205081;background-color:#fff} .btn-dropbox{color:#fff;background-color:#1087dd;border-color:rgba(0,0,0,0.2)}.btn-dropbox:hover,.btn-dropbox:focus,.btn-dropbox:active,.btn-dropbox.active,.open>.dropdown-toggle.btn-dropbox{color:#fff;background-color:#0d6aad;border-color:rgba(0,0,0,0.2)} .btn-dropbox:active,.btn-dropbox.active,.open>.dropdown-toggle.btn-dropbox{background-image:none} .btn-dropbox.disabled,.btn-dropbox[disabled],fieldset[disabled] .btn-dropbox,.btn-dropbox.disabled:hover,.btn-dropbox[disabled]:hover,fieldset[disabled] .btn-dropbox:hover,.btn-dropbox.disabled:focus,.btn-dropbox[disabled]:focus,fieldset[disabled] .btn-dropbox:focus,.btn-dropbox.disabled:active,.btn-dropbox[disabled]:active,fieldset[disabled] .btn-dropbox:active,.btn-dropbox.disabled.active,.btn-dropbox[disabled].active,fieldset[disabled] .btn-dropbox.active{background-color:#1087dd;border-color:rgba(0,0,0,0.2)} .btn-dropbox .badge{color:#1087dd;background-color:#fff} .btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)} .btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none} .btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)} .btn-facebook .badge{color:#3b5998;background-color:#fff} .btn-flickr{color:#fff;background-color:#ff0084;border-color:rgba(0,0,0,0.2)}.btn-flickr:hover,.btn-flickr:focus,.btn-flickr:active,.btn-flickr.active,.open>.dropdown-toggle.btn-flickr{color:#fff;background-color:#cc006a;border-color:rgba(0,0,0,0.2)} .btn-flickr:active,.btn-flickr.active,.open>.dropdown-toggle.btn-flickr{background-image:none} .btn-flickr.disabled,.btn-flickr[disabled],fieldset[disabled] .btn-flickr,.btn-flickr.disabled:hover,.btn-flickr[disabled]:hover,fieldset[disabled] .btn-flickr:hover,.btn-flickr.disabled:focus,.btn-flickr[disabled]:focus,fieldset[disabled] .btn-flickr:focus,.btn-flickr.disabled:active,.btn-flickr[disabled]:active,fieldset[disabled] .btn-flickr:active,.btn-flickr.disabled.active,.btn-flickr[disabled].active,fieldset[disabled] .btn-flickr.active{background-color:#ff0084;border-color:rgba(0,0,0,0.2)} .btn-flickr .badge{color:#ff0084;background-color:#fff} .btn-foursquare{color:#fff;background-color:#f94877;border-color:rgba(0,0,0,0.2)}.btn-foursquare:hover,.btn-foursquare:focus,.btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,0.2)} .btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{background-image:none} .btn-foursquare.disabled,.btn-foursquare[disabled],fieldset[disabled] .btn-foursquare,.btn-foursquare.disabled:hover,.btn-foursquare[disabled]:hover,fieldset[disabled] .btn-foursquare:hover,.btn-foursquare.disabled:focus,.btn-foursquare[disabled]:focus,fieldset[disabled] .btn-foursquare:focus,.btn-foursquare.disabled:active,.btn-foursquare[disabled]:active,fieldset[disabled] .btn-foursquare:active,.btn-foursquare.disabled.active,.btn-foursquare[disabled].active,fieldset[disabled] .btn-foursquare.active{background-color:#f94877;border-color:rgba(0,0,0,0.2)} .btn-foursquare .badge{color:#f94877;background-color:#fff} .btn-github{color:#fff;background-color:#444;border-color:rgba(0,0,0,0.2)}.btn-github:hover,.btn-github:focus,.btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)} .btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{background-image:none} .btn-github.disabled,.btn-github[disabled],fieldset[disabled] .btn-github,.btn-github.disabled:hover,.btn-github[disabled]:hover,fieldset[disabled] .btn-github:hover,.btn-github.disabled:focus,.btn-github[disabled]:focus,fieldset[disabled] .btn-github:focus,.btn-github.disabled:active,.btn-github[disabled]:active,fieldset[disabled] .btn-github:active,.btn-github.disabled.active,.btn-github[disabled].active,fieldset[disabled] .btn-github.active{background-color:#444;border-color:rgba(0,0,0,0.2)} .btn-github .badge{color:#444;background-color:#fff} .btn-google{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google:hover,.btn-google:focus,.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)} .btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{background-image:none} .btn-google.disabled,.btn-google[disabled],fieldset[disabled] .btn-google,.btn-google.disabled:hover,.btn-google[disabled]:hover,fieldset[disabled] .btn-google:hover,.btn-google.disabled:focus,.btn-google[disabled]:focus,fieldset[disabled] .btn-google:focus,.btn-google.disabled:active,.btn-google[disabled]:active,fieldset[disabled] .btn-google:active,.btn-google.disabled.active,.btn-google[disabled].active,fieldset[disabled] .btn-google.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)} .btn-google .badge{color:#dd4b39;background-color:#fff} .btn-instagram{color:#fff;background-color:#3f729b;border-color:rgba(0,0,0,0.2)}.btn-instagram:hover,.btn-instagram:focus,.btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)} .btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{background-image:none} .btn-instagram.disabled,.btn-instagram[disabled],fieldset[disabled] .btn-instagram,.btn-instagram.disabled:hover,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram:hover,.btn-instagram.disabled:focus,.btn-instagram[disabled]:focus,fieldset[disabled] .btn-instagram:focus,.btn-instagram.disabled:active,.btn-instagram[disabled]:active,fieldset[disabled] .btn-instagram:active,.btn-instagram.disabled.active,.btn-instagram[disabled].active,fieldset[disabled] .btn-instagram.active{background-color:#3f729b;border-color:rgba(0,0,0,0.2)} .btn-instagram .badge{color:#3f729b;background-color:#fff} .btn-linkedin{color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}.btn-linkedin:hover,.btn-linkedin:focus,.btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)} .btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{background-image:none} .btn-linkedin.disabled,.btn-linkedin[disabled],fieldset[disabled] .btn-linkedin,.btn-linkedin.disabled:hover,.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-linkedin:hover,.btn-linkedin.disabled:focus,.btn-linkedin[disabled]:focus,fieldset[disabled] .btn-linkedin:focus,.btn-linkedin.disabled:active,.btn-linkedin[disabled]:active,fieldset[disabled] .btn-linkedin:active,.btn-linkedin.disabled.active,.btn-linkedin[disabled].active,fieldset[disabled] .btn-linkedin.active{background-color:#007bb6;border-color:rgba(0,0,0,0.2)} .btn-linkedin .badge{color:#007bb6;background-color:#fff} .btn-microsoft{color:#fff;background-color:#2672ec;border-color:rgba(0,0,0,0.2)}.btn-microsoft:hover,.btn-microsoft:focus,.btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)} .btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{background-image:none} .btn-microsoft.disabled,.btn-microsoft[disabled],fieldset[disabled] .btn-microsoft,.btn-microsoft.disabled:hover,.btn-microsoft[disabled]:hover,fieldset[disabled] .btn-microsoft:hover,.btn-microsoft.disabled:focus,.btn-microsoft[disabled]:focus,fieldset[disabled] .btn-microsoft:focus,.btn-microsoft.disabled:active,.btn-microsoft[disabled]:active,fieldset[disabled] .btn-microsoft:active,.btn-microsoft.disabled.active,.btn-microsoft[disabled].active,fieldset[disabled] .btn-microsoft.active{background-color:#2672ec;border-color:rgba(0,0,0,0.2)} .btn-microsoft .badge{color:#2672ec;background-color:#fff} .btn-openid{color:#fff;background-color:#f7931e;border-color:rgba(0,0,0,0.2)}.btn-openid:hover,.btn-openid:focus,.btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)} .btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{background-image:none} .btn-openid.disabled,.btn-openid[disabled],fieldset[disabled] .btn-openid,.btn-openid.disabled:hover,.btn-openid[disabled]:hover,fieldset[disabled] .btn-openid:hover,.btn-openid.disabled:focus,.btn-openid[disabled]:focus,fieldset[disabled] .btn-openid:focus,.btn-openid.disabled:active,.btn-openid[disabled]:active,fieldset[disabled] .btn-openid:active,.btn-openid.disabled.active,.btn-openid[disabled].active,fieldset[disabled] .btn-openid.active{background-color:#f7931e;border-color:rgba(0,0,0,0.2)} .btn-openid .badge{color:#f7931e;background-color:#fff} .btn-pinterest{color:#fff;background-color:#cb2027;border-color:rgba(0,0,0,0.2)}.btn-pinterest:hover,.btn-pinterest:focus,.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)} .btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{background-image:none} .btn-pinterest.disabled,.btn-pinterest[disabled],fieldset[disabled] .btn-pinterest,.btn-pinterest.disabled:hover,.btn-pinterest[disabled]:hover,fieldset[disabled] .btn-pinterest:hover,.btn-pinterest.disabled:focus,.btn-pinterest[disabled]:focus,fieldset[disabled] .btn-pinterest:focus,.btn-pinterest.disabled:active,.btn-pinterest[disabled]:active,fieldset[disabled] .btn-pinterest:active,.btn-pinterest.disabled.active,.btn-pinterest[disabled].active,fieldset[disabled] .btn-pinterest.active{background-color:#cb2027;border-color:rgba(0,0,0,0.2)} .btn-pinterest .badge{color:#cb2027;background-color:#fff} .btn-reddit{color:#000;background-color:#eff7ff;border-color:rgba(0,0,0,0.2)}.btn-reddit:hover,.btn-reddit:focus,.btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)} .btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{background-image:none} .btn-reddit.disabled,.btn-reddit[disabled],fieldset[disabled] .btn-reddit,.btn-reddit.disabled:hover,.btn-reddit[disabled]:hover,fieldset[disabled] .btn-reddit:hover,.btn-reddit.disabled:focus,.btn-reddit[disabled]:focus,fieldset[disabled] .btn-reddit:focus,.btn-reddit.disabled:active,.btn-reddit[disabled]:active,fieldset[disabled] .btn-reddit:active,.btn-reddit.disabled.active,.btn-reddit[disabled].active,fieldset[disabled] .btn-reddit.active{background-color:#eff7ff;border-color:rgba(0,0,0,0.2)} .btn-reddit .badge{color:#eff7ff;background-color:#000} .btn-soundcloud{color:#fff;background-color:#f50;border-color:rgba(0,0,0,0.2)}.btn-soundcloud:hover,.btn-soundcloud:focus,.btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{color:#fff;background-color:#c40;border-color:rgba(0,0,0,0.2)} .btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{background-image:none} .btn-soundcloud.disabled,.btn-soundcloud[disabled],fieldset[disabled] .btn-soundcloud,.btn-soundcloud.disabled:hover,.btn-soundcloud[disabled]:hover,fieldset[disabled] .btn-soundcloud:hover,.btn-soundcloud.disabled:focus,.btn-soundcloud[disabled]:focus,fieldset[disabled] .btn-soundcloud:focus,.btn-soundcloud.disabled:active,.btn-soundcloud[disabled]:active,fieldset[disabled] .btn-soundcloud:active,.btn-soundcloud.disabled.active,.btn-soundcloud[disabled].active,fieldset[disabled] .btn-soundcloud.active{background-color:#f50;border-color:rgba(0,0,0,0.2)} .btn-soundcloud .badge{color:#f50;background-color:#fff} .btn-tumblr{color:#fff;background-color:#2c4762;border-color:rgba(0,0,0,0.2)}.btn-tumblr:hover,.btn-tumblr:focus,.btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)} .btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{background-image:none} .btn-tumblr.disabled,.btn-tumblr[disabled],fieldset[disabled] .btn-tumblr,.btn-tumblr.disabled:hover,.btn-tumblr[disabled]:hover,fieldset[disabled] .btn-tumblr:hover,.btn-tumblr.disabled:focus,.btn-tumblr[disabled]:focus,fieldset[disabled] .btn-tumblr:focus,.btn-tumblr.disabled:active,.btn-tumblr[disabled]:active,fieldset[disabled] .btn-tumblr:active,.btn-tumblr.disabled.active,.btn-tumblr[disabled].active,fieldset[disabled] .btn-tumblr.active{background-color:#2c4762;border-color:rgba(0,0,0,0.2)} .btn-tumblr .badge{color:#2c4762;background-color:#fff} .btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)} .btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{background-image:none} .btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background-color:#55acee;border-color:rgba(0,0,0,0.2)} .btn-twitter .badge{color:#55acee;background-color:#fff} .btn-vimeo{color:#fff;background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}.btn-vimeo:hover,.btn-vimeo:focus,.btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)} .btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{background-image:none} .btn-vimeo.disabled,.btn-vimeo[disabled],fieldset[disabled] .btn-vimeo,.btn-vimeo.disabled:hover,.btn-vimeo[disabled]:hover,fieldset[disabled] .btn-vimeo:hover,.btn-vimeo.disabled:focus,.btn-vimeo[disabled]:focus,fieldset[disabled] .btn-vimeo:focus,.btn-vimeo.disabled:active,.btn-vimeo[disabled]:active,fieldset[disabled] .btn-vimeo:active,.btn-vimeo.disabled.active,.btn-vimeo[disabled].active,fieldset[disabled] .btn-vimeo.active{background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)} .btn-vimeo .badge{color:#1ab7ea;background-color:#fff} .btn-vk{color:#fff;background-color:#587ea3;border-color:rgba(0,0,0,0.2)}.btn-vk:hover,.btn-vk:focus,.btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{color:#fff;background-color:#466482;border-color:rgba(0,0,0,0.2)} .btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{background-image:none} .btn-vk.disabled,.btn-vk[disabled],fieldset[disabled] .btn-vk,.btn-vk.disabled:hover,.btn-vk[disabled]:hover,fieldset[disabled] .btn-vk:hover,.btn-vk.disabled:focus,.btn-vk[disabled]:focus,fieldset[disabled] .btn-vk:focus,.btn-vk.disabled:active,.btn-vk[disabled]:active,fieldset[disabled] .btn-vk:active,.btn-vk.disabled.active,.btn-vk[disabled].active,fieldset[disabled] .btn-vk.active{background-color:#587ea3;border-color:rgba(0,0,0,0.2)} .btn-vk .badge{color:#587ea3;background-color:#fff} .btn-yahoo{color:#fff;background-color:#720e9e;border-color:rgba(0,0,0,0.2)}.btn-yahoo:hover,.btn-yahoo:focus,.btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)} .btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{background-image:none} .btn-yahoo.disabled,.btn-yahoo[disabled],fieldset[disabled] .btn-yahoo,.btn-yahoo.disabled:hover,.btn-yahoo[disabled]:hover,fieldset[disabled] .btn-yahoo:hover,.btn-yahoo.disabled:focus,.btn-yahoo[disabled]:focus,fieldset[disabled] .btn-yahoo:focus,.btn-yahoo.disabled:active,.btn-yahoo[disabled]:active,fieldset[disabled] .btn-yahoo:active,.btn-yahoo.disabled.active,.btn-yahoo[disabled].active,fieldset[disabled] .btn-yahoo.active{background-color:#720e9e;border-color:rgba(0,0,0,0.2)} .btn-yahoo .badge{color:#720e9e;background-color:#fff} /* featured buttons */ .btn-featured { width: 100%; display: inline-block; position: relative; height:70px; padding:0; border:0; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .btn-featured.btn-default { background-color: #666; } .btn-featured:hover, .btn-featured:focus, .btn-featured:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .btn-featured:hover:before, .btn-featured:focus:before, .btn-featured:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } .btn-featured:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: "transform, opacity"; transition-property: "transform, opacity"; } .btn-featured span { float: left; height: 70px; line-height: 70px; text-align: center; width: calc(100% - 70px); color: #fff; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; } .btn-featured i { background-color:rgba(0,0,0,0.1); float: left; width: 70px; height: 70px; line-height: 70px; text-align: center; color: #fff; font-size: 30px; margin:0; } .btn-featured.btn-inverse span { float:right } .btn-featured.btn-inverse i { float:right; } .box-flip { min-height:300px; width: 100%; } .box-flip .front, .box-flip .back { text-align: center; min-height:300px } .box-flip .front { min-height:300px; width: 100%; position: absolute; top: 0; z-index: 1; text-align: center; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .box-flip .back { min-height:300px; width: 100%; position: absolute; top: 0; z-index: 2; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .box-flip.flip .front { width: 100%; z-index: 1; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .box-flip.flip .back { width: 100%; z-index: 2; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .box-flip .box1 { min-height:300px; width: 100%; background-color:rgba(0,0,0,0.05); min-height: 50px; margin: 0 auto; padding: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } section.dark .box-flip .box1 { background-color:rgba(255,255,255,0.05); } .box-flip .box2 { min-height:300px; width: 100%; background-color: #333; min-height: 50px; margin: 0 auto; padding: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .box-flip hr { border-color:rgba(0,0,0,0.1); } .box-flip .box-icon-title>i { color:#111; background-color:rgba(0,0,0,0.07); } section.dark .box-flip .box-icon-title>i { color:#fff; } .box-flip.box-color h1, .box-flip.box-color h2, .box-flip.box-color h3, .box-flip.box-color h4, .box-flip.box-color h5, .box-flip.box-color h6, .box-flip.box-color p, .box-flip.box-color .box-icon-title>i { color:#fff; } .box-flip .btn-lg.btn-translucid { font-size:14px; } .box-flip .box-default, .box-flip .box-default p, .box-flip .box-default h1, .box-flip .box-default h2, .box-flip .box-default h3, .box-flip .box-default h4, .box-flip .box-default h5 { color:#000 !important; } /* box static */ .box-static { min-height:300px; padding:15px; background-color:rgba(0,0,0,0.05); border-top:transparent 3px solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .box-static.box-transparent { background-color:transparent; } .box-static.box-bordered { border:rgba(0,0,0,0.1) 1px solid; } .box-static.box-color, .box-static.box-dark { color:#fff; background-color:#333; } .box-static.box-color h1, .box-static.box-color h2, .box-static.box-color h3, .box-static.box-color h4, .box-static.box-color h5, .box-static.box-color h6, .box-static.box-dark h1, .box-static.box-dark h2, .box-static.box-dark h3, .box-static.box-dark h4, .box-static.box-dark h5, .box-static.box-dark h6 { color:#fff; } .box-static.box-border-top { border-top:rgba(0,0,0,0.5) 3px solid; } .box-static .box-title { margin-bottom:20px; border-bottom:rgba(0,0,0,0.1) 1px solid; } .box-static.box-color .box-title, .box-static.box-dark .box-title { border-bottom:rgba(255,255,255,0.1) 1px solid; } section.dark .box-static.box-bordered { border:rgba(255,255,255,0.1) 1px solid; } section.dark .box-static { color:#fff; padding:15px; background-color:#333; } section.dark .box-static input, section.dark .box-static label { color:#fff; } section.dark .box-static .box-title { border-bottom:rgba(255,255,255,0.1) 1px solid; } @media all and (max-width: 992px) { .box-flip { margin-bottom:30px; } } /** Box Colors */ .box-light { padding:15px; background-color:rgba(0,0,0,0.05); } .box-dark { color:#fff; padding:15px; background-color:#333; } .box-dark h1, .box-dark h2, .box-dark h3, .box-dark h4, .box-dark h5, .box-dark h6 { color:#fff; } .box-inner { padding:15px; display:block; } .box-inner h1, .box-inner h2, .box-inner h3, .box-inner h4, .box-inner h5, .box-inner h6 { font-size:14px; line-height:17px; padding-bottom:12px; border-bottom:rgba(0,0,0,0.1) 1px solid; margin-bottom:15px; } .box-light .box-inner { background-color:#fff; } .box-dark .box-inner { background-color:#111; } .box-footer { margin:1px 0; padding:8px 15px; } .box-light .box-footer { background-color:#fff; } .box-dark .box-footer { background-color:#111; } section.dark .box-light { background-color:rgba(255,255,255,0.05); } section.dark .box-dark { background-color:rgba(0,0,0,0.8); } section.dark .box-light .box-inner { background-color:#111; } section.dark .box-dark .box-inner { background-color:#111; } section.dark .box-light .box-footer { background-color:#111; } section.dark .box-dark .box-footer { background-color:#111; } section.dark .box-inner h1, section.dark .box-inner h2, section.dark .box-inner h3, section.dark .box-inner h4, section.dark .box-inner h5, section.dark .box-inner h6 { border-bottom-color:rgba(255,255,255,0.1); } section.dark .box-inner h1>a:hover, section.dark .box-inner h2>a:hover, section.dark .box-inner h3>a:hover, section.dark .box-inner h4>a:hover, section.dark .box-inner h5>a:hover, section.dark .box-inner h6>a:hover { text-decoration:underline !important; } /* successive colored boxes */ .box-gradient { color:#fff; margin:0; text-align:center; } .box-gradient>div { margin:0; padding:50px 8px 30px 8px; -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } .box-gradient>div>p { font-size:15px; margin:0; height:50px; overflow:hidden; } .box-gradient h1, .box-gradient h2, .box-gradient h3, .box-gradient h4, .box-gradient h5, .box-gradient h6 { color:#fff; margin-top:10px; margin-bottom:20px; font-size:50px; line-height:50px; font-weight:300; } /* pink */ .box-pink>div:nth-child(1) { background-color:#e2476b; } .box-pink>div:nth-child(2) { background-color:#e9738f; } .box-pink>div:nth-child(3) { background-color:#f09fb2; } .box-pink>div:nth-child(4) { background-color:#f7cbd5; } /* blue */ .box-blue>div:nth-child(1) { background-color:#004080; } .box-blue>div:nth-child(2) { background-color:#006fdd; } .box-blue>div:nth-child(3) { background-color:#2b95ff; } .box-blue>div:nth-child(4) { background-color:#6cb6ff; } /* orange */ .box-orange>div:nth-child(1) { background-color:#ea5726; } .box-orange>div:nth-child(2) { background-color:#ee754d; } .box-orange>div:nth-child(3) { background-color:#f19272; } .box-orange>div:nth-child(4) { background-color:#f5b39c; } /* yellow */ .box-yellow>div:nth-child(1) { background-color:#e3a42d; } .box-yellow>div:nth-child(2) { background-color:#eaba60; } .box-yellow>div:nth-child(3) { background-color:#eec882; } .box-yellow>div:nth-child(4) { background-color:#f2d7a4; } /* purple */ .box-purple>div:nth-child(1) { background-color:#864699; } .box-purple>div:nth-child(2) { background-color:#9a50af; } .box-purple>div:nth-child(3) { background-color:#a96cbb; } .box-purple>div:nth-child(4) { background-color:#bb89c9; } /* red */ .box-red>div:nth-child(1) { background-color:#b92c28; } .box-red>div:nth-child(2) { background-color:#d33834; } .box-red>div:nth-child(3) { background-color:#d9524f; } .box-red>div:nth-child(4) { background-color:#e17673; } /* brown */ .box-brown>div:nth-child(1) { background-color:#633232; } .box-brown>div:nth-child(2) { background-color:#7b3e3e; } .box-brown>div:nth-child(3) { background-color:#9d4f4f; } .box-brown>div:nth-child(4) { background-color:#b36868; } /* green */ .box-green>div:nth-child(1) { background-color:#0c5849; } .box-green>div:nth-child(2) { background-color:#117964; } .box-green>div:nth-child(3) { background-color:#16a387; } .box-green>div:nth-child(4) { background-color:#1ccaa7; } /* black */ .box-black>div:nth-child(1) { background-color:#000000; } .box-black>div:nth-child(2) { background-color:#1d1d1d; } .box-black>div:nth-child(3) { background-color:#2e2e2e; } .box-black>div:nth-child(4) { background-color:#454545; } /* gray */ .box-gray>div:nth-child(1) { background-color:#333333; } .box-gray>div:nth-child(2) { background-color:#4a4a4a; } .box-gray>div:nth-child(3) { background-color:#5f5f5f; } .box-gray>div:nth-child(4) { background-color:#797979; } /* teal */ .box-teal>div:nth-child(1) { background-color:#426062; } .box-teal>div:nth-child(2) { background-color:#4f7275; } .box-teal>div:nth-child(3) { background-color:#618c8f; } .box-teal>div:nth-child(4) { background-color:#8aadb0; } @media all and (max-width: 768px) { .box-gradient>div { margin:0 !important; } } @media all and (max-width: 482px) { .box-gradient h1, .box-gradient h2, .box-gradient h3, .box-gradient h4, .box-gradient h5, .box-gradient h6 { font-size:36px; line-height:36px; } } .section-bread{background:#fff; margin-top:px; margin-bottom:30px;padding-bottom:0px; box-shadow: #000 0 0 20px 0; } .section-header{background:#666; margin-top:-20px; margin-bottom:30px;padding-bottom:10px; box-shadow: #000 0 0 20px 0; } .section-title{ font-size:30px; font-weight:bold;padding-top:15px; color:#CCC; text-shadow: -2px 2px 2px #000;} .service-box{ margin-bottom:0px;} .media-heading { color:#06C; padding-left:5px} .single_service- { background-color:#666; color:#FFF; padding-top:1px;padding-bottom:5px; border: solid #333 2px; border-radius:10px; min-height:200px; margin-bottom: 8px; -webkit-box-shadow: 10px 14px 21px -12px rgba(0,0,0,0.75); -moz-box-shadow: 10px 14px 21px -12px rgba(0,0,0,0.75); box-shadow: 10px 14px 21px -12px rgba(0,0,0,0.75);} [data-link] { cursor: pointer; } .single_service { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #999; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; color:#FFF; padding-top:1px; padding-bottom:5px; border: solid #333 2px; border-radius:10px; min-height:200px; margin-bottom: 8px; } .single_service:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #666; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .single_service:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active { color: white; } .single_service:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before { -webkit-transform: scale(0); transform: scale(0); } a.single_service{ display: block; width:130px; height: 40px; } /* Wobble Vertical */ @-webkit-keyframes single_service { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes single_service { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .single_service:hover, .single_service:focus, .single_service:active { -webkit-animation-name: single_service; animation-name: single_service; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } content> .container h1{ font-size:26px; font-weight:bold; padding-left:15px;text-shadow: 4px 4px 0px rgba(255, 255, 255, 1); color:#000; text-align:center } content> .container h3{ font-size:24px; font-weight:700; border-bottom: #999 dotted 1px; padding-bottom:8px;text-shadow: 4px 4px 0px rgba(255, 255, 255, 1); color:#999; } content> .container p { font-size:12px; padding-left:5px; color:#000 !important } content> .container { padding-bottom:50px; background-color: #transparent; margin-top:-20px;} content> .container a { color:#000 !important } .images.one-image { width: 100%; } .images.one-image.header .imageEntry { margin: 0; } .images.one-image.header .imageEntry img { float:left; width: 100%; height: auto; display: inline-block; } .imgtxt-top-left, .imgtxt-bottom-left { position: relative; margin: 1em 0; clear: both; } .imgtxt-top-right, .imgtxt-bottom-right { position: relative; float: right; margin: 1em 0; clear: both; } .imgtxt-top-center, .imgtxt-bottom-center { position: relative; margin: 1em auto; clear: both; } .imgtxt-left { position: relative; float: left; margin: 0 1em 1em 0; } .imgtxt-right { position: relative; float: right; margin: 0 0 1em 1em; } .imgtxt-column-left { position: relative; clear: both; width: 100%; } .imgtxt-column-left .imgtxt-column-left-text { position: relative; float: left; margin: 0 1em 1em 0; width: 60%; } .imgtxt-column-left .imgtxt-column-left-image { position: relative; float: left; margin: 0 0 1em 1em; width: 35%; } .imgtxt-column-right { position: relative; clear: both; width: 100%; } .imgtxt-column-right .imgtxt-column-right-text { position: relative; float: right; margin: 0 0 1em 1em; width: 60%; } .imgtxt-column-right .imgtxt-column-right-image { position: relative; float: left; margin: 0 1em 1em 0; width: 35%; } /* Formatierung von "Text mit Bild" für Bootstrap */ [class*="col-"].bs_imagetext.frei { min-height: 0px; background:transparent; } .bs_imagetext img { max-width:100%; height: auto; display: inline-block; } .bs_imagetext p.image-caption { max-width:100%; display: inline-block; } /* ========== */ .bs_imgtxt-top-left, .bs_imgtxt-bottom-left { position: relative; margin: .5em 0; clear: both; } .bs_imgtxt-top-center, .bs_imgtxt-bottom-center { position: relative; margin: .5em auto; clear: both; } .bs_imgtxt-top-right, .bs_imgtxt-bottom-right { position: relative; /*float: right;*/ text-align:right; margin: .5em 0; clear: both; } .bs_imgtxt-top-right p.image-caption, .bs_imgtxt-bottom-right p.image-caption { text-align:left; } /* ========== */ .bs_imgtxt-left { position: relative; float: left; margin: 0 3% .5em 0; width:48.5%; } .bs_imgtxt-right { position: relative; float: right; margin: 0 0 .5em 3%; width:48.5%; } .bs_imgtxt-left p.image-caption, .bs_imgtxt-right p.image-caption { margin-bottom: 0; } /* ========== */ .bs_imgtxt-column-left { position: relative; clear: both; width: 100%; } .bs_imgtxt-column-left .bs_imgtxt-column-left-image { position: relative; float: left; margin: 0 3% .5em 0; width: 48.5%; } .bs_imgtxt-column-left .bs_imgtxt-column-left-text { position: relative; float: right; margin: 0 0 .5em 0; width: 48.5%; } .bs_imgtxt-column-right { position: relative; clear: both; width: 100%; } .bs_imgtxt-column-right .bs_imgtxt-column-right-image { position: relative; float: right; margin: 0 0 .5em 3%; width: 48.5%; } .bs_imgtxt-column-right .bs_imgtxt-column-right-text { position: relative; float: left; margin: 0 0 .5em 0; width: 48.5%; } /* Formatierung von "Text mit Bild" für Bootstrap */ [class*="col-"].bs_imagetext { min-height: 20px; } .row.bilder_2oder4_ohne-Rahmen { margin:0 10px; } .item-2oder4_ohne-Rahmen { background:#aaa; background:transparent; padding:10px; padding:0px; } [class*="col-"].bilder-2oder4_ohne-Rahmen { background:transparent; padding:5px; padding:5px; border:0; } .item-2oder4_ohne-Rahmen a.thumbnail { /* background:red;*/ padding:0px; /*border:0;*/ border-radius:0; margin-bottom: 0px; margin-bottom: 0px; } .item-2oder4_ohne-Rahmen p { } /* Formatierung von "Text mit Bild" für Bootstrap */ [class*="col-"].bs_imagetext.frei { min-height: 0px; } #filters { margin: 0px auto 30px; } /* ========== Auswahl-Buttons ========== */ .button-group { margin: 0 auto; } .button-group:after { content:''; display:block; clear:both; } .button-toolbar { text-align:center; width:100%; }​ .button-group .button { float:left; border-radius: 4px; } .button { display: inline-block; color: #333; background: #d7d7d7; font-size: .913em; text-shadow: 0 0px white; cursor: pointer; padding: 0.5em 1em; margin: 0 2px 4px 2px; border: none; border-radius: 4px; text-transform: uppercase; font-weight: 400; } .button:hover { background-color: #09729f; text-shadow: 0 0px hsla(0, 0%, 100%, 0.5); color: #fff; } .button:active, .button.is-checked { background-color: #09729f; } .button.is-checked { color: #fff; text-shadow: 0 0px hsla(0, 0%, 0%, 0.8); } /* ========== .isotope ========== */ .isotope { clear:both; width: 100%; margin: 0 15px 15px;padding: 0; text-align: center; } .isotope:after { content: ''; clear: both; display: block; } /* ========== .item ========== */ .item { position: relative; float: left; margin-bottom: 5px; /* vertikaler Abstand unter den Bildern */ margin-right: 5px; /* vertikaler Abstand unter den Bildern */ height: auto; max-height: 432px; overflow: hidden; } @media (max-width:767px){ .button { min-width: 96%; margin: 0 2% 3px; } } img{ width:100%; height:auto} /************************* *******Header****** **************************/ #header .navbar-search { margin-bottom: 12px; } #header .navbar-search .form-control { border: none; border-bottom: 1px solid #dedede; height: 42px; box-shadow: none; text-shadow: none; } #header .animate { transition: all 0.3s ease-in-out; } #header .redone-navbar { margin-bottom: 0px; z-index: 100; } #header .redone-navbar:nth-of-type(2) { z-index: 50; } #header .redone-navbar .redone-search { display: none; } #header .redone-navbar .redone-search .form-control { background-color: #269ffc; border-radius: 0px; border-width: 0px; font-size: 24px; padding: 30px 0px; } #header .redone-navbar .redone-search .form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: rgba(255, 255, 255, 0.7) !important; } #header .redone-navbar .redone-search .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(255, 255, 255, 0.7) !important; opacity: 1; } #header .redone-navbar .redone-search .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(255, 255, 255, 0.7) !important; opacity: 1; } #header .redone-navbar .redone-search .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(255, 255, 255, 0.7) !important; } #header .redone-navbar .redone-search .form-control:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */ color: rgba(255, 255, 255, 0.7) !important; } #header .redone-navbar .redone-search .form-control:focus { border-color: transparent; outline: 0; -webkit-box-shadow: none; box-shadow: none; } #header .redone-navbar .redone-search .input-group-btn button { background: transparent; color: #ffffff; font-size: 18px; padding: 0; } #header .redone-navbar .redone-search .input-group-btn button:active, #header .redone-navbar .redone-search .input-group-btn button:focus { box-shadow: none; } @media screen and (min-width: 768px) { #header .redone-navbar .redone-search { background-color: #269ffc; display: block; position: absolute; top: 100%; width: 100%; transform: rotateX(-90deg); transform-origin: 0 0 0; visibility: hidden; } #header .redone-navbar .redone-search.open { transform: rotateX(0deg); visibility: visible; } } @media screen and (max-width: 768px) { #header .redone-navbar .redone-search { visibility: hidden; } #header .redone-navbar .redone-search.open { visibility: hidden; } } .container .box { float: left; width: 150px; margin: 20px; } .container .box .top { padding: 12px; background-color: blue; color: white; cursor: pointer; } .container .box .bottom { padding: 12px; background-color: red; color: white; display: none; } .navbar-brand{ float:left; !important; height:52px; !important; width:180px; !important; padding:15px 15px; !important; font-size:18px; !important; line-height:20px; !important; background-image: url("../img/logo.png"); !important; background-repeat: no-repeat; !important; background-position: left 15px center !important; } .navbar { border-radius: 0 !important; margin-bottom: 0; padding: 5px 0; padding-bottom: 5px; } .navbar-nav{ margin-top: 12px; } .navbar-custom .navbar-nav .dropdown-menu { padding: 0; margin-top: 0; border: #666 solid 1px; left: 0; } .navbar-custom .navbar-nav .dropdown-menu:before{ position: absolute; top:0; } .navbar-inverse .navbar-nav .dropdown-menu > li > a { padding: 8px 15px; color: #000; border-top: #666 dotted 1px; } .navbar-inverse .navbar-nav .dropdown-menu > li:hover > a, .navbar-inverse .navbar-nav .dropdown-menu > li:focus > a, .navbar-inverse .navbar-nav .dropdown-menu > li.active > a { background-color: #000; color: #fff !important; } .navbar-inverse .navbar-nav .dropdown-menu > li:hover > a { background-color: #000; color: #fff; } .navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a { border-radius: 0 0 3px 3px; } .navbar-inverse .navbar-nav .dropdown-menu > li.divider { background-color: transparent; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-top: 0; padding-bottom: 0; } .topbar-2 { height: 37px; font-size: 12px; border-bottom:#666 dotted 1px; } .topbar-2 > a { background: transparent; color: #fff!important; } .topbar { height: 37px; background: #fff; font-size: 12px; margin-bottom:8px; margin-top:-5px; } .topbar a{ color:#000 !important } .cf:before, .cf:after, .clearfix:before, .clearfix:after { content:""; display:table; } .cf:after, .clearfix:after { clear:both; } .cf, .clearfix { *zoom:1; } .vcss_menu ul { width: 100%; /* Width of Menu Items */ margin-bottom:15px; } .vcss_menu li ul { left: 100%; /* Set 1px less than menu width */ margin-left:-2px; } .vcss_menu li ul li { border-left:1px solid transparent; } .vcss_menu li ul li.sub_ul.sub_first a { border-left:1px solid #fff; } i.fb { padding-right: .4em; } /* Abstand "vor" und Abstand "nach" ContentParts */ .spaceAfterSummary { /* border-top:1px solid GREEN;*/ margin-top: 20px; } .spaceBeforeCP { /* border-top:1px solid RED; */ clear: both; height: 1px; margin-top: -1px; } .spaceAfterCP { /* border-top:1px solid BLUE; */ } body > .container{ background-color: #fff;-webkit-box-shadow: 1px 1px 14px 6px rgba(0,0,0,0.7); -moz-box-shadow: 1px 1px 14px 6px rgba(0,0,0,0.7); box-shadow: 1px 1px 14px 6px rgba(0,0,0,0.7); color:#000; padding-top:60px !important } .iframe-de-de { float:left; margin-right:8px; margin-bottom:10px; } .iframe-fr-de { } .iframe-fr-de img { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ } .iframe-div { background-color:#e6e6e6; border-radius:20px; padding-top:10px; padding-left:5px; padding-bottom:14px; margin-bottom:20px;} right > .container-1 img { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ } right > .container-1 img:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ } right > .container-1 { font-size:12px; color:#999; } right > .container-1 h4{ font-size:14px; font-weight:700; border-bottom: #999 dotted 1px; border-top: #999 dotted 1px; padding:3px; color:#999; } footer > .container { font-size:12px; color:#999; } footer > .container h4{ font-size:14px; font-weight:700; border-bottom: #999 dotted 1px; border-top: #999 dotted 1px; padding:3px; color:#999; } footer > .container img { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ } footer > .container img:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ } .footer{ background-color:#222222;-webkit-box-shadow: 1px 1px 14px 6px rgba(0,0,0,0.7); -moz-box-shadow: 1px 1px 14px 6px rgba(0,0,0,0.7); box-shadow: 1px 1px 14px 6px rgba(0,0,0,0.7); padding-top:15px; padding-bottom:15px; color:#999; border-bottom: #000 solid 4px; } .right { font-size:12px; margin-bottom:30px; color:#999; } .right h4{ font-size:14px; font-weight:700; border-bottom: #999 dotted 1px; border-top: #999 dotted 1px; padding:3px; color:#999; } .right-fix { font-size:12px; color:#999; } .right-fix h4{ font-size:14px; font-weight:700; border-bottom: #999 dotted 1px; border-top: #999 dotted 1px; padding:3px; color:#999; } .container h3{ font-size:24px; border-bottom:#999 dotted 1px; padding-bottom:8px;} .container { font-size:14px; line-height:18px; font-weight:normal;} .Newspaper-Subtitle { color:#fff!important; font-weight:normal; text-shadow: 2px 2px 1px #000; font-family: "Arial Black", Palatino, "Century Schoolbook L", "Times New Roman", serif!important; } .Newspaper-Title { font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif!important;font-weight: bold; text-shadow: 2px 2px 1px #000;} .myButton { -moz-box-shadow:inset 0px 1px 0px 0px #a6827e; -webkit-box-shadow:inset 0px 1px 0px 0px #a6827e; box-shadow:inset 0px 1px 0px 0px #a6827e; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7d5d3b), color-stop(1, #634b30)); background:-moz-linear-gradient(top, #7d5d3b 5%, #634b30 100%); background:-webkit-linear-gradient(top, #7d5d3b 5%, #634b30 100%); background:-o-linear-gradient(top, #7d5d3b 5%, #634b30 100%); background:-ms-linear-gradient(top, #7d5d3b 5%, #634b30 100%); background:linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d5d3b', endColorstr='#634b30',GradientType=0); background-color:#7d5d3b; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #54381e; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:13px; padding:6px 24px; text-decoration:none; text-shadow:0px 1px 0px #4d3534; } .myButton:hover { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #634b30), color-stop(1, #7d5d3b)); background:-moz-linear-gradient(top, #634b30 5%, #7d5d3b 100%); background:-webkit-linear-gradient(top, #634b30 5%, #7d5d3b 100%); background:-o-linear-gradient(top, #634b30 5%, #7d5d3b 100%); background:-ms-linear-gradient(top, #634b30 5%, #7d5d3b 100%); background:linear-gradient(to bottom, #634b30 5%, #7d5d3b 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#634b30', endColorstr='#7d5d3b',GradientType=0); background-color:#634b30; color:#CCC; text-decoration:none; } .myButton:active { position:relative; top:1px; } nav{-webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 7px 14px 0px rgba(0,0,0,0.7); z-index:3000; } .navbar-brand { font-weight:bold; color:#999} /* ------- start news --------- */ .news-hr { border-bottom:#999 dotted 1px; width:100%;padding-bottom:20px; margin-bottom:50px; } .news-2 img { width:100%; height:auto} .news-3 img { width:100%; height:auto; max-width:700px; margin-right:20px; } .news-3{ font-family:"Arial", Helvetica, Arial, sans-serif;font-weight:normal !important;} .news-3 strong{ font-family:"Verdana", Helvetica, Arial, sans-serif;font-weight:900 !important; font-size:16px;} .news-img-capton { font-size:11px; padding-top: 5px ;letter-spacing: 2px; } .newsEntry h2{ font-size:24px; padding: 5px 0 -0px 0; margin-bottom:-20px; } .newsEntry h3{ font-size:20px; padding-top: 5px ; } .news-dat{ font-size:10px; padding: 5px 0 -0px 0; margin-bottom:0px;font-style: oblique; } .news-header h3{ font-size:20px; padding-top: 5px ; } .news-header h2{ font-size:24px; padding: 5px 0 -0px 0; margin-bottom:-20px; } .newsImageTeaser { float:left; border: 5px solid #f6ecee; margin: 0px 10px 5px 0; padding: 0px 0px 0 0; width:100% !important; } .newsImageDetail { float:left; border: 5px solid #f6ecee; margin: 4px 10px 5px 0; padding: 0px 0px 0 0; } p {font-size:14px !important; color:#fff !important; line-height:18px !important; } .news_text{font-size:14px !important; color:#fff !important; line-height:18px !important; font-weight:normal !important; text-align: justify !important; } .hrNews{ margin: 0px 0 0px 0; padding: 5px 0 0px 0; height:0; border:0; border-bottom:1px dotted #999; clear:both; } /* ------- end news --------- */ /* ------- Freelancer --------- */ freelanc {box-shadow: -3px 3px 0 3px #333, -15px 15px 10px rgba(0, 0, 0, .4); border-radius:5px; padding:10px; width:100% !important; min-height:280px; margin: 0 auto; display: table; } freelanc > h3{ font-size:16px; color:#666; text-align:center; border-bottom:solid #666 1px; margin-bottom:25px; } freelanc > h4{ font-size:12px; color:#333; border-bottom:solid #333 1px; margin-bottom:25px; } /* ------- end Freelancer --------- */ .directionsPanel{ color:#000; background-color:#FFF;} #Anfahrtsplan{ color:#000; background-color:#FFF;} #mapForm{ color:#000; background-color:transparent;} #mapInput{ color:#000;background-color:#fff;} mapSubmit{ color:#000;background-color:#fff;} .routeLink{ color:#000;background-color:#fff;} #map { height: 180px; width:100%; border-radius:5px; -webkit-filter: grayscale(100%); filter: grayscale(100%); } #map:hover { height: 180px; width:100%; border-radius:5px; -webkit-filter: grayscale(20%); filter: grayscale(20%); } div.gross { position:relative; width:foopx; height:foopx; margin: auto auto; } div.gross .klein { position:absolute; bottom:0px; } .black-button { background: #444444; background: -moz-linear-gradient(top, #444444 0%, #1c1c1c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#1c1c1c)); background: -webkit-linear-gradient(top, #444444 0%,#1c1c1c 100%); background: -o-linear-gradient(top, #444444 0%,#1c1c1c 100%); background: -ms-linear-gradient(top, #444444 0%,#1c1c1c 100%); background: linear-gradient(top, #444444 0%,#1c1c1c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#1c1c1c',GradientType=0 ); border: 1px solid #FFF; } .black-button:hover { background: #686868; background: -moz-linear-gradient(top, #686868 0%, #1c1c1c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#686868), color-stop(100%,#1c1c1c)); background: -webkit-linear-gradient(top, #686868 0%,#1c1c1c 100%); background: -o-linear-gradient(top, #686868 0%,#1c1c1c 100%); background: -ms-linear-gradient(top, #686868 0%,#1c1c1c 100%); background: linear-gradient(top, #686868 0%,#1c1c1c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#1c1c1c',GradientType=0 ); } .test-1 a:link { color: #fff !important; text-decoration: none !important; } .test-1 a:visited { color: #999 !important; text-decoration: none !important; } test-1 a:active, test-1 a:hover { color: #fff !important; text-decoration: none !important; } .tsc_3d_button { vertical-align: top; border-radius: 20px; border: solid 8px #999999; padding: 50px; } .tsc_3d_button:active { position: relative; top: 5px; } .tsc_3d_button.black:active { box-shadow: #FFF 0 2px 0, #FFF 0 6px 3px, inset #666 0 0 3px; } .edit:after { content: "&"; font-size: 34px; } /* === color === */ /* --- box --- */ .box { width: 100%; border:double; } .box-gray { background: #333; background: -moz-linear-gradient(top, #444444 0%, #1c1c1c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#1c1c1c)); background: -webkit-linear-gradient(top, #444444 0%,#1c1c1c 100%); background: -o-linear-gradient(top, #444444 0%,#1c1c1c 100%); background: -ms-linear-gradient(top, #444444 0%,#1c1c1c 100%); background: linear-gradient(top, #444444 0%,#1c1c1c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#1c1c1c',GradientType=0 ); padding: 5px 5px 5px 5px; border-radius:20px; border:#999 double 10px; margin-bottom:15px; } .box-gray:hover { background: #686868; background: -moz-linear-gradient(top, #686868 0%, #1c1c1c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#686868), color-stop(100%,#1c1c1c)); background: -webkit-linear-gradient(top, #686868 0%,#1c1c1c 100%); background: -o-linear-gradient(top, #686868 0%,#1c1c1c 100%); background: -ms-linear-gradient(top, #686868 0%,#1c1c1c 100%); background: linear-gradient(top, #686868 0%,#1c1c1c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#1c1c1c',GradientType=0 ); color:#FFF; } .box-gray a:link { color: #fff !important; text-decoration: none !important; } .box-gray a:visited { color: #fff !important; text-decoration: none !important; } .box-gray a:active, .box-gray a:hover { color: #fff !important; text-decoration: none !important; } .box-gray h4 { color: #fff!important; font-size:15px; } btn btn-default btn-md {background: #333!important; background: -moz-linear-gradient(top, #444444 0%, #1c1c1c 100%)!important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#1c1c1c))!important; background: -webkit-linear-gradient(top, #444444 0%,#1c1c1c 100%)!important; background: -o-linear-gradient(top, #444444 0%,#1c1c1c 100%)!important; background: -ms-linear-gradient(top, #444444 0%,#1c1c1c 100%)!important; background: linear-gradient(top, #444444 0%,#1c1c1c 100%)!important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#1c1c1c',GradientType=0 )!important;} .box-gray h4,.box-gray i { margin-bottom: 20px; } .box-bottom { padding: 20px 0; text-align: center; } .box-bottom a { font-weight: 700; } .box-bottom a:hover { text-decoration: none; } .copyright { height:30px; width:100%; border-top: #333 solid 1px; bottom:0; background-color:#222222; color:#666; text-align:center; padding-top:5px; } .copyright-2 { height:30px; width:100%; border-top: #333 solid 1px; bottom:0; background-color:#222222; color:#666; text-align:center; padding-top:5px; margin-top:20px } .copyright-inn { height:30px; width:100%; border-top: #333 solid 1px; bottom:0; background-color:#222222; color:#666; text-align:center; padding-top:5px; position:fixed; bottom: 0; -webkit-box-shadow: 1px 1px 14px 6px rgba(0,0,0,0.7); -moz-box-shadow: 1px 1px 14px 6px rgba(0,0,0,0.7); box-shadow: 1px 1px 14px 6px rgba(0,0,0,0.7); } /* EXAMPLE 3 line height is 20px by default so add 30px top and bottom to equal the new .navbar-brand 80px height */ .rev_slider_wrapper{background-image:url(../../fotos/backgr-pat.png);padding:0px;margin-top:-20px;margin-bottom:20px; } .example3 .navbar-brand { height: 60px; padding-left:10px; } .example3 .navbar-brand > img { width:99%; padding-top: 5px; } .example3 .nav >li >a { padding-top: 25px; padding-bottom: 25px; } .example3 .navbar-toggle { padding: 10px; margin: 25px 15px 25px 0; } @media (min-width: 768px) and (max-width: 990px) { .example3 .navbar-brand > img { width:120px !important; height:auto !important; padding-top:20px; } .example3 .navbar-brand > img { width:120px !important; height:auto !important; padding-top:20px; } .example3 .navbar-brand { height: 60px; padding-left:10px; float:left; } .nav > li > a { position: relative; display: block; padding: 10px 8px;transition: color 0.2s linear; -o-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; } } @media (max-width: 768px) { .example3 .navbar-brand { height: 30px; padding-left:10px; } .example3 .nav >li >a { padding-top: 10px; padding-bottom: 10px; } } .jf-form{ margin-top: 28px; } .jf-option-box{ display: none; margin-left: 8px; } .jf-hide{ display: none; } .jf-disabled { background-color: #eeeeee; opacity: 0.6; pointer-events: none; } /* overwrite bootstrap default margin-left, because the