@charset "UTF-8";

img { width: 100%; height: auto; border: 0; }

/* Raster */

.row { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox;	display: flex; justify-content: space-between; flex-flow: row wrap; }
.row.left { justify-content: flex-start; }
.row.right { justify-content: flex-end; }

.col_1 { width: calc(1/14*100%); }
.col_4 { width: calc(4/14*100%); }

.col_l_sp_1 { width: calc(1/12*100% - (1 - 1/12)*50px); }
.col_l_sp_2 { width: calc(2/12*100% - (1 - 2/12)*50px); }
.col_l_sp_3 { width: calc(3/12*100% - (1 - 3/12)*50px); }
.col_l_sp_4 { width: calc(4/12*100% - (1 - 4/12)*50px); }
.col_l_sp_5 { width: calc(5/12*100% - (1 - 5/12)*50px); }
.col_l_sp_6 { width: calc(6/12*100% - (1 - 6/12)*50px); }
.col_l_sp_7 { width: calc(7/12*100% - (1 - 7/12)*50px); }
.col_l_sp_8 { width: calc(8/12*100% - (1 - 8/12)*50px); }
.col_l_sp_9 { width: calc(9/12*100% - (1 - 9/12)*50px); }
.col_l_sp_10 { width: calc(10/12*100% - (1 - 10/12)*50px); }
.col_l_sp_11 { width: calc(11/12*100% - (1 - 11/12)*50px); }
.col_l_sp_12 { width: 100%; }

.col_l_1 { width: calc(1/12*100%); }
.col_l_2 { width: calc(2/12*100%); }
.col_l_3 { width: 25%; }
.col_l_4 { width: calc(4/12*100%); }
.col_l_5 { width: calc(5/12*100%); }
.col_l_6 { width: 50%; }
.col_l_7 { width: calc(7/12*100%); }
.col_l_8 { width: calc(8/12*100%); }
.col_l_9 { width: 75%; }
.col_l_10 { width: calc(10/12*100%); }
.col_l_11 { width: calc(11/12*100%); }
.col_l_12 { width: 100%; }

.content .col_l_sp_1 { width: calc(1/12*100% - (1 - 1/12)*30px); }
.content .col_l_sp_2 { width: calc(2/12*100% - (1 - 2/12)*30px); }
.content .col_l_sp_3 { width: calc(3/12*100% - (1 - 3/12)*30px); }
.content .col_l_sp_4 { width: calc(4/12*100% - (1 - 4/12)*30px); }
.content .col_l_sp_5 { width: calc(5/12*100% - (1 - 5/12)*30px); }
.content .col_l_sp_6 { width: calc(6/12*100% - (1 - 6/12)*30px); }
.content .col_l_sp_7 { width: calc(7/12*100% - (1 - 7/12)*30px); }
.content .col_l_sp_8 { width: calc(8/12*100% - (1 - 8/12)*30px); }
.content .col_l_sp_9 { width: calc(9/12*100% - (1 - 9/12)*30px); }
.content .col_l_sp_10 { width: calc(10/12*100% - (1 - 10/12)*30px); }
.content .col_l_sp_11 { width: calc(11/12*100% - (1 - 11/12)*30px); }


.col_l_color { width: 2vw; background: linear-gradient(180deg, rgba(248,177,51,1) 0%, rgba(242,145,0,1) 25%, rgba(232,78,27,1) 50%, rgba(229,0,126,1) 75%, rgba(214,11,81,1) 100%); }
.col_l_content { width: calc(100% - 2vw); }

/* Farben */

