/*
	bo-events
*/


:root {

	--farbe-marke:             #80b460;  /*  rgb(128,180,96)  */
	--farbe-marke-hell-1:      #A6CB90;
	--farbe-marke-hell-2:      #C0DAB0;
	--farbe-marke-hell-3:      #D9E8CF;
	--farbe-marke-dunkel-1:    #5A7E43;
	--farbe-marke-dunkel-2:    #405A30;
	--farbe-marke-dunkel-3:    #27361D;
	--farbe-marke-grau:        #484e4e;
	--farbe-marke-grau-1:      #676a6a;
	--farbe-marke-grau-2:      #121618;
	--farbe-marke-grau-3:      #bbbebe;
	--farbe-marke-grau-4:      #919394;

	--farbe-text:              var(--farbe-marke-grau);

	--farbe-footer-bg:                 var(--farbe-marke-grau-2);
	--farbe-footer-text:               #ffffff;
	--farbe-footer-link-text:          var(--farbe-marke-hell-2);
	--farbe-footer-link-text-hover:    var(--farbe-marke-hell-3);

	--farbe-akkordeon-toggler:         var(--farbe-marke-dunkel-1);

	--content-breite-max:              1140px;

}



@font-face { font-family: 'Questrial'; font-weight: 400; src: url(/files/_tmpl/fonts/Questrial-Regular.ttf); }
@font-face { font-family: 'Bebas Neue'; font-weight: 400; src: url(/files/_tmpl/fonts/BebasNeue-Regular.ttf); }



.m-t-0 { margin-top: 0 !important; } .m-t-1 { margin-top: 15px !important; } .m-t-2 { margin-top: 30px !important; } .m-t-3 { margin-top: 45px !important; } .m-t-4 { margin-top: 60px !important; } .m-t-5 { margin-top: 75px !important; }

.m-b-0 { margin-bottom: 0 !important; } .m-b-1 { margin-bottom: 15px !important; } .m-b-2 { margin-bottom: 30px !important; } .m-b-3 { margin-bottom: 45px !important; } .m-b-4 { margin-bottom: 60px !important; } .m-b-5 { margin-bottom: 75px !important; }

.p-t-0 { padding-top: 0 !important; } .p-t-1 { padding-top: 15px !important; } .p-t-2 { padding-top: 30px !important; } .p-t-3 { padding-top: 45px !important; } .p-t-4 { padding-top: 60px !important; } .p-t-5 { padding-top: 75px !important; }

.p-b-0 { padding-bottom: 0 !important; } .p-b-1 { padding-bottom: 15px !important; } .p-b-2 { padding-bottom: 30px !important; } .p-b-3 { padding-bottom: 45px !important; } .p-b-4 { padding-bottom: 60px !important; } .p-b-5 { padding-bottom: 75px !important; }

.p-l-0 { padding-left: 0 !important; } .p-l-1 { padding-left: 15px !important; } .p-l-2 { padding-left: 30px !important; } .p-l-3 { padding-left: 45px !important; } .p-l-4 { padding-left: 60px !important; } .p-r-5 { padding-left: 75px !important; }

.p-r-0 { padding-right: 0 !important; } .p-r-1 { padding-right: 15px !important; } .p-r-2 { padding-right: 30px !important; } .p-r-3 { padding-right: 45px !important; } .p-r-4 { padding-right: 60px !important; } .p-r-5 { padding-right: 75px !important; }

.m-l-0 { margin-top: 0 !important; } .m-l-1 { margin-top: 15px !important; } .m-l-2 { margin-top: 30px !important; } .m-l-3 { margin-top: 45px !important; } .m-l-4 { margin-top: 60px !important; } .m-l-5 { margin-top: 75px !important; }

.m-r-0 { margin-bottom: 0 !important; } .m-r-1 { margin-bottom: 15px !important; } .m-r-2 { margin-bottom: 30px !important; } .m-r-3 { margin-bottom: 45px !important; } .m-r-4 { margin-bottom: 60px !important; } .m-r-5 { margin-bottom: 75px !important; }



