/* fonts liegen in fonts.css  */

/* Bootstrap Spalten breiter */

[class*="col-"] {
  padding-left: 25px;
  padding-right: 25px;
}

.row {
  margin-left: -25px;
  margin-right: -25px;
}

@media (min-width: 1200px) {
.container {
max-width: 1380px;
}
}

html {
/*  scroll-behavior: smooth !important; */
}

* {
margin: 0;
padding: 0px;
}

html {
height:100%;	
}

body {
color:#605d48;
/* font-family: 'Funnel Sans',verdana,arial; */
font-family: 'Jost',verdana,arial;
/* font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; */
/* font-family: 'Roboto Slab', sans-serif; */
/* font-family: 'Exo'; */
/* font-family: 'Outfit'; */

position: relative;
background-color:#fbfbf9;
}

body:after {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: '';
background-color:#fafbf5;
/* background-image:url(../images/bg_tickets.png); */
background-image:url(../images/bg_tickets.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-repeat: no-repeat;
background-position: center top;
z-index:-99999;
}

@media (min-width: 768px) and (max-width: 991px) {
body {

}
}

@media (min-width: 1px) and (max-width: 767px) {
body {

}
}

/* ****************************** TAB FOCUS ****************************** */

/* Standardmäßig den Fokus-Rahmen bei Links und Buttons deaktivieren */
button:focus, a:focus {
outline: none !important;
}

/* Für alle interaktiven Elemente, die Tastaturfokus benötigen */
.user-is-tabbing a:focus,
.user-is-tabbing button:focus,
.user-is-tabbing [data-focus-visible-added] {
border: 2px solid red !important; /* Roter Rahmen für den Fokus */
outline: none !important;
}


.archiv_ausgabe_view:focus-visible {
border: 2px solid red !important; 
outline: none !important;
}


/* Entfernt den Fokus-Stil beim Mausklick */
.archiv_ausgabe_view:not(:focus-visible) {
outline: none;
}

/* Unterstützung für :focus-visible falls vom Polyfill unterstützt */
a:focus-visible,
button:focus-visible {
border: 2px solid red !important;
}

/* Zusätzlicher Fokus für Bilder in Links */
a img {
display: inline-block; /* Macht das Bild fokussierbar */
}

.user-is-tabbing a:focus img,
.user-is-tabbing a:focus-visible img,
[data-focus-visible-added] img {
border: 2px solid red !important; /* Roter Rahmen bei Tastaturfokus */
}

/* Optional: Weitere interaktive Elemente */
.user-is-tabbing input:focus,
.user-is-tabbing select:focus,
.user-is-tabbing textarea:focus {
border: 2px solid red !important;
}

a:focus-visible img {
outline: 2px solid red!important;
outline-offset: 2px!important;
}

input[type="checkbox"]:focus-visible {
outline: none; /* entfernt den Standard-Fokusrahmen */
box-shadow: 0 0 0 2px red; /* roter Rahmen-Effekt */
border: 2px solid red; /* falls du einen festen Rahmen willst */
}

input[type="radio"]:focus-visible {
outline: none; /* entfernt den Standard-Fokusrahmen */
box-shadow: 0 0 0 2px red; /* roter Rahmen-Effekt */
border: 2px solid red; /* falls du einen festen Rahmen willst */
}

input.schalter_pagi:focus-visible,
input.schalter.abbrechen:focus-visible,
#my_bestellen:focus-visible,
input.button-plus:focus-visible,
input.button-minus:focus-visible {
outline: 2px solid red !important;
outline-offset: 2px;
}

/* ****************************** ENDE TAB FOCUS ****************************** */

@media (min-width: 576px) {
.container-sm {
max-width: 540px!important; 
}
}

@media (min-width: 768px) {
.container-md {
max-width: 720px!important; 
}
}

/*
body:after {
height: 100%;
width: 100%;
position:fixed;
top:0;
left:0;
content:'';
background:url(../images/bg-tickets.jpg);
background-size:cover;
background-position: center top;
z-index:-1000;
}
*/

body_ios {
background-attachment:scroll!important;
}

@media (min-width: 1px) and (max-width: 991px) {
body {
background-size: auto auto!important;
}
}

/* ****************** Für scrollen - soft ******************* */

/*    *{scroll-behavior: smooth !important;} */

/* ****************** ende scrollen - soft ******************* */

.clearer {
display:block!important;
clear:both;
line-height:0;
height:1px;
font-size:0;
visibility:hidden;
}

.clear {
clear:both;
}

strong,b {
font-weight:500!important;	
}

small {
font-weight:300!important;	
}

.position_logo {
padding-top:100px; 
}

.header-wrapper {
position:relative;
background:url(../images/bg_header.svg);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
background-size: 100vw auto;
/* background: linear-gradient(to bottom right, #11364d, #35bae0); */
}

/* background: linear-gradient(to bottom right,#11364d 0%,#35bae0 25%,#ffc229 50%,#a1cf4f 75%,#e61b72 100%); */


.header-wrapper img {
margin-left: auto!important;
margin-right: auto!important;
}

@media (min-width: 768px) and (max-width: 1200px) {

.header-wrapper {
}

.position_logo {
padding-top:60px; 
}

}


@media (min-width: 1px) and (max-width: 767px) {
.header-wrapper {
background:url(../images/bg_header_mobile.svg);
background-repeat: no-repeat;
background-position: left top!important; 
}
}

.familie {
margin-top:5px;
left:-90px;	
float:right;
height:160px;
width:auto;
display:inline-block;
border-radius:50%;
position:relative;
/* box-shadow: 0 0 20px rgba(0,0,0,0.1); */
border-left:15px solid #ffc229;
border-right:7px solid #18445e;
border-top:2px solid #e61b72;
border-bottom:2px solid #a1cf4f;
}

.bahnen {
margin-top:15px;
float:right;
width:300px;
display:inline-block;
position:relative;
}


.logo-adventuregolf-coswig {
width:500px!important;
height:auto;
transition: transform 1s ease, opacity 1s ease; /* Übergang für Zoom und Opazität */
}

.logo-adventuregolf-coswig:hover {
    transform: scale(1.05); /* Zoom-Effekt (10% größer) */
    opacity: 1; /* Opazität auf 1 beim Hover */
}

@media (min-width: 1px) and (max-width: 1199px) {
.familie {
display:none!important;
}
}

@media (min-width: 768px) and (max-width: 991px) {

.logo-adventuregolf-coswig {
width:47vw!important;
height:auto;
}

.position_logo {
padding-top:75px; 
}

.bahnen {
width:180px;
}

}


@media (min-width: 1px) and (max-width: 767px) {

.logo-adventuregolf-coswig {
width:85%!important;
height:auto;
}

/* vorerst blind schalten in der entwicklung, muss noch angepasst werden */
.bahnen {
display:none!important;
}

.position_logo {
padding-top:75px; 
}

}



/* /////////////////// Logo Footer ////////////////// */

.logo-tickets-footer {
width:300px;
height:auto;
margin-top:40px;
margin-bottom:40px;
display:block;
}


@media (min-width: 1px) and (max-width: 767px) { 
.logo-tickets-footer {
width:80vw!important;
height:auto;
}
}


/* /////////////////// Mobile Buchungsschalter ////////////////// */


@media (min-width: 768px) and (max-width: 10000px) {
.buchen_mobile_schalter {
visibility: hidden!important;
position:absolute;
z-index:10000;
top:20px;
right:10px;	
}
}

@media (min-width: 1px) and (max-width: 767px) {
.buchen_mobile_schalter {
visibility: visible!important;
position:absolute;
z-index:10000;
top:20px;
right:10px;	
}
}

/* /////////////////// Ende Mobile Buchungsschalter ////////////////// */

#spacer_top {
height:15px;
}

