/* CSS Document alpe-beratung.ch */
@import "form.css";

/****** WEBFONTS ******/
/*
TITEL font-family: Humanist777BT-LightCondensedB, sans-serif;
BROTSCHRIFT font-family: Humanist777BT-LightCondensedB, sans-serif;
*/
@import "../webfonts/icomoon.css";
@import "../webfonts/humanist.css";

/****** STANDARDS ******/
/* FF Scrollbalken einblenden*/
:root body   { overflow-y:scroll; } 

html, body { height:100%}

/* tel links */
a[href^="tel"]:link, a[href^="tel"]:visited {
  color: inherit;
  text-decoration:none;
  cursor:default!important;
}
a[href^="tel:"]:hover {
  color: inherit!important;
}
@media only screen and (max-width:500px) {
  a[href^="tel"]:link, a[href^="tel"]:visited {
      text-decoration:underline;
    cursor:pointer!important;
   }
}

/* Zeilenumbruch */
p {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}


/* Listen */
article#inhalt ul { padding: 0 0 10px 30px; list-style: none; }
article#inhalt ul li { position: relative; line-height: 180%}
article#inhalt  ul li::before { position: absolute; left: -13px; top: -5px;
    content: url(/fileadmin/templates/img/kreis.svg);}
article#inhalt ul li ul li::before {
    content: url(/fileadmin/templates/img/raute.svg);}
article#inhalt ul li ul li ul li::before {
    content: url(/fileadmin/templates/img/quadrat.svg);}

.blur{
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px); 
}

/****** IDIVIDUALS ******/
body {
  background: #fff;
    font-family: Humanist777BT-LightCondensedB, sans-serif;
    font-size: 1.1em;
    line-height: 1.5;
  margin:0;
  padding:0;
  color:#000;
}

