/*****************************************************************
 Projekt: 			AHV PK
 Datei: 				main.css
 Beschreibung: 	Layout, Styles, Menu, Etxensions
 Autor:					NGI, webundso GmbH
 Contact: 			info@webundso.ch
 Datum:					01.12.15
 
	Verwendete Farben:
	#fff    = weiss
	#000    = schwarz
	#e7e7e7 = grau BG
	#d0d0d0 = grau footer
	#ca0036 = rot
	#A11941 = rot NEU
	#A11941
	
*****************************************************************/

/* reset everything */
@import url("reset.css");

/*--------------------------------------------------------------*/
/* Google Fonts */
/*--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,300&display=swap');

/*--------------------------------------------------------------*/
/* Dokument */
/*--------------------------------------------------------------*/


body {
/* 	font: 14px/22px Arial, Helvetica, sans-serif;  */
	font: 14px/22px 'Lato', sans-serif; 
	color: #000;
	text-align: left;
	background: #e7e7e7;
}

/*--------------------------------------------------------------*/
/* Seitenübergreifende Definitionen */
/*--------------------------------------------------------------*/

/*** Links ***/

a:link, a:visited { 
	text-decoration: none;
   color:#A11941;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
   color:#A11941;
}
a:active, a:focus { outline: none; }


/*** toTop-Link ***/

.totop { 

}

/*** Doctype Icons ***/

a.linkIcon-pdf:before {
	content: "\f1c1";
	font-family: FontAwesome;
	padding-right: 8px;
	color:#A11941;
	text-decoration: none !important;
	display:inline-block;
}

a.linkIcon-doc:before {
	content: "\f1c2";
	font-family: FontAwesome;
	padding-right: 8px;
	color:#A11941;
	text-decoration: none;
}
a.linkIcon-xls:before {
	content: "\f1c3";
	font-family: FontAwesome;
	padding-right: 8px;
	color:#A11941;
	text-decoration: none;
}

/*** Link-Icons ***/

a.linkIcon-email {
	background: url(../img/icons/icon_email.png) left center no-repeat;
	padding-left: 20px;
}
a.linkIcon-external:before {
	content: "\f14c";
	font-family: FontAwesome;
	padding-right: 8px;
	color:#A11941;
	text-decoration: none !important;
	display:inline-block;
}

p a.linkIcon-external:before,
p a.linkIcon-pdf:before {
	padding: 0 6px 0 5px;
}
.sidebarBox p a.linkIcon-external:before,
.sidebarBox a.linkIcon-pdf:before {
	padding: 0 8px 0 0px;
}

a.radius:before {
	content: "\f178";
	font-family: FontAwesome;
	padding-right: 8px;
	color:#A11941;
	text-decoration: none !important;
	display:inline-block;
}
#middleContent ul li a {
	text-decoration: none;
}
#middleContent ul li a:hover {
	text-decoration: underline;
}
.button.linkIcon-external:before,
.image .linkIcon-pdf:before {
	content: "" !important;
	padding-right: 0 !important;
}
table tr.even, table tr.alt, table tr:nth-of-type(even) {
	background: none;
}
table tr td, table tr th {
	font: 14px/22px 'Lato', sans-serif; 
	color: #000;	
}
table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {
	line-height: 22px;
}
.contenttable {
	width: 100%;
}
.contenttable tr td:last-child {
	white-space: nowrap;
}
table tbody tr td.braun{
	background-color: #A65C47;
}
table tbody tr td.grau{
	background-color: #6C6660;
}
table tbody tr td.hellbraun{
	background-color: #BD8B4F;
}
#c361 .contenttable {
	border-spacing: 2px;
	border-collapse: separate;
}
/*--------------------------------------------------------------*/
/* Forms */
/*--------------------------------------------------------------*/

