@charset "UTF-8";
/* CSS Document */

body {
font-family: 'Source Sans Pro', sans-serif;
font-size:18px;
/*background-color:#6F6;*/
}

.clear {
	clear:both;
}

h1 {
	margin-bottom:0.5em;
}

/* nur für einzelne h1-Wortungetüme */
.trennung { 
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

a {
	color:#6393c3;
	transition: all 0.4s ease 0s; /*sanftes Ein-/Ausblenden des Hovereffekts*/
}

h2 a {
	color:#97bce0;
}

/*h2 a:nth-child(odd) {
	color:#6393c3;
}*/

sup {
    top: -0.2em;
	padding-left:0.06em;
}




/* SKIPLINK  sticky Up-Button */
.go-top {
position: fixed;
bottom: 1em;
right: 1.4em;
text-decoration: none;
color: white;
background-color: rgba(0, 0, 0, 0.3);
border:2px solid #666;
border-radius:9px 0;
/*font-size: 14px;*/
font-weight:700;
padding: 1em;
display: none;
z-index:9999;
}

.go-top a {
color: white;
}

.go-top:hover {
background-color: rgba(0, 0, 0, 0.6);
border-color:#999;
color: white;
text-decoration:none;
}

/* END sticky Up-Button */


/*Automatische Anführungszeichen*/
/*nach http://webkompetenz.wikidot.com/html-handbuch:css-auto-inhalte*/

:lang(de)    { quotes:"\201E" "\201C" "\201A" "\2018"; }
:lang(de-DE) { quotes:"\00BB" "\00AB" "\203A" "\2039"; }
:lang(de-CH) { quotes:"\00AB" "\00BB" "\2039" "\203A"; }
:lang(en)    { quotes:"\201C" "\201D" "\2018" "\2019"; }
:lang(fr)    { quotes:"\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A"; }
 
q:before { content: open-quote; }
q:after { content: close-quote; }
q q:before { content: open-quote; }
q q:after { content: close-quote; }
 
q {  }
q {  }
q q {  }
/* END Automatische Anführungszeichen*/


.wrapper {
	max-width:1300px;
	margin:20px auto;
	padding-left:15px;
	padding-right:15px;
}

/* ++++++++++++++ Header +++++++++++++++ */

/* left part */
.headerGZR {
	text-align:center;
}

.headerClaim {
	display:none;
}

.headerEmblem,
.headerClaim1zg {
	margin-bottom:20px;
}

.headerEmblem {
	width:50%;
}

.headerClaim1zg {
	width:95%;
}

/* right part */
.headerimg {
	width:100%;
}



/* ++++++++++++++++++  Carousel +++++++++++++++++++++ */
  
#myCarousel {
/*display:inline-block;*/
/*margin-left: 2%;*/
vertical-align: bottom;
width: 100%;
/* padding-bottom: 0.1%;css hack */
}


#myCarousel .item {
height: 80px;/* anpassen auf viewport */
}

#slide1 {
	background: url('../images/GZR-Header-IMG-lg.jpg') top center no-repeat;
}

#slide2 {
	background: url('../images/Fassaden-Slider.jpg') top center no-repeat;
}


#slide1, #slide2, #slide3 {
background-size:100% auto;
background-position: bottom;
}


/* END Carousel */



/* ++++++++++++++ Navigation +++++++++++++++ */

/*.navbar {
	margin-bottom:0;
}
*/
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.navbar-toggle {
	float:none;
    padding: 19px 20px;
    margin-top: 28px;
}


.navbar-toggle .button-label {
    display: inline-block;
    float: left;
    line-height: 14px;
    padding-right: 10px;
}
.button-bars {
    display: inline-block;
    float: left;
}


/*Current Page Indicator - Content*/
#home     .navbar-default .navbar-nav > li#navHome    > a,
#aktuell  .navbar-default .navbar-nav > li#navAktuell > a,
#konzept  .navbar-default .navbar-nav > li#navKonzept > a,
#gzr      .navbar-default .navbar-nav > li#navGzr     > a,
#member   .navbar-default .navbar-nav > li#navGzr     > a,
#anfahrt  .navbar-default .navbar-nav > li#navAnfahrt > a,
#imprint  .navbar-default .navbar-nav > li#navimprint > a {
	color:#000;
}

