/* template-analogon.css */
/* copyright: <http://Felicitas-Frost.de */

/*
orange:
d98b11
darkorange
*/

.mod-languages {
	padding-left: 30px;
  	margin-bottom: 30px;
}
div.mod-languages li {
	margin: 0;
  	margin-right: 10px;
}
.mod-languages a {
    box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    display: inline-block;
    padding-top: 2px;
    width: 3em;
    text-align: center;
  	border-radius: 4px;
}
.mod-languages a:link,
.mod-languages a:visited {
	background-color: black;
	color: white;
}
.mod-languages a:hover,
.mod-languages a:focus,
.mod-languages a:active {
  	box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
  	background-color: white;
	color: black;
}
.mod-languages li.lang-active a:link,
.mod-languages li.lang-active a:visited,
.mod-languages li.lang-active a:hover,
.mod-languages li.lang-active a:focus,
.mod-languages li.lang-active a:active {
	background-color: darkorange;
  	color: white;
}
.mod-languages li.lang-active a:hover,
.mod-languages li.lang-active a:focus,
.mod-languages li.lang-active a:active {
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  	cursor: default;
}


* {
    border: 0;
    margin: 0;
	padding: 0;
}

body, html, .row-offcanvas {
    height: 100%;
}

body {     	
 	color: BLACK;
    font-size: 16px;
    line-height: 1.5;
    padding-top: 90px;
}
@media screen and (min-width: 768px) {
    body {
       padding-top: 100px;
    }
}

a {
    font-size: 1.0em;
}
a:link,
a:visited {
    color: black; 
	text-decoration: underline; 
}
a:focus,
a:hover,
a:active {
	color: black; 
	text-decoration: none; 
}

h1, h2 {
    font-weight: normal;
    margin-bottom: 20px;
}
h1 {
    margin-top: 0;
}
h2 {
    color: #808080;
    font-size: 1.2em;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	line-height: 1.3;
}

p {
    margin-bottom: 20px;
}



/* LOGO and menu-button, small screens */
.navbar {
    background-color: white;
    margin-bottom: 0;
    padding: 10px 15px;
}
.navbar-header {
    border-bottom: 1px solid Gray;
    padding-bottom: 10px;
    width: 100%;
}

@media (min-width: 768px) {
    .navbar {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .navbar-header {
        padding-left: 265px; /* Breite sidebar plus 30 minus 15 um nachzuziehen auf #main div.col-xs-12 */
        border-bottom: none;
    }
}

a.navbar-brand {
    font-size: 2.3em;
    padding-left: 0;
    padding-right: 0;
}

a.navbar-brand:link,
a.navbar-brand:visited {
    color: darkorange;
    text-decoration: none;
}

a.navbar-brand:hover,
a.navbar-brand:focus,
a.navbar-brand:active {
    color: darkorange;
    text-decoration: none;
}

@media (min-width: 768px) {
    a.navbar-brand {
        font-size: 5em;
    }
}

/* menu button for mobile */
.navbar-toggle {
    background-color: gainsboro;
    border-color: gainsboro;
    margin-right: 0;
 }

.navbar-toggle:focus,
.navbar-toggle:hover {
    background-color: darkorange;
    border-color: gainsboro;
}

.navbar-toggle .icon-bar {
    background-color: white;
}
.navbar-toggle:focus .icon-bar,
.navbar-toggle:hover .icon-bar {
    background-color: gainsboro;
}



/* LAYOUT SIDEBAR and CONTENT (main) */
#main,
#sidebar{
    padding-top: 20px
}


/* =============================== SIDEBAR and MENU */
#sidebar {
  width: inherit;
  min-width: 250px;
  max-width: 250px;
  background-color:white;
  float: left;
  height:100%;
  position:relative;
  overflow-y:auto;
  overflow-x:hidden;
}


@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    width:calc(100% + 250px);
  }
    
  .row-offcanvas-left
  {
    left: -250px;
  }

  .row-offcanvas-left.active {
    left: 0;
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
  }
}


/* ======================= MAINMENU */
ul.menu {
	margin-left: 0;
	padding-top: 0; /* Platz vor dem ersten Link */
	padding-bottom: 0; /* Platz unter letztem Link */
}
@media (min-width: 768px) {
    ul.menu {
        margin-left: 0px;
    }
}

/* 1. Ebene */
.nav>li>a {
    padding: 4px 15px; /*OVBS*/
}
ul.menu li {
    line-height: 1em;
	list-style: none;
	margin: 7px 0 7px 0;
}
@media (min-width: 768px) {
    ul.menu li {
        margin: 7px 0 7px 5px;
    }
}
/* 2. Ebene */
ul.menu ul li {
	margin: 7px 0 7px 30px;
}

