/*************************************************************/
/********************* TABLE OF CONTENTS *********************/
/*************************************************************/
/**                                                         **/
/** General Styles                                          **/
/** Generic Styles                                          **/
/** Typography                                              **/
/** Regions                                                 **/
/**  - Region & Block Spacings                              **/
/**  - Header                                               **/
/** Menus                                                   **/
/**  - Nav                                                  **/
/**  - Mav Pills                                            **/
/**  - Main Menu                                            **/
/** Highlighted                                             **/
/**  - Highlighted Image                                    **/
/**  - Highlighted Image Blog                               **/
/**  - Highlighted Blog Single                              **/
/** Portfolio                                               **/
/**  - Portfolio Block                                      **/
/**  - Portfolio Slider Block                               **/
/** Blog                                                    **/
/**  - Blog Single                                          **/
/** Team                                                    **/
/** Panels                                                  **/
/** Comments                                                **/
/** Pagination                                              **/
/** Tabs                                                    **/
/** Accordions                                              **/
/** Wells                                                   **/
/** Buttons                                                 **/
/** Labels                                                  **/
/** Alerts                                                  **/
/** Popovers                                                **/
/** Progress Bars                                           **/
/** Forms                                                   **/
/** Colors & Backgrounds                                    **/
/**  - Text Color Palette                                   **/
/**  - Text Colors                                          **/
/**  - Background Colors                                    **/
/**  - Background Images                                    **/
/**                                                         **/
/*************************************************************/
/*************************************************************/


.AbstandDJ
{
	letter-spacing:-10px
}

.und14
{
	font-size:14px;
	letter-spacing:-3px
}

.und10
{
	font-size:10px;
	letter-spacing:-5px
}

.und12
{
	font-size:12px;
	letter-spacing:-5px
}


.verpackt-blocks
{
		text-align:justify;
		vertical-align:top;
		padding:20px;
		border-radius: 18px;
		width:330px;
}



.startseiten-boxen
{
 -ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
		text-align:justify;
}

.text-ausrichten
{
 -ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
		text-align:justify;
}


article {
  margin: 0 auto;
  width: 100%;
  text-align: justify;
}

article p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/*************************************************************/
/*********************** General Styles **********************/
/*************************************************************/

body {
  color: #666;
  font-size: 1.6em;
  line-height: 1.6em;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  word-wrap: break-word;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}

  body::-webkit-scrollbar {
  display: none; }

a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

a:hover,
a:focus,
a:active {
  color: #2b2b2b;
  text-decoration: none;
}

.hoehe-zwischen-bild
{

height:500px;

}


/*************************************************************/
/*********************** Generic Styles **********************/
/*************************************************************/

.margin-0         { margin: 0; }
.margin-left-0    { margin-left: 0; }
.margin-top-0     { margin-top: 0; }
.margin-right-0   { margin-right: 0; }
.margin-bottom-0  { margin-bottom: 0; }

.margin-5         { margin: 5px; }
.margin-left-5    { margin-left: 5px; }
.margin-top-5     { margin-top: 5px; }
.margin-right-5   { margin-right: 5px; }
.margin-bottom-5  { margin-bottom: 5px; }

.margin-10        { margin: 10px; }
.margin-left-10   { margin-left: 10px; }
.margin-top-10    { margin-top: 10px; }
.margin-right-10  { margin-right: 10px; }
.margin-bottom-10 { margin-bottom: 10px; }

.margin-15        { margin: 15px; }
.margin-left-15   { margin-left: 15px; }
.margin-top-15    { margin-top: 15px; }
.margin-right-15  { margin-right: 15px; }
.margin-bottom-15 { margin-bottom: 15px; }

.margin-20        { margin: 20px; }
.margin-left-20   { margin-left: 20px; }
.margin-top-20    { margin-top: 20px; }
.margin-right-20  { margin-right: 20px; }
.margin-bottom-20 { margin-bottom: 20px; }

.margin-30        { margin: 30px; }
.margin-left-30   { margin-left: 30px; }
.margin-top-30    { margin-top: 30px; }
.margin-right-30  { margin-right: 30px; }
.margin-bottom-30 { margin-bottom: 30px; }

.margin-40        { margin: 40px; }
.margin-left-40   { margin-left: 40px; }
.margin-top-40    { margin-top: 40px; }
.margin-right-40  { margin-right: 40px; }
.margin-bottom-40 { margin-bottom: 40px; }

.margin-50        { margin: 50px; }
.margin-left-50   { margin-left: 50px; }
.margin-top-50    { margin-top: 50px; }
.margin-right-50  { margin-right: 50px; }
.margin-bottom-50 { margin-bottom: 50px; }

@media (max-width: 1200px) {
  .margin-md-0         { margin: 0; }
  .margin-left-md-0    { margin-left: 0; }
  .margin-top-md-0     { margin-top: 0; }
  .margin-right-md-0   { margin-right: 0; }
  .margin-bottom-md-0  { margin-bottom: 0; }

  .margin-md-5         { margin: 5px; }
  .margin-left-md-5    { margin-left: 5px; }
  .margin-top-md-5     { margin-top: 5px; }
  .margin-right-md-5   { margin-right: 5px; }
  .margin-bottom-md-5  { margin-bottom: 5px; }

  .margin-md-10        { margin: 10px; }
  .margin-left-md-10   { margin-left: 10px; }
  .margin-top-md-10    { margin-top: 10px; }
  .margin-right-md-10  { margin-right: 10px; }
  .margin-bottom-md-10 { margin-bottom: 10px; }

  .margin-md-15        { margin: 15px; }
  .margin-left-md-15   { margin-left: 15px; }
  .margin-top-md-15    { margin-top: 15px; }
  .margin-right-md-15  { margin-right: 15px; }
  .margin-bottom-md-15 { margin-bottom: 15px; }

  .margin-md-20        { margin: 20px; }
  .margin-left-md-20   { margin-left: 20px; }
  .margin-top-md-20    { margin-top: 20px; }
  .margin-right-md-20  { margin-right: 20px; }
  .margin-bottom-md-20 { margin-bottom: 20px; }

  .margin-md-30        { margin: 30px; }
  .margin-left-md-30   { margin-left: 30px; }
  .margin-top-md-30    { margin-top: 30px; }
  .margin-right-md-30  { margin-right: 30px; }
  .margin-bottom-md-30 { margin-bottom: 30px; }

  .margin-md-40        { margin: 40px; }
  .margin-left-md-40   { margin-left: 40px; }
  .margin-top-md-40    { margin-top: 40px; }
  .margin-right-md-40  { margin-right: 40px; }
  .margin-bottom-md-40 { margin-bottom: 40px; }

  .margin-md-50        { margin: 50px; }
  .margin-left-md-50   { margin-left: 50px; }
  .margin-top-md-50    { margin-top: 50px; }
  .margin-right-md-50  { margin-right: 50px; }
  .margin-bottom-md-50 { margin-bottom: 50px; }
}

@media (max-width: 991px) {
  .margin-sm-0         { margin: 0; }
  .margin-left-sm-0    { margin-left: 0; }
  .margin-top-sm-0     { margin-top: 0; }
  .margin-right-sm-0   { margin-right: 0; }
  .margin-bottom-sm-0  { margin-bottom: 0; }

  .margin-sm-5         { margin: 5px; }
  .margin-left-sm-5    { margin-left: 5px; }
  .margin-top-sm-5     { margin-top: 5px; }
  .margin-right-sm-5   { margin-right: 5px; }
  .margin-bottom-sm-5  { margin-bottom: 5px; }

  .margin-sm-10        { margin: 10px; }
  .margin-left-sm-10   { margin-left: 10px; }
  .margin-top-sm-10    { margin-top: 10px; }
  .margin-right-sm-10  { margin-right: 10px; }
  .margin-bottom-sm-10 { margin-bottom: 10px; }

  .margin-sm-15        { margin: 15px; }
  .margin-left-sm-15   { margin-left: 15px; }
  .margin-top-sm-15    { margin-top: 15px; }
  .margin-right-sm-15  { margin-right: 15px; }
  .margin-bottom-sm-15 { margin-bottom: 15px; }

  .margin-sm-20        { margin: 20px; }
  .margin-left-sm-20   { margin-left: 20px; }
  .margin-top-sm-20    { margin-top: 20px; }
  .margin-right-sm-20  { margin-right: 20px; }
  .margin-bottom-sm-20 { margin-bottom: 20px; }

  .margin-sm-30        { margin: 30px; }
  .margin-left-sm-30   { margin-left: 30px; }
  .margin-top-sm-30    { margin-top: 30px; }
  .margin-right-sm-30  { margin-right: 30px; }
  .margin-bottom-sm-30 { margin-bottom: 30px; }

  .margin-sm-40        { margin: 40px; }
  .margin-left-sm-40   { margin-left: 40px; }
  .margin-top-sm-40    { margin-top: 40px; }
  .margin-right-sm-40  { margin-right: 40px; }
  .margin-bottom-sm-40 { margin-bottom: 40px; }

  .margin-sm-50        { margin: 50px; }
  .margin-left-sm-50   { margin-left: 50px; }
  .margin-top-sm-50    { margin-top: 50px; }
  .margin-right-sm-50  { margin-right: 50px; }
  .margin-bottom-sm-50 { margin-bottom: 50px; }
}

