/***** CSS Projektdatenbank 2019 *****/
/*************************************/

/*Fonts*/
/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular'),
       url('../fonts/pt-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/pt-sans-v9-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Italic'), local('PTSans-Italic'),
       url('../fonts/pt-sans-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-sans-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold'), local('PTSans-Bold'),
       url('../fonts/pt-sans-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/pt-sans-v9-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'),
       url('../fonts/pt-sans-v9-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */
}


/* pt-sans-narrow-regular - latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url('/layout/fonts/pt-sans-narrow-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Narrow'), local('PTSans-Narrow'),
       url('/layout/fonts/pt-sans-narrow-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/layout/fonts/pt-sans-narrow-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/layout/fonts/pt-sans-narrow-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/layout/fonts/pt-sans-narrow-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/layout/fonts/pt-sans-narrow-v9-latin-regular.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}

/* pt-sans-narrow-700 - latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: url('/layout/fonts/pt-sans-narrow-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Narrow Bold'), local('PTSans-NarrowBold'),
       url('/layout/fonts/pt-sans-narrow-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/layout/fonts/pt-sans-narrow-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/layout/fonts/pt-sans-narrow-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/layout/fonts/pt-sans-narrow-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/layout/fonts/pt-sans-narrow-v9-latin-700.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}

html, body, h1, h2, h3, h4, h5 {font-family: 'PT Sans', sans-serif; font-size: 100%;}
h1, h2, h3, h4, h5 {font-weight: bold;}
h1 {font-size: 2rem;}
h2 {font-size: 1.75rem;}
h3 {font-size: 1.5rem;}
h4 {font-size: 1.24rem;}
h5 {font-size: 1.1rem;}
.klein {font-size: 0.8rem; font-style: italic; color: #444;}
hr{border: none; height: 1px; background-color: #4A5DA7;}

/* Farben allgemein */

