/* didact-gothic-regular - latin */
@font-face {
  font-family: 'Didact Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/didact-gothic-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Didact Gothic Regular'), local('DidactGothic-Regular'),
       url('../fonts/didact-gothic-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/didact-gothic-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/didact-gothic-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/didact-gothic-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/didact-gothic-v11-latin-regular.svg#DidactGothic') format('svg'); /* Legacy iOS */
}




body {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 350;
    color: #000;

    text-align: center;
	letter-spacing: 1px;
	  overflow-x: hidden;

}

.full-width-bar {
  margin: 0 -9999rem -7rem -9999rem;
  /* add back negative margin value */
  padding: 0 9999rem 7rem 9999rem;


}



.bild {
    width: 100%;
	max-width: 450px;
    height: auto;
	max-height: 300px;
	position:relative;
	display:inline-block;
	
}









/* Container für Flagge Sprachen */
.containerflagge {
    display: flex;
    gap: 10px; /* Abstand zwischen den Bildern */
    justify-content: right; /* Optional: zentriert die Bilder */
}

/* Bilder flagge */
.containerflagge img {
    width: 30px; /* Breite der Bilder anpassen */
    height: auto; /* Höhe wird proportional zur Breite angepasst */
}




/* Container für das Logo Bild */
.responsive-container {
    width: 100%; /* Der Container nimmt die gesamte Breite des Bildschirms ein */
    max-width: 800px; /* Maximale Breite des Containers (optional) */
    margin: 0 auto; /* Zentriert den Container auf der Seite */
}

/* Responsives Logo Bild */
.responsive-container img {
    width: 100%; /* Das Bild nimmt 100% der Breite des Containers ein */
    height: auto; /* Die Höhe wird proportional zur Breite angepasst */
}







.carousel-container {
    position: relative;
    width: 100%;
    max-width: 900px;
    margin: auto;
    overflow: hidden;
}

.carousel {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.carousel-slide {
    min-width: 100%;
    transition: transform 0.5s ease-in-out;
}

.carousel-slide img {
    width: 100%;
    height: auto;
}

button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    font-size: 30px;
    cursor: pointer;
    padding: 10px;
    z-index: 10;
}

.prev {
    left: 10px;
}

.next {
    right: 10px;
}

button:hover {
    background-color: rgba(0, 0, 0, 0.8);
}










































.avoid-clicks {
  pointer-events: none;
  cursor:none;
}




strong { font-weight: 500; }

