/* Copyright 1999-2017. Parallels IP Holdings GmbH. All Rights Reserved. */
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek,greek-ext,vietnamese);

.container{max-width:1000px}

.responsive-iframe {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Aspect Ratio 16:9 */
    height: 0;
}

    .responsive-iframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.header-background {
    background-image: url('https://www.caddylog.de/OpenStrokePlay/images/Golfbahn_ai_bg.jpg');
    background-size: cover; /* Dies stellt sicher, dass das Bild den gesamten Header-Bereich abdeckt */
    background-position: center; /* Dies zentriert das Bild im Header */
}

/*body {
    color: white;
    background: radial-gradient(circle at center, #1f497d, #000000);
    color: #1f497d;
    background: white;
}*/
.loader {
    position: relative;
    border: 16px solid #05fb6c;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 70px;
    height: 70px;
    animation: spin 6s linear infinite;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}



.icon-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .icon-bar a {
        display: block;
        text-align: center;
        padding: 16px;
        transition: all 0.3s ease;
        color: white;
        font-size: 20px;
    }

        .icon-bar a:hover {
            background-color: #000;
        }

.facebook {
    background: #3B5998;
    color: white;
}

.twitter {
    background: #55ACEE;
    color: white;
}



.linkedin {
    background: #007bb5;
    color: white;
}

.youtube {
    background: #bb0000;
    color: white;
}

.content {
    margin-left: 75px;
    font-size: 30px;
}




html {
    font: normal 13px/1.4 "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-y: scroll;
    color: #000;
}



img {
    box-sizing: border-box;
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}
.page-container {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}
.page-header-wrapper,
.page-content-wrapper,
.page-footer-wrapper {
    box-sizing: border-box;
    display: table-row;
}
.page-content-wrapper { height: 100%; }
.page-header {
    padding: 0 10px;
    min-height: 50px;
    border-bottom: 1px solid #1c2229;
    background: #222a32;
}
.page-header:before,
.page-header:after {
    display: table;
    content: "";
}
.page-header:after { clear: both; }
.page-content {
    margin: auto;
    padding: 20px 10px;
    max-width: 960px;
}
.page-footer {
    padding: 5px 10px;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    border-top: 1px solid #38444f;
    background: #222a32;
    font-size: 12px;
    line-height: 24px;
}
.page-footer a,
.page-footer a:hover {
    text-decoration: none;
    color: #41ff00;
    
}
.page-footer .separator {
    width: 1px;
    display: inline-block;
    height: 12px;
    vertical-align: -2px;
    margin: 0 5px;
    background: rgba(255, 255, 255, 0.6);
}
.product-logo { float: left; }
.product-logo img { height: 50px; }
.company-logo {
    float: right;
    margin-top: 9px;
}
.company-logo img { height: 31px; }
.page-info-wrapper { margin-bottom: 15px; }
.page-info {
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #ccc;
    background: #f2f2f2;
}
.page-info-heading {
    margin: 0 0 15px;
    font-size: 20px;
    line-height: 24px;
}
.page-info p,
.page-info ul { margin: 15px 0; }
.page-info ul { padding-left: 20px; }
.product-info-wrapper p {
    margin: 0 0 15px;
    padding: 0;
}
.product-info-wrapper { margin: 0 -10px; }
.product-info-wrapper:before,
.product-info-wrapper:after {
    display: table;
    content: "";
}
.product-info-wrapper:after { clear: both; }
.product-info-wrapper .col {
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 0 10px;
}

.product-info-wrapper ul.links {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #ddd;
    text-align: center;
}
.links > li {
    display: inline-block;
    float: left;
    vertical-align: top;
    width: 50%;
    margin-top: 15px;
}
.links > li > a {
    display: inline-block;
    margin: 0;
    cursor: pointer;
    text-align: center;
    vertical-align: top;
}
.links > li > a:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto 5px;
    background-repeat: no-repeat;
    background-size: 32px 32px;
}
.blog:before { background-image: url(../img/blog.png); }
.forum:before { background-image: url(../img/forum.png); }
.knowledge-base:before { background-image: url(../img/knowledge-base.png); }
.facebook:before { background-image: url(../img/facebook.png); }
.twitter:before { background-image: url(../img/twitter.png); }
.google-plus:before { background-image: url(../img/google-plus.png); }