@media (max-width: 767px) {
  .margin-xs-0         { margin: 0; }
  .margin-left-xs-0    { margin-left: 0; }
  .margin-top-xs-0     { margin-top: 0; }
  .margin-right-xs-0   { margin-right: 0; }
  .margin-bottom-xs-0  { margin-bottom: 0; }

  .margin-xs-5         { margin: 5px; }
  .margin-left-xs-5    { margin-left: 5px; }
  .margin-top-xs-5     { margin-top: 5px; }
  .margin-right-xs-5   { margin-right: 5px; }
  .margin-bottom-xs-5  { margin-bottom: 5px; }

  .margin-xs-10        { margin: 10px; }
  .margin-left-xs-10   { margin-left: 10px; }
  .margin-top-xs-10    { margin-top: 10px; }
  .margin-right-xs-10  { margin-right: 10px; }
  .margin-bottom-xs-10 { margin-bottom: 10px; }

  .margin-xs-15        { margin: 15px; }
  .margin-left-xs-15   { margin-left: 15px; }
  .margin-top-xs-15    { margin-top: 15px; }
  .margin-right-xs-15  { margin-right: 15px; }
  .margin-bottom-xs-15 { margin-bottom: 15px; }

  .margin-xs-20        { margin: 20px; }
  .margin-left-xs-20   { margin-left: 20px; }
  .margin-top-xs-20    { margin-top: 20px; }
  .margin-right-xs-20  { margin-right: 20px; }
  .margin-bottom-xs-20 { margin-bottom: 20px; }

  .margin-xs-30        { margin: 30px; }
  .margin-left-xs-30   { margin-left: 30px; }
  .margin-top-xs-30    { margin-top: 30px; }
  .margin-right-xs-30  { margin-right: 30px; }
  .margin-bottom-xs-30 { margin-bottom: 30px; }

  .margin-xs-40        { margin: 40px; }
  .margin-left-xs-40   { margin-left: 40px; }
  .margin-top-xs-40    { margin-top: 40px; }
  .margin-right-xs-40  { margin-right: 40px; }
  .margin-bottom-xs-40 { margin-bottom: 40px; }

  .margin-xs-50        { margin: 50px; }
  .margin-left-xs-50   { margin-left: 50px; }
  .margin-top-xs-50    { margin-top: 50px; }
  .margin-right-xs-50  { margin-right: 50px; }
  .margin-bottom-xs-50 { margin-bottom: 50px; }
}

.padding-0         { padding: 0; }
.padding-left-0    { padding-left: 0; }
.padding-top-0     { padding-top: 0; }
.padding-right-0   { padding-right: 0; }
.padding-bottom-0  { padding-bottom: 0; }

.padding-5         { padding: 5px; }
.padding-left-5    { padding-left: 5px; }
.padding-top-5     { padding-top: 5px; }
.padding-right-5   { padding-right: 5px; }
.padding-bottom-5  { padding-bottom: 5px; }

.padding-10        { padding: 10px; }
.padding-left-10   { padding-left: 10px; }
.padding-top-10    { padding-top: 10px; }
.padding-right-10  { padding-right: 10px; }
.padding-bottom-10 { padding-bottom: 10px; }

.padding-15        { padding: 15px; }
.padding-left-15   { padding-left: 15px; }
.padding-top-15    { padding-top: 15px; }
.padding-right-15  { padding-right: 15px; }
.padding-bottom-15 { padding-bottom: 15px; }

.padding-20        { padding: 20px; }
.padding-left-20   { padding-left: 20px; }
.padding-top-20    { padding-top: 20px; }
.padding-right-20  { padding-right: 20px; }
.padding-bottom-20 { padding-bottom: 20px; }

.padding-30        { padding: 30px; }
.padding-left-30   { padding-left: 30px; }
.padding-top-30    { padding-top: 30px; }
.padding-right-30  { padding-right: 30px; }
.padding-bottom-30 { padding-bottom: 30px; }

.padding-40        { padding: 40px; }
.padding-left-40   { padding-left: 40px; }
.padding-top-40    { padding-top: 40px; }
.padding-right-40  { padding-right: 40px; }
.padding-bottom-40 { padding-bottom: 40px; }

.padding-50        { padding: 50px; }
.padding-left-50   { padding-left: 50px; }
.padding-top-50    { padding-top: 50px; }
.padding-right-50  { padding-right: 50px; }
.padding-bottom-50 { padding-bottom: 50px; }

@media (max-width: 1200px) {
  .padding-md-0         { padding: 0; }
  .padding-left-md-0    { padding-left: 0; }
  .padding-top-md-0     { padding-top: 0; }
  .padding-right-md-0   { padding-right: 0; }
  .padding-bottom-md-0  { padding-bottom: 0; }

  .padding-md-5         { padding: 5px; }
  .padding-left-md-5    { padding-left: 5px; }
  .padding-top-md-5     { padding-top: 5px; }
  .padding-right-md-5   { padding-right: 5px; }
  .padding-bottom-md-5  { padding-bottom: 5px; }

  .padding-md-10        { padding: 10px; }
  .padding-left-md-10   { padding-left: 10px; }
  .padding-top-md-10    { padding-top: 10px; }
  .padding-right-md-10  { padding-right: 10px; }
  .padding-bottom-md-10 { padding-bottom: 10px; }

  .padding-md-15        { padding: 15px; }
  .padding-left-md-15   { padding-left: 15px; }
  .padding-top-md-15    { padding-top: 15px; }
  .padding-right-md-15  { padding-right: 15px; }
  .padding-bottom-md-15 { padding-bottom: 15px; }

  .padding-md-20        { padding: 20px; }
  .padding-left-md-20   { padding-left: 20px; }
  .padding-top-md-20    { padding-top: 20px; }
  .padding-right-md-20  { padding-right: 20px; }
  .padding-bottom-md-20 { padding-bottom: 20px; }

  .padding-md-30        { padding: 30px; }
  .padding-left-md-30   { padding-left: 30px; }
  .padding-top-md-30    { padding-top: 30px; }
  .padding-right-md-30  { padding-right: 30px; }
  .padding-bottom-md-30 { padding-bottom: 30px; }

  .padding-md-40        { padding: 20px; }
  .padding-left-md-40   { padding-left: 20px; }
  .padding-top-md-40    { padding-top: 20px; }
  .padding-right-md-40  { padding-right: 20px; }
  .padding-bottom-md-40 { padding-bottom: 20px; }

  .padding-md-50        { padding: 50px; }
  .padding-left-md-50   { padding-left: 50px; }
  .padding-top-md-50    { padding-top: 50px; }
  .padding-right-md-50  { padding-right: 50px; }
  .padding-bottom-md-50 { padding-bottom: 50px; }
}