.csc-mailform ol {
	list-style-type: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

label { }
input, textarea { 
	border: 1px solid #e1e1e1;
	padding: 2px 5px;
	font-family: monospace;
}
input[type="submit"] { 
	font-family: inherit;
	background: #efefef;
	font-size: inherit;
}

/*** Simple Mailsform ***/
label em {
	display: inline;
	padding-left: 5px;
	font-weight: bold;
	color: inherit;
}
.csc-mailform li {
	margin: 0 !important;
}

.csc-form-26 label {
	display: none;
}
.smallInp {
	width: 80px !important;
	display: inline !important;
}

/*--------------------------------------------------------------*/
/* Typografie */
/*--------------------------------------------------------------*/

/*** Ueberschriften ***/
h1 {
	font: 32px/40px 'Lato', sans-serif;
	margin: 20px 0;
	padding: 15px 0;
	text-transform: uppercase;
}
h2 {
	font: 24px/30px  'Lato', sans-serif;
	font-weight: 700;
	margin: 10px 0;
	padding: 0;
	text-transform: uppercase;
}
h3 { 
	font: 15px/20px 'Lato', sans-serif;
	font-weight: 700;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
h4 {

}

/* bold / italic */
strong {
	font-weight: 700;
}
em {
	font-style: italic;
}

/* absatzformate */

#middleContent p,
#rightContent p {
	margin: 0 0 1em 0;
}
.textklein {
	font-size: 0.8em;
}

/*** Aufzaehlungen ***/

#middleContent ol,
#middleContent ul { 
	margin-left: 1em;
	margin-bottom: 1em;
}

#middleContent ul { 
	list-style: square; 
}
#middleContent li { 
	margin: 5px 0 5px 20px; 
}
#middleContent ol { 
	list-style: decimal; 
	padding-left: 5px; 
}

ul.ce-uploads {
	margin: 0 !important; 
}
ul.ce-uploads li {
	margin: 0 !important;
	padding: 0 !important;
}
ul.ce-uploads li a:before {
	float: left;
}
.ce-uploads span {
	display: inherit;
}
.ce-uploads-fileName {
	display: block;
	width: 60%;
	float: left;
}

/*** HR ***/
#middleContent hr {
  display:block;
  height:1px;
  border:0;   
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}


	
/*--------------------------------------------------------------*/
/* Layout */
/*--------------------------------------------------------------*/

.row { 
/* 	max-width: 976px; */
	max-width: 1256px;
}
.row .row {
  margin: 0 -12px;
 }
.row .columns, .row .column {
  padding-left: 12px; /* change the values to anything that you want */
  padding-right: 12px;
}

#header { 
	position: relative;
	height: 120px;;	
	background: #fff;
}
#headerImage {
	margin-top: 0px;
/*
	min-height: 180px;
	max-height: 300px;
*/
}
#logo {
	position: absolute;
  top: 12px;
  background: #fff;
	max-width: 400px;
}
#logo img {
	padding: 10px 10px 5px 10px;
}
#search {
	top: 12px;
	right: 10px;
	position: absolute;
	padding-right: 0;	
	background: #e7e7e7;
}
#searchbox {
	margin: 0;
	width: 100%;
	height: 32px;
}
#tx-indexedsearch-searchbox-sword {
	float: left;
	border: 0;
	height: 32px;
	padding: 0 10px;
	width: 200px;
	background: #e7e7e7;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;	
}
#tx-indexedsearch-searchbox-sword::-webkit-input-placeholder {
 	color: #d0d0d0;
 	text-transform: uppercase;
}
#tx-indexedsearch-searchbox-sword:-moz-placeholder { 
 	color: #d0d0d0;
 	text-transform: uppercase;  
}
#tx-indexedsearch-searchbox-sword::-moz-placeholder { 
 	color: #d0d0d0;
 	text-transform: uppercase;
}
#tx-indexedsearch-searchbox-sword:-ms-input-placeholder {  
 	color: #d0d0d0;
 	text-transform: uppercase;
}

