/* 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 :
--------------*/

/*-------------
WER: Abstände in Absätzen in Tabellentexten und in Bildunterschriten Texten
--------------*/
.informaltable td p {margin-bottom: 0.3em}


/*-------------
WER: größere Zeilenabstände mit Property "role: Abstand15"
--------------*/
.Abstand15 {padding-top: 15px}
.Abstand25 {padding-top: 25px}
.Headline1 {font-size: 1.2em; font-family: 'Montserrat, Roboto, Open Sans', sans-serif; font-weight: 600}
h3, h4 {padding-bottom: 0.8em}

/*-------------
WER: Bildüberschriften figure-title und Tabellenüberschriften
--------------*/
div.figure-title {font-size: 10pt; font-weight: bold; font-style: italic; line-height: 3em}
div.table-title {font-size: 10pt; font-weight: bold; font-style: italic; line-height: 3em}

.caption ol.orderedlist .listitem {
	margin: 0 0 0.2em;
	font-size: 10pt;
}
.caption ol.orderedlist {
	padding-left: 10px;
}

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

.caption ol.orderedlist .listitem p{
	margin: 0 0 0.2em;
	font-size: 10pt;
}


.abstract{display:none}
.releaseinfo{font-weight: bold;font-size: 14pt;color:var(--green);padding-top: 12px;padding-bottom: 20px}
.pubdate{display:none}
p {margin-bottom: 0.6em}
main ul {margin-bottom: 0.6em}
main ol {margin-bottom: 0.6em}

.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(--darkgreen)}

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

/*WER: Seiten-Menü */
.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:var(--beige)}
.toolbar{background-color:var(--darkgreen)}
.site-sidebar-header{height:81px;background-color:var(--darkgreen);text-align:left; padding-left:33px}

/*WER: Medias*/
@media (min-width:768px){.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:200px;padding-top:10px;padding-bottom:10px;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;text-align:bottom}.breadcrumb{margin:0;padding:0;background-color:transparent}}
@media (min-width:768px){.breadcrumb{font-size:13px}.breadcrumb a{color:var(--beige)}.breadcrumb-node{color:var(--beige)}}
@media (min-width:768px){.portal-header .logo{height:70px} .toolbar{padding-bottom:20px}}

.breadcrumb a{font-size:13px;color:var(--beige)}
.breadcrumb-link{font-size:13px;color:var(--beige);position:relative;top:25px}
.breadcrumb-node{font-size:13px;color:var(--beige);position:relative;top:25px}

/*WER: Links bei Logos und Sidebar nicht merkieren und kein Rand*/
a.logo-link:hover {background-color:var(--darkgreen);border-width:0px}
.site-sidebar-header a:hover {background-color:var(--darkgreen);border-width:0px}
.site-sidebar a:hover {background-color:var(--darkgreen);border-width:0px}

/*WER: Sidebar Header Logo Links*/
.theme1 .site-sidebar .logo{
    width: 60%;
    max-width: 170px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: inline-block
}

.toolbar .breadcrumb-container{vertical-align:text-bottom}

.site-sidebar-search {padding-top:20px}

.portal-header .portal-search button{background-color:var(--green);border-radius:0 4px 4px 0;border:0;padding:12px 18px;font-size:16px;width:52px;display:inline-block;color:var(--beige);-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:var(--beige)}
a.has-submenu {color:var(--beige)}

/*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}

/*Schriftgröße und Farben der Kapitel-Kacheln und Hintergrund*/
.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:var(--green);font-size:14px}
.portal-single-publication .publication-icon{width:48px;height:48px;display:inline-block;border-radius:50%;background-color:var(--green);text-align:center;font-size:20px;line-height:48px}
.portal-single-publication a:hover .publication-icon{background-color:var(--darkgreen)}
.portal-single-publication a:hover{background-color:var(--green);border-width:0px}
.portal-body{background-color:var(--beige)}

/*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(0, 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:4px;color:var(--beige);text-decoration:none;background-color:var(--green)}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
/*original a:hover{color:#11508e;*/

/*Die Sprachwahl-Liste*/
.dropup.languages.pull-right.col-md-2{top:270px;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;color=FFF9EB}
.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}

/*WER: Navbar Menü*/
.nav-site-sidebar li a{color:var(--darkgreen);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:var(--green);color:var(--darkgreen);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:var(--darkgreen);background-color:var(--green);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:var(--darkgreen);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:#CFF8D4;margin:1px 1px 35px 8px;width:95%;padding:7px 12px;height:auto;color:#1B261B}
.form-control.search-field::-webkit-input-placeholder{color:var(--darkgreen)}
.portal-header .search-field{background-color:#CCFFDD;color:var(--darkgreen)}
/* 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.5em;
}

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


/*WER: Die Buttons bei den Topics (Prev) und (Next)*/
.pager li>a {color:var(--turquoise)}
.pager li>a:hover {Background:var(--turquoise)}


/*------------------
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 #76DC87;
  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;
	margin-top: 0px;
	margin-bottom: 0px;
}

img {
	margin-top: 25px;
	margin-bottom: 25px;
}

.logo {
	margin-top: 0px;
	margin-bottom: 0px;
}

.image-viewport img {
	margin-top: 15px;
	margin-bottom: 15px;
}

/*------------------
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
*/