/*
Theme Name: BIGstrap
Theme URI: http://www.bs-konzept.com
Author: Manolito Neumann
Author URI: http://bs-konzept.com/
Version: 1.0
Description: Ein Wordpress Theme mit Bootstrap als Reponsive
Text Domain: BIGstrap

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
	font-family: "Roboto";
	font-weight: 400;
	font-style: normal;
	src: local('Roboto'), local('Roboto-Regular'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOmCnqEu92Fr1Mu4mxM.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Roboto";
	font-weight: 100;
	font-style: normal;
	src: local('Roboto Thin'), local('Roboto-Thin'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOkCnqEu92Fr1MmgVxIIzIXKMny.woff2) format('woff2'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOkCnqEu92Fr1MmgVxIIzQ.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Roboto";
	font-weight: 100;
	font-style: italic;
	src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOiCnqEu92Fr1Mu51QrEzAdL-vwnYg.woff2) format('woff2'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOiCnqEu92Fr1Mu51QrEzAdKQ.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Roboto";
	font-weight: 300;
	font-style: normal;
	src: local('Roboto Light'), local('Roboto-Light'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOlCnqEu92Fr1MmSU5fBBc-.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Roboto";
	font-weight: 300;
	font-style: italic;
	src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOjCnqEu92Fr1Mu51TjASc6CsTYl4BO.woff2) format('woff2'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOjCnqEu92Fr1Mu51TjASc6CsI.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Roboto";
	font-weight: 400;
	font-style: italic;
	src: local('Roboto Italic'), local('Roboto-Italic'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2) format('woff2'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOkCnqEu92Fr1Mu51xIIzQ.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Roboto";
	font-weight: 500;
	font-style: normal;
	src: local('Roboto Medium'), local('Roboto-Medium'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOlCnqEu92Fr1MmEU9fBBc-.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Roboto";
	font-weight: 500;
	font-style: italic;
	src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOjCnqEu92Fr1Mu51S7ACc6CsTYl4BO.woff2) format('woff2'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOjCnqEu92Fr1Mu51S7ACc6CsI.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Roboto";
	font-weight: 700;
	font-style: normal;
	src: local('Roboto Bold'), local('Roboto-Bold'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOlCnqEu92Fr1MmWUlfBBc-.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Roboto";
	font-weight: 700;
	font-style: italic;
	src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOjCnqEu92Fr1Mu51TzBic6CsTYl4BO.woff2) format('woff2'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOjCnqEu92Fr1Mu51TzBic6CsI.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Roboto";
	font-weight: 900;
	font-style: normal;
	src: local('Roboto Black'), local('Roboto-Black'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2) format('woff2'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOlCnqEu92Fr1MmYUtfBBc-.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Roboto";
	font-weight: 900;
	font-style: italic;
	src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOjCnqEu92Fr1Mu51TLBCc6CsTYl4BO.woff2) format('woff2'), url(//goldschmuck-bernsteinexperten.de/wp-content/uploads/sgf-css/KFOjCnqEu92Fr1Mu51TLBCc6CsI.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ----------------------------------------------------------------------
/* 01- 	TYPOGRAPHY 
/* ---------------------------------------------------------------------- */


html{ font-size: 100%; font-weight: 400;}

.container{max-width: 100%!important;}

@media (min-width: 1200px){
.container {
    max-width: 1000px;
}
} 
#wrapper {
    max-width: 78%;
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
    background: #f7f7f7;
}

body{
    background: #F7F7F7;
    color: #959595;
    font-size: 0.875rem;
    font-family:'Open Sans',Helvetica,Arial,sans-serif !important;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
    background: url("img/bg.png") repeat;
}



p{font-size: 1rem;}

p,ul,ol,pre,code {   margin-bottom:1em; }

