/* BASIC PAGE LAYOUT
-------------------------------------------------- */
html {
	height:100%;
  min-height:100%;
	margin:0;
	padding:0;
	font-style: normal;
}
 

body {
  width:100%;
  height:100%;
  background-color:#fff;
  font-family: "Open Sans",Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  color: #333;
  top:0px;
  left:0px;
  padding:0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

#inhalt, #inhalt p, #inhalt ul {
   font-size: 14px !important;
   width:auto ! important;
   color: #333 !important;
}


#wrapper {
  height:100%;
  width:100%;
  border-collapse:collapse;
  display : table;
  z-index:2;
}


div {
   /* border:1px solid red;     */
}

.center {
position:relative;
margin: 0 auto;
width:inherit;
margin-top:0px;
max-width: 980px !important;
}

#contuno {
  margin:0px 15px 15px 15px;
}


#header {
display:block;
position:fixed;
width:100%;
height:80px;
background-color:#fff;
z-index:400;
top:0px;
left:0px;	
max-width:980px;

left: 50%;
margin-left: -490px;
}

/* STOERER #########################################  */
/*
#stoerer {position: absolute; right: 10px; top: 110px; z-index: 60; max-height: 200px;}

#stoerer img {   
    transition-duration: 1.3s;
    transition-property: transform;
	height: 150px !important; width: auto;
	max-height: 150px;
}
*/

#corona-impfung {
  /*width:140px;
  height:140px; 
  position:absolute;
  top: 95px;
  left: 0px;
  z-index: 300;*/
  display: none;
}

#corona-button {
  display: none;
}

.home #corona-button {
  width:140px;
  height:140px; 
  position:absolute;
  top: 95px;
  right: 0px;
  z-index: 300;
  display: block;
}

#corona-button a {
  outline:none !important; 
}

#corona-button img {
  width:100%;
  height:100%;
}

.corona #corona-button {
  display:block;
}

#corona-anmeldung section > div {
  min-height:490px !important; 
}

#corona-anmeldung section iframe  {
  min-height:490px !important; 
}


@media screen and (max-width: 580px) {

  #corona-impfung {
    width:110px;
    height:110px; 
    left:5px; 
  }

  .home #corona-button {
    width:110px;
    height:110px;
    left: 5px;
    right: auto;
/*    right:5px; */
  }

}




#news { display:none;}
.mfp-zoom-in {transition: all 0.5s ease-out !important;}

.white-popup-block {
   max-width: 760px;
   padding: 30px;
 }

.mfp-content h1, 
.mfp-content h2, 
.mfp-content h3, 
.mfp-content h4,
.home .mfp-content h1, 
.home .mfp-content h2, 
.home .mfp-content h3, 
.home .mfp-content h4 {
   color: #ec5f4a !important;
   text-align:left !important;
 } 

.mfp-content p {
   font-size:16px !important;
 } 

.mfp-content h1 {
   font-size:24px !important;
    font-weight:700 !important;
 } 

.mfp-content h2 {
   font-size:22px !important;
   font-weight:400 !important;
 } 

.mfp-content h3 {
   font-size:20px !important;
    font-weight:400 !important;
 } 


.home .mfp-content h1 a, .home .mfp-content h1 a:hover {
   color: #ec5f4a !important;
}






a.button {background-color:#ED6956; color: #ffffff !important; padding: 10px; display: block; text-decoration: none !important; text-align: center;}
a.button:hover {background-color:#A59C99; color: #ffffff; }
p.stellen {padding-top: 10px;}



 /*******************************************************************************/
/* RESPONSIVE GOOGLE MAPS HEADER */
/*******************************************************************************/

.gme-map {
  height: 0;
  margin: 0 auto;
  max-height: 430px !important;
  min-height:300px !important;
  max-width:100% !important;
  padding-bottom: 22.63157% !important;
  position: relative;
}

/*******************************************************************************/
/* Routenplaner */
/*******************************************************************************/

.tx-go-maps-ext form {padding-bottom: 6px;padding-top: 6px;}


input.js-gme-saddress {
	border-collapse: collapse;
	text-shadow: 0px 0px #D6D6D6;
	border: 1px solid #E7E7E7;
	height: 24px; width: 98% !important; padding-left: 4px;
}



/*******************************************************************************/
/* Bootstrap3 Accordion */
/*******************************************************************************/
/*******************************************************************************/

.panel-group .panel-heading {
  padding:0px !important;
}

.panel-heading a.accordion-toggle {
  display:block;
  padding: 10px 15px;
  outline:none !important;
  text-decoration:none !important;
}

#inhalt a.accordion-toggle {
  text-decoration:none !important;
}





/*.js-gme-saddress::before {content: 'Von:'; width: 15px;}*/

input.js-gme-submit {	border-collapse: collapse;
	text-shadow: 0px 0px #D6D6D6;
	border: 1px solid #E7E7E7;background-color: #474747; color: #FFFFFF; width: 100%; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; font-weight: 400;}

select.js-gme-travelmode {	border-collapse: collapse;
	text-shadow: 0px 0px #D6D6D6;
	border: 1px solid #E7E7E7; height: 30px; width: 100%; margin-bottom: 5px; margin-top: 5px;}

.adp-warnbox {display: none;}

table.adp-placemark {max-width: 100%;}

/*******************************************************************************/




@media screen and (max-width: 1170px)  {

p.stellen {padding-top: 30px;}
	
}

@media screen and (max-width: 1000px)  {

p.stellen {padding-top: 30px;}
	
}

@media screen and (max-width: 680px)  {

p.stellen {padding-top: 40px;}

ul.stellen li {
    width: 100%; font-size: 13px;
}
	
}


/*#stoerer img:hover {	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	overflow: visible;
}
*/

/* #########################################*/


#logo {
position:fixed;
top:30px;
right:15px !important;
z-index:150;
width:254px;
height:42px; 
left:initial !important;
}

#topbild {
max-width:950px;
margin: 80px 0px 0px 0px;
z-index:0;
position: relative;
}


#topbild img { 
width:100% !important;
max-width: 100% !important;
height: auto;  
}   

