/*	G L O B A L
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

html {
    font-size: 10px;
}

img {
    max-width: 100%;
    height: auto;
}

body {
    color: #000;
    background-color: #F5F0E1;
    position: relative;
}

.wrapper.container {
    background-color: #FFF;
}


/* disable media-lg */

.container {
    max-width: 970px;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent
}

.box-literatur ul.small-disc {
    margin-top: -27px;
}

.margin10 {
    margin-bottom: 10px;
}

.margin20 {
    margin-bottom: 20px !important;
}

.margin-neg {
    text-indent: -5000px;
    margin-top: -70px;
}

.file a img,
.file a .filesize {
    display: none;
}

.mobile-image {
    display: none;
}

.desktop-image {
    display: block;
}

td,
th {
    padding: 5px;
}

.small-table .col-md-4 {
    border-right: 2px solid #F5F0E1;
}

.small-table .col-md-4:last-child {
    border-right: none;
}

.small-table .col-md-4 ul:last-child {
    margin-bottom: 0;
}

.border-row {
    border-bottom-style: solid;
    border-color: #F5F0E1;
    border-width: 2px;
}

.border-column {
    border-right-style: solid;
    border-color: #F5F0E1;
    border-width: 2px;
    padding-top: 2.0rem;
}

.no-border-column {
    padding-top: 2.0rem;
}

@media (max-width: 767px) {
    .small-table .col-md-4 {
        border: none;
        border-top: 2px solid #F5F0E1;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .small-table .col-md-4:last-child {
        border-bottom: 2px solid #F5F0E1;
    }
    .border-column,
    .border-row {
        border: none;
    }
    .mobile-image {
        display: block;
    }
    .desktop-image {
        display: none;
    }
    .main .visible-xs {
        text-align: center;
    }
    .main .visible-xs img {
        width: 400px;
    }
    table {
        font-size: 1.6rem;
    }
    .main {
        /* float: left; mpango 06.03.2017*/
    }
}


/*	T Y P O
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fontshop.com */

@font-face {
    font-family: "KievitSlabWeb W03 Bold";
    src: url("../fonts/1473077/19ef62e5-ffe7-4f75-a8b3-7a0d5a7acf72.eot?#iefix");
    src: url("../fonts/1473077/19ef62e5-ffe7-4f75-a8b3-7a0d5a7acf72.eot?#iefix") format("eot"), url("../fonts/1473077/718e29d8-e728-4864-aec2-e33491fad4de.woff2") format("woff2"), url("../fonts/1473077/7572c5f5-f340-4c34-8c1d-6976f5526eed.woff") format("woff"), url("../fonts/1473077/7f2134d8-f536-405b-a41b-33dcade6fe46.ttf") format("truetype");
}

@font-face {
    font-family: "KievitSlabWeb W03 BoldItalic";
    src: url("../fonts/1473081/9acebaf2-c4dc-46b0-8cc3-61d2b4378740.eot?#iefix");
    src: url("../fonts/1473081/9acebaf2-c4dc-46b0-8cc3-61d2b4378740.eot?#iefix") format("eot"), url("../fonts/1473081/1e1f5c74-51f7-4e72-ab86-04f373e99498.woff2") format("woff2"), url("../fonts/1473081/18e51ff5-0ad7-4108-82fc-4d2c6a363ac3.woff") format("woff"), url("../fonts/1473081/9d1bd10f-602a-4a6e-a252-6e1876f17a06.ttf") format("truetype");
}

@font-face {
    font-family: "KievitWeb W03 Bold";
    src: url("../fonts/1473187/2a203b1a-9b6d-4b4c-9465-da5adbd64303.eot?#iefix");
    src: url("../fonts/1473187/2a203b1a-9b6d-4b4c-9465-da5adbd64303.eot?#iefix") format("eot"), url("../fonts/1473187/6111a3c3-8891-4abd-ab61-c786139e0ba3.woff2") format("woff2"), url("../fonts/1473187/56c57025-d225-4399-b820-776d49f59b36.woff") format("woff"), url("../fonts/1473187/67960b09-90fa-42a8-93ee-ef48c0ec23e6.ttf") format("truetype");
}

@font-face {
    font-family: "KievitWeb W03 BoldIta";
    src: url("../fonts/1473191/0ed27687-0803-436f-a185-016b56ef6b19.eot?#iefix");
    src: url("../fonts/1473191/0ed27687-0803-436f-a185-016b56ef6b19.eot?#iefix") format("eot"), url("../fonts/1473191/d7af402a-7ff0-45ff-b994-982e4b75e37d.woff2") format("woff2"), url("../fonts/1473191/02d624ec-7da6-4048-b3ef-b5e5a8289ef1.woff") format("woff"), url("../fonts/1473191/c68b7c86-02ed-408b-b53d-341e68fbd8e0.ttf") format("truetype");
}

