/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 03.02.2015, 13:15:54
    Author     : barthelfr
*/
/* niconne-regular - latin */
@font-face {
  font-family: 'Niconne';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/niconne/niconne-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/niconne/niconne-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/niconne/niconne-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/niconne/niconne-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/niconne/niconne-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/niconne/niconne-v15-latin-regular.svg#Niconne') format('svg'); /* Legacy iOS */
}
/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v30-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v30-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v30-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/roboto/roboto-v30-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto/roboto-v30-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v30-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v30-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v30-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v30-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

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

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

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

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

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

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto/roboto-v30-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v30-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v30-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v30-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v30-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

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

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

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

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

.phocamaps img { max-width:none!important;}

body {font-family: 'Roboto', sans-serif; color: #000;}
a {  color: #980098;  text-decoration: none;}
a:hover {color: #980098;  text-decoration: underline;}
.img img {max-width:100%}

/*.container.t3-sl { padding-top: 20px; padding-bottom:20px;}
.container.t3-sl > .row > div.col-lg-12 {padding:0;}*/
/*.fixed-columns   div.itemContainer > .moduleItemView { margin:0 15px;}*/

a.thumbnailPic:before {
    /*    color: #000;    
    content: "\f00e";  position: absolute;  left: 5px;  bottom: 5px;   font: normal normal normal 26px/1 FontAwesome;*/
}
.nofloat .itemContainer {float:none; width:100%;}
div[class*="col-"] > div.catItemImageBlock {float:none}


/********************************************
TOPNAVI + BOTTOMNAVI*/

#topnav, #bottom {padding:5px 0; }

#topnav .nav, #bottom .nav { float: right; }
#topnav .nav-pills > li.active  a, #topnav .nav-pills > li.active a:hover, #topnav .nav-pills > li.active  a:focus, 
#bottom .nav-pills > li a:hover, #bottom .nav-pills > li a:focus,
#bottom .nav-pills > li.active  a, #bottom .nav-pills > li.active a:hover, #bottom .nav-pills > li.active  a:focus 
{   background: none;}
#bottom .nav > li a, 
#topnav .nav > li a { padding:3px 15px; color: #000; font-size: 13px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}

#bottom .nav > li a {color:#FFF}
#bottom .nav > li.active a {color:#FFF;}

#topnav .nav > li.active a {color:#000;}

#topnav .custom a {color: #000;}
#topnav .custom a:hover {color: #980098; text-decoration:none}
#topnav li a.karriere::before {
  content: "\f007";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  margin-right: 5px;
}
.karriere {
  background: #f3f2f4;
}

/********************************************
HEADER */
header {background:#f3f2f4;}

#logo .container {position:relative;}
.logo-image img {max-width:100%}

/*----- Logo wenn Mainnavigation im Header ----------------------*/
#logo.logofixed .logo {display:inline-block; width:25%}
#logo.logofixed .container .logo {position:absolute; z-index:9999;top:0;}
#logo.logofixed ~ .row {padding-top:10px;padding-bottom:50px;}
#logo.logofixed .logo-img {
    max-width:100%;
    -webkit-transition: all 0.25s; /* Safari */
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}
/*----- Wrapper wenn  Mainnavigation im Header ----------------------*/
#headnavhelper {background:#FFF;}
#headnavhelper #t3-mainnav {margin-left:30%}
#headnavhelper #t3-mainnav .container {padding:0;}
#headnavhelper #t3-mainnav  {float:right}

header #t3-mainnav:not(.navbar-fixed-top) > .container {width:100%;}

header .row > div:first-child {padding-left:0;}

/*----- Conmtent im Header ----------------------*/
#headcontent {}
#headcontent p{font-style: italic;}
#headcontent p.moduleItemTitle {text-transform: uppercase; font-size:16px;margin-bottom:5px}
#headcontent .fas.fa-phone {
    width: 30px;
    overflow: hidden;
    text-indent: 10px;
    transform: scaleX(-1);-webkit-transform:scaleX(-1);vertical-align:middle; margin-right:5px;font-size:18px; color:#980098}
#headcontent .fas.fa-phone:before{margin-right:5px}
#headcontent a {color:#000;}
/********************************************
SHOWCASE */
#showcase { }
#showcase > .container { padding:0; width:100%}
#showcase .col-lg-12 {  padding: 0;}

/********************************************
HIGHLIGHT */
#highlight {}


/********************************************
SPOTLIGHT */
#spotlight { background:#f3f2f4;}
#spotlight > .container {padding:20px 0;}
#spotlight > .container >  .t3-spotlight > div.col-lg-12 {padding:5px;z-index:10; }
#spotlight .single-column .itemContainer {text-align:center}

#spotlight #highlightView {margin: 50px 12px;}

#spotlight .bgcolored {background:#980098 ; color:#FFF; margin: 0 15px!important; padding: 40px 20px}
#spotlight .bgcolored .moduleItemTitle { text-transform: uppercase; font-size:20px;}
#spotlight .bgcolored .moduleItemTitle strong {font-weight:normal;}


/********************************************
Before Mainbody */
#beforemainbody {}


/********************************************
After Mainbody */
#aftermainbody {overflow:hidden;}
#aftermainbody > .container {padding:60px 0 50px 0; z-index:10;position:relative}
#aftermainbody > .container >  .t3-spotlight > div.col-lg-12 {padding:0;}
#highlightView .slidedown .lastone .far.fa-envelope {font-size:130px;margin-top: 30px;}
#highlightView .slidedown .lastone p:nth-child(2) {font-size:20px; text-transform: uppercase}


/********************************************
UITILITY */
#utility {background: url(../../../../images/feder.jpg) #ffffff no-repeat left center}
#utility > .container >  .t3-spotlight > div.col-lg-12 {padding:0;}
#utility > .container {text-align:center}
#utility p.moduleItemTitle {font-size: 22px; color:#980098; padding:7px 0 20px 0}
#utility .moduleItemIntrotext p {line-height:26px}
/********************************************
FOOTER */
#t3-footer{background:#f3f0f1; color:#000; padding:20px 0; font-size:16px}
#t3-footer a {color:#000}
#t3-footer a:hover {color:#980098; text-decoration:none;}
footer .vnav li {margin: 0 0 10px 0; text-transform: uppercase; border-bottom: 1px solid #980098; font-weight:bold;}
footer .vnav > li > span {padding:3px 0!important;}
footer div[class*="-12"] p {text-align: left}
footer > .container {padding:20px 0;}
footer .fas.fa-phone {padding:0 5px 0 0; font-family: 'Roboto', sans-serif;font-size:16px; font-weight:normal}
footer .fas.fa-phone:before{content:" "}
footer .moduleItemList > div.itemContainer:first-of-type  p > br:last-of-type{display:none;}
footer .moduleItemList > .itemContainer {padding-bottom:20px}

footer .t3-footer > div:first-child {padding-right:0;}
footer .t3-footer > div:last-child {padding-left:0;}
footer .ft_fb {text-align:center;text-transform: uppercase; font-size:18px; font-weight:bold; margin-top: 50px;margin-right:30px}
footer .ft_fb .fab.fa-facebook{font-size:36px}

/********************************************
Bottom */
#bottom {background: #980098}

/********************************************
SIDEBARS */
.t3-sidebar-right { padding-right:0;padding-left: 20px}
.t3-sidebar-right .container {padding:0;}
.t3-sidebar-right .itemContainer {float:none;}


/********************************************
NAVIGATION */
.navbar { border: none;}

#t3-mainnav { background:#f3f2f4
    }
}
#t3-off-canvas, 
#t3-mainnav-v,
.t3-wrapper > #t3-mainnav{}

#t3-mainnav .container > .t3-navbar{background: #980098}
#t3-mainnav.navbar-fixed-top {z-index:1000}
#t3-mainnav .navbar-nav {
    float: none;
    text-align: center;
}
#t3-mainnav .navbar-nav>li {
    display: inline-block;
    float: none;
	text-transform:uppercase;
}
/* Erste Ebene */
ul.navbar-nav > li > a {color:#FFF; margin: 0 15px; padding: 20px 0; font-size:15px; border-bottom:3px solid transparent;}
ul.navbar-nav > li.open > a, 
ul.navbar-nav > li.open > a:hover,
ul.navbar-nav > li.open > a:focus,
ul.navbar-nav > li > a:hover,
ul.navbar-nav > li > a:focus {color:#000; background:none ;border-bottom:3px solid #000; }


ul.navbar-nav > li.active.open > a,
ul.navbar-nav > li.active > a {border-bottom:3px solid #FFF; }

/* 2.Ebene */
ul.dropdown-menu { border:none; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;background-color: #f3f2f4; margin:0;padding:0;}
ul.dropdown-menu > li > a { padding: 15px;color:#000;}
ul.dropdown-menu > li > a:hover,
ul.dropdown-menu > li > a:focus { background-color: #980098; color:#fff;}

ul.dropdown-menu > li.active > a, 
ul.dropdown-menu > li.active > a:hover, 
ul.dropdown-menu > li.active > a:focus {background-color: #980098;}

/* CANVAS Menu */
#t3-off-canvas ul.dropdown-menu > li > a{padding-left:30px;}
.btn-primary {  background:#980098;  color: #fff !important}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background: #000;  color: #fff !important;
}
button.off-canvas-toggle { display:none;}
button.off-canvas-toggle {position:fixed !important ; left:0;}

/********************************************
MAINBODY */
#t3-mainbody {background:#fff}
#t3-content {padding:20px 20px 20px 0; }
#t3-content h1 { font-family: 'Niconne', cursive;font-size:45px;color:#000;margin: 0px 0 30px 0}
#t3-content h2 {font-size:24px;color:#980098; margin: 10px 0 20px 0; padding:0;}
#t3-content h3,
#t3-content h3 > a {font-size:20px; color:#000; line-height:32px; margin: 10px 0 20px 0; padding:0;}
#t3-content h4 { font-size:16px;  }
#t3-content h5{font-size:14px;color:#000; line-height:20px}
#t3-content h6{font-size:12px;color:#000; line-height:20px; text-decoration: underline}

.catItemImage strong.catItemImageCaption,
.itemImage strong.itemImageCaption { display: block; background: #e7e7e7; font-size: smaller; font-weight: normal}

.wf_caption > span { background:#33363b; color:#FFF; font-size: 16px;padding:7px;}
.wf_caption img { max-width:100%}

#t3-content .rund img  {border-radius: 50%;
width:100%;
border: 5px solid #dcdcdc;}
#t3-content a:hover {  color: #fff;  text-decoration: none; background:#980098; }
/********************************************
breadcrumb */
nav.t3-breadcrumb { margin-bottom: 30px;}
nav.t3-breadcrumb > div { border-bottom:1px dotted silver; border-top:1px dotted silver;padding:7px 0}
/********************************************
SONSTIGES */
a#top-link {
    display:inline-block;display: none;padding: 5px;right: 10px;left: auto !important;transition: background 0.2s linear 0s, border 0.2s linear 0s, color 0.2s linear 0s;
    float: right;z-index:9999;    position: fixed;    bottom: 10px;text-align: center;
    width:50px; height:50px;
    background:#000;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
a#top-link > em {text-align: center}
a#top-link > em:before {font-size:30px;line-height:30px;width:30px; color:silver; display:inline-block; margin:4px auto; }
a#top-link:hover { cursor:pointer; }
a#top-link:hover  > em:before {color:#FFF}

.notelnr:hover{text-decoration:none; color:inherit;cursor:default;}

/*******************************************/
/*individuelle fa-Icons */

/* Top-Link */
a#top-link > .fa-arrow-up:before {content:"\f30c";}
/* FA-Icon bei Highlight-Links */
.boxed .btn-view > .fa-link:before {content:"\f0c1"}
.overlay .btn-view > .fa-link:before {content:"\f062"}

/********************************************
FORMULAR */
/* Simple transparent form with minimal styling and text error messages */
/* Version 10.00 */
.fcp_wrapper {margin-bottom: 20px; }
.fcp_wrapper ~ p {margin-left:20%; }

/* line layout */
div.fcp_line	    {clear:left; padding-top:0.5em;}
input div.fcp_line button {background: #980098; color:#FFF; text-decoration: none; border-color:transparent;}
div.fcp_line label:first-child  { padding-top: 7px; margin-bottom: 0; text-align: right; width:18%; vertical-align: top; margin-right:2%}
div.fcp_captcha label:first-child { display:block;width:100%; text-align: left;}
div.fcp_captcha,
div.fcp_checkbox {margin-left:20%;padding-left:3px}

/* mandatory and errors */
.fcp_mandatory:after {content:"*"; margin-left:0.25em; font-size:larger;}
.fcp_error_msg       {margin-left:20%;  color:#DD4134; vertical-align:text-bottom; padding-left:3px;}
div.fcp_sendrow .fcp_error_msg,
div.fcp_captcha .fcp_error_msg { margin-left:0;display:block;}
div.fcp_line input.fcp_error_field     {border:1px solid #C51818 !important;}

/* secure-image captcha */
div.fcp_captcha input   {vertical-align:top;}
div.fcp_captcha_inner   {display:inline-block; padding:2px; background:#F3F4F5 url('/components/com_flexicontactplus/assets/css_images/securimage.png') no-repeat 4% 90%;
                         border:1px solid #7F9DB9; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
img.fcp_captcha_img     {vertical-align:middle; margin:0 5px 0 5px; 
                         border:1px solid #7F9DB9; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
span.fcp_captcha_reload {display:inline-block; height:24px; width:24px; vertical-align:middle;
                         background:#F3F4F5 url('/components/com_flexicontactplus/assets/css_images/reload_blue.png') no-repeat center center; cursor:pointer;}
#fcp_err_captcha        {margin-top:20px;}                

/* image captcha */
.fcp_image_inner        {display:inline-block; }
.fcp_image_inner img 	{cursor:pointer; transition:border 0.7s;}
.fcp_inactive           {border:2px solid transparent;}
.fcp_active             {border:2px solid red;}
#fcp_err_image          {margin-top:20px;}

/* recaptcha */
#recaptcha_widget_div	{display:inline-block; }
#fcp_err_recap		{margin-top:10px;}

/* fieldsets */
fieldset.fcp_fieldset   {clear:left; border:1px solid lightgray; vertical-align:top;}
div.fcp_attach input    {border:1px solid lightgray; background-color:whitesmoke;}

/* input fields */
.fcp_form div.fcp_line input[type="text"], .fcp_form textarea, .fcp_form select     {width:70%; display: inline-block;}
.fcp_form textarea {height:auto;}

div.fcp_line input[type="checkbox"] {margin-top:0; vertical-align:middle;}	


/* radio button and multiple checkbox layout */
div.fcp_radio_h_inner     {display:inline-block; max-width:70%;}
span.fcp_radio_h          {display:inline-block; }
div.fcp_radio_h_inner span.fcp_radio_h label    
{display:inline-block; width:auto; padding-left:5px; white-space:nowrap;}

div.fcp_radio_v_inner     {display:inline-block; max-width:70%;}
span.fcp_radio_v          {display:block; white-space: nowrap;}
span.fcp_radio_v label    {width:auto; padding-left:5px;}
span.fcp_radio_v input    {clear:left; }

div.fcp_checkbox_l input.fcp_lcb { margin-right:1em;}
div.fcp_checkbox_l label.fcp_lcb {width:auto; max-width:70%;}

div.fcp_checkbox_inner    {display:inline-block; max-width:60%;}

span.fcp_checkbox_m       {display:inline-block;}
span.fcp_checkbox_m label {width:auto; max-width:none; padding-left:5px;}

.fcp_checkbox_mv span.fcp_checkbox_m  { display:block;}

span.fcp_checkbox_h	  {float:left;}

/* the send row */
.fcp_sendrow {margin-left:20%; margin-top: 1em;padding-left:3px;}
#fcp_spinner {margin-top:8px;}
.fcp_spinner {background:url('/components/com_flexicontactplus/assets/css_images/spinner.gif') no-repeat left center !important; height:16px; width:16px;}

/*----------------------------------------------------------------------*/
/* Tooltips und Popover */


/*----------------------------------------------------------------------*/
/* Magnific Popup Style  */
.mfp-figure:after { background:none;box-shadow:none;}
.mfp-title {color:#000;padding-left:10px}
.mfp-counter {right:10px}
.mfp-content {background:#FFF;padding:10px}
.mfp-iframe-holder .mfp-content { max-width: 800px!important;   max-height:600px!important;}
.mfp-close {  color:#000!important;   right:0!important; padding-right:10px!important;}
.mfp-iframe-holder .mfp-close {background: #FFF; opacity: 1}

/*----------------------------------------------------------------------*/
/* Accordion  Style  */
.panel-group {position:relative; top: -20px;}
.panel-group h3:hover {cursor:pointer}
.panel-group {margin-bottom:5px;}
.panel-heading {padding:0;}
.panel-group a:focus, .panel-group a:active,
.panel-group a:hover {text-decoration: none;}
.panel-group a[aria-expanded="false"] i.fa.fa-acc:before{content:"\f055"}
.panel-group a[aria-expanded="true"] i.fa.fa-acc:before{content:"\f056"}

#t3-content .panel-group h3 { background: #dedfe1;  color: #000;  font-size: 1.1em;     margin-bottom: 5px;}
#t3-content .panel-group h3 a {color: #000;padding: 3px 0 3px 10px;display:block;margin:0}
#t3-content .panel-group h3 { padding:0;margin:0;}
#t3-content .panel-group h3 a[aria-expanded="true"]{     background: #005fb7;   color: #fff!important;   font-weight: bold;}
#t3-content .panel-group .catItemIntroText p:first-of-type img { margin-top:20px}

/*----------------------------------------------------------------------*/
/*bx.Gallery  Style  */
.bxgallery {   background: #efefef; margin: 8px 0;  padding: 16px;  clear:both;  max-width:100%;  width:800px;}
.bx-wrapper .bx-controls-direction a:hover { url(../images/controls.png) no-repeat -43px -32px; }

/*----------------------------------------------------------------------*/
/* BM Slider  Style  */
.bm_slider_theme1 .bm_slider_item {padding:0!important;}
.bm_slider {width: calc(100% - 120px)!important;margin:0 60px}
.bm_slider_theme1 .bm_slider_item:hover {background:none!important}
.bm_slider_cycle_pager {top:0!important}
.bm_border {position:absolute; width:15px;height:100%;top:0; z-index:100}
.bm_border.bleft {left:0;}
.bm_border.bright {right:0;}
.bm_slider_wrapper {width: calc(100% - 30px); border: 1px solid red; overflow:hidden; position:relative}
.bm_slider_theme1 .bm_slider_item > div {background: rgb(183, 194, 30); margin: 0 10px}
.bm_slider_content {padding:30px 10px;}
.bm_over_theme1 .bm_slider_button .bm_slider_prev {left:15px!important; top:40%!important}
.bm_over_theme1 .bm_slider_button .bm_slider_next {right:15px!important; top:40%!important}
.bm_slider_theme1 .bm_slider_item .bm_slider_content .bm_slider_title * {color:#34343c; font-size:22px;font-weight:300}
.bm_slider_theme1 .bm_slider_item .bm_slider_content .bm_slider_desc {text-align:center; font-size: 14px;font-style: italic}

.bm_slider_cycle_pager span {color:#34343c!important}
.bm_slider_cycle_pager span.bm_slider_cycle_pager_active {color:#b7c21e!important}

.bm_over_theme1 .bm_slider_button .bm_slider_prev,
.bm_over_theme1 .bm_slider_button .bm_slider_next {z-index:200}

/*----------------------------------------------------------------------*/
/* Termine  Style  */
.period_header {font-size: 22px;font-weight:bold;border-bottom:1px solid gray;  margin-top: 30px; margin-bottom: 30px;}
.period_monat {font-size: 18px; font-weight: bold; }


/*************************************************************************/
#highlightView .slidedown .moduleItemIntroText p:last-of-type > a {
    background-color:#980098; color:#FFF;
    border-color:transparent;text-decoration: none; margin: 0 10px; border-radius: 0; font-size: 16px; width: 160px; padding: 5px 10px; font-style: italic; font-weight: bold
}
a.btn {border-color:transparent;text-decoration: none; margin: 0 20px; border-radius: 0px; font-size: 22px; width: 260px; padding: 10px 20px; font-style: italic; font-weight: bold; }
a.btn-link {
    color: #222222;
    background-color: #ffffff;
    border-color: #fff;
}
a.btn-default {
    color: #FFF;
    background-color: #222222;
    border-color: #222222;
}

a.btn-info {
    color: #FFF;
    background-color: transparent;
    border-color: #fff;
    width:300px;
	border: 2px solid #fff;
	
}
a.btn-default:hover, a.btn-default:focus,
a.btn-link:hover, a.btn-link:focus {background: #980098; color:#FFF; text-decoration: none; border-color:transparent;}
#highlightView .slidedown .moduleItemIntroText p:last-of-type > a:hover,
#highlightView .slidedown .moduleItemIntroText p:last-of-type > a:focus,
a.btn-info:hover, a.btn-info:focus{background: #FFF; color:#980098; text-decoration: none; border-color:#FFF;}
.fab.fa-facebook {font-size:20px;vertical-align:middle}





/*----------------------------------------------------------------------*/
@media only screen and (max-width: 991px) {
	.carousel .carouselText p {
    display: block;
    padding: 10px 20px;
        padding-bottom: 10px;
    font-family: 'Niconne', cursive;
    font-size: 40px !important; 
}
	#t3-mainbody {background: none;}
	#t3-content img {max-width:100%;}
    .bm_over_theme1 .cycle-carousel-wrap  .bm_slider_item, 
    .bm_slider_theme1 .cycle-carousel-wrap .bm_slider_item > div {width: 235px!important}
    .bm_slider_theme1 .cycle-carousel-wrap .bm_slider_item > div .bm_slider_content {width:220px;}
    .bm_slider_theme1 .bm_slider_item > div {height:280px;}
    .bm_slider_theme1 .bm_slider_item > div {height:260px;}
    .bm_slider_content {padding:10px;}
    .t3-sidebar-right .logossb p {display:inline-block; margin-right:20px;vertical-align:middle}
    .t3-sidebar-right .logossb {text-align:center}
    
    
}

/* Extra Small devices .col-xs- ( < 768px ) */
@media ( max-width: 767px) { 
.carousel .carouselText p {
font-size: 30px !important;    
}
#headcontent { background:#f3f2f4; }
    .bm_over_theme1 {width: 480px!important; margin:0 auto;}
    .bm_slider_theme1 .bm_slider_item > div {height:220px;}


    button.off-canvas-toggle { display:block; z-index:9999;}
    nav#t3-mainnav,  nav#topnav { display:none;}

    .t3-sidebar[class*="col-"] { width:100%}

    div.fcp_line label:first-child { display:block; text-align:left;width:100%}
    .fcp_sendrow, div.fcp_captcha, div.fcp_checkbox {  margin-left: 0;}
    .fcp_wrapper ~ p {   margin-left: 0;}
    .fcp_form div.fcp_line input[type="text"], .fcp_form textarea, .fcp_form select {width:100%}

    td img { max-width:100%}

    .t3-spotlight div[class*="-12"] div.itemContainer { width:100% !important; float:none;}
    .t3-spotlight div[class*="-12"] div.itemContainer .moduleItemImageBlock { float:left;width:33%; margin-right: 3%}
    .t3-spotlight div[class*="-12"] div.itemContainer h3, 
    .t3-spotlight div[class*="-12"] div.itemContainer .moduleItemIntrotext {   }

    .fixed-columns   div.itemContainer > .moduleItemView { margin:0;}

    #equalheight {    overflow: hidden;    }

    header {width:100%; background:#FFF;}

    header .logo {width:80%;text-align:center; position:relative;margin: 0 5% 0 15%;}
    #logo.logofixed ~ .row {padding-bottom: 0;}
    #logo.logofixed .container .logo {position:relative; width:100%}



    #t3-sticky {display:none;}

    #t3-content #itemListPrimary > div.col-xs-6:nth-of-type(2n) {padding: 0 0 0 20px}
    #t3-content #itemListPrimary > div.col-xs-6:nth-of-type(2n+1) {padding: 0 20px 0 0}
    
    footer .t3-footer > div:last-child {padding-left:15px}

}

/* Small devices .col-sm- (> 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #t3-content #itemListPrimary > div.col-sm-6:nth-of-type(2n) {padding: 0 0 0 20px }
    #t3-content #itemListPrimary > div.col-sm-6:nth-of-type(2n+1) {padding: 0 20px 0 0}
    #t3-content #itemListPrimary > div.col-sm-12 {padding: 0}
    ul.navbar-nav > li > a { margin: 0 7px; padding: 10px 0; font-size:13px}
}

/* Medium devices .col-md- (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #t3-content #itemListPrimary > div.col-md-4:nth-of-type(3n+1) {padding: 0 20px 0 0}
    #t3-content #itemListPrimary > div.col-md-4:nth-of-type(3n+2) {padding: 0 10px}
    #t3-content #itemListPrimary > div.col-md-4:nth-of-type(3n+3) {padding: 0 0 0 20px}

    #t3-content #itemListPrimary > div.col-md-6:nth-of-type(2n) {padding: 0 0 0 20px}
    #t3-content #itemListPrimary > div.col-md-6:nth-of-type(2n+1) {padding: 0 20px 0 0}

    ul.navbar-nav > li > a { margin: 0 15px; padding: 15px 0; font-size:14px}
}
@media only screen and (max-width: 650px) {
.carousel .carouselText p {
font-size: 25px !important;    
}
}
@media only screen and (max-width: 480px) {
	.carousel .carouselText p { display:none;   
}
    .col-xxs-12 { width:100%;float:none; height:auto;}
    .bm_over_theme1 {width: 240px!important;}
    #headcontent .col-xs-6 {float:none;width:100%; padding:0 0 20px 0;}
    
}

@media only screen and (min-width: 768px) {
    html.home .top-wrapper {
        position:relative; background: #fff; 
        background-size: cover; 
    }
    .top-wrapper div.empty {position:absolute; z-index:1; background: #FFF; height: 100px; width:100%;bottom:0;}
    
    html:not(.home) div.empty {display:none;}

    #logo.logofixed.logo-fixed-top .logo-img{
        max-width:50%; margin-top:0px;
    }
    #logo.logofixed.logo-fixed-top .container .logo {
        position:fixed;
        height: 50px;
        overflow: hidden;
    }

    a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
        pointer-events: none;
    }


    #aftermainbody {position:relative;background: url(../../../../images/wolken-hg.jpg) #ffffff no-repeat center bottom}
    
    .cloudone {
        background: url(../../../../images/wolken.png) repeat-x;
        position: absolute;    left: 0;    top: 0;    height: 100%;    width: 300%;    z-index:2;
        -webkit-animation:cloudone 70s linear infinite;
        animation:cloudone 70s linear infinite;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0);
    }
    @-webkit-keyframes cloudone{        0%{left:0}         100%{left:-200%}    }
    @keyframes cloudone{        0%{left:0}         100%{left:-200%}    }
    .cloudtwo { 
        overflow:hidden;
        background: url(../../../../images/wolken2.png) repeat-x;
        position: absolute;    left: 0;    top: 0;    height: 100%;    width: 300%;    z-index:1;
        -webkit-animation:cloudtwo 120s linear infinite;
        animation:cloudone 120s linear infinite;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0);
    }
    @-webkit-keyframes cloudtwo{        0%{left:0}         100%{left:-200%}    }
    @keyframes cloudtwo{        0%{left:0}         100%{left:-200%}    }

}



/* Large devices .col-lg- (large desktops, 1200px and up) */
@media ( min-width: 1200px) { 
    #t3-content {}
    #t3-content #itemListPrimary > div.col-lg-4:nth-of-type(3n+1) {padding: 0 20px 0 0}
    #t3-content #itemListPrimary > div.col-lg-4:nth-of-type(3n+2) {padding: 0 10px }
    #t3-content #itemListPrimary > div.col-lg-4:nth-of-type(3n+3) {padding: 0 0 0 20px}

    #t3-content #itemListPrimary > div.col-lg-6:nth-of-type(2n) {padding: 0 0 0 20px}
    #t3-content #itemListPrimary > div.col-lg-6:nth-of-type(2n+1) {padding: 0 20px 0 0}
}