@import url("visforms-custom.css");

/* Cloudbase Custom CSS für Modifikationen */


body {
    /*font-family:"Open Sans","Helvetica",arial,serif;  */
    font-family: 'Signika', arial, sans-serif;
    font-size:2em;
    font-weight:300;
    color:#222222 !important;
    background:#ffffff;
}

.rt-menu:before {
    background:#cccccc;
    height:0px;
}

.rt-menu:after {
    height:0px;
}

.rt-menu {
/*-webkit-box-shadow: inset -1px -3px 12px 0px rgba(204,204,204,1);
-moz-box-shadow: inset -1px -3px 12px 0px rgba(204,204,204,1);
box-shadow: inset -1px -3px 22px 0px rgba(204,204,204,1);
padding-top:0px; */
background:#f6f6f6 !important;
border-bottom:1px solid #99a2be;
border-top:1px solid #99a2be;
padding-top:0px;
}

.gf-menu .dropdown ul li:hover > .item {
    color:#ffffff;
}
.gf-menu.l1 > li > .item {

    border-bottom:0px solid #ffffff;
    border-right:0px solid #dddddd;
    font-weight: 300;
    letter-spacing: 0.02em;
    line-height: 20px;
    font-size:115%;
}


.gf-menu .item {
    font-family: 'Signika', arial, sans-serif !important;
}

/* Submenu items */
.gf-menu .dropdown ul li .item {
    font-size:0.9em;
    
}

.gf-menu .dropdown ul li .item:hover {
    /*background:#39456a;*/
}

.rt-showcase-pattern {
    /*background:#000000 url(../images/fotoschule-bg-right.jpg) top right no-repeat !important;  */
    /*background:#ffffff !important   */
    background:url(../images/autopfandhaus-wien.jpg) top center no-repeat !important;
    /*height:650px;*/
    box-shadow:0 0 12px -5px #1f1f1f !important;
    /* Parallax */
    background-attachment: fixed !important;
    background-position: center 0px !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

body.individuelles-coaching .rt-showcase-pattern  {
     background:url(../images/showcase-coaching3-bg.jpg) 50px 0px no-repeat !important;
     height:auto !important;
     box-shadow:0 0 12px -5px #1f1f1f !important;
    /* Parallax */
    background-attachment: fixed !important;
    background-position: center 0px !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

body.persoenlichkeitscoaching .rt-showcase-pattern  {
     background:url(../images/showcase-coaching5-bg.jpg) 50px 0px no-repeat !important;
     height:auto !important;
     box-shadow:0 0 12px -5px #1f1f1f !important;
    /* Parallax */
    background-attachment: fixed !important;
    background-position: center 0px !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

div#rt-showcase {
    /*background:url(../images/showcase-coaching-bg4.jpg) top center no-repeat;  */
}

/* GK News-Module Layout override */

.rt-showcase-pattern .nspArt p.nspText {
    font-size:16px !important;
    color:#444444 !important;
    font-family:"Roboto","Helvetica",arial,serif !important;
    font-weight:300;
}

.rt-showcase-pattern .nspArt h4.nspHeader {
    font-size:38px !important;
    padding:10px 0 35px !important;
}

.rt-showcase-pattern .nspPagination li {
    background:#FFFFFF;
}

.rt-showcase-pattern .nspPagination li:hover, .rt-showcase-pattern .nspPagination li.active {
    background:#a00000;
}

.nspPrev, .nspNext {
    background:none repeat scroll 0 0 #000 !important;
}

a.readon.fleft {
    margin-top:12px !important;
}

h3.top {
    background:#a20d55;
    padding-left:20px;
}



/*p.adress {
    font-size:80%;
    text-align:right;
    line-height:18px;
} */

p.adress {
    
    margin-bottom:0px;
    
}

#rt-top-surround {
    /*background:#eeeeee; */
}

#rt-drawer .rt-block.clearfix {
    padding:4px;
    margin-left:12px;
}

#rt-drawer .rt-block.clearfix p {
    padding:0px;
    margin:0px;
}

/* Dropdown Ausbildungen */

img.ausbildungen {
    padding-right:6px !important;
}

.dropdown .module-content h3 {
    font-size:100% !important;
    color:#cccccc !important;
    text-transform:uppercase;
} 