@media (max-width: 991px) {
  .padding-sm-0         { padding: 0; }
  .padding-left-sm-0    { padding-left: 0; }
  .padding-top-sm-0     { padding-top: 0; }
  .padding-right-sm-0   { padding-right: 0; }
  .padding-bottom-sm-0  { padding-bottom: 0; }

  .padding-sm-5         { padding: 5px; }
  .padding-left-sm-5    { padding-left: 5px; }
  .padding-top-sm-5     { padding-top: 5px; }
  .padding-right-sm-5   { padding-right: 5px; }
  .padding-bottom-sm-5  { padding-bottom: 5px; }

  .padding-sm-10        { padding: 10px; }
  .padding-left-sm-10   { padding-left: 10px; }
  .padding-top-sm-10    { padding-top: 10px; }
  .padding-right-sm-10  { padding-right: 10px; }
  .padding-bottom-sm-10 { padding-bottom: 10px; }

  .padding-sm-15        { padding: 15px; }
  .padding-left-sm-15   { padding-left: 15px; }
  .padding-top-sm-15    { padding-top: 15px; }
  .padding-right-sm-15  { padding-right: 15px; }
  .padding-bottom-sm-15 { padding-bottom: 15px; }

  .padding-sm-20        { padding: 20px; }
  .padding-left-sm-20   { padding-left: 20px; }
  .padding-top-sm-20    { padding-top: 20px; }
  .padding-right-sm-20  { padding-right: 20px; }
  .padding-bottom-sm-20 { padding-bottom: 20px; }

  .padding-sm-30        { padding: 30px; }
  .padding-left-sm-30   { padding-left: 30px; }
  .padding-top-sm-30    { padding-top: 30px; }
  .padding-right-sm-30  { padding-right: 30px; }
  .padding-bottom-sm-30 { padding-bottom: 30px; }

  .padding-sm-40        { padding: 40px; }
  .padding-left-sm-40   { padding-left: 40px; }
  .padding-top-sm-40    { padding-top: 40px; }
  .padding-right-sm-40  { padding-right: 40px; }
  .padding-bottom-sm-40 { padding-bottom: 40px; }

  .padding-sm-50        { padding: 50px; }
  .padding-left-sm-50   { padding-left: 50px; }
  .padding-top-sm-50    { padding-top: 50px; }
  .padding-right-sm-50  { padding-right: 50px; }
  .padding-bottom-sm-50 { padding-bottom: 50px; }
}

@media (max-width: 767px) {
  .padding-xs-0         { padding: 0; }
  .padding-left-xs-0    { padding-left: 0; }
  .padding-top-xs-0     { padding-top: 0; }
  .padding-right-xs-0   { padding-right: 0; }
  .padding-bottom-xs-0  { padding-bottom: 0; }

  .padding-xs-5         { padding: 5px; }
  .padding-left-xs-5    { padding-left: 5px; }
  .padding-top-xs-5     { padding-top: 5px; }
  .padding-right-xs-5   { padding-right: 5px; }
  .padding-bottom-xs-5  { padding-bottom: 5px; }

  .padding-xs-10        { padding: 10px; }
  .padding-left-xs-10   { padding-left: 10px; }
  .padding-top-xs-10    { padding-top: 10px; }
  .padding-right-xs-10  { padding-right: 10px; }
  .padding-bottom-xs-10 { padding-bottom: 10px; }

  .padding-xs-15        { padding: 15px; }
  .padding-left-xs-15   { padding-left: 15px; }
  .padding-top-xs-15    { padding-top: 15px; }
  .padding-right-xs-15  { padding-right: 15px; }
  .padding-bottom-xs-15 { padding-bottom: 15px; }

  .padding-xs-20        { padding: 20px; }
  .padding-left-xs-20   { padding-left: 20px; }
  .padding-top-xs-20    { padding-top: 20px; }
  .padding-right-xs-20  { padding-right: 20px; }
  .padding-bottom-xs-20 { padding-bottom: 20px; }

  .padding-xs-30        { padding: 30px; }
  .padding-left-xs-30   { padding-left: 30px; }
  .padding-top-xs-30    { padding-top: 30px; }
  .padding-right-xs-30  { padding-right: 30px; }
  .padding-bottom-xs-30 { padding-bottom: 30px; }

  .padding-xs-40        { padding: 40px; }
  .padding-left-xs-40   { padding-left: 40px; }
  .padding-top-xs-40    { padding-top: 40px; }
  .padding-right-xs-40  { padding-right: 40px; }
  .padding-bottom-xs-40 { padding-bottom: 40px; }

  .padding-xs-50        { padding: 50px; }
  .padding-left-xs-50   { padding-left: 50px; }
  .padding-top-xs-50    { padding-top: 50px; }
  .padding-right-xs-50  { padding-right: 50px; }
  .padding-bottom-xs-50 { padding-bottom: 50px; }
}

.position-relative { position: relative; }

.img-responsive { display: inline-block; }
.img-full-width { width: 100%; }
.img-bottom { margin-bottom: -120px; }

.overlay {
  background: rgba(0,0,0,.5);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.overlay.overlay-30 {
  background: rgba(0,0,0,.3);
}

.show { display: block!important; }
.hide { display: none!important; }

.fade-in { display: none; }

@media (max-width: 1200px) {
  .text-left-md   { text-align: left; }
  .text-center-md { text-align: center; }
  .text-right-md  { text-align: right; }
}

@media (max-width: 991px) {
  .text-left-sm   { text-align: left; }
  .text-center-sm { text-align: center; }
  .text-right-sm  { text-align: right; }
}

@media (max-width: 767px) {
  .text-left-xs   { text-align: left; }
  .text-center-xs { text-align: center; }
  .text-right-xs  { text-align: right; }
}



/*************************************************************/
/************************* Typography ************************/
/*************************************************************/

.size-16  { font-size: 16px; }
.size-32  { font-size: 32px; }
.size-48  { font-size: 48px; }
.size-64  { font-size: 64px; }
.size-128 { font-size: 128px; }

.text-bold { font-weight: 700; }

small, .small { font-size: 80%; }

.raleway-font     { font-family: 'Raleway', sans-serif; }
.source-sans-font { font-family: 'Source Sans Pro', sans-serif;}

h1, h2, h3, h4, h5, h6 {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:lighter;
  color: #2b2b2b;
  opacity: 1;
  margin: 1.2em 0 1em;

}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0;
}

h1 { font-size: 4em;}
.h1-size-3-5 { font-size: 1.8em; line-height:1.4em;}
h2 { font-size: 1.1em; }
h3 { font-size: 2em; padding-left:5px; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.3em; }
h6 { font-size: 1.1em; }

p, span {
  font-size: 1em;
  line-height: 1.6em;
  padding:5px;
}

p:last-child {
  margin-bottom: 0;
}

.page-title h1 {
  margin: 0;
  font-size: 1.6em;
}

.icon {
  display: inline-block;
  line-height: 1;
}

.icon-list {
  list-style: none;
}

.icon-list li {
  position: relative;
}

.icon-list i {
  font-size: 0.8em;
  position: absolute;
  left: -2em;
  width: 2em;
  top: 0.5em;
}