.fastcgi:before { background-image: url(../img/fastcgi.png); }
.python:before { background-image: url(../img/python.png); }
.php:before { background-image: url(../img/php.png); }
.perl:before { background-image: url(../img/perl.png); }
.ssi:before { background-image: url(../img/ssi.png); }

.product-info {
    border: 1px solid #bebebe;
    background: #fafafa;
}
.product-info-heading {
    margin: -1px;
    padding: 5px 11px;
    font-size: 16px;
    color: #fff;
    background: #09729f;
}
.product-info-content { padding: 10px; }

@media (max-width: 767px) {
    .page-header-wrapper { height: auto !important; }
}
@media (min-width: 380px) {
    .links > li { width: 33.33%; }
}
@media (min-width: 768px) {
    .page-header-wrapper { height: 51px; }
    .page-header {
        box-sizing: border-box;
        position: fixed;
        z-index: 300;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        min-height: 51px;
    }
    .page-header,
    .page-content,
    .page-footer {
        padding-right: 20px;
        padding-left: 20px;
    }
    .page-info {
        box-sizing: border-box;
        min-height: 240px;
        padding: 20px 40px 20px 313px;
        border: 1px solid #ccc;
        background: #f2f2f2 url(../img/globe.png) no-repeat;
        background-size: 273px 240px;
    }
    .links > li { width: 33.33%; }
    .product-info-wrapper .col {
        width: 50%;
    }
}

.pathbar {
    display: inline-block;
    width: 100%;
    font-size: 12px;
}
.pathbar a {
    color: #2c2c2c;
    text-decoration: none;
    position: relative;
    float: left;
    margin-right: 3px;
    padding: 0 5px 0 15px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #ebebeb;
}
.pathbar a:before {
    position: absolute;
    top: 0;
    left: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #ffffff;
    content: "";
}
.pathbar a:after {
    position: absolute;
    top: 0;
    right: -10px;
    z-index: 1;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #ebebeb;
    content: "";
}
.pathbar a:hover { background: #2298cb; color: #fff; }
.pathbar a:hover:after { border-left-color: #2298cb; }
.pathbar a:first-child { padding-left: 10px; }
.pathbar a:first-child:before { display: none; }
.test h1 {
    margin: 0 0 12px;
    padding: 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    color: #444;
}
.test h2 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    color: #444;
}
.test p { margin: 12px 0; }
iframe { border: 1px solid #bebebe; }
.test-data table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.test-data td,
.test-data th { padding: 0; }
.test-data table > thead > tr > th,
.test-data table > tbody > tr > th,
.test-data table > tfoot > tr > th,
.test-data table > thead > tr > td,
.test-data table > tbody > tr > td,
.test-data table > tfoot > tr > td {
    padding: 6px 8px;
    line-height: 1.4;
    vertical-align: top;
    border-top: 1px solid #d6d6d6;
}
.test-data table > thead > tr:first-child > th,
.test-data table > tbody > tr:first-child > th,
.test-data table > tfoot > tr:first-child > th,
.test-data table > thead > tr:first-child > td,
.test-data table > tbody > tr:first-child > td,
.test-data table > tfoot > tr:first-child > td {
    border-top: 0;
}
.test-data table th {
    text-align: left;
    white-space: nowrap;
    font-weight: 700;
    background: #fafafa;
}


body {
    /* background-image:url('/images/backgrounds/Fotolia_116271086_S.jpg');*/
    /*background: #1C6EA4;
    background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    border-bottom: 2px solid #444444;
    color: #ffffff;
    background: radial-gradient(circle at center, #1f497d, #000000);
}*/

/*    body::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
        background: radial-gradient(circle at center, #1f497d, #000000);
    }
*/


/*.icon-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .icon-bar a {
        display: block;
        text-align: center;
        padding: 16px;
        transition: all 0.3s ease;
        color: white;
        font-size: 20px;
    }

        .icon-bar a:hover {
            background-color: #000;
        }*/

.facebook {
    background: #3B5998;
    color: white;
}

.twitter {
    background: #55ACEE;
    color: white;
}



.linkedin {
    background: #007bb5;
    color: white;
}

.youtube {
    background: #bb0000;
    color: white;
}

.content {
    margin-left: 75px;
    font-size: 30px;
}


/*/*########### was Nur  mobil angezeigt werden soll  mit ID=mobile-share*/
@media screen and (min-width: 600px) {
    #mobile-share {
        visibility: hidden;
        clear: both;
        float: left;
        margin: 10px auto 5px 20px;
        width: 28%;
        display: none;
    }
}

@media screen and (min-width: 700px) {
    #desktop-share {
        visibility: visible;
        clear: both;
        float: left;
        margin: 10px auto 5px 20px;
        width: 28%;
        display: none;
    }
}



/*################### table*/
table.greenTable {
    font-family: Verdana, Geneva, sans-serif;
    border: 6px solid #337AB7;
    background-color: #FFFFFF;
    width: 100%;
    text-align: center;
}

/*########WerbeAnzeigen############*/

.myfixfooter {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #9932ad;
    color: white;
    text-align: center;
}

/*####################*/
.ButtonReservierung {
    width: 100%;
    margin: 10px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 24px;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}


    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}


    input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.w100 {
    width: 100%
}