/* Keine Überlappung bei showcase */

#rt-feature .with-showcase {
    margin-top:0 !important; 
}

/* Fix für responsive news show gk5 */

.nspArt div {
    overflow:visible !important;
}

/* hinzugefügt am 5.3.2015 */

#rt-top-surround:after {
    height:8px !important;
}

/* Slideshow CSS override */

.jmslideshow .slideshow-content {
    /*background:#ffffff !important; */
    background:none !important;
   opacity:1 !important;
   width:auto !important;
    
    
}

.jmslideshow .slideshow-content > h3 {
   /*text-transform:uppercase;
   color:#990000 !important;
   font-weight:500 !important;
   padding-left:12px !important;
   font-family:"Roboto","Helvetica",arial,serif;  */
   font-size:1.6rem;
   font-weight:600 !important;
   color:#ffffff !important;
   text-transform:uppercase;
   background:#15aedc !important;
   text-shadow:2px 1px 4px #145264;
   padding:12px;
   
   border-left:0px solid #ffffff;
}

.jmslideshow .slideshow-content p {
    /*display:none !important;    */
}

#rt-showcase .rt-showcase-pattern .with-feature .rt-block {
    padding-bottom:10px !important;
}

#jmslideshow-105 {
    z-index:2 !important;
}

/* Anpassungen am 27.04.2015 */

p.img_caption {
    background:#ededed;
    color:#444444;
    font-size:11px;
    padding:4px;
}

.img-intro-none, .img-fulltext-none {
    margin-top: 12px;
}

/* Sidebar right menu links */

#rt-sidebar-a ul.nav.menu > li {
    padding:8px 2px 0px 2px;
    border-top:1px solid #cccccc;
    background:#ffffff;
}

/* Tags anpassen */

.tags .label-info {
    background:transparent !important;
}

.tags a {
    color:#990000 !important;
    text-shadow:none !important;
    font-weight:normal !important;
}

.tags a:hover {
    color:#4d0000;
}

/* box styling suffixe */

.boxred {
    background: #990000 none repeat scroll 0 0;
    border: 0px solid #ffffff;
    color: #ffffff !important;
    }
    
    .boxred a.button {
        color:#ffffff !important;
        text-transform:none;
        font-size:14px !important;
        border:1px solid #ffffff;
        display:inline-block;
        padding:3px 4px;
        font-weight:normal!important;
    }
    
    .boxred h3 {
        color:#ffffff !important;
    }
.boxgrey {
    background:#eeeeee !important;
    color:#444444 !important;
    border:1px solid #dddddd;
    
}

.boxgrey h3 {
    color:#444444 !important;
}

.boxwhite {
    background:#ffffff !important;
    color:#444444 !important;
    border:1px solid #dddddd;

}

.boxgrey h3 {
    color:#444444 !important;
}

#rt-top-surround a.btn.btn-primary:hover {
    color:#ffffff !important;
}

#rt-top-surround {
    padding:0 !important;
}

/* Fix abstand im header zu logo */

#rt-header .rt-grid-2.rt-alpha  {
    width:120px !important;
}

.rt-block.social-icons {
    margin-bottom:5px !important;
    padding-bottom:0 !important;
}

/* Fotoworkshop Styling */

div.workshopinfo, div.workshopdate, div.workshoplocation, div.workshopcost {
    float:left;
    display:inline-block;
    content:table-cell;
    padding:6px 12px;
    margin-top:12px;
    margin-bottom:12px;
    float:right;
}

div.workshopinfo {
    width:100%;
    border:1px solid #990000 ;
    color:#990000;
    font-weight:bold;  
}

div.workshopdate, div.workshoplocation, div.workshopcost {
    border-right:1px solid #990000;
}

/* CSS Fix projekte blogansicht */

body.projekte div.items-row.cols-1 > .item.column-1 {
    padding:30px 0px !important;
    
}

.dropdown.columns-1, .dropdown.columns-2{
    
}

/* CSS Fix float-left images abstand */

div.pull-left.item-image {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    height:auto;
    
}
/*
body.workshops .component-content .column-1, .component-content .column-2, .component-content .column-3, .component-content .column-4, .component-content .page-header {
    padding:25px 0 !important;
}

*/

/* 22.01.2016 */

