/*
COLORS:
Blue: rgba(76,123,184,1)
Orange: rgba(223,101,8,1)
*/

/*==========  General Styles  ==========*/
h1 b,
h2 b {
  color: #4c7bb8;
}
a,
a:hover,
.post .post-content h2 a:hover {
  color: #81c530;
}
.post-content q {
  border-left: 6px solid #81c530;
}
hr {
  background: #4c7bb8;
      margin-bottom: 30px;
    margin-top: 30px;
}
hr.left {margin: 10px 0 20px}
.btn.btn-primary {
  background-color: #4c7bb8;
  color: #465366;
  border: 1px solid #4c7bb8;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
.btn.btn-primary:hover {
  background-color: #90d939;
  border-color: #90d939;
}
.btn.btn-primary.btn-border {
  background-color: transparent;
  color: #4c7bb8;
}
.btn.btn-primary.btn-border:hover {
  background-color: #4c7bb8;
  color: #465366;
}
.btn.btn-secondary {
  background-color: #c9ff88;
  border: 1px solid #c9ff88;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  color: #465366;
}
.btn.btn-secondary:hover {
  background-color: #b2ff55;
  border-color: #b2ff55;
}
.btn.btn-secondary.btn-border {
  background-color: transparent;
  color: #c9ff88;
  color: #465366;
}
.btn.btn-secondary.btn-border:hover {
  background-color: #c9ff88;
}
.navbar ul.nav > li:hover > a,
.navbar ul.nav > li.active > a,
.navbar ul.nav > li.dropdown.open > a,
.navbar ul.nav > li .dropdown-menu > li:hover > a {
  background: #df6508;
  color: #ffffff;
}
.navbar ul.nav > li > a {
  color: #5b5b5a;
  border-radius: 3px;
}
.navbar ul.nav > li.round-icon a {
  background: transparent;
  color: #465366;
  border: 1px solid #465366;
}
.navbar ul.nav > li.round-icon a:hover,
.navbar ul.nav > li.round-icon a.active {
  background: #4c7bb8;
  color: #465366;
}
.navbar ul.nav > li.search input {
  border: 1px solid #465366;
  color: #465366;
}
.navbar ul.nav > li.search input::-webkit-input-placeholder {
  color: #fff;
}
.navbar ul.nav > li.search input:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}
.navbar ul.nav > li.search .icon {
  color: #465366;
}
.navbar ul.nav > li.search.active input {
  border-color: #4c7bb8;
  background: #4c7bb8;
  color: #465366;
}
.navbar ul.nav > li.search.active .fa {
  color: white;
}
.navbar.navbar-fixed-top {border-bottom: 1px solid #ddd;}

.portfolio-item .portfolio-image .portfolio-hover {
  background: rgba(201, 255, 136, 0.75);
}
.portfolio-item .portfolio-image .portfolio-hover .portfolio-hover-content h4 {
  color: #465366;
}
.portfolio-item .portfolio-image .portfolio-hover .portfolio-hover-content hr {
  background: #4c7bb8;
}
::selection {
  background: #dadada; /* #4c7bb8; */
  /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #dadada; /* #4c7bb8; */
  /* Gecko Browsers */
}
.header.header-bg {
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}
.header article h1 {
  color: #465366;
}
.header article h1 b {
  color: #4c7bb8;
}
.header article p {
  color: #717d90;
}
.header article hr {
  background-image: linear-gradient(-135deg, #4c7bb8 0%, #c9ff88 100%);
}
.header.header-inner, .navbar.navbar-fixed-top {
  background:white;
}

.header-1 {
  background-image: url("../images/slides/bg1_1.jpg");
}
.header-2 {
  background-image: url("../images/slides/company_bg.jpg");
}
.header-3 {
  background-image: url("../images/slides/r2bm_bg.jpg");
}
.header-4 {
  background-image: url("../images/slides/ausblick_bg.jpg");
}
.header-5 {
  background-image: url("../images/slides/faq_bg.jpg");
}
.header-6 {
  background-image: url("../images/slides/company_bg2.jpg");
}
.header-7 {
  /*background-image: url("../images/slides/kundenlogin_bg.jpg");*/
}
.header-8 {
    background-image: url("../images/slides/kontakt_bg.jpg");
}

.header_text_home,
.header_text_company,
.header_text_ausblick,
.header_text_faq,
.header_text_default {  top:170px; }
.header_text_kontakt {  top:300px; }
.header_text_r2bm { top:170px; }

.tp-simpleresponsive >ul >li {list-style: none!important;}

main section.section-primary {
  background: #4c7bb8;
}
main section#target {padding: 0}
main section.section-primary hr {
  background-color: #df6508;
}
main section.section-primary h2 b {
  color: #fff;
}
main section.section-primary p {
  color: #fff;
}
main section.section-secondary {
  background: #c9ff88;
}
main section.section-secondary hr {
  background-color: #4c7bb8;
}
main section.section-secondary h2 b {
  color: #4c7bb8;
}
.testimonials {
    background-image: url("../images/zeitleiste_bg.jpg");
}
.testimonials small {
  color: #4c7bb8;
}
.testimonials.parallax {background-position: center 80px;}
div.contacts-information .fa {
  color: white;
/*  background: #4c7bb8; */
  background: #4c7bb8;
}
div.contacts-information .fa_orange {
    background: #df6508 none repeat scroll 0 0;
    color: white;
}
.shop-item .shop-image .shop-hover {
  background: rgba(201, 255, 136, 0.25);
}
.steps .step:hover .icon, .section-light .steps .step:hover .icon, .section-dark .steps .step:hover .icon {
  background: #4c7bb8;
}
.page-heading {
  background: #4c7bb8;
}
.page-heading h1 {
  color: #465366;
}
ul.nav-tabs li.active > a,
ul.nav-tabs li.active > a:hover {
  border-bottom: 2px solid #4c7bb8;
  color: #4c7bb8;
}
.section-primary p.inform {
  color:white;
}

/* 
################################################################################
#### SOP Anpassungen ############################################################
################################################################################
*/
body {position:relative; line-height:1.4;}
header h1 {	color: #4c7bb8; font-weight: 600; font-size: 28px; text-transform: none;margin-bottom: 0; }
p { font-size: 15px;}
h1, h2, h3, h4 {color: #4c7bb8}
h2 {font-weight: 500;}
h2.white { color: #fff;font-size: 42px;}
h3 {font-weight: 300;font-size: 22px;}
h3.white {color: #FFF;text-transform: none;}
h4 {text-transform: none; font-weight: 500;}

a:hover, a:focus {outline:none; text-decoration:none;}

.text-center {text-align: center;}
img.responsive {width: 100%; height: auto}

.m-top-30 {margin-top: 30px;}

.tp-simpleresponsive .sie_orange_block_main,
.tp-simpleresponsive .caption, .tp-simpleresponsive .sie_tp-caption,
.tp-simpleresponsive .sie_tp-caption_left, .tp-simpleresponsive .sie_tp-caption_right {
    position: absolute;
    visibility: hidden;
}
.navbar-brand { padding-top: 0px;}

a,
a:hover,
.post .post-content h2 a:hover {
  color: #4c7bb8;
}
.cbox {height: 540px; padding: 40px 20px;}
.cbox .cbox-icon {width: 100%;height: auto;    border-radius: 0;
    margin: 0 20px 20px 0;
    background: none!important;
    text-align: center;
    font-size: 32px;
    line-height: 70px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    border-bottom: 2px solid #fff;}
.cbox .cbox-icon img {max-width: 80px; width: 100%; height: auto;}
.cbox h4 {margin-top: 60px!important;font-size: 22px;padding-left: 0px; color: #fff!important}
.cbox.cbox-gray-2 .cbox-icon {background: #FFF;}
.cbox.cbox-orange {background: #df6508;color: #FFF;}
.cbox.cbox-orange .cbox-icon {color: #df6508;}
.cbox.cbox-gray-5, .cbox.cbox-gray-4, .cbox.cbox-gray-3, .cbox.cbox-gray-2 {color: #fff;}
.cbox:after {
    content: '';
    width:0;
    height:0;
    border-top:20px solid transparent;
    border-bottom:20px solid transparent;
    position: absolute;
    left: 0;
    top: 20px;
}
.cbox:nth-of-type(1):after {
  display: none
}
.cbox.cbox-gray-2 {background: rgba(76,123,184,0.4);}
.cbox.cbox-gray-3 {background: rgba(76,123,184,0.6);}
.cbox.cbox-gray-4 {background: rgba(76,123,184,0.8);}
.cbox.cbox-gray-5 {background: rgba(76,123,184,1);}
.cbox:nth-of-type(2):after {border-left:20px solid #B7CAE3}
.cbox:nth-of-type(3):after {border-left:20px solid #93AFD4}
.cbox:nth-of-type(4):after {border-left:20px solid #6F95C6}
.cbox ul {padding: 0 0 0 17px;}
.cbox-label { 
      position: absolute;
    bottom: -10px;
    left: 0;
    border-top: 2px solid #fff;
    padding: 10px 30px 8px;
    font-weight: 300;
    text-align: center;
    right: 0;
    background-color: #DF6508;
}
.cbox .order {    background: #fff;
    display: inline-block;
    padding: 10px;
    border-radius: 50px;
    position: absolute;
    right: 10px;
    top: 20px;
    width: 40px;
    height: 40px;
    line-height: 19px;
    text-align: center;
    font-size: 22px;
    color: rgba(76,123,184,1)}
.navbar-fixed-right ul.nav > li > a {  color: #ffffff; }

.navbar ul.nav > li .dropdown-menu {
	background: #4c7bb8;
}

.ribbon.ribbon-right .ribbon-content {font-weight: 500; text-transform: none;}

.sie_header_title {
	color: #ffffff;
	font-size: 48px;
	text-transform: uppercase;
	padding: 10px 30px 10px 40px;
    display:inline-block;
    transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    -webkit-transform: skew(-20deg);
    padding:10px 20px 10px 70px;
    line-height:1.1;
}
.sie_header_title_left {
	color: #ffffff;
	font-size: 44px;
	text-transform: uppercase;
	padding: 20px 20px 20px 50px;
    display:inline-block;
    transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    -webkit-transform: skew(-20deg);
    line-height:1.1;
}
.sie_header_title_right {
	    color: #ffffff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: right;
    padding: 15px 20px 20px 50px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 10px;
    line-height: 1.2;

}
.sie_header_title_right.title_small {font-size: 24px; line-height: 1.4}

.sie_tp-caption {

}
.sie_tp-caption_left {

}
.sie_tp-caption_right {

}
.sie_orange_block_main {
    transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    -webkit-transform: skew(-20deg);
    background:rgba(0,0,0,.6);
    display:table;
    margin:100px -50px 0 0;
}
/*.sie_tp-caption_right::before {
	content: "";
	background: #df6508;
	padding: 10px 4px;
	width:1px;
} */

.tp-simpleresponsive .sie_tp-caption,
.tp-simpleresponsive .sie_tp-caption_left,
.tp-simpleresponsive .sie_tp-caption_right  { 

	opacity: 1;
	visibility:visible;
	padding-right:0px;
}
.tp-simpleresponsive .sie_orange_block_main {
	background: #df6508; 
	opacity: 1;
	visibility:visible;
	padding-right:40px;
}
.tp-simpleresponsive .sie_tp-caption_left {
	left: 0px;
	border-left:30px solid #4c7bb8; 
}
.tp-simpleresponsive .sie_tp-caption_right  { 
  right: 0;
  top: 290px;
}
.tp-simpleresponsive .sie_tp-caption_right:before { 
    content: "";
    border-left: 12px solid #df6508;
    -webkit-transform: skew(-25deg);
       -moz-transform: skew(-25deg);
        -ms-transform: skew(-25deg);
         -o-transform: skew(-25deg);
            transform: skew(-25deg);
    height: 130px;
    position: absolute;
    left: 20px;}
.navbar ul.nav > li.search input {
  border: 1px solid #df6508;
  color: #df6508;
}
.navbar ul.nav > li.search .icon {
  color: #df6508;
}
.revolution_container { max-height:675px !important;} /* tp-bgimg */
.navbar > .container .navbar-brand { margin-left: 50px; }

#features h1 {     font-size: 42px;
    font-weight: 200;
    line-height: 1;}
.well {background: #ffffff; }
.footer-area {

}

.trapez { 
	border-bottom: 6px solid #4c7bb8; 
	border-right: 5px solid transparent;
	height: 0; 
	width: 160px; 
	padding-left: 20px;
}
footer.footer.footer-dark { background: #454545; }
footer.footer { padding-top:0px;}
footer .container ul { text-align:left; padding: 30px 0 0 5px; list-style:none outside none;}
footer .container ul li {padding: 4px 0;}
footer .container ul li a,
footer .container ul li  {color: #ddd;font-weight: 300; }
/* footer .container ul.no_padd li { padding: 0px;}
footer .container ul.no_padd li:first-child { padding-top: 12px;} */
footer .container ul.med_padd li {padding: 2px; }
footer .container ul.med_padd li:first-child {padding-top: 12px; }
footer .footer_mailto { font-weight:700;}
footer .container ul li.footer_tel { font-weight: 700;  }

header { padding-bottom: 5px;}
.container .col_header { 
	color:#4c7bb8; 
	font-size:19px;
}
.header article {padding: 300px 0}

#company h2 { padding-bottom:20px;margin-top: 50px;}
#company .company_timeline { background:#4c7bb8; }
#company .company p { padding-bottom: 20px;}
/* #company section { padding: 100px 0;  } */

p.sie_strong, .sie_strong { font-weight:bold;  }  /* text-align:justify; */


#ausblick, .ausblick {background:#e0e0e0; }
#ausblick_text h2,
#agb_text h2 { font-size:28px; padding-bottom: 20px; margin-top: 50px; }
#ausblick_text p, 
#agb p { font-size:15px; }
#ausblick_text .ausblick_text p,
.ausblick-img {max-width: 735px}

#agb .agb_text p { padding-bottom: 20px;}

.div_left .well-icon,
.div_center .well-icon,
.div_right .well-icon {
	text-align:center;
	font-weight:bold;
	padding-bottom:15px;
}
.div_left .well-icon img,
.div_center .well-icon img,
.div_right .well-icon img {
	padding-bottom:10px;
      max-width: 200px;
    height: auto;
}
.div_left, .div_center, .div_right { } 

.people {margin-bottom: 5px;} 

.well .well-icon p {
	color: #5b5b5a;
    font-size: 18px;
	padding-top:17px; 
	padding-bottom:15px; 
    text-transform: none;
}
.well .well-icon {
    background: white none repeat scroll 0 0;
    border-radius: 100%;
    color: #5b5b5a;
    display: block;
    height: 120px;
    margin: 0 auto 20px;
    padding: 25px 10px;
    text-align: center;
    width: 120px;
}
.well p { font-size: 15px; }

.sie_orange {color:#df6508;}
.sie_blue {color:#4c7bb8;}
.sie_bold { font-weight:bold; }
.sie_center { text-align:center; }
.sie_author { font-size: 13px; 	text-transform: uppercase; }
#ausblick_text .sie_font-big { font-size: 26px;}
.sie_text_75 { width: 75%; }
.sie_text_90 { width: 90%; }
.sie_pad-top { padding-top: 30px;}
#ausblick_text .sie_padding-big { padding-bottom: 80px;}
.text_right { text-align: right; }

.navbar ul.nav > li.search.active input {
  border-color: #df6508;
  background: rgba(211,120,63,0.7); /* hex-wert: #df6508 */
  color: #5b5b5a;
}

input::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
  color: #5b5b5a;
}
input:-moz-placeholder,
.form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #5b5b5a;
}
input::-moz-placeholder,
.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #5b5b5a;
}
input:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
  color: #5b5b5a;
}
.navbar-fixed-right { 
	left:0; 
	width:auto; 
	position:fixed; 
	padding-top:20px; 
	top:160px;
/*	bottom:0; */
	z-index:40;
	background: #4c7bb8;
	border-color: #4c7bb8;
	color: #fff;
}
#floating_menu .navbar-nav>li {
  float: none;
  margin: 2px 0;
}

div[id^="section"], div[id*=" section"] { padding:50px 0;}
#faq div[id^="section"], #faq div[id*=" section"] { padding:100px 0 0 0;}
#faq section:last-child { padding-bottom:50px;}

#faq section { padding: 0;}

footer a:hover { text-decoration:none; }

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #df6508;
    color: #fff;
}

.btn.btn-blue {
    background-color: #4c7bb8;
    border: 1px solid #4c7bb8;
    color: white;
    transition: all 0.5s ease 0s;
}
.header_title_strong { font-weight:500; }
.headline_bluebold { font-size:28px; font-weight:700; padding-bottom:20px;}
.container h2 { text-transform: none;}

main section#contact_maps { padding:20px 0; }



/*==========  Circle Hover Pics  ==========*/
.sie-team .ch-item {
  width: 220px;
  height: 220px;
  display: inline-block;
}

.ch-item {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  cursor: default;
}

.ch-info-wrap{
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;

  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -o-perspective: 800px;
  -ms-perspective: 800px;
  perspective: 800px;

  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;

  top: 10px;
  left: 10px;
  background: #f9f9f9;
  box-shadow: 
    0 0 0 20px rgba(255,255,255,0.2), 
    inset 0 0 3px rgba(115,114, 23, 0.8);

}

.ch-info{
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;

  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
    
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;

}

.ch-info > div {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-position: center center;

  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ch-info .ch-info-back {
  -webkit-transform: rotate3d(0,1,0,180deg);
  -moz-transform: rotate3d(0,1,0,180deg);
  -o-transform: rotate3d(0,1,0,180deg);
  -ms-transform: rotate3d(0,1,0,180deg);
  transform: rotate3d(0,1,0,180deg);
  
  background: #4c7bb8;
}

.ch-img-1 { 
  background-image: url(../images/company/Portraits_200px_Sieber.png);
  background-size: 220px
}

.ch-img-2 { 
  background-image: url(../images/company/Portraits_200px_R.Kotulla.png);
  background-size: 220px
}

.ch-img-3 { 
  background-image: url(../images/company/P.Sieber.png);
  background-size: 220px
}

.ch-img-4 { 
  background-image: url(../images/company/P.Menge.png);
  background-size: 220px
}

.ch-img-5 {
    background-image: url(../images/company/T.Ergenzinger.png);
    background-size: 220px
}

.ch-info h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    margin: 0 15px;
    padding: 50px 0 0 0;
    height: 100px;
    font-weight: 400;
    line-height: 1.3;
}

.ch-info p {
  color: #fff;
  padding: 10px 5px;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
  display: block;
  color: #fff;
  color: rgba(255,255,255,0.7);
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  padding-top: 4px;
  font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
  color: #fff222;
  color: rgba(255,242,34, 0.8);
}

.ch-item:hover .ch-info-wrap {
  box-shadow: 
    0 0 0 0 rgba(255,255,255,0.8), 
    inset 0 0 3px rgba(115,114, 23, 0.8);
}

.ch-item:hover .ch-info {
  -webkit-transform: rotate3d(0,1,0,-180deg);
  -moz-transform: rotate3d(0,1,0,-180deg);
  -o-transform: rotate3d(0,1,0,-180deg);
  -ms-transform: rotate3d(0,1,0,-180deg);
  transform: rotate3d(0,1,0,-180deg);
}

/*==========  Count Up Animation  ==========*/
#guy, #dude {
    float: left;
    clear: right;
    margin: 0;
}
#dudecontainer {
    position: relative;
    overflow: hidden;
    height: 285px;
    width: 300px;
    background: #ccc;
}
.frame {
    position: absolute;
    z-index: 3;
}
.dude {position: absolute;
    top: 135px;
    background: #df6508;
    height: 150px;
    width: 300px;
    display: block;
    bottom: 0;
    right: 0;
    left: 0;}
.dudeoverlay {top: -665px;}
span.counter {display: inline-block; font-size: 70px; color: #df6508; font-weight: 700;margin-top: 160px}
span.percent {display: inline-block; font-size: 70px; color: #df6508; font-weight: 700}
.pic-frame {z-index: 2; position: absolute;}
.loadpic {z-index: 1}

/*==========  Scroll Indicator ==========*/
.arrow-wrap {
  position:absolute;
  z-index:1;
  left:50%;
  top:560px;
  margin-left:-5em;
  background:rgb(76, 123, 184);
  width:10em;
  height:10em;
  padding:4em 2em;
  border-radius:50%;
  font-size:0.5em;
  display:block;
  box-shadow:0px 0px 5px 0px #333;
}

.arrow {
  position:relative;
  margin-top: 4px;
}


.hint {
  position:absolute;
  top:0.6em;
  width:100%;
  left:0;
  font-size:2em;
  font-style:italic;
  text-align:center;
  color:#fff;
  opacity:0;
}


.arrow-wrap:hover .hint {
  opacity:1;
}
.scroll-left, .scroll-right{
  width: 25px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 8px;
}
.scroll-left{
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  left: 0;
  
}
.scroll-right{
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  right: 0;
}

  /* Chrome, Safari, Opera */ 
  @-webkit-keyframes bounce {
     0% {
       top: -20%;
     }
     50%   {
       top: 0%;
     }
     100% {
       top: -20%;
     }
  }

  @-moz-keyframes bounce {
     0% {
       top: -50%;
     }
     50%   {
       top: 0%;
     }
     100% {
       top: -50%;
     }
  }

  /* Standard syntax */
  @keyframes bounce {
     0% {
       top: -50%;
     }
     50%   {
       top: 0%;
     }
     100% {
       top: -50%;
     }
  }
  
  .arrow-wrap .arrow {
 -webkit-animation: bounce 2s infinite; /* Chrome, Safari, Opera */ 
  -moz-animation: bounce 2s infinite; 
     animation: bounce 2s infinite;
  }
  

  .scroll-indicator{
    
  }

ul {
    font-family: 'Source Sans Pro', sans-serif;
    color: #717d90;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

  


/* ################################################################ */
/* ### Media Queries ############################################## */
/* ################################################################ */
@media only screen and (min-width: 768px) {
.navbar-nav.navbar-right {
    /*background-color: rgba(255,255,255,0.85);*/
    padding: 7px 10px 5px!important;
    margin-top: 10px;
    border-radius: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-header {float: none;text-align: center;}
  .navbar > .container .navbar-brand {margin-left: 0;}
  .navbar-right {float: none!important}
  .navbar-brand {float: none;}
  .navbar-nav.navbar-right {display: inline-block;}
  .navbar-collapse.collapse {text-align: center;}
  .container {
    width: 95%;
}
}
@media only screen and (max-width: 767px) {
	footer .container ul { padding: 20px 0 10px 0; }
	footer .footer-area { height: 220px; }
	footer.footer.footer-dark { height:100%;}
	
	#company section.company_timeline img,
	#ausblick section.ausblick img { width:100%; } 

	.navbar-collapse.in {padding-bottom: 10px;}
	.navbar-collapse .nav {	margin-top: 40px;}
  .header article {padding: 70px 0;}


	.header_text_r2bm,
  .header_text_home, 
  .header_text_company, 
  .header_text_ausblick,
  .header_text_kontakt,
  .header_text_faq,
  .header_text_default { top: 100px; }
	
	.navbar-fixed-right { 
		left:0; 
		bottom:0; 
		width:200px; 
		position:fixed; 
		z-index:30;
		padding: 0; 
		margin:0;
	}	
	.navbar ul.nav > li .dropdown-menu {
		background: #4c7bb8;
	}
	.navbar ul.nav > li.search input {
	  border: 1px solid #df6508;
	  color: #df6508;
	}
	.navbar ul.nav > li.search .icon {
	  color: #df6508;
	}
	.revolution_container { max-height:675px !important;} /* tp-bgimg */
	.navbar > .container .navbar-brand { margin-left: 50px; }
	.navbar ul.nav > li.search.active input {
	  border-color: #df6508;
	  background: rgba(211,120,63,0.7); /* hex-wert: #df6508 */
	  color: #5b5b5a;
	}
	.sie_header_title_left {
		font-size:20px !important;
	}
	.sie_header_title_right {
		font-size:20px !important;
	}
	.sie_tp-caption_left, 
	.sie_tp-caption_right {
		margin-top: 45px;
	}
	.sie_header_title,
	.sie_header_title_right,
	.sie_header_title_left {
    font-size: 20px !important;
    padding-left: 50px;
    padding-right: 20px;
	}
    .tp-simpleresponsive .sie_tp-caption_right  { 
    right: 0;
    top: 106px;
    width: 50%;
}
	.revolution_container {
    	max-height: 225px !important;
	}
  .arrow-wrap, .bubble {display: none;}

}

@media only screen and (max-width: 767px) {
  .tp-simpleresponsive.container {position: relative;}

  .tp-simpleresponsive .sie_tp-caption_right svg, .tp-simpleresponsive .sie_tp-caption_right:before {display: none;}
.tp-simpleresponsive .sie_tp-caption_right {
        right: 0;
    bottom: 0px;
    width: 90%;
    overflow: hidden;
    height: 100px;
    top: auto;}
    span.sie_header_title_right {background: #4c7bb8;right: 0;}
    .navbar-collapse .nav li a {-webkit-border-radius: 3px!important;
            border-radius: 3px!important;}
}

@media only screen and (max-width: 480px) { 
  .header article {padding: 50px 0;}
  span.counter {margin-top: 20px;}
  .sie_header_title, .sie_header_title_right, .sie_header_title_left {font-size: 14px;}
  #dudecontainer {width: 440px!important; height: 320px!important}
  .dude {width: 440px!important;height: 190px!important;top: 110px!important;}
  .pic-frame {width: 440px!important}
}
@media only screen and (max-width: 380px) {  
  #dudecontainer {width: 340px!important; height: 245px!important}
  .dude {width: 340px!important;height: 160px!important;top: 80px!important;}
  .pic-frame {width: 340px!important}
}

.teaser_spezial{position:absolute;right:50%;max-width:1170px;margin-right:-470px;top:auto;margin-top:-20px}
.circle{background:#df6508;width:260px;height:260px;border-radius:300px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:32px;text-align:center;text-transform:uppercase;line-height:1.2;padding:0 50px;flex-wrap:wrap;align-content:center;z-index:2;position:relative;}
.circle span{margin-top:10px;border-top:1px solid #fff;padding-top:10px;}
.description{background:#4c7bb8;color:#fff;padding:20px;font-size:24px;position:relative;top:-210px;height:160px;display:flex;align-items:center;padding-left:300px;z-index:1;border-radius:300px 0 0 300px;margin-right:180px;}
.description:after {
    content: '';
    position: absolute;
    top: 0px;
    right: -100px;
    width: 100px;
    height: 100%;
    background-color: rgb(76, 123, 184);
    border-right: 15px solid rgb(223, 101, 8);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: skewX(30deg);
    -ms-transform: skewX(30deg);
    transform: skewX(30deg);
    z-index: -1;
}
.header.header-bg {box-shadow: 0 0 10px rgba(0,0,0,0.5);}
@media only screen and (max-width:1024px){
  .circle{width:220px;height:220px;font-size:28px;}
  .description{font-size:20px;margin-right:160px;padding-left:260px;top:-180px;height:140px;}
}
@media only screen and (max-width:767px){
  .teaser_spezial{top:auto;bottom:auto;position:relative;right:auto;margin-top:auto;margin-right:auto;max-width:100%;}
  .circle{width:100%;border-radius:0;height:auto;padding:10px 30px;}
  .circle span{margin-top:auto;border-top:0;padding-top:0;margin-left:20px;}
  .description{margin-right:0;border-radius:0;top:0;padding:15px 30px;height:auto;}
  .description:after {display: none;}
}
@media only screen and (max-width:480px){
  .circle span{margin-left:0;}
}