a, a > * {
    color: #DD9933;
    font-size: 0.9375rem;
    text-decoration: none;
    -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

a:hover{ text-decoration:underline; font-size: 0.9375rem; color: #acac00; }

a:focus{color: #acac00;}

a:visited{color: #a2a2a2;}

body p {
    font-family: inherit;
    font-weight: 400;
    color: #676767 ;
    margin-bottom: 0;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 300;
    font-variant:normal;
    white-space:normal;
    color:#fff;
    margin-bottom:15px;
    font-family:inherit;
    text-align: left;
}


.content-h{
    font-family: inherit;
    font-size: 1rem;
    color: #dd9933;
    font-weight: 300;
    text-align: left;
    
}

span.h1-schrift{
    font-family: inherit;
    font-size: 1.875rem;
    color: #dd9933;
    font-weight: 300;
    line-height: 36px;
    text-transform: uppercase;  
    text-align: left;
    margin-top: 50px;
}

h1 {
    font-family: inherit;
    font-size: 1.875rem;
    color: #dd9933;
    font-weight: 300;
    line-height: 36px;
    text-transform: uppercase;  
    text-align: left;
}

h2 {
    font-family: inherit;
    font-size: 1.875rem;
    color: #dd9933;
    font-weight: 300;
    line-height:34px;
    text-align: left;
    text-transform: uppercase;  
}

.widgettitle h2{color: #161616;}

span.widgettitle{
    color: #161616;     
    font-family: inherit;
    font-size: 1.875rem;
    font-weight: 300;
    line-height:34px;
    text-align: left;
    text-transform: uppercase; 
}

span.widget-title{
    font-family: inherit;
    color: #dd9933;
    font-size: 1.875rem;
    font-weight: 300;
    line-height: 1.875rem;
    text-align: left;
    text-transform: uppercase;  
    
}

p.textwidget{color: #161616;}

.seo{    
    font-family: inherit;
    font-size: 1.875rem;
    color: #dd9933;
    font-weight: 300;
    line-height:34px;
    text-align: left;
}

h3 {
    font-family: inherit;
    color: #dd9933;
    font-size: 1.875rem;
    font-weight: 300;
    line-height: 1.875rem;
    text-align: left;
    text-transform: uppercase;  

}

h4 {
    font-family: inherit;
    font-size: 1.875rem;
    color: #dd9933;
    font-weight: 300;
    line-height:35px;
    text-align: left;
    text-transform: uppercase;  
}

h5 {
    font-family: inherit;
    font-size: 1.875rem;
    color: #dd9933;
    font-weight: 300;
    line-height:20px;
    text-align: left;
    text-transform: uppercase;  
}

h6 {
    font-family: inherit;
    font-size: 0.75rem;
    color: #fff;
    font-weight: 300;
    line-height:17px;
    text-align: left;
    text-transform: uppercase;  
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    color:#fff;
    font-size:100%;
    text-align: left;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
    font-size:100%;
    text-decoration:none;
}


/*~~~~~~~~~~~~~~~H1 Tittel auf der Page.php~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.title-header{
    margin-bottom: 20px;
    display: inline-block;
    padding-top: 5px; 
    padding-bottom: 5px;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    font-size: 48px;
    font-size: 3rem;
    font-weight: 300;
    color: #dd9933;
}

h3.title-header{
    margin-bottom: 20px;
    display: inline-block;
    padding-top: 5px; 
    padding-bottom: 5px;
    position: relative;
    text-transform: uppercase;
    text-align: left;
    font-size: 48px;
    font-size: 3rem;
    font-weight: 200;
    color: #dd9933; 
}

.title-border{
  background: url("img/title-border.png") repeat;
  height: 3px;
  position: relative;
  width: 100%;
  margin: -23px 0 0 0;
  z-index: 1;
  display: block;
}


.icon-schrift{font-weight: bold; font-size: 1.125rem; color: #003980;}
.icon-font{font-weight: 400; font-size: 0.9375rem; line-height: 24px; color: #111; }
a.weiterlesen.btn.btn-default, a.weiterlesen.btn-default:hover{
    width: 120px;
    padding: 8px 15px;
    margin-bottom: 10px;
    font-size: 0.9375rem;
    border-color: #acac00;
    color: #acac00;
    background: none;
}

.slider-font-one{    
    line-height: 50px;
    color: #FFFFFF;
    text-shadow: 0 2px 2px rgba(0,0,0,0.5);
    margin: 0.1em 0;
    font-family: Roboto;
    font-weight: 100;
    font-size: 50px;
    text-align: center!important;
}


.slider-font-two{    
    line-height: 250px;
    color: #090506;
    text-shadow: 0 2px 2px rgba(0,0,0,0.5);
    margin: 0em 0;
    font-family: Roboto;
    font-weight: 100;
    font-size: 50px;
    text-align: center!important;
}

.slider-font-three{    
    line-height: 250px;
    color: #CD9624;
    margin: 0em 0;
    font-family: Roboto;
    font-weight: 100;
    font-size: 100px;
    text-align: center!important;
}

.sow-slider-base .sow-slide-nav a em {
    display: block;
    font-size: 55px;
}



/* ----------------------------------------------------------------------
/* 02- 	WORDPRESS  
/* ---------------------------------------------------------------------- */
img{
    max-width: 100%;
    height: auto;
}

img.wp-post-image{position: absolute; left: 15%;}

.post-image{max-width: 60%; height: auto; margin:  0 auto;}

.wp-image-12, .size-large{
	max-width: 100%;
	height: auto;
	
}

.size-thumbnail{ max-width: 150px; height: 150px;}

.size-medium {max-width: 300px; max-height: 300px;}


.content{
	padding-top: 10px;
}

.strich{
	border-bottom: 2px solid #001662;
	
}

.abstand{
	padding-top: 10px;
	width: 100%;
}

.alignleft{
	float: left;
	margin: 0 10px 3px 0;
	
}

.alignright{
	float: right;
	margin: 0 0px 5px 10px;
}

.aligncenter{
	clear: both; 
	display: block; 
	margin-left: auto; 
	margin-right: auto
}

.wp-caption-text{
	font-style: italic;
	font-size: 90%;
}

.category_thumbnail{
	float: left;
	margin: 0 1em 1em 0;
	max-width: 80%;
	height: auto;
	
}

ul.comments,
ul.children{
	list-style-type: none;
	padding-left: 0px;
}


ul#menu-sekundaeres-menue-1,
ul#menu-sekundaeres-menue-2{
	list-style-type: none;
	 
}

ul#menu-sekundaeres-menue-1,
ul#menu-sekundaeres-menue-2 li{
	list-style-type: none; 
	margin-left: -40px;
}

li.widget{
	list-style-type: none;
}


.more{margin-top: 15px;}


/*FOOTER MENU*/
ul#menu-footer-block{margin: 0; padding: 0;}
#menu-footer-block li{border-bottom: dotted #001662 1px; list-style: none; margin-bottom: 10px;}

            

/*COMMENTS*/

/* ----------------------------------------------------------------------
/* 03- 	HOME:PHP CSS
/* ---------------------------------------------------------------------- */

.text-ueber{text-align: center; font-size: 1.5rem; margin-bottom: 0px; color: #001662; text-transform: uppercase;}

/* ----------------------------------------------------------------------
/* 03- 	HEADER CSS
/* ---------------------------------------------------------------------- */

.logo{width: 227px; height: auto; padding: 10px 0;     margin-top: 0px; margin-bottom: 8px;}

.header{  
  width: 100%; 
}


/*--- SOCIAL MEADIA ICON ---*/
header .fa{
   font-size: 1.875rem;
   color: #c9c9c9;
   text-decoration: none;
   -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
   -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
   -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
   transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

header  .fa:hover{
    font-size: 1.875rem;
    color: #001662;    
}

/*--- SUCHFELD ---*/

#call-to-action{
    font-size: 1rem;
    padding-top: 5px;
    text-align: right;
}

#call-to-action h2{
    text-align: right;
    margin: 0;
}

#call-to-action i.fa{
    font-size: 1rem;
    text-align: right;
    margin: 0;
    color: #161616;
}

#call-to-action p, a, a:hover{
    font-size: 1rem;
    color: #161616;
}

.navbar-form{
    margin: 0px -16px;
}

#search-form input{
    background: none;
    font-size: 0.75rem;
    height: 25px;
    margin: 0 0 13px 0;
    max-width: 100%;
    display: inline-block;
}


@media screen and (max-width: 900px) {
#search-form input{
    background: none;
    font-size: 0.75rem;
    height: 25px;
    margin: 0 0 13px 0;
    max-width: 50%;
    display: inline-block;
}
}