#rt-top .rt-block {
    padding:12px !important;
    margin:12px !important;
    margin-top:20px !important;
    padding-left:20px;
    background:#ffffff;
    border:1px dashed #cccccc;
}

div#rt-drawer .rt-container {
    /*background:#efefef;
    border-left: 2px dashed #cccccc;
    border-bottom: 2px dashed #cccccc;
    border-right: 2px dashed #cccccc; */

}

div#rt-drawer .rt-container div.custom p {
    color:#444444 !important;
    font-weight:normal;
}

div#rt-drawer .rt-container div.custom p > a {
    text-decoration:underline !important;
}

#rt-drawer .rt-block.clearfix {
    margin-left: 12px;
    padding: 4px !important;
}

#rt-drawer .rt-block.clearfix p {
    margin:0 !important;
    padding:0 !important;
}

div.footer3 {
    line-height:1px !important;
    height:1px !important;
    overflow:hidden;
    text-indent:-1000px;
    
}

div.footer > a {
    
}

/*Social Icons */

.social-icons span {
    border-color: #ababab !important
}

/* Slideshow hinter menü */

.cycle-slideshow.jmslideshow {
    z-index:2 !important;
}

/* wichtige mitteilung im drawer modul */

span.mitteilung {
    text-align:center;display:block;
}

/* CSS anpassungen Christian Ploy */

h1#title {
 color: #000000;
 font-weight:500;
 font-size:340%;
 padding-top:12px;
 
}

h2#anfrage {
    color:#000000 !important;
    font-size:200%;
}

div#rt-showcase .rt-grid-6.rt-alpha.rt-omega {
    
    
}

h1.showcase span {
    font-size:50%;
}

h2.showcase {
    font-family:inherit;
    color:#333333 !important;
    font-size:200%;
    font-weight:300;
    /*background: rgba(25, 22, 31, 0.4);*/
    text-align:center;
    font-style:italic;
}

p.showcase {
    background: rgba(25, 22, 31, 0.6);

    color:#ffffff !important;
    /*width:80%;*/
    margin-left:0%;
    margin-right:0%;
    margin-top:0%;
    padding:50px;
    font-size:140%;
    line-height:1.4em;
    /*text-shadow:1px 2px 8px #111111; */
        /* weiß */
   /* background: rgba(255, 255, 255, 0.8);
    color:#333333 !important;
    text-shadow:none;   */
    
}

a.showcase {
    color:#ffffff !important;
    font-size:inherit;
    margin-top:20px;
    
}

div.custom.showcase p {
    font-weight:200;
    margin-top:12px;
    text-align:center;
}

/* Buttons layout */
a.sppb-btn, a.sppb-btn-success, a.sppb-btn-lg {
    text-decoration: none !important;
}
a.sppb-btn, a.sppb-btn-success, a.sppb-btn-lg {
    text-decoration: none !important;
}
a.sppb-btn, a.sppb-btn-success, a.sppb-btn-lg {
    text-decoration: none !important;
}
.btn, .sppb-btn {
    transition: color 400ms ease 0s, background-color 400ms ease 0s, border-color 400ms ease 0s;
}
.sppb-btn-lg {
    border-radius: 6px;
    font-size: 22px !important;
    line-height: 1.33;
    padding: 10px 16px;
}

.sppb-btn-info {
    border:2px solid #44537e !important;
    color:#44537e !important;
    background:#ffffff !important;
}
.sppb-btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #ffffff;
}

.sppb-btn-info {
    background-color:#61a5d4;
}
.sppb-btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

#rt-feature div.rt-container.with-showcase {
    background: rgba(255, 255, 255, 1.0) !important;
    box-shadow:0 0 12px -5px #1f1f1f !important
}

#rt-feature p {
    font-size:110% !important;
    padding:20px;
}

.box3 .feature-img div {
    background:#ffffff !important;
    color:#44537e !important;
}

/* blog Ansicht */

div.introtext p {
    min-height:280px;
    padding:20px;
    background:#eeeeee;
    font-size:16px;
}

div.introtext p {
    border:2px solid #44537e;
    border-left:5px solid #44537e;
    
}

div.img-intro-right img {
   
}

div.component-content ul li {
    line-height:160%;
}

div.rt-content {
    box-shadow:none;
}

