html {position: relative; min-height: 100%;}
body {margin-bottom: 385px; /* Margin bottom by footer height */ }

/*responsive images*/
img {height: auto; width: auto; max-width: 100%; display: block;}
.container.maincontent .col-md-9.col-sm-8.col-xs-12 div.row div.col-md-4 a img {
    height: auto;
    width: 100%;
}

/*youtube iframe responsive*/
iframe {max-width: 100%;}
.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}


/* iOS hack */
textarea, input[type="text"], input[type="button"], input[type="submit"] {-webkit-appearance: none; border-radius: 0;}

hr {border-color: #6d6d6d; border-width: 2px 0 0;}

a {color: #007bc2; font-weight: 700;}
a:focus, a:hover {color: #007bc2; font-weight: 700; outline: none!important;}

.h1, h1 {
    font-size: 24px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #007bc2;
	text-transform: uppercase;
}

h1, .h1, h2, .h2 {margin-bottom: 20px; margin-top: 20px;}

h3, .h3 {margin-bottom: 20px; margin-top: -5px;}
h3.bordertopbtm {
	padding: 10px 0; 
	border-top: 2px solid #6d6d6d;
	border-bottom: 2px solid #6d6d6d;
}

h4, .h4 {margin-bottom: 20px; margin-top: 20px;}
h4.grey {color: #6d6d6d!important; margin-bottom: 10px!important; margin-top: 10px!important;}
h4 a.grey {color: #6d6d6d!important; margin-bottom: 10px!important; margin-top: 0px!important;}

h5, .h5 {font-size: 15px;}

.align-right {text-align: right;}
.align-bottom {position: absolute; top: 155px;}

.more a {background: url(../img/arrow_right.png) center left no-repeat; padding-left: 15px;}

p.spacer {padding:14px 0 13px 0; line-height: 1px;}

.col-md-2.col-sm-3.col-xs-12 h4 {margin-bottom: 10px!important; margin-top: 10px!important;}
.container-fluid {margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}
.maincontent {padding-top: 20px; padding-bottom: 40px;}

/****************************************************
** Buttons
****************************************************/
.btn {
	display: inline-block;
	padding: 6px 12px 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.42857143;
	text-align: left;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
		touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	background-image: none;
	border: 1px solid #007bc2!important;
	border-radius: 0px;
	position: relative;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {outline: none!important;}

.btn:hover,
.btn:focus,
.btn.focus {color: #007bc2; text-decoration: none;}

.btn:active,
.btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
			box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-blue-start {
 	color: #fff;
  	border-color: #e8e8e8;  
	background: #007bc2;
 	width: 100%;
}
.btn-blue {
 	color: #fff;
  	border-color: #e8e8e8;  
	background: #007bc2;
	width: 100%;
	text-align: left;
	padding: 6px 12px 6px 6px;
	text-transform: none;
}

a.btn-blue,
a.btn-blue-start {color: #fff; background: #007bc2; padding-left: 20px;} 

a.btn-blue:before,
a.btn-blue-start:before {
	display: inline-block;
	position: absolute;
  	font-family: 'FontAwesome';
  	top: 0;
  	left: 7px;
 	content: "\f105";
    font-size: 24px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0px, 0px);
	padding-top: 2px;
}

a.btn-blue:hover,
a.btn-blue-start:hover{color: #007bc2; background: transparent;} 

a.btn-blue:hover:before,
a.btn-blue-start:hover:before{color: #007bc2;}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue.focus,
.btn-blue:active,
.btn-blue.active,
.btn-blue-start:hover,
.btn-blue-start:focus,
.btn-blue-start.focus,
.btn-blue-start:active,
.btn-blue-start.active {color: #fff; border-color: #6d6d6d;}

.btn-blue:active,
.btn-blue.active,
.btn-blue-start:active,
.btn-blue-start.active {background-image: none;}

.btn-blue-more a{
	color: #fff;
	border-color: #e8e8e8;  
	background: #007bc2;
	display: inline-block;
	padding: 4px 15px 4px 20px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	  touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
	background-image: none;
	border: 1px solid #007bc2!important;
	border-radius: 0px;
	position: relative;
}

#pageid-17 .btn-blue-more a {width: 100%; padding: 4px 15px 4px 20px; text-align: left;}

.btn-blue-more a:hover,
.btn-blue-more a:focus,
.btn-blue-more a.focus,
.btn-blue-more a:active,
.btn-blue-more a.active {
	color: #007bc2;
	border-color: #6d6d6d;
	background: transparent;
	text-decoration: none;
}
.btn-blue-more a:active,
.btn-blue-more a.active {background-image: none;}

.btn-blue-more a:before {
	display: inline-block;
	position: absolute;
  	font-family: 'FontAwesome';
  	top: 0;
  	left: 7px;
 	content: "\f105";
    font-size: 24px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0px, 0px);
	padding-top: 0px;
}

.btn-blue-more a:hover:before {color: #007bc2;}

/****************************************************
** Scroll to top button
****************************************************/
#pageup {
  position: fixed;
  right: 40px;
  bottom: 40px;
  width: 40px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  font-size: 30px;
    -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background-color: #404040;
  color: #FFFFFF;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: none;
  cursor: pointer;
}

#pageup:hover {
  background-color: #007bc2;
  color: #FFFFFF;
}

div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {margin-right: 10px; margin-bottom: 10px;}

/****************************************************
** Backgrounds
****************************************************/
.bg-green {	background: #6CC;}
.bg-red {background: #F03}
.bg-yellow {background: #FF6}
.bg-blue {background:#6CF}
.bg-pink {background: #F6F}
.bg-orange {background: #F93}
.bg-purple {background: #66F}
.bg-grey {background: #e8e8e8;}
.bg-sub {background: url("../img/bg_subpages.png") repeat-x top left #fff; padding-top: 80px; min-height: 500px}
	
/****************************************************
** Convis Logo
****************************************************/
.navbar-brand {
    float: left;
    font-size: 18px;
    height: 50px;
    line-height: 20px;
    padding: 15px 0 0 15px;
}

.form-control:focus {
	border-color: #e8e8e8;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233,96,14,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233,96,14,.6)
}

/****************************************************
** Top-Navigation
****************************************************/
.navbar {
    border: none!important;
	background: #fff;
	padding: 0 0 0 0;
	margin-bottom: 0px;
}

nav.navbar .container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}

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

.navbar-fixed-top {
    border-width: 0 0 1px;
    top: 0px;
	background: #fff;
	height: 90px;
}

.navbar-default {background: transparent; border-color: none;}

.navbar-collapse {
	padding-left: 0px;
    padding-right: 0px;
}

.nav > li > a {
    display: block;
    padding: 8px 10px;
    position: relative;
	font-weight: 700;
	font-size: 20px;
	font-family: 'Roboto', sans-serif;	
	text-transform: uppercase;
}

.nav > li > a:hover {color: #007bc2!important;}

.navbar-default .navbar-nav li.dropdown.active a.dropdown-toggle {color: #007bc2!important;	background: none;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background-color: transparent; color: #007bc2!important;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #007bc2;
	font-weight: 700;
	background-color: transparent;
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
	border: none!important;
    border-radius: 4px;
    box-shadow: none!important;
    display: none;
    float: left;
    font-size: 14px;
    left: 22px!important;
    list-style: none outside none;
    margin: 0 0;
    min-width: 175px;
    padding: 13px 0 0 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

.navbar-default .dropdown-menu li {border-top: 1px solid #e8e8e8;}

.navbar-default .dropdown-menu li.menuitem6,
.navbar-default .dropdown-menu li.menuitem12,
.navbar-default .dropdown-menu li.menuitem16,
.navbar-default .dropdown-menu li#menuitem6,
.navbar-default .dropdown-menu li#menuitem12,
.navbar-default .dropdown-menu li#menuitem16 {border-top: 1px solid #007bc2;}


.navbar-default ul.dropdown-menu li a {
	color: #6d6d6d;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 7px 17px;
}

.navbar-default ul.dropdown-menu li a:hover {color: #007bc2; background: none;}
.navbar-default ul.dropdown-menu li.active a{color: #007bc2; background: none;}

/****************************************************
** Language Menu
****************************************************/
ul.flagmenu {
  margin: 0;
  padding: 0;
  max-height: 2em;
  overflow: hidden;
  float: right;
}
.flagmenu li {
  padding: 1em 0 0 0px;
  margin: 0;
  list-style: none;
  display: inline-block;
  font-size: 90%;
  color: #ccc;
}
.flagmenu li a, .flagmenu li span {
  text-decoration: none;
  display: block;
  text-indent: -9999px;
}

.flagmenu.noflags li a, .flagmenu.noflags li span {text-indent: 0; display:inline;}

.flagmenu.noflags li + li:after {
    content: "|";
    padding: 0 0 0 5px;
    color: #ccc;
}

.flagmenu.noflags li {padding-top: 0.5em;}

.flagmenu a.flags, .flagmenu span.flags {
  width: 32px;
  height: 20px;
  background: url(../img/flagsprite.png) no-repeat 0 0;
}
.flagmenu a.flags0 {background-position: 0 0;}
.flagmenu span.flags0 {background-position: -32px 0;}
.flagmenu a.flags1 {background-position: 0 -30px;}
.flagmenu span.flags1 {background-position: -32px -30px;}
.flagmenu a.flags2 {background-position: 0 -60px;}
.flagmenu span.flags2 {background-position: -32px -60px;}

/****************************************************
** Slider
****************************************************/
.slider-bg {background: #fff; padding: 0;}	
.container-fluid .slider-wrapper {margin-left: auto!important; margin-right: auto!important; padding: 0;}
.slider-wrapper.theme-default {margin-top: 80px;}
.theme-default .nivo-controlNav {
	display: inline-block;
	padding: 0;
    text-align:center;
	position:absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	/*bottom:20px;*/
	z-index:500!important;
}

.theme-default .nivoSlider {
    background: #fff!important;
	border: none;
    box-shadow: 0 0px 0px 0 #4a4a4a;
    margin-bottom: 0px;
    position: relative;
}

/****************************************************
** Startseite
****************************************************/
#pageid-2 h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	text-transform: uppercase;
}

/** Vorteile box ***********************************/
.vorteilebox {color: #6d6d6d; padding-top: 20px; padding-bottom: 40px;}
.vorteilebox h3 {    
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #007bc2;
	margin-bottom: 10px;
    margin-top: 0px;
}
.vorteilebox h3.spacer{padding-bottom:19px;}
.vorteilebox p.spacer {padding-bottom:5px; line-height: 5px;}
.vorteilebox .fivecolumns .col-md-2 {width: 20%; *width: 20%; display:inline-block; margin-bottom: 0px;}	
.vorteilebox .fivecolumns .col-md-2.middle {width: 23%; *width: 23%;}

/** Leistungen box *********************************/
.lstgbox {color: #6d6d6d; padding-top: 40px; padding-bottom: 50px;}
.lstgbox h3 {font-size: 18px; font-family: 'Roboto', sans-serif; font-weight: 700; color: #007bc2; margin-bottom: 10px; margin-top: 0px;}
.lstgbox h2 a.btn.btn-blue {font-family: 'Roboto', sans-serif!important; font-weight: 700;}
.lstgbox hr {margin-bottom: 10px; margin-top: 10px;}
.lstgbox .csc-textpic-image img {width: 100%; height: auto}
.lstgbox .col-md-3 p {min-height: 236px;}

/** Stimmen box ************************************/
.stimmenbox {color: #6d6d6d; padding-top: 40px; padding-bottom: 70px; padding-right: 0px}
.stimmenbox hr {margin-bottom: 10px; margin-top: 10px;}
div.stimmen { display: none;}
.stimmenbox .stimmen {padding: 10px 0; border-top: 2px solid #9e9d9d; border-bottom: 2px solid #9e9d9d; height: 265px;}
.stimmenbox .col-md-6 {margin: 0 15px 0 0; width: 48.52%;}
.stimmenbox .stimmen p span {color: #6d6d6d; font-size: 16px; font-weight: 700;}
.stimmenbox .stimmen .quoteinfo {float: left; margin-right: 5px; width: 45%}
.stimmenbox .stimmen .quoteinfo p {margin-bottom: 0;}
.stimmenbox .stimmen img {padding-bottom: 5px;}
.stimmenbox .stimmen .quote {padding: 0 0 5px 0; height: auto; overflow: hidden; float: right;width: 53%}
.stimmenbox .stimmen .quote p {margin-bottom: 0;}

/** newsbox ****************************************/
.newsbox {color: #6d6d6d; padding-top: 40px; padding-bottom: 70px;}

/** Contactbox *************************************/
.contactbox {color: #6d6d6d; padding-top: 40px; padding-bottom: 30px;}
.contactbox .fivecolumns .col-md-2 {margin-top: 0;}

/****************************************************
** Über uns
****************************************************/
.bx-wrapper ul.slider_aboutus li {left:0;}
.bx-wrapper ul#slider li {left:0;}
#pageid-6 .bx-wrapper .bx-prev {left: 10px!important;}
#pageid-6 .bx-wrapper .bx-next {right: 10px!important;}

/****************************************************
** Sidebar
****************************************************/
.col-md-3 h2,
.col-sm-3 h2 {
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #007bc2;
	text-transform: uppercase;
	margin-bottom: 20px;
    margin-top: 15px;
	width: auto!important;
}
.col-xs-12 h2 {
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #007bc2;
	margin-bottom: 20px;
    margin-top: 15px;
}
.container.maincontent div.row div.col-md-3 a img {width: 100%; height: auto}
	
/****************************************************
** Accordion
****************************************************/
.panel-group .panel {border-radius: 0px!important; margin-bottom: 0;}
.panel-default {border-color:transparent!important;}
.panel {
    background-color: transparent!important;
    border: none!important;
    border-radius: 0px!important;
    box-shadow: none!important;
    margin-bottom: 20px;	
}
.panel-group .panel + .panel {margin-top: 0px;}
.panel-group .panel-heading + .panel-collapse .panel-body {border-top: none!important;}

.panel-group .panel-heading {
	background: none repeat scroll 0 0 #007bc2;
    border-bottom: 1px solid #fff !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
	padding:0;
	}

.panel-group .panel-heading h1 {margin: 0; font-size: 18px; text-transform: none;}
.panel-group .panel-heading h1 a {margin: 0; color: #fff;}
.panel-group .panel-heading h1 a.accordion-toggle{text-decoration: none;}

.panel-group .panel-heading a.accordion-toggle:before {
	display: inline-block;
  	font-family: 'FontAwesome';
  	top: 0;
  	left: 7px;
 	content: "\f105";
    font-size: 24px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0px, 0px);
	padding-right:7px;
	color: #fff;
}

.panel-group .panel-heading a.accordion-toggle {
  display: block;
  padding: 10px 15px;
}

/****************************************************
** Footer
****************************************************/
.footer {
  position: absolute;
  bottom: 0;
  width: 100%; 
  height: 385px; /* Set the fixed height of the footer here */ 
  background: #e8e8e8;
  color: #6d6d6d;
}
.fivecolumns {margin-bottom: 20px;}
.fivecolumns p {margin-top: 10px;}
.footernav {padding-top: 60px; padding-bottom: 20px; margin-left: auto; margin-right: auto;}
.footernav ul.fnav	{list-style: none; padding-left: 0px;}
.footernav h4 {font-size: 16px; color: #6d6b6b; margin-bottom: 12px; margin-top: 4px;}
.footernav ul.fnav li {margin-bottom: 5px;}
.footernav ul.fnav li a {color: #6d6b6b; font-size: 14px; text-decoration: none; font-weight: 400;}
.footernav ul.fnav li a:hover, .footernav ul.fnav li.active a{color: #007bc2;}
.footernav .col-md-2 p {font-size: 14px;}
.footernav .col-md-6 h2 {margin-top: 0; font-family: "Times New Roman", Times, serif; font-size: 28px; text-transform: uppercase;}
.cpright_lastup {padding-top: 20px; padding-bottom: 20px; background-color: #6d6d6d;}
.cpright_lastup-inner {width: 1030px; margin-left: auto; margin-right: auto; color: #e8e8e8; font-size: 12px; line-height: 15px;}
.cpright_lastup-inner a {color: #e8e8e8;}
.cpright_lastup-inner .hotlineftr {font-size: 15px; text-align: right;}
	
/****************************************************
** Powermail
****************************************************/
.tx-powermail {color: #6d6d6d!important; width: 100%!important;} 
.tx-powermail .powermail_fieldset {border-radius: 0px; background: none!important; border:none!important; padding: 0px!important;}
.tx-powermail form.powermail_form.powermail_form_1 {width: 80%!important;}
.tx-powermail .powermail_fieldset legend {border-width: 0;}
.tx-powermail form.powermail_form h3, .tx-powermail fieldset.powermail_fieldset legend.powermail_legend {display: none;}
.tx-powermail .powermail_fieldset .powermail_label {width: 25%!important; font-size: 14px; color: #6d6d6d!important;}
.tx-powermail .powermail_fieldset label {font-size: 14px;}
.tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_check fieldset div.powermail_check_outer {background-color: transparent; border: none; padding: 3px 10px;}
.tx-powermail .powermail_fieldset .powermail_field, .tx-powermail .powermail_fieldset .powermail_radio_outer, .tx-powermail .powermail_fieldset .powermail_captcha_outer, .tx-powermail .powermail_fieldset .powermail_check_outer, .tx-powermail .powermail_fieldset .powermail_fieldwrap_text, .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul{width: 75%!important;}
.tx-powermail .powermail_fieldset .powermail_field.powermail_captcha {width: 100%!important;}
.tx-powermail .powermail_fieldset .powermail_field.powermail_submit, .tx-powermail .powermail_fieldset .powermail_field.powermail_reset {
    background-color: #007bc2!important;
	border: 1px solid #007bc2!important;
	width: 25%!important;
	text-transform: uppercase;
	text-align: left;
	font-size: 14px!important;
	background: url(../img/arrow_right_white.png) 7px 7px no-repeat;
}
.tx-powermail .powermail_fieldset .powermail_field.powermail_submit:hover, .tx-powermail .powermail_fieldset .powermail_field.powermail_reset:hover {
    background-color: transparent!important;
	border: 1px solid #007bc2!important;
	width: 25%!important;
	color: #007bc2;
	background: url(../img/arrow_right.png) 7px 7px no-repeat;
}
.tx-powermail .powermail_fieldset .parsley-errors-list {width: 75%!important;}

.tx-powermail .powermail_fieldset .powermail_captchaimage {padding-top: 10px;}

/*Formular - Rückrufservice*/
.tx-powermail .powermail_form_2 {/*background: #e8e8e8;*/}
.tx-powermail .powermail_form_2 h3 {display: inline-block!important; font-size: 15px; padding:0;  margin-bottom: 20px;
    margin-top: 0.5em;}
.tx-powermail .powermail_form_2 .powermail_fieldset {padding: 0px!important;}
.tx-powermail .powermail_form_2 .powermail_fieldset .powermail_label {clear: both!important; width: 100%!important;}
.tx-powermail .powermail_form_2 .powermail_fieldset .powermail_input {width: 100%!important;}	
.tx-powermail .powermail_form_2 .powermail_fieldset .parsley-errors-list {width: 100%!important;}
.tx-powermail .powermail_form_2 .powermail_fieldset .powermail_radio_legend {display: none; margin-bottom: 5px;}
.tx-powermail .powermail_form_2 .powermail_fieldset .powermail_radio_outer{background-color: transparent; border: none; float: left; width: 100%!important;}
.tx-powermail .powermail_form_2 .powermail_fieldset .powermail_field.powermail_submit, .tx-powermail .powermail_form_2 .powermail_fieldset .powermail_field.powermail_reset {width: 100%!important;}
.tx-powermail .powermail_form_2 .powermail_fieldset .powermail_field.powermail_submit, .tx-powermail .powermail_form_2 .powermail_fieldset .powermail_field.powermail_reset {
	background: url(../img/arrow_right_white.png) 7px 8px no-repeat;
}
.tx-powermail .powermail_form_2 .powermail_fieldset .powermail_field.powermail_submit:hover, .tx-powermail .powermail_form_2 .powermail_fieldset .powermail_field.powermail_reset:hover {
	background: url(../img/arrow_right.png) 7px 8px no-repeat;
}

/****************************************************
** Media Queries iPhone, iPad, desktop...
****************************************************/
@media (min-width: 768px){
    .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {width: 15%; *width: 15%; display:inline-block; margin-bottom: 10px; margin-top: 48px;}
	.fivecolumns .col-md-4, .fivecolumns .col-sm-4, .fivecolumns .col-lg-4 {width: 40%; *width: 40%; display:inline-block; margin-bottom: 10px;}	
	.slider-wrapper.theme-default {max-width: 100%!important; height: auto!important;}
	.tx-go-maps-ext .gme-map {max-width:100%; height: auto;}
}

@media (min-width: 1200px) {
    .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {width: 16%; *width: 16%; margin-top: 48px;}
	.fivecolumns .col-md-4, .fivecolumns .col-sm-4, .fivecolumns .col-lg-4 {width: 40%; *width: 40%;}
	.fivecolumns .col-md-2.footermenu1 {margin-left: 90px;}
	.fivecolumns .col-md-2.footermenu4 {width: 9%; *width: 9%;}
	.newsbox .news-latest-container	.news-latest-excerpt {height: 150px;}	
}

/********************************************************
** iPad
********************************************************/
@media (min-width: 768px) and (max-width: 979px) {
	body { margin-bottom: 505px;}
	.align-bottom {position: absolute; top: 128px;}	
    .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {width: 15%; *width: 15%; vertical-align: top; margin-top: 48px;}
	.fivecolumns .col-md-2.footermenu1 {margin-left: 28px;}
	.fivecolumns .col-md-4, .fivecolumns .col-sm-4, .fivecolumns .col-lg-4 {width: 38%; *width: 38%; vertical-align: top;}
	.col-sm-8 .csc-textpic.csc-textpic-center img {max-width: 100%;	height: auto;}
	
	/****************************************************
	** Scroll to top button
	****************************************************/
	#pageup {right: 18px; bottom: 40px; z-index: 600;}	
	
	/****************************************************
	** Navigation
	****************************************************/
	/*.navbar-fixed-top {height: 80px;}*/
	.navbar-brand {height: 75px; padding: 20px 0 0 15px;}
	.col-sm-3 a.navbar-brand img {height: auto; width: 100%; padding-top: 0px;}
	.nav > li > a {
		display: block;
		padding: 0px 0 0px 15px !important;
		position: relative;
		font-weight: 700;
		font-size: 18px;
		font-family: 'Roboto', sans-serif;	
	}
	.dropdown-menu {left: 0px!important; padding: 17px 0 0 0;}	
	ul.flagmenu {max-height:none;}
	.flagmenu li {padding: 24px 0 0 0px;}

	/****************************************************
	** Startseite
	****************************************************/
	.vorteilebox{margin-bottom: -20px;}
	.vorteilebox .col-sm-6{margin-bottom: 20px; min-height: 140px; overflow: hidden;}
	.vorteilebox h3.spacer{padding-bottom:0px;}
	.vorteilebox p.spacer {padding:0px; margin-top:-10px; line-height: 1px;}	
	.container.lstgbox .col-sm-6 img {width: 345px!important; height: auto!important;}
	.lstgbox {padding-bottom: 40px;}
	.lstgbox p {padding-left: 0px;}
	.lstgbox .col-md-3 p {min-height: 150px;}
	.lstgbox .col-sm-6{margin-bottom: 40px;}	
	.stimmenbox {margin-bottom: 50px; padding-bottom: 20px; padding-right: 0px}
	.stimmenbox .col-sm-6.stimmen { height: 335px; width: 47%;}
	.stimmenbox .col-sm-6.stimmen img {width: 100%!important; height: auto!important;}
	.stimmenbox .col-sm-6.stimmen .quote { border-bottom: none;}
	/* Slider */
	.theme-default .nivo-controlNav {
		display: none;
		padding: 0;
		text-align:center;
		margin-left: -20px;
		position:absolute;
		left:50%;
		bottom:20px;
		z-index:500!important;
	}
	.slider-wrapper.theme-default {max-width: 100%!important; height: auto!important;}
	
	/****************************************************
	** Footer
	****************************************************/
	.footer {height: 505px;}
	.footernav, .footertext, .slider-bg, .cpright_lastup-inner {max-width: 100%;}
	
	/****************************************************
	** Google Maps Extension
	****************************************************/
	.tx-go-maps-ext .gme-map {max-width:100%; height: 220px!important;}
	
	/****************************************************
	** Carousel
	****************************************************/
	#pageid-12 .bx-wrapper, #pageid-13 .bx-wrapper, #pageid-14 .bx-wrapper, #pageid-15 .bx-wrapper {max-width: 430px!important; }
	#pageid-12 .bx-wrapper .bx-prev, #pageid-13 .bx-wrapper .bx-prev, #pageid-14 .bx-wrapper .bx-prev, #pageid-15 .bx-wrapper .bx-prev {left: -40px !important;}
	#pageid-12 .bx-wrapper .bx-next, #pageid-13 .bx-wrapper .bx-next, #pageid-14 .bx-wrapper .bx-next, #pageid-15 .bx-wrapper .bx-next {right: -40px !important;}
	/****************************************************
	** Powermail
	****************************************************/
	.tx-powermail form.powermail_form.powermail_form_1 {width: 100%!important;} 
}

/********************************************************
** iPhone
********************************************************/
@media (max-width:767px) {
	body {overflow-x:hidden;}
	.bg-sub {padding-top: 100px;}
	
	/****************************************************
	** Scroll to top button
	****************************************************/
	#pageup {right: 20px; bottom: 20px; z-index: 600;}
	
	/****************************************************
	** Navigation
	****************************************************/
	/* Logo */	
	.navbar-brand > img {max-width: 180px!important; height: auto!important;} 
	.navbar-brand {padding: 10px 0 0 0px;}
	/* Sprachwechsler */	
	ul.flagmenu {margin-top: -55px; margin-bottom: 7px}
	/* Navbar */
    nav.navbar {padding: 0; background: #fff; margin-bottom: 0px;}		
	nav.navbar-default div#navbar.navbar-collapse{border-top: 1px solid #e8e8e8; border-bottom: 5px solid #007bc2;}
	.col-xs-12 nav.navbar-default {padding: 0; margin-left: -15px; margin-right: -15px;  }
	.navbar-static, .navbar-fixed-top {height: 100px;}	
	.navbar-nav {margin: 4.5px -15px 0px -15px;}
	.navbar-toggle {margin-top: 5px; margin-right: 15px;}	
    .navbar-collapse {overflow-x: hidden; background: #fff !important; padding-left: 15px; padding-right: 15px;}	
    .nav > li > a {padding: 10px 15px 7px 15px;}
		
	.navbar-default ul.dropdown-menu {padding-top: 0!important;}
	.navbar-default ul li a {padding: 7px 17px 10px 17px!important;}
	.navbar-default .dropdown-menu li a {padding: 7px 17px!important;}
	.navbar-default .dropdown-menu li#menuitem9,
	.navbar-default .dropdown-menu li#menuitem15 {border-bottom: 1px solid #e8e8e8; margin-bottom: 5px;}

	.navbar-form {padding: 5px 10px; margin-top: 0px; margin-bottom: 0px;}
		
	/****************************************************
	** Startseite
	****************************************************/
	.vorteilebox {padding-bottom: 20px;}
	.vorteilebox .col-xs-12 {margin-bottom: 20px;}
	.lstgbox .col-xs-12{margin-bottom: 10px;}	
	.lstgbox .col-xs-12 img {width: 100%!important;	height: auto!important;	}
	.stimmenbox {padding-bottom: 30px;}
	.stimmenbox .col-xs-12.stimmen {margin-bottom: 20px;}
	.stimmenbox .col-xs-12.stimmen img {width: 100%!important; height: auto!important; }
	.stimmenbox .col-xs-12.stimmen .csc-textpic-center .csc-textpic-center-outer {float: left!important;}
	.stimmenbox .col-xs-12 {width: 95%; height: auto!important; border-bottom: none; }	
	/* Slider*/
	.slider-bg {padding: 0px; overflow-x: hidden!important;}	
	.theme-default .nivo-controlNav {display:none;}
	.slider-wrapper.theme-default {
		width: 150%!important;
		height: auto!important;
		margin-top: 100px;
		position: relative; 
   		left: -25%;
    	/*transform: translateX(-50%);*/
        margin-right: 25%;
	}
	
	/****************************************************
	** Sidebar
	****************************************************/
	#maincontent.container.maincontent div.col-md-2.col-sm-3.col-xs-12 {display: none;} /* Sidebar ausblenden*/
	#pageid-16 #maincontent.container.maincontent div.col-md-2.col-sm-3.col-xs-12,
	#pageid-17 #maincontent.container.maincontent div.col-md-2.col-sm-3.col-xs-12 {display: block;} /* Sidebar für bestimmte Seiten wieder einblenden*/
	
	/****************************************************
	** Footer
	****************************************************/
	.footernav {max-width: 100%; background: #e8e8e8; padding: 0 30px;}
	.cpright_lastup-inner {max-width: 100%;}
	.fivecolumns div.col-md-2 {display: none;}
	.fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2, .fivecolumns .col-md-6 {margin-bottom: 30px;}
	.footernav .fivecolumns {margin-top: 50px;}
	.cpright_lastup-inner .hotlineftr {font-size: 15px; text-align: left; margin-top: 10px;}
	
	/****************************************************
	** CSC-Textpic
	****************************************************/
	.csc-textpic-intext-left > .csc-textpic-imagewrap,
 	.csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap,
  	.csc-textpic-intext-right-nowrap > .csc-textpic-text {/*float: left; width: 50%;*/ float: left; width: 100%!important;}

  	.csc-textpic-intext-left-nowrap > .csc-textpic-text,
  	.csc-textpic-intext-right > .csc-textpic-imagewrap,
  	.csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap {/*float: right; width: 50%;*/ float: left; width: 100%!important;}
  
  	.csc-textpic-intext-left .csc-textpic-imagewrap {margin-right: 10px;}
  	.csc-textpic-intext-right .csc-textpic-imagewrap {margin-left: 10px;}
	.csc-textpic:before, .csc-textpic-imagewrap:before,.csc-textpic:after, .csc-textpic-imagewrap:after {content: ""; display: table;}
	.csc-textpic:after, .csc-textpic-imagewrap:after {clear: both;}
	.csc-textpic-imagewrap img, .csc-textpic-imagerow img {border: medium none; margin-bottom: 0; vertical-align: bottom; width: 100%!important;}
	.csc-textpic-imagecolumn {max-width: 100%; float: left;}
	.csc-textpic-imagecolumn.csc-textpic-col,.csc-textpic-imagecolumn.csc-textpic-lastcol {margin-right: 0;}
	.csc-textpic-left > .csc-textpic-imagewrap {text-align: left;}
	.csc-textpic-intext-left-nowrap .csc-textpic-text {margin-left: auto !important;}
	.csc-textpic-center img {margin: 0 auto; width: 100%!important;}
	.csc-textpic-center > .csc-textpic-text {text-align: left;}
	.csc-textpic-caption {margin-bottom: 1.6em;}
	.maincontent .csc-textpic-image img {width: 100%!important; height: auto!important;}
	.maincontent .col-md-2.col-sm-3.col-xs-12 div.csc-textpic-image a img{min-width: 300px!important; width: 100%!important; height: auto!important;}
	
	.lstgbox div.row div.col-md-3.col-sm-6.col-xs-12 .csc-textpic-image img{width: 100%!important; height: auto!important;}
	
	/****************************************************
	** Powermail Extension
	****************************************************/
	.tx-powermail form.powermail_form.powermail_form_1,
	.tx-powermail .powermail_fieldset .powermail_label {width: 100%!important;}	
	.tx-powermail .powermail_fieldset .powermail_field, .tx-powermail .powermail_fieldset .powermail_radio_outer, .tx-powermail .powermail_fieldset .powermail_captcha_outer, .tx-powermail .powermail_fieldset .powermail_check_outer,
	.tx-powermail .powermail_fieldset .powermail_fieldwrap_text, .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul {width: 100%!important;}
	.tx-powermail .powermail_fieldset .powermail_field.powermail_captcha {width: 100%!important;}
	.tx-powermail .powermail_fieldset .powermail_field.powermail_submit, .tx-powermail .powermail_fieldset .powermail_field.powermail_reset,
	.tx-powermail .powermail_form_2 .powermail_fieldset .powermail_field.powermail_submit, .tx-powermail .powermail_form_2 .powermail_fieldset .powermail_field.powermail_reset {width: 100%!important;}
	
	/****************************************************
	** Google Maps Extension
	****************************************************/
	.tx-go-maps-ext .gme-map{max-width:100%; height: auto;} 
	
	/****************************************************
	** Carousel
	****************************************************/
	/*#pageid-12 .bx-wrapper, #pageid-13 .bx-wrapper, #pageid-14 .bx-wrapper, #pageid-15 .bx-wrapper {max-width: 240px!important; margin: 0 auto!important;}
	.bx-wrapper .bx-prev {left: -40px !important;}
	.bx-wrapper .bx-next {right: -40px !important;}*/
}

@media (min-width:1200px) {
	nav.navbar-default {margin-left: 40px; margin-top: 42px;}
	.nav > li > a {padding: 8px 15px;} 
 	body {margin-bottom: 385px;}
	.footer {height: 385px!important;}
	body#pageid-2 {margin-bottom: 395px;}
	#pageid-2 .footer {height: 395px!important;}
	.stimmenbox .col-md-6 {margin: 0 15px 0 0; width: 48.52%!important;}
	.newsbox .news-latest-container	.news-latest-excerpt {height: 150px!important;}
	.newsbox .news-latest-container .news-latest-text {height: 272px!important;}
	.align-bottom {position: absolute; top: 155px!important;}
	.nav > li > a {padding: 15px 0 0px 37px!important;}
}

@media (min-width:1024px) {
	.dropdown:hover .dropdown-menu {display: block;	}
	body {margin-bottom: 445px;}
	.footer {height: 435px;}
	.theme-default .nivo-controlNav {bottom:10px;}
	.lstgbox .col-md-3 p {min-height: 255px;}
	.stimmenbox .col-md-6 {margin: 0 15px 0 0; width: 48.4%;}
	.newsbox .news-latest-container	.news-latest-excerpt {height: 140px;}
	.newsbox .news-latest-container .news-latest-text {height: 256px;}
	.col-md-2.col-sm-3.col-xs-12.flagbox {padding-left: 5px!important;}
	.nav > li > a {padding: 15px 0 0px 30px;}
	.align-bottom {position: absolute; top: 142px;}

	#pageid-12 .bx-wrapper, #pageid-13 .bx-wrapper, #pageid-14 .bx-wrapper, #pageid-15 .bx-wrapper {max-width: 650px!important; }
	#pageid-12 .bx-wrapper .bx-prev, #pageid-13 .bx-wrapper .bx-prev, #pageid-14 .bx-wrapper .bx-prev, #pageid-15 .bx-wrapper .bx-prev {left: -40px !important;}
	#pageid-12 .bx-wrapper .bx-next, #pageid-13 .bx-wrapper .bx-next, #pageid-14 .bx-wrapper .bx-next, #pageid-15 .bx-wrapper .bx-next {right: -40px !important;}
	.cpright_lastup-inner {width: 970px; }
}
@media (min-width:1200px) {
	.theme-default .nivo-controlNav {bottom:20px;}
	#pageid-12 .bx-wrapper, #pageid-13 .bx-wrapper, #pageid-14 .bx-wrapper, #pageid-15 .bx-wrapper {max-width: 760px!important; }
	#pageid-12 .bx-wrapper .bx-prev, #pageid-13 .bx-wrapper .bx-prev, #pageid-14 .bx-wrapper .bx-prev, #pageid-15 .bx-wrapper .bx-prev {left: -36px !important;}
	#pageid-12 .bx-wrapper .bx-next, #pageid-13 .bx-wrapper .bx-next, #pageid-14 .bx-wrapper .bx-next, #pageid-15 .bx-wrapper .bx-next {right: -36px !important;}
	.cpright_lastup-inner {width: 1030px; }
}