@media screen and (max-width: 480px) {
#spacer_top {
height:10px!important;
}
}

/* /////////////////// Mobile Buchungsschalter ////////////////// */

.buchen_mobile_schalter {
position:absolute;
z-index:10000;
top:20px;
right:10px;	
}

/* /////////////////////////////  NEUE Konfiguration ////////////////// */

/* font-family: 'Kaushan Script; */
/* font-family: 'Funnel Sans',verdana,arial; */
/* font-family: 'Exo',verdana,arial; */
/* font-family: 'Jost',verdana,arial; */
/* font-family: 'Outfit',verdana,arial; */

h1,h2,h3,h4 {
letter-spacing: 0px;
word-break: break-word;   /* Modernere Methode */
font-family: 'Jost', verdana, arial;
white-space: normal;      /* Ändern von nowrap zu normal */
overflow-wrap: break-word; /* Moderner Standard */
max-width: 100%;          /* Verhindert, dass die Überschrift den Container überschreitet */
box-sizing: border-box;   
}

h1 {
font-family: 'Kalam',verdana,arial; 
font-size: clamp(42px, 2vw + 1rem, 65px);
line-height: clamp(46px, 2.5vw + 0.5rem, 70px);
font-weight:400;
margin: 5px 0px 45px 0px;
letter-spacing:-2px;
text-transform:uppercase;
}