div.page-header > h1 {
    color:#44537e;
    font-size:340%;
}

div.page-header > h2 {
    padding-bottom:16px;
    border-bottom:1px solid #cccccc;
    margin-top:0px;
    line-height:140%;
}

/* Schriftgröße */
.font-size-is-large {
    font-size:1.0em;
    line-height:1.6em;
}

ul#angebot-coaching {
    background:transparent;
    
    padding:0px 0px 12px 0px;
    list-style:none;
    margin:0 !important;    
}

ul#angebot-coaching li {
   border-bottom:1px solid #cccccc;
   padding:6px 0px; 
}



#rt-maintop {
    background:#efefef !important;
    margin-top:20px;
}

div.page-header > h2 {
   border-bottom: 1px solid #cccccc;
    line-height: 140%;
    margin-top: 0;
    padding-bottom: 16px; 
}

.title, .component-content h2 {
    font-size: 32px !important;
    margin-bottom: 20px;
}

/* Autopfandhaus wien CSS */

.opacity8 {
    opacity:0.9 !important;
}

.box3 ul li {
    line-height:160%;
    font-weight:300;
    font-size:120%;
}

.box3 ul li strong {
    border-bottom:2px solid #ffffff;
}

.box3 h2.title {
    padding-top:20px;
}

.box3 {
    margin-top:20px;
}

a.anfrage {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #ffffff !important;
    color: #333333 !important;
    display: block !important;
    font-weight: 500;
    margin: 10px 0;
    padding: 12px !important;
    position: relative;
    text-align: center;
    font-weight:300 !important;

    font-size:180% !important;
}

input#field5 {
     background:#a20d55 !important;
     padding:20px !important;
     color:#ffffff !important;
     border:0px !important;
     text-shadow:none !important;
     font-size:160% !important;
     border:0px solid #ffffff !important;
     font-weight:300 !important;
     border-radius:0 !important;
     font-family:"Signika",arial,sans-serif !important;
}

input#field5:hover, a.anfrage:hover {
    background:#ffffff !important;
    color:#000000 !important;
}


/* Media Queries */
@media (max-width: 767px)
{
h1.showcase {
    font-size:1.6em !important;
}

p.showcase {
    font-size:1.0em !important;
    padding:12px;
}

h1#title {
    font-size:22px !important;
}

h2#anfrage {
    font-size:22px !important;
}

input#field5, a.anfrage {
    font-size:18px !important;
}

.rt-showcase-pattern {
    /*background:#000000 url(../images/fotoschule-bg-right.jpg) top right no-repeat !important;  */
    /*background:#ffffff !important   */
    background:url(../images/autopfandhaus-wien-mobile.jpg) top center no-repeat !important;
    /*height:650px;*/
    box-shadow:0 0 12px -5px #1f1f1f !important;
    /* Parallax */
    background-attachment: fixed !important;
    background-position: center 0px !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* Mobile Menu Anpassungen */
/*
.layout-mode-responsive .gf-menu li, .layout-mode-responsive .gf-menu li .columns-1 > .col1 > ul > li:last-child, .layout-mode-responsive .gf-menu li .columns-2 > .col2 > ul > li:last-child, .layout-mode-responsive .gf-menu li .columns-3 > .col3 > ul > li:last-child, .layout-mode-responsive .gf-menu li .columns-4 > .col4 > ul > li:last-child {
    background:none !important;
    padding-left:0px !important;
}

.layout-mode-responsive .gf-menu ul, .layout-mode-responsive .gf-menu ol, .layout-mode-responsive .gf-menu {
    background:none !important;
}

.layout-mode-responsive .gf-menu li > .item {
    font-weight:600 !important;
    font-size:0.8em !important;
}
.layout-mode-responsive .gf-menu-device-wrapper-sidemenu {

}

*/

body.layout-mode-responsive .gf-menu-device-wrapper-sidemenu {

}

.rt-block.logo-block {
    padding-top:20px !important;
}

.sppb-btn.sppb-btn-info.sppb-btn-lg {
    margin-top:6px;
}

h1,h2,h3,h4,h5,h6 {
    overflow: hidden !important;
    text-overflow:ellipsis !important;
}

.title, .component-content h2 {
      font-size:24px !important;
    }
h3 {
    font-size:22px !important;
    line-height:26px !important;
}


}