/*--------------------------------------------------------------
# SCHRIFTEN SILBENTRENNUNG
--------------------------------------------------------------*/
body {
    font-size: 16px;
}
h1, h2, h3, h4, h5, h6, p, ul li {
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-chars: auto 3;
    -webkit-hyphenate-limit-lines: 4;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: auto 3;
    -ms-hyphenate-limit-lines: 4;
    hyphens: auto;
}
.schriften h1 {
    font-family: "Gochi Hand", cursive, sans-serif;
    font-size: 2.375rem;
    font-weight: normal;
    text-transform: normal;
    text-align: left;
    margin-top: 0px;
    padding-bottom: 0;
    text-shadow: 0 13.36px 8.896px #c4b59d,0 -2px 1px #fff;
}
.schriften h2 {
    font-family: "Shadows Into", cursive, sans-serif;
    font-size: 1.75rem;
    font-weight: normal;
    text-transform: normal;
    text-align: left;
    margin-bottom: 10px;
    padding-bottom: 0;
}
.schriften h3 {
    font-family: "Shadows Into", cursive, sans-serif;
    font-size: 2rem;
    font-weight: normal;
    text-transform: normal;
    margin-bottom: 0px;
    padding-bottom: 0;
}
.schriften h4 {
    font-family: "Shadows Into", cursive, sans-serif;
    font-size: 1.75rem;
    margin-bottom: 0;
    text-transform: normal;
    margin-bottom: 20px;
    padding-bottom: 0;
}
.schriften h5 {
    font-family: "Happy Monkey", cursive, sans-serif;
    font-size: 2rem;
    font-weight: normal;
    margin-bottom: 1.375rem;
    padding-bottom: 0;
}
.schriften  ul {
    font-family: "rasch2002", sans-serif;
    font-size: 1.375rem;
    text-align: left;
    z-index: 5;
}
.schriften h6 {
    font-family: "rasch2002", sans-serif;
    font-size: 2rem;
    text-align: left;
    margin: 5px auto 10px auto;
    z-index: 5;
}
.schriften p {
    font-family: "rasch2002";
    font-size: 1.375rem;
    margin-bottom: 0;
    text-align: justify;
}
.schriften p span {
    font-family: "rasch2002";
    font-size: 1.375rem;
    margin-bottom: 0;
    font-style: italic;
    text-transform: normal;
    margin-bottom: 20px;
    padding-bottom: 0;
}
.schriften p em {
    font-family: "rasch2002";
    color: #ff0000;
    font-size: 1.375rem;
    /*margin-bottom: 0; */
    font-style: normal;
    text-transform: normal;
    /*margin-bottom: 20px;
    padding-bottom: 0;*/
}
.center p{
    text-align: center;
}
.center h1{
    text-align: center;
}
.center h2{
    text-align: center;
}
.center h3{
    text-align: center;
}
.center h4{
    text-align: center;
}
.center h5{
    text-align: center;
}
.center h6{
    text-align: center;
}
.left p{
    text-align: left;
}
.left h1{
    text-align: left;
}
.left h2{
    text-align: left;
}
.left h3{
    text-align: left;
}
.left h4{
    text-align: left;
}
.left h5{
    text-align: left;
}
.left h6{
    text-align: left;
}

.right p{
    text-align: right;
}
.right h1{
    text-align: right;
}
.right h2{
    text-align: right;
}
.right h3{
    text-align: right;
}
.right h4{
    text-align: right;
}
.right h5{
    text-align: right;
}
.right h6{
    text-align: right;
}

