/*
 Theme Name:   Kunden-Theme
 Theme URI:    http://www.rullko.de
 Description:  customized theme by REIMEDIA
 Author:       Based on MegaProject V1
 Author URI:   www.REIMEDIA.de
 Template:     megaproject-v1-07
 Version:      1.07
 License: GNU General Public License
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: white, light, yellow, two-columns, fluid-layout, custom-background, custom-colors, featured-images, theme-options
 Text Domain:  megaproject-reimedia
*/
@import url("../megaproject-v1-07/style.css");

body {
    -webkit-text-size-adjust: 100%;
}

#matrixbild div.gdlr-frame  { height:180px; display:flex; align-items:center; text-align:center; }
#matrixbild div.gdlr-frame  .gdlr-image-link-shortcode { margin:0 auto; }


div.em-booking-message-success,
div.em-booking-message-error { max-width:450px ! important; }

#kleinesfoto img { max-width:150px; }

#titlecounter-countdown                     { float:left;  }
#titlecounter-dashboard                     { width:330px ! important; height:40px ! important;  zoom:0.6 ! important; overflow:hidden; padding-left:5px; -moz-transform: scale(0.6); -moz-transform-origin: 0 0; }
#titlecounter-countdown .darth-countdown   {height:24px;}
#titlecounter-dashboard .darth-tophtml      { float:left; }
#titlecounter-dashboard .darth-dash_title   { top:5px ! important; font-size:11px; color:#ffffff ! important; left:-16px; } 
.darth-dashboard    { width:auto ! important; height:60px ! important; }
.darth-hours_dash   { clear:none ! important; }
.darth-seconds_dash { clear:none ! important; }
.darth-minutes_dash { clear:none ! important; }
.darth-dash_title   { color:#000000 ! important; top:12px ! important; }

#parallax { background-size:100% auto; }

.tickerccmesse       { float:left; margin:3px 10px 0 0; color:#ffffff; }
.tickerccmesse:hover { cursor:pointer; }

.top-navigation-right { width:auto ! important; text-align:center; }
.top-navigation-right-text { display:block; }

.gdlr-blog-widget .post-header { padding: 15px 25px 0px; }


/* 7 Zertifikate in einer Reihe */
#zertifikatereihe img { width:142px; height:209px; border:1px solid #cccccc ! important; float:Left; margin:0 10px 10px 0 ! important; }

/* OBS-Suche Ü*/
.scrollbox300 { width:100%; max-width:1080px; height:300px; padding:10px; border:1px solid #cccccc; overflow-Y:scroll; background:#f7f7f7; margin-bottom:20px;  }

/* Bildhöhe 340 Pixel */
#pic-height340 { height:340px ! important; }

/* Kasten Auszüge aus unseren Lösungen */
#startseite3loesungen .tab-content-wrapper        { min-height:200px ! important; background:#ffffff ! important; margin-top:0px; padding:15px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.10); font-size:14px; text-align:justify; }
#startseite3loesungen .tab-content-wrapper a      { color:#168aDA; font-weight:bold; }

/* Top-Bar oben fixieren */
.top-navigation-wrapper                           { position:fixed; width:100%; z-index:1000; }
.body-wrapper                                     { margin-top:44px; } 
.top-navigation-wrapper                           { position:fixed; top:0px; left:0px; width:100%; z-index:1000; }
.gdlr-fixed-header                                { top:42px; }


/* Diagonalfond im Header ausblenden */
.gdlr-logo-overlay                                { display:none; }


/* Navigation */
.gdlr-fixed-header #rullkomenuecontainer          { width:auto; background:#ffffff; float:right; padding-top:30px; height:40px;margin-bottom:0px; }
.gdlr-header-inner.gdlr-fixed-header .gdlr-navigation-wrapper .gdlr-main-menu > li > a { padding:0px 13px 32px 13px; }
#gdlr-menu-search-button                          { display:none; }
.gdlr-header-inner.gdlr-fixed-header #gdlr-menu-search                                 {  }
.header-style-3 #gdlr-menu-search-button                                               { padding-bottom:0; }
.gdlr-header-inner.gdlr-fixed-header .gdlr-logo   { width:45px; height:45px; overflow:hidden; }
.gdlr-fixed-header .gdlr-logo img                 { width:220px; height:45px; max-width:220px; }

#rullkomenuecontainer                             { width:100%; background:#f7f7f7; height:65px; margin-top:20px; }
#rullkomenue .sf-mega                             { max-width: 1110px; padding: 0px; margin: 25px auto; width:100%; }
#rullkomenue .sub-menu                            { margin: 25px 0 0 35px; }
#rullkomenue .sub-menu li                         { padding:0;  }
#rullkomenue .sf-menu > .gdlr-normal-menu li a    { padding:2px 15px; }
#rullkomenue .sub-menu li a:hover                 { background:#767676; color:#ffffff; }
#rullkomenue .gdlr-main-menu > li                 { padding:25px 0 0 0; }
/*#gdlr-menu-search { position:absolute; width:100%; float:left; }*/
.header-style-3 #gdlr-menu-search-button          { font-size:16px; }
#gdlr-menu-search input[type="text"]              { width:100% ! important; font-size:20px; font-style:normal; padding:10px 20px; text-align:center; box-sizing: border-box; }
#gdlr-menu-search                                 { z-index:10000; opacity:1 ! important; position: absolute; width: 300px; right: initial; margin-left: 770px; }
#mysearchbutton                                   { cursor:pointer; }

/* Blog-Übersicht auf Startseite */
.gdlr-blog-widget .gdlr-blog-title                { font-size:17px ! important; }
.gdlr-item-title-wrapper .gdlr-item-title-right   { top:12px; }

/* Menü-Untertitel */ 
.menu-item i                                      { font-style:normal; font-size:11px; }
.gdlr-fixed-header #rullkomenue .sf-mega          { max-width: 1110px; padding: 0px; margin:-7px auto; }
#rullkomenue                                      { max-width: 1110px; padding: 0px; margin: 0 auto; text-align:left; }
#rullkomenue li.menu-item a                       { font-size:15px; }
.gdlr-navigation, .gdlr-navigation-wrapper, #rullkomenuecontainer { display:inline-block; }
.gdlr-fixed-header #rullkomenue .menu-item        { padding:0; }


/* H1 Container */
.gdlr-page-title-wrapper                          { background-image:none; padding:0; margin:60px 0 0 0; text-align:left;  }
.gdlr-page-title-wrapper .gdlr-page-title         { font-size:30px; font-weight:600; color:#0099ee; margin-left:15px; }
.gdlr-page-title-wrapper .gdlr-page-title-overlay { background-color:#ffffff; opacity:1;  }
.section-container                                { padding-top:30px; }

/* Grundschrift-Farbe */
body, .content-wrapper p, header .content-wrapper li, 
.content-wrapper .container h3.gdlr-blog-title a, 
.content-wrapper .gdlr-service-shortcode-content  { color:#444444 ! important; } 
footer .gdlr-widget-title { color:#ffffff ! important; }

/* H2 und H3 Schriftgrößen */
.gdlr-item-title-wrapper.gdlr-item                { margin-bottom:20px ! important; }
h2                                                { font-size:25px ! important; line-height:1.5 ! important; font-weight:normal ! important; color:#444444 ! important; margin-bottom:10px ! important;}
h3                                                { font-size:21px ! important; line-height:1.5 ! important; font-weight:normal ! important; color:#444444 ! important; margin-bottom:10px ! important;}

/* Link-Farbe Blog-Startseite */
.gdlr-skin-light-grey a.gdlr-item-title-link, 
.gdlr-skin-light-grey a.gdlr-item-title-link i,
.gdlr-skin-light-grey .gdlr-skin-link-color       { color:#0099ee ! important; }

/* Schriftgröße 3 Header-Blöcke */
.logo-right-area                                           { margin-top:36px ! important; }
.header-style-3 .header-block-area .header-block-content * { font-size:13px; }
.header-style-3 .header-block-area-wrapper		   { margin-bottom:6px;  }


.header-style-3 .gdlr-navigation-wrapper .gdlr-main-menu > li > a.sf-with-ul-pre, .header-style-3 .gdlr-navigation-wrapper .gdlr-main-menu > li > a.sf-with-ul { padding-right:12px; }

@media screen and (max-width: 1170px) {

#rullkomenue li.menu-item a { font-size:13px; }
.header-style-3 .gdlr-navigation-wrapper .gdlr-main-menu > li > a.sf-with-ul-pre, .header-style-3 .gdlr-navigation-wrapper .gdlr-main-menu > li > a.sf-with-ul {
padding-right:15px; padding-left:15px;}
}

@media screen and (max-width: 1142px) { 
        .gdlr-logo  { margin-right:0;}
        .logo-right-area   { margin-left:0;}
}

@media screen and (max-width: 1100px) { 
        #rullkomenue                                      { text-align:center; }
}

@media screen and (max-width: 989px) { 
    .top-navigation-container { text-align: center; line-height: 1; }
    .top-navigation-left { float: none; padding-top: 10px; margin: 0px; }
    .top-navigation-left-text { float: left; text-align: center; padding-bottom: 0px; }
    .top-navigation-right { float: none; margin: 0px; padding-bottom: 20px; }
    .top-navigation-right-text { float: left; padding-bottom: 10px; display: inline-block; vertical-align:middle; margin: 0px; width:80%; }
    .top-social-wrapper { float: none; margin-left: 0px; display: inline-block; padding: 0px; }
}

/* alte Anpassungen */
@media screen and (max-width: 1024px) { 
	.personnel-content { font-size:13px; } 
    .darth-digit { font: bold 18pt Verdana ! important; -webkit-text-size-adjust: 100%; }
}

@media screen and (max-width: 768px) {
  .top-navigation-right { padding-top: 30px; padding-bottom: 30px !important; }
  #nomobile, #parallax { display:none; }
  .logo-right-area { display:none; }
  .gdlr-personnel-item .personnel-author-image { text-align:center ! important; }
	/* Top-Bar */
	.top-navigation-wrapper                      { position:relative; width:100%; z-index:10000; }
	.gdlr-header-wrapper                         { top: 0px; }
	.xxgdlr-logo-wrapper                           { margin-top:43px; }

	/* Header Boxen */
	.header-style-3 .logo-right-area             { width: 250px; margin: 0 auto;}
        
        #gdlr-menu-search                            { width:100%; margin-left:0; }
       .body-wrapper                                 { margin-top: 0; }
.gdlr-page-title-wrapper { margin-top:0px; }

.single-post .gdlr-single-nav .next-nav, .single-post .gdlr-single-nav .previous-nav {
width:100%;
float:none;
}

.single-post .gdlr-single-nav .previous-nav {
border-right-width:0px;
}

.single-post .gdlr-single-nav .next-nav {
margin-top:30px;
}

#rullkomenuecontainer { display:none; }
}


/* Handydarstellung */
@media only screen and (max-width: 419px) {
  .above-sidebar-wrapper .container { max-width:95% ! important; }
  #titlecounter-dashboard { margin-left:0; }
  .top-navigation-right { padding-bottom: 70px !important; }
}


/* Blog-Einzeltitel - Titelbild nicht anzeigen */
.gdlr-blog-full .gdlr-blog-thumbnail                 { display:none; }

/* Bildkasten */
.wp-caption.alignright                               { border:none;  }
.wp-caption.alignright img                           { width:100%; margin:0; vertical-align:top ! important;  }
p.wp-caption-text	                             { border:none; text-align:left; margin-top:5px ! important; padding:1px ! important; }

/* clear:both für kurze Texte */
.gdlr-blog-content:after {
    /* clear: both; */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


div.em-booking-form-details input[type="text"]  { font-size:14px ! important; color:#000000 ! important;}
div.em-booking-form-details textarea  { font-size:14px ! important; color:#000000 ! important;}

.top-navigation-wrapper a {
display: none !important;
}

.top-navigation-wrapper div div a {
display: inline !important;
}



.footer-wrapper .widget.gdlr-widget {
    margin-bottom: 20px !important;
}


@media screen and (max-width: 989px) {
.top-navigation-right-text {
	float: left !important; } 
#matrixbild div.gdlr-frame  { height:200px; display:flex; align-items:center; text-align:center; }

}


@media only screen and (max-width: 767px) {
	.top-navigation-left-text  {
	padding-left: 12px; } 
#matrixbild div.gdlr-frame  { height:300px; display:flex; align-items:center; text-align:center; }

}