/* 
    Document   : dxPageBuilder
    Created on : Sep 18, 2013, 2:31:01 PM
    Author     : dx
    Description: pagebuilder general styles, feel free to overwrite in your theme stylesheet
*/
/** ----------------------------------------------------------------------------
 * -----------------------------------------------------------------------------
 * STRUCTURE ELEMENTS
 */
.dxpb-row:before,
.dxpb-row .dxpb-row-cols-wrapper:after {
    content: "";
    display: table;
} 
.dxpb-row .dxpb-row-cols-wrapper:after {
    clear: both;
}
.dxpb-row {
    position: relative;
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
    /*min-height: 150px;*/
}
.dxpb-col { position: relative; float:left; }

br.clearfix, br.clearfixMd, br.clearfixSm { clear: both; }
br.clearfixMd, br.clearfixSm { display:none; }

/** ----------------------------------------------------------------------------
 * -----------------------------------------------------------------------------
 * DEFAULT MARGIN & PADDING
 */
.dxpb-row.dxpb-default-padding .dxpb-row-cols-wrapper, 
.dxpb-col.dxpb-default-padding .dxpb-col-inner { 
    padding:10px 10px 0 10px; 
}

.dxpb-col .dxlp-element { position: relative; }
.dxpb-col .dxpb-element { position: relative; margin-top:20px; }

.dxpb-col .dxlp-element:first-child .dxpb-element,
.dxpb-col .dxpb-element:first-child,
.dxpb-col .dxpb-divider,
.dxpb-col .dxlp-element.ui-sortable-placeholder { margin-top:0; }

.dxpb-row.boxed { margin:0 10%; }
.dxpb-row.inner_boxed .dxpb-row-cols-wrapper { margin:0 10%; }

.dxpb-element-notice { padding:15px; border:1px solid green; color:black; }
.dxpb-element-notice h2 { color:black; font-weight: bold; font-size: 120%; margin:0; }


/** ----------------------------------------------------------------------------
 * -----------------------------------------------------------------------------
 * while edit
 */

.dxPageBuilder.isLive { position:relative; }
.dxPageBuilder.isLive:hover .dxpb-row { min-height: 100px; }
.dxPageBuilder.isLive:hover .dxpb-row .dxpb-col-inner { 
    min-height:100px; border:1px dotted #ccc;
}
.dxPageBuilder.isLive .dxpb-row:hover .dxpb-element { 
    border:1px dotted #ccc; 
}


.small-text { font-size:11px; color:#999; }
.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }
.left { float:left; }
.right { float:right; }

strong { font-weight: bold; }
em { font-style: italic; }

/** ----------------------------------------------------------------------------
 * LIVE STYLES
 */
#dxlpBar *:not(i), .optionsBox *:not(i), .dxlp-element-options *:not(i) { 
    all:initial; color:white;
    border:initial; text-decoration: none;
    font-family: sans-serif; font-size:12px;    
}

/*page builder bar*/
#dxlpBar {     
    position: fixed; top:0; left:0; z-index:999999;
    padding:10px; color:#aadede;
    display:block; background:rgba(0,153,153,0.80);    
    cursor: move;
}
#dxlpBar .logo { text-align: center; max-width: 150px; cursor: move; }
#dxlpBar .wappen { text-align: center; max-width: 30px; display:block; }
#dxlpBar.inactive { width:auto; padding:5px; }

#dxlpBar a, #dxlpBar a:link, #dxlpBar a:visited { color:#aadede; }
#dxlpBar a i { font-size:20px; width:25px; margin-right:5px; line-height: 25px; text-align: center; position: relative; top:2px;}
#dxlpBar a.active { color:#fff; }

/* Options Box */
.optionsBox { position:absolute; top:0px; left:0; z-index:105; display:none; }
.optionsBox li { 
    position: relative; text-align: left;
    list-style: none; display:inline-block; background:rgba(153,153,153,1);
    padding:0 10px; height:24px; line-height: 24px; 
    color:white;
}