.bg-white { background: #ffffff; }
.bg-black { background: #000000; }
.bg-leightgrey { background: #f1f2f3; }
.bg-darkgrey { background: #3f4e55; }
.bg-orange { background: #f29100; }
.bg-red { background: #d60b51; }
.bg-magenta { background: #e5007e; }
.bg-yellow { background: #f8b133; }
.bg-gradient { background: linear-gradient(90deg, rgba(248,177,51,1) 0%, rgba(242,145,0,1) 25%, rgba(232,78,27,1) 50%, rgba(229,0,126,1) 75%, rgba(214,11,81,1) 100%); }

.font-white { color: #ffffff !important; }
.font-black { color: #000000; }
.font-darkgrey { color: #3f4e55; }
.font-orange { color: #f29100; }
.font-red { color: #d60b51; }
.font-magenta { color: #e5007e; }
.font-yellow { color: #f8b133; }

.has-black-color {	color: #000000; }
.has-white-color {	color: #ffffff; }
.has-leightgrey-color { color: #f1f2f3; }
.has-darkgrey-color { color: #3f4e55; }
.has-orange-color { color: #d60b51; }
.has-red-color { color: #d60b51; }
.has-magenta-color { color: #d60b51; }
.has-yellow-color { color: #d60b51; }

.has-black-background-color {	background-color: #000000; }
.has-white-background-color {	background-color: #ffffff; }
.has-leightgrey-background-color { background: #f1f2f3; }
.has-darkgrey-background-color { background: #3f4e55; }
.has-orange-background-color { background: #d60b51; }
.has-red-background-color { background: #d60b51; }
.has-magenta-background-color { background: #d60b51; }
.has-yellow-background-color { background: #d60b51; }

.bg-white-trans { background: rgba(255,255,255,0.95); }
.bg-grey-trans { background: rgba(63,78,85,.95); }
.bg-leightgrey-trans { background: rgba(241,242,243,.95); }

.line-gradient, #sidebar hr.wp-block-separator { width: 100%; height: 3px; background: linear-gradient(90deg, rgba(248,177,51,1) 0%, rgba(242,145,0,1) 25%, rgba(232,78,27,1) 50%, rgba(229,0,126,1) 75%, rgba(214,11,81,1) 100%); }
.line-gradient-invers { width: 100%; height: 5px; background: linear-gradient(270deg, rgba(248,177,51,1) 0%, rgba(242,145,0,1) 25%, rgba(232,78,27,1) 50%, rgba(229,0,126,1) 75%, rgba(214,11,81,1) 100%); }

/* Typo */

h1 { font-size: 4.5vw; line-height: 1.2em; }
h2 { font-size: 3vw; line-height: 1.25em; }
h3 { font-size: 2.5vw; line-height: 1.25em; }
h4 { font-size: 2rem; line-height: 1.25em; }
h5 { font-size: 1.7rem; line-height: 1.25em; }
h6, .mec-wrap h6 { font-size: 1.4rem; line-height: 1.25em; }

#news h4 { margin: .5rem 0 1rem; }

.text a:hover h1, .text a:hover h2, .text a:hover h3, .text a:hover h4, .text a:hover h5, .text a:hover h6 { color: #000000; }

.text h1, .text h2 { margin-bottom: .5em; }
.text h3, .text h4{ margin-bottom: .75em; }
.text h5, .text h6 { margin-bottom: 1em; }

b, strong { font-weight: bold; }
em { font-style: italic; }
u { text-decoration: underline;}
i { font-size: 0.8em; margin-right: 0.5em; }

/* WordPres Styles */

.wp-block-image figcaption { margin-top: .3em; margin-bottom: 1.2em; }
.wp-block-image { margin-bottom: 1.3em; }
.wp-block-image > figure.alignleft, .aligncenter { width: 100% !important; }
.wp-block-image > figure.alignleft, .alignleft { width: calc(50% - 15px) !important; margin: 0 30px 0 0; float: left; }
.wp-block-image > figure.alignright, .aligright { width: calc(50% - 15px) !important; margin: 0 0 0 30px; float: right; }
.wp-block-image.border img { border: 1px solid #d60b51; }
figure.alignleft, figure.alignright { content: none; clear: both; display: table; }
figcaption, .wp-caption-text { font-size: .85rem; line-height: 1.3em; margin: .5em 0 0 !important; }
.wp-block-button { color: #333; margin: 0!important; display: inline-block; }
.wp-block-file__button, .wp-block-button__link {
  background: #d60b51 !important;
  color: #ffffff !important;
  border: 1px solid #d60b51 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-size: .85rem !important;
  line-height: .85rem !important; 
  margin: 0 0 1em 0 !important;
  padding: 10px 15px 10px 10px !important;
  letter-spacing: .1em; 
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  overflow-wrap: break-word !important;
}
.wp-block-button__link:hover, .wp-block-file__button:hover {
  outline: 0;
  color: #3f4e55 !important; 
  background: transparent !important; 
  border: 1px solid #3f4e55 !important;
}
.wp-block-button__link:focus-visible, .wp-block-file__button:focus-visible  {
  outline: 0;
  color: #ffffff !important; 
  background: #3f4e55 !important; 
  border: 1px solid #3f4e55 !important;
}
.bg-darkgrey .wp-block-button__link:hover, .wp-block-file__button:hover,
.bg-darkgrey .wp-block-button__link:focus-visible, .wp-block-file__button:focus-visible {
  outline: 0;
  color: #3f4e55 !important; 
  background: #ffffff !important; 
  border: 1px solid #ffffff !important;
}
.wp-block-button__link:before { 
  font-family: 'simple-line-icons';
  font-size: .8em !important;
  content: "\e606";
  margin-right: .5em;
 }
.wp-block-file {
  margin-bottom: .5em;
}

.wp-block-file__button { margin-left: 20px !important; }
.wp-block-file__button:before { 
  font-family: 'simple-line-icons';
  font-size: .8em !important;
  content: "\e604";
  margin-right: .5em;
 }

.text .has-background h1, .text .has-background h2, .text .has-background h3, .text .has-background h4, .text .has-background h5, .text .has-background h6 { margin: 0; padding: 1.5vw 2vw; }
.wp-block-group.has-background { padding: 1.5vw; margin-bottom: 1.3rem; }
.text .wp-block-group.has-background h1,
.text .wp-block-group.has-background h2,
.text .wp-block-group.has-background h3,
.text .wp-block-group.has-background h4,
.text .wp-block-group.has-background h5,
.text .wp-block-group.has-background h6 { margin: 0; padding: 0 0 1rem 0; }

.wp-block-column .has-media-on-the-right .wp-block-media-text__content { padding: 0 12% 0 0; }

/* Allgemeines */

hr { height: 0; border: 0 !important; border-bottom: 1px solid #d60b51 !important; margin: 2.5vw 0 2.5vw; width: 80px; }
.font-white hr, hr.white { border-bottom: 1px solid #ffffff !important; }
hr.small { margin: 1.5rem 0; width: 50px; }
hr.large { margin: 1.5rem 0; width: 100%; }
hr.center { margin: 1rem auto 2rem; }
.has-background hr { margin: 1rem 0; }
.has-orange-background-color hr,
.has-black-background-color hr,
.has-darkgrey-background-color hr,
.has-red-background-color hr,
.has-magenta-background-color hr { border-bottom: 1px solid #ffffff !important; }

#sidebar hr.large, #wildcard hr.large { margin: 1rem 0; }
#sidebar hr.wp-block-separator { border: 0 !important; margin: 1rem 0; }

.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }

.uppercase { text-transform: uppercase; }

.shadow { box-shadow: 0 0 15px rgba(0,0,0,0.25); }

.text { font-size: 1.2rem; line-height: 1.55em; color: #3f4e55; }
.text p { margin-bottom: 1.3rem; }
.text p:last-child { margin-bottom: 0; }
.text ul { margin: 0 0 1.5rem 1.4rem; }
.text ul.has-background { margin: 0 0 1.5rem 0; }
.text ul li { list-style-type: square; list-style-position: outside; }
.text ul ul { margin-bottom: 0; margin-left: 1.28rem; }
.text ul ul li { list-style-type: circle; font-size: .9em; line-height: 1.6em; }
.text ol { margin: 0 0 1.5rem 1.1rem; }
.text ol li { list-style-type: decimal; list-style-position: outside;  }
.text ol ol { margin-bottom: 0; margin-left: 2rem; }
.text .regular, .text.regular { font-size: 1.1rem; line-height: 1.5rem; }
.text .regular p, .text.regular p { margin-bottom: 0; }
.text .small, .text.small { font-size: .9rem; line-height: 1.35em; }
.text .verysmall, .text.verysmall, .has-small-font-size { font-size: .75rem; line-height: 1.4em; }
.text blockquote { font-size: 1.5rem; line-height: 1.4em; font-style: italic; margin-bottom: 1.75rem; padding-left: 2rem; font-weight: 300; border-left: 1px solid #d60b51; }
.text blockquote p { margin-bottom: 1.1rem; }
.text blockquote cite { font-size: .9rem; font-style: normal; }
.text a { color: #d60b51; }
.text a:hover { color: #f29100; }
.text a:focus-visible { background: #d60b51; padding: 0 4px; outline: 0; color: #ffffff; }
.text figure a:focus-visible { background: #d60b51; padding: 0; outline: 4px solid #3f4e55; outline-offset: 0px; border:0; -webkit-transition: none;; -moz-transition: none;; -o-transition: none;; transition: none; }
.bg-red.text a:focus-visible, .bg-red .text a:focus-visible, .text .bg-red a:focus-visible { background: #ffffff; padding: 0 4px; outline: 0; color: #3f4e55; }
.text p.has-background { padding: 1.5vw; }
.font-white .text a, .text .font-white a, .has-white-color a { color: #ffffff; text-decoration: underline; }
.font-white .text a:hover, .text .font-white a:hover { color: #f29100; }

.text.col2, .text .col2 { column-count: 2; column-gap:50px; }

.text ul.kooperationen { margin: 0; padding: 0; list-style: none; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox;	display: flex; justify-content: space-between; flex-flow: row wrap; }
.text ul.kooperationen li {
  list-style: none; width: calc(4/12*100% - (1 - 4/12)*30px); background: #f1f2f3; margin: 15px 0; padding: 2rem 1rem; text-align: center; font-size: 1.3rem; font-weight: bold; line-height: 1.35em;
  display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; -webkit-align-items: center;	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}

.text ul.kooperationen li:nth-child(5n+1) { border-bottom: 3px solid rgb(248,177,51); } 
.text ul.kooperationen li:nth-child(5n+2) { border-bottom: 3px solid rgb(242,145,0); } 
.text ul.kooperationen li:nth-child(5n+3) { border-bottom: 3px solid rgb(232,78,27); } 
.text ul.kooperationen li:nth-child(5n+4) { border-bottom: 3px solid rgb(229,0,126); } 
.text ul.kooperationen li:nth-child(5n+5) { border-bottom: 3px solid rgb(214,11,81); } 

.text ul.kooperationen li:last-child { background: transparent; margin: 0; padding: 0; border: 0; }

.text .wp-block-file a[href *=".pdf"] {
	padding: 6px 0 4px 30px;
  margin-bottom: .5rem;
	background: transparent url(../images/pdf.png) no-repeat left;
  line-height: 2em;
}

.text .wp-block-file a[href *=".pdf"]:focus-visible {
	outline: 2px solid #3f4e55;
  color: #3f4e55;
  background: transparent url(../images/pdf.png) no-repeat left;
  padding: 6px 6px 6px 30px;
}

#prevnext, #prevnext a { font-size: .85rem; line-height: .85rem; text-transform: uppercase; text-decoration: none; }
#prevnext a:hover { color: #b31218; }

/* Tabelle */

table { display: table; width: 100%; max-width: 100%; border-spacing: 0; border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
table tr { display: table-row; border-bottom: 1px solid #d9edf7; }
table tr:last-child { border-bottom: none; }
table thead { border-bottom: 2px solid #878787; }
table tr th { display: table-cell; text-align: left; background: #ffffff; padding: 0 0 10px; }
table tbody { display: table-row-group; }
table tr td { display: table-cell; padding: 5px 0; }

table tr.active td { background: #f1f2f3; padding: 10px; }
table tr.info td { background: #d9edf7; padding: 10px; }
table tr.warning td { background: #feead3; padding: 10px; }
table tr.success td { background: #f1f2f3; padding: 10px; }
table tr.danger td { background: #f2dede; padding: 10px; }

table.bordered { border: 1px solid #878787; }
table.bordered tr td, table.bordered tr th, table.bordered.striped tr th { display: table-cell; padding: 10px; border-right: 1px solid #878787; }

table.striped tr { border-bottom: 0; }
table.striped tr th { display: table-cell; text-align: left; background: #ffffff; padding: 0 10px 10px; }
table.striped tr td { padding: 10px; }
table.striped tr:nth-child(odd) { background-color: #f1f2f3; }

/* Buttons */

a.btn,
div.btn a,
a div.btn,
#blog-nav a,
button.btn { 
  display: inline-block; 
  font-size: .9rem;
  font-weight: 400;
  line-height: 1em; 
  text-decoration: none; 
  text-transform: uppercase; 
  letter-spacing: .1em; 
  color: #ffffff; 
  background: #d60b51;
  border: 1px solid #d60b51;
  padding: 10px 15px 10px 10px;
  margin-top: .5em;
  cursor: pointer;
}
a.btn:hover, a:hover div.btn, button.btn:hover { color: #ffffff; background: #3f4e55; border: 1px solid #3f4e55; }
a.btn:focus-visible, a:focus-visible div.btn, button.btn:focus-visible { outline: 0; color: #ffffff; background: #3f4e55; border: 1px solid #3f4e55; padding: 10px 15px 10px 10px; }

a.btn.invers, #blog-nav a { color: #3f4e55; background: transparent; border: 1px solid #3f4e55; }
a.btn.invers:hover, #blog-nav a:hover { color: #ffffff; background: #3f4e55; border: 1px solid #3f4e55; }
a.btn.invers:focus-visible, #blog-nav a:focus-visible { outline: 0; color: #ffffff; background: #3f4e55; border: 1px solid #3f4e55; }

a.btn.negative, button.btn.negative { color: #000000; background: #ffffff; border: 1px solid #ffffff; }
a.btn.negative:hover, button.btn.negative:hover { color: #ffffff; background: transparent; border: 1px solid #ffffff; }
a.btn.negative:focus-visible, button.btn.negative:focus-visible { outline: 0; color: #ffffff; background: #d60b51; border: 1px solid #d60b51; }

a.btn.negative.invers, button.btn.negative.invers { color: #ffffff; background: transparent; border: 1px solid #ffffff; }
a.btn.negative.invers:hover, button.btn.negative.invers:hover { color: #000000; background: #ffffff; border: 1px solid #ffffff; }
a.btn.negative.invers:focus-visible, button.btn.negative.invers:focus-visible { outline: 0; color: #ffffff; background: #d60b51; border: 1px solid #d60b51; }

a.btn.large, a div.btn.large, button.btn.large { font-size: 1rem; padding: 13px 25px; margin-top: .5em; }
a.btn.small, a div.btn.small, button.btn.small { font-size: .75rem; padding: 7px 10px 7px 7px; }
a.btn.verysmall, a div.btn.verysmall, button.btn.verysmall { font-size: .65rem; padding: 5px 10px 5px 7px; }

.bottom { position: relative; padding-bottom: 3.5rem !important; }
.bottom a.btn { position: absolute; bottom: 1.5rem; left: 1.5rem; }

#blog-nav .left a { font-size: .75rem; padding: 8px 10px 8px 7px; }
#blog-nav .right a { font-size: .75rem; padding: 8px 7px 8px 10px; }
#blog-nav .right i { margin: 0 0 0 .5em; }

.cn-button.btn { letter-spacing: 0; text-transform: none; padding: 8px 12px !important; margin: 20px 10px 0 !important; }
.cookie-notice-container { padding: 25px 6vw 30px !important; }
.cn-buttons-container { display: block !important; }
.cn-text-container{ font-size: 1.1rem; line-height: 1.45em; font-family: 'Titillium Web'; font-style: normal; font-weight: 300; margin-bottom: 0 !important; display: block; }

/* Formulare */

div.wpforms-container-full .wpforms-form input[type=date], 
div.wpforms-container-full .wpforms-form input[type=datetime], 
div.wpforms-container-full .wpforms-form input[type=datetime-local], 
div.wpforms-container-full .wpforms-form input[type=email], 
div.wpforms-container-full .wpforms-form input[type=month], 
div.wpforms-container-full .wpforms-form input[type=number],
div.wpforms-container-full .wpforms-form input[type=password], 
div.wpforms-container-full .wpforms-form input[type=range], 
div.wpforms-container-full .wpforms-form input[type=search], 
div.wpforms-container-full .wpforms-form input[type=tel], 
div.wpforms-container-full .wpforms-form input[type=text], 
div.wpforms-container-full .wpforms-form input[type=time], 
div.wpforms-container-full .wpforms-form input[type=url], 
div.wpforms-container-full .wpforms-form input[type=week], 
div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  background-color: #f1f2f3;
  border-radius: 0;
  color: #3f4e55;
  font-size: 1.3rem;
  border: none;
  padding: 10px 12px;
  height: auto;
  line-height: 1.3;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium { height: 120px; }

#sidebar-contact form input[type=submit],
#landingpage form input[type=submit],
div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
  display: inline-block; 
  font-size: .85rem;
  font-weight: 400;
  line-height: 1em; 
  text-decoration: none; 
  text-transform: uppercase; 
  letter-spacing: .1em; 
  color: #ffffff; 
  background: #d60b51;
  border: 1px solid #d60b51;
  padding: 12px 20px 12px 15px;
  margin-top: .5em;
  -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;
}
#sidebar-contact form input[type=submit]:before,
#landingpage form input[type=submit]:before,
div.wpforms-container-full .wpforms-form input[type=submit]:before, 
div.wpforms-container-full .wpforms-form button[type=submit]:before, 
div.wpforms-container-full .wpforms-form .wpforms-page-button:before { 
  font-family: 'simple-line-icons';
  font-size: .8em !important;
  content: "\e606";
  margin-right: .5em;
}
#sidebar-contact form input[type=submit]:hover,
#landingpage form input[type=submit]:hover,
div.wpforms-container-full .wpforms-form input[type=submit]:hover, 
div.wpforms-container-full .wpforms-form button[type=submit]:hover, 
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover { 
  color: #3f4e55; background: transparent; border: 1px solid #3f4e55;
}
#sidebar-contact form input[type=submit]:focus-visible,
#landingpage form input[type=submit]:focus-visible,
div.wpforms-container-full .wpforms-form input[type=submit]:focus-visible, 
div.wpforms-container-full .wpforms-form button[type=submit]:focus-visible, 
div.wpforms-container-full .wpforms-form .wpforms-page-button:focus-visible { 
  outline: 0; color: #ffffff; background: #3f4e55; border: 1px solid #3f4e55;
}
#landingpage div.wpforms-container-full .wpforms-form .wpforms-field { line-height: 1.2em !important; }
#landingpage div.wpforms-container-full { padding: 2rem; background: #ffffff; }
#landingpage .umfrage div.wpforms-container-full .wpforms-form textarea { font-size: 1.15rem; }
#landingpage .umfrage div.wpforms-container-full .wpforms-form .wpforms-field-label { font-size: 1.3rem; line-height: 1.35; margin: 0 0 10px 0; }
#landingpage .umfrage div.wpforms-container-full .wpforms-form ul li { margin-bottom: 0 !important; }
#landingpage .umfrage div.wpforms-container-full .wpforms-form .wpforms-field { padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #878787; }
#landingpage .umfrage div.wpforms-container-full .wpforms-form .wpforms-field:last-child { border-bottom: 0; margin: 0; }
#landingpage .umfrage div.wpforms-container-full .wpforms-form .wpforms-field-label-inline { font-size: 1.1rem; line-height: 1.15; }

#landingpage form select { background: #f1f2f3 url('../images/arrow-down.png') right center no-repeat; }
#landingpage form select:hover { background: #3f4e55 url('../images/arrow-down-white.png') right center no-repeat; color: #ffffff; }
#sidebar-contact form input[type=submit],
#landingpage form input[type=submit] { width: auto; }

#sidebar-contact .sib_signup_form input[type=email],
#landingpage .sib_signup_form input[type=email] { 
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  background-color: #ffffff;
  border-radius: 0;
  color: #3f4e55;
  font-size: 1.3rem;
  border: none;
  padding: 10px 12px;
  height: auto;
  line-height: 1.3em;
  width: 100%;
}
#sidebar-contact .sib_signup_form input[type=email]:focus-visible,
#landingpage .sib_signup_form input[type=email]:focus-visible { outline: 2px solid #3f4e55; }

#sidebar-contact .sib_signup_form input[type=checkbox], #sidebar-contact .sib_signup_form input[type=radio],
#landingpage .sib_signup_form input[type=checkbox], #landingpage .sib_signup_form input[type=radio] {
  border: 1px solid #ccc;
  background-color: #fff;
  width: 14px;
  height: 14px;
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  appearance: checkbox !important;
  margin: 0 5px 0 0;
  display: inline-block;
  vertical-align: baseline;
}
#sidebar-contact .sib_signup_form input[type=checkbox]:focus-visible, #sidebar-contact .sib_signup_form input[type=radio]:focus-visible,
#landingpage .sib_signup_form input[type=checkbox]:focus-visible, #landingpage .sib_signup_form input[type=radio]:focus-visible { outline: 2px solid #3f4e55; }

#sidebar-contact .sib_signup_form h5 { display: none; }
#sidebar-contact .sib_signup_form input[type=email] { background-color: #f1f2f3; }
#sidebar-contact form input[type=submit] { font-size: .75rem; line-height: 1.35em; padding: 7px 10px; }
#sidebar-contact .sib_signup_form .martop150rem { margin-top: 1rem; }

/* OWL */

#owl .owl-item img { padding: 0; }
.owl-dots { position: relative; line-height: 1rem; padding-top:2vw; z-index: 9000; text-align: center; }
.owl-dot { display: inline-block; margin: 0 15px 0 0; }
.owl-dot:last-child { margin: 0; }
.owl-dot span { display: block; width: 12px; height: 12px; background: rgba(255,255,255,.65); }
.owl-dot.active span { background: #d60b51; }
.owl-dot:hover span { background: #ffffff; }
.owl-dot:focus-visible { outline: 2px solid #ffffff; }
.owl-dot:focus-visible span { background: #ffffff; }
#owl-blog .col_l_8 { padding: 0 0 0 2rem; }

/* Toggle Plugin */

.wp-block-aab-group-accordion .wp-block-aab-accordion-item { border: 0 !important; margin-bottom: 15px !important; border-radius: 0; }
.wp-block-aab-group-accordion .wp-block-aab-accordion-item.aagb__accordion_active { border: 0 !important; }

.wp-block-aab-group-accordion .aagb__accordion_head { background: rgba(0,0,0,.05) !important; }
.wp-block-aab-group-accordion .aagb__accordion_head:hover { background: rgba(0,0,0,.15) !important; }
.wp-block-aab-group-accordion .aagb__accordion_head:focus-visible { background: #d60b51 !important; color: #ffffff; outline: 0; }
.wp-block-aab-group-accordion .wp-block-aab-accordion-item:focus-visible { outline: 0 !important; border: 0 !important; }
.wp-block-aab-group-accordion .wp-block-aab-accordion-item:focus-visible .aagb__accordion_head { background: #d60b51 !important; color: #ffffff; outline: 0; }
.wp-block-aab-group-accordion .aagb__accordion_active .aagb__accordion_head { background: #d60b51 !important; color: #ffffff; }

.wp-block-aab-group-accordion .aagb__accordion_title { font-size: 1.6vw; line-height: 1.25em; color: #3f4e55 !important;  }
.wp-block-aab-group-accordion .aagb__accordion_active .aagb__accordion_title,
.wp-block-aab-group-accordion .aagb__accordion_active .aagb__accordion_icon{ color: #ffffff !important;  }

.wp-block-aab-group-accordion .aagb__accordion_body,
.wp-block-aab-group-accordion .aagb__accordion_active .aagb__accordion_body { border: 0 !important; background: rgba(0,0,0,.05) !important; }

/* YouTube Videos */

.wp-block-embed-youtube .wp-block-embed__wrapper, .video-container { position: relative; padding-bottom: 56.25%; height: 0; border: 1px solid #3f4e55; }
.wp-block-embed-youtube .wp-block-embed__wrapper iframe, .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed { display: block; width: 100%; height: auto; max-width: none !important; }
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-thumbnail { width: 100%; height: auto; max-width: none !important; }

/* ------------------------------- Mobile ------------------------------- */

/* --- Min. 2000 --- */

@media all and ( min-width: 2000px ) {
  .col_xl_sp_2 { width: calc(2/12*100% - (1 - 2/12)*50px); }
  .col_xl_sp_3 { width: calc(3/12*100% - (1 - 3/12)*50px); }
  .col_xl_sp_4 { width: calc(4/12*100% - (1 - 4/12)*50px); }
  .col_xl_sp_6 { width: calc(6/12*100% - (1 - 6/12)*50px); }

  .col_xl_10 { width: calc(10/12*100%); }
}

/* --- Max. 1400 --- */
  
@media all and (max-width: 1300px) {

.col_m_sp_1 { width: calc(1/12*100% - (1 - 1/12)*50px); }
.col_m_sp_2 { width: calc(2/12*100% - (1 - 2/12)*50px); }
.col_m_sp_3 { width: calc(3/12*100% - (1 - 3/12)*50px); }
.col_m_sp_4 { width: calc(4/12*100% - (1 - 4/12)*50px); }
.col_m_sp_5 { width: calc(5/12*100% - (1 - 5/12)*50px); }
.col_m_sp_6 { width: calc(6/12*100% - (1 - 6/12)*50px); }
.col_m_sp_7 { width: calc(7/12*100% - (1 - 7/12)*50px); }
.col_m_sp_8 { width: calc(8/12*100% - (1 - 8/12)*50px); }
.col_m_sp_9 { width: calc(9/12*100% - (1 - 9/12)*50px); }
.col_m_sp_10 { width: calc(10/12*100% - (1 - 10/12)*50px); }
.col_m_sp_11 { width: calc(11/12*100% - (1 - 11/12)*50px); }
.col_m_sp_12 { width: 100%; }

.col_m_1 { width: calc(1/12*100%); }
.col_m_2 { width: calc(2/12*100%); }
.col_m_3 { width: 25%; }
.col_m_4 { width: calc(4/12*100%); }
.col_m_5 { width: calc(5/12*100%); }
.col_m_6 { width: 50%; }
.col_m_7 { width: calc(7/12*100%); }
.col_m_8 { width: calc(8/12*100%); }
.col_m_9 { width: 75%; }
.col_m_10 { width: calc(10/12*100%); }
.col_m_11 { width: calc(11/12*100%); }
.col_m_12 { width: 100%; }

}

/* ---  Max. 1024 --- */

@media all and (max-width: 1024px) {

.col_s_sp_1 { width: calc(1/12*100% - (1 - 1/12)*50px); }
.col_s_sp_2 { width: calc(2/12*100% - (1 - 2/12)*50px); }
.col_s_sp_3 { width: calc(3/12*100% - (1 - 3/12)*50px); }
.col_s_sp_4 { width: calc(4/12*100% - (1 - 4/12)*50px); }
.col_s_sp_5 { width: calc(5/12*100% - (1 - 5/12)*50px); }
.col_s_sp_6 { width: calc(6/12*100% - (1 - 6/12)*50px); }
.col_s_sp_7 { width: calc(7/12*100% - (1 - 7/12)*50px); }
.col_s_sp_8 { width: calc(8/12*100% - (1 - 8/12)*50px); }
.col_s_sp_9 { width: calc(9/12*100% - (1 - 9/12)*50px); }
.col_s_sp_10 { width: calc(10/12*100% - (1 - 10/12)*50px); }
.col_s_sp_11 { width: calc(11/12*100% - (1 - 11/12)*50px); }
.col_s_sp_12 { width: 100%; }

.col_s_1 { width: calc(1/12*100%); }
.col_s_2 { width: calc(2/12*100%); }
.col_s_3 { width: 25%; }
.col_s_4 { width: calc(4/12*100%); }
.col_s_5 { width: calc(5/12*100%); }
.col_s_6 { width: 50%; }
.col_s_7 { width: calc(7/12*100%); }
.col_s_8 { width: calc(8/12*100%); }
.col_s_9 { width: 75%; }
.col_s_10 { width: calc(10/12*100%); }
.col_s_11 { width: calc(11/12*100%); }
.col_s_12 { width: 100%; }

}

@media all and (orientation: landscape) and (max-width: 1024px) {
}
  
@media all and (orientation: portrait) and (max-width: 1024px) {
}
  
/* --- Max. 768 --- */
  
@media all and ( max-width: 768px ) {

.col_xs_sp_1 { width: calc(1/12*100% - (1 - 1/12)*25px); }
.col_xs_sp_2 { width: calc(2/12*100% - (1 - 2/12)*25px); }
.col_xs_sp_3 { width: calc(3/12*100% - (1 - 3/12)*25px); }
.col_xs_sp_4 { width: calc(4/12*100% - (1 - 4/12)*25px); }
.col_xs_sp_5 { width: calc(5/12*100% - (1 - 5/12)*25px); }
.col_xs_sp_6 { width: calc(6/12*100% - (1 - 6/12)*25px); }
.col_xs_sp_7 { width: calc(7/12*100% - (1 - 7/12)*25px); }
.col_xs_sp_8 { width: calc(8/12*100% - (1 - 8/12)*25px); }
.col_xs_sp_9 { width: calc(9/12*100% - (1 - 9/12)*25px); }
.col_xs_sp_10 { width: calc(10/12*100% - (1 - 10/12)*25px); }
.col_xs_sp_11 { width: calc(11/12*100% - (1 - 11/12)*25px); }
.col_xs_sp_12 { width: 100%; }

.col_xs_1 { width: calc(1/12*100%); }
.col_xs_2 { width: calc(2/12*100%); }
.col_xs_3 { width: 25%; }
.col_xs_4 { width: calc(4/12*100%); }
.col_xs_5 { width: calc(5/12*100%); }
.col_xs_6 { width: 50%; }
.col_xs_7 { width: calc(7/12*100%); }
.col_xs_8 { width: calc(8/12*100%); }
.col_xs_9 { width: 75%; }
.col_xs_10 { width: calc(10/12*100%); }
.col_xs_11 { width: calc(11/12*100%); }
.col_xs_12 { width: 100%; }

.imgleft > img, .imgright > img, .imgleft > figure, .imgright > figure { width: 100%; margin: 0 0 1em 0; float: none; }

}
  
@media all and (orientation: landscape) and (max-width: 768px) {
}
  
@media all and (orientation: portrait) and (max-width: 768px) {
}
  
/* --- Max. 600 --- */
  
@media all and (max-width: 550px) {

.col_xxs_sp_1 { width: calc(1/12*100% - (1 - 1/12)*20px); }
.col_xxs_sp_2 { width: calc(2/12*100% - (1 - 2/12)*20px); }
.col_xxs_sp_3 { width: calc(3/12*100% - (1 - 3/12)*20px); }
.col_xxs_sp_4 { width: calc(4/12*100% - (1 - 4/12)*20px); }
.col_xxs_sp_5 { width: calc(5/12*100% - (1 - 5/12)*20px); }
.col_xxs_sp_6 { width: calc(6/12*100% - (1 - 6/12)*20px); }
.col_xxs_sp_7 { width: calc(7/12*100% - (1 - 7/12)*20px); }
.col_xxs_sp_8 { width: calc(8/12*100% - (1 - 8/12)*20px); }
.col_xxs_sp_9 { width: calc(9/12*100% - (1 - 9/12)*20px); }
.col_xxs_sp_10 { width: calc(10/12*100% - (1 - 10/12)*20px); }
.col_xxs_sp_11 { width: calc(11/12*100% - (1 - 11/12)*20px); }
.col_xxs_sp_12 { width: 100%; }

.col_xxs_3 { width: calc(3/12*100%); }
.col_xxs_6 { width: 50%; }
.col_xxs_9 { width: calc(9/12*100%); }
.col_xxs_12 { width: 100%; }

}

@media all and (orientation: landscape) and (max-width: 550px) {
}

@media all and (orientation: portrait) and (max-width: 550px) {
}

/* --- Max. 450 --- */
  
@media all and (max-width: 450px) {

.col_xxxs_sp_12 { width: 100%; }
.col_xxxs_12 { width: 100%; }

}