ul.nav.menu li:first-child {
    margin-top: 0;
}

/* Link Impressum (kleinere Schrift) */
.small, small, li.item-474 {
	font-size: 0.95em;
}

ul.menu li a {
    font-size: 0.95em;
}

ul.menu li ul li a {
    font-size: inherit;
    line-height: 1.3em;
}

ul.menu a {
	text-decoration: none;
}
ul.menu a:link,
ul.menu a:visited {
	color: BLACK;
}
ul.menu a:focus,
ul.menu a:hover,
ul.menu a:active {
	color: darkorange;
}

/* AKTIVER Link */
ul.menu li.current > a:link,
ul.menu li.current > a:visited {
	color: darkorange;
}
ul.menu li.current > a:focus,
ul.menu li.current > a:hover,
ul.menu li.current > a:active {
	color: BLACK;
}


/* ================================= CONTENT */

@media (min-width: 768px) {
    #main div.col-xs-12 {
        padding-right: 30px;
        padding-left: 30px 
    }
}



#main {
    height: 100%;
    overflow: auto;
    margin-bottom: 20px;    /* ff */
    padding-bottom: 20px; /* safari */
}
#main img {
    display: block;
    max-width: 100%;
    height: auto;
}

#main ul {
	margin: 0;
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 0;
}
#main ul {
	list-style-type: square;
	margin-left: 30px;
}
/*
#main ul > li {
  text-indent: -5px;
}
#main ul > li:before {
    content: "— ";
  white-space: pre;
     text-indent: -5px;
    /*
    content: "-\00a0";
    
 */
/*}*/


#main table tr td:nth-child(2) {
    text-align: right;
    vertical-align: top;white-space: nowrap;
}

/* form */
#main hr {
	color: WHITE; 
	background-color: WHITE; 
	height: 4px;
	border: 0;
	border-bottom: 1px solid darkgray;
	margin-top: 0;
}

.controls {
    padding-bottom: 8px;
    padding-top: 8px;
}

.control-group.field31 {
    margin-top: -33px;
}

.control-group.field42 p + p {
    margin-bottom: 0;
}

/* nur Text-Eingabefelder */
label {
    margin-top: 20px;
    font-weight: normal;
/*    width: 35%;*/
}

/* labels mir checkbox */
label.checkbox {
    margin-bottom: 20px;
    margin-top: 20px;
    width: 90%;
    display: inline-block;
}

/* radio buttons */
label.radio {
    width: 130px;
}

/* Basismodul */
.field2 {
    padding-left: 19px
}



/* Pflichtfelder - Stern */

.required .control-label::before {
    color: darkorange;
	padding-right: 4px;
}

.required label {
    font-weight: normal;
}

/* Betriebssytem */
.form-horizontal .control-label {
	text-align: left;
}

.required label#form1betriebssystemlbl_0 input,
.required label#form1betriebssystemlbl_1 input {
    margin-left: 10px;
}
input[type=radio] {
    margin-top: 0;
    margin-top: 0px\5;
}
.radio input[type=radio] {
    margin-top: 0px\5;
    margin-left: 5px;
}
.field28 .visCustomText {
    color: darkgray;
    font-size: 0.9em;
    font-style: italic;
    margin-top: 0;
}

/* Container mit checkboxen */
.checkbox {
    padding-left: 20px;
}
.radio {
    display: inline-block;
}

/* Text unter Basismodul */
#field2 .visCustomText {
    padding-left: 30px;
}
/* Lage der checkboxen und radio buttons */
input[type=checkbox], 
.checkbox input[type=checkbox] {
    margin-top: 3px;
    float: left;
/*    margin-top: 23px;*/

}
input[type=radio], 
.radio input[type=radio] {
    margin-top: 3px;
}

select,
textarea,
input[type=checkbox],
input[type=email],
input[type=text] {
    box-shadow: inset 0 0 0 1px #808080;
    padding: 5px;
}
select,
textarea,
input[type=email],
input[type=text] {
    width: 64%;
}
select {
    border-radius: 0;
}
select:hover,
textarea:hover,
input[type=checkbox]:hover,
input[type=email]:hover,
input[type=text]:hover {
box-shadow: inset 0 0 0 2px darkorange;
}

/* label Nachricht */
/* Form ID visform1 und visform3*/
/*
.field22 label, .field54 label {
    float: left;
    margin-top: 0;
}
*/


/* Button Abschicken */

input[type=submit] {
    background-color: darkorange;
    color: white;
    box-shadow: inset 0 0 0 2px white;
}
input[type=submit]:hover {
    background-color: transparent;
    color: darkorange;
    box-shadow: inset 0 0 0 2px darkorange;
}