/*##########################*/
.marg5 {
    margin: 5px
}

.MYRed_BG {
    background: red;
}

table.greenTable td, table.greenTable th {
    border: 1px solid #337AB7;
    padding: 3px 2px;
}

table.greenTable tbody td {
    font-size: 14px;
}

table.greenTable tr:nth-child(even) {
    background: #FFFFFF;
}

table.greenTable thead {
    background: #337AB7;
    background: -moz-linear-gradient(top, #669bc9 0%, #4787be 66%, #337AB7 100%);
    background: -webkit-linear-gradient(top, #669bc9 0%, #4787be 66%, #337AB7 100%);
    background: linear-gradient(to bottom, #669bc9 0%, #4787be 66%, #337AB7 100%);
    border-bottom: 0px solid #337AB7;
}

    table.greenTable thead th {
        font-size: 14px;
        font-weight: bold;
        color: #F0F0F0;
        text-align: center;
        border-left: 2px solid #337AB7;
    }

        table.greenTable thead th:first-child {
            border-left: none;
        }

table.greenTable tfoot {
    font-size: 13px;
    font-weight: bold;
    color: #F0F0F0;
    background: #337AB7;
    background: -moz-linear-gradient(top, #669bc9 0%, #4787be 66%, #337AB7 100%);
    background: -webkit-linear-gradient(top, #669bc9 0%, #4787be 66%, #337AB7 100%);
    background: linear-gradient(to bottom, #669bc9 0%, #4787be 66%, #337AB7 100%);
    border-top: 1px solid #337AB7;
}

    table.greenTable tfoot td {
        font-size: 13px;
    }

    table.greenTable tfoot .links {
        text-align: right;
    }

        table.greenTable tfoot .links a {
            display: inline-block;
            background: #FFFFFF;
            color: #337AB7;
            padding: 2px 8px;
            border-radius: 5px;
        }

/*################# tabele Score #################*/

.TabelleScore {
    margin-top: 0px;
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
    width: 350px;
}

.LochNr {
    background-color: #FF9900;
    color: black;
    text-align: center;
    width: 10px;
    font-weight: bold
}

.BIRDIE {
    background-color: #e6765d;
    color: black;
    text-align: center;
    width: 50px;
    border: solid;
    border-width: thin;
}

.BIRDIEScore {
    background-color: #e6765d;
    color: black;
    text-align: center;
    width: 50px;
    border-radius: 45px;
    font-weight: bold;
    padding: 2px;
    border: solid;
    border-width: thin;
}

.PAR {
    background-color: #0d6f24;
    color: #FFFFFF;
    width: 50px;
    text-align: center;
    background-color:cornflowerblue;
}

.PARScore {
    background-color: #008b18;
    color: #FFFFFF;
    width: 50px;
    /*border-radius: 45px;*/
    text-align: center;
    font-weight: bold;
    padding: 2px;
    border: solid;
    border-width: thin;
}




.Score {
    background-color: #d4e6f6;
    color: black;
    width: 45px;
    text-align: center;
    font-weight: bold;
    border-radius: 30px;
    /*border-radius: 10px;*/
}

.BOGEY {
    background-color: #74d0f3;
    color: #FFFFFF;
    width: 10px;
    text-align: center;
    border: solid;
    border-width: thin;
}

.BOGEYScore {
    background-color: #74d0f3;
    color: #FFFFFF;
    width: 10px;
    text-align: center;
    /*border-radius: 45px;*/
    font-weight: bold;
    padding: 2px;
    border: solid;
    border-width: thin;
}

.DBogey {
    background-color: #3c799d;
    color: #FFFFFF;
    width: auto;
    text-align: center;
    /*border-radius: 45px;*/
    padding: 2px;
    border: solid;
    border-width: thin;
}

.Triple {
    background-color: rgba(160,29,6,1);
    color: #FFFFFF;
    width: auto;
    text-align: center;
    border-radius: 45px;
    padding: 2px;
    border: solid;
    border-width: thin;
}


.EagleScore {
    background-color: #FF9900;
    color: #000000;
    width: auto;
    text-align: center;
    /*border-radius: 45px;*/
    font-weight: bold;
    padding: 2px;
    border: solid;
    border-width: thin;
}

.Albtros {
    background-color: #f50606;
    color: #000000;
    width: auto;
    text-align: center;
    /*border-radius: 45px;*/
    font-weight: bold;
    padding: 2px;
    border: solid;
    border-width: thin;
}



.ToParText {
    background-color: #FFFFFF;
    color: darkblue;
    width: 10px;
    text-align: center;
}

.MPlay {
    background-color: #5592bb;
    color: black;
    width: 10px;
    text-align: center;
}

.STARFE {
    background-color: #e4baba;
    color: black;
    width: 10px;
    text-align: center;
}

.Putts {
    background-color: lightblue;
    color: black;
    width: 45px;
    text-align: center;
    /*border-radius: 10px;*/
}

.BRUTTO {
    background-color: #bebebe;
    color: black;
    width: 50px;
    text-align: center;
}



.Wasser {
    background-color: rgb(123, 215, 239);
    color: black;
    width: auto;
    text-align: center;
    /*border-radius: 10px;*/
}

.STR {
    background-color: #ffbbbb;
    color: black;
    width: 45px;
    text-align: center;
    border-radius: 10px;
}


.HCP {
    background-color: #C0C0C0;
    width: 10px;
    text-align: center;
}

.VG {
    background-color: white;
    text-align: center;
    width: 10px;
}

.Meter1 {
    background-color: #ee2b2b;
    width: auto;
    color: #FFFFFF;
    text-align: center;
    font-size: smaller;
    padding: 3px;
}


.Celle {
    width: auto;
    text-align: center;
}

.grau1 {
    background-color: #808080;
    width: auto;
    color: #FFFFFF;
    text-align: center;
}

.grau2 {
    background-color: #CCCCCC;
    width: auto;
    text-align: center;
}

.GREENCell {
    background-color: forestgreen;
    width: auto;
    text-align: center;
    color: white;
}

.REDCell {
    background-color: red;
    width: auto;
    text-align: center;
    color: white;
}

.MinW {
    width: 15px;
    text-align: center;
    background-color: #FFFFFF
}

/*################# tabele Score #################*/

/*########## images ##############*/
.fakeimg {
    height: 200px;
    background: #a4b357; /* Old browsers */
    background: -moz-linear-gradient(top, #a4b357 0%, #75890c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a4b357 0%,#75890c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a4b357 0%,#75890c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 ); /* IE6-9 */
}

.Leftimg {
    width: 100%;
}
/*########## images ##############*/

/*########## Buttons ############*/

.ButtonAuswahl {
    width: 100%;
    height: 20px;
    text-align: center;
    padding: 5px;
    background: #edecec;
    -webkit-box-shadow: 0px 0px 3px 3px #17654b;
    box-shadow: 0px 0px 3px 3px #17654b;
    margin: 10px;
}

    .ButtonAuswahl:hover {
        -webkit-box-shadow: 0px 0px 20px 4px #ff0000;
        box-shadow: 0px 0px 20px 3px #ff0000;
    }


.ButtonFertig {
    width: 50px;
    height: 35px;
    text-align: center;
    background: white;
    -webkit-box-shadow: 0px 0px 20px 3px #17654b;
    box-shadow: 0px 0px 20px 3px #17654b;
    margin: 10px;
}

    .ButtonFertig:hover {
        -webkit-box-shadow: 0px 0px 20px 4px #ff0000;
        box-shadow: 0px 0px 20px 3px #ff0000;
    }

.MyWahlButton {
    width: 25%;
    height: 80px;
    text-align: center;
    word-break: break-all;
    margin: 5px;
    background: #22ba04;
    box-shadow: 4px 4px 4px 4px #808080;
}

.ButtonOne {
    width: 80px;
    height: 60px;
    text-align: center;
    background: #ffb400;
    -webkit-box-shadow: 0px 0px 10px 3px #4f3d3d;
    box-shadow: 0px 0px 20px 3px #4f3d3d;
    /*line-height: 20%;*/
    margin-right: 10px;
    margin-left: 10px;
}

.ButtonOneSpeichern {
    width: 80px;
    height: 60px;
    text-align: center;
    padding: 5px;
    background: red;
    -webkit-box-shadow: 0px 0px 10px 3px #4f3d3d;
    box-shadow: 0px 0px 20px 3px #4f3d3d;
    /*line-height: 20%;*/
    margin-right: 10px;
    margin-left: 10px;
}

.ButtonBeenden {
    width: 200px;
    height: 35px;
    text-align: center;
    background: #ff0000;
    -webkit-box-shadow: 0px 0px 20px 3px #ff0000;
    box-shadow: 0px 0px 20px 3px #ff0000;
}

.MatchButton {
    width: 40px;
    height: 60px;
    text-align: center;
    background: #6eb5f8;
    -webkit-box-shadow: 0px 0px 20px 3px #ff0000;
    box-shadow: 0px 0px 20px 3px #ff0000;
    word-wrap: break-word;
}

.PlusButton {
    width: 20px;
    height: 30px;
    text-align: center;
    background: #6eb5f8;
    -webkit-box-shadow: 0px 0px 0px 3px #000000;
    box-shadow: 0px 0px 00px 3px #000000;
}

.MyFertigButton {
    width: 50px;
    height: 35px;
    text-align: center;
    background: white;
    -webkit-box-shadow: 0px 0px 20px 3px #ff0000;
    box-shadow: 0px 0px 20px 3px #ff0000;
    margin: 5px;
}

/*########## Buttons ############*/

.Tabellenbox2x {
    width: 350px;
    margin-left: 10px;
    margin-top: 10px;
    background: white;
    text-align: center;
    float: left;
}

.Tabellenbox2xb {
    width: 350px;
    margin-left: 10px;
    margin-top: 10px;
    background: white;
    text-align: center;
    height: 350px;
    float: left;
}

.Mittig {
    background: #ffd800;
    height: 100%;
}

.Myiframe {
    border: none;
    width: 100%;
    background: #808080;
    margin-left: auto;
    margin-right: auto;
}

.nurZahl {
    background: none;
    width: 30px;
    border: none;
}
/*<!--blueTable--> <style>*/
.SpalteNr {
    width: 5px;
}

.SpalteDatum {
    width: 40px;
    font-size: x-small;
}

table.blueTable {
    border: 1px solid #1C6EA4;
    background-color: #EEEEEE;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}

    table.blueTable td, table.blueTable th {
        border: 1px solid #AAAAAA;
        padding: 3px 2px;
    }

    table.blueTable tbody td {
        font-size: 13px;
    }

    table.blueTable tr:nth-child(even) {
        background: #D0E4F5;
    }

    table.blueTable thead {
        background: #1C6EA4;
        background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
        background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
        background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
        border-bottom: 2px solid #444444;
    }

        table.blueTable thead th {
            font-size: 10px;
            font-weight: normal;
            color: #FFFFFF;
            border-left: 2px solid #D0E4F5;
        }

            table.blueTable thead th:first-child {
                border-left: none;
            }

    table.blueTable tfoot {
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF;
        background: #D0E4F5;
        background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
        background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
        background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
        border-top: 2px solid #444444;
    }

        table.blueTable tfoot td {
            font-size: 14px;
        }

        table.blueTable tfoot .links {
            text-align: right;
        }

            table.blueTable tfoot .links a {
                display: inline-block;
                background: #1C6EA4;
                color: black;
                padding: 2px 8px;
                border-radius: 5px;
            }
/*################################*/


.MyInputFormularKontakt {
    background: #CCCCCC;
}





.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

    .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        font-size: 17px;
    }

        .tab button:hover {
            background-color: brown;
        }

        .tab button.active {
            background-color: #ccc;
        }

.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
/*############################################################/**/




.MYSizeGeld {
    width: 120px;
    text-align: center
}

.MySizeDatum {
    width: 180px;
    background: #a4b357;
}

.MyButten {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
    height: 50px;
    border: solid;
    border-width: 2px;
    border-color: aliceblue;
    background: #a4b357; /* Old browsers */
    background: -moz-linear-gradient(top, #a4b357 0%, #75890c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a4b357 0%,#75890c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a4b357 0%,#75890c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 ); /* IE6-9 */
    box-shadow: 4px 4px 4px 4px black;
}

.MyButtenSchliessen {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100px;
    height: 50px;
    border: solid;
    border-width: 2px;
    border-color: aliceblue;
    background: #a4b357; /* Old browsers */
    background: -moz-linear-gradient(top, #a4b357 0%, #75890c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a4b357 0%,#75890c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a4b357 0%,#75890c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 ); /* IE6-9 */
    box-shadow: 4px 4px 4px 4px black;
}


.MyButtonSenden {
    margin-bottom: 5px;
    margin-top: 15px;
    border: solid;
    border-width: 2px;
    border-color: red;
    background: aliceblue;
}
/*#######################*/
.SpielerName_BG {
    text-align: center;
    background: #ffffff;
}

.SpielerName_tbl {
    text-align: left;
    width: 120px;
}

.HCP_Spieler_tbl {
    text-align: left;
    width: 10px;
}

.MeineTabelle {
    line-height: 100%;
}


/*#############################*/
.isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

/*############# form ###############*/
label.LB10 {
    margin-bottom: -10px;
    margin-top: 10px;
}
/*formulare Elemenete*/
.FormPapier {
    background: #808080;
    width: 100px;
    padding: 10px;
    color: aliceblue
}

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

.column {
    float: left;
    width: 33.3%;
    margin-bottom: 16px;
    padding: 0 8px;
}


.card {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7fbfc+0,d9edf2+40,add9e4+100;Blue+3D+%231 */
    background: rgb(247,251,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(247,251,252,1) 0%, rgba(217,237,242,1) 40%, rgba(173,217,228,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(247,251,252,1) 0%,rgba(217,237,242,1) 40%,rgba(173,217,228,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(247,251,252,1) 0%,rgba(217,237,242,1) 40%,rgba(173,217,228,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbfc', endColorstr='#add9e4',GradientType=0 ); /* IE6-9 */
    box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.2);
    color: black;
    margin: 15px;
}

.Cardimg {
    width: 250px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 4px 4px 4px 4px #808080;
}

.container {
    padding: 0 16px;
}

    .container::after, .row::after {
        content: "";
        clear: both;
        display: table;
    }

.title {
    color: grey;
}

.Cardbutton {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 8px;
    color: white;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    width: 100%;
    height: 60px;
    font-size: x-large;
}

.button:hover {
    background-color: #555;
}

.position {
    text-align: center;
    font-size: x-large;
    margin: 5px
}

.position2 {
    text-align: center;
    font-size: xx-large;
    margin: 5px
}

.PersonenName {
    text-align: center;
    font-size: xx-large;
}

.SeitenBeschreibung {
    background: #808080;
    color: rgba(217,237,242,1);
    margin-bottom: 20px;
    padding: 15px;
}

.PickupNameTBL {
    width: 150px;
    text-align: left;
}

.DatumTBL {
    width: 80px;
    text-align: center
}

.KostenTBL {
    width: 80px;
    text-align: right;
}

.LochBoxen {
    width: 20%;
    height: 50px;
    float: left;
    border: solid;
    text-align: center;
    background: #d3e155;
    font-size: x-large;
    font-weight: bold;
    vertical-align: middle;
}

    .LochBoxen.a:link: {
        color: #260f22;
    }

table.ListenTablle {
    /*border: 2px solid #1BDD3D;*/
    background-color: #E5ECEE;
    width: 100%;
    height: 50px;
    text-align: left;
    border-collapse: collapse;
}

    table.ListenTablle td, table.ListenTablle th {
        border: 3px solid #AAAAAA;
        padding: 3px 3px;
    }

    table.ListenTablle tbody td {
        font-size: 13px;
    }

    table.ListenTablle tr:nth-child(even) {
        background: #D0E4F5;
    }

    table.ListenTablle tfoot td {
        font-size: 14px;
    }

    table.ListenTablle tfoot .links {
        text-align: right;
    }

        table.ListenTablle tfoot .links a {
            display: inline-block;
            background: #1C6EA4;
            color: black;
            padding: 2px 3px;
            border-radius: 5px;
        }

#confirm {
    display: none;
    background-color: #3398cb;
    color: #000000;
    border: 1px solid #aaa;
    position: fixed;
    width: 300px;
    height: 100px;
    left: 50%;
    margin-left: -100px;
    padding: 10px 20px 10px;
    box-sizing: border-box;
    text-align: center;
}

    #confirm button {
        background-color: #FFFFFF;
        display: inline-block;
        border-radius: 12px;
        border: 4px solid #aaa;
        padding: 5px;
        text-align: center;
        width: 60px;
        cursor: pointer;
    }

    #confirm .message {
        text-align: left;
    }


/*################ Tool Tip ####################*/

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

/*######################################/**/


.dropdown-submenu.dropleft {
    position: center;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: left;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: left;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }



a {
    color: black;
    text-decoration: underline;
}

    a:link {
        color: black;
        text-decoration: underline;
    }

    a:visited {
        color: black;
        text-decoration: none;
    }

    a:active {
        color: black;
        text-decoration: none;
    }

    a:hover {
        color: #ff0000;
        text-decoration: underline;
    }

    a:focus {
        color: #ff0000;
        text-decoration: none;
    }



myblue {
    background-color: #1f477d
}
h1 {
    color: var(--1F497D, #1F497D);
    text-align: center;
    /* H1 */
    font-family: var(--myfont);
    font-style: normal;
    font-weight: 900;
    line-height: 1;
}

h2 {
    color: #E2800E; /* Leuchtend Grün */
    text-align: center; /* Zentriert den Text */
    font-family: var(--myfont);
    font-size: 25px; /* Schriftgröße */
    font-style: normal; /* Normale Schrift */
    font-weight: 600; /* Halbfett */
}

h3 {
    color: var(--schriftfarbe); /* 
    font-family: Helvetica; /* Schriftart */
    font-size: 20px; /* Kleine Schriftgröße */
    font-style: normal; /* Normale Schrift */
    font-weight: 600; /* Halbfett */
    line-height: 1.0; /* Normale Zeilenhöhe */
}

p {
    color: var(--schriftfarbe); /* 
    text-align: left;
    /* content */
    font-family: var(--myfont);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}