ul.tags {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.tags li{
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 20px;
}

ul.tags li:last-child {
  margin-right: 0px;
}

.list-inline {
  margin-left: 0;
}



/*************************************************************/
/************************** Regions **************************/
/*************************************************************/

/** Region & Block Spacings **/
.region,
.block {
  padding-top: 0px;
  padding-bottom: 60px;
}

.region-0 .region,
.region-0.region,
.block-0 .block,
.block-0.block {
  padding-top: 0;
  padding-bottom: 0;
}

.region-5 .region,
.region-5.region,
.block-5 .block,
.block-5.block {
  padding-top: 5px;
  padding-bottom: 5px;
}

.region-10 .region,
.region-10.region,
.block-10 .block,
.block-10.block {
  padding-top: 10px;
  padding-bottom: 10px;
}

.region-15 .region,
.region-15.region,
.block-15 .block,
.block-15.block {
  padding-top: 15px;
  padding-bottom: 15px;
}

.region-30 .region,
.region-30.region,
.block-30 .block,
.block-30.block {
  padding-top: 30px;
  padding-bottom: 30px;
}

.region-50 .region,
.region-50.region,
.block-50 .block,
.block-50.block {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (max-width: 991px) {

  .region-top-sm-0 .region    { padding-top: 0; }
  .region-bottom-sm-0 .region { padding-bottom: 0; }

}

/** Header **/

header {
  position: fixed;
  top: 0;
  width: 100%;
  opacity: 0.95;
  z-index: 10;
  background-color:#FFFFFF;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}

.title-box {
    margin-top: 30%;
    height:360px;
    width:550px;
    padding:30px;
    float:right;
	background: url('../img/Title-Background.png');
    border-radius: 0px;
	text-align:center;
	border-radius: 5px;
    margin-right:20px;
}

.title-box-startseite
 {
    margin-top: 30%;
	margin-right:20px;
    height:360px;
    width:550px;
    padding:25px;
    float:right;
	text-align:center;
	background: url('../img/Title-Background.png');
    border-radius: 5px;
}

.title-box5 {
    margin-top: 300px;
    height:150px;
    width:550px;
    padding:25px;
    float:right;
	text-align:right;
	background: url('../img/Title-Background.png');
    border-radius: 5px;

}

.title-box_beraten {
    margin-top: 300px;
    height:150px;
    width:550px;
    padding:25px;
    float:left;
	text-align:left;
	background: url('../img/Title-Background.png');
    border-radius: 5px;

}

.title-box2 {
    margin-top: 0px;
    height:450px;
    width:650px;
	margin-right:0px;
    padding:30px;
    float:right;
	background: url('../img/Title-Background2.png');
    border-radius: 0px;

}

.social-media-buttons {
    padding-top: 20px;
    padding-right: 10px;
}

@media (max-width: 767px) {

  header {
    opacity: 1;
    background-color: rgba(255,255,255,.95);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
            box-shadow: 0 0 4px rgba(0,0,0,.2);
  }

    h1 { font-size: 2em;}
    .h1-size-3-5 { font-size: 2em;}
    .title-box {
        margin-top: 150px;
        height:auto;
		float:none;
        text-align: center;
        width:auto;

    }




}

.header-invisible {
  opacity: 0;
}

.stuck {
  opacity: 1;
  background-color: rgba(255,255,255,.95);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
          box-shadow: 0 0 4px rgba(0,0,0,.2);
}

.header-fixed {
  opacity: 1;
  background-color: rgba(255,255,255,.95);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
          box-shadow: 0 0 4px rgba(0,0,0,.2);
}



/*************************************************************/
/*************************** Menus ***************************/
/*************************************************************/

/** Nav **/
.nav > li > a {
  padding-left: 0;
  font-size:18px;
  color:#000000;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}

/** Nav Pills **/
.nav-pills li {
  float: none;
  display: inline-block;
}

.nav-pills > li+li {
  margin-left: 30px;
}

.nav-pills > li > a {
  color: #2b2b2b;
  padding: 0;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: transparent;
}

@media (max-width: 767px) {

  .nav-pills li {
    display: block;
  }

  .nav-pills > li+li {
    margin-left: 0px;
    margin-top: 5px;
  }

}

/** Main Menu **/
.main-menu {
  padding: 0;
  margin: 0;
  border: 0;
  z-index: 10;
}

.main-menu .navbar-right .dropdown-menu {
  left: 0;
  right: auto;
}

.main-menu .nav > li > a {
  padding:0px 20px;
  margin-top:50px;
  margin-bottom:10px;
}

.main-menu .nav > li:last-child > a {
  padding-right: 0;
}

.main-menu a,
.main-menu .active > a,
.main-menu .nav .open > a,
.main-menu .nav .open > a:hover,
.main-menu .nav .open > a:focus,
.main-menu .nav > li > a:hover,
.main-menu .nav > li > a:focus,
.main-menu .nav > li:hover > a,
.main-menu .nav > li:focus > a {
  color: #2b2b2b;
  background-color: transparent;
}

.main-menu .dropdown-menu {
  font-size: 0.9em;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background-color: #222;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.main-menu .dropdown-menu a {
  padding: 12px 20px;
  border-bottom: 1px dotted #2b2b2b;
}

.main-menu .dropdown-menu li:last-child a {
  border-bottom: 0;
}

.main-menu .dropdown-menu > li > a {
  color: #cdcdcd;
  font-weight: 300;
}

.main-menu .dropdown-menu > .active > a,
.main-menu .dropdown-menu > li > a:hover,
.main-menu .dropdown-menu > li > a:focus {
  background-color: #2b2b2b;
}

.main-menu .dropdown-menu > li:hover,
.main-menu .dropdown-menu > .active {
  background: transparent;
}

@media (max-width: 991px) {

  .main-menu .nav > li > a {
    padding-top: 10px;
  }

  .main-menu .nav > li:last-child > a {
    padding-right: 20px;
  }

  .main-menu .navbar-collapse {
    text-align: center;
    line-height: 10px;
  }

  .main-menu .dropdown-menu {
    text-align: left;
  }

  .main-menu .navbar-nav {
    float: none!important;
    display: inline-block;
  }

  .main-menu .navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: 0;
  }

}

@media (min-width: 768px) {

  .main-menu .dropdown:hover .dropdown-menu {
    display: block;
  }

}

@media (max-width: 767px) {

  .main-menu .navbar-header {
    text-align: right;
  }

  .main-menu .navbar-toggle {
    float: none;
    border-radius: 4px;
    color: #fff;
    padding: 8px 25px;
    margin: 20px 0;
  }

  .main-menu .navbar-collapse {
    padding: 0;
    margin-bottom: 20px;
    text-align: right;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  .main-menu .navbar-nav {
    margin: 0;
  }

  .main-menu .nav > li > a {
    padding: 8px 15px;
    margin: 0;
  }

  .main-menu .nav > li:last-child > a {
    padding-right: 15px;
  }

  .main-menu .dropdown-menu {
    margin-bottom: 12px;
    text-align: right;
  }

  .main-menu .dropdown-menu a {
    border-bottom: 0;
  }

  .main-menu .dropdown-menu > li > a {
    color: #777;
  }

  .main-menu .navbar-nav .open .dropdown-menu > li > a,
  .main-menu .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 6px 35px;
  }

  .main-menu .dropdown-menu > .active > a,
  .main-menu .dropdown-menu > li > a:hover,
  .main-menu .dropdown-menu > li > a:focus {
    background-color: transparent;
  }

}



/*************************************************************/
/************************ Highlighted ************************/
/*************************************************************/

/** Highlighted Image **/
.highlighted-image {
  height: 1050px;
  position: relative;
}

.highlighted-box {
  margin: auto;
  width: 600px;
  background: rgba(255,255,255,.9);
  border-radius: 5px;
  border: 1px solid #ddd;
  padding: 80px 30px;
}

.scroll-down {
  font-size: 85%;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
}

@media (max-width: 767px) {

	.highlighted-image {
	  height: 600px;
	  position: relative;
	}

	.ausblenden
	{
		visibility:hidden;
		display:none;
	}

   .highlighted-box {
     width: auto;
   }

}

/** Highlighted Image Blog **/
.highlighted-image-blog {
  min-height: 350px;
}

/** Highlighted Blog Single **/
.highlighted-blog-single {
  min-height: 300px;
}

.highlighted-blog-single .blog-post-info {
  margin-top: 80px;
  margin-bottom: 25px;
}



/*************************************************************/
/************************* Portfolio *************************/
/*************************************************************/

/** Portfolio Block **/
.col-sm-3 {
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
}
#portfolio{ width: 50%; }
@media (max-width: 767px) {#portfolio{ width: 100%; }}
@media (max-width: 911px) {#portfolio{ width: 100%; }}

.product-portfolio { padding-top: 40px; }

.vbox-container img{
max-width: 60%;
/* max-height: 100%; */
}
/** old portfolio **/
.portfolio-title {
  margin-top: 20px;
  margin-bottom: 10px;
}

.portfolio-image {
  position: relative;
    opacity: 0.8;
}



.portfolio-image:hover {
  opacity: 1;
      -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.portfolio-overlay p {
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  width: 100%;
  font-size: 85%;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.portfolio-image:hover .portfolio-overlay p {
  margin-top: -8px;
}

.portfolio-overlay .portfolio-info {
  position: absolute;
  bottom: 25px;
  width: 100%;
}

.portfolio-overlay .portfolio-info .portfolio-title {
  color: #fff;
}



/** Portfolio Slider Block **/
@media (max-width: 991px) {

  .portfolio-slider .owl-buttons {
    display: none;
  }

}



/*************************************************************/
/**************************** Blog ***************************/
/*************************************************************/

.blog-title {
  margin-bottom: 0;
}

@media (max-width: 991px) and (min-width: 768px) {

  .blog-title {
    margin-top: 30px!important;
  }

}

.blog-post + .blog-post {
  margin-top: 120px;
}

.blog-post-title {
  margin-bottom: 25px;
  text-align: center;
}

.blog-post-info {
  text-align: center;
  font-size: 0.85em;
}

.blog-post-info li + li {
  padding-left: 30px;
}

.blog-post-content {
  margin-top: 50px;
  margin-bottom: 30px;
}

.blog-post-more {
  font-size: 0.85em;
  text-align: center;
}

/** Blog Single **/
.blog-single-title {
  margin-bottom: 0;
}

@media (max-width: 991px) and (min-width: 768px) {

  .blog-single-title {
    margin-top: 60px!important;
  }

}



/*************************************************************/
/*************************** Team ****************************/
/*************************************************************/

.w-col-team {
    width:20%;
}

.team-image {
  position: relative;
}

.team-overlay {
  position: absolute;
  text-align: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background-color: rgba(0,0,0,.5);
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.team-image:hover .team-overlay {
  opacity: 1;
}

.team-social {
  position: absolute;
  margin: 0;
  bottom: 25px;
  font-size: 1.2em;
  width: 100%;
}

.team-social li {
  padding-left: 10px;
  padding-right: 10px;
}



/*************************************************************/
/*************************** Panels **************************/
/*************************************************************/

.panels .panels-icon {
  float: left;
  font-size: 2.5em;
  line-height: 1em;
}

.panels .panels-text {
  margin-left: 60px;
}

.panels .panels-text h6 {
  margin-top: 5px;
  margin-bottom: 15px;
}



/*************************************************************/
/********************** Pricing Tables ***********************/
/*************************************************************/

.pricing-table {
  background-color: white;
  border-radius: 5px;
  border: 1px solid #ddd;
  padding: 50px 20px;
}

.pricing-table .price {
  margin-top: 45px;
  margin-bottom: 45px;
}



/*************************************************************/
/************************** Comments *************************/
/*************************************************************/

.theme-comments {
  margin-top: 100px;
}

.theme-comments-title {
  text-align: center;
  margin-bottom: 50px;
}

.theme-comment {
  margin-top: 80px;
}

.theme-comment-subject {
  margin-bottom: 10px;
}



/*************************************************************/
/************************* Pagination ************************/
/*************************************************************/

.pagination {
  margin: 120px 0 0;
}

.pagination > li > a,
.pagination > li > span {
  padding: 0 10px;
  margin: 0;
  border: 0;
  background-color: transparent;
  color: #777;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  padding-left: 0;
  padding-right: 20px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  margin-right: 0;
  padding-left: 20px;
  padding-right: 0;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: transparent;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  background-color: transparent;
}



/*************************************************************/
/**************************** Tabs ***************************/
/*************************************************************/

.nav-tabs {
  border: 0;
  margin-bottom: 20px;
}

.nav.nav-tabs > li > a {
  padding: 7px 27px;
}

.nav-tabs > li > a {
  border-radius: 0;
  margin-right: 10px;
  color: #2b2b2b;
}

.nav-tabs > li > a:hover {
  border-color: transparent;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: transparent;
}

.nav-tabs.nav-justified > li > a {
  border-radius: 0;
  border-color: transparent;
  margin-right: 10px;
  color: #2b2b2b;
}

.nav-tabs.nav-justified > li:last-child > a {
  margin-right: 0;
}

.nav-tabs.nav-justified > li > a:hover {
  border-color: transparent;
}

@media (max-width: 767px) {

  .nav-tabs.nav-justified > li > a {
    margin-right: 0;
  }

}



/*************************************************************/
/************************* Accordions ************************/
/*************************************************************/

.panel {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.panel-group:last-child {
  margin-bottom: 0;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-heading {
  border-radius: 0;
}

.panel-body {
  padding: 20px 15px;
}

.panel-default {
  border: 0;
}

.panel-default > .panel-heading {
  color: #2b2b2b;
  background-color: #f6f6f6;
  border: 1px solid #cdcdcd;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
  border: 0;
}

.panel-primary {
  border: 0;
}

.panel-primary > .panel-heading {
  background-color: transparent;
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border: 0;
}



/*************************************************************/
/*************************** Wells ***************************/
/*************************************************************/

.well {
  background-color: #f6f6f6;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.well:last-child {
  margin-bottom: 0;
}

.well-lg {
  padding: 30px;
}



/*************************************************************/
/************************** Buttons **************************/
/*************************************************************/

.btn {
  color: #fff;
  padding: 10px 40px;
  border: 0;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
          box-shadow: 1px 1px 3px rgba(0,0,0,.1);
  background: transparent;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}

.btn:hover {
  color: #fff;
  letter-spacing: 0.9px;
}

.btn + .btn {
  margin-left: 10px;
}

.btn:focus,
.btn:active,
.btn.active {
  outline: 0;
}

.btn-lg {
  padding: 20px 60px;
  font-size: 1.3em;
  line-height: inherit;
}

.btn-sm,
.btn-xs {
  padding: 10px 20px;
  font-size: 0.8em;
  line-height: normal;
}

.btn-xs {
  padding: 5px 10px;
}

.btn-block + .btn-block {
  margin-top: 20px;
}

.btn-default {
  background-color: #e0e0e0;
  color: #2b2b2b;
  border: 1px solid rgba(0,0,0,.1);
  padding: 9px 39px;
}

.btn-default.btn-lg {
  padding: 19px 59px;
}

.btn-default.btn-sm {
  padding: 9px 19px;
}

.btn-default.btn-xs {
  padding: 4px 9px;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-color: #2b2b2b;
  color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #FFF;
  border: 1px solid;
  border-color:#AAA;
  color: #000;
}

.btn-success {
  background-color: #5cb85c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-color: #2b2b2b;
}

.btn-info {
  background-color: #5bc0de;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-color: #2b2b2b;
}

.btn-warning {
  background-color: #f0ad4e;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-color: #2b2b2b;
}

.btn-danger {
  background-color: #d9534f;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-color: #2b2b2b;
}

.btn-link {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
  text-decoration: none;
  color: #2b2b2b;
}

.btn-aqua {
  background-color: #9adada;
}

.btn-aqua:hover,
.btn-aqua:focus,
.btn-aqua:active,
.btn-aqua.active,
.open .dropdown-toggle.btn-aqua {
  background-color: #2b2b2b;
}

.btn-blue {
  background-color: #2d9fc4;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.open .dropdown-toggle.btn-blue {
  background-color: #2b2b2b;
}

.btn-brown {
  background-color: #b5825b;
}

.btn-brown:hover,
.btn-brown:focus,
.btn-brown:active,
.btn-brown.active,
.open .dropdown-toggle.btn-brown {
  background-color: #2b2b2b;
}

.btn-emerald {
  background-color: #4fd8bf;
}

.btn-emerald:hover,
.btn-emerald:focus,
.btn-emerald:active,
.btn-emerald.active,
.open .dropdown-toggle.btn-emerald {
  background-color: #2b2b2b;
}

.btn-green {
  background-color: #c5b933;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
  background-color: #2b2b2b;
}

.btn-orange {
  background-color: #ee7c3d;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
  background-color: #2b2b2b;
}

.btn-red {
  background-color: #e74c3c;
}

.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.open .dropdown-toggle.btn-red {
  background-color: #2b2b2b;
}

.btn-violet {
  background-color: #705ab2;
}

.btn-violet:hover,
.btn-violet:focus,
.btn-violet:active,
.btn-violet.active,
.open .dropdown-toggle.btn-violet {
  background-color: #2b2b2b;
}

.btn-yellow {
  background-color: #f9d65b;
}

.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active,
.open .dropdown-toggle.btn-yellow {
  background-color: #2b2b2b;
}



/*************************************************************/
/*************************** Labels **************************/
/*************************************************************/

.label {
  font-weight: normal;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
          box-shadow: 1px 1px 3px rgba(0,0,0,.1);
}

.label-default { background-color: #2b2b2b; }
.label-aqua    { background-color: #9adada; }
.label-blue    { background-color: #2d9fc4; }
.label-brown   { background-color: #b5825b; }
.label-emerald { background-color: #4fd8bf; }
.label-green   { background-color: #c5b933; }
.label-orange  { background-color: #ee7c3d; }
.label-red     { background-color: #e74c3c; }
.label-violet  { background-color: #705ab2; }
.label-yellow  { background-color: #f9d65b; }



/*************************************************************/
/*************************** Alerts **************************/
/*************************************************************/

.alert:last-child {
  margin-bottom: 0;
}



/*************************************************************/
/************************** Popovers *************************/
/*************************************************************/

.popover {
  border-color: #cdcdcd;
  -webkit-box-shadow: none;
          box-shadow: none;
}



/*************************************************************/
/*********************** Progress Bars ***********************/
/*************************************************************/

.progress {
  height: 20px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
          box-shadow: 1px 1px 3px rgba(0,0,0,.1);
  background-color: #fff;
}

.progress:last-child {
  margin-bottom: 0;
}

.progress-title {
  margin-bottom: 5px;
}

.progress-bar {
  padding: 0 10px;
  line-height: 20px;
  font-size: 0.85em;
  text-align: left;
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
          box-shadow: 1px 1px 3px rgba(0,0,0,.1);
}

.progress-bar-aqua    { background-color: #9adada; }
.progress-bar-blue    { background-color: #2d9fc4; }
.progress-bar-brown   { background-color: #b5825b; }
.progress-bar-emerald { background-color: #4fd8bf; }
.progress-bar-green   { background-color: #c5b933; }
.progress-bar-orange  { background-color: #ee7c3d; }
.progress-bar-red     { background-color: #e74c3c; }
.progress-bar-violet  { background-color: #705ab2; }
.progress-bar-yellow  { background-color: #f9d65b; }



/*************************************************************/
/*************************** Forms ***************************/
/*************************************************************/
#comments_form label{
  display: block;
  float: unset;
 }
 #comments_form{
   line-height: 1.2 !important;
 }
  .form-checkbox {
   display: flex;
   align-items: center;
 }
 #comments_form input[type="checkbox"]{
   background: #fff;
   border-radius: 0.25em;
   border: 1px solid #cfd9db;
   box-sizing: border-box;
   content: '';
   display: block;
   height: 20px;
   /* left: 0;
   position: absolute; */
   top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   width: 20px;
 }
 .check-text{
   font-size: 12px !important;
 }
.form-group {
  margin-bottom: 20px;
}

.form-group:last-child {
  margin-bottom: 0;
}

select.form-control,
.form-control {
  border: 0;
  border-bottom: 1px solid rgba(0,0,0,.1);
  border-radius: 0;
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
          box-shadow: 0 1px 0 rgba(0,0,0,.1);
  background: transparent;
  -webkit-transition: all ease-in-out 0.3s;
          transition: all ease-in-out 0.3s;
}

.form-control:focus {
  border-color: rgba(0,0,0,.1);
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

textarea,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="number"] {
  -webkit-appearance: none;
}



/*************************************************************/
/******************** Colors & Backgrounds *******************/
/*************************************************************/

/** Text Color Palette **/
.text-color-light,
.text-color-light h1,
.text-color-light h2,
.text-color-light h3,
.text-color-light h4,
.text-color-light h5,
.text-color-light h6,
.text-color-light a:hover,
.text-color-light a:focus,
.text-color-light a:active,
.text-color-light .btn-link:hover,
.text-color-light .btn-link:focus,
.text-color-light .btn-link:active,
.text-color-light .btn-link.active,
.text-color-light .open .dropdown-toggle.btn-link {
  color: #f0f0f0;
}

.text-color-light .label-default {
  color: #2b2b2b;
  background-color: #f0f0f0;
}

/** Text Colors **/
.text-color-grayDark1 { color: #2b2b2b; }
.text-color-aqua      { color: #9adada; }
.text-color-blue      { color: #2d9fc4; }
.text-color-brown     { color: #b5825b; }
.text-color-emerald   { color: #4fd8bf; }
.text-color-green     { color: #c5b933; }
.text-color-orange    { color: #ee7c3d; }
.text-color-red       { color: #e74c3c; }
.text-color-violet    { color: #705ab2; }
.text-color-yellow    { color: #f9d65b; }

/** Background Colors **/
.bg-color-grayDark1    { background-color: #222222; }
.bg-color-grayDark2    { background-color: #2b2b2b; }
.bg-color-grayLight1   { background-color: #f6f6f6; }
.bg-color-grayLight2   { background-color: #dddddd; }
.bg-color-grayLight3   { background-color: #e0e0e0; }
.bg-color-bilder	   { background-color: transparent; }
.bg-color-aqua         { background-color: #9adada; }
.bg-color-blue         { background-color: #2d9fc4; }
.bg-color-brown        { background-color: #b5825b; }
.bg-color-emerald      { background-color: #4fd8bf; }
.bg-color-green        { background-color: #c5b933; }
.bg-color-orange       { background-color: #ee7c3d; }
.bg-color-red          { background-color: #e74c3c; }
.bg-color-violet       { background-color: #705ab2; }
.bg-color-yellow       { background-color: #f9d65b; }
.bg-color-white       { background-color: #ffffff; }

/** Background Images **/

    .smartphone
	{
		width: 560px;
		float:left;
		position: relative;
		min-height: 1px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.smartphone_gutverpackt
	{
		width: 290px;
		margin: 27px;
		float:left;
		position: relative;
		min-height: 1px;
		padding-left: 0px;
		padding-right: 0px;
	}


/* Startseiten Bild */
.bg-image-first {
  background: url('../img/dj_verpackunsgwerk.jpg') center no-repeat fixed;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

.bg-image-unternehmen {
  background: url('../img/dj_verpackunsgwerk_unternehmen.jpg') center no-repeat fixed;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

.bg-image-verpackt {
  background: url('../img/dj_gut_verpackt2.jpg') center no-repeat fixed;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

.bg-image-buero {
  background: url('../img/dj_verpackunsgwerk_office_beratung.jpg') center no-repeat fixed;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}



/* Startseite 2. Slider*/
.bg-image-startseite {
  background: url('../img/dj-verpackung-stabler.jpg') center no-repeat fixed;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}


.bg-image-startseite3 {
  background: url('../img/DJ-Verpackungswer-lager.jpg') center no-repeat fixed;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}






/** For retina purposes create a 2x image and uncomment this code **/
/**
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .bg-image-water {
    background-image: url('../img/background-images/water@2x.jpg');
  }
}
**/

.bg-image-field {
  background: url('../img/background-images/field.jpg') scroll top no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

/** For retina purposes create a 2x image and uncomment this code **/
/**
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .bg-image-field {
    background-image: url('../img/background-images/field@2x.jpg');
  }
}
**/

.bg-image-cityfog {
  background: url('../img/background-images/cityfog.jpg') scroll top no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

/** For retina purposes create a 2x image and uncomment this code **/
/**
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .bg-image-cityfog {
    background-image: url('../img/background-images/cityfog@2x.jpg');
  }
}
**/

.bg-image-person {
  background: url('../img/background-images/person.jpg') scroll top no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

/** For retina purposes create a 2x image and uncomment this code **/
/**
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .bg-image-person {
    background-image: url('../img/background-images/person@2x.jpg');
  }
}
**/



/* Von anderen Templates*/

/* PRODUCTS */

.section-team {
  position: relative;
  z-index: 3;
  margin-top:70px;
  margin-left:70px;
  padding-bottom: 100px;
  background-color: #ffffff;
}

@media (max-width: 767px) {
.section-team {
	margin-top:30px;
	margin-left:0px;
}
}

.team-row {
  margin-top: 50px;
  margin-bottom: 20px;
  padding-bottom: 0px;
  text-align: center;
}
.team-column img {
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: auto;
  border-radius: 5px;
  background-color: transparent;
  opacity:1;
}
.product-column img {
  display: block;
  width: 200px;
  height: 290px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 30px;
  background-color: transparent;
  opacity: 1;
}
.team-column img:hover {

}
.hero-work {
  color: #777;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  text-align: center;
}
.team-line {
  display: block;
  width: 30px;
  height: 2px;
  margin-top: 19px;
  margin-right: auto;
  margin-left: auto;
  background-color: #22a966;
}
.team-line.orange {
  background-color: #22a966;
}
.social-icon {
  position: relative;
  display: block;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0px;
}
.social-icon a {
  padding-right: 10px;
  color: #999;
  font-size: 12px;
  text-align: left;
  text-decoration: none;
}
.fb:hover { color: #3a579d; }
.twitter:hover { color: #22cbff; }
.linkedin:hover { color: #007bbc; }
.gplus:hover { color: #db472d; }

.wrap-button {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 30px;
  color: #373c40;
  text-align: center;
}


@media (max-width: 767px) { .tab-column {margin-top:30px;min-height:460px;}}

/* ABOUT WONCA*/

.service-section {
  position: relative;
  z-index: 3;
  padding-bottom: 100px;
  background-color: white;
  font-weight: 400;
}
.icon {
  display: block !important;
  width: 100px;
  height: 100px;
  line-height: 98px !important;
  margin-right: auto;
  margin-left: auto;
  border-radius: 100px;
  background-color: #f6f6f6;
  color: #444;
  font-size: 50px;
  text-align: center;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.icon:hover{
	background-color: #444;
	color: #fff;
}

.service-row .w-col {
  border-right: 1px solid #ebebeb;
}
.service-row .w-col:last-child {
  border: none;
}
.service-row {
  margin-top: 70px;
  margin-bottom: 35px;
}
.service-row.other {
  margin-top: 35px;
}
.divder {
  width: 100%;
  height: 1px;
  background-color: #ebebeb;
}

.zentriert
{
	text-align:center;
	margin-top:5px;
}


/* Galerie */

.work-section {
  position: relative;
  z-index: 3;
}
.arrow-down {
  display: block;
  width: 0px;
  height: 0px;
  margin-right: auto;
  margin-left: auto;
  border-top: 30px solid white;
  border-right-style: solid;
  border-right-width: 30px;
  border-left-style: solid;
  border-left-width: 30px;
  color: transparent;
}
.arrow-down.gray {
  border-top-color: #f6f6f6;
}
.subtex {
  padding-top: 20px;
  padding-right: 30px;
  padding-left: 30px;
  color: #777;
  font-size: 19px;
  line-height: 30px;
  font-style: italic;
  font-weight: 300;
  text-align: center;
  text-transform: none;
}
.subtex.in-left {
  padding-left: 0px;
  text-align: left;
}
.subtex.in-left.single-four {
  margin-bottom: 45px;
}
.wrap-button {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 30px;
  color: #373c40;
  text-align: center;
}
.portfolio-photo {
  display: block;
  width: 100%;
  height: 320px;
  background-color: #373c40;
  background-position: 0% 0%;
  background-repeat: repeat;
  background-attachment: scroll;
  text-align: center;
  text-decoration: none;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
<!--
.portfolio-photo.portfolio-1 { background-image: url('../img/galerie/caro-sun.jpg'); margin-top:-50px;}
.portfolio-photo.portfolio-2 { background-image: url('../img/galerie/production.jpg'); }
.portfolio-photo.portfolio-3 { background-image: url('../img/galerie/wonca-fun.jpg'); margin-top:-30px;}
.portfolio-photo.portfolio-4 { background-image: url('../img/galerie/caro-sun.jpg'); }
.portfolio-photo.portfolio-5 { background-image: url('../img/galerie/wonca-fun.jpg'); margin-top:-50px;}
.portfolio-photo.portfolio-6 { background-image: url('../img/galerie/caro-sun.jpg');}
.portfolio-photo.portfolio-7 { background-image: url('../img/galerie/production.jpg'); margin-top:-30px;}
.portfolio-photo.portfolio-8 { background-image: url('../img/galerie/wonca-fun.jpg');}
-->
.portfolio-row {
  padding-right: 0px;
  padding-left: 0px;
  margin:0px;
}
.portfolio-photo-overlay {
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
  height: 100%;
  padding-top: 230px;
  background-color: rgba(0, 0, 0, 0.27);
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.portfolio-photo-overlay:hover {
  padding-top: 150px;
  background-color: rgba(0, 0, 0, 0.6);
}
.portfolio-tittle {
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  color: white;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.portfolio-subtittle {
  padding-top: 5px;
  color: #d4d4d4;
  font-size: 12px;
  font-weight: 300;
}
.bold {
  font-weight: 600;
}


/* social */

ul {-webkit-padding-start: 0px;}


.footer-social {
	display: table;
	text-align: center;
	margin: 20px auto;
}

.footer-social li {
	float: left;
	width: 45px;
	list-style:none;
}

.footer-social li a {
	text-align: center;
	--webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #147A3D;
	padding: 3px;
	width: 30px;
	height: 30px;
	display: block;
	vertical-align: center;
	-webkit-transition: 0.2s ease-in;
	-moz-transition: 0.2s ease-in;
	-ms-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.header-social {
	text-align: center;
	margin: 20px auto;
}

@media (max-width: 767px) {.header-social {width: 150px;}}

.header-social li {
	float: right;
	width: 70px;
    height: 70px;
	list-style:none;
}

.header-social li a {
	text-align: center;
	--webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #588130;
	padding: 15px;
	width: 65px;
	height: 65px;
	display: block;
	vertical-align: center;
	-webkit-transition: 0.2s ease-in;
	-moz-transition: 0.2s ease-in;
	-ms-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.header-social li a .ion-social-facebook { font-size: 2em; }
.header-social li a .ion-social-twitter { font-size: 2em; }
.header-social li a .ion-social-youtube { font-size: 2em; }
.header-social li a .ion-social-instagram { font-size: 2em; }


.footer-social li a:hover {
	border-color: #105F30;
	-webkit-transition: 0.2s ease-in;
	-moz-transition: 0.2s ease-in;
	-ms-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.footer-social li i {
	color: #147A3D;
	font-size: 16px;
}


/*Kontakt formular */

.form-control {
  font-size:12px;
  background-color: #fff;
  border:1px solid rgb(64, 67, 71);
  border-radius: 0;
}

.form-control:focus {
  border-color: #cb875f;
  box-shadow:none;
}
.contact-widget .button-wrapper {
  margin:10px 0;
}

label {
  font-weight: 100;
  margin:10px 0;
}




/*Resume*/


.resumeDetails, .skills{
	text-align:left;
}

.em, .ed{
	margin-bottom:40px;


}

.dtIco, .det{
	float:left;
}


.dtIco{
	margin-top:20px;
	margin-left:5px;
}


.dtIco span.date {
    background:#CCC;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
    color: #000;
    font-size: 12px;
    margin-left: 15px;
    padding: 2px 10px;
}


.dtIco span.ico {
    background:#343434;
    border-radius: 100px;
    -webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    height: 100%;
    line-height: 44px;
    text-align: center;
    width: 45px;
	position:relative;
}


.employment, .education{
	position:relative;
}

.employment:before, .education:before {
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top,  #efefef 1%, #efefef 75%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#efefef), color-stop(75%,#efefef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #efefef 1%,#efefef 75%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #efefef 1%,#efefef 75%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #efefef 1%,#efefef 75%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #efefef 1%,#efefef 75%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

    bottom: 0;
    content: "";
    left: 4%;
    margin-left: -5px;
    position: absolute;
    top: 125px;
    width: 3px;
}


.det {
    border: 3px solid #EFEFEF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
    margin-left: 32px;
    padding: 30px;
    position: relative;
    width: 460px;
    box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
}

.det h3{
	margin-bottom:10px;
}

.det h3 span{
	font-size:12px;
}

.det:before {
    border-bottom: 15px solid #EFEFEF;
    border-left: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    bottom: -1px;
    content: "";
    height: 0;
    left: -24px;
    position: absolute;
    top: 34px;
    transform: rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
    width: 0;
}


.det:after {
    border-bottom: 15px solid #FFFFFF;
    border-left: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    bottom: -1px;
    content: "";
    height: 0;
    left: -20px;
    position: absolute;
    top: 34px;
    transform: rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
    width: 0;
}


.skills .titleSmall {
		margin-bottom:35px;
}

.widget{
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:3px solid #efefef;
}

.skillsList li {
    float: left;
    margin-bottom: 7px;
}


.skillsList li:last-child {
    margin-bottom: 0;
}


.skillsList h4{
	float:left;
	display:block;
	width:144px;
	text-transform:uppercase;
}

.rating{
	float:left;
	margin-top:1px;
}
.rating span{
	background:#343434;
	border-radius:100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	width:12px;
	height:12px;
	display:inline-block;
}

.transparent{
	opacity:.1;
}

.pList{
	margin-top:20px;
}

.pList li{
	margin-bottom:5px;
	color:#343434;
}

.pList li i{
	margin-right:5px;
	font-size:15px;
}


.getCv {
    background: #343434;
    display: inline-block;
	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}

.getCv h3 {
    float: right;
    padding: 15px 30px;
	color:#ffffff;
	text-transform:uppercase;
	font-size:14px;
}
.getCv i {
    color: #ffffff;
	background:#03CC85;
    float: left;
    font-size: 20px;
    padding: 15px;
	border-radius:4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-ms-border-radius: 4px 0 0 4px;
	-o-border-radius: 4px 0 0 4px;

}


/*End resume*/



/*-------------------------------------------------------------------------*/

/* Media queries */

/*iPad lanscape*/
@media (min-width: 800px and max-width: 1200){
	.dtIco{margin-left:10px;}

}

/*iPad lanscape*/
@media screen and (max-device-width: 960px){
	input, textarea{-webkit-appearance: none;-webkit-border-radius:0;}
	#loaderInner {margin: -50px 0 0 -30px;}
	.dtIco span.date{font-family: 'open_sansregular';font-style:italic;}

	.dtIco{margin-left:10px;}
	.verpackt-blocks
	{
			height:320px;
			width:330px;
	}
	.startseiten-boxen
	{
		height:360px;
	}
}



/* Tablet Portrait size -> standard 960 */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	#loaderInner {margin: -50px 0 0 -30px;}
	input, textarea{-webkit-appearance: none;-webkit-border-radius:0;}
	.dtIco span.date{font-family: 'open_sansregular';font-style:italic;}
	.dtIco{margin-left:10px;}
	.shortBtn{right:358px;}
	.det{width:300px;}
	.skillsList li{margin-bottom:15px;}
	.getCv h3{padding:15px 14px;}
	.item{width: 256px !important;}
	.employment:before, .education:before{left:5%;}

	.verpackt-blocks
	{
			height:320px;
			width:330px;
	}
	.startseiten-boxen
	{
		height:360px;
	}

}


/* Mobile Landscape Size -> Tablet Portrait size*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

	input, textarea{-webkit-appearance: none;-webkit-border-radius:0;}
	html{-webkit-text-size-adjust: none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}

	#loaderInner {margin: -50px 0 0 -30px;}
	.dtIco span.date{font-family: 'open_sansregular';font-style:italic;}
	.logo, nav#mainNav{float:none;}
		nav#mainNav{margin-right:0;margin-top:69px;}

		nav#mainNav ul{display:none;margin-bottom:10px;}
		nav#mainNav li{float:none; display:block;}
		nav#mainNav a.active:after{right:1px;top:22px;}
		.topSocials{display:none;}
		nav#mainNav li a{padding:3px 0px;display:inline-block;}
		.mobileBtn{display: inline-block;float: right;margin-right: 190px;margin-top: -51px;position: relative;}


		.shortBtn{right:-75px;top:-340px;}
		.imgAbout{height:40%;width:100%;}
		.aboutContent {margin-left: 0;}
		.overview{margin-top: 100%;}

		.employment, .education{margin-top:50px;}
		.employment:before, .education:before{background:none;}
		.dtIco {margin-left:10px;}
		.det{width:420px;margin-left:0;margin-top: 30px;}
		.det:before {
		    left: 10px;
		    top: -17px;
		    ttransform: rotate(0deg);
			-moz-transform:rotate(0deg);
			-webkit-transform:rotate(0deg);
			-o-transform:rotate(0deg);
			-ms-transform:rotate(0deg);
		}

		.det:after {
		    left: 10px;
		    top: -13px;
		    transform: rotate(0deg);
			-moz-transform:rotate(0deg);
			-webkit-transform:rotate(0deg);
			-o-transform:rotate(0deg);
			-ms-transform:rotate(0deg);
		}


		.item{width: 420px !important;}
		.item a .desc {left: 50px;width: 76.3%;}


		.cForm form{width:400px;}
		.cForm input[type="text"], .respondForm input[type="email"]{width:400px;}
		.cForm textarea{width:400px;}

		.footerholder{text-align:center;}
		.socialsFooter{float:none;margin-top:10px;}



}


/* Mobile Portrait Size -> Mobile Landscape Size */
@media only screen and (max-width:479px) {

	input, textarea{-webkit-appearance: none;-webkit-border-radius:0;}
	html{-webkit-text-size-adjust: none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}

	#loaderInner {margin: -50px 0 0 -30px;}
	.dtIco span.date{font-family: 'open_sansregular';font-style:italic;}
	.logo, nav#mainNav{float:none;}
		nav#mainNav{margin-right:0;margin-top:69px;}

		nav#mainNav ul{display:none;margin-bottom:10px;}
		nav#mainNav li{float:none; display:block;}
		nav#mainNav a.active:after{right:1px;top:22px;}
		.topSocials{display:none;}
		nav#mainNav li a{padding:3px 0px;display:inline-block;}
		.mobileBtn{display: inline-block;float: right;margin-right: 135px;margin-top: -51px;position: relative;}


		.shortBtn{right:-10px;top:-290px;}
		.imgAbout{height:20%;width:100%;}
		.aboutContent {margin-left: 0;}
		.overview{margin-top: 100%;}

		.employment, .education{margin-top:50px;}
		.employment:before, .education:before{background:none;}
		.dtIco {margin-left:10px;}
		.det{width:300px;margin-left:0;margin-top: 30px;}
		.det:before {
		    left: 10px;
		    top: -17px;
		    ttransform: rotate(0deg);
			-moz-transform:rotate(0deg);
			-webkit-transform:rotate(0deg);
			-o-transform:rotate(0deg);
			-ms-transform:rotate(0deg);
		}

		.det:after {
		    left: 10px;
		    top: -13px;
		    transform: rotate(0deg);
			-moz-transform:rotate(0deg);
			-webkit-transform:rotate(0deg);
			-o-transform:rotate(0deg);
			-ms-transform:rotate(0deg);
		}

		ul#category li{display:block;}
		.item{width: 300px !important;}


		.cForm form{width:300px;}
		.cForm input[type="text"], .respondForm input[type="email"]{width:300px;}
		.cForm textarea{width:300px;}

		.footerholder{text-align:center;}
		.socialsFooter{float:none;margin-top:10px;}




}


/*End media queries*/
/*-------------------------------------------------------------------------*/




@media (max-width: 1024px) {

	.smartphone
	{
		width: 560px;
		margin-left:15%;
	}


	.smartphone_gutverpackt
	{

		margin: 7px 7px 7px 7%;

		position: relative;
	}

	header {
  		position:static;
	}



	.h4
	{
		margin-top:0px;
	}

	.section-team
	{
		margin-top:70px;

	}

	.bg-image-first {
		display:none;
	}

	.bg-image-startseite {
		  display:none;
		  visibility: hidden;
	}


	.bg-image-startseite3 {
	  display:none;
	}

	.bg-image-unternehmen {
		display:none;
	}

	.bg-image-verpackt {
	  	display:none;
	}

	.bg-image-buero {
	  	display:none;
	}

	#image-unternehmen
	{
		display:none;
	}



}


@media (max-width: 768px) {
	.main-menu .nav > li > a
	{
		margin-top:10px;
	}

	.section-team
	{
		margin-top:30px;
		margin-left:20px;

	}

	.h4
	{
		margin-top:50px;
	}

	header {
  		position:static;
	}

}


@media (max-width: 767px) {

	.wrap-button {
		display:none;
	}

	.h4
	{
		margin-top:0px;
	}

	.smartphone
	{
		width: 280px;
		margin-left:10px;
	}

	.smartphone_gutverpackt
	{

		margin: 2px;
		float:left;
		position: relative;

	}

	header {
  		position:static;
	}

	.section-team
	{
		margin-top:0px;
		padding:5px;
		margin-left:0px;

	}

	.bg-image-first {
		display:none;
	}

	.bg-image-startseite {
		  display:none;
	}


	.bg-image-startseite3 {
	  display:none;
	}

	.bg-image-unternehmen {
		display:none;
	}

	.bg-image-verpackt {
	  	display:none;
	}

	.bg-image-buero {
	  	display:none;
	}

	#image-unternehmen
	{
		display:none;
	}

	#ausblenden {
	  	display:none;
	}

}