body {
	font-family: Questrial, Arial, sans-serif;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.5;
	color: var(--farbe-text);
}

h1 { font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 52px; line-height: 1.1; margin-bottom: 1.5rem; color: var(--farbe-marke-dunkel-1); }
h2 { font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 34px; }
h3 { font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 28px; }

@media screen and (max-width: 575px) {
	h1 { font-size: 42px; }
	h2 { font-size: 32px; }
	h3 { font-size: 24px; }
}

a {
	color: var(--farbe-marke-dunkel-1);
	opacity: 1;
	transition: opacity 0.3s;
}
a:hover {
	color: var(--farbe-marke-dunkel-1);
	opacity: 0.7;
}
.image_container a {
	display: inline-block;
}
.image_container a img:hover {
	opacity: 0.7;
}


.container {
	margin-left: auto !important;
	margin-right: auto !important;
}


/*
#container {
	padding: 20px 0 60px 0;
}
*/



#header {
	width: 94%;
	margin: 0 3%;
}
#header .container {
	position: relative;
}
#header .logo {
	width: 400px;
	max-width: 66vw;
	height: auto;
}
.navbar-brand {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  padding: 20px 0;
}
#header  .inside > .container {
	max-width: none;
	min-width: 0;
	width: 100%;
}
#header .social-icons {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
}
@media screen and (max-width: 560px) {
	#header .social-icons {
		padding: 5px;
	}
	#header .social-icons .fa-2x {
		font-size: 1.25rem !important;
	}
}




/*  ==========  Navigation  ==========  */

.invisible {
	width: 0;
	height: 0;
	left: -1000px;
	top: -1000px;
	position: absolute;
	overflow: hidden;
	display: inline;
	visibility: initial !important;
}
.navbar {
	justify-content: end;
}
.navbar.bg-light {
	background-color: transparent !important;
}
.navbar-collapse {
	justify-content: end;
}

.mod_navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.mod_navigation ul.level_1 > li {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.nav-link.active, 
.dropdown-item.active, .dropdown-item:active {
	background-color: var(--farbe-marke);
	font-size: 18px;
	color: #ffffff;
	padding: 0.25rem 1rem 0.25rem 1.5rem;
	padding: 0.65rem 1rem 0.65rem 1.5rem;
	font-weight: bold;
}

.submenu-v3 {
	border: 8px solid rgb(220,220,220);
	padding: 25px 25px 15px 25px;
	border-radius: 5px;
/*	margin: 0 25px;  */
}

.dropdown-menu {
	width: 320px;
}
.mod_navigation .nav .level_2 > a.dropdown-item {
	font-size: 20px;
	padding: 0.25rem 0.5rem;
	font-weight: bold;
}
.mod_navigation .nav .level_2 > a.dropdown-item {
	font-size: 20px;
	padding: 0.25rem 1rem;
	font-weight: bold;
}
.mod_navigation .nav .level_3 > a {
	font-size: 18px;
	padding: 0.25rem 1rem 0.25rem 1.5rem;
	font-weight: normal;
}
.mod_navigation .nav .level_3 > a:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #e9ecef;
}




.navbar {
	position: absolute;
	width: 100%;
	top: auto;
	right: auto;
	bottom: 0;
	left: 0;
}
.navbar-expand-sm .navbar-toggler {
	position: absolute;
	top: -55px;
	right: 20px;
}
@media screen and (max-width: 480px) {
	.navbar-expand-sm .navbar-toggler {
		top: -35px;
		right: 10px;
	}
}
@media (min-width: 576px) and (max-width: 991px) {
	.navbar-expand-sm .navbar-toggler {
		display: block;
	}
	.navbar-expand-sm .navbar-collapse {
		display: unset !important;
	}
	.navbar {
		bottom: -5px;
	}
	.navbar-toggler {
		display: none;
	}
	.collapse:not(.show) {
		display: none !important;
	}
}
@media (min-width: 992px) {
	.navbar {
		bottom: -5px;
	}
	.navbar-toggler {
		display: none;
	}
}
.navbar-collapse {
	position: absolute;
	top: 0;
	right: 0px;
	z-index: 999;
	background-color: rgb(255, 255, 255);
}