#topbild div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0px !important;
}


#quicklink { 
max-width:950px;
margin: 0px 0px 0px 0px;
z-index:0;
position: relative;
}

#notfall {
float:left;
width:50%;
height:auto;
background-color:#ed6956;
text-align:left;
min-height: 48px;
}

#babygalerie {
float:left;
width:50%;
height:auto;
background-color:#0092FF; /*background-color:#C7D82E;*/
text-align:center;
}

#notfall a {
  display:block;
  padding:7px 0px 7px 8px;
  color:#fff;
  text-decoration:none;
}

#babygalerie a {
 display:block;
 padding:7px 8px 7px 0px;
 color:#fff;
 text-decoration:none;
}


#content-holder {
position: relative;
width:inherit;
height:auto;
min-height:420px;
padding:15px 0px 20px 0px;
z-index:5;
}


#breadcrumb {
width:inherit;
height:auto;
margin-bottom: 15px;
padding:0px;
color:#666666;
background:transparent;
word-break: break-all;
font-size:11px !important;
}

#breadcrumb p {
  font-size:11px !important; 
}


#breadcrumb a:first-child:before {
  /*content: '';
  display:block; */
}

.searchlink {
  display:block;
  position:fixed;
  left:60px;
  top:26px;
  width: 25px !important;
  height: 25px !important;
  background-image: url(../bilder/lupe.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: cover;
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  cursor: pointer;
  z-index:500; 
}


#inhalt {
width:inherit;
height:auto;
padding:0px;
margin:0px;
}


#mobilenavi  {
 display:none !important;
} 


#footer-wrapper {
    display: table-row;
    vertical-align : bottom;
    height : 1px;
    width:100%;
    z-index:0;
    background-color:#968F8A;
  }

#footer {
  width:auto;
  max-width:100%; 
  /*margin:0 auto; */
  margin-top:20px;
  margin-bottom:20px;
  padding:0px;
 }

#footer-left {
float:left;
width:75%;
}

#footer-right {
float:left;
width:25%;
}

#footer, #footer p { color: #fff !important; }

#phone {  float:right;  }
a.phone-link span  { color:#fff; }
a.phone-link:hover span  { color:#D7E36D !important; }

#fadress { padding:0px 15px 0px 15px;}

#fmenu { border-bottom:2px solid #333;  }
#fmenu p { margin-bottom:0px !important;}
#fmenu br {display:none; height:0px;}

#fmenu a { 
  color:#333 !important;
  background-color:#ccc;
 text-decoration:none !important;
 display:block;
 padding:5px 0px 5px 15px;
 border-top:2px solid #333;
}

#fmenu a:hover { text-decoration:none !important; background-color:#BFBFBF;}


#meguralink { width:100%;  }

.megura {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px !important;
font-weight: normal !important;
padding:20px 0px 4px 15px;
display:block;
}


/* Helper Classes */
.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}


/* helper for responsive elements  */
  img, embed, object, video { 
    width:100%;
    max-width: 100%;
    height: auto; 
  }   


/* Überschriften
#inhalt h1, #inhalt h1 {
font-size: 20px;
}

#inhalt h2, #inhalt h2 {
font-size: 16px;
color: #0085b0;
}

#inhalt h3, #inhalt h3 {
font-size: 14px;
}
*/



/* MOBILE LINK STILE
-------------------------------------------------- */
#center a, #center a:hover { color:#333!important; text-decoration:underline !important;}
#inhalt a, #inhalt a:hover { color:#333; text-decoration:underline !important;}
#breadcrumb a, #breadcrumb a:hover { color:#666 !important; text-decoration:underline !important;}
#footer a, #footer a:hover {  color: #fff; text-decoration:underline; }