.searchSubmit {
	background: none;
	color: #A11941;
	float: right;
	margin: 0;
	padding: 2px 5px;
	transition: none;
	font-size: 20px;
	
}
.searchSubmit:hover, .searchSubmit:focus {
	background: transparent;
	color: #d0d0d0;
}
.tx-indexedsearch-browsebox  {
	list-style: none;
}
.tx-indexedsearch-form label {
	float: left;
	width: 150px;
}
.tx-indexedsearch-form .tx-indexedsearch-searchbox-sword {
	float: left;
	width: 150px;
}
.tx-indexedsearch-search-submit {
	clear: both;
	margin-bottom: 30px;
}
.tx-indexedsearch-browsebox li {
	display: inline;
}
.tx-indexedsearch-info {
	background: #eeeeee;
	padding: 5px;
	margin-bottom: 10px;
}
.tx-indexedsearch-info p {
	margin: 0;
}
#navigation {
	margin-top: 0px;
}
#menuh {
/* 	margin-top: 12px; */
	background:#A11941;
	height: 58px;
}
#leftTube { 
	margin-top: 12px;
	padding-left: 0;
}
#submenu {
	background: #fff;
	padding: 20px 12px;
	/* min-height: 700px; */
}
/* Sidebar */
#rightTube { 
	padding-right: 0;
}
#rightContent {
	margin-top: 12px;
}
.sidebarBox {
	position: relative;
	padding: 12px;
	background: #f5f5f5;
	margin-bottom: 12px;
}
.sidebarBox a {
	text-decoration: none;
	font-weight: 600;
}
.sidebarBox a:hover {
	text-decoration: underline;
}
.sidebarBox .icon {
	position: absolute;
	right: 18px;
	top: 18px;
	font-size: 45px;
	color: #cbcbcb;
}
.sidebarBox h2, .sidebarBox h2 a {
	font: 15px/20px  'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 12px;
	padding-top: 18px;
}
#rightTube .layout-1 .sidebarBox,
#rightTube .frame-layout-1   {
	background: #d0d0d0;
}
#rightTube .frame-layout-2   {
	background: #fff;
}
#rightTube .frame-layout-3   {
	background: #ededed;
}
#rightTube .frame-layout-1 h2 {
	color:#A11941;
}
#rightTube .frame-layout-1 .icon {
/* 	color: #f1f1f1; */
}
#rightTube .ce-bodytext {
	 padding: 12px;
}
#rightTube .ce-textpic {
	margin-bottom: 12px;
}
#rightTube .ce-gallery img {
	display: inline-block;
}
#rightTube .frame-layout-1 .button {
	background:#A11941;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font: 15px/20px 'Lato', sans-serif;
	font-weight: 700;		
	width: 100%;
	text-align: center;
	padding: 10px;
}



#middleTube { 
	background: #fff;
	margin-top: 12px;
	min-height: 750px;
}
#middleContent {
	padding-bottom: 24px;
}
#footer{
	background: #d0d0d0;
	font: 13px/18px 'Lato', sans-serif;
	padding: 12px 0 30px 0;
}
#footerContent h2{
	font: 13px/18px 'Lato', sans-serif;
	font-weight: bold;
	font-weight: 900;	
	margin: 0 0;
	text-transform: uppercase;
}
#footerNav, #footerNav a {
	color: #666;
	text-decoration: none;
}
#footerNav h3{
	font: 13px/18px 'Lato', sans-serif;
	font-weight: 700;
	color: #666;	
	margin: 0 0;
	text-transform: uppercase;
}
#footerNav li a:hover{
	text-decoration: underline;
}
#footerNav li:before {
	content: "■";
	color: #fff;
	padding-right: 8px;
}