.mod_navigation ul.level_1 {
	border: 1px solid rgba(0,0,0,.15);
	border-radius: .25rem;
}





/*
@media screen and (max-width: 767px) {
	.nav {
		flex-direction: column;
	}
}
*/

/*  Hamburger-Button immer  */
/*  @media (min-width: 576px) {   */
/*  	.navbar-expand-sm .navbar-collapse {  */
/*		display: none !important;  */
/*  	}  */
/*  	.navbar-expand-sm .navbar-toggler {  */
/*  		display: inherit !important;  */
/*  	}  */
/*  }  */











.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center;
}
.collapse:not(.show) {
  display: none;
}


@media screen and (max-width: 991px) {
	.mod_navigation ul.level_1 > li {
		display: block;
		width: 100%;
	}
	.dropdown-menu {
		position: relative;
		float: none;
		top: auto;
		border: none;
		padding-left: 30px;
	}
}



/*  ==========  /Navigation  ==========  */


.ce_hyperlink a.btn, 
.ce_text.kachel p a, 
.ce_form  .btn-primary {
	background-color: var(--farbe-marke);
	color: #ffffff !important;
	font-size: 18px;
	font-size: 1.125rem;
	text-decoration: none;
	padding: 10px 25px;
	margin-top: 10px;
	border: 1px solid var(--farbe-marke);
	border-radius: 10px;
	opacity: 1;
	transition: all 0.3s;
}
.ce_hyperlink a.btn:hover, 
.ce_text.kachel p a:hover, 
.ce_form  .btn-primary:hover {
	background-color: var(--farbe-marke-hell-1);
	color: #000000 !important;
	text-decoration: none;
	opacity: 1;
}
.bg-gruen .ce_hyperlink a.btn {
	background-color: var(--farbe-marke-grau-1);
	border-color: var(--farbe-marke-grau-2);
}



.ce_player .video_container, .ce_youtube .video_container {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: auto;
}
.ce_youtube .video_container iframe {
	border: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
}

.ce_player video {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
}


/*  ==========  Slick Slider  ==========  */

.slick-slider img {
	width: 100%;
	height: auto;
}
.slick-slider img {
	filter: brightness(75%);
}
.slick-dots {
	bottom: 15px;
}
.slick-dots li {
	padding: 15px;
	margin: 0 10px;
	width: 30px;
	height: 30px;
}
.slick-dots li button {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	font-size: 24px;
}
.slick-dots li button::before {
	top: 8px;
	left: 3px;
	font-size: 24px;
	color: #ffffff;
	opacity: 0.5;
}
.slick-dots li.slick-active button::before {
	color: #ffffff;
	opacity: 1;
}


/*  ==========  /Slick Slider  ==========  */




/*  ==========  Contao Content Slider  ==========  */

.ce_sliderStart a.slider-prev, 
.ce_sliderStart a.slider-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 50px;
	height: 50px;
	z-index: 96;
	top: auto;
	right: auto;
	bottom: -50px;
	left: 0;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.ce_sliderStart a.slider-next {
	right: 0;
	left: auto;
}
.ce_sliderStart a.slider-prev:hover, 
.ce_sliderStart a.slider-next:hover {
	text-decoration: none;
}
.ce_sliderStart a.slider-prev::before, .ce_sliderStart a.slider-next::before {
	font-family: 'slick';
	color: var(--farbe-marke-hell-1);
	font-size: 50px;
	line-height: 1;
	opacity: .5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ce_sliderStart a.slider-prev::before {
	content: '←';
}
.ce_sliderStart a.slider-next::before {
	content: '→';
}
.ce_sliderStart a.slider-prev:hover::before, .ce_sliderStart a.slider-next:hover::before {
	opacity: 1;
	text-decoration: none;
}

.ce_sliderStart .slider-control .slider-menu b {
	color: var(--farbe-marke-hell-1);
	opacity: 0.5;
	font-size: 50px;
	text-align: center;
	padding: 5px;
}
.ce_sliderStart .slider-control .slider-menu b.active, 
.ce_sliderStart .slider-control .slider-menu b:hover {
	opacity: 1;
}


/*  ==========  /Contao Content Slider  ==========  */


/*  ==========  Sidebar  ==========  */

#sidebar {
  position: fixed;
  top: 20%;
  right: 0;
  bottom: auto;
  left: auto;
  background-color: var(--farbe-marke);
  color: #ffffff;
  width: auto;
  border-radius: 15px 0 0 15px;
  box-shadow: 3px 5px 10px #333333;
  z-index: 9999;
}
#sidebar > .inside {
  padding: 15px 10px;
  text-align: center;
}
#sidebar a {
	display: block;
	color: #ffffff;
	padding: 5px 0;
	opacity: 0.5;
	transition: all 0.3s;
}
#sidebar a:hover {
	opacity: 1;
	text-decoration: none;;
}

