/* colors
------------------------------------------------------------- */
/* black */
/* white */
/* presstrade blue */
/* presstrade yellow */
/* presstrade yellow light */
/* grey-blue */
/* grey navbar font color */
/* grey navbar background color */
/* grey navbar shadow */
/* d-com yellow */
/* d-com blue 2 */
/* cookiebot-btn green */
/* cookiebot-btn yellow */
/* presstrade light blue */
/* weeditmode yellow */
/* weeditmode orange */
/* weeditmode acidblue */
/* weeditmode neongreen */
/* weeditmode green, correct or allowed */
/* cookie consent manager ccm19
------------------------------------------------------------- */
/* background */
/* btns hover background */
/* btn save settings background */
/* margins / paddings
------------------------------------------------------------- */
/* ccm19
--------------------------------------------------------------------------------------- */
/* inner-overflow before / after */
/* mixins
------------------------------------------------------------- */
/* borders
------------------------------------------------------------- */
/* margins / paddings
------------------------------------------------------------- */
/*
        Document   : basic
        Created on : 22.09.2015
        Author	 : Jens.Degner
        Description:
        Purpose of the stylesheet follows.
*/
/* Farben
	gelb				#FECF44
	blau				#00519E
*/
@font-face {
  font-family: 'droid_sansregular';
  src: url('/fonts/droidsans-regular/DroidSans-webfont.eot');
  src: url('/fonts/droidsans-regular/DroidSans-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/droidsans-regular/DroidSans-webfont.woff') format('woff'), url('/fonts/droidsans-regular/DroidSans-webfont.ttf') format('truetype'), url('/fonts/droidsans-regular/DroidSans-webfont.svg#droid_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
*, body {
  font-family: 'droid_sansregular', sans-serif;
  font-weight: 400;
  font-size: 15px;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  box-sizing: border-box !important;
}
body {
  background-color: #E5E5E5;
}
.jsdata, .hidden {
  display: none !important;
}
/* ------------------------------------------------------------------
fix content shifting when modal is opened
------------------------------------------------------------------ */
.modal-open {
  overflow: visible;
}
.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
  padding-right: 0px !important;
}
/* standard --------------------------------------------------------------------------------------*/
a:link {
  text-decoration: none;
  font-weight: 700;
  color: #0063AC;
}
a:visited {
  text-decoration: none;
  color: #0063AC;
}
a:hover {
  text-decoration: none;
  color: #000000;
}
.noHover:link {
  text-decoration: none;
  color: #333333;
}
.noHover:visited {
  text-decoration: none;
  color: #333333;
}
.noHover:hover {
  text-decoration: none;
  color: #333333;
}
.pdf-download {
  display: table-cell;
  height: 38px;
  vertical-align: middle;
  padding-left: 45px;
  background-image: url(/pictures/basic/btn-pdf-download.png);
  background-repeat: no-repeat;
  background-position: 0 center;
}
img {
  border: none;
}
.fr {
  float: right;
}
.fl {
  float: left;
}
.cb {
  clear: both;
}
.vam {
  vertical-align: middle;
}
.emphasized {
  font-weight: bold;
}
.color-blue {
  color: #0063AC;
}
object {
  outline: none;
}
label.error, p.error {
  display: block;
  width: 100%;
  margin: 3px 0px 0px 0px;
  padding: 1px 5px 1px 5px;
  color: #FFFFFF !important;
  background-color: #E84B3A;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.backLink {
  display: inline-block;
  width: 53px;
  height: 53px;
  background-image: url(/pictures/navigation/picto_back.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.backLink:hover {
  background-position: 0px -53px;
}
.marginBottom {
  margin-bottom: 20px !important;
}
.paddingBottom {
  padding-bottom: 20px !important;
}
.paddingTop {
  padding-top: 20px !important;
}
@media (max-width: 992px) {
  .paddingBottomXSM {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 993px) {
  .paddingBottomMDLG {
    padding-bottom: 20px !important;
  }
}
/* typography
------------------------------------------------------------- */
.firstparagraph {
  margin-top: 0px !important;
  padding-top: 0px !important;
}
.content img {
  max-width: 100%;
  height: auto;
}
.content h1, .marketing h1 {
  font-size: 1.7em;
  font-weight: 700;
}
.content h2, .marketing h2 {
  font-size: 1.3em;
  font-weight: 700;
  margin-top: 20px;
}
.content h3, .marketing h3 {
  font-size: 1.2em;
  font-weight: 400;
}
.content h4 {
  font-size: 1.2em;
  font-weight: 300;
}
.content p {
  line-height: 1.5em;
}
.content ul, footer ul, #links ul {
  list-style-type: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 15px 0px;
}
.content li, footer li, #links li {
  margin: 0px 0px 8px 0px;
  padding: 0px 0px 0px 18px;
  background-image: url('/pictures/basic/bul1.gif');
  background-repeat: no-repeat;
  background-position: 0px 6px;
}
.content li ul {
  margin-top: 8px;
}
.content ol {
  list-style-position: outside;
  padding-left: 20px;
  margin: 0px 0px 15px 0px;
}
.content .hervorgehoben, .content .emphasized {
  font-weight: 700 !important;
}
.content .label, label {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: bold !important;
}
/* TABLES
-------------------------------------------------------------------------------------- */
/* allgemein
-------------------------------------------------------------------------------------- */
.tdLeft {
  text-align: left;
}
.tdCenter {
  text-align: center;
}
.tdRight {
  text-align: right;
}
.detailLink {
  padding: 0px;
  margin: 0px 0px 20px 0px;
}
.rowcolor1 {
  background-color: #F9F9F9;
}
.rowcolor2 {
  background-color: #E8E8E8;
}
.highlightcolor1 {
  background-color: #E8E8E8;
}
.highlightcolor2 {
  background-color: #F9F9F9;
}
/* featurette-divider noline
------------------------------------------------------------- */
.noline {
  border: 0px;
  box-shadow: none;
}
/* buttons
------------------------------------------------------------- */
.btn {
  display: inline-block;
  color: #FFFFFF;
  padding-right: 2px;
  padding-left: 2px;
  white-space: normal;
}
.btn:hover {
  color: #FFFFFF;
}
.btn-back {
  color: #FFFFFF;
  width: 200px;
  background-color: #0063AC;
  border: none;
}
.btn-back:hover {
  color: #FFFFFF !important;
  background-color: #000000;
}
.btn-back:active, .btn-back:focus {
  background-color: #0063AC !important;
}
.btn-submit {
  color: #FFFFFF;
  width: 200px;
  background-color: #0063AC;
  border: none;
}
.btn-submit:hover {
  color: #FFFFFF !important;
  background-color: #000000;
}
.btn-submit:active, .btn-submit:focus {
  background-color: #0063AC !importantC;
}
p.btn-submit a {
  display: inline-block;
  width: 100%;
  color: inherit !important;
}
p.btn-submit a:hover {
  color: inherit !important;
}
/* btn for action and sliding up a container */
.btn-up {
  color: #000000;
  background-color: #A8DAE3;
  border: none;
  margin-left: 15px;
  padding: 3px 25px 3px 8px;
  background-image: url('/pictures/navigation/arrow-up-01.png');
  background-repeat: no-repeat;
  background-position: right center;
}
.btn-up:hover {
  color: #FFFFFF;
}
.btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:focus:visited {
  border: none !important;
  width: 100%;
  font-size: 14px;
  color: #000000;
  background-color: #FFCC00 !important;
  outline: none !important;
  box-shadow: none !important;
}
.btn-primary a, .btn-primary:active a, .btn-primary:focus a, .btn-primary:focus:visited a {
  color: #000000 !important;
}
.btn-primary:hover, .btn-primary:active:hover, .btn-primary:focus:hover, .btn-primary:focus:visited:hover {
  background-color: #0063AC !important;
}
.btn-primary:hover a, .btn-primary:active:hover a, .btn-primary:focus:hover a, .btn-primary:focus:visited:hover a {
  color: #FFFFFF !important;
}
/* buttons in weeditor (editor has no button tag! => p.btn a) */
.btn-jump {
  color: #000000;
  background-color: #A8DAE3;
  border: none;
}
.btn-jump:hover {
  color: #FFFFFF;
  background-color: #5FC3D5;
}
.btn-jump:active {
  background-color: #5FC3D5;
}
p.btn-jump a {
  display: inline-block;
  width: 100%;
  color: inherit !important;
}
p.btn-jump a:hover {
  color: inherit !important;
}
/* for writers
-------------------------------------------------------------------------------------- */
.hervorgehoben {
  font-weight: 700;
}
/*.hervorgehoben-fontsize20 {
    font-size: 20px;
}*/
.slogan {
  font-weight: 700;
  color: #0063AC;
  padding-bottom: 15px;
}
.bild-links {
  display: inline-block;
  float: left;
  margin: 5px 15px 5px 0px;
  padding: 0px 0px 0px 0px;
}
.bild-rechts {
  display: inline-block;
  float: right;
  margin: 5px 0px 5px 15px;
  padding: 0px 0px 0px 0px;
}
