.line-breaks {
    white-space: pre-line;
}

.listButton {
    border-right: 1px solid #808080;
    padding-right: 3px;
    font-weight: bold;
    word-spacing: 20em;
}

.required::after {
    content: "*";
    font-weight: bold;
    color: red;
    font-size: 150%;
}

a.deleteButton {
    color: red !IMPORTANT;
}

.privacy {
    color: lightgray !important;
    margin-left: 20px;
    text-decoration: none;
}

a.header {
    color: white !important;
}

a.header:hover {
    color: lightgray !important;
}

a.white {
    color: white !important;
    text-decoration: underline;
}
a.white:hover {
    color: lightgray !important;
}


a.cornflowerblue {
    color: #6e98a4 !important;
}

    a.cornflowerblue:hover {
        color: darkgrey;
    }

a.glyphicon-trash {
    color: red !IMPORTANT;
}

a.glyphicon-briefcase {
    color: darkorange;
}

.debugging {
    visibility: visible;
    background-color: lightgray;
}

.col-md-2 {
    width: 20%;
    padding-right: 5px;
}

.col-md-10 {
    width: 80%
}

/* Logbuch Start */
.logbuch-5-5 {
    padding-right: 5px;
    padding-left: 5px;
}

.logbuch-5-10 {
    padding-right: 10px;
    padding-left: 5px;
}

.logbuch-0-20 {
    padding-right: 20px;
    padding-left: 0px;
}

.logbuch-20-0 {
    padding-right: 0px;
    padding-left: 20px;
}

.logbuch-0-0-20-0 {
    margin-top: 20px;
}

.logbuchhourly-50 {
    min-width: 50px;
    max-width: 50px;
}

.logbuchhourly-60 {
    min-width: 60px;
    max-width: 60px;
}

.logbuchhourly-80 {
    min-width: 80px;
    max-width: 80px;
}

.logbuchhourly-100 {
    min-width: 100px;
    max-width: 100px;
}

.logbuchhourly-120 {
    min-width: 120px;
    max-width: 120px;
}

.logbuchhourly-150 {
    min-width: 150px;
    max-width: 150px;
}

.logbuchtextarea{
    max-width: 100% !important;
}
/* Logbuch Ende */

label {
    font-weight: 400;
    margin-bottom: 0px
}

    label.bold {
        font-weight: 700
    }

p.text-danger {
    width: 100% !important;
    background-color: lightcoral;
    border: 1px solid red;
    border-radius: 4px;
    padding-left: 10px;
}

p.text-success {
    width: 100% !important;
    background-color: lightgreen;
    border: 1px solid green;
    border-radius: 4px;
    padding-left: 10px;
}

.StyledLink {
    width: 80%;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10%;
    margin-right: 10%;
    overflow: hidden;
    background-color: #6e98a4;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 2px;
}

a.StyleActionLink {
    color: white;
    display: block;
}

    a.StyleActionLink:hover {
        color: lightgray;
        text-decoration: none;
    }

input.StyledButton, button.StyledButton {
    color: white;
    background-color: #6e98a4;
    border: 0;
}

.InputStyledButton {
    color: white;
    background-color: #6e98a4;
    border: 0;
}
    .InputStyledButton:hover {
        color: lightgray;
        background-color: #6e98a4;
        text-decoration: none;
    }

.links {
    color: #6e98a4;
}

    input.StyledButton:hover, button.StyledButton:hover {
        color: lightgray;
        background-color: #6e98a4;
    }

a.StyledStandardLink {
    color: white;
    background-color: #6e98a4;
    border: 0;
}

    a.StyledStandardLink:hover {
        color: lightgray;
        background-color: #6e98a4;
        border: 0;
    }

a.StyledFolderLink {
    padding-left: 5px !important;
    padding-right: 15px !important;
    padding-top: 4px !important;
    padding-bottom: 8px !important;
    color: white !important;
    background-color: #6e98a4;
    border: 1px solid lightgrey !important;
    border-top-right-radius: 45px;
    white-space: nowrap;
    font-family: Glyphicons Halflings
}

a.StyledFolderLinkActive {
    padding-left: 5px !important;
    padding-right: 15px !important;
    padding-top: 4px !important;
    padding-bottom: 8px !important;
    color: white !important;
    background-color: lightgrey;
    border: 1px solid lightgrey !important;
    border-top-right-radius: 45px;
    white-space: nowrap;
    font-family: Glyphicons Halflings !important
}

    a.StyledFolderLink, a.StyledFolderLinkActive:hover {
        color: lightgray;
        background-color: #6e98a4;
    }

