/* overpass-regular - latin */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.aktivzirkel.de/fonts/overpass-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.aktivzirkel.de/fonts/overpass-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.aktivzirkel.de/fonts/overpass-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.aktivzirkel.de/fonts/overpass-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.aktivzirkel.de/fonts/overpass-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.aktivzirkel.de/fonts/overpass-v12-latin-regular.svg#Overpass') format('svg'); /* Legacy iOS */
}

/* overpass-900 - latin */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 900;
  src: url('https://www.aktivzirkel.de/fonts/overpass-v12-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.aktivzirkel.de/fonts/overpass-v12-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.aktivzirkel.de/fonts/overpass-v12-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.aktivzirkel.de/fonts/overpass-v12-latin-900.woff') format('woff'), /* Modern Browsers */
       url('https://www.aktivzirkel.de/fonts/overpass-v12-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.aktivzirkel.de/fonts/overpass-v12-latin-900.svg#Overpass') format('svg'); /* Legacy iOS */
}



body {font-family: 'Overpass', sans-serif;}

.img-leistungen {padding: 5px; border-radius: 24px; border: 5px solid #000000; background-color: #fff;}

.button_startseite {line-height: 32px; text-align: right; font-size: 24px; 
background: rgba(190, 21, 34, 1.0); width: 100%; position: relative; color: #FFF;
left: 0; top: 0; line-height: 32px; padding: 8px; text-transform: uppercase; border-left: 20px solid #000;}
@media (max-width: 400px) {.button_startseite {font-size: 14px !important; line-height: 26px !important;}}

.span_button_startseite {font-size: 18px; line-height: 24px; display: block; text-transform: none;}
@media (max-width: 400px) {.span_button_startseite {font-size: 10px !important; line-height: 20px !important;}}




/* LIVE-TICKER https://bootsnipp.com/snippets/Glrry */

.navigation-box {top: .4rem; right: .8rem; width: 2rem; position: absolute;}
@media (min-width: 768px){.breaking-caret:after {content: ""; width: 0; height: 0; border-top: 20px solid transparent;
        border-left: 15px solid #00abf5; border-bottom: 20px solid transparent; position: absolute; right: -15px; top: 0;}
}


/* VIDEO BACKGROUND AUTOPLAY https://bootsnipp.com/snippets/5M1RW */

header {
  position: relative;   background-color: black;  height: 60vh;  min-height: 25rem;  width: 100%;  overflow: hidden;
}

header video {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto;
  z-index: 0; -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.0;
  z-index: 1;
}



/* Gru-Fi Blöcke */

.grufi-head		{font-size: 26px; line-height: 30px; color: #FFF !important; text-align: center !important;}
.grufi-p		{font-size: 16px; line-height: 30px;}

.grufi_leer1 	{position: relative; z-index: 1; float: left; width: 75%; height: 50px; margin-top: 10px; padding-top: 10px; z-index: 100; padding-bottom: 10px; background-color: transparent; border: 1px solid transparent; padding-left: 5px;}
.grufi_gelb1 	{position: relative; z-index: 1; float: left; width: 75%; height: 50px; margin-top: 10px; padding-top: 10px; z-index: 100; padding-bottom: 10px; background-color: #fae013; border: 1px solid #000; padding-left: 5px;}
.grufi_blau1 	{position: relative; z-index: 1; float: left; width: 75%; height: 50px; margin-top: 10px; padding-top: 10px; z-index: 100; padding-bottom: 10px; background-color: #00a3d3; border: 1px solid #FFF; padding-left: 5px;}
.grufi_pink1 	{position: relative; z-index: 1; float: left; width: 75%; height: 50px; margin-top: 10px; padding-top: 10px; z-index: 100; padding-bottom: 10px; background-color: #e10585; border: 1px solid #FFF; padding-left: 5px;}
.grufi_gruen1 	{position: relative; z-index: 1; float: left; width: 75%; height: 50px; margin-top: 10px; padding-top: 10px; z-index: 100; padding-bottom: 10px; background-color: #00a658; border: 1px solid #FFF; padding-left: 5px;}
.grufi_grau1 	{position: relative; z-index: 1; float: left; width: 75%; height: 50px; margin-top: 10px; padding-top: 10px; z-index: 100; padding-bottom: 10px; background-color: #d8d9d9; border: 1px solid #000; padding-left: 5px;}
.grufi_lila1 	{position: relative; z-index: 1; float: left; width: 75%; height: 50px; margin-top: 10px; padding-top: 10px; z-index: 100; padding-bottom: 10px; background-color: #2f2483; border: 1px solid #FFF; padding-left: 5px;}


.grufi_leer2 	{position: relative; z-index: 2; float: left; width: 35%; height: 100px; margin-top: 0px; margin-left: -55px; z-index: 1; padding-top: 70px; padding-bottom: 10px; background-color: transparent; border: 1px solid transparent; padding-right: 5px; text-align: right;}
.grufi_weiss2 	{position: relative; z-index: 2; float: left; width: 35%; height: 100px; margin-top: 0px; margin-left: -55px; z-index: 1; padding-top: 70px; padding-bottom: 10px; background-color: #FFF; border: 1px solid #000; padding-right: 5px; text-align: right;}
.grufi_schwarz2	{position: relative; z-index: 2; float: left; width: 35%; height: 100px; margin-top: 0px; margin-left: -55px; z-index: 1; padding-top: 70px; padding-bottom: 10px; background-color: #000; border: 1px solid #FFF; padding-right: 5px; text-align: right;}


.grufi_block_rechts {}
.grufi_block_leer {}







.promo {
  position: relative;   background-color: black;  height: 60vh;  min-height: 25rem;  width: 100%;  overflow: hidden;
}

.promo video {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto;
  z-index: 0; -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.promo .container {
  position: relative;
  z-index: 2;
}

.promo .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.0;
  z-index: 1;
}
















.tooltip .tooltip-inner {
  background-color: #000 !important;
  opacity: 0.9 !important;
}

.tooltip .arrow::before {
  border-left-color: #000 !important;
  opacity: 0.9 !important;
}




@media (pointer: coarse) and (hover: none) {
  header {
    background: url('') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
}






/* Bilder mit Schatten  https://bootsnipp.com/snippets/8MmZ5 */

.style-01 {
  position: relative;
}
.style-01::before, .style-01::after {
  content: '';
  position: absolute;
  top: 80%;
  bottom: 13px;
  display: block;
  width: 50%;
  -webkit-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  z-index: -1;
  left: 10px;
}
.style-01::before {
  background: transparent;
  right: 10px;
  left: auto;
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}
.style-01::after {
  background: transparent;
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
}




/* Hintergründe */


.bg_top {background-image: url('../images/backgrounds/background-top.jpg'); background-repeat: no-repeat;}

.bg_top_orange_500 {background-image: url('../images/backgrounds/top_orange_500.jpg'); background-repeat: no-repeat;
background-position: top center;}


.bg_top_gruen_500 {background-image: url('../images/backgrounds/top_gruen_500.jpg'); background-repeat: no-repeat;
background-position: top center;}

.bg_top_rot_500 {background-image: url('../images/backgrounds/top_rot_500.jpg'); background-repeat: no-repeat;
background-position: top center;}


.bg_bottom {background-image: url('../images/backgrounds/background-bottom-rot.jpg'); background-repeat: no-repeat; }
.bg_schwarzrot {background-image: url('../images/banner/schwarz-rot.jpg'); background-repeat: no-repeat;
background-position: center;
    background-size: cover;}


/* Anweisungen für Carousel */

.carousel-caption				{width: 50%; padding-left: 1%; padding-right: 1%; height: 25%; left: 40%; bottom: 25%; background: rgba(0, 0, 0, 0.7); margin: 0px;
								display: flex;  align-items: center; justify-content: center;}

.carousel-flex					{ }

.carousel-box-bg			{background: rgba(190, 21, 34, 0.8) !important;}	
	

.carousel-indicators			{padding-bottom: 50px;}
.carousel-indicators-off		{display: none;}

.carousel-textwindow-head  		{color: #EEE; font-size: 66px; line-height: 70px;}
.carousel-textwindow-sub		{color: #EEE; font-size: 33px; line-height: 45px;}
.carousel-textwindow-content	{color: #EEE; font-size: 22px; line-height: 28px;}

.carousel-item {
    transition: transform 1.5s ease-in-out;
}

.carousel-caption-headline {font-size: 2.0vw; color: #FFF; text-align: center; font-weight: bold;}
.carousel-caption-dingbat {font-size: 3.0vw; color: #FFF; text-align: center; font-weight: bold;}

/* Carousel-Fade-Version anpassen */

.carousel.carousel-fade .carousel-item {
display: block; opacity: 0; transition: opacity ease-out 1.7s; left: 0; top: 0; position: absolute;}

.carousel.carousel-fade .carousel-item.active {
opacity: 1 !important;}

.carousel.carousel-fade .carousel-item:first-child {
top: auto; position: relative; transition: opacity ease-out 1.7s;}

.carousel.carousel-fade .carousel-item:second-child {
top: auto; position: relative; transition: opacity ease-out 1.7s;}

.carousel img {
opacity: 1.0; filter: alpha(opacity=100);}



/* Hover Hauptnavigation */

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #DDD !important;
}




/* PULSIERENDER LOGO */

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(0.9); opacity: 0.95; }
    50% { -webkit-transform: scale(1); opacity: 1; }
    100% { -webkit-transform: scale(0.9); opacity: 0.95; }
}

@keyframes pulse {
    0% { transform: scale(0.95); opacity: 0.9; }
	75% { transform: scale(0.95); opacity: 0.9; }
    80% { transform: scale(1); opacity: 1; }
    100% { transform: scale(0.95); opacity: 0.9; }
}

@-moz-keyframes spin { 
    0% { -moz-transform: rotate(0deg); } 
    75% { -moz-transform: rotate(0deg); } 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    0% { -moz-transform: rotate(0deg); } 
    75% { -moz-transform: rotate(0deg); } 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    0% { -moz-transform: rotate(0deg); } 
    75% { -moz-transform: rotate(0deg); } 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}

#zio {

    -webkit-animation: pulse 3s infinite ease-in-out;
    -o-animation: pulse 3s infinite ease-in-out;
    -ms-animation: pulse 3s infinite ease-in-out; 
    -moz-animation: pulse 3s infinite ease-in-out; 
    animation: pulse 3s infinite ease-in-out;
/*	
	 -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
*/
}



/* BUTTONS: https://bootsnipp.com/snippets/bxK9b */

.btn-social{
    font-size:23px;
    padding:0px 20px;
    color: #be1522;
    background-color: #FFF;
    border:none;
    justify-content: center;
    align-items: center;
    display: flex;
    width:200px;
	border: 3px solid #000;
	border-radius: 5px;
	margin-bottom: 5px;
	
}

.btn-social-text{
    width:60%;
}

.btn-social-gradient i{
  font-size:30px;
  display:flex;
  justify-content:center;
  align-items:center;
}



ul li.aufzaehlung {
  list-style-type: square;
}



.herolink				{text-decoration: none; white-space: nowrap;}
a.herolink:link 		{text-decoration: none;} 
a.herolink:visited 		{text-decoration: none;} 
a.herolink:active 		{text-decoration: none;} 
a.herolink:hover 		{text-decoration: none; opacity: 0.85; transition-duration: 0.6s;}



.link-imp				{text-decoration: none; white-space: nowrap; color: #333; }
a.link-imp:link 		{text-decoration: none; color: #333;} 
a.link-imp:visited 		{text-decoration: none; color: #333; } 
a.link-imp:active 		{text-decoration: none; color: #333;} 
a.link-imp:hover 		{text-decoration: none; color: #f06000;}

.link-footer				{text-decoration: none; white-space: nowrap; color: #FFF; font-weight: bold; }
a.link-footer:link 			{text-decoration: none; color: #FFF; font-weight: bold;} 
a.link-footer:visited 		{text-decoration: none; color: #FFF; font-weight: bold;} 
a.link-footer:active 		{text-decoration: none; color: #FFF; font-weight: bold;} 
a.link-footer:hover 		{text-decoration: none; color: #EEE; font-weight: bold;}

@media (max-width: 1000px) {.link-footer {color: #f06000 !important;}}

.footer-background 			{background-color: #f06000;	border-top: 4px solid #3bacf1;}



.link_clear				{text-decoration: none; opacity: 1.0 !important; transition-duration: 0.5s !important;}
a.link_clear:link 		{text-decoration: none; } 
a.link_clear:visited 	{text-decoration: none; } 
a.link_clear:active 	{text-decoration: none; } 
a.link_clear:hover 		{text-decoration: none; background-color: #00abf5 !important; color: #FFF !important; border: 3px solid #FFF !important;opacity: 1.0 !important; transition-duration: 0.5s !important;}


.link_aktuelles				{font-weight: bold; color: #FFF; text-decoration: none; opacity: 1.0 !important; transition-duration: 0.5s !important;}
a.link_aktuelles:link 		{color: #FFF; text-decoration: none; } 
a.link_aktuelles:visited 	{color: #FFF; text-decoration: none; } 
a.link_aktuelles:active 	{color: #FFF; text-decoration: none; } 
a.link_aktuelles:hover 		{color: #FFF; text-decoration: none; opacity: 0.8 !important; transition-duration: 0.5s !important;}






.btn_calltoaction {border: 2px solid #000; border-radius: 15px; background-color: #be1522; margin: 10px; 
					margin-top: 20px; color: #fff; font-weight: bold; font-size: 18px;}

.btn_calltoaction:hover {color: #fff; background-color: #000; border-color: #FFF;}

.btn_probetraining {border: 6px solid #000; border-radius: 30px; background-color: #FFF; margin: 10px; 
					margin-top: 20px; color: #be1522; font-weight: bold; padding: 20px;}

.btn_probetraining:hover {color: #FFF; background-color: #be1522; border-color: #000;}






.padding-fluid		{padding-left: 14vw; padding-right:14vw;}




@media (max-width: 767px) {.padding-fluid {padding-left: 10vw; padding-right: 10vw;}}




/* Drop-Down-Menü Anpassungen */


.dropdown-item {width: 350px !important; text-transform: uppercase !important; font-weight: 700 !important;	font-size: 18px; }


/* Aktivieren wenn Menü über Hover kommen soll 
.dropdown:hover .dropdown-menu {display: block; margin-top: 0; // remove the gap so it doesn't close } 
*/

.dropdown-item:hover {background-color: #be1522 !important; color: #FFF !important;}

.nav-link {color: #FFF !important; font-weight: bold !important; text-transform: uppercase !important;}
@media (min-width: 1200px) {.nav-link {font-size: 28px !important; padding: 15px !important; margin: 25px !important;}}
@media (max-width: 767px) {.nav-link {color: #000 !important;}}

.dropdown-menu {border: 2px solid #000 !important; border-radius: 10px;}



/* Anweisungen für Back-to-Top */

.back-to-top {cursor: pointer; position: fixed; bottom: 20px; right: 20px; display:none; font-size: 36px; color: #CCC;
				background-color: transparent; border: 1px solid #CCC;}


a.back-to-top:link 			{background-color: transparent; border: 0px solid #FFF;} 
a.back-to-top:visited 		{background-color: transparent; border: 0px solid #FFF;} 
a.back-to-top:active 		{background-color: transparent; border: 0px solid #FFF;} 
a.back-to-top:hover 		{background-color: transparent; color: #000; border: 0px solid #FFF;}






.padding-0			{padding: 0px;}
.padding-1			{padding: 1vw;}
.padding-2			{padding: 2vw;}
.padding-3			{padding: 3vw;}
.padding-4			{padding: 4vw;}
.padding-5			{padding: 5vw;}
.padding-6			{padding: 6vw;}
.padding-7			{padding: 7vw;}

.padding-all-4		{padding: 4vw;}
.padding-2px		{padding: 2px;}
.padding-5px		{padding: 5px;}

.padding-left1		{padding-left: 1vw;}
.padding-left2		{padding-left: 2vw;}
.padding-left3		{padding-left: 3vw;}
.padding-left4		{padding-left: 4vw;}
.padding-left5		{padding-left: 5vw;}
.padding-left6		{padding-left: 6vw;}
.padding-left7		{padding-left: 7vw;}

.padding-right1		{padding-right: 1vw;}
.padding-right2		{padding-right: 2vw;}
.padding-right3		{padding-right: 3vw;}
.padding-right4		{padding-right: 4vw;}
.padding-right5		{padding-right: 5vw;}
.padding-right6		{padding-right: 6vw;}
.padding-right7		{padding-right: 7vw;}

.padding-top0		{padding-top: 0px;}
.padding-top1		{padding-top: 1vw;}
.padding-top2		{padding-top: 2vw;}
.padding-top3		{padding-top: 3vw;}
.padding-top4		{padding-top: 4vw;}
.padding-top5		{padding-top: 5vw;}
.padding-top6		{padding-top: 6vw;}
.padding-top7		{padding-top: 7vw;}
.padding-top8		{padding-top: 8vw;}
.padding-top9		{padding-top: 9vw;}

.padding-bottom0		{padding-bottom: 0px;}
.padding-bottom1		{padding-bottom: 1vw;}
.padding-bottom2		{padding-bottom: 2vw;}
.padding-bottom3		{padding-bottom: 3vw;}
.padding-bottom4		{padding-bottom: 4vw;}
.padding-bottom5		{padding-bottom: 5vw;}
.padding-bottom6		{padding-bottom: 6vw;}
.padding-bottom7		{padding-bottom: 7vw;}
.padding-bottom8		{padding-bottom: 8vw;}
.padding-bottom9		{padding-bottom: 9vw;}


.margin-bottom0			{margin-bottom: 0;}

.margin-bottom1			{margin-bottom: 1vw;}
.margin-bottom2			{margin-bottom: 2vw;}
.margin-bottom3			{margin-bottom: 3vw;}
.margin-bottom4			{margin-bottom: 4vw;}
.margin-bottom5			{margin-bottom: 5vw;}
.margin-bottom6			{margin-bottom: 6vw;}
.margin-bottom7			{margin-bottom: 7vw;}
.margin-bottom8			{margin-bottom: 8vw;}
.margin-bottom9			{margin-bottom: 9vw;}
.margin-feature-box		{margin: 16px;}
.margin-bottom-5px		{margin-bottom: 5px;}

.margin-navbar		{margin-top: 45px;}
.margin-top0		{margin-top: 0px;}
.margin-top1		{margin-top: 1vw;}
.margin-top2		{margin-top: 2vw;}
.margin-top3		{margin-top: 3vw;}
.margin-top4		{margin-top: 4vw;}
.margin-top5		{margin-top: 5vw;}
.margin-all-10		{margin: 10px;}

.txt_ci				{color: #be1522;}
.txt_ci2			{color: #be1522;}
.txt_weiss			{color: rgba(255, 255, 255, 0.9);}
.txt_schwarz		{color: rgba(95, 95, 95, 1.0);}
.txt_gruen			{color: rgba(33, 166, 54, 0.9);}
.txt_999			{color: #999;}
.txt_555			{color: #555;}
.txt_rot			{color: #e3000f;}
.txt_000			{color: #222;}
.txt_fff			{color: #FFF;}


.font-9				{font-size: 90px; line-height: 100px;}
.font-8				{font-size: 74px; line-height: 80px;}
.font-7				{font-size: 60px; line-height: 68px;}
.font-6				{font-size: 48px; line-height: 56px;}
@media (max-width: 400px) {.font-6 {font-size: 38px !important; line-height: 46px !important;}}
.font-5				{font-size: 42px; line-height: 48px;}
.font-4				{font-size: 36px; line-height: 40px;}
.font-3				{font-size: 32px; line-height: 38px;}
.font-2				{font-size: 32px; line-height: 34px;}
.font-15			{font-size: 30px; line-height: 30px;}
.font-1				{font-size: 28px; line-height: 26px;}
.font-p				{font-size: 24px; line-height: 30px;}
.font-header		{font-size: 16px; line-height: 20px;}
.font-small			{font-size: 14px; line-height: 20px;}
.font-pricetab		{font-size: 16px; line-height: 20px;}
.font-team			{font-size: 26px; line-height: 30px;}

.line-9				{line-height: 90px;}
.line-8				{line-height: 72px;}
.line-7				{line-height: 60px;}
.line-6				{line-height: 48px;}
.line-5				{line-height: 40px;}
.line-4				{line-height: 36px;}
.line-3				{line-height: 32px;}
.line-2				{line-height: 28px;}
.line-15			{line-height: 24px;}
.line-1				{line-height: 1px;}
.line-p				{line-height: 18px;}

.txt_center 			{text-align: center;}
.txt_left				{text-align: left;}
.txt_right				{text-align: right;}



.txt-border				{text-shadow: -2px 0 #FFF, 0 2px #FFF, 2px 0 #FFF, 0 -2px #FFF;}

.bold				{font-weight: bold;}
.uppercase			{text-transform: uppercase !important;}
.column-2			{column-count: 2;}

.hyphens			{-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.justify			{text-align: justify;}

.border-radius1		{border-radius: 1px;}
.border-radius2		{border-radius: 2px;}
.border-radius3		{border-radius: 3px;}
.border-0			{border: 0px !important;}

.border-radius-head	{border-radius: 50px; border: 10px solid #00abf5;}

.bg_eee				{background-color: #EEE;}
.bg_fff				{background-color: #FFF;}
.bg_ci				{background-color: #f06000 !important; }
.bg_ci2				{background-color: #f06000 !important;} 
.bg_000				{background-color: #000000 !important;} 


.error {color: #be1522 !important; font-weight: bold !important;}


ol.auflistung {
  list-style-type: disc;
  padding-left: 10px;
  margin-left: 10px;
}

.thema_headline_container{position:relative;max-width:64rem;margin-left:auto;margin-right:auto;padding:1rem;text-align:center; margin-top: 3.0rem; margin-bottom:2rem;}



.link-schwarz	 				{color: #333; text-decoration: none;}
.link-schwarz:link				{color: #333; text-decoration: none;}
.link-schwarz:visited			{color: #333; text-decoration: none;}
.link-schwarz:active			{color: #333; text-decoration: none;}
.link-schwarz:hover 			{color: #000; text-decoration: underline;}
.link-schwarz:active:focus 		{color: #000; text-decoration: none;;}
.link-schwarz:active			{color: #000; text-decoration: none;}


.senden-btn	 				{background-color: #be1522; border: 2px solid transparent; border-radius: 5px; padding: 6px 15px 6px 15px; color: #FFF; text-decoration: none;}
.senden-btn:link			{background-color: #f06000; border: 2px solid transparent; color: #FFF; text-decoration: none;}
.senden-btn:visited			{background-color: #f06000; border: 2px solid transparent; color: #FFF; text-decoration: none;}
.senden-btn:active			{background-color: #f06000; border: 2px solid transparent; color: #FFF; text-decoration: none;}
.senden-btn:hover 			{background-color: #FFFFFF; border: 2px solid #be1522; border-radius: 5px; color: #be1522; text-decoration: none;}
.senden-btn:active:focus 	{background-color: #f06000; border: 2px solid transparent; color: #FFF; text-decoration: none;}
.senden-btn:active			{background-color: #f06000; border: 2px solid transparent; color: #FFF; text-decoration: none;}



.card-title {font-weight: bold !important; color: #FFF !important;}



/* Bubble CSS */

.bubble {
	position: relative;
	width: 100%;
	text-align: center;
	line-height: 1.4em;
	margin: 2% auto;
	background-color: #fff;
	border: 8px solid #000;
	border-radius: 30px;
	padding: 20px;
	padding-bottom: 10px !important;
	font-size: 28px;
	color: #be1522;
}

.thought {
	width: 300px;
	border-radius: 200px;
	padding: 30px;	
}

.bubble:before,
.bubble:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
}

.speech:before {
	left: 30px;
	bottom: -50px;
	border: 25px solid;
	border-color: #000 transparent transparent #000;

}

.speech:after {
	left: 38px;
	bottom: -30px;
	border: 15px solid;
	border-color: #fff transparent transparent #fff;

}

.thought:before,
.thought:after {
	left: 10px;
	bottom: -30px;
	width: 40px;
	height: 40px;
	background-color: #fff;
	border: 8px solid #3bacf1;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
}

.thought:after {
	width: 20px;
	height: 20px;
	left: 5px;
	bottom: -40px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}


/* Team-Bilder Overlays */

.team_container {
  position: relative;
  width: 100%;
}

.team_image {
  display: block;
  width: 100%;
  height: auto;

}

.team_overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(99,99,99,0.5);
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;

}

.team_container:hover .team_overlay {
  width: 100%;

}

.team_text {
  color: white;
  font-size: 14px;
  line-height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  padding: 2%;
  text-align: justify;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}





.accordion-section .panel-default > .panel-heading {
    border: 0;
    background: #be1522;
    padding: 0;
	text-decoration: none;
	border-bottom: 5px solid #000000;
}

.cut {
    position: relative;
    top: 0; right: 0;
    border-top: 80px solid white;
    border-left: 80px solid red;
    width: 0;
}


.accordion-section .panel-default .panel-title a {
    display: block;
    font-size: 24px;
	padding-top: 10px;
	text-decoration: none;
	color: #FFF;
}
.accordion-section .panel-default .panel-title a:after {
    font-weight: normal;
    font-size: 32px;
    content: "-";
    color: #FFF;
    float: right;
    margin: 0px; 
	text-decoration: none;
	
}
.accordion-section .panel-default .panel-title a.collapsed:after {
    content: "+"; font-size: 32px; line-height: 32px; 
	text-decoration: none;

}
.accordion-section .panel-default .panel-body {
    font-size: 24px;
	text-decoration: none;
		background-color: #f8f8f8; margin-top:-15px; padding-top: 10px; padding-bottom: 10px;

}















.xaccordion-section .xpanel-default > .xpanel-heading {
    border: 0;
    background: #f06000;
    padding: 0;
	text-decoration: none;
	border-bottom: 5px solid #00abf5;
}

.xcut {
    position: relative;
    top: 0; right: 0;
    border-top: 80px solid white;
    border-left: 80px solid red;
    width: 0;
}


.xaccordion-section .xpanel-default .xpanel-title a {
    display: block;
    font-size: 24px;
	padding-top: 10px;
	text-decoration: none;
	color: #FFF;
}
.xaccordion-section .xpanel-default .xpanel-title a:after {
    font-weight: normal;
    font-size: 32px;
    content: "-";
    color: #FFF;
    float: right;
    margin: 0px; 
	text-decoration: none;
	
}
.xaccordion-section .xpanel-default .xpanel-title a.xcollapsed:after {
    content: "+"; font-size: 32px; line-height: 32px; 
	text-decoration: none;

}
.xaccordion-section .xpanel-default .xpanel-body {
    font-size: 24px;
	text-decoration: none;
		background-color: #f8f8f8; margin-top:-15px; padding-top: 10px; padding-bottom: 10px;

}























.bg_ci				{background-color: #be1522 !important; }
.bg_ci2				{background-color: #be1522 !important;} 



.card_aktiv {border-radius: 50px; border: 10px solid #000000; background-color: #be1522;}

.profile-card-2 .card-img-block{
    float:left;
    width:100%;
    height:150px;
    overflow:hidden;
}
.profile-card-2 .card-body{
    position:relative;
}
.profile-card-2 .profile {
  border-radius: 50%;
  position: absolute;
  top: -42px;
  left: 8%;
  max-width: 75px;
  border: 3px solid #FFF;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}

.profile-card-2 .name {
  position: absolute;
  top: 10px;
  left: 95px;
  max-width: 175px;
  font-size: 14px;
  height: 14px; line-height: 14px;
  color: #FFF;
}


.profile-card-2 h5{
    font-weight:600;
    color:#fff;
}
.profile-card-2 .card-text{
    font-weight:300;
    font-size:15px;
}
.profile-card-2 .icon-block{
    float:left;
    width:100%;
}
.profile-card-2 .icon-block a{
    text-decoration:none;
}
.profile-card-2 i {
  display: inline-block;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    margin-right:5px;
}
.profile-card-2 i:hover {
  background-color:#6ab04c;
  color:#fff;
}