/*  ==========  /Sidebar  ==========  */




/*  ==========  Footer  ==========  */

#footer {
	background-color: var(--farbe-footer-bg);
	color: var(--farbe-footer-text);
	padding: 40px 0;
}
#footer a {
	color: var(--farbe-footer-link-text);
}
#footer a:hover {
	opacity: 1;
	color: var(--farbe-footer-link-text-hover);
}
#footer .mod_customnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#footer .mod_customnav li {
	display: inline-block;
}
#footer .mod_customnav li::before {
	display: inline-block;
	content: '|';
	padding: 0 7px 0 5px;
}
#footer .mod_customnav li:first-child::before {
	display: none;
	content: '';
	padding: 0;
}

#footer .share-buttons {
	text-align: right;
}


#backtotop {
  height: auto;
  bottom: 80px;
  right: 30px;
  position: fixed;
  display: none;
  z-index: 30;
}
#backtotop ul {
	padding-top: 15px;
	padding-bottom: 15px;
	list-style-type: none;
}
#backtotop ul li {
	list-style-type: none;
}
#backtotop ul li a {
	width: 30px;
	height: 30px;
	bottom: 30px;
	right: 30px;
	float: right;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 0;
	background-color: var(--farbe-marke);
}
#backtotop ul li a::before {
	width: 30px;
	height: 30px;
	top: -15px;
	position: relative;
	float: right;
	display: block;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	font-family: FontAwesome;
	font-weight: 900;
	content: "\f077";
}

/*  ==========  /Footer  ==========  */



/*  ==========  Akkordeon  ==========  */

.ce_accordion {
	border-bottom: 2px solid var(--farbe-marke);
}
.ce_accordion .toggler {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: bold;
	cursor: pointer;
	color: var(--farbe-akkordeon-toggler);
	padding: 15px 0;
	opacity: 1;
	transition: opacity 0.3s;
}
.ce_accordion .toggler > span {
	padding-left: 10px;
}
.ce_accordion .toggler::before {
	display: inline-block;
/*	content: '⮞\0020';  */
	content: "▼";
	transition: all 0.3s;
}
.ce_accordion .toggler.active::before {
	display: inline-block;
	rotate: -180deg;
}
.ce_accordion .toggler:hover {
	opacity: 0.7;
}

/*  ==========  /Akkordeon  ==========  */

/*  ==========  News  ==========  */

.mod_newslist .col-12 {
	margin-bottom: 45px;
}

/*  ==========  /News  ==========  */



.ce_bs_tab_start .nav-tabs {
	justify-content: center;
}
.ce_bs_tab_start .nav-tabs a {
	border: 1px solid var(--farbe-marke-hell-2);
}
.ce_bs_tab_start .nav-tabs a.active {
	background-color: var(--farbe-marke-hell-3);
	color: #000000;
}





.ce_text.kachel {
	background-color: #000;
	height: calc(100% - 15px);
	margin: 10px;
	text-align: center;
	padding: 15px;
}
.ce_text.kachel:first-child {
	margin-left: 0;
}
.ce_text.kachel:last-child {
	margin-right: 0;
}
.ce_text.kachel {
	padding-bottom: 60px;
}
.ce_text.kachel p a {
	position: absolute;
	left: 50%;
	bottom: 25px;
	transform: translate(-50%,0);
}
.ce_text.kachel ul {
	text-align: left;
}



