@charset "UTF-8";
/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
 /* DATEI: twfk.css */
 /* Site: https://fricknotizen.selfip.org/ */

/* *****************************************************************************
BODY
***************************************************************************** */
body { background-color: #FFFFFF; }




/* *****************************************************************************
COLORS
***************************************************************************** */
/*
top_bar background color: 00aeef
orange button color: FAAC58


/* *****************************************************************************
PAGE
***************************************************************************** */
.grid-container { max-width: 100%; padding:0; }
@media screen and (max-width: 640px) {
	.grid-container { max-width: 100% }
	}
@media screen and (min-width: 641px) and (max-width: 1024px) {
	.grid-container { max-width: 100% }
	}

.grid-container.formular { max-width: 55%; }
@media screen and (max-width: 640px) {
   .grid-container.formular { max-width: 100%; }
   }

/* ***************************************************************************** essedelendam
.songfiles .grid-padding-x > .cell {
  padding-right: 0;
  padding-left: 0; }
  @media print, screen and (min-width: 40em) {
    .songfiles .grid-padding-x > .cell {
      padding-right: 0;
      padding-left: 0; } }

.songfiles .grid-padding-x > .cell > a.kleinerbutton {
	 text-align:center;
	 padding-right:0;
	 padding-left:0.0rem;
	 }
***************************************************************************** */

/* *****************************************************************************
TOP BAR MENUES
***************************************************************************** */
a.topbar_backbutton { background-color: #00aeef; }
a.topbar_backbutton:hover { background-color: #0093C8; }
a.topbar { color: #FFFFFF; background-color: #2D679E; }
a.topbar:hover { color: #FFFFFF; background-color: #22507A; }
.stylewidth { width: 100% }
@media screen and (max-width: 640px) {
	 a.topbar { color: #FFFFFF; background-color: #2D679E; }
	 a.topbar:hover { color: #FFFFFF; background-color: #22507A; }
	 .stylewidth { width: 100% }
   }

.title-bar { background-color: #22507A; }
.top-bar { background-color: #22507A; color:#000000; padding:0; }
.top-bar ul { background-color: #22507A; }

ul.vertical li a {
	 display: inline-block;
	 max-width: 100%;
	 white-space: nowrap;
	 overflow: hidden!important;
	 text-overflow: ellipsis;
	 }

.menu-text-farbe { color: #FFFFFF; }
.menu-text { padding:0 !important; }

.menu-icon {
  position: relative; }
  .menu-icon::after {
    position: absolute;
    background: #FFFFFF;
    -webkit-box-shadow: 0 7px 0 #FFFFFF, 0 14px 0 #FFFFFF;
            box-shadow: 0 7px 0 #FFFFFF, 0 14px 0 #FFFFFF;
    content: ''; }
  .menu-icon:hover::after {
    background: #FFFFFF;
    -webkit-box-shadow: 0 7px 0 #FFFFFF, 0 14px 0 #FFFFFF;
            box-shadow: 0 7px 0 #FFFFFF, 0 14px 0 #FFFFFF; }


/* *****************************************************************************
MAIN SECTION
***************************************************************************** */
.textcenter { text-align: center !important; }
.textright { text-align: right !important; }
.textleft { text-align: left !important; }

.tabellesmallscreen { background-color: #FFFFFF; }
.tabelletitel { padding-bottom: 3.0rem; background-color: #FFFFFF; }
@media screen and (max-width: 640px) {
	.tabellesmallscreen { padding-bottom: 1.0rem; background-color: #FFFFFF; }
	}
@media screen and (min-width: 641px) and (max-width: 1024px) {
	.tabellesmallscreen { padding-bottom: 1.0rem; background-color: #FFFFFF; }
	}

.scrollfenster {
	height: 40rem;
	overflow-y: auto;
	border: 1px solid #ccc;
	padding: 0.5rem 0.75rem;
	background: #fff;
}

.scrollfenster ul {
	margin: 0;
	padding-left: 1.2rem;
}

.az-nav {
	margin-bottom: 1rem;
}

.az-nav a {
	margin-right: 0.4rem;
	text-decoration: none;
	color: #666;
	font-weight: 400;
}

.az-nav a:hover {
	color: #000;
}


/* *****************************************************************************
FOOTER SECTION
8EB6DA
***************************************************************************** */
.pis_footer {
  background-color: #A1C6E6;
  color: #000000;
}



/* *****************************************************************************
FONTS
***************************************************************************** */
/* h1, h2, h3, h4, h5, p, li, a, body { font-family: 'Quicksand', sans-serif, Verdana, sans-serif; } */
h1, h3, h4, h5, h6, p { font-family: 'Quicksand', sans-serif, Verdana, sans-serif; }
h1, h2, h3, h4, h5, p, li, a, body { font-family: 'Quicksand', sans-serif, Verdana, sans-serif; }
p.fileliste { font-size: 0.75rem; display:inline; }

.h3_schrift { font-size: 1.375vw !important; }
.h1_schrift { font-size: 2.5vw !important; }

li.menuleiste { font-family: 'Quicksand', sans-serif, Verdana, sans-serif; }


/* *****************************************************************************************************************
STYLING
***************************************************************************************************************** */
.balkenweiss { text-align: right; padding: 0.2rem; background-color: #FFFFFF; }
.balkenblau { text-align: right; padding: 0.2rem; background-color: #00aeef; }



/* *****************************************************************************
BUTTONS
      background-color: #004D8B; 005daa F5A9A9 EC5840 E81F00
***************************************************************************** */
.songrow {
	display: flex;
	align-items: stretch;
}

.songrow > .cell {
	display: flex;
}

.songrow .innenzeile {
	width: 100%;
	display: flex;
	align-items: stretch;
}

.zeilenhoeheanpassen {
 display: flex;
 align-items: flex-start;
 justify-content: center;
 height: 100%;
 margin-bottom: 0; }


 .button {
  margin: 0;
  color: #FFFFFF;
  font-size: 1.0rem;
  font-weight: normal;
  text-align: left;
  border: 0.01rem solid #FFFFFF; }
  
  .button.vorbereitet {
     background-color: #AAAAAA;
     color: #000000; }
     .button.vorbereitet:hover, .button.vorbereitet:focus {
        background-color: #777777; }
  .button.erfasst {
     background-color: #FF9D3A; }
     .button.erfasst:hover, .button.erfasst:focus {
        background-color: #FF8000; }
  .button.behandlung {
     background-color: #00B55D; }
     .button.behandlung:hover, .button.behandlung:focus {
        background-color: #00A455; }
  .button.aufgaben {
     background-color: #BE30FF; }
     .button.aufgaben:hover, .button.aufgaben:focus {
        background-color: #A12CD7; }
  .button.MedFo {
     background-color: #DDDDDD;
     color: #000000; }
     .button.MedFo:hover, .button.MedFo:focus {
        background-color: #BBBBBB; }
  .button.bericht {
     background-color: #F9ADFF;
     color: #000000; }
     .button.bericht:hover, .button.bericht:focus {
        background-color: #DF9CE5; }
  .button.gurtner {
     background-color: #FF2CC7;
     color: #FFFFFF; }
     .button.gurtner:hover, .button.gurtner:focus {
        background-color: #E31AAD; }
  .button.abrechnen {
     background-color: #9BCA3C; }
     .button.abrechnen:hover, .button.abrechnen:focus {
        background-color: #85AD35; }
  .button.abwesenheit {
     background-color: #5E8D00; }
     .button.abwesenheit:hover, .button.abwesenheit:focus {
        background-color: #4A6E00; }
  .button.tarmed {
     background-color: #CB6901; }
     .button.tarmed:hover, .button.tarmed:focus {
        background-color: #BB6100; }
  .button.abgeschlossen {
     background-color: #EEEEEE;
     color: #000000; }
     .button.abgeschlossen:hover, .button.abgeschlossen:focus {
        background-color: #DDDDDD; }
  .button.success {
     background-color: #9BCA3C; }
     .button.success:hover, .button.success:focus {
        background-color: #85AD35; }
  .button.chirurgisch {
     background-color: #FF7870; 
     color: #000000; }
     .button.chirurgisch:hover, .button.chirurgisch:focus {
        background-color: #D66660; }
  .button.internistisch {
     background-color: #3751C4; 
     color: #FFFFFF; }
     .button.internistisch:hover, .button.internistisch:focus {
        background-color: #2F44A3; }
  .button.weiss {
     background-color: #FFFFFF; 
     color: #666666; }
     .button.weiss:hover, .button.weiss:focus {
        background-color: #EEEEEE; }
  .button.schwarz {
     background-color: #333333; 
     color: #FFFFFF; }
     .button.schwarz:hover, .button.schwarz:focus {
        background-color: #111111; }
  .button.klavier {
     background-color: #DA3232; 
     color: #000000; }
     .button.klavier:hover, .button.klavier:focus {
        background-color: #B42A2A; }
  .button.saxofon {
     background-color: #FFDA00; 
     color: #000000; }
     .button.saxofon:hover, .button.saxofon:focus {
        background-color: #E9C600; }
  .button.bass {
     background-color: #FF0000; 
     color: #000000; }
     .button.bass:hover, .button.bass:focus {
        background-color: #D80000; }
  .button.schlagzeug {
     background-color: #EEEEEE; 
     color: #000000; }
     .button.schlagzeug:hover, .button.schlagzeug:focus {
        background-color: #AAAAAA; }
  .button.favorit {
     background-color: #97B6F5; 
     color: #000000; }
     .button.favorit:hover, .button.favorit:focus {
        background-color: #85A0D6; }

  .button.homebutton {
     background-color: #555555; 
     color: #FFFFFF; }
     .button.homebutton:hover, .button.homebutton:focus {
        background-color: #000000; }

  .button.grundton2 {
     background-color: #C9EA87; 
     color: #FFFFFF; }
     .button.grundton2:hover, .button.grundton2:focus {
        background-color: #ACD25F; }
  .button.erledigt {
     text-align: center;
     background-color: #9BCA3C; 
     border: 0.025rem solid #85AD35; }
     .button.erledigt:hover, .button.erledigt:focus {
        background-color: #85AD35; }

.zeitangabe { font-size: 0.75rem; }
.legendenschrift { font-size: 1.125rem; }
.radioschrift { font-size: 1.0rem; }
.bariatricboard { color: #BE30FF; }
.KSSGschrift { color: #9BCA3C; }


  .button.pis_orange {
		background-color: #F7BE81;
	  text-align: center;
	  border: 0.00rem solid #333333;
    color: #FFFFFF; }
    .button.pis_orange:hover, .button.pis_orange:focus {
			background-color: #FAAC58; }
  .button.pis_topbarblue {
		background-color: #00aeef;
	  text-align: center;
	  border: 0.00rem solid #333333;
    color: #FFFFFF; }
    .button.pis_topbarblue:hover, .button.pis_topbarblue:focus {
			background-color: #00A4E0; }
  .button.hellblau {
		background-color: #CCE8FF;
	  border: 0.00rem solid #CCE8FF;
    color: #000000; }
    .button.hellblau:hover, .button.hellblau:focus {
			background-color: #BBDFFC; }

/*
  .button.ccebeige {
    background-color: #FCE5CB;
    color: #000000; }
    .button.ccebeige:hover, .button.ccebeige:focus {
      background-color: #F2DDC4;
	    color: #000000; }
  .button.ccegrau {
    background-color: #DDDDDD;
    color: #000000; }
    .button.ccegrau:hover, .button.ccegrau:focus {
      background-color: #BBBBBB; }
  .button.cceweiss {
    background-color: #FFFFFF;
    color: #FF0000;
		border-color: #FCE5CB; }
    .button.cceweiss:hover, .button.cceweiss:focus {
      background-color: #DDDDDD; }
  .button.menunative {
    background-color: #FCE5CB;
    color: #000000; }
    .button.menunative:hover, .button.menunative:focus {
      background-color: #F2DDC4;
	    color: #FF0000; }
  .button.menuseen {
    background-color: #FCE5CB;
    color: #FFFFFF; }
    .button.menuseen:hover, .button.menuseen:focus {
      background-color: #F2DDC4;
	    color: #FF0000; }
  .button.kssggruen {
    background-color: #9BCA3C;
    color: #000000; }
    .button.kssggruen:hover, .button.kssggruen:focus {
      background-color: #8ABC26;
	    color: #FF8000; }

  .button.fussbereich {
		border: 0;
		padding-left: 0;
		padding-right: 0;
    background-color: #A1C6E6;
    color: #FFFFFF; }
    .button.fussbereich:hover, .button.fussbereich:focus {
      background-color: #8DAECA; }
  .button.versteckt {
		border: 0;
    background-color: #A1C6E6;
    color: #FFFFFF; }
    .button.fussbereich:hover, .button.fussbereich:focus {
      background-color: #A1C6E6; }
*/