#middleContent div.frame-layout-3 {
	background: #ededed;
}
#middleContent .columns.right {
	padding-left: 0;
}
#middleContent .columns.right h2,
#middleContent .columns.left h2 {
	padding: 12px 12px 0;
}
.left-right .ce-intext {
	padding: 0 24px 24px;
	margin-bottom: 12px;
}
.left-right .ce-intext h3 {
	font: 15px/20px 'Lato', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 12px 0 0px;
}
.left-right .ce-intext h3 a{
	text-decoration: none;
}
.left-right .ce-intext ul {
	margin: 0 !important;
	padding: 0 !important;
}
.left-right .ce-intext ul li {
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
}
.left-right .ce-intext ul li a{
	color: #000;	
	padding-left: 15px;
	display: block; 
}
.left-right .ce-intext ul li:before {
	content: "■";
	color:#A11941;
	float: left;
/* 	padding-right: 5px; */
}
.left-right .ce-intext ul li.dip:before {
	content: "";
	padding-right: 0px;
}
.left-right .sidebarBox h2 {
	padding-left: 0 !important;
}

.bild-box {
	background: #eeeeee;
	margin-bottom: 12px;
	min-height: 440px;
}
.bild-box .img {
	height: 200px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-bottom: 12px;
}
.bild-box .img a {
	display: block;
	height: 100%;
	width: 100%;
}
.bild-box .img a.linkIcon-pdf:before {
	content: '';
}
.bild-box h3 {
	padding: 0 12px;
}
.bild-box .text {
	padding: 12px;
}

/*--------------------------------------------------------------*/
/* Shortcut-Menue */
/*--------------------------------------------------------------*/

#shortcuts li { 
	display: block; 
	float: left; 
}
#shortcuts li a { }
#shortcuts li a:hover { }
#shortcuts li.act a { }

/*--------------------------------------------------------------*/
/* Breadcrumb / Rootline */
/*--------------------------------------------------------------*/

#rootline {
	font-style: italic;
	padding: 12px;
	color: #666;
}
.breadcrumb a {
	padding-right: 12px;
	color: #666;
}
.rootLineTxt {
	/* float: left;
	margin-right: 20px; */
	display: none;
}


/*--------------------------------------------------------------*/
/* Language-Menue */
/*--------------------------------------------------------------*/

#languages {
	position: absolute;
	top: 0;
	
}
#languages ul {
	list-style: none;
	margin-top: 12px;
	float: right;
}
#languages li { 
	margin: 0 3px;
	padding: 5px 10px;
	background: #fff;
	float: left;
	min-width: 36px;
}
#languages li a { 
	font: 15px/20px 'Lato', sans-serif;
	font-weight: bold;
	color:#A11941; 
	text-decoration: none;
}
#languages li a:hover { 
}
#languages li.act { 
	background: #d0d0d0;
}
#languages li.act a { 
	color: #000;
}


/*--------------------------------------------------------------*/
/* Haupt-Menue horizontal */
/*--------------------------------------------------------------*/

.slicknav_menu {
	display: none;
}

#menuh {
	display: table;
	width: 100%;
	border-collapse: collapse;
	border: none;	
}

#menuh ul { 
	list-style: none; 
	width: 100%;
	display: table-row;
	text-align: center;

}
#menuh .L1{	
	
}
#menuh .L1 li {
	display: table-cell;
}
#menuh .L1 li a, 
#menuh .L1 li a:link, 
#menuh .L1 li a:active, 
#menuh .L1 li a:visited {
	font: 15px/20px 'Lato', sans-serif;
	font-weight: 700;
	display: block;
	color: #fff;
  padding: 20px 19px;
  text-decoration: none;
  text-transform: uppercase;
}
#menuh .L1 li:hover,
#menuh .L1 li.act{
 background: #e7e7e7;  	
}
#menuh .L1 li:hover a,
#menuh .L1 li.act a {
	color: #000;
}
table thead {
	background: none;
}

/*--------------------------------------------------------------*/
/* Haupt-Menue vertical */
/*--------------------------------------------------------------*/