.zitat {
	position: relative;
	padding: 30px 60px 0 120px;
}
.zitat::before {
	font-family: FontAwesome;
	font-size: 72px;
	content: "\f10e";
	position: absolute;
	left: 15px;
	top: -10px;
	color: var(--farbe-marke-hell-3);
	opacity: 0.8;
}








.mod_article.bg-gruen {
	background-color: var(--farbe-marke);
	color: #000000;
}
.mod_article.bg-gruen a {
	color: var(--farbe-marke-dunkel-2);
}
.mod_article.bg-gruen-hell {
	background-color: var(--farbe-marke-hell-3);
	color: #000000;
}
.mod_article.bg-gruen-hell a {
	color: var(--farbe-marke-dunkel-2);
}
.mod_article.bg-gruen-dunkel {
	background-color: var(--farbe-marke-dunkel-1);
	color: #ffffff;
}
.mod_article.bg-gruen-dunkel a {
	color: var(--farbe-marke-hell-3);
}
.mod_article.bg-schwarz {
	background-color: var(--farbe-marke-grau-2);
	color: #ffffff;
}
.mod_article.bg-schwarz a {
	color: var(--farbe-marke-dunkel-2);
}
.mod_article.bg-schraeg {
	background-color: transparent;
	background-image: linear-gradient(-50deg,var(--farbe-marke-grau-2) 70%,var(--farbe-marke) 0%);
	color: #ffffff;
}
.mod_article.bg-schraeg a:hover {
	color: var(--farbe-marke-hell-1);
}
.mod_article.bg-schraeg a:hover {
	color: var(--farbe-marke-hell-3);
}
.mod_article.bg-schraeg-grau {
	background-color: transparent;
	background-image: linear-gradient(-50deg,var(--farbe-marke-grau-1) 70%,var(--farbe-marke) 0%);
	color: #ffffff;
}
.mod_article.bg-schraeg-grau a:hover {
	color: var(--farbe-marke-hell-1);
}
.mod_article.bg-schraeg-grau a:hover {
	color: var(--farbe-marke-hell-3);
}


.mod_article.bg-bild-01 {
	background-image: url(/files/bilder/Design%20ohne%20Titel%2824%29.png);
	color: #ffffff;
}




.mod_article.bg-tafel {
	background-image: url(/files/_tmpl/img/kreidetafel.jpg);
	color: #ffffff;
}
.mod_article.bg-tafel a {
	color: var(--farbe-marke-hell-1);
}
.mod_article.bg-team {
	background-image: url(/files/_tmpl/img/1585028936-scaled.webp);
	color: #ffffff;
}
.mod_article.bg-team > .container {
	background-color: rgba(0,0,0,0.6);
	color: #ffffff;
}
.mod_article.bg-team a {
	color: var(--farbe-marke-hell-1);
}
.mod_article.parallax {
  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}




.image_container img {
	max-width: 100%;
	height: auto;
}





.pe-pro-seal {
	left: 0 !important;
	right: auto !important;
}





/*  ==========  Hero  ==========  */

#hero > .inside {
	padding-bottom: 40px;
}


.ce_text.hero {
	position: relative;
}
.ce_text.hero .text_container {
	position: absolute;
	top: 0; bottom: 0;
	width: 100%;
	max-width: var(--content-breite-max);
	left: 50%;
	transform: translate(-50%,0);
}
.ce_text.hero .content {
	width: 100%;
	max-width: 720px;
	background-color: rgba(255,255,255,0.8);
	position: absolute;
	left: 0;
	bottom: 14%;
	padding: 15px 15px 0 15px;
}
.ce_text.hero .image_container.float-left {
	float: none !important;
}
.ce_text.hero .image_container.float-right {
	float: none !important;
}
.ce_text.hero .image_container.float-left + .text_container .content {
	left: 0;
	right: auto;
}
.ce_text.hero .image_container.float-right + .text_container .content {
	left: auto;
	right: 0;
}

