/* WCAG requirements */

/* Higher contrasts */

/*html body {
    color: #333;
    background-color: white;
}

.warning, .note, .important, .caution, .tip {
	color: #000;
}*/

.greentext{color:#11BB11}
.redtext{color:#EE0000}
.bluetext{color:#1111CC}
.graytext{color:#AAAABB}



:root {
	--darkgreen: #1B261B;
	--green: #76DC87;
	--turquoise: #00B0A2;
	--beige: #FFF9EB;
}

/*-------------
theme1.css :
--------------*/

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:'Montserrat, Roboto, Open Sans', sans-serif;font-weight:800;line-height:1.1;color:var(--beige)}

.cat-panel:before{content:"\f0f6"}.cat-panel-1:before{content:"\f29a"}.cat-panel-2:before{content:"\f121"}.cat-panel-3:before{content:"\f0ac"}.cat-panel-4:before{content:"\f201"}

.site-sidebar{float:left;width:83.33333333%;position:relative;min-height:1px;padding-right:15px;padding-left:15px;display:none;font-size:14px;position:fixed;top:0;bottom:0;left:0;z-index:1000;padding:0;overflow-x:hidden;overflow-y:auto;background-color:#003863}
@media (min-width:768px){.site-sidebar{float:left;width:26%}}
@media (min-width:1200px){.site-sidebar{float:left;width:26%}}
@media (min-width:1200px){.site-sidebar{float:left;width:26%}}
@media (min-width:768px){.site-sidebar{display:block}}
@media (min-width:768px){.site-sidebar{height:auto!important}}.site-sidebar-header{text-align:center}.site-sidebar .logo{width:70%;max-width:160px;padding:35px 0;display:inline-block}
@media (min-width:768px){.fixed-toolbar .breadcrumb-container{margin-left:25%}}
@media (min-width:1200px){.fixed-toolbar .breadcrumb-container{margin-left:25%}}
@media (min-width:768px){.fixed-toolbar .breadcrumb-container{padding-left:10px}}.breadcrumb{margin:0;padding:0;background-color:transparent;font-size:13px}
@media (min-width:768px){.breadcrumb{font-size:13px}}.breadcrumb a{color:#555}
@media (min-width:768px){.portal-header .logo{height:70px}}
@media (max-width:767px){.portal-header .logo{height:60px}}

.portal-header{height:240px}
	
.portal-header .portal-search button{background-color:var(--darkgreen);border-radius:0 4px 4px 0;border:0;padding:12px 18px;font-size:16px;width:52px;display:inline-block;color:#fff;-webkit-transition:background-color 0.2s ease-out;-o-transition:background-color 0.2s ease-out;transition:background-color 0.2s ease-out}

/*Überschrift*/
.portal-header h1{margin-bottom:3em;}
.portal-header-navbar+.inner{margin-top:100px;}

/*Menü in Portal wenn seite ganz schmal gemacht wird:*/
.navbar-toggle .icon-bar {background-color:white}
a.has-submenu {color:white}

/*Portal Kopf Farbe (statt Image)*/
.portal-header:before{background-color:var(--darkgreen);z-index:-10}
.portal-header:after{z-index:-5; no-repeat center center;background-size:cover;opacity:0.00}

.portal-single-publication .publication-icon{width:48px;height:48px;display:inline-block;border-radius:50%;background-color:#78Be23;text-align:center;font-size:20px;line-height:48px}

/*Schriftgröße in Kapitel-Kacheln*/
.portal-single-publication h3{font-size: 16px;font-weight:400}

.publication-contents h4 span{display:block;position:absolute;width:24px;height:24px;margin-left:-34px;margin-top:-3px;line-height:24px;text-align:center;color:#fff;border-radius:50%;background-color:#003863;font-size:14px}

/*Wie die Kacheln angezeigt werden sollen*/
.portal-publications .inner-row{display:flex;flex-wrap:wrap;justify-content:flex-start}

.td{vertical-align:top}

/*.mediaobject img {border: 0px solid #BBBBBB; padding:5px}*/

.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(00, 0, 0, 0)}body{font-family:'Roboto', sans-serif;font-size:16px;line-height:1.4;color:#333333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}

a{color:var(--green);text-decoration:none}
a:focus,a:hover{border-color:var(--green);border-style:solid;border-width:1px;color:var(--beige);text-decoration:none;background-color:var(--green)}
a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
a.logo-link:hover {background-color:var(--darkgreen);border-width:0px}
/*.portal-header .logo-link{border-color:transparent;background-color:transparent}
.portal-header .logo-link{border-color:transparent;background-color:transparent}*/
/*original a:hover{color:#11508e;*/

/*Die Sprachwahl-Liste*/
.dropup.languages.pull-right.col-md-2{top:180px;position:absolute;right:10px;text-align:right}
  /*.dropup.languages.pull-right.col-md-2{top:305px;position:absolute;right:130px;text-align:right}*/
a.language-item{text-align:right}
  /*.language-item.dropdown-item{position:relative;top:05px;right:22px}*/
button.dropdown-toggle.btn{Background:transparent;border:transparent;color:white}
.pull-right>.dropdown-menu{right:12px}
.sm-nowrap li{text-align:right}
.sm-nowrap+.aria-expanded{width:20px;margin-left:-50px;color:red}
    .sm-simple ul {
        position: static;
    }
.version-dropdown{cursor: pointer}
/*Die Versionswahl-Liste*/
.navbar-container #navbar {position:absolute;top:290px;right:10px}
.toolbar-tools #navbar {position:absolute;top:20px;right:22px}
/*.navbar-right {margin-right: -15px}*/
/*
.navbar-header{position:relative;top:5px;right:10px}
a.navbar-brand{float:right}*/


.nav-site-sidebar .topic-link{font-family:'Montserrat, Roboto, Open Sans', sans-serif;letter-spacing: 0.03em}
.nav-site-sidebar .topic-link{position:relative;padding-right:30px;width:90%;left:5%}.toc .glyphicon{position:absolute;top:0;right:8px;margin-top:4px;padding:6px;font-weight:300;font-size:10px}.toc>li>.topic-link>.glyphicon{margin-top:8px}

.nav-site-sidebar li a{color:rgba(255, 255, 255, 0.8);padding:4px 0;display:block;-webkit-transition:background-color 0.2s ease-out;-o-transition:background-color 0.2s ease-out;transition:background-color 0.2s ease-out}
.nav-site-sidebar li a:focus,.nav-site-sidebar li a:hover{background-color:#2573a3;text-decoration:none;border-radius:6px;width:90%;left:5%}
.nav-site-sidebar>li>a{padding:10px 15px;font-size:1.0em;font-weight:bold;text-transform:uppercase}.nav-site-sidebar .active>a{color:#fff;background-color:#2573a3;text-decoration:none;border-radius:6px;width: 90%;left:5%}.nav-site-sidebar ul{list-style:none;padding:0;display:none;font-size:0.9em;font-weight:100}.nav-site-sidebar .opened>ul{display:block;font-size:0.9em;font-weight:100}.nav-site-sidebar ul a{color:rgba(255, 255, 255, 1);padding:5px 15px 5px 30px;font-size:1em;font-weight:100}.nav-site-sidebar ul ul a{padding-left:45px;font-size:0.95em}.nav-site-sidebar ul ul ul a{padding-left:60px}.nav-site-sidebar .glyphicon{display:none}

/*Suchfelder: */
/*.portal-search .search-field{-webkit-appearance:none;background-color:#4a90b8;border:0;color:#fff;padding:12px 15px;height:auto}*/
.site-sidebar-search .form-control.search-field{-webkit-appearance:none;background-color:#e2eef4;margin:1px 1px 35px 8px;width:95%;padding:7px 12px;height:auto;color:#003863}
.form-control.search-field::-webkit-input-placeholder{color:#4a90b8}
.portal-header .search-field{background-color:#e2eef4;color:#003863}
/* helleres suchfeld: 
.portal-header .search-field{background-color:#4a90b8 oder #e2eef4 oder grün #78BE23 #f2f9e9}
*/

/*original background-color:rgba(255, 255, 255, 0.4)*/

.navbar-header{float:right}

.featured-content-label {display:none;}.portal-contents featured-content {display:none;}.portal-contents .inner {display:none;}

html{font-size:10px;-webkit-tap-highlight-color:rgba(5, 0, 0, 0)}
body{font-family:'Roboto', sans-serif;font-size:14px;line-height:1.5;color:#333333;background-color:#fff}

.inner h1 {color:#FFFFFF}

/*footer*/
footer.portal-footer{margin-top:1px}
div.inner.row{margin-top:1px;padding:1px}
.col-md-3{width:80%}

/*<ul class="itemizedlist" style="list-style-type: disc; ">
ul.itemizedlist{
  list-style-type: circle; 	
}*/

main ul{
	padding-left: 10px;
}
ul.itemizedlist li {
	list-style-type: '-  ';
}

ul.itemizedlist p {
	margin: 0 0 0.2em;
}

ol.orderedlist p {
	margin: 0 0 0.2em;
	font-size: 12px;
}

ol.orderedlist {
	padding-left: 17px;
}

.pager li>a {color:#2573A3}
.pager li>a:hover {Background:#2573A3}


/*------------------
graphical-list.css :
--------------------*/

div.procedure{
  margin-left: 0px;
}
/* Targeting ul as well, because for one-step procedures, it becomes a ul */
ol.procedure, ul.procedure {
  margin: 0;
  padding: 0;
  list-style-type: none;
/*  list-style: "➤ ";*/
  margin-left: 25px;
}
.procedure {
  counter-reset: step-counter;
}
.procedure > li {
  counter-increment: step-counter;
  margin-bottom: 10px;
}
.procedure > li::before {
 /*   float: left;
    margin-left: -40px;
    width: 24px;
    padding-left: 0px;
    height: 24px;
    line-height: 24px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    border-width: 0.35em 0 0.35em 0.45em;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #FFFFFF;
    display: block;
    font-weight: 700;
    content: "3";
	content: counter(step-counter);
    font-size: 14px;
    text-align: center;*/
	
	content: "";
  border-color: transparent #003863;
  border-style: solid;
  border-width: 0.60em 0em 0.50em 0.60em;
  display: block;
  height: 0;
  width: 0;
  left: 1.1em;
  top: 0.2em;
  position: relative;
}


.theme1 .procedure > li::before {
    background-color: #FFFFFF;
/*	background-color: #003863;*/
}

/*
.itemizedlist {
	list-style: circle;
}
*/

thead {
	background-color: #4a90b8;
}

/*------------------
style-common.css :
--------------------*/
.inlinemediaobject img{
	vertical-align: baseline;
}

img {
	margin: 32px;
}

/*------------------
style-moder....bles.css :
--------------------*/

.rules-rows td, .rules-rows th {
	border-top: 1px solid #ddd!important;
	border-left: 1px solid #ddd!important;
	border-right: 1px solid #ddd!important;
	border-bottom: 1px solid #ddd!important;
}

/*
.material-placeholder{
	border-top: 0px solid #000000!important;
	border-left: 0px solid #000000!important;
}

#fff8e7
*/