/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 20.12.2016, 20:26:25
    Author     : boris_lipinski
*/
/*

Color Theme: google light blue (https://material.google.com/style/color.html#color-color-palette)

-50: #E1F5FE
-100: #B3E5FC 
-200: #81D4FA
-300: #4FC3F7
-400: #29B6F6
-500: #03A9F4
-600: #039BE5 (text weiß))
-700: #0288D1 (text weiß))
-800: #0277BD  (text weiß))
-900: #01579B  (text weiß))
A100: #80D8FF
A200: #40C4FF
A400: #00B0FF 
A700: #0091EA  (text weiß))

*/

/* 
    *** GLOBAL ***
*/

body {
    font-family: sans-serif;
    font-size: 16px;
    background-color: #E1F5FE;
    padding-top: 72px;
}

.container {
    background-color: white;
}

h1 {
    font-size: 160%;
}
h2 {
    font-size: 120%;
}

/*
    *** HEADER ****
*/
.itw-header-navbar-color {
    background-color:  #03A9F4;
    color: white;
}

.itw-header-navbar {
    /* 
    padding: 0px;
    */
    box-shadow: 0 14px 14px -12px rgba(0,0,0,0.5);
}

.itw-header-navbar > a > img {
    padding: 0px;
}

.itw-header-navbar a:hover {
    color: #03A9F4;
    background-color: white;
}

.itw-header-navbar a {
    color: white;
}

#itw-navbar-search {
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #03A9F4 ;
}

/* Korrektur für Darstellung navbar-brand */
.navbar-brand {
    padding: 0px; /* firefox bug fix */
     background-color: #03A9F4;
}

.navbar-brand:hover {
    padding: 0px; /* firefox bug fix */
     background-color: #03A9F4;
}


.navbar-brand>img {
    height: 100%;
     width: auto;
}

.card {
    margin-bottom: 20px;
}


.card-header {
    font-size: 120%;
}

.card ul {
    padding-left: 20px;
}


/*
    *** CONTENT (Article/List) *****
*/
.itw-cms h1 {
    font-size: 200%;
}

.itw-cms > h2 {
    font-size: 160%;
}

.itw-cms h3 {
    font-size: 100%;
    color: grey;
    margin-top: 0px;
}

.itw-cms img {
    
}


.itw-abstract 
{
    font-weight: 700;
}

.itw-bold {
    font-weight: 700;

}

.itw-headline {
    text-decoration: underline;
    font-weight: 700;

}

.itw-article-picture-box {
    padding: 10px 10px 10px 10px;
    text-align: center;
}

.itw-article {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 120%;
}

.itw-article-header h1 {
    font-size: 180%;
    font-weight: bold;
    margin-top: 1em;
}

.itw-article-header h2 {
    font-size: 160%;
    font-weight: bold;
    margin-top: 0;
}

.itw-article-banner-fullwidth {
    position: relative;
    left: -30px;
    padding-bottom: 2em;
}

.itw-article-amazon-quicklink {
    margin-bottom: 1em;
    background-color: #B3E5FC;
    padding: 1em;
}

.itw-list-tags > h2 {
    border-bottom: 1px solid;
}

.itw-list-tags > ul {
    font-size: 18px;
}

.itw-col-left {
    border-right: 1px solid #B3E5FC;

}


/*

    Rechte Spalte
*/

.itw-col-right td {
    padding: 6px;
}

.itw-col-right .panel-heading {
    border-bottom: 1px solid #B3E5FC;
    text-align: right;
}

.itw-col-right .panel {
    padding-bottom: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom: 30px;
    font-size: 100%;
    line-height: 120%;

}

.itw-col-right .table > tbody > tr > td, 
.itw-col-right .table > tbody > tr > th, 
.itw-col-right .table > tfoot > tr > td, 
.itw-col-right .table > tfoot > tr > th, 
.itw-col-right .table > thead > tr > td, 
.itw-col-right .table > thead > tr > th {
    border: 0px;
}


/*
    *** FOOTER ***
*/

.itw-page-footer {
    text-align: center;
    background-color: #03A9F4;
    padding-top: 10px;
    margin-top: 10px white;
}

footer a
{
    color: white;
    padding-left: 10px ;
    padding-right: 10px;
    text-decoration: none;
}

footer p {
    padding-top: 10px;
    font-size: 80%;
    color: #B3E5FC;
}