/* GLOBAL STYLES
-------------------------------------------------- */
html, body {
	height:100%;
	width:100%;
	position:relative;
	font-family: 'Raleway', Arial, Verdana, sans-serif;
    color:#283473ff;
}

h1 {
    text-align: center;
    text-transform:uppercase;
    font-size: 2em;
}

h2{
    text-align: center;
    text-transform:uppercase;
    font-size: 2em;
}

h3{
    text-align: center;
    text-transform:uppercase;
    font-size: 2em;
}

h4{
    text-align: center;
    text-transform:uppercase;
    font-size: 1.5em;
}

h5{
    font-size: 1.25em;
}

h6{
    font-size: 1.25em;
}

p {
    font-size: 1.25em;
    font-family: 'Roboto', sans-serif;
}

#home p, #startseite p{
    text-align: center;
}

i{
    font-size: 1em;
}

.img-thumbnail{
    border:none;
}

.btn-default{
    background: none;
    border-color: #1d898aff;
    border-width: thin;
}

.btn-default:hover{
    color: #1d898aff;
    background: none;
    border-color: #1d898aff;
    border-width: thin;
    font-weight: bold;
}

#home a:link, a:visited, a:active, #startseite a:link, a:visited, a:active {
    font-size: 1em;
    color: #1d898aff;
}

/* LINKS FOR GHOST BUTTONS WITH ORANGE HOVER */
a:link, a:visited, a:active {
	text-decoration:none;
    color: #1d898aff;
}

a:hover {
	text-decoration:none;
    color: #1d898aff;
    background: transparent;
}

/* Colored LINKS */
a.orange:link, a.orange:visited, a.orange:active, a.orange:hover {
	text-decoration:none;
    color: #1d898aff;
}

/* Transparent LINKS */
a.trans:link, a.trans:visited, a.trans:active {
	text-decoration:none;
    color: #1d898aff;
}

a.trans:hover{
	text-decoration:none;
    color: #1d898aff;
}

a.accordion-toggle{
    color: #1d898aff;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}

/* NAVBAR AND DROPDOWN
-------------------------------------------------- */
/* Brand logo */
#logo {
    max-height: 5em;
    min-width: 4em;
	margin-top:-0.5em;
}

/* Menu icon 3 bars */
.icon-bar{
	background-color:#1d898aff !important;
}

/* Menu icon: No border */
.navbar-toggle {
	position: relative;
	float: right;
	padding: 1.5em;
	margin-top: 0.5em;
	margin-right: 1em;
	margin-bottom: 0.5em;
	background-color: transparent !important;
	border: none;
    color: #1d898aff;
}

/* Menu icon: No background KANN EVTL WEGGELASSEN WERDEN*/
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: white !important;
}

/* Navbar */
.navbar {
	position:fixed;
	z-index:20;
	opacity:1;
	background-color: white !important;
    height: 5em;
}

.navbar-collapse {
    background-color: white !important;
}

.navbar-default .navbar-nav>li>a {
	color: #1d898aff;
    font-size: 1.15em;
    text-transform: uppercase;
    padding-top: 1.5em;
    padding-left: 0.75em;
    padding-right: 0.75em;
}

/* Navbar: Active element (Bold + Color change: Text green, Background grey) */
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: white;
    background-color: #1d898aff;
    height: 4.3em;
}

/* Navbar: Visited element*/
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #1d898aff !important;
    background-color: white !important;
}

/* Navbar: Open Dropdown Menu element */
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: #1d898aff;
    background-color: white !important;
}

/* Navbar + Dropdown Menu: Hover color */
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #1d898aff;
    font-weight: bold;
    background-color: white !important;
}

/* Navbar: Hover (Bold + Color change) */
.navbar-default .navbar-nav>li>a:hover, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	color:#1d898aff !important;
    font-weight: bold;
    background-color: white !important;
}

/* Dropdown Menu */
.dropdown-menu {
	list-style:none;
	background-color:white !important;
	color:white !important;
	text-align:left;
}

/*Dropdown Menu Formatting */
.dropdown-menu>li>a {
    display: block;
    clear: both;
    background-color: white;
    white-space: nowrap;
}

/* Dropdown Menu: Divider Header */
.dropdown-header {
	display: block;
    text-transform: uppercase;
	color: #283473ff;
	white-space: nowrap;
}

/* Dropdown Menu: Font color */
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #1d898aff;
    background-color: white;
}

/* Dropdown Menu: Active element (Bold + Color change: Text green, Background grey) */
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus {
    color: white !important;
    text-decoration: none;
    background-color: #1d898aff !important;
    outline: 0;
}


/* SECTIONS
-------------------------------------------------- */
/* Sections */
.section {
    margin: 0em;
	padding: 5em 0 5em 0;
	height:auto !important;
	min-height:100%;
	overflow:hidden;
}

/* HOME */
#home, #startseite { 
    margin-top: -1.5em;
}

.header-colum {
    padding: 1em 2em;
    text-align:center;
    font-weight: bold;
}

.header-colum i{
    display: inline-block;
    text-align: center;
    padding-left: 1em;
    width: 2em;
    height: 2em;
}

/* CONTACT */
#contact, #kontakt {
    margin-bottom: 3em;
    text-align:center;
}

#contact img, #kontakt img{
    width: 90em;
}

/* CUSTOMIZE THE FOOTER
-------------------------------------------------- */
.footer {
    /* Sticky footer */
	position:relative;
    bottom: 0;
    /* Font + Background color */
    color:#283473ff;
    background-color: white;
    /* Size + Distance to edge */
	width: 100%;
    padding: 1em;
    /* Alignment*/
    text-align: center;
    vertical-align:middle;
    z-index: 30;
    margin-top:-6em;
}

.footer p{
    text-align: center;
}

.footer i .social{
font-size:1em;
color: #1d898aff
}

.iconlink{
color: #1d898aff
}