.optionsBox li > ul { display:none; }
.optionsBox li:hover > ul { display:block; }
.optionsBox select { 
    all:unset; border:1px solid #aadede; padding:2px;
    height:15px; line-height: 15px;     
    -webkit-border-radius: 5px; border-radius: 5px;        
}

.optionsBox .optionsMenu {list-style: none; position:absolute; top:24px; left:0;}
.optionsBox .optionsMenu li { 
    list-style: none; margin:0; padding:0 10px;
    display:inline-block; width:140px;
    background:rgba(0,153,153,1);
}

.optionsBox li:hover { background:rgba(0,153,153,1);  }
.optionsBox .optionsMenu li:hover { background:rgba(0,153,153,0.8); }
.optionsBox a:link, .optionsBox a:visited, .optionsBox a:hover, .optionsBox a:active { color:white; }

/*element options*/
.dxlp-element-options { 
    display:none; 
    text-align: center; width:auto; height:25px; line-height: 25px;
    position: absolute; top:50%; left:50%; z-index: 400;    
    margin:-15px 0 0 -75px; padding:0 10px;
    background:rgba(0,153,153,0.85);
}
.dxlp-element-options .label { margin-right:5px; }
.dxlp-element-options a:link, .dxlp-element-options a:visited { color:white; font-size:16px; margin-left: 4px; }

.ui-sortable-helper { background:rgba(255,255,255,0.25);}


/** ---------------------------------------------
 * DXPB ELEMENTS
 */
.dxpb input[type=text], 
.dxpb input[type=submit], 
.dxpb textarea { 
	min-width:50%; height:auto; line-height:24px; 
	padding:3px; margin:5px 0 10px 0; border:1px solid #ccc; background:white;
	}
.dxpb textarea { min-height:150px; }
.dxpb input[type=submit], 
.dxpb input[type=button] { width:inherit; min-width: inherit;}
.dxpb select { color:black; background:white; }


/** --------------------------------------------
 * Element
 */
.dxpb-col.dxpb-inherit *, .dxpb-col .dxpb-element.dxpb-inherit * { color:inherit; }

/** --------------------------------------------
 * Devider
 */