h1 a, h1 a:hover { color: #0085b0 !important; text-decoration:underline !important; }
h2 a, h2 a:hover { color: #0085b0 !important; text-decoration:underline !important; }








/* TYPO3 RESET TEXT / TEXT & IMAGE WRAPPINGS TO FLOAT
-------------------------------------------------- */
div.csc-textpic-imagewrap
{
float:none !important;
clear:both;
display:block;
}

div.csc-textpic .csc-textpic-imagewrap img {
    max-width: 950px; 
}

div.csc-textpic-text {
float:none !important;
clear:both;
margin-left:0px !important;
}


.tx-reeateasermenu-pi1 td.bild {
    width: 105px !important;
}


div.csc-textpic-imagecolumn {
    float:none;
	clear:both;
	display:block;
	margin-left:0px;
	margin-bottom:25px;
}


div.csc-mailform-field  {
margin-bottom:8px;
}

.csc-mailform-field label {
  margin: 0px;
  float: none;
  clear:both;
  display:block;
}

textarea, input, select {
  margin: 0px;
  float: none;
  clear:both;
  display:block;
}

input[type=text] {width:90%; }

#inhalt .pit_googlemaps-map p {
  color: #000000 !important;
  line-height:normal !important;
  margin:0px 0px 4px 0px;
  
}

.csc-textpic-intext-right-nowrap .csc-textpic-text {
    margin-right: 0px;
}


div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 0px;
}



div.csc-textpic-center .csc-textpic-center-outer {
    float: left !important;
    position: relative;
    left: 0 !important;
}


div.csc-textpic-center .csc-textpic-center-inner {
 float: left !important;
    position: relative;
    left: 0 !important;
}


div.csc-textpic-imagecolumn div  {
 /* width:280px !important; */
 border:1px solid transpsarent;

}






/* IHALTSSEITEN
-------------------------------------------------- */

/* Home */
#leuggernlink,
#menzikenlink,
#asanalink {
  float:left;
  width:33.33333%;
}


#leuggernlink {
    background-color: #c7d82e;
    height: 70px;
}

#menzikenlink {
  background-color: #ed6956;
  height: 70px;
}

#asanalink {
  background-color: #968f8a;
  height: 70px;
}


.home h1, .home h1 a {
    color: #ec5f4a !important;
    display: block;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: 400;
    margin-top: 0;
    padding-top: 8px;
    text-align: center;
    text-transform: none;
}

.home h1 a, .home h1 a:hover  {
  color: #ffffff !important;
  text-decoration:none !important;
}


.home div.csc-extpic .csc-textpic-imagewrap img {
    max-width: 100% !important;
}



/* Anreise mit ÖV */
table.ig  tr:last-child {
  display:none !important;
}

img[alt="SBB|CFF|FFS"] {
  width:136px !important;
  height:auto;
  padding-bottom:5px;
}

/* Kurse */
.tx-seminars-pi1 table tbody tr td:first-child {
  word-wrap:break-word !important;
}


/* Kontakt Google Map */
div.pit_googlemaps-map {
    width:100% !important;
    max-width: 100% !important;
    height: auto; 
}



/* Feedback Formular - Powermail  */
div.tx-powermail {
   width: 100% !important;
   max-width:640px !important;
}

.powermail_fieldset {
    width: 100%  !important;
    margin-left:-10px;
}

.powermail_field {
   width: 75% !important;
}


#inhalt .powermail_submit {
  margin: 10px 0 10px 0px !important;
  width: auto !important;
}






/* RESPONSIVE CSS
-------------------------------------------------- */

@media screen and (max-width: 1020px)  { 
   #band { display:none; height:0px; width:0px;  }
  
  .slicknav_nav {
  border-top:0px !important;
  border-left:0px !important;
  border-right:0px !important;
 }

}



@media screen and (max-width: 980px)  { 
    .slicknav_nav {
     margin-left:15px;
     }
  
    #footer {
   /* margin-left:15px;
    margin-right:15px;  */
    }

  .slicknav_btn {
    margin: 20px 0px 20px 15px !important;
  }


  #header {
    left: 0% !important;
    margin-left:0px !important;
  }

}



@media screen and (max-width: 600px)  { 

  /* helper for responsive elements  */
  img, embed, object, video { 
    width:100%;
    max-width: 100%;
    height: auto; 
  }   

  #inhalt, #inhalt p, #inhalt ul {
   font-size: 14px !important;
  }
 
}



@media screen and (max-width: 580px)  { 
  #header { height: 80px;  }
  #logo { top: 20px;  }
 .slicknav_btn { margin: 20px 0px 20px 0px !important;  } 
}


@media screen and (max-width: 520px)  { 
/* .slicknav_btn { margin: 20px 0px 20px 15px !important;  }  */
 #logo { width:200px; height:34px; }
}


@media screen and (max-width: 520px)  { 

  #contuno {  margin-top:0px !important;  }
  #contuno, #footer {  margin:0px 0px 0px 0px;   }
  
  #footer {
    margin-top:20px;
    margin-bottom:20px;
   /*  padding:0px 15px 0px 15px;  */
  }

  #content-holder {
    padding:15px;
  }

}


@media screen and (max-width: 480px)  { 
  #table {
    max-width:420px !important;
  }

}