h2 {
font-family: 'Jost',verdana,arial;
font-size: clamp(25px, 2vw + 1rem, 30px);
line-height: clamp(31px, 2.5vw + 0.5rem, 33px);
font-weight:400;
margin: 20px 0px 30px 0px;
letter-spacing:0px;
letter-spacing:-1px;
font-style:italic;
}

/* alle Ausstellungen so Funktionierts usw. mit Icons davor etc */
h3 { 
font-size: clamp(25px, 2vw + 1rem, 28px);
line-height: clamp(30px, 2.5vw + 0.5rem, 32px);
font-weight:300!important;
margin: 5px 0px 15px 0px;
color:#35bae0;
letter-spacing:0px!important;
text-transform:none!important;
}

h4 {
font-size: 38px;
line-height: 55px;
font-weight:700;
margin: 20px 0px 10px 0px;
}

@media screen and (max-width: 767px) 
{
h1 {
margin: 5px 0px 25px 0px!important;
text-align:center;
} 
h2 {
margin: 5px 0px 20px 0px!important;
letter-spacing:-1px;
}
h3 {
margin: 5px 0px 20px 0px!important;
}
h4 {
font-size: 38px!important;
line-height: 45px;
margin: 20px 0px 10px 0px!important;
}
}

.gruen {
color:#b3ba43!important;
}

.lila {
color:#c2238c!important;
}

.blau {
color:#359bac!important;
}

.weiss {
color:#FFFFFF!important;
}

.schwarz {
color:#494949!important;
}

/* ///////////////////// wrapper //////////////// */

.wrapper-page {
/* background-color:#eeede7; */ /* faf9f4 */
/* background: rgba(238,237,231, 0.98)!important; */
/* background: rgba(255,255,255,1)!important; */
/* max-width:1140px; */
/* padding:40px 20px 80px 20px!important; */
padding:30px 0px 50px 0px!important;
/* margin-bottom:60px!important; */
border-radius:20px;
/* border-top:20px solid #e1e0d5; */
/* border-bottom:20px solid #faf8f5; */
/* border:1px dotted #000000; */
}


@media (min-width: 992px) and (max-width: 1200px) {
.wrapper-page {
/* max-width: calc(100vw - 120px); */
padding:20px 0px 20px 0px!important;
}		
}	

@media (min-width: 768px) and (max-width: 991px) {
.wrapper-page {
/* max-width: calc(100vw - 80px); */
padding:20px 0px 20px 0px!important;
}		
}

@media (min-width: 576px) and (max-width: 767px) {
.wrapper-page {
/* max-width: calc(100vw - 80px); */
padding:10px 0px 20px 0px!important;
}		
}	

@media (min-width: 1px) and (max-width: 575px) {
.wrapper-page {
/* max-width: calc(100vw - 30px); */
padding:5px 0px 10px 0px!important;
}		
}


p,li {
padding: 0;
margin-bottom: 20px;
font-weight:300!important;
font-size: 19px!important;
line-height: 26px!important;
-moz-hyphens: none!important;
-webkit-hyphens: none!important;
-ms-hyphens: none!important;
-o-hyphens: none!important;
hyphens: none!important;
}

.wrapper-page a,
.wrapper-page a:link {
font-size: 20px!important;
color:#000000;
text-decoration:underline;
transition: background-color .4s linear, color .4s linear;
text-decoration-thickness: auto;
text-decoration-thickness: 1px;
text-underline-offset: 5px;
}

.wrapper-page a:hover {
color:#000000;
text-decoration:none;
}

.wrapper-page ul {
margin-bottom:30px;
}

.fenster ul li,
.wrapper-page ul li {
margin: 0px 0px 3px 25px!important;
list-style-type: none !important;
list-style-image: url(../images/listenpunkt.svg);
}

.fenster li,
.wrapper-page li {
padding: 5px 0px 5px 0px !important;
font-weight:300 !important;
margin-bottom: 2px !important;
font-size: 20px !important;
line-height: 28px !important;
border-bottom: 0px solid #dedbca;
}


.haarlinie {
margin-top:35px;
margin-bottom:50px;
}

@media (min-width: 1px) and (max-width: 767px) {
.haarlinie {
margin-top:20px!important;
margin-bottom:30px!important;
width:200px;
height:auto;
}		
}


a.schalter_mehr_infos,
a.schalter_mehr_infos:link {
clear:both;
margin-top:20px;
position: relative;
display: inline-block;
padding: 6px 14px 8px 14px!important;
font-size:22px!important;
line-height:26px!important;
text-decoration:none!important;
font-weight:500!important;
margin-bottom:20px!important;
margin-top:20px!important;
letter-spacing:0px;
text-align:center!important;
border-top: 3px solid #FFFFFF;
border-bottom: 3px solid #FFFFFF;
background-color:#eaede4;
-webkit-box-shadow: 0px 8px 37px -16px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 8px 37px -16px rgba(0,0,0,0.31);
box-shadow: 0px 8px 37px -16px rgba(0,0,0,0.31);
border-radius:6px;
} 