.dxpb-divider { margin-top:0; line-height:0;}
.dxpb-divider .dxpb-divider-inner hr {
    border: 0; height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

/** --------------------------------------------
 * Button
 */
.dxpb-button a:link, .dxpb-button a:visited { text-decoration:none; font-size:100%; line-height: initial; border:2px solid #099; color:#099; padding:3px 10px; display:inline-block; }
.dxpb-button a:hover, .dxpb-button a:active { border:2px solid #333; color:#333; }

/** --------------------------------------------
 * Person
 */
.dxpb-person .profileImage > img { max-width: 100%; }


/** --------------------------------------------
 * Image
 */
.dxpb-alignment-center { text-align: center; }
.dxpb-alignment-left { text-align: left; }
.dxpb-alignment-right { text-align: right; }

.dxpb-image .dxpb-image-wrapper { line-height: 0;}
.dxpb-image p.noContent { display:none; }
.dxpb-image p.text { font-style: italic;  }
.dxpb-image .dxpb-image-img { max-width: 100%; }

/**
 *
 */
.dxpb-map .dx-google-map { height:300px; }
.dxpb-map .infoBox > img { position:relative; z-index:10; }
.dxpb-map .dxpb-google-map-infobox { 
    position: relative; z-index:5;
    background:rgba(255,255,255,0.75); border:1px solid #099;
    width:200px; margin-left:-100px; padding:10px;
}
.dxpb-map .dxpb-google-map-infobox h3, .dxpb-map .dxpb-google-map-infobox .content { color:#333; }
.dxpb-map .dxpb-google-map-infobox, .dxpb-map .infoBox > img { top:-40px; }

/** --------------------------------------------
 * Gallery as Thumbnail
 */
.dxpb-gallery .dx-gallery-item { float:left; margin:0; padding:0; }
.dxpb-gallery .dx-gallery-item .dx-gallery-thumbnail { display:block; }
.dxpb-gallery .dx-gallery-item p.noContent { display:none; }

/** --------------------------------------------
 * List
 */
.dxpb-list ul { margin:0;}
.dxpb-list ul li { list-style: none;  }

/** --------------------------------------------
 * Message
 */
.dxpb-message { border:1px solid #ccc; padding:10px; }
.dxpb-message blockquote { font-style: italic; }
.dxpb-message.important { background:#ccc; }

/** --------------------------------------------
 * Table
 */
.dxpb-table table { width:100%; border:1px solid #ccc; }
.dxpb-table table tr { border-bottom:1px solid #ccc; }
.dxpb-table table td, .dxpb-table table th { padding:3px; border-left:1px solid #ccc; }
.dxpb-table table th { background: #666; color:white; }
.dxpb-table table td:first-child { background:#ccc;}


/** --------------------------------------------
 * Accordion
 */
.dxaccordion .accordion-group > h3 { cursor: pointer; margin:0; font-size:100%; border:1px solid #ccc; border-top:none;}
.dxaccordion .accordion-group > h3:first-child { border-top:1px solid #ccc; }
.dxaccordion .accordion-group > h3 span.icon { margin-right:10px; }
.dxaccordion .accordion-group > h3 i.fa { background:#ccc; color:white; padding:10px; }
.dxaccordion .accordion-group > div { display:none; border:1px solid #ccc; border-top:none; padding:10px; }
.dxaccordion .accordion-group > div.active { display:block; }
.dxaccordion .iconCode { display:none; }

/** --------------------------------------------
 * Video
 */
.dxpb-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.dxpb-video-container iframe {
    position: absolute;  top:0;  left: 0;
    width: 100%;  height: 100%;
}

/** --------------------------------------------
 * tabs
 */
.dxtabs ul { list-style: none; margin:0; padding:0; }
.dxtabs ul li { 
    display:inline-block; cursor: pointer; margin:0; padding:0; 
    line-height: 25px; height: 25px;
    padding:0 10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;
}
.dxtabs ul li:first-child { margin-left:0; border-left:1px solid #ccc; }
.dxtabs ul li.active { background:#099; color:white; border-bottom-color:#666; }
.dxtabs .dxTabContent { display:none; }
.dxtabs .dxTabContent.active { display:block; }

.dxtabs.tabs-as-images ul li { width:80px; height: auto; line-height:normal; border:none; padding:0; margin:0;}
.dxtabs.tabs-as-images ul li.active { background:none; }

/** --------------------------------------------
 * DXSlider (based on slider revolution)
 */
.dxpbCycleSlider { width:100%; overflow:hidden; }
.dxpbCycleSlide , .dxpbCycleSlide .slideImage { width: 100%; }

.dxpbCycleCaption { display:none; }
.dxpbCycleCaptionViewport { 
    position: absolute; z-index:200;
    margin:0 5%; padding:2%;
    left:0; bottom:5%; display:none;
}

.dxpbCycleSlider.navOnMouseOver .dxpbCycleNavElement { display:none; }

.dxpbCyclePager { 
    position: absolute; bottom:10px; left:0; width:100%;
    text-align: center; padding:10px 0; z-index: 200;
}
.dxpbCyclePager .bullet { 
    display:inline-block; width:14px; height:14px; 
    margin-left:5px; background:#666; cursor: pointer;
    border-radius: 8px; -webkit-border-radius: 8px;
}
.dxpbCyclePager .bullet:first-child {margin:0;}
.dxpbCyclePager .bullet.cycle-pager-active { background:#099; }

.dxpbCycleNavBtn { 
    position: absolute; top:50%; z-index:200; 
    display:block; width:28px; height:28px;
    margin-top:-14px;
    background:#666; text-align: center; 
    border-radius: 15px; -webkit-border-radius: 15px;   
    cursor: pointer;
}
.dxpbCycleNavBtn > i.fa { font-size:18px; color:white; line-height: 28px; }
.dxpbCycleNavBtn:hover { background:#099; }

.dxpbCyclePrevBtn { left:5px; }
.dxpbCycleNextBtn { right:5px; }

.dxpbCycleSlide .slideColumn { float:left; display:block; text-align: center; }
.dxpbCycleSlide .slideColumn .slideColumnImage { width:85%; }



article.dxpb-post { margin-bottom:20px;}

 /** -------------------------------------------
  * GRID SYSTEM
  */ 
 .img-responsive { width:100%; height: auto; }

 /* simulate mobile devices */ 
.dxPageBuilder.tablet { max-width:768px; }
.dxPageBuilder.smartphone { max-width:480px; }

.col-1, .col-lg-1,.col-dxlp-1 { width: 8.333333333333332%; }
.col-2, .col-lg-2,.col-dxlp-2 { width: 16.666666666666664%; }
.col-3, .col-lg-3,.col-dxlp-3 { width: 25%; }
.col-4, .col-lg-4,.col-dxlp-4 { width: 33.33333333333333%; }
.col-5, .col-lg-5,.col-dxlp-5 { width: 41.66666666666667%; }
.col-6, .col-lg-6,.col-dxlp-6 { width: 50%; }
.col-7, .col-lg-7,.col-dxlp-7 { width: 58.333333333333336%; }
.col-8, .col-lg-8,.col-dxlp-8 { width: 66.66666666666666%; }
.col-9, .col-lg-9,.col-dxlp-9 { width: 75%; }
.col-10, .col-lg-10,.col-dxlp-10 { width: 83.33333333333334%; }
.col-11, .col-lg-11,.col-dxlp-11 { width: 91.66666666666666%; }
.col-12, .col-lg-12,.col-dxlp-12 { width: 100%; }


/* tablets */ 
@media (max-width:768px) {
    
    .dxPageBuilder.tablet, .dxPageBuilder.smartphone { width:auto; }

    br.clearfixMd { display:block; }
    br.clearfix, br.clearfixSm { display:none; }
    
    .col-md-1 { width: 8.333333333333332%; }
    .col-md-2 { width: 16.666666666666664%; }
    .col-md-3 { width: 25%; }
    .col-md-4 { width: 33.33333333333333%; }
    .col-md-5 { width: 41.66666666666667%; }
    .col-md-6 { width: 50%; }
    .col-md-7 { width: 58.333333333333336%; }
    .col-md-8 { width: 66.66666666666666%; }
    .col-md-9 { width: 75%; }
    .col-md-10 { width: 83.33333333333334%; }
    .col-md-11 { width: 91.66666666666666%; }
    .col-md-12 { width: 100%; }
}

/* phones */
@media (max-width:480px) {        
    #dxlpBar { position: absolute; }
    #dxlpBar .wappen { max-width: 40px; }
    
    .dxpb-row.boxed { margin:0; }
    .dxpb-row.inner_boxed .dxpb-row-cols-wrapper { margin:0; }

    br.clearfixSm { display:block; }
    br.clearfix, br.clearfixMd { display:none; }
    
    .col-sm-1 { width: 8.333333333333332%; }
    .col-sm-2 { width: 16.666666666666664%; }
    .col-sm-3 { width: 25%; }
    .col-sm-4 { width: 33.33333333333333%; }
    .col-sm-5 { width: 41.66666666666667%; }
    .col-sm-6 { width: 50%; }
    .col-sm-7 { width: 58.333333333333336%; }
    .col-sm-8 { width: 66.66666666666666%; }
    .col-sm-9 { width: 75%; }
    .col-sm-10 { width: 83.33333333333334%; }
    .col-sm-11 { width: 91.66666666666666%; }
    .col-sm-12 { width: 100%; }
}