a:link	{color:#000; 		}
a:visited	{color:#000;		}
a:active	{color:#000;		}
a:hover	{color:#C39;		}
a:focus	{
	color: #C39;
	font-family: Verdana, Geneva, sans-serif;
}


h1 { margin-top: 10px; font-family: 'Josefin Sans', sans-serif; font-size: 60px; font-weight: 300; color: #C39; letter-spacing: 5px; }
h2 { margin-top: 10px;margin-bottom: 20px; font-family: 'Josefin Sans', sans-serif; font-size: 35px; font-weight: 300; color: #C39; }
h3 { font-family: 'Josefin Sans', sans-serif; font-size: 18px; font-weight: 300; color: #555; line-height: 30px; }
h6 { font-family: 'Josefin Sans', sans-serif; font-size: 14px; color: #CCC; text-transform:uppercase; line-height:50px;}
h7 { font-family: 'Josefin Sans', sans-serif; font-size: 12px; font-weight: 300; color: #555;  text-decoration: underline; }
h8 { font-family: 'Josefin Sans', sans-serif; font-size: 12px; font-weight: 300; color: #555; line-height: 1.1; }
h9  {   font-family: 'Josefin Sans', sans-serif;
    font-size: 15px;
    font-weight:100;
    color: #000;
    text-align: center;
	letter-spacing: 0px;}



.caption h6 { font-size: 18px; margin-bottom: 16px; letter-spacing: 0px; font-stretch:narrower; color:#FFF; opacity:1}

.caption h4 { margin-top: 10px; font-family:"DidactGothic Regular", sans-serif; font-size: 60px; font-weight: 100; color:#FFF; opacity:1; letter-spacing: 0px; text-transform:uppercase;}









img { width: 100%; }

.medium-paragraph { font-size: 18px; margin-bottom: 16px; letter-spacing: 3px; font-stretch:narrower; color:#CCC;  }

.colored { color: #cb9f3d; }

::-moz-selection { background: #cb9f3d; color: #fff; text-shadow: none; }
::selection { background: #cb9f3d; color: #fff; text-shadow: none; }


/***** General style, all sections *****/

.section-container { margin: 0 auto; padding-bottom: 80px; }
.section-description { margin-top: 60px; padding-bottom: 10px; }
.section-description p { margin-top: 20px; padding: 0 160px; }


.resize {
height: 100%;	
width:100%;
object-fit: cover;}




/***** Text over image - responsive
*****/


img {
    display: block;
	height: 100%;	
width:100%;
object-fit: cover;
border:none;
}

.wrapper {
    width: 100%;
    height: 500px;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}

.thumbnail {
    position: relative;
    display: inline-block;
	border:none;

}

.caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );
    text-align: center;
	border:none;

}

/***** button schwarzer Hintergrund *****/

 .sqs-block-button-element{display:inline-block;width:auto;height:auto;padding:1em 2.5em;color: #FFF;
    background-color:#000;border-width:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;
    line-height:1em;font-weight:normal;font-style:normal;text-transform:uppercase;letter-spacing:0px;text-align:center;
    text-decoration:none;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;
    line-height:normal} .sqs-block-button-element--small{padding:13px 26px;font-family:"Helvetica Neue",Helvetica,Arial,
        sans-serif;font-size:12px;font-weight:600;letter-spacing:1px;font-family:'Didact Gothic';text-transform:uppercase;
        letter-spacing:3px;font-weight:300;font-style:normal;color: #FFF;background-color: #000;border-color: #000}.sqs-block-button-element--small{-webkit-transition:.1s opacity linear;-moz-transition:.1s opacity linear;-o-transition:.1s opacity linear;transition:.1s opacity linear;-webkit-backface-visibility:hidden} .sqs-block-button-element--small:hover{opacity:.8} .sqs-block-button-element--small {border-width:2px;border-style:solid;background-color:;-webkit-transition:0.1s background-color linear, 0.1s color linear;-moz-transition:0.1s background-color linear, 0.1s color linear;-o-transition:0.1s background-color linear, 0.1s color linear;transition:0.1s background-color linear, 0.1s color linear}.sqs-block-button-element--small:hover{color:#fff}
 




/***** link mit Rahmen auf Bild *****/

.desc-wrapper{-webkit-animation:feature-text-anim .75s ease-in-out;animation:feature-text-anim .75s ease-in-out;z-index:100;position:relative;width:100%;max-width:956px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:32px;text-align:center;text-rendering:optimizeLegibility}.desc-wrapper p:last-child>a{font-family:'Didact Gothic'; font-size:16px;text-transform:uppercase;letter-spacing:2px;font-weight:400;font-style:normal;text-decoration:none;padding:1em 1.75em;background-color: transparent;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;line-height:1em;margin:10px 0;color: #999;border:#999; border-width: 1px;
border-style: solid;-webkit-transition:background-color .1s 0s ease-in-out,color .1s 0s ease-in-out;-moz-transition:background-color .1s 0s ease-in-out,color .1s 0s ease-in-out;-ms-transition:background-color .1s 0s ease-in-out,color .1s 0s ease-in-out;-o-transition:background-color .1s 0s ease-in-out,color .1s 0s ease-in-out;transition:background-color .1s 0s ease-in-out,color .1s 0s ease-in-out}.desc-wrapper p:last-child>a:hover{background-color:rgba(156,153,153,.3)}




.desc-wrapper2{-webkit-animation:feature-text-anim .75s ease-in-out;animation:feature-text-anim .75s ease-in-out;z-index:100;position:relative;width:100%;max-width:956px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:32px;text-align:center;text-rendering:optimizeLegibility;}.desc-wrapper2 p:last-child>a{font-family:'Josefin Sans', sans-serif;; font-size:16px;text-transform:uppercase;letter-spacing:2px;font-weight:bold;font-style: normal;text-decoration:none;padding:1em 1.75em;background-color:rgba(255,255,255,.3);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;line-height:1em;margin:10px 0;color: #000;border: #FFF; border-width: 0px;
border-style: solid;-webkit-transition:background-color .1s 0s ease-in-out,color .1s 0s ease-in-out;-moz-transition:background-color .1s 0s ease-in-out,color .1s 0s ease-in-out;-ms-transition:background-color .1s 0s ease-in-out,color .1s 0s ease-in-out;-o-transition:background-color .1s 0s ease-in-out,color .1s 0s ease-in-out;transition:background-color .1s 0s ease-in-out,color .1s 0s ease-in-out; border-radius:7px;}.desc-wrapper2 p:last-child>a:hover{background-color:rgba(156,153,153,.8)}





/***** eventliste *****/


.eventlist-column-thumbnail{display:block;float:left;width:35%;height:0;padding-bottom:23.333333333333332%;text-decoration:none !important;background:rgba(110,110,110,.05)}.eventlist-column-thumbnail img{-webkit-transition:opacity .3s ease-in;-moz-transition:opacity .3s ease-in;-ms-transition:opacity .3s ease-in;-o-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.eventlist-column-thumbnail img:not(.loaded){opacity:0}body:not(.event-thumbnails) .eventlist-column-thumbnail{display:none}.event-disable-item-pages .eventlist-column-thumbnail{cursor:default;pointer-events:none}.event-thumbnail-size-11-square .eventlist-column-thumbnail{padding-bottom:35%}.event-thumbnail-size-32-standard .eventlist-column-thumbnail{padding-bottom:23.333333333333332%}.event-thumbnail-size-23-standard-vertical .eventlist-column-thumbnail{padding-bottom:52.5%}.event-thumbnail-size-43-four-thirds .eventlist-column-thumbnail{padding-bottom:26.25%}.event-thumbnail-size-169-widescreen .eventlist-column-thumbnail{padding-bottom:19.6875%}.event-thumbnail-size-2401-anamorphic-widescreen .eventlist-column-thumbnail{padding-bottom:14.583333333333334%}.eventlist-column-thumbnail:empty{height:auto;min-height:100px;padding-bottom:0 !important;background:transparent}.eventlist-column-date{display:block;position:absolute;top:0;left:0;width:35%;margin:0;padding:0;color:#333 !important;text-decoration:none !important}.event-disable-item-pages .eventlist-column-date{cursor:default;pointer-events:none}body:not(.event-date-label) .eventlist-column-date{display:none}body:not(.event-thumbnails) .eventlist-column-date{position:static;float:left;width:70px}.eventlist-datetag{display:table;position:absolute;top:10px;right:10px;height:auto;min-height:70px;width:70px;margin:0;padding:0;background:#fff;color:#333;font-size:14px;line-height:14px;text-align:center;box-sizing:border-box}body:not(.event-thumbnails) .eventlist-datetag{position:static;background:#e8ecec}.eventlist-event:not(.eventlist-event--hasimg) .eventlist-datetag{top:0;background:#e8ecec}.eventlist-datetag-inner{display:table-cell;vertical-align:middle;margin:0;padding:6px;color:inherit;font-size:0;line-height:0;letter-spacing:0}.eventlist-datetag-startdate--month,.eventlist-datetag-startdate--day,.eventlist-datetag-time,.eventlist-datetag-enddate{margin:3px 0;line-height:1em;text-transform:uppercase;white-space:nowrap}.eventlist-event--past .eventlist-datetag-startdate--month,.eventlist-event--past .eventlist-datetag-startdate--day,.eventlist-event--past .eventlist-datetag-time,.eventlist-event--past .eventlist-datetag-enddate{opacity:.3}.eventlist-datetag-time,.eventlist-datetag-enddate{border-top:1px solid #ddd;margin:6px 0 0 0;padding-top:6px;font-size:11px}.eventlist-datetag-startdate--month{font-size:14px;margin-top:6px}.eventlist-datetag-startdate--day{font-size:26px}body:not(.event-date-label-time) .eventlist-datetag-time{display:none}.eventlist-datetag-status{display:none;position:absolute;top:0px;left:35px;width:1px;height:70px;background:#000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.eventlist-event--past .eventlist-datetag-status{display:block}.eventlist-event--past.eventlist-event--multiday .eventlist-datetag-status,body.event-date-label-time .eventlist-event--past .eventlist-datetag-status{top:0px;height:85px;-webkit-transform:rotate(38deg);-moz-transform:rotate(38deg);-ms-transform:rotate(38deg);-o-transform:rotate(38deg);transform:rotate(38deg)}.eventlist-column-info{float:left;width:65%;padding:0 0 0 34px;box-sizing:border-box}body:not(.event-thumbnails) .eventlist-column-info{width:calc(100% -  70px);width:-webkit-calc(100% -  70px);width:-moz-calc(100% -  70px)}body:not(.event-thumbnails):not(.event-date-label) .eventlist-column-info{width:100%;padding-left:0}









/***** Divider *****/

.divider-1 { padding: 25px 0 15px 0; }
.divider-1 .line { width: 160px; margin: 0 auto; border-bottom: 1px dashed #ccc; }


/***** Top menu *****/








.navbar2 {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #333;
    padding: 10px 20px;
   
}

.navbar2 .logo {
    color: #fff;
    font-size: 24px;
}

.nav-links {
    list-style: none;
    display: flex;
    gap: 20px;
}

.nav-links li {
    display: inline-block;
}

.nav-links a {
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    display: block;
}

.nav-links a:hover {
   
    color: #C39;
    background-color: #333;
}

/* Hamburger-Menü (sichtbar auf kleinen Bildschirmen) */
.hamburger {
    display: none;
    cursor: pointer;
}

.hamburger span {
    color: #fff;
    font-size: 30px;
}

/* Responsive Design: Auf mobilen Geräten wird das Menü vertikal */
@media (max-width: 768px) {
    .nav-links {
        display: none;
        flex-direction: column;
        width: 100%;
        position: absolute;
        top: 35px;
        left: 0;
        background-color: #333;
        border-top: 1px solid #444;

        
    }



    




    .nav-links li {
        text-align: center;
        width: 100%;
    }

    .nav-links.active {
        display: flex;
    }

    .hamburger {
        display: block;
    }
}







/***** Top content *****/

.top-content-container { padding: 150px 0 200px 0; }

.top-content .text { color: #fff; }
.top-content .text h1 { color: #fff; }

.top-content .description { margin: 30px 0 10px 0; }
.top-content .description p { opacity: 0.8; }
.top-content .description a { color: #fff; border-bottom: 1px dotted #fff; }
.top-content .description a:hover, .top-content .description a:focus { color: #fff; border: 0;}








/***** Features *****/

.features-box { margin-top: 30px; text-align: left; }
.features-box .features-box-icon { font-size: 60px; color: #cb9f3d; line-height: 60px; text-align: center; }
.features-box h3 { margin-top: 0; padding: 0 0 10px 0; }


/***** Footer *****/

footer { padding: 40px 0 0px 0; }






/***** MEDIA QUERIES *****/


@media (min-width: 992px) and (max-width: 1199px) {}

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

	.section-description p { padding: 0; }
	
	.features-box .features-box-icon { font-size: 50px; line-height: 50px; }

}

@media (max-width: 767px) {
	

	
	.section-description p { padding: 0; }
	
	.top-content-container { padding: 100px 0 80px 0; }
	.top-content .text { padding-top: 60px; }
	
	.features-box { text-align: center; }
	.features-box h3 { margin-top: 5px; padding-top: 10px; }

}

@media (max-width: 415px) {
	
	h1, h2 , caption h5 { font-size: 36px; }

}


/* Retina-ize images/icons */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
	/* logo */
  
	
}




/* CONTACT-FORM */

@import url(https://fonts.googleapis.com/css?family=Merriweather);
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}



form {
  max-width: 600px;
  text-align: center;
  margin: 100px auto 20px auto;
}
form input, form textarea {
  border: 0;
  outline: 0;
  padding: 1em;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: block;
  width: 100%;
  margin-top: 1em;
  font-family: 'Merriweather', sans-serif;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  resize: none;
}
form input:focus, form textarea:focus {
  -moz-box-shadow: 0 0px 2px #e74c3c !important;
  -webkit-box-shadow: 0 0px 2px #e74c3c !important;
  box-shadow: 0 0px 2px #e74c3c !important;
}
form #input-submit {
  color: white;
  background: #e74c3c;
  cursor: pointer;
}
form #input-submit:hover {
  -moz-box-shadow: 0 1px 1px 1px rgba(170, 170, 170, 0.6);
  -webkit-box-shadow: 0 1px 1px 1px rgba(170, 170, 170, 0.6);
  box-shadow: 0 1px 1px 1px rgba(170, 170, 170, 0.6);
}
form textarea {
  height: 126px;
}

.half {
  float: left;
  width: 48%;
  margin-bottom: 1em;
}

.right {
  width: 50%;
}

.left {
  margin-right: 2%;
}

@media (max-width: 480px) {
  .half {
    width: 100%;
    float: none;
    margin-bottom: 0;
  }
}
/* Clearfix */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.cf:after {
  clear: both;
}





/* SOCIAL ICONS*/

@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);

a {
    text-decoration: none;

}
p > a:hover{
    color: #d9d9d9;
    text-decoration:  underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin:  1% 0 1% 0;
}
._12 {
    font-size: 1.2em;
}
._14 {
    font-size: 1.4em;
}
ul {
    padding:0;
    list-style: none;
}
.footer-social-icons {
    display:inline-block;
	text-align:center;

}
.social-icon {
    color: #fff;
}
ul.social-icons {
    margin-top: 10px;
}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-icons {
    color: #fff;
    text-decoration: none;
}
.fa-facebook {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: none;
}

.fa-facebook:hover {
    background-color: #3d5b99;
	}

.fa-instagram {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: none;
}

.fa-instagram:hover {
    background-color: #F0C;
	}

.fa-facebook:hover {
    background-color: #3d5b99;
}
.fa-twitter {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: none;
}
.fa-twitter:hover {
    background-color: #00aced;
}
.fa-rss {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: none;
}
.fa-rss:hover {
    background-color: #eb8231;
}
.fa-youtube {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: none;
}
.fa-youtube:hover {
    background-color: #e64a41;
}
.fa-linkedin {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: none;
}
.fa-linkedin:hover {
    background-color: #0073a4;
}
.fa-google-plus {
    padding:10px 9px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: none;
}
.fa-google-plus:hover {
    background-color: #e25714;
}