.justify p{
    text-align: justify;
}
.justify h1{
    text-align: justify;
}
.justify h2{
    text-align: justify;
}
.justify h3{
    text-align: justify;
}
.justify h4{
    text-align: justify;
}
.justify h5{
    text-align: justify;
}
.justify h6{
    text-align: justify;
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.schriften h1 {
    font-size: 1.125rem;
}
.schriften h2 {
    font-size: 1.125rem;
}
.schriften h3 {
    font-size: 1.375rem;
}
.schriften h4 {
    font-size: 1.25rem;
}
.schriften h5 {
    font-size: 0.75rem;
}
.schriften p {
    font-size: 1rem;
}
.schriften p span {
    font-size: 0.875rem;
}
.schriften  ul {
    font-size: 1rem;
}}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.schriften p {
    font-size: 1rem;
}
.schriften h1 {
    font-size: 1.75rem;
}
.schriften h2 {
    font-size: 1.25rem;
}
.schriften h3 {
    font-size: 1.5rem;
}
.schriften h4 {
    font-size: 1.25rem;
}
.schriften h5 {
    font-size: 0.75rem;
}}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.schriften p {
    font-size: 1rem;
}
.schriften h1 {
    font-size: 1.75rem;
}
.schriften h2 {
    font-size: 1.25rem;
}
.schriften h3 {
    font-size: 1.5rem;
}
.schriften h4 {
    font-size: 1.25rem;
}
.schriften h5 {
    font-size: 0.75rem;
}}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.schriften p {
    font-size: 1.125rem;
}
.schriften h1 {
    font-size: 1.75rem;
}
.schriften h2 {
    font-size: 1.375rem;
}
.schriften h3 {
    font-size: 1.625rem;
}
.schriften h4 {
    font-size: 1.25rem;
}
.schriften h5 {
    font-size: 2rem;
}}
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
.schriften p {
    font-size: 1.125rem;
}
.schriften h1 {
    font-size: 1.75rem;
}
.schriften h2 {
    font-size: 1.375rem;
}
.schriften h3 {
    font-size: 1.625rem;
}
.schriften h4 {
    font-size: 1.25rem;
}
.schriften h5 {
    font-size: 1.75rem;
}
.schriften h6 {
    font-family: "rasch2002", cursive, sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
    margin-bottom: 20px;
    padding-bottom: 0;
}}
.font-weight-light{
    font-weight:300
}
.font-weight-lighter{
    font-weight:lighter
}
.font-weight-normal{
    font-weight:400
}
.font-weight-bold{
    font-weight:600
}
.font-weight-bolder{
    font-weight:700
}
.font-italic{
    font-style:italic
}
.text-underline{
    text-decoration:underline
}
.text-through{
    text-decoration:line-through
}
.text-lowercase{
    text-transform:lowercase
}
.text-uppercase{
    text-transform:uppercase
}
.text-capitalize{
    text-transform:capitalize
}
.text-primary{
    color:#e6e7ee
}
a.text-primary:focus,a.text-primary:hover{
    color:#b8bbcf
}
.text-secondary{
    color:#2d4cc8}
a.text-secondary:focus,a.text-secondary:hover{
    color:#1f348a
}
.text-success{
    color:#18634b
}
a.text-success:focus,a.text-success:hover{
    color:#09251c
}
.text-info{
    color:#0056b3
}
a.text-info:focus,a.text-info:hover{
    color:#003167
}
.text-warning{
    color:#f0b400
}
a.text-warning:focus,a.text-warning:hover{
    color:#a47b00
}
.text-danger{
    color:#a91e2c
}
a.text-danger:focus,a.text-danger:hover{
    color:#68121b
}
.text-light{
    color:#d1d9e6
}
a.text-light:focus,a.text-light:hover{
    color:#9fb0cb
}
.text-dark{
    color:#31344b
}
a.text-dark:focus,a.text-dark:hover{
    color:#13141d
}
.text-default{
    color:#262833
}
a.text-default:focus,a.text-default:hover{
    color:#050607
}
.text-white{
    color:#ecf0f3
}
a.text-white:focus,a.text-white:hover{
    color:#bdcbd5
}
.text-gray{
    color:#44476a
}
a.text-gray:focus,a.text-gray:hover{
    color:#26283b
}
.text-neutral{
    color:#ecf0f3
}
a.text-neutral:focus,a.text-neutral:hover{
    color:#bdcbd5
}
.text-soft{
    color:#e6e7ee
}
a.text-soft:focus,a.text-soft:hover{
    color:#b8bbcf
}
.text-black{
    color:#262833
}
a.text-black:focus,a.text-black:hover{
    color:#050607
}
.text-purple{
    color:#6f42c1
}
a.text-purple:focus,a.text-purple:hover{
    color:#4e2d89
}
.text-gray-100{
    color:#f3f7fa
}
a.text-gray-100:focus,a.text-gray-100:hover{
    color:#bdd3e4
}
.text-gray-200{
    color:#fafbfe
}
a.text-gray-200:focus,a.text-gray-200:hover{
    color:#bac8f1
}
.text-gray-300{
    color:#e6e7ee
}
a.text-gray-300:focus,a.text-gray-300:hover{
    color:#b8bbcf
}
.text-gray-400{
    color:#d1d9e6
}
a.text-gray-400:focus,a.text-gray-400:hover{
    color:#9fb0cb
}
.tet-gray-500{
    color:#b1bcce
}
a.text-gray-500:focus,a.text-gray-500:hover{
    color:#8294b0
}
.text-gray-600{
    color:#93a5be
}
a.text-gray-600:focus,a.text-gray-600:hover{
    color:#637da1
}
.text-gray-700{
    color:#66799e
}
a.text-gray-700:focus,a.text-gray-700:hover{
    color:#475570
}
.text-gray-800{
    color:#525480
}
a.text-gray-800:focus,a.text-gray-800:hover{
    color:#343551
}
.text-facebook{
    color:#3b5999
}
a.text-facebook:focus,a.text-facebook:hover{
    color:#263962
}
.text-dribbble{
    color:#ea4c89}
a.text-dribbble:focus,a.text-dribbble:hover{
    color:#d11960
}
.text-github{
    color:#222
}
a.text-github:focus,a.text-github:hover{
    color:#000
}
.text-behance{
    color:#0057ff
}
a.text-behance:focus,a.text-behance:hover{
    color:#003db3
}
.text-twitter{
    color:#1da1f2
}
a.text-twitter:focus,a.text-twitter:hover{
    color:#0b76b8
}
.text-slack{
    color:#3aaf85
}
a.text-slack:focus,a.text-slack:hover{
    color:#277659
    }
.text-body{
    color:#44476a
}
.text-muted{
    color:#525480
}
.text-black-50{
    color:rgba(38,40,51,.5)
}
.text-white-50{
    color:rgba(236,240,243,.5)
}
.text-hide{
    font:0/0 a;
    color:transparent;
    text-shadow:none;
    background-color:transparent;
    border:0
}
.text-decoration-none{
    text-decoration:none
}
.text-break{
    word-break:break-word;
    overflow-wrap:break-word
}
.text-reset{
    color:inherit
}
.visible{
    visibility:visible
}
/*--------------------------------------------------------------
# Hover fur Images
--------------------------------------------------------------*/
.hover_icon {
    position:relative;
    display:block;
}
.hover_icon:before {
    font-family:'stern';
    font-weight: normal;
    font-style: normal;
    font-size: 4.5em;
    color:#d5dedf;
    cursor:pointer;
    position:absolute;
    z-index:10;
    left:50%;
    top:50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 0;
    filter: alpha(opacity=0);
    margin-top: 50px;
    -webkit-transition: all ease 1.0s;
    -moz-transition: all ease 1.0s;
    -ms-transition: all ease 1.0s;
    -o-transition: all ease 1.0s;
    transition: all ease 1.0s;
}
.hover_icon:hover:before {
    opacity: 1;
    filter: alpha(opacity=100);
    margin-top: 10px;
}
/* Seestern */
.hover_icon_seestern:before{
    color: #fff;
    content:'\E867';
    font-size: 5em;
    text-indent: 0.3em;
}
/* Leuchtturm2 */
.hover_icon_leuchtturm2:before {
    content:'\E861';
    color: #fff;
}
/* Segelboot */
.hover_icon_segelboot:before {
    content:'\E845';
    color: #fff;
}
/* Pirat */
.hover_icon_pirat:before {
    content:'\E86F';
    color: #fff;
}
/* Boot */
.hover_icon_boot:before {
    content:'\E84C';
    color: #000;
}
/* Muschel */
.hover_icon_muschel:before {
    content:'\E85F';
    color: #fff;
}

/*--------------------------------------------------------------
# Button Rot | Gelb | Grün | Blau | Grau
--------------------------------------------------------------*/

 .youtube_button_hover{
    height:80px;
    width:80px;
    border:none;
    background:url(../../../img/button/weiss.png) no-repeat;
    transform: translateY(30px);
    transition: transform 500ms;
}
.youtube_button_hover:hover{
    height:80px;
    width:80px;
    border:none;
    background:url(../../../img/button/gruen.png) no-repeat;
    transform: translateY(25px);
    transition: transform 500ms;
 }
 .down {
    transition: all 0.2s ease;
}
.button {
    display: inline-block;
    font-weight: 400;
    color: #323232;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0;
    padding: 0.55rem 0.95rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.55rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    position: relative;
    transition: all 0.2s ease;
    letter-spacing: 0.025em;
    font-size: 1rem;
    border-color: #8f8f8f;
    box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #ffffff;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.youtube_button_hover{
    height:40px;
    width:40px;
    border:none;
    background:url(../../../img/button/weiss40.png) no-repeat;
}
.youtube_button_hover:hover{
    height:40px;
    width:40px;
    border:none;
    background:url(../../../img/button/gruen40.png) no-repeat;
 }
.button {
    border: 0;
    padding: 0.55rem 0.95rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.55rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    position: relative;
    transition: all 0.2s ease;
    letter-spacing: 0.025em;
    font-size: 1rem;
    border-color: #8f8f8f;
    box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #ffffff;
}}
@media only screen and (min-width: 480px) and (max-width: 575px) {

.youtube_button_hover{
    height:40px;
    width:40px;
    border:none;
    background:url(../../../img/button/weiss40.png) no-repeat;
}
.youtube_button_hover:hover{
    height:40px;
    width:40px;
    border:none;
    background:url(../../../img/button/gruen40.png) no-repeat;
 }.button {
    border: 0;
    padding: 0.55rem 0.95rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.55rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    position: relative;
    transition: all 0.2s ease;
    letter-spacing: 0.025em;
    font-size: 1rem;
    border-color: #8f8f8f;
    box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #ffffff;
}}
.button-rot1 {
    margin-right: 25px;
    margin-bottom: 1rem;
    color: #323232;
    background: #FF5533;
    background-clip: padding-box;
    border: 0.0625rem solid #FF5533;
    border-radius: 0.55rem;
    box-shadow:  5px 5px 7px #8f8f8f,-5px -5px 7px #ffffff;
    transition: all 0.3s ease-in-out;
}
.button-rot2 {
    margin-right: 25px;
    margin-bottom: 1rem;
    color: #323232;
    background: #fc5c65;
    background-clip: padding-box;
    border: 0.0625rem solid #fc5c65;
    border-radius: 0.55rem;
    box-shadow:  5px 5px 7px #8f8f8f,-5px -5px 7px #ffffff;
    transition: all 0.3s ease-in-out;
}
.button-rot3 {
    margin-right: 25px;
    margin-bottom: 1rem;
    color: #323232;
    background: #ff5e57;
    background-clip: padding-box;
    border: 0.0625rem solid #ff5e57;
    border-radius: 0.55rem;
    box-shadow:  5px 5px 7px #8f8f8f,-5px -5px 7px #ffffff;
    transition: all 0.3s ease-in-out;
}
.button-gelb1 {
    margin-right: 25px;
    margin-bottom: 1rem;
    color: #323232;
    background: #fed330;
    background-clip: padding-box;
    border: 0.0625rem solid #fed330;
    border-radius: 0.55rem;
    box-shadow:  5px 5px 7px #8f8f8f,-5px -5px 7px #ffffff;
    transition: all 0.3s ease-in-out;
}
.button-gelb2 {
    margin-right: 25px;
    margin-bottom: 1rem;
    color: #323232;
    background: #f7b731;
    background-clip: padding-box;
    border: 0.0625rem solid #f7b731;
    border-radius: 0.55rem;
    box-shadow:  5px 5px 7px #8f8f8f,-5px -5px 7px #ffffff;
    transition: all 0.3s ease-in-out;
}
.button-gelb3 {
    margin-right: 25px;
    margin-bottom: 1rem;
    color: #323232;
    background: #ffdd59;
    background-clip: padding-box;
    border: 0.0625rem solid #ffdd59;
    border-radius: 0.55rem;
    box-shadow:  5px 5px 7px #8f8f8f,-5px -5px 7px #ffffff;
    transition: all 0.3s ease-in-out;
}
.button-gruen1 {
    margin-right: 25px;
    margin-bottom: 1rem;
    color: #323232;
    background: #26de81;
    background-clip: padding-box;
    border: 0.0625rem solid #26de81;
    border-radius: 0.55rem;
    box-shadow:  5px 5px 7px #8f8f8f,-5px -5px 7px #ffffff;
    transition: all 0.3s ease-in-out;
}
.button-gruen2 {
    margin-right: 25px;
    margin-bottom: 1rem;
    color: #323232;
    background: #20bf6b;
    background-clip: padding-box;
    border: 0.0625rem solid #20bf6b;
    border-radius: 0.55rem;
    box-shadow:  5px 5px 7px #8f8f8f,-5px -5px 7px #ffffff;
    transition: all 0.3s ease-in-out;
}
.button-gruen3 {
    margin-right: 25px;
    margin-bottom: 1rem;
    color: #323232;
    background: #0be881;
    background-clip: padding-box;
    border: 0.0625rem solid #0be881;
    border-radius: 0.55rem;
    box-shadow:  5px 5px 7px #8f8f8f,-5px -5px 7px #ffffff;
    transition: all 0.3s ease-in-out;
}
.button-blau1 {
    margin-right: 25px;
    margin-bottom: 1rem;
    color: #323232;
    background: #45aaf2;
    background-clip: padding-box;
    border: 0.0625rem solid #45aaf2;
    border-radius: 0.55rem;
    box-shadow:  5px 5px 7px #8f8f8f,-5px -5px 7px #ffffff;
    transition: all 0.3s ease-in-out;
}
.button-blau2 {
    margin-right: 25px;
    margin-bottom: 1rem;
    color: #323232;
    background: #4b7bec;
    background-clip: padding-box;
    border: 0.0625rem solid #4b7bec;
    border-radius: 0.55rem;
    box-shadow:  5px 5px 7px #8f8f8f,-5px -5px 7px #ffffff;
    transition: all 0.3s ease-in-out;
}
.button-blau3 {
    margin-right: 25px;
    margin-bottom: 1rem;
    color: #323232;
    background:#0fbcf9;
    background-clip: padding-box;
    border: 0.0625rem solid #0fbcf9;
    border-radius: 0.55rem;
    box-shadow:  5px 5px 7px #8f8f8f,-5px -5px 7px #ffffff;
    transition: all 0.3s ease-in-out;
}
.button-grau1 {
    margin-right: 25px;
    margin-bottom: 1rem;
    color: #323232;
    background: #778ca3;
    background-clip: padding-box;
    border: 0.0625rem solid #8f8f8f;
    border-radius: 0.55rem;
    box-shadow:  5px 5px 7px #8f8f8f,-5px -5px 7px #ffffff;
    transition: all 0.3s ease-in-out;
}
.button-grau2 {
    margin-right: 25px;
    margin-bottom: 1rem;
    color: #323232;
    background: #4b6584;
    background-clip: padding-box;
    border: 0.0625rem solid #8f8f8f;
    border-radius: 0.55rem;
    box-shadow:  5px 5px 7px #8f8f8f,-5px -5px 7px #ffffff;
    transition: all 0.3s ease-in-out;
}
.button-grau3 {
    margin-right: 25px;
    margin-bottom: 1rem;
    color: #323232;
    background: #808e9b;
    background-clip: padding-box;
    border: 0.0625rem solid #8f8f8f;
    border-radius: 0.55rem;
    box-shadow:  5px 5px 7px #8f8f8f,-5px -5px 7px #ffffff;
    transition: all 0.3s ease-in-out;
}
.button-gelb3 {
    margin-right: 25px;
    margin-bottom: 1rem;
    color: #323232;
    background: #ffdd59;
    background-clip: padding-box;
    border: 0.0625rem solid #ffdd59;
    border-radius: 0.55rem;
    box-shadow:  5px 5px 7px #8f8f8f,-5px -5px 7px #ffffff;
    transition: all 0.3s ease-in-out;
}
.button-senden:hover {
    border-radius: 0.55rem;
    color: #323232;
    background: #d2dae2;
    outline: 0;
    border: 0;
    box-shadow: inset 5px 5px 7px #8f8f8f,inset -5px -5px 7px #ffffff;
}
.button:hover {
    border-radius: 0.55rem;
    color: #323232;
    background: #d2dae2;
    outline: 0;
    border: 0;
    box-shadow: inset 5px 5px 7px #8f8f8f,inset -5px -5px 7px #ffffff;
}
.down {
    transition: all 0.2s ease;
}
/*--------------------------------------------------------------
# ANZEIGE COOKIES
--------------------------------------------------------------*/
.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 1500ms ease-out;
    color: #ecf0f1;
    background: #aebcbf;
    background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
    background: -webkit-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
    background: linear-gradient(to bottom, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 );
    height: 60px;
    font-family: "rasch2002", sans-serif;
    font-size: 18px;
    transition: all 0.5s;
    overflow: hidden;
    color: rgba(255, 255, 255, 1.0);
}
.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1500ms;
}
.cookiealert a {
    text-decoration: none;
    color: #0be881;
}
.cookiealert a:hover {
    text-decoration: none;
    color: #ffdd59;
}
.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}
.btn_large {
    width: 100px;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn_large-gruen {
    margin-right: 25px;
    margin-bottom: 1rem;
    color: #323232;
    background: #0be881;
    background-clip: padding-box;
    border: 0.0625rem solid #0be881;
    border-radius: 0.55rem;
    box-shadow:  3px 3px 5px #8f8f8f,-3px -3px 5px #ffffff;
    transition: all 0.3s ease-in-out;
}
.btn_large:hover {
    border-radius: 0.55rem;
    color: #323232;
    background: #d2dae2;
    outline: 0;
    box-shadow: inset 3px 3px 5px #8f8f8f,inset -3px -3px 5px #ffffff;
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
.cookiealert {
   display: none;
}}
@media only screen and (max-width: 767px) {
.cookiealert {
    height: 50px;
    font-size: 14px;
}
.btn_large {
    width: 50px;
    padding: 3px 6px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.0;
    border-radius: 2px;
}
.btn_large-gruen {
    border: 0.0225rem solid #0be881;
    border-radius: 0.55rem;
    box-shadow:  1px 1px 3px #8f8f8f,-1px -1px 3px #ffffff;
}}
@media only screen and (max-width: 980px) {
.cookiealert {
    height: 60px;
    font-size: 16px;
}
.btn_large {
    width: 50px;
    padding: 3px 6px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.0;
    border-radius: 2px;
}
.btn_large-gruen {
    border: 0.0225rem solid #0be881;
    border-radius: 0.55rem;
    box-shadow:  1px 1px 3px #8f8f8f,-1px -1px 3px #ffffff;
}}
@media only screen and (max-width: 1280px) {
.cookiealert {
    height: 60px;
    font-size: 16px;
}
.btn_large {
    width: 50px;
    padding: 3px 6px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.0;
    border-radius: 2px;
}
.btn_large-gruen {
    border: 0.0225rem solid #0be881;
    border-radius: 0.55rem;
    box-shadow:  1px 1px 3px #8f8f8f,-1px -1px 3px #ffffff;
}}
@media only screen and (max-width: 1680px) {
.cookiealert {
    height: 60px;
    font-size: 16px;
}
.btn_large {
    width: 50px;
    padding: 3px 6px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.0;
    border-radius: 2px;
}
.btn_large-gruen {
    border: 0.0225rem solid #0be881;
    border-radius: 0.55rem;
    box-shadow:  1px 1px 3px #8f8f8f,-1px -1px 3px #ffffff;
}}