/*  ==========  /Hero  ==========  */


.ce_text.kurzbox {
	border: 2px solid var(--farbe-marke-dunkel-1);
	padding: 0;
	border-radius: 15px;
	line-height: 1.2;
}
.ce_text.kurzbox table {
	width: 100% !important;
}
.ce_text.kurzbox tr > td {
	width: 40px !important;
}
.ce_text.kurzbox  td + td {
	width: calc(100% - 40px !important);
}
.ce_text.kurzbox h2 {
	background-color: var(--farbe-marke-dunkel-1);
	color: #ffffff;
	border-radius: 12px 12px 0 0;
	padding:10px 15px 10px 15px;
	margin-bottom: 15px;
}
.ce_text.kurzbox h3 {
	margin: 0;
	padding:0 15px 0 15px;
	text-transform: none;
	font-family: Questrial, Arial, sans-serif;
	font-size: 32px;
}
.ce_text.kurzbox p {
	padding:0 15px 0 15px;
	margin: 0 0 10px 0;
}
.ce_text.kurzbox a {
	display: inline-block;
	padding: 10px 25px;
	background-color: var(--farbe-marke);
	color: #ffffff;
	text-decoration: none;
	border: 2px solid var(--farbe-marke);
	border-radius: 10px;
	margin-bottom: 10px;
}
.ce_text.kurzbox a:hover {
	background-color: var(--farbe-marke-hell-1);
	color: #000000 !important;
	text-decoration: none;
	opacity: 1;
}

/*  ==========  Social Media Buttons / Share Buttons  ==========  */

.share-buttons {
	text-align: right;
}
.share-buttons > .inside {
	display: inline-block;
	border: 1px solid transparent;
	transition: all 0.3s;
	height: 60px;
	overflow: hidden;
	padding: 5px;
	border-radius: 10px;
}

.share-buttons a {
	display: inline-block;
	width: 0;
	padding: 0;
	overflow: hidden;
	transition: all 0.3s;
}
.share-buttons a.share-icon {
	width: 50px;
	padding: 5px;
	color: #ffffff !important;
}
.share-buttons:hover > .inside {
	border: 1px solid #ffffff;
}
.share-buttons:hover a {
	width: 50px;
	padding: 5px;
}
.share-buttons:hover a.share-icon {
	opacity: 0.6;
}
.share-buttons a:hover {
	opacity: 0.7;
}
.share-buttons a.xing      { color: var(--farbe-xing); }      .share-buttons a.xing:hover  { color: var(--farbe-grau); opacity: 1; }
.share-buttons a.twitter   { color: var(--farbe-twitter); }   .share-buttons a.twitter:hover  { color: var(--farbe-grau); opacity: 1; }
.share-buttons a.facebook  { color: var(--farbe-facebook); }  .share-buttons a.facebook:hover  { color: var(--farbe-grau); opacity: 1; }
.share-buttons a.instagram { color: var(--farbe-instagram); } .share-buttons a.instagram:hover  { color: var(--farbe-grau); opacity: 1; }
.share-buttons a.linkedin  { color: var(--farbe-linkedin); }  .share-buttons a.linkedin:hover  { color: var(--farbe-grau); opacity: 1; }
.share-buttons a.whatsapp  { color: var(--farbe-whatsapp); }  .share-buttons a.whatsapp:hover  { color: var(--farbe-grau); opacity: 1; }

/*  ==========  /Social Media Buttons / Share Buttons  ==========  */


/*  ==========  Formulare  ==========  */

fieldset {
	border: 1px solid #cccccc;
	padding: 15px;
	margin-bottom: 30px;
}
legend {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
}

.form-control:focus {
	color: #495057;
	background-color: #eeeeee;
	border-color: #ff0000;
	box-shadow: 0 0 0 .5rem rgba(255,0,0,.5);
}

/*  ==========  /Formulare  ==========  */




.silbentrennung {
	hyphens: auto;
}