@font-face {
    font-family: "KievitWeb W03 Ita";
    src: url("../fonts/1473211/14408191-142e-4e23-9c9d-ae32351531cd.eot?#iefix");
    src: url("../fonts/1473211/14408191-142e-4e23-9c9d-ae32351531cd.eot?#iefix") format("eot"), url("../fonts/1473211/f747a6bb-4563-4b0a-9d83-df4876e442e4.woff2") format("woff2"), url("../fonts/1473211/1f26a402-e558-44fe-836a-5d7cac56f0b8.woff") format("woff"), url("../fonts/1473211/11b32d29-106d-4ab9-8203-35716da9f249.ttf") format("truetype");
}

@font-face {
    font-family: "KievitWeb W03 Medi";
    src: url("../fonts/1473223/9f34e975-9971-45ab-9004-475db83406ad.eot?#iefix");
    src: url("../fonts/1473223/9f34e975-9971-45ab-9004-475db83406ad.eot?#iefix") format("eot"), url("../fonts/1473223/8e9fa79e-7be4-434c-9951-bb577789752d.woff2") format("woff2"), url("../fonts/1473223/96bab4bd-f30c-46c9-b618-d89a333336c7.woff") format("woff"), url("../fonts/1473223/9261ee23-78d6-4e9f-9de5-480f795c754a.ttf") format("truetype");
}

@font-face {
    font-family: "KievitWeb W03 MediIta";
    src: url("../fonts/1473227/7dfdb23a-7e57-4ffe-96d1-6212f2360695.eot?#iefix");
    src: url("../fonts/1473227/7dfdb23a-7e57-4ffe-96d1-6212f2360695.eot?#iefix") format("eot"), url("../fonts/1473227/a83e4755-0c58-430d-a751-10764d7b5be2.woff2") format("woff2"), url("../fonts/1473227/67e4fa7b-dfc4-415f-b095-b326a49ec265.woff") format("woff"), url("../fonts/1473227/1eba33b6-78a7-441e-8b6c-43c990fad894.ttf") format("truetype");
}

@font-face {
    font-family: "KievitWeb W03 Regular";
    src: url("../fonts/1473247/88999ed0-5da8-455a-94d4-b7615fa2605b.eot?#iefix");
    src: url("../fonts/1473247/88999ed0-5da8-455a-94d4-b7615fa2605b.eot?#iefix") format("eot"), url("../fonts/1473247/7aeacd4a-1569-4794-bb75-7124c4de5eb5.woff2") format("woff2"), url("../fonts/1473247/8bd5d8f7-54d5-42ca-a619-b5f75277d539.woff") format("woff"), url("../fonts/1473247/bff10865-6182-4362-8499-91ae442d374c.ttf") format("truetype");
}


/*  F O N T S  */

body,
a.pagelink {
    font-family: 'kepler-std', Georgia, 'Times New Roman', Times, serif;
    line-height: 1.5em;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.01rem;
}

.text-kepler,
.text-serif,
.box-info h6,
.box-beige h6.text-orange,
.box-white h6.text-orange,
.box-zitat h3,
.box-info h5 {
    font-family: 'kepler-std', Georgia, 'Times New Roman', Times, serif;
}

.text-italic,
.box-zitat h3,
.pin-italic,
.box-info h5 {
    font-style: italic;
}

.pin-italic {
    font-weight: 600;
}