.portlet {
    background-color: #c4dce6;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 25px;
    margin-bottom: 25px;
    min-height:280px;
}

.advertisement {
    min-height: initial !important;
}

.portlet-white:hover {
    /*background-color: #6e98a4 !important;*/
}

.portlet-white {
    text-align: center;
    background-color: white !important;
    text-transform: uppercase;
}

.portlet-white-left {
    text-align: left;
    background-color: white !important;
    text-transform: uppercase;
}

.description {
    text-transform: none !important;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 15px;
    text-align: left;
}

.blurry {
    filter: blur(8px);
    -webkit-filter: blur(3px);
}

@media only screen and (max-width: 800px) {
    .portletSmall {
        margin-top: 18px;
        margin-left: 3%;
        margin-right: 10%;
        width: 350px;
        background-color: #c4dce6;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 5px;
        padding-right: 5px;
        position: absolute;
        top: 0;
        left: 0;
        text-transform: capitalize !important;
    }

    .portletSmallRight {
        margin-left: 10%;
        width: 400px;
    }

    .portletSmall2 {
        margin-left: 10% !important;
    }

    .portletSmallRight2 {
        margin-left: 2% !important;
    }

    .optional{
        display: none;
        visibility: hidden;
    }

    .startpageHeaderText {
        padding-top: 150px;
        padding-left: 50px;
        padding-right: 20px;
        color: white;
        vertical-align: bottom;
    }

    
}

@media only screen and (min-width: /*768px*/ 800px) {
    .portletSmall {
        margin-top: 18px;
        margin-left: 20%;
        width: 350px;
        background-color: #c4dce6;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 5px;
        padding-right: 5px;
        position: absolute;
        top: 0;
        left: 0;
        text-transform: capitalize !important;
    }

    .portletSmallRight {
        margin-left: 47%;
        width: 400px;
    }

    .portletSmall2 {
        margin-left: 50% !important;
    }

    .portletSmallRight2 {
        margin-left: 18% !important;
    }

    .middle {
        border-left: 1px solid black;
        border-right: 1px solid black;
        text-transform: capitalize !important;
    }

    .startpageHeaderText {
        padding-top: 150px;
        padding-left: 100px;
        padding-right: 20px;
        color: white;
        vertical-align: bottom;
    }

    .row{
        margin-bottom:5px !important;
    }
}

.black {
    background-color: black;
    width: 2px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 30px;
}

.blackShort {
    background-color: black;
    width: 2px;
    height: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 20px;
}

.startpageHeader {
    height: 300px;
    background-image: url('../util/images/Gardasee.jpg');
    /*opacity: 0.5;*/
    background-size: 100% 100%;
    margin-bottom: 50px;
    width:100%;
}

.startpageText {
    text-align: center;
}

.navbar-inverse {
    background-color: #6b98ad !important;
    background-image: url('../util/images/Gardasee.jpg') !important;
    /*opacity: 0.5;*/
    border: 0;
}

img.gray {
    width: 400px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.marginTop {
    margin-top: 30px !important;
}

.zindex {
    z-index: 10;
}

img.profilfoto {
    width: 200px;
    height: 200px;
    border-radius: 50%;
}

img.preview {
    width: 200px;
    margin: 2px;
}


.rating_bar {
    width: 150px;
    background2: url('../util/images/Knoten/Achtknoten.gif') repeat-x;
    background: url('../util/images//KnotenGrau1.png') repeat-x;
    background-size: 30px;
}

    .rating_bar div {
        height: 30px;
        background: url('../util/images/KnotenO1.png') repeat-x;
        background1: url('../util/images/Knoten/Achtknoten-orange.gif') repeat-x;
        background-size: 30px;
    }

span.bewertung_orange:before {
    content: url('../util/images/KnotenO1.png');
    content2: url('../util/images/Knoten/Achtknoten_orange.gif');
}

span.bewertung_grey:before {
    content: url('../util/images//KnotenGrau1.png');
    content2: url('../util/images/Knoten/Achknoten.gif');
}


/* Sternebewertung */
span#Bewertung {
    line-height: 25px;
    width: 48px;
}