#home     .navbar-default .navbar-nav > li#navHome    > a:hover,
#aktuell  .navbar-default .navbar-nav > li#navAktuell > a:hover,
#konzept  .navbar-default .navbar-nav > li#navKonzept > a:hover,
#gzr      .navbar-default .navbar-nav > li#navGzr     > a:hover,
#member   .navbar-default .navbar-nav > li#navGzr     > a:hover,
#anfahrt  .navbar-default .navbar-nav > li#navAnfahrt > a:hover,
#imprint  .navbar-default .navbar-nav > li#navimprint > a:hover {
	color:#8eaad1;
}

/* ++++++++++++++ Content +++++++++++++++ */

h1 {
	font-size:2.2em;
}

h2 {
	font-size:1.5em;
	font-weight:700;
}

h3 {
	font-size:1.5em;
}

h4 {
	font-size:1.15em;
	font-weight:700;
	padding-top:10px;
}

/* Listen: */


.listText {
    margin: 0.5em 0 0 18px;
	padding-left:0;
}

.listText li {
	padding-bottom:0.5em;
}

/* Bilder, Logos: */

.bildResponsive {
	width:100%;
	margin-bottom:8px;
}

/* Icons wie in Anfahrt */
.imgimText {
	/*vertical-align:baseline;*/
	margin-top: -2px;
	margin-right: 3px;
}

/* Container im Text inkl. BU */
.bildimtextBU {
    float: left;
    height: auto;
    margin-bottom: 4px;
    margin-right: 20px;
    margin-top: 8px; /* s.a. media queries */
    width: 40%;
}

.bildimtextBU img {
    width: 100%;
	margin-bottom: 8px;
}

/* Container im Text o. BU */

.bildimtext {
	float: left;
    height: auto;
    margin-bottom: 4px;
    margin-right: 20px;
    margin-top: 8px; /* s.a. media queries */
    width: 30%;
}

/* Container im Text ganze Spaltenbreite inkl. BU */

.bildContainerResp {
	width: 100%;
	margin-bottom: 15px;
}

.bildContainerResp img{
	width: 100%;
	margin-bottom: 8px;
	margin-top: 6px;
}


/* glyphicons */

.glyphicon-download-alt,  
.glyphicon-play, .glyphicon-earphone,
.glyphicon-save-file, .glyphicon-road {
	/**/font-size: 0.8em;
}

.glyphicon-download-alt, .glyphicon-education, .glyphicon-envelope, 
.glyphicon-earphone, .glyphicon-new-window, .glyphicon-phone-alt, .glyphicon-print,
.glyphicon-save-file, .glyphicon-road {	
	margin-right: 6px;
}

.glyphicon-play  {
	margin-right: 3px;
}


.logosMembersHead { /* s.a. media queries */
display:block;
    height: 100px;
    margin-bottom: 20px;
    margin-top: 20px;
    width: auto;
}

/*.logosMembersQ {
	width:33%;
	height:auto;
}*/

.icon-container {
	float:left;
	width:40px;
	margin-right:15px;
}

.icons {
	padding-top:0.4em;
	padding-bottom:0.2em;
	width:100%;
	height:auto;
}

.BUs {
	font-size:0.7em;
}

/* Direkt-Text-Links zu Members: */
.memberLinks {
	color:#97bce0;
}

.memberLinks a {
	color:#97bce0;
	text-decoration:underline;
}

.memberLinks a:hover {
	color:#4e81b2;
}

/* ++++++++++++++ off canvas +++++++++++++ */

/*Current Page */
.allg #allg a,
.apot #apot a,
.kosm #kosm a,
.fami #fami a,
.frau #frau a,
.kind #kind a,
.opti #opti a,
.phys #phys a,
.psyc #psyc a,
.spra #spra a,
.urol #urol a,
.sozi #sozi a
{
	color:#4e81b2;
}

