body{background:#E4E3E3;}
#seitenfarbe{background-color:#ffffff;}

/*Weiche für kleine Bildschirme - wird später über queries für große Aktiviert*/
.buttbox {   
  display:none;
  }

/* kaushan-script-regular - latin */
@font-face {
  font-family: 'Kaushan Script';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.weigel-schrueffer.de/w-s/css/fonts/kaushan-script-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Kaushan Script'), local('KaushanScript-Regular'),
       url('https://www.weigel-schrueffer.de/w-s/css/fonts/kaushan-script-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.weigel-schrueffer.de/w-s/css/fonts/kaushan-script-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.weigel-schrueffer.de/w-s/css/fonts/kaushan-script-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.weigel-schrueffer.de/w-s/css/fonts/kaushan-script-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.weigel-schrueffer.de/w-s/css/fonts/kaushan-script-v6-latin-regular.svg#KaushanScript') format('svg'); /* Legacy iOS */
}


/* navigation */

/*navigation tablet aufwärts*/
#navipadding{padding-top:40px;padding-bottom:70px;}
#navi {position:relative; width:100%; margin-bottom: 20px; padding: 0; background:white; display:block}
#nav {display:inline;}
#nav a {display:inline; width:194px; text-decoration:none; padding: 0px 4px 0px 0px;}
#nav img{width:144px; height:auto;}

/*---------------------------------------*/
.navbar {
  background-color:#C83816;          
  }

.navbar a {
  color:white !important; 
  font-size:18px;                   
  margin:0px;
  }

.navbar a:hover {
  color:black !important;
  font-size:18px;
  }
.navbar li {
  text-align:left;          
  }
.nav_div { 
  font-weight:1;
  font-size:24px;
  float:right;
  margin-right:-15px;     
  }
.dropdown nav_div {
display:none;}
.navbar-collapse {
  border:none;
  }

/*footer*/
#footer{position:relative; bottom:0px; height:225px;}
#footer a{color:#CA3716;}
#footer .footer1 {position:relative; bottom: 0px; margin-top: 200px;}
#footer .footer2 {position:relative; bottom: 0px; margin-top: 180px;}
#footer .footer3 {position:relative; bottom: 0px; height: 225px;}
#footer .footer3  img {max-height: 225px; width:100%;}

/*-------*/

/* Schriftstyles für die Überschriften */
  #col1 h1 {color:#e3001a; font-family: 'Kaushan Script', cursive; font-size:30px; margin: 0 0 5px 0; padding: 0px 20px 25px 20px;}
  #col1 h3 {color:#000000; font-family: sans-serif,arial,verdana; font-size: 14px; margin: 0 0 5px 0; padding: 0 20px;}
  
  #col1 p  {color:black; font-family: sans-serif,arial,verdana; font-size: 12px;}
  #col1 p a {color:#3B3B3B; text-decoration: none;}
  #col1 p a:visited {color:#004e96;}
  #col1 p a:hover {text-decoration:underline;}
  #textarea  {color:black; font-family: sans-serif,arial,verdana; font-size: 13px; padding: 0 20px;}  
  #textarea  h2 {color:#C83816; font-family: sans-serif,arial,verdana; font-size: 18px; margin: 0 0 5px 0;}
  #textarea a {color:#e3001a; text-decoration: none;}
  #textarea a:visited {color:#e3001a;}
  #textarea a:hover {text-decoration:underline;}





/* B2B weichen */
@media(min-width:900px) {
#galleria{margin-right:43px;}
/********************* @media 1200 *********************/
@media(min-width:1200px) {
#nav img{width:180px;}
#galleria{margin-right:43px;}
/* Styles für Privat-B2B-Weiche */
.buttbox { 
    display:block;                  
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: fixed;
    top: 370px;
    left:-215px;
    width:500px;
    height: 60px; 
margin-top:-30px;        
}

.butt_priv, .butt_b2b { 
    display:inline-block;
    text-decoration:none;
    padding:5px 8px;
    font-family:Arial;
    text-align:left;
    font-weight:normal;
    font-size:14px;
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
    border-radius: 10px;	
    width:215px;
    border:none;            
    }

/* STYLES FÜR BUTT PRIVAT on */
.butt_priv {
    background-color:rgb(200,54,12);
    color:#fff;
    }

/* STYLES FÜR BUTT B2B on */
.butt_b2b:hover {  
    background: #555555; 
    background: -moz-linear-gradient(top,  #555555 0%, #acacac 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#acacac)); 
    background: -webkit-linear-gradient(top,  #555555 0%,#acacac 100%); 
    background: -o-linear-gradient(top,  #555555 0%,#acacac 100%); 
    background: -ms-linear-gradient(top,  #555555 0%,#acacac 100%); 
    background: linear-gradient(to bottom,  #555555 0%,#acacac 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#acacac',GradientType=0 );
    margin-left:2px;
    color:#fff;
    }

/* STYLES FÜR BUTT B2B off */	
.butt_b2b {
    background: #3e3e3e; 
    background: -moz-linear-gradient(top,  #3e3e3e 0%, #7d7d7d 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e3e3e), color-stop(100%,#7d7d7d)); 
    background: -webkit-linear-gradient(top,  #3e3e3e 0%,#7d7d7d 100%); 
    background: -o-linear-gradient(top,  #3e3e3e 0%,#7d7d7d 100%); 
    background: -ms-linear-gradient(top,  #3e3e3e 0%,#7d7d7d 100%);
    background: linear-gradient(to bottom,  #3e3e3e 0%,#7d7d7d 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#7d7d7d',GradientType=0 ); 
    margin-left:2px;
    color:rgb(186,186,186);
    }	

}
  
 /* ------------------- Social-Share-Plugin ------------------- */

#footer .social-share-plugin {padding: 5px 0;} 

#footer a.facebook {color: #3A5795; padding-right:25px;}
#footer a.facebook:hover {color: #4060A5;}

#footer a.twitter {color:#28A9E0; padding-right:25px;}
#footer a.twitter:hover {color: #2396C6;}

#footer a.googleplus {color:#DC4A38; padding-right:25px;}
#footer a.googleplus:hover {color: #C24132;}

#footer a.instagram {color:grey; padding-right:25px;}
#footer a.instagram:hover {color:darkgrey;}

#footer a.pinterest {color:#BD081C; padding-right:25px;}
#footer a.pinterest:hover {color:#A30718;}

#footer a.tumblr {color:#32405A; padding-right:25px;}
#footer a.tumblr:hover {color:#242E40;}

#footer a.mail {color:grey;}
#footer a.mail:hover {color:darkgrey;}