a.schalter_mehr_infos:hover {
-webkit-box-shadow: 0px 8px 37px -16px rgba(0,0,0,0.0)!important;
-moz-box-shadow: 0px 8px 37px -16px rgba(0,0,0,0.0)!important;
box-shadow: 0px 8px 37px -16px rgba(0,0,0,0.0)!important;
background-color:rgba(245,243,234,1)!important;
}

@media (min-width: 1px) and (max-width: 767px) {
a.schalter_mehr_infos,
a.schalter_mehr_infos:link {
margin-bottom:8px!important;
margin-top:8px!important;
} 
} 


.logo_ort {
background: rgba(255,255,255, 1)!important;
padding:10px 20px 10px 20px;
margin-bottom:10px!important;
display:inline-block;
}

a.link_anfahrt:before {
font-family: FontAwesome;
content: "\f041";
margin-right:15px;
color:#c2c1c1;
margin-left:2px;
}

a.link_webseite:before {
font-family: FontAwesome;
content: "\f0ac";
margin-right:12px;
color:#c2c1c1;
}

hr.small {
border-top: 1px dotted rgba(255,255,255,0.4);
max-width:200px;
height:1px!important;
}

.carousel-inner img {
}

.carousel-inner {
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
border:  5px solid #fff;
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
border-radius: 10px;
}

.carousel-control.left        { background-image: none; }
.carousel-control.right       { background-image: none; }
.carousel-inner .item         { background: white;      }

/* //////////////////////// Inhaltsboxen anlage.php mit hintergrund ///////////////////////////////// */

.content_box {
box-shadow: 0 0 40px rgba(0,0,0,0.1);
display:inline-block;
border:0px #dbd8c5 solid;
padding:25px 35px 10px 40px;
border-radius:30px 30px 30px 30px;
background: rgba(255,255,255,0.25)!important;
}

.content_box:hover {
box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

/* //////////////////////// nach oben ///////////////////////////////// */

#schalter_oben {
position:absolute;
z-index:999;
top:97%;
left:100%;
position:fixed;
margin-left:-60px;
margin-top:-58px;
display:none;
}

#schalter_oben a,
#schalter_oben a:link {
background: url(../images/top_schalter.png);
display:block;
width:50px;
height:50px;
font-size: 0.0em;
border-radius:50%!important;
width:50px;
height:50px;
}

#schalter_oben a:hover {
background: url(../images/top_schalter.png);
}

.modal {

}

/* //////// Info Box Bitte wählen Sie ein Ticket wird Vertikal zentriert  /////// */
/* soll nur für diese Box gelten, alle anderen sind Scroll */

#myModal_ticket_verfuegbar_kat1 .modal-dialog,
#myModal_ticket_verfuegbar_kat2 .modal-dialog,
#myModal_ticket_hinweis .modal-dialog {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) !important;
}

@media (min-width: 1px) and (max-width: 575px) {
#myModal_ticket_verfuegbar_kat1 .modal-dialog,
#myModal_ticket_verfuegbar_kat2 .modal-dialog,
#myModal_ticket_hinweis .modal-dialog {
width:80vw!important;
margin: 0.5rem auto !important;
}
}

/* //////// Schalter Modal /////// */

.modal_close_x {
color:#a1cf4f!important;
background-color:inherit!important;
display:block;
margin-left:auto;
}

.modal_close_x:hover {
color:#262626!important;
background-color:inherit!important;	
}


.btn-secondary {
color:#FFFFFF!important;
background-color:#a1cf4f!important;
border:0px!important;
border-radius:50px!important;
padding:6px 20px 6px 20px!important;
-webkit-box-pack: right!important;
-ms-flex-pack: right!important;
justify-content: right!important;
}

.btn-secondary:hover {
color:#FFFFFF!important;
background-color:#262626!important;
}

.modal-dialog {
/* max-width:1000px!important; */
/*
margin-left:40%;
margin-right: 40%;
*/
}

.modal-content {
background-color:#fbfbf9!important;
color:#605d48!important;
border-radius:20px!important;
border:10px solid #ededed;
/* border-bottom:20px solid #faf8f5; */
}

.modal-body {
padding: 0px 10px 5px 10px!important;
}

.modal-body,
.modal-header,
.modal-footer {
/* background-color:#e8e3dc!important; */
/* background-color:#000000!important; */
}

.modal-header {
border-bottom: 0px solid #dee2e6!important;
}