h1,
h5,
.nav.navbar-nav a,
.topmenu ul li a,
#themen .content .title,
.letters,
.pagination>li>a {
    font-family: 'KievitWeb W03 Bold', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

h6,
.text-kievit-bold {
    font-family: 'KievitWeb W03 Bold', Helvetica, Arial, sans-serif;
}

h4,
.text-kievit-slab-bold,
.blockquote,
p.phone-icon,
p.mail-icon,
a.pagelink span,
.pagination>li>span,
.box-beige h2,
.box-white h2,
.pin-regular,
ol.letter-list li:before,
ol.number-list li:before {
    font-family: 'KievitSlabWeb W03 Bold', Georgia, 'Times New Roman', Times, serif;
}

h4,
a.pagelink span,
.pagination>li>span {
    text-transform: uppercase;
}

.box-info,
.box-beige,
.box-white,
.box-literatur,
.box-link,
.box-adresse,
.box-film,
.list,
ul.arrow-list,
ol.letter-list,
ol.number-list,
h5.center,
h6.text-regular,
.text-kievit,
.small-table {
    font-family: 'KievitWeb W03 Regular', Helvetica, Arial, sans-serif;
}

h3,
.box-book,
.box-download,
.zitat-autor,
.sans-serif-italic,
.box-info .box-link,
.box-white .box-link,
.box-beige .box-link {
    font-family: 'KievitWeb W03 Ita', Helvetica, Arial, sans-serif;
}


/*  F O N T - S I Z E  */

h1 {
    font-size: 4.2rem;
}

h2,
.letters {
    font-size: 3rem;
}

.box-beige h4,
.box-white h4,
h4.text-orange,
h4.text-blau,
.blockquote {
    font-size: 2.4rem;
}

h3 {
    font-size: 2.2rem;
}

h6 {
    font-size: 2.0rem;
}

.box-info h6,
.box-white h6.text-orange,
.box-beige h6.text-orange {
    font-size: 1.8rem;
    font-weight: 700;
}

.nav.navbar-nav a,
#themen .content .title,
.pagination>li>a {
    font-size: 1.8rem;
}

h4,
h5,
a.pagelink span,
.pagination>li>span {
    font-size: 1.7rem;
}

.topmenu ul li a,
.sidebar,
.box-book,
.box-download,
.zitat-autor,
.pin-regular,
.box-info .box-link,
.box-white .box-link,
.box-beige .box-link {
    font-size: 1.6rem;
}

.pin-italic,
.small-table {
    font-size: 1.5rem;
}


/*  L E T T E R - S P A C I N G  */

h4,
h5,
.nav.navbar-nav a,
.topmenu ul li a,
.pagination>li>span,
.pagination>li>a {
    letter-spacing: 0.3rem;
}

h1,
#themen .content .title,
a.pagelink span {
    letter-spacing: 0.15rem;
}

h3,
.box-beige h4,
.box-white h4,
h4.text-orange,
h4.text-blau {
    letter-spacing: 0.08rem;
}

.blockquote,
.box-info h5 {
    letter-spacing: 0.03rem;
}


/*  L I N E - H E I G H T  */

p {
    margin-bottom: 1.5em;
}

h6,
.sidebar {
    line-height: 1.5em
}

h5,
#themen .content .title {
    line-height: 1.3em;
}

h1 {
    line-height: 1.2em
}

@media (max-width: 767px) {
    h1 {
        line-height: 3.0rem;
    }
}

h3 {
    line-height: 3.0rem
}

h3.text-blau,
.blockquote,
.box-zitat h3,
.box-beige h4,
.box-white h4,
h4.text-orange,
h4.text-blau {
    line-height: 3.2rem
}

@media (max-width: 767px) {
    h1 {
        font-size: 2.5rem;
    }
    h3.text-blau {
        font-size: 2.0rem;
        line-height: 3.0rem;
    }
}

.small-table {
    line-height: 2.0rem;
}


/*  H Y P H E N A T I O N  */

@media only screen and (max-width: 767px) {
    .hyphens,
    .title h1,
    .page-themen table th {
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
}

@media only screen and (min-width: 768px) {}

h1 {
    margin-top: 0;
    margin-bottom: 36px;
}

.page-themen h1 {
    margin-bottom: 0;
}

.page-themen h6 {
    padding-top: 20px;
    margin-top: -20px;
}

.page-themen h2 {
    padding-top: 50px;
    margin-top: -50px;
}

@media (max-width: 991px) {
    .page-themen h6 {
        padding-top: 80px;
        margin-top: -80px;
    }
}

@media (min-width: 992px) {
    .page-themen h1 {
        margin-bottom: 36px;
    }
}

h3,
h4.text-italic {
    margin-top: 30px;
    margin-bottom: 30px;
}

.box-beige h3,
.box-white h3 {
    margin-top: 0;
    margin-bottom: 12px;
}

.sidebar h5 {
    margin: 20px 0 3px 0;
}

h4,
h3.text-italic,
h3.text-blau {
    margin-top: 0;
}

h2,
h6 {
    margin: 0;
}

#ratgeber h1 {
    margin-bottom: 10px;
}

a.pagelink span {
    margin-right: 10px;
}

.box-info h5 {
    text-transform: none;
    margin-bottom: 2px;
    padding-top: 20px;
    margin-top: -20px;
}

