/* pt-serif-regular - latin */
@font-face {
    font-family: 'PT Serif';
    font-style: normal;
    font-weight: 400;
    src: url('../webfonts/pt-serif-v17-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../webfonts/pt-serif-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/pt-serif-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/pt-serif-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/pt-serif-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/pt-serif-v17-latin-regular.svg#PTSerif') format('svg'); /* Legacy iOS */
}
/* pt-serif-italic - latin */
@font-face {
    font-family: 'PT Serif';
    font-style: italic;
    font-weight: 400;
    src: url('../webfonts/pt-serif-v17-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../webfonts/pt-serif-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/pt-serif-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/pt-serif-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/pt-serif-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/pt-serif-v17-latin-italic.svg#PTSerif') format('svg'); /* Legacy iOS */
}
/* pt-serif-700 - latin */
@font-face {
    font-family: 'PT Serif';
    font-style: normal;
    font-weight: 700;
    src: url('../webfonts/pt-serif-v17-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../webfonts/pt-serif-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/pt-serif-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/pt-serif-v17-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/pt-serif-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/pt-serif-v17-latin-700.svg#PTSerif') format('svg'); /* Legacy iOS */
}
/* pt-serif-700italic - latin */
@font-face {
    font-family: 'PT Serif';
    font-style: italic;
    font-weight: 700;
    src: url('../webfonts/pt-serif-v17-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../webfonts/pt-serif-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/pt-serif-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/pt-serif-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/pt-serif-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/pt-serif-v17-latin-700italic.svg#PTSerif') format('svg'); /* Legacy iOS */
}

/* pt-sans-regular - latin */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../webfonts/pt-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../webfonts/pt-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/pt-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/pt-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/pt-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/pt-sans-v17-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-italic - latin */
@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../webfonts/pt-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../webfonts/pt-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/pt-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/pt-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/pt-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/pt-sans-v17-latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-700 - latin */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../webfonts/pt-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../webfonts/pt-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/pt-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/pt-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/pt-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/pt-sans-v17-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-700italic - latin */
@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    font-weight: 700;
    src: url('../webfonts/pt-sans-v17-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../webfonts/pt-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/pt-sans-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/pt-sans-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/pt-sans-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/pt-sans-v17-latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
body, html { height:100%;    -ms-overflow-style: scrollbar;  }

body { /*overflow-x:hidden;*/ position:relative; background:#f6f6f6;
  color: #333;
	font-family: 'PT Sans', sans-serif !important; font-size:15px; font-weight:300; }

a {
  color: #333; text-decoration: none

}
hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}
.btn, .mailpoet_submit {
  font-weight: 400;
}
.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}
.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
a:hover,
a:focus {
  color:#666;
  text-decoration: none;
  outline: none;
}
.dropdown-menu {
  margin-top: -1px;
  min-width: 180px;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */

  padding-top: 30px;
  /* IE6 workaround*/

  height: 0;
  overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/** SLIDER **/

#main-slider  {
  position: relative; height:60%; z-index:5;
}
#main-slider .carousel-inner { height:100%;}
#main-slider .item {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 100%;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms; color:#fff;
}
#main-slider .item:first-child {
  top: auto;
  position: relative;
}
#main-slider .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}
#main-slider .carousel-inner, #main-slider .item { height:100%;}
.caption { position:absolute; left:0; top:0; bottom:0; right:0; z-index:10}


#sub-slider  {
  position: relative; height:45%; z-index:5; margin-top:90px;
}
body.logged-in #sub-slider { margin-top:115px;}

#sub-slider .carousel-inner { height:100%;}
#sub-slider .item {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 100%;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms; color:#fff;
}
#sub-slider .item:first-child {
  top: auto;
  position: relative;
}
#sub-slider .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}
#sub-slider .carousel-inner, #sub-slider .item { height:100%;}

/* Large desktops and laptops */
@media (min-width: 1200px) {
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
#main-slider, #sub-slider { margin-top:75px;}
body.logged-in #main-slider , body.logged-in #sub-slider { margin-top:100px;}

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
#main-slider, #sub-slider { margin-top:70px;}
body.logged-in #main-slider , body.logged-in #sub-slider { margin-top:95px;}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
.navbar .navbar-brand  { padding:15px 0}
.navbar .navbar-brand img {height:30px;}
}