span.sternebewertung {
    float: Left;
}

span.sternebewertung:not(:checked) > input {
    display: None;
}

span.sternebewertung:not(:checked) > label {
    float: Right;
    width: 46px;
    padding: 0 .1em;
    overflow: Hidden;
    white-space: Nowrap;
    cursor: Pointer;
    line-height: 25px;
    transition: all .5s;
}

    span.sternebewertung:not(:checked) > label:before {
        content2: url('../util/images/Knoten/Achtknoten-klein.gif');
        content: url('../util/images/KnotenGrau1-klein.png');
    }

    span.sternebewertung:not(:checked) > label:hover:before,
    span.sternebewertung:not(:checked) > label:hover ~ label:before {
        content2: url('../util/images/Knoten/Achtknoten-orange-klein.gif');
        content: url('../util/images/KnotenO1-klein.png');
    }

    span.sternebewertung > input:checked ~ label:before {
        content2: url('../util/images/Knoten/Achtknoten-orange-klein.gif');
        content: url('../util/images/KnotenO1-klein.png');
    }

span.sternebewertung > input:checked ~ label {
    color: #FFD700;
    text-shadow: 1px 1px #C06000, 2px 2px #904000, .1em .1em .2em rgba(0,0,0,.5);
}

span.sternebewertung:not(:checked) > label:hover,
span.sternebewertung:not(:checked) > label:hover ~ label {
    color: #FFD700;
    text-shadow: 1px 1px #F29E02, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

span.sternebewertung > input:checked + label:hover,
span.sternebewertung > input:checked + label:hover ~ label,
span.sternebewertung > input:checked ~ label:hover,
span.sternebewertung > input:checked ~ label:hover ~ label,
span.sternebewertung > label:hover ~ input:checked ~ label {
    color: #F9B500;
    text-shadow: 1px 1px #F8BA01, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}



/* Dropdown-Menü in Listen*/
.dropbtn {
    background-color: lightgray;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
    padding: 0px 0px 16px 0px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        .dropdown-content a:hover {
            background-color: #ddd;
        }

.dropdown:hover .dropdown-content {
    display: block;
    left: -110px;
}

.dropdown:hover .dropbtn {
    background-color: #6e98a4;
}

.dropdown-content-right{
    left:0px !important;
}




.background_AccountMenu {
    background-color: transparent !important;
    margin-top: 5px;
    padding: 10px !important;
    
}
.background_AccountDropdownMenu {
    background-color: #c4dce6 !important;
}


b.bordkasse_positiv {
    color: green;
    text-decoration: underline;
    font-size: 30px;
}

b.bordkasse_negativ {
    color: red;
    text-decoration: underline;
    font-size: 30px;
}

.bordkasse_einnahmen {
    color: green;
}

.bordkasse_ausgaben {
     color: red;
}

.person_mandatory {
    color: red;
}

.person_toernmandatory {
    color: blue;
}

.person_optional {
    color: lightgreen;
}

.person_subheader {
    padding-top: 30px;
    text-transform: uppercase !important;
    border-bottom: 1px solid #eeeeee;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 15px;
}

.person_subheader_dotted {
    border-bottom: 1px dashed #eeeeee;
    margin-left: 15px;
    margin-right: 15px;
}

label.profilField {
    display: block;
    padding-top: 20px !important;
}

.descriptionText-5 {
    padding-top: 5px;
}

.descriptionText-10 {
    padding-top: 10px;
}

.FAQquestion {
    font-weight: bold;
    font-size: large;
}

.FAQanswer {
    margin-bottom: 0px;
}

.FAQdate {
    font-style: italic;
    font-weight: lighter;
    font-size: xx-small;
    color: lightgrey;
    margin-bottom: 35px;
}

hr {
    display: block;
    border: 0px;
    height: 21px;
    background: url('/util/images/Knoten/Linie1.jpg');
}

.forumsubdetails {
    font-style: italic;
    font-weight: lighter;
    font-size: x-small;
}

.editForm {
    background-color: #c4dce6;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 4px;
}

.editButton {
    background-color: #c4dce6;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    border-radius: 4px;
}

.subnav-toggle {
    background-color: #c4dce6 !important;
}



.leafletMap {
    height: 400px;
    margin-right: 50px;
    margin-left: 180px;
}