.box-info h6 {
    margin-bottom: 20px;
    padding-right: 80px;
}

.box-zitat h3 {
    margin-bottom: 30px;
    margin-top: 0;
}

.box-zitat .zitat-autor {
    margin-top: -15px;
}

.box-white h4,
.box-white h4.text-orange,
.box-beige h4,
.box-beige h4.text-orange {
    text-transform: none;
    margin-bottom: 15px;
}

h4.text-orange {
    text-transform: none;
    margin-bottom: 30px;
}

h4.text-blau {
    text-transform: none;
    margin-bottom: 1rem;
}

.box-info h4.text-blau {
    margin-bottom: 30px;
}

.box-info h6.text-orange {
    margin-top: 0;
    padding-top: 0;
}

h5.center {
    text-align: center;
    margin: 5px 0 30px 0;
}

p.phone-icon,
p.mail-icon {
    font-size: 2.1rem;
    font-weight: 400;
    margin-bottom: 1em;
    padding-left: 0;
}

p.phone-icon:before,
p.mail-icon:before {
    content: '';
    width: 50px;
    height: 40px;
    background: url(../img/lum-phone.gif);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

p.phone-icon:before {
    background: url(../img/lum-phone.gif);
}

p.mail-icon:before {
    background: url(../img/lum-mail.gif);
}

@media (min-width: 768px) {
    p.phone-icon,
    p.mail-icon {
        font-size: 3.2rem;
        padding-left: 40px;
    }
    p.phone-icon:before,
    p.mail-icon:before {
        margin-right: 25px;
    }
}


/*	C O L O R S
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/*  G R A U  1  */

.nav.navbar-nav a:hover,
.nav.navbar-nav li.active a,
.nav.navbar-nav li.ancestor a,
#themen .content .title,
.collapse.in .nav.navbar-nav a,
.navbar-toggle i.icon,
h5,
#sidenav h5 a,
.text-grau1 {
    color: #464141;
}


/*  G R A U  2  */

a.pagelink,
.sidebar,
.content a,
.box-book,
.box-download,
.box-info .box-link,
.box-beige .box-link,
.box-white .box-link,
.zitat-autor,
.text-grau2,
.file a,
.box-link a.text-grau2,
.arrow-link.text-grau2 {
    color: #82786E;
}


/*  G R A U  3  */

.topmenu ul li a,
footer,
footer a,
p.phone-icon,
p.mail-icon a,
.pagination>li>a,
.text-grau3 {
    color: #AAA09B;
}


/*  H E L L B L A U  */

.text-hellblau {
    color: #00A0E6;
}


/*  B L A U  */

h4,
.topmenu ul li a:hover,
.topmenu ul li a.active,
a.pagelink span,
.content a:hover,
.pagination>li>span,
.text-blau,
.box-tipp h2,
.box-info ul,
.box-beige h2,
.box-white h2,
.box-download a.invers:hover,
.box-beige a.invers:hover,
.box-white a.invers:hover,
.box-book a.invers:hover,
#sidenav ul li ul li.active a,
#sidenav ul.nav li ul.nav li:hover:before,
#sidenav ul.nav li ul.nav li.active:before,
#sidenav h5 a:hover {
    color: #00557D;
}


/*  O R A N G E  */

h1,
h2,
h3,
h6,
.nav.navbar-nav a,
a.pagelink:hover span,
a.pagelink:hover,
footer a:hover,
.collapse.in .nav.navbar-nav a:hover,
.collapse.in .nav.navbar-nav li.active a,
#themen .content .filer_image_link:hover .title,
.navbar-toggle:hover i.icon,
.letters li a,
.text-orange,
.box-beige h4,
.box-white h4,
.text-blau a:hover,
.box-info h6.text-orange,
.small-table h4,
.arrow-link.text-grau2:hover:before {
    color: #F57D14;
}

.letters li.active a,
.letters li:hover a {
    background-color: #F57D14 !important;
}


/*  W E I S S  */

.letters li.active a,
.letters li:hover a,
.text-weiss {
    color: #FFF;
}


/*  S C H W A R Z  */

a.invers,
.box-link strong a,
.box-info h6,
.text-schwarz {
    color: #000;
}