/* für modal box agb und Widerrufsbelehrung, Artikel mit Modul 011, Container 1173px breit, hier auf Boxenbreite 100% */
.modal-body .container {
max-width:100%!important;
}

.modal-body .container p,
.modal-body .container ul li {
font-weight:300!important;
font-size:17px!important;
line-height:26px!important;
color:#605d48!important;
}

.modal-body .container a,
.modal-body .container a:link,
.modal-body .container a:visited {
color:#605d48!important;
text-decoration:underline!important;
}



.modal-dialog {

}

.modal-dialog h1 {
font-size:25px!important;
line-height:31px!important;
margin: 0px 0px 15px 0px!important;
padding: 0px 0px 0px 0px!important;
font-weight:400!important;
letter-spacing:-1px!important;
text-align:left;
font-family: 'Jost',verdana,arial;
text-transform: none;
font-style:italic;
}

.modal-dialog h2 {
font-size:23px!important;
line-height:27px!important;
margin: 0px 0px 10px 0px!important;
letter-spacing:-1px!important;
}

.modal-dialog h3 {
font-size:23px!important;
line-height:27px!important;
margin: 0px 0px 10px 0px!important;
font-weight:600!important;
}

.modal-dialog img {

}

.modal-title {
/* h4 ist title und wird in der ekko-lightbox.js konfiguriert */
}

@media (min-width: 1px) and (max-width: 480px) {
.modal-title {
line-height:22px!important;
}
}

.modal-backdrop /* background-fade in hintergrund transparenz */
{
opacity:0.80!important;
}

.modal-footer {
/* display:none!important; */
/*
padding: 0px 15px 15px 15px!important;
text-align:center!important;
font-size:18px!important;
color:#8d8b84!important;
*/
}

.modal-header .close {
padding:0px!important;
margin:0px!important;
}

/* Ende Modal */

/* Tabellen */


.table-scrollable {
width: 100%!important;
overflow-y: auto;
margin: 0px 0px 0px 0px;
-webkit-box-shadow: 0px 2px 8px -3px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 2px 8px -3px rgba(0,0,0,0.22);
box-shadow: 0px 2px 8px -3px rgba(0,0,0,0.22);
margin-bottom:20px;
}

.table-scrollable table {
border-top: 1px dotted #FFFFFF !important;
width:100%!important;

}

table tr {
width:100%!important;
}

.table-scrollable table th,
.table-scrollable table td {
vertical-align: top;
padding: 5px 10px 0px 10px;
border-bottom: 1px dotted #FFFFFF !important;
font-weight: 300!important;
}



.gruen tr:nth-child(even) {
background-color: #c2ce67!important;
}

.gruen tr:nth-child(odd) {
background-color: #b3ba43!important;
}


.blau tr:nth-child(even) {
background-color: #3da5b6!important;
}

.blau tr:nth-child(odd) {
background-color: #2e8e9e!important;
}

a.downloadlink_pdf_kasse,
a.downloadlink_pdf_kasse:link {
text-decoration:none!important;
background-color:#a1cf4f;
color: #FFFFFF;
display: inline-block;
padding: 10px 20px;
margin: 20px 0px 40px 0px;
border-radius: 20px !important;
}	

a.downloadlink_pdf_kasse:hover
{
background-color: green;
color: #FFFFFF;
}	

.wrapper-page img.spacer-picture {
margin-bottom:30px;	
}

.shop_erklaerung_wrapper {
/* background-color:#f4fce7; */
/* background: linear-gradient(to bottom, #f9ffef, #FFFFFF); */
padding:5px 18px 10px 18px;
margin-bottom:30px!important;
border-radius:20px;
border:0px solid #d6d6d6;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* dezenter, weicher Schatten */
background: rgba(255,255,255,0.3)!important;
/* height: 100%; */
}

.shop_erklaerung_wrapper:hover {
transition: all 0.7s ease;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0); /* dezenter, weicher Schatten */
}

.shop_erklaerung_wrapper p {
line-height:26px;
}

/* ///////////////// Video //////////////////////// */

.responsive-video {
padding-bottom: 56.25%;
position: relative;
overflow: hidden;
display: block;
height: 0;
}

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

/* ///////////////// glyphicon //////////////////////// */

.my_glyphicon_orange {
padding-right:5px;
font-size:0.8em;
color:#e37326;
}

.my_glyphicon_schwarz {
color:#000000;
padding-right:5px;
font-size:0.8em;
}

.my_glyphicon_weiss {
color:#FFFFFF;
}

.my_glyphicon_blau {
color:#0786bd;
}

/* ///////////////// img-responsive //////////////////////// */

.wrapper-content-box .img-responsive {

}

@media screen and (max-width:767px) {
.wrapper-content-box .img-responsive {
margin-bottom:20px!important;
}
}