#submenu ul {
	list-style: none;
	line-height: 1.4;
}
#submenu .L2 li { 
	padding: 0;
	margin-bottom: 5px;
}
#submenu .L2 li a, 
#submenu .L2 li a:link, 
#submenu .L2 li a:visited {
	font: 15px/20px 'Lato', sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#submenu .L2 li a:hover { 
	color: #000;
}
#submenu .L2 li.act a{
	display: block;
	background: #A11941;
	padding: 3px 2px;
	margin-bottom: 0;
	color: #fff;
}
#submenu .L2 .L3 {
	margin: 5px 0px 15px 0; 
}

#submenu .L2 .L3 li {
	margin-bottom: 0;
}

#submenu .L2 .L3 li a,
#submenu .L2 li.act .L3 li a { 
	font: 14px/18px 'Lato', sans-serif;
	color: #000;
	font-weight: 400;
	text-transform: none;
	background: #fff;
}

#submenu .L2 .L3 li.act a{
	display: block;
	background: #A11941;
	padding: 3px 2px;
	margin-bottom: 0;
	color: #fff;
}

#submenu .L2 .L3 li.act .L4 li a{
	background: #fff;
}

#submenu .L2 .L3 li.act a:before,
#submenu .L2 .L3 li a:hover:before,	
#submenu .L2 .L3 .L4 li a:hover:before {	
	color: #000;
}

#submenu .L2 .L3 li.act a:before,
#submenu .L2 .L3 li.act a {
	color: #fff;
}

#submenu .L2 .L3 li.act.sub-act a,
#submenu .L2 .L3 li.act.sub-act a:before{
	/* color: #000; */
}

#submenu .L2 .L3 li a:before,
#submenu .L2 .L3 .L4 li a:before  {
	content: "■";
	color:#A11941;
	padding-right: 5px;
}

/* LEVEL 3 */
#submenu .L2 .L3 .L4 {
	margin-left: 11px;
}
#submenu .L2 .L3 .L4 li {
	margin-bottom: 0;
}

#submenu .L2 .L3 li.act .L4 li a {
	color: #000;
}

#submenu .L2 .L3 li.act.sub-act .L4 li.act a{
	display: block;
	background: #A11941;
	padding: 2px 2px;
	margin-bottom: 0;
	color: #fff;
}

#submenu .L2 .L3 .L4 li.act a:before,
#submenu .L2 .L3 .L4 li.act a {
	color: #fff;
}

#submenu .L2 .L3 .L4 li a:before {
	font-size: 10px; 
	position: relative;
	top: -2px;
}

/*--------------------------------------------------------------*/
/* Megamenu */
/*--------------------------------------------------------------*/

#menuh .megamenuWrap {
	width: 100%;
	position: relative;
	z-index: 100;
	background: #fff;
}
#menuh .megamenu {
	list-style: none; 
	width: 100%;
	display: table;
	align: center;
}
#menuh .megamenu li {
	display: table-cell;
}
#menuh .megamenu li span.hm1 {
	font: 15px/20px 'Lato', sans-serif;
  font-weight: bold;
  display: block;
  color: #A11941;
  padding: 20px 19px;
  text-decoration: none;
  text-transform: uppercase;	
  cursor: pointer;
}
#menuh .megamenu li:hover{
	background: rgba(161,25,65, 0.9);
}
#menuh .megamenu li:hover span.hm1 {
	color: #fff;
}
#menuh .megamenu li .mega-dropdown {
	position: absolute;
	left: 0;
	top: 60px;
	width: 100%;
	background: rgba(161,25,65, 0.9);
/* 	display: none; */
	text-align: left;
  visibility:hidden;
  opacity:0;
  filter:alpha(opacity=0);
  -webkit-transition:400ms ease;
  -moz-transition:400ms ease;
  -o-transition:400ms ease;
  transition:400ms ease;
  min-height: 267px;