/*	H E A D E R
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

header {
    height: 60px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 15px;
}

@media only screen and (min-width: 768px) {
    header {
        height: 100px;
        padding-left: 30px !important;
        padding-right: 30px !important;
        padding-top: 38px;
    }
}

.brand img {
    width: 300px;
}

@media only screen and (max-width: 767px) {
    .brand {
        width: 280px;
        max-width: 100%;
        padding-right: 60px;
    }
}

.topmenu {
    padding-top: 8px;
}

.topmenu ul {
    padding: 0;
    margin: 0;
}

.topmenu ul li {
    list-style: none;
    display: inline-block;
    text-transform: uppercase;
    margin-left: 25px;
}

@media only screen and (min-width: 992px) {
    .topmenu ul li {
        margin-left: 50px;
    }
}


/*	M E N U
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@media only screen and (min-width: 768px) {
    .navbar {
        border-radius: 0;
        min-height: 80px;
        padding-top: 20px;
    }
    .nav.navbar-nav {
        width: 100%;
        text-align: center;
    }
    .navbar-nav>li {
        float: none;
        display: inline-block;
    }
    .nav.navbar-nav a {
        padding: 0 25px;
    }
}

.nav.navbar-nav a:hover {
    background-color: transparent;
}

@media only screen and (max-width: 767px) {
    .navbar {
        background-color: #F5F0E1;
        min-height: 0px;
        border: none;
        margin: 0 -20px;
    }
    .nav.navbar-nav {
        text-align: center;
        border-top: 1px solid #AAA09B;
        margin-top: 0;
        margin-bottom: 0;
    }
    .navbar-nav>li {
        border-bottom: 1px solid #AAA09B;
    }
    .navbar-nav>li>a {
        line-height: 40px;
        height: 60px;
    }
}

.navbar-toggle {
    position: absolute;
    top: -55px;
    right: 10px;
    margin: 0;
    float: none;
}

.navbar-toggle i.icon {
    font-size: 3.0rem;
}

.navbar-toggle i.icon.ion-android-close {
    margin-right: 2px;
}

.navbar-toggle[aria-expanded="true"] i.icon.ion-android-menu,
.navbar-toggle i.icon.ion-android-close {
    display: none;
}

.navbar-toggle i.icon.ion-android-menu,
.navbar-toggle[aria-expanded="true"] i.icon.ion-android-close {
    display: block;
}

.external-link a {
    font-size: 1.4rem !important;
    color: #AAA09B !important;
}

.external-link a:hover {
    color: #F57D14 !important;
}


/*	C O N T E N T
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/*  S T A R T S E I T E  */

#ratgeber h1,
#themen .content {
    text-align: center;
}

#ratgeber .content img,
#themen .content img {
    display: block;
    margin: 0 auto;
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 3.0rem;
        line-height: 3.5rem;
    }
    #ratgeber .content img,
    #themen .content img {
        width: 400px;
    }
    a.pagelink span {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .wrapper.container {
        width: 690px
    }
}


/*  P A G E   T H E M E N  */

table.text-blau tbody tr {
    border-top: 1px solid #00557D;
}


/*  T H E M E N  */

#themen .content img {
    display: block;
    margin: 0 auto;
}

#themen .content .title {
    text-transform: uppercase;
    display: block;
    margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
    #themen .content .title {
        font-size: 2.4rem;
        line-height: 2.8rem;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width: 768px) {
    #themen .content img {
        width: 260px;
    }
    #themen .content .col-sm-6 {
        min-height: 315px;
    }
}

#themen .content .filer_image_link:hover img {
    opacity: 0.5;
}


/*  P A G I N A T I O N  */

.pagination {
    margin: 0 0 30px 0;
    border-radius: 0;
}