/** HELPERS **/
.small-gap {
  margin-bottom: 15px !important;
}
.gap {
  margin-bottom: 30px !important;
}
.big-gap {
  margin-bottom: 60px !important;
}
.no-margin {
  margin: 0;
  padding: 0;
}
.tcenter { text-align:center;}
.tright { text-align:right;}
.versteckt { opacity:0}
.sichtbar { opacity:1}
.shadow { box-shadow:0px 0px 3px 1px #333; -moz-box-shadow:0px 0px 3px 1px #333; -webkit-box-shadow:0px 0px 3px 1px #333;}
.inner-shadow {     -moz-box-shadow:    inset  0  8px 8px -8px #000, 
                        inset  0 -8px 8px -8px #000;
    -webkit-box-shadow: inset  0  8px 8px -8px #000, 
                        inset  0 -8px 8px -8px #000;
     box-shadow:        inset  0  8px 8px -8px #000, 
                        inset  0 -8px 8px -8px #000;}
.img-responsive { margin:0 auto;}
.delay1 { animation-delay:.25s}
.delay2 { animation-delay:.45s}
.readmore { font-size:75%; font-weight:700}
.readmore a { text-decoration: none;}
.readmore a:hover { color:rgba(219,124,30,1)}

p { margin-bottom:1.2em;}
p.small { margin-bottom:0;}
p.more { text-align:left; text-align:center;}
hr { width:50%; margin:2.4em auto}

h1, h2, h3, h4, h5, h6, .h1, .h2 { font-family: 'PT Serif', sans-serif;  margin:0; margin-bottom:0px; font-weight:100; }

h1, .h1 { font-size:36px; margin-bottom:30px; color:rgba(156,16,6,1);  text-transform:uppercase}
h2, .h2 { font-size:28px; margin-bottom:30px; font-weight:100; color:#445055;  text-transform:uppercase}
h3 { font-size:24px; margin-bottom:10px; color:rgba(156,16,6,1)}
h4 { font-size:18px; margin-bottom:10px;}
h5, h6 { font-size:24px; margin-bottom:10px;}
.h1 { margin-bottom:20px;}
.h1 span { font-size:40px; background:rgba(255,255,255,.85); padding:2px 8px; display:inline-block}
.h2 span { font-size:30px; background:rgba(255,255,255,.85); padding:2px 8px; display:inline-block}
h1 + h2 {margin-top:-30px; margin-bottom: 30px}

.download-item h4, .calltoactionitem h4 { font-weight: 700}
@media (max-width:767px) {
h1, .h1 { font-size:25px;  color:rgba(156,16,6,1)}
h2, .h2 { font-size:22px; font-weight:100; color:#445055}
h3 { font-size:20px;  color:rgba(156,16,6,1)}
h4 { font-size:18px; }
h5, h6 { font-size:16px; }
.calltoactionitem h5 { font-size:24px; margin-bottom:10px;}
.h1 { margin-bottom:20px;}
.h1 span { font-size:30px; background:rgba(255,255,255,.85); padding:2px 8px; display:inline-block}
.h2 span { font-size:20px; background:rgba(255,255,255,.85); padding:2px 8px; display:inline-block}
}

/** WRAPPER **/

#wrapper { z-index:10; position:relative; margin-top:-150px; }
#wrapper .container section:last-child {padding-bottom:50px}
 #wrapper .container { padding:0 50px; background:#fff}
 #wrapper .container section { padding:50px 0; overflow: hidden}
 #wrapper .container #intro { padding:50px 0 0}
@media (max-width:767px) {
 #wrapper .container { padding:0 25px; background:#fff}
 #wrapper .container section { padding:25px 0}
 #wrapper .container #intro { padding:25px 0 0}
}

/** NAVBAR**/
.navbar { border:none !important; background:rgba(255,255,255,1);  z-index:999;  border-radius:0 !Important; padding:0 15px; transform-origin:top left; }
body.logged-in .navbar { top:25px;}
.navbar .nav { }
.navbar .navbar-brand { position:relative; height:auto; z-index:2;  padding:15px 8px;}
.navbar .navbar-brand img { -webkit-transition: all 0.3s;    -moz-transition: all  0.3s;    transition: all  0.3s; height:50px;}
.navbar-toggle { z-index:10;}
.navbar-nav>li>a, .navbar-default .navbar-nav>li>a { color:#445055; border:none !important }
.navbar-nav>li>a i { font-size:16px;}
.navbar * { border-radius: 0 !important}
.navbar-right { margin-right:0; margin:15px 0;}
.navbar-default .navbar-nav>li.active>a, .current_page_parent a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background:rgba(156,16,6,1); color:#fff !important;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li.active>a:hover , .navbar-default .navbar-nav>li.active>a:focus { color:#fff; background:#445055;}
li.invert a { background:#eee}
li.search  { padding:10px 15px; line-height:30px}
.navbar ul { padding:0;}
.navbar.affix #metabar {margin-top:-35px;}
@media (min-width: 992px)
{
.navbar-header { height:auto}
}
@media (max-width:991px) {
.meta, .main { margin: 0 -15px;}
.navbar-collapse { padding:0 15px !important;}
.navbar-default *, .navbar *, .navbar li.active a, .navbar .current-menu-parent a { border-radius:0 !important}
.dropdown-menu { background:#f6f6f6; box-shadow: none !important; border-radius: 0 !important}
.dropdown-menu * { border-radius:0 !important}
.navbar ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block; float:none; width:auto;
}
.navbar-nav {
    margin: 7.5px -15px !important;
}
.navbar a {font-size: 17px !important;}
.navbar-toggle { margin-top:30px;}
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
.navbar .navbar-brand img {height:50px;}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
.navbar .navbar-brand img {height:40px;}
.navbar-toggle { margin-top:12px;}
.centering { margin:0; margin-bottom:15px;}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
.navbar .navbar-brand  { padding:15px 0}
.navbar .navbar-brand img {height:30px;}
}


/** DROPDOWNS **/
.dropdown-menu { border:none !important}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background:none; color:none}
.dropdown-menu li a { padding:5px 10px;}
li.dropdown>.dropdown-menu { background:#445055!important; box-shadow:none !Important}
li.dropdown>.dropdown-menu a { color:#fff; background:none !important}
li.dropdown>.dropdown-menu li:hover a { color:rgba(94,122,133,1)}
li.dropdown-submenu>.dropdown-menu { box-shadow:none !Important}
li.dropdown-submenu>.dropdown-menu li a { color:#fff !important}
.dropdown-menu li:hover a { color:rgba(94,122,133,1) !important; background:#fff !important}
.dropdown-submenu li:hover a { color:rgba(94,122,133,1); background:#fff}
.dropdown-menu li.dropdown-submenu:hover ul li a { color:rgba(94,122,133,1) !important; background:none}
li.dropdown-submenu:hover ul li:hover a { color:rgba(94,122,133,1) !important; background:#fff}
li.dropdown-submenu.open li:hover a { color:rgba(94,122,133,1) !important; background:rgba(255,255,255,.85) !important}


.dropdown-submmenu > .dropdown-menu {display:none }
.dropdown-submenu {
    position: relative; 
}

.dropdown-submenu > .dropdown-menu {

	position: relative;
   font-size: .8em;
    float: right;
    border: 0;
    /* padding: 0; */
    margin: 0;
    width: 100%;
    background: rgba(0,0,0,.15) !important; display:none !important
}

.dropdown-submenu.open  > .dropdown-menu {
    display: block !important; 
}
.dropdown-submenu > a:after {
   padding-left: 3px;
content: "\f107"; display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
}

.dropdown-submenu .open  > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


li.dropdown>.dropdown-menu.loginmenu { padding:15px !important; background:rgba(156,16,6,1) !important}
#maincontent { position:relative; z-index:10;}


.totop { position:fixed; bottom:-100px; right:30px; background:rgba(156,16,6,1); z-index:9999; border:1px solid #fff; color:#fff; width:50px; height:50px; text-align:center;  -webkit-transition: all 0.3s;    -moz-transition: all  0.3s;    transition: all  0.3s;}
.totop.in {  bottom:30px;}
.totop a { display:block; color:#fff; line-height:45px;}
.totop:hover { background:#445055}

/** META **/
	#meta ul { float:right; padding:0; margin:0;}
	#meta ul li { position:relative; float:left; padding:0 0 0 10px;  list-style:none }
#meta { position:fixed; left:0; top:0; right:0; height:25px; line-height:25px; background:#445055; color:#eee; z-index:100; font-size:12px; padding:0 !IMPORTANT }
#meta a {color:#ccc;}
#meta a:hover {color:#aaa;}

/** TRENNER **/
section.trenner {  padding:0; background:#f6f6f6; margin:0 -50px; height:50px; padding:0 !important}
@media (max-width:767px) {
section.trenner { margin:0 -25px}
}

/** CALLTOACTION**/
#calltoaction {  padding:0; background:#f6f6f6; margin:0 -50px; padding:75px 75px 60px !important;}
.calltoactionitem {  padding:25px; text-align:center;color:#666; background:#fff; display:block; margin-bottom:30px; }
.calltoactionitem i { color:rgba(156,16,6,1)}
.calltoactionitem:hover  { background:#f0f0f0; color:#445055; }
.calltoactionitem:hover i  { color:rgba(156,16,6,1); }
.calltoactionimage {height:225px; background-size:cover !important; background-position:center !important; margin:25px -25px;}
@media (max-width:767px) {
#calltoaction {  padding:0; background:#f6f6f6; margin:0 -25px; padding:35px 35px 15px !important;}
}


/** VIDEOS **/
a.videoitem { background:#f6f6f6; display:block; padding:15px 15px 0;}
a.videoitem:hover  { background:#445055; color:#fff !important}
a.videoitem:hover h3  {color:#fff !important}
.videodetails { font-family:'PT Serif', serif; background:rgba(0,0,0,.05); padding:7px 0; font-size:.85em}

.videoitem .previewimage  { max-height:130px; overflow:hidden; margin-bottom:15px}

			  .solution {background:#f6f6f6; padding:65px; display:block; margin: 50px -50px 0 }
			  .ansprechpartner {  padding:25px; background:#fff; position:relative; overflow:hidden; background-size:cover !important; background-position:center !important;}
			  .ansprechpartner .overlay { position:absolute; left:0; bottom:0; right:0; padding:15px; background:rgba(156,16,6,.85); color:#fff; transform:translateY(100%); transition: all .25s}
			  .ansprechpartner .overlay p { margin-bottom:0; }
			  .ansprechpartner .overlay p.name { font-weight:bold;font-family:'PT Serif', serif; font-size:20px; }
			  .ansprechpartner:hover .overlay {transform:translateY(0)}
			  .videoitem {   overflow-wrap: break-word; 
  word-wrap: break-word;  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;}
/* Large desktops and laptops */
@media (min-width: 1200px) {
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
.videoitem .previewimage { max-height:260px; margin-bottom:15px}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
.videoitem .previewimage { margin-bottom:15px}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
.videoitem .previewimage { max-height:260px; margin-bottom:15px}
}


/* Portrait tablets and small desktops */
@media (max-width: 991px) {
.pull-down { margin-top:0 !Important}
}


.panel { border:none !important; box-shadow:none !important; background: none}
.panel * { border:none !important; box-shadow:none !important; background: none}

/** NEWS **/
.news-item { display:block; background:#f6f6f6; margin-bottom:30px }
.newsbody { padding:30px}
.newsbody h3 { font-size:20px}
.newsbody p { margin-bottom:0}
.newsimage { height:200px; background-color:#f0f0f0; background-position:center !important; background-size:cover !Important}
.news-item:hover {background:#445055; color:#fff}
.news-item:hover h3 {color:#fff}


.previewimage {position: relative; float: left; margin: 0 15px 0 0;}

/** TRNNER **/
#trenner  { padding:100px 0}

/** KONTAKT **/

#kontakt { padding:50px 0; background:#445055; position:relative; color:rgba(35,50,60,1); }
#kontakt h1,#kontakt h2,#kontakt h3,#kontakt h4,#kontakt p, #kontakt a, #kontakt * { color:rgba(255,255,255,.5);}
.form-control, .mailpoet_text, .wysija-input { color:#333 !important;  background:rgba(0,0,0,.05);  border-radius:0 !important; border:0 !Important; box-shadow:none !important; height:40px; margin-bottom:15px;}
textarea.form-control { height:auto;}
.form-control:focus, .mailpoet_text:focus {  box-shadow:0 0 8px rgba(0, 0, 0, 0.2);  background:rgba(0,0,0,.15) !important;}
.btn, .mailpoet_submit {line-height: 25px !important;     box-shadow: none !important;}
.btn-default, .mailpoet_submit, .wysija-submit { border: 1px solid rgba(68,80,85,1); border-radius:0 !Important; padding:7px 15px; font-weight: bold; height:40px; line-height:20px }
.btn-default.btn-action, .mailpoet_submit, .wysija-submit { line-height:25px; background:rgba(156,16,6,1); color:#fff !important;}
.btn-default.btn-action:hover, .mailpoet_submit:hover, .wysija-submit:hover {background:#445055 !important;  color:#fff !important;}
.btn-default:hover{ background:rgba(156,16,6,1) ;color: #fff} 

.btn-action.active { opacity:.5; background:rgba(156,16,6,1);}
.btn.active { opacity:.5; background: rgba(68,80,85,1);}

.btn-block { color:#fff !important;  background:rgba(68,80,85,1); text-align:left; border-radius:0 !important; border:0 !important; box-shadow:none; height:40px;}
.btn:hover, .btn:focus{ color:#fff !important; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.2);  background:rgba(156,16,6,1) }
#kontakt ul, #kontakt ul li { list-style:none; margin:0; padding:0}
#kontakt ul li a:hover { opacity:.5}
.loginmenu .form-control, .loginmenu { color:#fff !important}
.form-control::-moz-placeholder {
  color: #999 !important;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999 !important;
}
.form-control::-webkit-input-placeholder {
  color: #999 !important;
}

li.dropdown>.dropdown-menu a.btn-register {background-color: rgba(68,80,85,1) !important; line-height:25px; padding:7px 15px; font-weight:bold;}
li.dropdown>.dropdown-menu a.btn-register:hover {background-color: rgba(156,16,6,1) !important}

footer { padding:25px; background:#445055; color:#fff; z-index:20; position:relative;}
footer h5 { color:#fff;}
footer p {margin-bottom:0}
footer a {color:#aaa}
footer ul { margin:0; padding:0;}
footer ul li { list-style:none; color:#fff; position:relative; float: left}
footer ul li a { display:block; padding:5px; color:#fff !important; font-size:13px; line-height:20px; text-transform:uppercase;}
footer ul li a:hover { opacity:.75;}

input, select { outline:none !IMPORTANT}

#main-slider * { perspective: 2000px;}


@media (max-width:767px) {
	body { font-size:15px;}
.navbar { border-bottom:1px solid #ccc !important;}
.navbar .navbar-nav { margin-top:0;}
section { padding:30px 0;}
#kontakt { padding:30px 0 0 0}
#main-slider { height:65%;}
#main-slider .boxed h2 { font-size:18px !important; padding:5px 7px !important}
#main-slider .boxed > div { padding:5px 7px !important}
#main-slider .boxed p, #main-slider .boxed a { font-size:14px !important;}
.dropdown {position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;}
}

.mailpoet_text, .wysija-input {
    color: #333 !important;
    background: rgba(0,0,0,.05);
    border-radius: 0 !important;
    border: 0 !Important;
    box-shadow: none !important;
    height: 40px;
    margin-bottom: 15px;
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555; width: 100% !important
}

@media (min-width:768px){

.icon-menu{z-index:1100;padding:0;margin:0;transition:ease right .5s;position:fixed;right:-350px;top:12%;width:350px;height:auto;font-size:85%; height: 300px; max-height:60%; background: #fff; padding:15px 0}
.icon-menu.in{right:0;box-shadow: 0 0 3px #999;} /*.icon-menu.in ul { box-shadow: -1px 0px 2px #ccc;}*/
.icon-menu ul{list-style:none;width:50px;position:absolute;right:100%;top:15px;margin:0;}
.icon-menu li a.active{background:#fff;}
.icon-menu li a:hover{color:#fff !important;}
}
.icon-menu .form-control { color:#ddd !important;}
.icon-menu .form-control:focus {  box-shadow:0 0 8px rgba(0, 0, 0, 0.2);  background:rgba(255,255,255,.2)  ;}
.content-holder{position:relative;/*overflow:auto;*/}
.content-holder .content{display:none;}
.content-holder .content.visible{display:block;}
.content-holder a{color:#335872;}
.icon-menu li{height:50px;width:50px;position:relative;float:right;padding:0;margin:0;text-align:center;background:#fff}
.icon-menu li a{line-height:50px;background:rgba(156,16,6,1);color:#fff;display:block;font-size:20px; }
.closeToggle{position:absolute;top:15px;right:25px;line-height:30px;height:50px;color:#fff;z-index:2}
.icon-menu iframe {border:1px solid #ccc !important}
@media (max-width:767px){
.icon-menu li a.active{background:#fff; border-top: 2px solid #ea5552;}
.icon-menu li a:hover{background:rgba(181,214,239,.33) !important; border-top:2px solid #335872 !important }
.icon-menu{z-index:500;padding:0;margin:0;transition:ease bottom .5s;position:fixed;bottom:-350px; left:15px; right:15px; height:350px;font-size:85%; /*max-height:60%;*/ background: #fff; padding:15px 0}
.icon-menu ul{list-style:none;position:absolute;bottom:100%;left:15px;margin:0; padding:0}
.icon-menu.in{bottom:0;box-shadow: 0 0 3px #999;} /*.icon-menu.in ul { box-shadow: -1px 0px 2px #ccc;}*/
}