/**************************************************************************************/
/*
/*		Designed by 'AgITO'
/*		Web: http://www.agito.de
/*		License: GNU/GPL
/*
/*****lila #393185********blau**#0503ED**oder 5 3 237********/

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

.block_60 { width:100% !important; }
.block_40 { width:100% !important; }
  .renovierung { width:100% !important; } 
#offcanvas-toggler {
    //float: right; 
  z-index:10000;
    line-height: 87px;
    margin-top: -30px;
    font-size: 20px;
}
  #sp-adresse-oben {font-size: 15px !important;}
  body {  font-size: 15px !important;}  
  
}

/**end media**/


html {
overflow-y:scroll;
}

a {font-weight:700;}
b {font-weight:700;}


body {
  font-family: Montserrat, sans-serif;color:#393185; line-height:1.6em; 
  font-size: 17px;
  font-weight: normal;
}

.bg1 {background:#E4E4F3;}
.bg_2 {background:#fff !important; }

h3 {margin: 0px; }
h1 { font-family: Alex Brush, sans-serif;
  font-size: 38px;
  font-weight: normal;
}


#sp-keywords h1 {font-size:1px; color:#fff;}
#sp-main-body { padding: 50px 0;}
#sp-footer {background: #393185; margin-bottom:30px;}
.sp-megamenu-parent {
  font-family: Quicksand, sans-serif;
  font-size: 22px;  font-weight: normal; text-align:right;}



#offcanvas-toggler {
   float: right; 
  z-index:10000;
    line-height: 87px;
    margin-top: -10px;
    font-size: 20px;
}

.offcanvas-menu { background-color: rgba(5,3,237,0.7);}

.pic1  {display:block; overflow:hidden; float:left; }
.pic11 {display:block; float:left; padding:1px; }

.pic2  {display:block; overflow:hidden; float:right; } 
.pic21  {float:right; padding:1px;  margin: 0px 0px 25px 25px; } /* xx */

.pic3  {display:block; overflow:hidden; margin:0 auto; padding-bottom:20px; } 
.pic32  {display:block; overflow:hidden; margin:0 auto; padding:30px 0px 40px 0px;} /* rode */


.block_100 { display:block; overflow:hidden; width:100%;  }
.block_60 { display:block; overflow:hidden; width:55%; float:left; }
.block_40 { display:block; overflow:hidden; width:35%; float:left; }
.padd_r {padding-right:20px;}
.padd_l {padding-left:20px;}


.table_block { display:block; overflow:hidden; width:60%; margin:20px 0px 20px 0px;  }
.oben_6 { display:block; overflow:hidden; width:37%; float:left; background:#E4E4F3; padding: 5px; margin:3px; }
.oben_7 { display:block; overflow:hidden; width:60%; float:left;  background:#E4E4F3;
  margin:3px;	padding: 5px; }
.oben_8 { display:block; overflow:hidden; width:100%; padding: 2px; }
.oben_rechts { display:block; overflow:hidden; width:100%; padding: 20px; }


.sticky-wrapper.is-sticky #sp-header {
    background: rgba(255,255,255,0.8) !important;
}
.sticky-wrapper.is-sticky #sp-header, .sticky-wrapper.is-sticky #sp-header .logo {
    height: auto !important;
}

#sp-header .bg_2 {display:block; overflow:hidden; height:auto;  }
#sp-header { height: auto !important; margin-bottom:30px !important;  }
#sp-menu { margin-top:20px !important;}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {
    color: #393185 !important;
}

.sp-megamenu-parent > li > a {
   color: #393185; font-weight:bold;
}

.sp-dropdown li.sp-menu-item > a {
    color: #393185 !important; font-size:18px !important; }

.sp-dropdown > li.active > a, .sp-dropdown > li:hover > a {
    color: #393185 !important;
}


.sp-module ul > li {    border-bottom: 0px solid #e8e8e8;    }

.fa {color:#ff6600; margin-right:10px;}
.fa_w {color:#fff; margin-right:10px;}

.fa-envelope {font-family: FontAwesome;
  content: "\f0e0"; }

.fa-phone {font-family: FontAwesome;
  content: "\f095"; }

.fa-laptop {font-family: FontAwesome;
  content: "\f109"; }

.fa-fax {font-family: FontAwesome;
  content: "\f1ac"; }

.renovierung {display:block; overflow:hidden; padding:20px; width:80%; margin: 0px auto; font-size:16px; border: 0px dotted #ccc; color:#B88734; font-weight:bold; font-style:italic; margin-bottom:20px;}

.tac {text-align:center;}


.cc-revoke, .cc-window {   
   font-family: Montserrat, sans-serif !important; 
    line-height: 1.4em !important; font-size:14px !important; }
.cc-revoke, .cc-window a {   
   text-shadow:none !important; text-decoration: none; }
.cc-link, .cc-revoke:hover {  text-decoration: none;}


/* alex-brush-regular - latin */
@font-face {
  font-family: 'Alex Brush';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/alex-brush-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/alex-brush-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alex-brush-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alex-brush-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/alex-brush-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alex-brush-v20-latin-regular.svg#AlexBrush') format('svg'); /* Legacy iOS */
}

/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quicksand-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quicksand-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v30-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}