.pagination>li>a,
.pagination>li>span {
    padding: 0 0 0 0;
    margin: 0 14px 0 0;
    background-color: transparent !important;
    border: none;
    line-height: 1.1em;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover {
    color: #00557D;
    background-color: transparent;
}

.pagination>li>a span:after {
    position: absolute;
    right: -12px;
    font-size: 1.8rem;
    color: #AAA09B !important;
    top: -3px;
    content: '.';
}

.pagination>li:last-child>a span:after {
    display: none;
}


/*  S T I C H W O R T E  */

.letters {
    margin-bottom: 50px;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .letters {
        padding: 0 40px;
    }
}

@media only screen and (min-width: 992px) {
    .letters {
        padding: 0 80px;
    }
}

.letters li a {
    border-radius: 50%;
    font-size: 2.6rem;
    width: 46px;
    height: 46px;
    padding: 0;
    text-align: center;
    line-height: 38px;
    border: 4px solid #F57D14;
}

.letters li {
    margin: 6px 3px !important;
    display: inline-block;
    float: none;
}

.terms {}

.definition {}


/*  S I D E B A R  */

.sidebar {
    float: left;
}

@media only screen and (max-width: 767px) {
    .sidebar {
        margin-top: 50px;
        width: 100%;
    }
    .sidebar p {
        font-size: 1.8rem;
        line-height: 1.5em;
    }
}

@media only screen and (max-width: 991px) {
    .page-themen .sidebar {
        margin-top: 0;
        margin-bottom: 0;
        /*position: static;
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      height: 60px;*/
        background-color: #FFF;
        z-index: 1000;
        padding-top: 20px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .page-themen .sidebar h4.sidenav-collapse {
        margin-bottom: 0;
        height: 40px;
    }
    .sidebar button.navbar-toggle[aria-expanded="true"] {
        display: block
    }
    .sidebar button.navbar-toggle.collapsed {
        display: none
    }
    .sidebar button.navbar-toggle {
        position: absolute;
        top: 5px;
        right: 5px;
        margin: 0;
        float: none;
    }
    .sidebar .navbar-toggle i.icon {
        font-size: 2.5rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .content .main {
        padding-right: 100px;
    }
}

@media only screen and (min-width: 992px) {
    .content .main {
        padding-right: 70px;
    }
    .sidebar {
        padding-left: 30px;
        width: 28%;
        float: right;
    }
    .main {
        width: 72%;
    }
}

.content {
    padding-bottom: 50px;
}

@media only screen and (max-width: 767px) {
    .content {
        padding-top: 20px;
    }
    .container {
        padding-right: 20px;
        padding-left: 20px;
    }
}

#ratgeber .content h2 {
    margin-bottom: 0.5em;
}

@media only screen and (min-width: 768px) {
    .content {
        padding: 0 15px 40px;
    }
    #ratgeber .content {
        padding: 0 0 50px;
    }
    #ratgeber .content h2,
    #ratgeber .content p {
        padding: 0 100px;
    }
    #ratgeber .content h1 {
        padding: 0 50px;
    }
    #themen .content {
        padding: 0 50px 50px;
    }
}


/*  S I D E N A V  */

#sidenav .nav a {
    padding: 0
}

h4.sidenav-collapse {
    cursor: pointer;
    text-indent: -5000;
}

@media only screen and (max-width: 991px) {
    #sidenav {
        display: none;
        background-color: #EEEBE7;
    }
}

@media only screen and (max-width: 767px) {
    #sidenav {
        margin-left: -20px;
        margin-right: -20px;
        padding: 20px 20px 30px 43px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #sidenav {
        margin-left: -23px;
        margin-right: -115px;
        padding: 20px 30px 30px 53px;
    }
}


/*	L U M I A   I C O N S
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@font-face {
    font-family: 'lumia-icons';
    src: url('../fonts/lumia-icons.eot?kz8odv');
    src: url('../fonts/lumia-icons.eot?kz8odv#iefix') format('embedded-opentype'), url('../fonts/lumia-icons.ttf?kz8odv') format('truetype'), url('../fonts/lumia-icons.woff?kz8odv') format('woff'), url('../fonts/lumia-icons.svg?kz8odv#lumia-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"],
#sidenav ul.nav li ul.nav li:before,
.box-info>ul>li:before,
.box-book:before,
.box-download:before,
.box-tipp:before,
.box-info:before,
.box-literatur:before,
.box-adresse:before,
.box-film:before,
.box-link:before,
.box-zitat:before,
.arrow-list li:before,
.arrow-link:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'lumia-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-Phone:before {
    content: "\e900";
}

.icon-Mail:before {
    content: "\e901";
}

.icon-Arrow:before {
    content: "\e902";
}

.icon-Download:before {
    content: "\e903";
}

.icon-Book:before {
    content: "\e904";
}

.icon-Info:before {
    content: "\e905";
}

.icon-Web:before {
    content: "\e906";
}

.icon-Star:before {
    content: "\e907";
}

.icon-Bulb:before {
    content: "\e908";
}

.icon-Bubble:before {
    content: "\e909";
}

.icon-Eye:before {
    content: "\e90a";
}


/*  SIDENAV ICON */

@media only screen and (max-width: 767px) {
    #sidenav ul.nav li ul.nav {
        margin-left: 25px;
    }
}

#sidenav ul.nav li ul.nav {
    margin-left: -27px;
}

#sidenav ul.nav li ul.nav li a {
    padding-left: 28px;
}

#sidenav ul.nav li ul.nav li:before {
    position: absolute;
    left: 0;
    font-size: 2.3rem;
    color: #AAA09B;
    top: -1px;
    content: '\e902';
}