html {color: #000; background-color: #fff;}
h1, h2, h3, h4, h5, .txtblau {color: #4a5da7;} 
a {color: #4a5da7;}
.txtgrau{color: #666;}
a.linkgrau {color: #666 !important}
.txthgrau {color: #adadad;}
.txtrot, a.linkrot {color: #990000;}
.txthrot, a.linkhrot {color: #F00000;}
a.linkgreen {color: #1E8500 !important;}

.bgrblau {background-color: #4a5da7; color: #fff;}
.bgrrot {background-color: #990000; color: #fff;}
.bgrgrau {background-color: #666; color: #fff;}
.bgrhgrau {background-color: #ccc; color: #000;}
.bgrhhgrau {background-color: #e5e5e5; color: #000;}
.hellblau {background-color: #c0e5f9; color: #000;}
.hellgruen {background-color: #00FF00; color: #000;}

/* Farben Listenkopf */
.listenkopf {background: #ccc; color: #000; border-bottom: 2px solid #333;}

/* Statusfarben Projekte */
.stPlan, .stPlan > div {background: #c0e5f9; color:#000 !important; border-bottom: 2px solid #fff;}
.stAng, .stAng > div {background-color: #ffcd05; color:#000 !important; border-bottom: 2px solid #fff;}
.stAkt, .stAkt > div {background-color: #ff3700; color:#fff !important; border-bottom: 2px solid #fff;}
.stAbr, .stAbr > div {background-color: #e80055; color:#fff !important; border-bottom: 2px solid #fff;}
.stRech, .stRech > div {background-color: #00ba12; color:#fff !important; border-bottom: 2px solid #fff;}
.stEnd, .stEnd > div {background-color: #fff; color:#999 !important; border-bottom: 2px solid #ccc;}
.stStorn, .stStorn > div {background-color: #ccc; color:#fff !important; border-bottom: 2px solid #fff;}
.stNote {background-color: #fff; border-bottom: 2px solid #ccc;}
.sthhgrau {background-color: #e5e5e5; color: #333; border-bottom: 2px solid #fff;}
.stKdakt {background-color:#ADFF2F; color:#000 !important; border-bottom: 2px solid #fff;}

option.stPlan {background-color: #c0e5f9 !important; color:#000 !important;}
option.stAng {background-color: #ffcd05 !important; color:#000 !important;}
option.stAkt {background-color: #ff3700 !important; color:#fff !important;}
option.stAbr {background-color: #e80055 !important; color:#fff !important;}
option.stRech {background-color :#00ba12 !important; color:#fff !important;}
option.stEnd {background-color: #fff !important; color:#999 !important;}
option.stStorn {background-color :#ccc !important; color:#fff !important;}
option.stNote {background-color: #fff;}

/* Farbmarkierung Ausgaben */
.ausgWhite {background-color: #fff; font-weight: bold;}
.ausgGreen {background-color: #00c000; color: #fff !important; font-weight: bold;}
.ausgDgreen {background-color: #006600; color: #fff !important; font-weight: bold;}
.ausgTurk {background-color: #00ba98; color: #fff !important; font-weight: bold;}
.ausgBlue {background-color: #20c0ff; font-weight: bold;}
.ausgDblue {background-color: #4a5da7; color: #fff !important; font-weight: bold;}
.ausgYell {background-color: #ffcd05; font-weight: bold;}
.ausgRed {background-color: #c00; color: #fff !important; font-weight: bold;}
.ausgGrey {background-color: #999; color: #000 !important; font-weight: bold;}

/* Textfarben Listenlinks (zu Statusfarben)*/
.spPlan a, .stAng a,.stNote a {}
.stAkt a, .stAbr a, .stRech a,.stStorn a {color:#fff !important;}
.stEnd a {color:#999 !important;}
.ausgtabelle:hover .listcontainer {background-color: #b4ff6a;}


/* Maße allgemein */
.row {max-width: 105rem;}

/* Navigation */
.navi {height: 3rem;}
.navipadder {padding-top: 3.5rem;}
.navi {font-family: 'PT Sans Narrow'; font-size: 1.2rem; font-weight: bold;}
.navi a {color: #fff;}
.navi {width: 100%; position: fixed; z-index: 999; overflow: visible;}
.navi img {max-height: 2rem; margin: 0.5rem 0;}

/* Formular allgemein */
label {font-size: 0.7rem; color: #666;}
input, select {height: 2rem !important;}
.button.small {font-size: 0.9rem; font-weight: bold; padding: 0.5em 1em;}
.topabst {margin-top: 1rem;}
.btnpadder {padding-top: 1rem;}
textarea.feld {margin: 0 0 0.3rem;}
.nopadding {padding: 0;}
.nomargin {margin: 0;}
.bigStfeld {padding-bottom: 1em; font-weight: bold;}
.rightcollapse {padding-right: 0;}
.leftcollapse {padding-left: 0;}
.leftrightcollapse {padding-left: 0; padding-right: 0;}
[type="checkbox"] + label, [type="radio"] + label{position: relative; top: -0.5rem; font-size: 0.9rem;}

/* Text kürzen */
.austextcell { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*.austextcell{max-width: 25%;}*/

/* Loginformular */
.loginpadder {padding-top: 4rem;}

/* Einklappformulare */
.editform {display: none;}
/*.xeditform {padding: 0 5px;}*/
.icon {cursor: pointer;}
.loeschfrage {color: #F00000; border: 2px solid #f00000;}

/* Übersichtslisten allgemein */
.boxpadder, .listcontainer > div {padding-left: 4px; padding-right: 4px;}
.sidepadder {padding-left: 10px; padding-right: 3px;}
a > .listcontainer{color: #000;}
.steuerung {background-color: #ccc; padding: 0.5rem; margin-bottom: 0.5em;}
.steuerung select {margin: 0;}
.whitebtm {border-bottom: 2px solid #fff;}
@media screen and (min-width: 40em){
	.rspalte {border-left: 4px solid #fff;}
}

/* Tabs */
.tabs-title > a {padding: 0.5rem 1rem; font-family: 'PT Sans Narrow'; font-size: 1rem; font-weight: bold; color: #4a5da7;}
.tabs-title > a:focus, .tabs-title > a[aria-selected="true"] {background: #4a5da7; color: #fff;}

/* Adressenliste */
/* Small */
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
	.adrspalten {column-count: 1; column-width: auto;}
}
/* Medium */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.adrspalten {column-count: 2; column-width: auto;}
}
/* Large */
@media screen and (min-width: 64em) {
	.adrspalten {column-count: 3; column-width: auto;}
}
.adrkurz, .adrname {float: left;}
.adrkurz {width: 3em; font-weight: bold;}
.adrzeile {padding: 0.2em 0; clear: both;}
.adrbox {border-top: 1px solid #e6e6e6;padding-bottom: 0.5rem;}
a .adrlink {color: #000;}
a .adrlink:hover {color: #4a5da7;} 
.adrkunde {color: #4a5da7;}
.adrgecko {color: #ff6a00;}
.adrliefer {color: #03bf00;}
.adrkoop {color: #1904d6;}
.adrakquise {color: #00aeff;}
.adrpassiv {color: #adadad;}
.adrfirma {margin-bottom: 0;}

/* Rechnung */
.sumline {border-top: 8px double #4a5da7; padding: 0.6em 0;}

}