input, textarea { font-family: Humanist777BT-LightCondensedB, sans-serif; font-size:1rem}
body b { font-family:Humanist777BT-LightCondensedB, sans-serif; font-weight:bold}
a, a:link { color:#000}

#page {min-height: 100%;}

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

#inhalt h1.csc-firstHeader { padding-left:15px}
header.csc-header h1, section div h1, h1 { font-family: Humanist777BT-LightCondensedB, sans-serif; font-size:1.5rem; font-weight:bold; margin:15px 0 10px 0; color:rgba(120, 166, 35, 1)} 
.csc-default h1{ margin-top:0}
header.csc-header h2, section div h2, h2 { font-family: Humanist777BT-LightCondensedB, sans-serif; font-size:1.2rem; font-weight:bold; margin:15px 0 10px 0; color:#000}
header.csc-header h1.csc-firstHeader, header.csc-header h2.csc-firstHeader{ margin: 0 0 2% 0}
h1 a:link, h1 a:visited { text-decoration:none; color:#3F3433}
h2 a:link, h2 a:visited { text-decoration:none; color:#000}
h3 a:link, h3 a:visited { text-decoration:none; color:#000}
h1 a:hover,
h2 a:hover,
h3 a:hover { text-shadow: 1px 1px 10px #3F3433;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s easet;
-o-transition: all .2s ease;
transition: all .2s ease;}

.csc-default { margin-bottom:20px;}

.wrapper {
  position:relative;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
  padding:0;
  z-index:10;
}

.hidden  { display:none }
.fl_right { float:right}

#mainheader  { position:relative; z-index:20}

#logoimheader{ position:absolute;}
#logoimheader img {  }
#logoimheader:hover{
    -moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
  }
#claim { position:absolute; top:10px; color:rgba(120, 166, 35, 1); font-weight:bold; font-size:120%}
.fullheader { position:fixed; top:0px; min-height:400px; overflow:hidden}

#container { clear: both; padding-bottom:100px;}
#container .wrapper {
padding-top:25px;
background-image: url("../img/bg_content_top.png"), url("../img/bg_content_tile.png");
background-position: left top, 0 180px;
background-repeat: no-repeat, no-repeat;
background-size: auto auto, 100% 100%;

}
.contwrap{
  padding: 25px;
  }




p { text-align:left }
nav ul { padding:0}

article a:link, article a:visited{ color:#333;}
article a:hover{ color:#3F3433; transition: all 500ms ease-in-out; }
p a:link, p a:visited{ color:#333;}
p a:hover{ color:#3F3433; }


/*** NAVIGATION ***/
/* Hauptmenue */

  .nav-open a, .nav-close a {  color: #fff!important;height: 40px;}
  .hauptmenu .act a:link, .hauptmenu .act a:visited {color:#fff; font-weight:bold }
  
#hauptnavigation { }
#hauptnavigation .hauptmenu { text-align:right; padding-right:15px}
#hauptnavigation .hauptmenu .menuitem { position:relative; text-align:center;   }
#hauptnavigation .hauptmenu .menuitem a:link,
#hauptnavigation .hauptmenu .menuitem a:visited { display: inline-block; text-decoration:none; font-size: 1.5rem; line-height:1em ; font-family: Humanist777BT-LightCondensedB; }
#hauptnavigation .hauptmenu .menuitem a:hover {
  -moz-transform: scale(1.075);
  -webkit-transform: scale(1.075);
  -o-transform: scale(1.075);
  -ms-transform: scale(1.075);
  transform: scale(1.075);
}


/* Subnavigation */
@media screen and (min-width: 781px) {
nav.hauptnavi ul li:hover ul { display:block!important}

.hauptmenu ul.submenu { position:absolute; z-index:-1;}
}
nav.hauptnavi ul li.inactive ul { display:none}
.hauptmenu ul.submenu { text-align:center; width:100%; overflow:hidden; background-image:none!important; background-color:rgba(255, 255, 255, 0.8);
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}

li.submenuitem { text-align:center; display:inline; padding: 9px 10px;}
.submenu .act { background-image:none!important; }
  .submenu .act a:link, .submenu .act a:visited {color:#000!important; font-weight:bold}
#hauptnavigation .hauptmenu li.submenuitem a:link { display: inline-block; text-decoration:none; font-size: 1rem!important; line-height:1em!important; font-family: Questrial, sans-serif!important; }
#hauptnavigation .hauptmenu .act ul li a:link,
#hauptnavigation .hauptmenu .act ul li a:visited { font-family: Humanist777BT-LightCondensedB, sans-serif; font-weight:bold }

.hauptmenu ul.submenu li.submenuitem a:hover {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
#hauptnavigation .hauptmenu li ul li.act a:link ,
#hauptnavigation .hauptmenu li ul li.act a:visited  {  color:#fff; }
.hauptmenu ul.submenu li.act:hover {
  -moz-transform: none;
  -webkit-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}

/*** INHALT ***/
#inhalt { }
.csc-uploads-description,.csc-uploads-fileName{text-indent: initial;}

/*** Canvas ***/
#canvas { position:fixed; top:0; width:100%; height:100%; background-repeat: no-repeat; background-size: cover; background-position: center center; background-attachment: fixed }

/*** FOOTER ***/
footer { position:relative; width:100%; height:70px; margin-top:-70px; color:#CEE4C8; font-family:Humanist777BT-LightCondensedB, sans-serif; font-size:0.9rem; line-height:1rem; }
footer:hover, footer:hover a:link, footer:hover a:visited {color:#fff}
footer .wrapper { height:62px; padding:8px 0 0 0; background-color: rgba(120, 166, 35, .8);}

.metamenu { padding:0 0 0 25px!important}
.metamenu li { list-style:none}

/* Copyright */
footer a:link,footer a:visited { text-decoration: none; color:#d6d6d6; }
footer a:hover { text-decoration:underline; color:#fff;}
footer, footer a {
-webkit-transition: color 500ms ease;
-moz-transition: color 500ms ease;
-ms-transition: color 500ms ease;
-o-transition: color 500ms ease;
transition: color 500ms ease;}


/*** TRANSITIONS ***/
#logoimheader, .hauptmenu .menuitem a, .submenu .submenuitem a, .footer4 {
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}

/*** Tabelle ***/
.contenttable td { vertical-align:middle;}
@media (min-width: 530px) {
.contenttable td:nth-of-type(2) { padding:0 15px}
}
/*** map.search.ch ***/
.mapsearch-title { font-family: Humanist777BT-LightCondensedB, sans-serif; font-size:1.4rem; color:#3F3433}
.mapsearch-inhalt { font-family: Humanist777BT-LightCondensedB, sans-serif; font-size: 1.4em;}

/*** Frame ***/
.csc-frame-frame1 { background-color:#f3f3f3; padding:0 8px; margin: 0 -8px}

/*** LAYOUT SPECIFIC **/
/* Layout 1: w/o Header, flex cols */
.layout1 { padding-top: 50px; }


.ce-right .ce-gallery {    max-width: 49%;}