#sidenav ul.nav li ul.nav.download-nav li:before {
    left: -5px;
    font-size: 3.1rem;
    top: -4px;
    content: '\e903';
}


/*  BOX LITERATURLISTE */

.box-literatur {
    position: relative;
    padding-left: 40px;
    word-wrap: break-word;
}

.box-literatur a {
    word-wrap: break-word;
}

.box-literatur:before {
    position: absolute;
    left: -5px;
    font-size: 3.5rem;
    color: #464141;
    top: -5px;
    content: '\e904';
}


/*  BOX EINRÜCKUNG */

.box-offset {
    padding-left: 40px;
}


/*  BOX ADRESSE */

.box-adresse {
    position: relative;
    padding-left: 40px;
}

.box-adresse:before {
    position: absolute;
    left: 0px;
    font-size: 2.5rem;
    color: #464141;
    top: 0px;
    content: '\e907';
}


/*  BOX FILMBEITRÄGE */

.box-film {
    position: relative;
    padding-left: 40px;
}

.box-film:before {
    position: absolute;
    left: 0px;
    font-size: 2.5rem;
    color: #464141;
    top: 0px;
    content: '\e90a';
}


/*  BOX LINK */

.box-link {
    position: relative;
    padding-left: 40px;
    word-wrap: break-word;
}

.box-link a {
    word-wrap: break-word;
}

.box-link:before {
    position: absolute;
    left: 5px;
    font-size: 2rem;
    color: #464141;
    top: 3px;
    content: '\e906';
}


/*  BOX BUCHHINWEIS */

.box-book {
    position: relative;
    padding-left: 40px;
    margin-top: -10px;
}

.box-book:before {
    position: absolute;
    left: -5px;
    font-size: 3.5rem;
    color: #464141;
    top: -5px;
    content: '\e904';
}


/*  BOX ZITAT */

.box-zitat {
    position: relative;
    padding-left: 40px;
    margin-top: 0;
}

.box-zitat:before {
    position: absolute;
    left: -3px;
    font-size: 3.2rem;
    color: #F57D14;
    top: -1px;
    content: '\e909';
}


/*  BOX DOWNLOAD */

.box-download {
    position: relative;
    padding-left: 40px;
    margin-top: -10px;
}

.box-white .row .box-download,
.box-beige .row .box-download {
    margin-top: 0;
}

.box-download:before {
    position: absolute;
    left: -5px;
    font-size: 3.0rem;
    color: #464141;
    top: -3px;
    content: '\e903';
}


/*  BOX TIPP */

.box-tipp h2 {
    margin: 0 !important;
    padding: 0;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.5em;
}

.box-tipp {
    position: relative;
    padding-left: 75px;
    margin-top: 50px;
}

.box-tipp:before {
    position: absolute;
    left: -12px;
    font-size: 8.5rem;
    color: #00557D;
    top: -20px;
    content: '\e908';
}

@media only screen and (max-width: 767px) {
    .box-tipp {
        padding-left: 40px;
        margin-top: 40px;
    }
    .box-tipp:before {
        font-size: 5.0rem;
        top: -10px;
    }
}


/*  BOX INFO / BEIGE */

.box-info,
.box-beige {
    position: relative;
    padding: 30px 30px 10px 30px;
    background-color: #F5F0E1;
    margin-bottom: 20px;
}

.box-white {
    position: relative;
    padding: 30px 30px 10px 30px;
    background-color: #FFFFFF;
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .box-info,
    .box-white,
    .box-beige {
        padding: 30px 20px 10px 20px;
        margin-left: -20px;
        margin-right: -20px;
    }
}

.box-info:before {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 8.5rem;
    color: #F57D14;
    content: '\e905';
}

.box-info ul {
    margin-bottom: 25px;
    padding-left: 25px;
    list-style: none;
}

.box-info ul li ul {
    padding-left: 11px;
}

.box-info ul li {
    position: relative;
}

.box-info>ul>li:before {
    position: absolute;
    left: -28px;
    font-size: 2.3rem;
    color: #00557D;
    top: 1px;
    content: '\e902';
}

.box-info>ul>li>ul>li:before {
    position: absolute;
    left: -10px;
    font-size: 2.2rem;
    top: -5px;
    content: '.';
}

.box-white h2,
.box-beige h2 {
    margin-bottom: 25px;
}

.box-white ul,
.box-beige ul {
    list-style: none;
    margin-bottom: 25px;
    margin-top: 10px;
    padding-left: 11px;
}