#search-form button{
    background: none;
    height: 25px;
    margin: 0 0 13px 0;
    padding-bottom: 5px;
}


@media screen and (max-width: 900px) {
#search-form button{
    background: none;
    height: 25px;
    margin: 0 0 0 0;
    padding-bottom: 5px;
}
}


#search-form .fa-search{
    font-size: 1.125rem;
}

.btn{
    padding: 2px 7px;
}

.form-control:focus{
    border-color: #001662;
    -webkit-box-shadow: 1px 2px 20px -1px rgba(0,22,98,1);
    -moz-box-shadow: 1px 2px 20px -1px rgba(0,22,98,1);
    box-shadow: 1px 0px 8px -1px rgba(0,22,98,1);
}

/* ----------------------------------------------------------------------
/* 04- 	HOME CONTENT CSSS 
/* ---------------------------------------------------------------------- */
.content-frame-home{
    /*border: 1px solid #1b1b1b;*/
    max-width: 1060px;
    text-align: justify;
    font-size: 100%;
    position: relative;
    margin-top: 35%;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 6px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.04);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15), 0 1px 0 rgba(255, 255, 255, .04);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.04);
}

.content-frame-site{
    /*border: 1px solid #1b1b1b;*/
    font-size: 100%;
    position: relative;
    margin-top: 20px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 6px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.04);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15), 0 1px 0 rgba(255, 255, 255, .04);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.04);
}