/* /////////////////////////////////////////////////// */

.well .color_black,
.color_black {
background-color:#212121!important;
}

.well .color_orange,
.color_orange {
background-color:#e37326!important;
/* border: 1px solid #e37326!important; */
}

.well .color_grau,
.color_grau {
background-color:#545454!important;
/* border: 1px solid #e37326!important; */
}

.well .color_hellgrau,
.color_hellgrau {
background-color:#f5f5f5!important;
/* border: 1px solid #e37326!important; */
}

.well .color_orange_hell,
.color_orange_hell {
background-color:#fcf6e9!important;
border: 1px solid #ffc8a2!important;
}

.well .color_white,
.color_white {
background-color:#FFFFFF!important;
border-top: 0px dashed #999999;
}

/* *************** Infobox *************** */

.info_box {
position:fixed;
z-index:300;
top:50%;
margin-top:0px;
right:10px;
width:80px;
height:80px;
background-color: #a37b33!important;
border-radius:50%;
padding:10px;
-webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
-moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.37);
}

.info_box:hover {
-webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.17);
box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.17);
}

.info_box_inner {
padding:20px 10px 10px 10px;
text-align:center;
}

.info_box_inner .rot {
color:#d1271b!important;
background-color:transparent!important;
margin-bottom:10px;
}

.info_box_inner .rot:hover {
color:#252525!important;
}

.info_box_inner p,
.info_box_inner a,
.info_box_inner a:link {
font-size:16px!important;
color:#3a3a3a;
background-color:transparent!important;
line-height:22px!important;
}

.rahmen_maps {
border:3px solid #b6b6b6;
-webkit-box-shadow: 0px 0px 19px -5px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 0px 19px -5px rgba(0,0,0,0.47);
box-shadow: 0px 0px 19px -5px rgba(0,0,0,0.47);
border-radius:4px;	
}

/* header_logos_link zu Webseiten */

.header_logos_webseiten {
margin: 40px 0px 0px 0px;
padding: 35px 0px 5px 0px;
border:4px dashed #ededed;
/* background-color:#faf8f5; */
border-radius:10px;
}

.header_logos_link {
display:inline-block;
margin:0px 15px 30px 15px;
height:90px;
width:auto;
-webkit-filter:inherit;
-moz-filter:inherit;
-ms-filter:inherit;
-o-filter:inherit;
filter:inherit;
}

.wrapper-page a.logos_link,
.wrapper-page a.logos_link:link {
text-decoration:none!important;
}