.box-white ul li,
.box-beige ul li {
    position: relative;
    margin-bottom: 10px;
}

.box-white>ul>li:before,
.box-beige>ul>li:before {
    position: absolute;
    left: -10px;
    font-size: 2.2rem;
    top: -5px;
    content: '.';
}

.box-white ul.small-disc,
.box-beige ul.small-disc {
    margin-top: 20px;
    margin-bottom: 40px;
}

.box-white ul.small-disc li,
.box-beige ul.small-disc li {
    position: relative;
    margin-bottom: 0;
}

.box-white img,
.box-beige img {
    margin-bottom: 30px;
}

.list {
    margin-bottom: 25px;
    padding-left: 25px;
    list-style: none;
}


/*  ARROW-LIST */

ul.arrow-list {
    margin-bottom: 25px;
    padding-left: 25px;
    list-style: none;
}

ul.arrow-list li {
    position: relative;
    margin-top: 5px;
    margin-bottom: 10px;
}

ul.arrow-list li:before {
    position: absolute;
    left: -28px;
    font-size: 2.3rem;
    color: #00557D;
    top: 1px;
    content: '\e902';
}

ul.arrow-list.text-orange li:before {
    color: #F57D14;
}

.arrow-link {
    position: relative;
    font-style: italic;
    margin-left: 25px;
}

.arrow-link:before {
    position: absolute;
    left: -25px;
    font-size: 2.3rem;
    color: #AAA09B;
    top: -2px;
    content: '\e902';
}

.arrow-link:hover:before {
    color: #00557D;
}


/*  LETTER-LIST / NUMBER-LIST */

ol.letter-list {
    counter-reset: list;
    margin-bottom: 25px;
    padding-left: 25px;
    list-style: none;
}

ol.number-list {
    counter-reset: list;
    margin-bottom: 40px;
    padding-left: 40px;
    list-style: none;
}

ol.letter-list li,
ol.number-list li {
    position: relative;
    margin-top: 5px;
    margin-bottom: 10px;
}

ol.letter-list li:before,
ol.number-list li:before {
    position: absolute;
    counter-increment: list;
    content: counter(list, upper-latin);
}

ol.letter-list li:before {
    left: -25px;
    content: counter(list, upper-latin);
}

ol.number-list li:before {
    left: -40px;
    content: counter(list, decimal);
    color: #F57D14;
    font-size: 2.4rem;
    top: -2px;
}


/*  SQUARE-LIST */

ul.square-list {
    margin-bottom: 25px;
    padding-left: 25px;
    list-style: none;
}

ul.square-list li {
    position: relative;
    margin-top: 5px;
    margin-bottom: 20px;
}

ul.square-list li:before {
    position: absolute;
    left: -25px;
    top: -2px;
    display: inline-block;
    background-image: url('../img/checkbox.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 30px;
    height: 30px;
    background-size: 15px 15px;
    content: '';
}

ul.square-list li ul {
    padding-left: 25px;
    margin-top: 0;
}

ul.square-list li ul li {
    margin-top: 0;
    margin-bottom: 0;
    font-style: italic;
}

ul.small-disc {
    list-style: none;
    padding-left: 11px;
    margin-bottom: 1.5em;
}

ul.small-disc li {
    position: relative;
}

ul.small-disc li:before,
ul.arrow-link li ul.small-disc li:before {
    position: absolute;
    left: -10px;
    font-size: 2.2rem;
    top: -5px;
    content: '.';
}

ul.arrow-list li ul.small-disc li {
    margin-top: unset;
    margin-bottom: unset;
}


/*	P I N S
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.row.pins {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 30px;
}

.row.pins .pin {
    padding: 10px;
    display: table;
}

.pin .pin-regular,
.pin .pin-italic {
    background-color: #F5F0E1;
    height: 95px;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 2.2rem;
}


/* Editier-Modus Hack */

.row.pins .pin>.cms-plugin {
    display: table;
    width: 100%;
}


/*	F O O T E R
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

footer {
    padding-top: 20px;
    padding-bottom: 100px;
}


/*	U P D A T E
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.aktualisiert {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    color: white!important;
    margin-top: 23%;
    text-transform: uppercase;
    font-family: 'KievitWeb W03 Bold', Helvetica, Arial, sans-serif;
}

.datum {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    color: white!important;
    font-size: 3.9rem!important;
    margin-top: 33%;
    text-transform: uppercase;
    font-family: 'KievitWeb W03 Bold', Helvetica, Arial, sans-serif;
}

@media only screen and (min-width: 767px) {
    .update {
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -o-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
}