.bild{
    display: block;
    overflow: hidden;
    height: 154px;
    width: 313px;
}

.bild img {
    display: block; /* Otherwise it keeps some space around baseline */
    min-width: 100%;    /* Scale up to fill container width */
    min-height: 100%;   /* Scale up to fill container height */
    -ms-interpolation-mode: bicubic; /* Scaled images look a bit better in IE now */
}



.social { display: block; }
.social ul { display:inline;  padding: 0 0 10px 0;}
.social li { list-style-type: none; display: inline; font-size: 0.875rem; }
.social li:first-child > a {padding-left:  0;} 


 /*Facebook Icon Sidebar*/
.social li a .fa-facebook  {
    margin: 0px 5px 5px 0px;
    background: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 20px;
    text-align: center;
    width: 50px;
    line-height: 50px;
    color: #555;
}

.social li a .fa-facebook:hover{
    background: #3b5998; 
    color: #fff;
}


/*twitter Icon Sidebar*/
.social li a .fa-twitter  {
    margin: 0px 5px 5px 0px;
    background: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 20px;
    text-align: center;
    width: 50px;
    line-height: 50px;
    color: #555;
}

.social li a .fa-twitter:hover{
    background: #4099FF; 
    color: #fff;
}



/*Google + Icon Sidebar*/
.social li a .fa-google-plus  {
    margin: 0px 5px 5px 0px;
    background: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 20px;
    text-align: center;
    width: 50px;
    line-height: 50px;
    color: #555;
}

.social li a .fa-google-plus:hover{
    background: #DD3A22; 
    color: #fff;
}

aside p{font-size: 0.8125rem; font-weight: 400; color: #111;}
aside h2{ font-size: 18px; font-weight: 300; text-transform: none; color: #111;}
aside h2:first-child{ margin-top: 0;}
aside ul {padding: 0;}
aside ul li {list-style: none; font-size: 13px; font-weight: 400; color: #111;}




/* ----------------------------------------------------------------------
/* 04- 	PAGE CONTENT CSSS 
/* ---------------------------------------------------------------------- */
.content-frame{
    /*border: 1px solid #1b1b1b;*/
    max-width: 1060px;
    text-align: justify;
    font-size: 100%;
    position: relative;
    margin-top: 20px;
    background: rgba(0, 0, 0, 0.4);
    padding-bottom: 50px;
    border-radius: 6px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.04);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15), 0 1px 0 rgba(255, 255, 255, .04);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.04);
}