@media (min-width: 992px) and (max-width: 1260px) {
.header_logos_link {
height:75px;
width:auto!important;
margin:0px 15px 30px 15px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.header_logos_link {
height:60px!important;
width:auto;
margin:0px 15px 30px 15px;
}
}

@media (min-width: 1px) and (max-width: 767px) 
{
.header_logos_link {
height:50px!important;
width:auto;
margin:0px 10px 20px 10px;
}
}

.header_logos_link:hover {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}


/* ///////////////////// figure Galerie ////////////////////////////// */

.figure_galerie {
margin-top:40px;
display:block;
overflow: hidden;
padding: 30px 20px 20px 20px;
background: rgba(255,255,255, 0.3) !important;
-webkit-box-shadow: 0px 8px 37px -16px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 8px 37px -16px rgba(0,0,0,0.31);
box-shadow: 0px 8px 37px -16px rgba(0,0,0,0.31)
}



figure {
float:left;
width:33.333333333333333333333%;
height:auto!important;
overflow: hidden;
margin: 0!important;
padding: 0!important;
border:none;
}

.figure_thumb {
width:33.333333333333333333333vw!important;
height:auto!important;
}

figure img {
padding:10px;
}

@media (min-width: 1px) and (max-width: 480px) {
figure {
width:50%!important;
height:auto!important;
}
.figure_thumb {
width:100%!important;
height:auto!important;
}
figure img {
padding:5px!important;
}
}

/* Galerie 18 Bahnen */

.picture_size {
height:180px;
width:auto;
padding:10px;
border: 2px solid #ececec;
border-radius:10px;	
margin:12px;
transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}

@media (min-width: 1px) and (max-width: 575px) {
.picture_size {
margin:8px;
height:150px;
width:auto;
}	
}

.picture_size:hover {
transform: scale(1.05) rotate(5deg); /* leicht vergrößern & drehen */
box-shadow: 0 7px 17px rgba(0, 0, 0, 0.15); /* schöner Schatten */
border-color: #cecece; /* dezente Farbänderung am Rahmen */
}

/* ///////////// Steps Grafiken */

.steps_grafik {
width:200px!important;
height:auto;
}

/* Zoom Out #1 */
/*
figure img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

figure img:hover  {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
*/

/* //////////// Voting Auswertung Startseite ///////////////// */

.star_auswertung {
font-size:28px!important;
margin-right:6px;
margin-left:6px;
color:#35bae0;
}

@media (min-width: 1px) and (max-width: 480px) {
.star_auswertung {
margin-right:3px;
margin-left:3px;
}	
}

/* //////////// Voting Step 5 ///////////////// */

.star {
font-size:24px!important;
margin-right:10px;
color:#35bae0;
}

.my_radio_voting[type="radio"]
{
accent-color: #262626;
display: inline-block;
margin-left: 13px;
margin-top:6px;
width: 17px;
height: 17px;
}

.my_radio_voting[type="radio"]:hover
{
cursor:pointer;
}

/*
.ratings {
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
direction: rtl;
text-align: left;
}

.star {
position: relative;
text-align: left;
line-height: 40px;
display: inline-block;
transition: color 0.2s ease;
color: #ffffff;
}

.star:before {
content: '\2605';
width: 36px;
height: 36px;
font-size: 36px;
}

.star:hover,
.star.selected,
.star:hover ~ .star,
.star.selected ~ .star{
transition: color 0.3s ease;
color:#a37b33;
cursor:pointer;
}


.voting ul li {
margin: 0px 20px 0px 0px !important;
display:inline-block;
text-align:left;
border-bottom:inherit!important;
}
*/

a.scorecard_download,
a.scorecard_download:link {
font-weight:500;
display:inline-block;
margin-bottom:55px;
text-decoration:none;	
background-color:#a1cf4f;
color:#FFFFFF!important;
filter: brightness(0.9999);
padding: 12px 24px 12px 24px;
border-radius:30px;
transition: background-color 0.4s ease; /* <— Übergang hinzugefügt */
line-height:25px;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

a.scorecard_download:hover {
background-color:#91b948;
}

a.tickets_kaufen,
a.tickets_kaufen:link {
font-weight:500;
display:inline-block;
/* margin-top:25px; */
text-decoration:none;	
background-color:#35bae0;
color:#FFFFFF!important;
filter: brightness(0.9999);
padding: 12px 24px 12px 24px;
border-radius:30px;
transition: background-color 0.4s ease; /* <— Übergang hinzugefügt */
line-height:25px;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

a.tickets_kaufen:hover {
background-color:#2da9cd;
}

/* //////////// Features Icons //////////////// */

.icon_cerative {
font-size:50px;
}

.color_creative_gold {
color: #a37b33!important;
}

.color_creative_schwarz {
color: #262626!important;
}

.color_creative_weiss {
/* color: #faf9f4!important; */
color: #FFFFFF!important;
}

.color_creative_gelb {
color: #ffdf44!important;
}

.color_creative_blau {
color: #359bac!important;
}

.color_creative_gruen {
color: #b3ba43!important;
}

.color_creative_dunkelgruen {
color: #656b0c!important;
}



.myrotation {
-webkit-transition: 0.3s;
transition: all 0.4s; 
}
.myrotation:hover {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);	
}

/* ///////////////////// Animation ////////////////////////////// */

.animate-down {
opacity: 0;
visibility: hidden;
-webkit-transform: translate(0, -50px);
-moz-transform: translate(0, -50px);
transform: translate(0, -50px);
}
.animate-down.animated {
opacity: 1;
visibility: visible;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: all 600ms ease-out 100ms;
-moz-transition: all 600ms ease-out 100ms;
transition: all 600ms ease-out 100ms;
}
.animate-up {
opacity: 0;
visibility: hidden;
-webkit-transform: translate(0, 50px);
-moz-transform: translate(0, 50px);
transform: translate(0, 50px);
}
.animate-up.animated {
opacity: 1;
visibility: visible;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: -webkit-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
-moz-transition: -moz-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
transition: transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
}
.animate-right {
opacity: 0;
visibility: hidden;
transform: translate(-50px, 0);
}
.animate-right.animated {
opacity: 1;
visibility: visible;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: -webkit-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
-moz-transition: -moz-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
transition: transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
}
.animate-left {
opacity: 0;
visibility: hidden;
transform: translate(50px, 0);
}
.animate-left.animated {
opacity: 1;
visibility: visible;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: -webkit-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
-moz-transition: -moz-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
transition: transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
}

.modal-dialog .animate-up,
.modal-dialog .animate-down,
.modal-dialog .animate-right,
.modal-dialog .animate-left {
opacity: 1!important;
visibility: visible!important;
-webkit-transform: none!important; /* Safari and Chrome */
-moz-transform: none!important; /* Firefox */
-ms-transform: none!important; /* IE 9 */
-o-transform: none!important; /* Opera */
transform: none!important;
}

/* //////////////////////////////// Icons Cirlce ////////////// */

.icons_circle {
position:relative;
display:inline-block;
width:35px;
height:35px;
border-radius:50%;
margin-bottom:20px;
}

.icons_circle {
display: flex;
justify-content: center;
align-items: center;
top:50%;
transform:translate(0,25%);	
}

.circle_gold {
/* background-color:#a37b33!important; */
/* background-color:#a1cf4f!important; */
background-color:#605d48!important;
}

.circle_blau 	{ background-color:#35bae0!important; }
.circle_rot 	{ background-color:#e61b72!important; }
.circle_gruen 	{ background-color:#a1cf4f!important; }
.circle_gelb 	{ background-color:#ffc229!important; }

.circle_schwarz {
background-color: #605d48!important;
}

h3 .my_icon_rechts {
display: table-cell;
vertical-align: middle;
font-size:23px;
margin-bottom:0px;
line-height:27px;
font-weight:400!important;
letter-spacing:0px;
color: #605d48;
}

@media (min-width: 1px) and (max-width: 480px) {
.my_icon_rechts {
font-size:20px;
margin-bottom:0px;
line-height:24px;
}
}

.my_icon_links {
display: table-cell;
vertical-align: middle;
padding-right: 13px;
padding-bottom: 0px;
}

/* //////////////////////////////// Fortschritt Box für Steps Info ////////////// */

.fortschritt_box {

}

.fortschritt_box p {
padding:0px!important;
line-height:16px!important;
font-size:16px!important;
margin-bottom:10px!important;
}

.fortschritt_box_zelle_hell {
/* background-color: #FFFFFF!important; */
padding:10px 10px 0px 10px;
border-top:1px solid rgba(210, 201, 201, 0.6) !important;
border-bottom:1px solid rgba(210, 201, 201, 0.6) !important;
}

.fortschritt_box_zelle_dunkel {
/* background: linear-gradient(to bottom, #FFFFFF, #F0F0F0); */
border-top:1px solid rgba(210, 201, 201, 0.6) !important;
border-bottom:1px solid rgba(210, 201, 201, 0.6) !important;
}

.fortschritt_box_zelle_dunkel p {
/* color: #faf8f5!important; */
}

.fortschritt_zahl  {
background-color:#35bae0!important;
display:inline-block;
padding:5px;
color:#FFFFFF;
margin-right:5px;
border-radius:2px;
font-weight:500!important;
border-radius:50%;
width:20px;
height:20px;
text-align:center;
line-height:11px;
}

.fortschritt_box_zelle_dunkel .fortschritt_zahl  {
background-color:#e61b72!important;
color:#FFFFFF;
border-radius:50%;
width:20px;
height:20px;
text-align:center;
}

/* Step z.B. feine Linien */
.line-hell {
display:block;
height:3px;
width:100%;
background-color:#fdfcfa;
margin: 2px 0px 12px 0px;
}

.ausgabe_info_reservierung p {
position:relative;
float:right;
display:inline-block;
background-color: #a5545c;
font-size: 17px !important;
color: #faf9f4!important;
margin: 0px 0px 0px 0px;
border-radius:10px;
padding:10px 15px 10px 15px;
width:300px;
}

@media (min-width: 1px) and (max-width: 1199px) {
.ausgabe_info_reservierung p {
float:none;
display:block;
width:100%;
margin: 10px 0px 15px 0px;
}	
}

#loader_payment {
border: 16px solid #e61b72;
border-radius: 50%;
border-top: 16px solid #e61b72;
border-right: 16px solid #ffc229;
border-bottom: 16px solid #a1cf4f;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
text-align:center;
margin-top:30px;
margin-bottom:30px;
}

@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}

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

/* ************************************ PDF Katalog unter anlage.php ************************************ */


#pdf-container {
display: inline-block;
/*  background: red; */
padding: 0px; /* 10 */
margin-top:10px;
box-shadow: 0 0 40px rgba(0,0,0,0.1);
border-radius:20px;

}
canvas {
/* border: 10px solid #e8e9e1; */
background-color:#e8e9e1;
border-radius:20px 20px 0px 0px;
}

.controls {
margin-top: 10px;
margin-bottom: 20px;


}

#pdf-container button {
padding: 3px 5px 3px 5px;
margin: 0 5px;
font-size: 25px!important;
cursor: pointer;
background-color:#35bae0;
color:#FFFFFF;
border:0px;
border-radius:50%;
width:44px;
height:44px;
font-weight:500!important;
}

#pdf-container button:hover {
background-color:#a1cf4f;
}