/*   min-height: 341px; */
}
#menuh .megamenu li .mega-dropdown:first-of-type {
/* 	display: block; */
}
#menuh .megamenu li:hover .mega-dropdown {
/* 	display: block; */
  visibility:visible;
  opacity:1;
  filter:alpha(opacity=100);
}
#menuh .megamenu li .mega-dropdown h2, #menuh .megamenu li .mega-dropdown h2 a {
	color: #fff;
	font: 15px/20px 'Lato', sans-serif;
	text-transform: uppercase;	
	font-weight: bold;
	text-decoration: none;
	padding: 5px 5px;
	margin-top: 10px;
	display: block;
}

/* #menuh .megamenu li .mega-dropdown h2:hover, */ #menuh .megamenu li .mega-dropdown h2 a:hover, #menuh .megamenu li .mega-dropdown h2:hover a {
	color: #A11941;
	background: #fff;
	display: block;
}
#menuh .megamenu li .mega-dropdown ul {
	display: block;
	margin: 0 0 0px 0;
}
#menuh .megamenu li .mega-dropdown ul li {
	display: block;
	color: #fff;
	text-align: left;
	padding: 0 10px;
}
#menuh .megamenu li .mega-dropdown ul li:hover {
	background: #fff;
}
#menuh .megamenu li .mega-dropdown ul li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 5px 0;
	padding-left: 10px;
	text-indent: -10px;
}
#menuh .megamenu li .mega-dropdown ul li a:before{
	content: "■";
  color: #fff;
  position: relative;
  top: -2px;
  padding-right: 5px;
  text-indent: 0;
  width: 10px;
}
#menuh .megamenu li .mega-dropdown ul li:hover a {
	color: #A11941;
}
#menuh .megamenu li .mega-dropdown ul li:hover a:before {
	color: #A11941;
}


/*--------------------------------------------------------------*/
/* Extensions */
/*--------------------------------------------------------------*/
.accordion {
	margin: 0 0 12px !important;
}
.accordion li{
	margin: 6px 0 !important;
	background: #f5f5f5;
}
.accordion li a.accTrigger {
	text-decoration: none;
	font: 16px/20px 'Lato', sans-serif;
	font-weight: bold;
	color:#A11941 !important;
	text-transform: uppercase;
}

.accordion.layout-2 li a.accTrigger {
	text-decoration: none;
	font: 16px/20px 'Lato', sans-serif;
	font-weight: normal;
	color:#A11941 !important;
	text-transform: none;
}

.accordion .accordion-navigation > a,
.accordion .accordion-navigation.active > a,
.accordion .accordion-navigation > a:hover {
	background: none;
	padding: 12px;
	text-decoration: none !important;
}
.accordion li.active a.accTrigger {
	color: #000 !important;
}
.accordion .accordion-navigation > .content.active {
	background: none;
	padding: 0 20px 24px 36px;
	overflow: auto;
}
.accordion li a.accTrigger:before {
	content: "\f061";
	font-family: FontAwesome;
	padding-right: 8px;
}
.accordion li.active a.accTrigger:before {
	content: "\f063";
}

/* Powermail */
.tx-powermail h3,
.tx-powermail legend {
	display: none;
}
.powermail_submit {
	border: 0;
	background: #d0d0d0;
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 30px;
}
select.parsley-error,
input.parsley-error,
textarea.parsley-error {
	border: 1px solid#A11941;
}
.tx-powermail label {
	text-transform: uppercase;
	font-weight: 700;
	float: left;
	width: 40%;
}
.powermail_fieldwrap {
	clear: both;
}
.powermail_fieldwrap_html {
	margin: 20px 0;
}
.tx-powermail input,
.tx-powermail textarea,
.tx-powermail select {
	margin-bottom: 10px;
	float: right; 
	width: 60%;
	padding: 0.2rem 0.5rem;
	height: auto;
}
.parsley-errors-list {
	margin: 0 !important;
	padding: 0;
	clear: both;
}
.parsley-errors-list li {
	list-style: none;
	color:#A11941;
	margin: 0 0 10px 0 !important;
	padding: 0;
	text-align: right;
}



/* Reglement */
.reglementResult {
	margin-top: 20px;
}