.header-bg{min-height: 100px; background: #111; padding-top: 30px;}

.banner-bg{background: url("./img/unternehmen-bg.png"); background-repeat: no-repeat; height: 152px; padding-top: 55px;}
.banner-bg h1{font-size: 30px; text-transform: none; margin-bottom: 0;}

#breadcrumb,#breadcrumb a{color: #fff; font-size: 12px;}

.text p{font-size: 0.8125rem; font-weight: normal; line-height: 20px; color: #111;}
.text h1, .text h2, .text h3, .text h4{
    font-size: 1.625rem; 
    font-weight: 300; 
    text-transform: none; 
    color:#dd9933; 
    margin: 30px 0 15px 0;  
    padding: 0;
    line-height: 20px;
}



.abstand {
  margin-top: 25px;
}


/* ----------------------------------------------------------------------
/* 04- 	SINGLE | MIXTAPES CONTENT CSSS 
/* ---------------------------------------------------------------------- */

.meta{
    font-size: 0.8125rem;
}


/**KOMENTAR FELD**/
.comments { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
.comments li { }
.comments li.alt { }
.comments li.bypostauthor {}
.comments li.byuser {}
.comments li.comment-author-admin {}
.comments li.comment { border-bottom:1px dotted #666; padding:1em; }
.comments li.comment div.comment-author {}
.comments li.comment div.vcard { font: 16px;}
.comments li.comment div.vcard cite.fn { font-style:normal; }
.comments li.comment div.vcard cite.fn a.url {}
.comments li.comment div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
.comments li.comment div.vcard img.avatar-32 {}
.comments li.comment div.vcard img.photo {}
.comments li.comment div.vcard span.says {}
.comments li.comment div.commentmetadata {}
.comments li.comment div.comment_meta {}
.comments li.comment div.comment-meta { font-size:9px; color: #001662; }
.comments li.comment div.comment-meta a { }
.comments li.comment p { font-size: 1rem; margin:0 0 1em; }
.comments li.comment ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
.comments li.comment div.reply { font-size:11px; }
.comments li.comment div.reply a { font-weight:bold; }
.comments li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
.comments li.comment ul.children li {}
.comments li.comment ul.children li.alt {}
.comments li.comment ul.children li.bypostauthor {}
.comments li.comment ul.children li.byuser {}
.comments li.comment ul.children li.comment {}
.comments li.comment ul.children li.comment-author-admin {}
.comments li.comment ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
.comments li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
.comments li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
.comments li.comment ul.children li.depth-5 {}
.comments li.comment ul.children li.odd {}
.comments li.even {  }
.comments li.odd { margin-left: 20px; margin-top: 15px;}
.comments li.parent { border-left:5px solid #111; }
.comments li.thread-alt { }
.comments li.thread-even {}
.comments li.thread-odd {}

/* ----------------------------------------------------------------------
/* 04- 	CATEGORY.PHP| MIXTAPES CONTENT CSSS 
/* ---------------------------------------------------------------------- */

/* DIE BILD ANSICHT MIT LUPE */
.view {
   width: 300px;
   height: 300px;
   margin: 0 10px 10px 0;
   float: left;
   border: 5px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
}

.view .mask, .view .content {
   width: 300px;
   height: 300px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view img {
   display: block;
   position: relative;
}

.view a.info {
   background:url('./img/magnify-alt.png') center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:50px;
   height:50px;
   margin-top: -10px;
}


.second-effect .mask {
   opacity: 0;
   overflow:visible;
   border:0px solid rgba(0,0,0,0.7);
   box-sizing:border-box;
   transition: all 0.4s ease-in-out;
}

.second-effect a.info {
   position:relative;
   top: -10px;
   left: -25px;
   opacity:0;
   transform:scale(0,0);
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}

.second-effect:hover .mask {
   opacity: 1;
   border:150px solid rgba(0,0,0,0.7);
}

.second-effect:hover a.info {
   opacity:1;
   transform:scale(1,1);
   transition-delay:0.3s;
}


/* ----------------------------------------------------------------------
/* 04- 	CATEGORY.PHP | NEWS CONTENT CSSS 
/* ---------------------------------------------------------------------- */

.post_meta{
    	overflow:hidden;
	margin-bottom:1em;
	padding:.5em 0;
	border-top:1px solid #2d2d2d;
	border-bottom:1px solid #2d2d2d;
	color: #2d2d2d;
        font-size: 0.9375rem;
}


.post_meta a{color: #2d2d2d; text-decoration: underline; display: inline-block;}
.post_meta span.fa-comments{font-size: 1.25rem;}
.post_meta span.fa-pencil{color: #2d2d2d;}

.category-excerpt:after{    
    clear: both;
    display: block;
    content: "";
}

/* ----------------------------------------------------------------------
/* 05- 	FOOTER & COPYRIGHT CSS
/* ---------------------------------------------------------------------- */
.footer{
    text-align: justify;
    font-size: 100%;
    position: relative;
    background: #1b1e4b;
/*    border-radius: 6px;*/
}


footer{
    background: #222;
    padding-top: 100px;
    min-height: 280px;
}

.description{margin-top: 2%;}
.description p{font-size: 0.75rem; font-weight: 400;}

/*FOOTER MENU*/

.footer-info { display: block; }
.footer-info ul { display:inline; float:left; padding: 25px 0 10px 0; font-size: 0.875rem;}
.footer-info li  {
    list-style-type: none; 
    display: inline; 
    font-size: 0.75rem;
    text-decoration:none;   
    font-weight:normal;
    padding: 0 25px 0 25px;
}
.footer-info li:first-child   {padding-left:  0;} 
.footer-info li:last-child  {border-right: none;} /* remove pipe from last item */

.footer-info-social { display: block; }
.footer-info-social ul { display:inline; float:left; padding: 25px 0 10px 0; font-size: 0.875rem;}
.footer-info-social li  {
    list-style-type: none; 
    display: inline; 
    font-size: 1.125rem;
    text-decoration:none;   
    font-weight:normal;
    padding: 0 10px 0 0;
}
.footer-info-social li:first-child   {padding-left:  0;} 
.footer-info-social li:last-child  {border-right: none;} /* remove pipe from last item */


/**************/
/*HOME SCHRIFT*/
/*************/
.postbote{margin-top: -30px;}
.kontaktzeile {margin-top: -50px;}

.schrift1{text-align: center; color: #fff; font-weight: 400; font-size: 50px; line-height: 40px;}
.fliesstext1{text-align: center; color: #fff; font-size: 30px; line-height: 34px;}
.text3{ text-align: center; color: #E88B24; font-size: 35px; font-weight: bolder;}
.text3achtung{text-align: center;  font-size: 25px; font-weight: 300; }
.text4{text-align: center; color: #ffffff; font-size: 46px;}
.text5{text-align: center; color: #ffffff; font-size: 35px;}
.text6{color: #ffffff; font-weight:bold; font-size: 38px;}
.text7{color: #666666; font-size: x-large;}
.text8{color: #ffffff; font-size: 45px;}
.text9{color: #ffffff; font-size: large;}
.oma-text{font-weight: 300; font-size: 28px; line-height: 34px; text-align: justify;}
.stichpunkte { display: block; }
    .stichpunkte ul { margin: 5px 0;}
    .stichpunkte li {color: #161616; font-size: 18px;}
    .stichpunkte li:last-child{padding-top: 0px; color: #161616; font-size: 18px;} /* remove pipe from last item */
.rot{color: #ff3232;}  

.text6 a:hover{font-weight:bold; font-size: 38px;}


.tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    margin: 0 0 20px;
    padding: 0 0!important;
    text-align: left;
    vertical-align: top;
    width: 33.3333%;
    zoom: 1;
}

.tribe-events-event-image img {
    margin-left: 0%;
    position: inherit;
}


.tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix {
    border-top: 1px solid;
    /* padding-top: 0px; */
}


#pg-2-8{
    margin:0;
}

    
/*KONTAKT FORMULAR -- STARTSEITE HOME*/    

div#wpcf7-f66-p2-o1 p {
    color: black;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
}

    
.link-visi{display: none;}


@media only screen and (max-width : 500px){
    .logo{max-width: 230px!important; height: auto; padding: 10px 0;}
    .header{display: none;}
    .link-visi{display:  block; color: #fff;}
    a:hover.link-visi{display:  block; color: gray;}
    .schrift1{text-align: center; color: #fff; font-weight: 400; font-size: 40px; line-height: 45px;}
    .stichpunkte { display: block; }
    .stichpunkte ul { }
    .stichpunkte li {color: #161616; font-size: 14px; line-height: 1px;}
    .stichpunkte li:first-child {padding-top: 20px;}
    .stichpunkte li:last-child{padding-top: 20px; color: #161616; font-size: 14px;} /* remove pipe from last item */
    .slider-font-one{font-size: 40px; line-height: 5px;}
    .text6{font-size: 30px;}
    .text6 a:hover{font-weight:bold; font-size: 30px;}

}