/* Anfahrt: */

.hausLi {
	float:left;
	width:37%;
}

.hausRe {
	float:right;
	width:55%;
}

/* ++++++++++++++ footer +++++++++++++++ */
.footer {
	padding:15px;
	/*margin-top:30px;*/
	text-align:left;
}

.footer p {	
border-top: 1px solid #999;
font-size:0.8em;
padding-top:15px;
}

@media (min-width: 375px) {
#myCarousel .item {
height: 90px;/* anpassen auf viewport */
}
}

@media (min-width: 400px) {
#myCarousel .item {
height: 100px;/* anpassen auf viewport */
}
}

@media (min-width: 450px) {
#myCarousel .item {
height: 110px;/* anpassen auf viewport */
}
}

@media (min-width: 500px) {

#myCarousel .item {
height: 120px;/* anpassen auf viewport */
}

.headerEmblem {
	width:30%;
}

@media (min-width: 550px) {
#myCarousel .item {
height: 130px;/* anpassen auf viewport */
}
}

@media (min-width: 600px) {
#myCarousel .item {
height: 140px;/* anpassen auf viewport */
}
}

@media (min-width: 650px) {
#myCarousel .item {
height: 155px;/* anpassen auf viewport */
}
}

}

@media (min-width: 700px) {
#myCarousel .item {
height: 170px;/* anpassen auf viewport */
}
}

/* Start Tab/Desktop-view */
@media (min-width: 768px) {

.wrapper {
	padding-left:40px;
	padding-right:40px;
}

/* Trennungen aufheben */
.trennung { 
   -moz-hyphens: manual;
   -o-hyphens: manual;
   -webkit-hyphens: manual;
   -ms-hyphens: manual;
   hyphens: manual; 
}

.marginBottom {
	margin-bottom:1.1em;
}


/* ++++++++++++++ Navigation +++++++++++++++ */

/*.navbar {
	margin-bottom:20px;
}
*/
.nav li a {
	padding-left:0px;
	padding-right:25px;
}

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

.navbar-link {
	display:none;
}

.menuinfo {
}

/* ++++++++++++++ Header +++++++++++++++ */


/* wrapper */
.headerGZR {
	padding-bottom:12px;
	border-bottom: 1px solid #999;
}

/* left part */

.headerEmblem,
.headerClaim1zg {
	margin-bottom:0;
}

.headerClaim1zg {
	display:none;
}

.headerClaim {
	display:inline-block;
}

.headerLogo {
	display:inline-block;
	width:21%;
	height:auto;
	vertical-align:bottom;
}

.headerEmblem,
.headerClaim {
	width:100%;
}

.headerClaim {
	
}

/* right part */

/* ++++++++++++++++++  Carousel +++++++++++++++++++++ */
  
#myCarousel {
display:inline-block;
margin-left: 2%;
vertical-align: bottom;
width: 76.2%;
}

/*#myCarousel .item {
height: 200px;
}*/

/* END Carousel */

.headerimg {
	width:76.2%;
	height:auto;
	margin-left:2%;
	vertical-align:bottom;
}


/* Bilder, Logos: */

.bildimtext {
    width: auto;
}
   


.bildimtextBU {
    margin-top: 3px;
}


/* if headline is 1st element in div-class starting with col- : */
div[class^="col-"] > h1:first-child,
div[class^="col-"] > h2:first-child,
div[class^="col-"] > h3:first-child,
div[class^="col-"] > h4:first-child,
div[class^="col-"] > ul:first-child,
/*div[class^="col-"] >  p:first-child,*/
.negMargTop
{
	margin-top:-5px;
}



}

@media (min-width: 800px) {
#myCarousel .item {
height: 190px;
}
}

@media (min-width: 1100px) {
#myCarousel .item {
height: 210px;
}
}

@media (min-width: 1200px) {
#myCarousel .item {
height: 230px;
}
}