@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; flex-flow: row nowrap; }

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

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

.col_l_slider_text { width: calc(50% - 4vw); height: 38vw; padding: 0 4vw 0 6vw; z-index: 9000; }
.col_l_slider_bild { width: calc(50% + 4vw); height: 38vw; }

/* Farben */

.font-white { color: #ffffff; }
.font-black { color: #000000; }
.font-rot { color: #e3000f; }
.font-sand { color: #e1dcd2; }
.font-petrol { color: #118893; }
.font-navi { color: #1d3342; }
.font-stadtgruen { color: #1a5c52; }
.font-sonnengelb { color: #fbbb32; }

.bg-white { background: #ffffff; }
.bg-black { background: #000000; }
.bg-rot { background: #e3000f; }
.bg-sand { background: #e1dcd2; }
.bg-sand-hell { background: #f0ede8; }
.bg-petrol { background: #118893; }
.bg-petrol-hell { background: #a0cfd4; }
.bg-navi { background: #1d3342; }
.bg-stadtgruen { background: #1a5c52; }
.bg-stadtgruen-hell { background: #a3beba; }
.bg-sonnengelb { background: #fbbb32; }

.has-black-color {	color: #000000; }
.has-white-color {	color: #ffffff; }
.has-rot-color { color: #e3000f; }
.has-sand-color { color: #e1dcd2; }
.has-petrol-color { color: #118893; }
.has-navi-color { color: #1d3342; }
.has-stadtgruen-color { color: #1a5c52; }
.has-sonnengelb-color { color: #fbbb32; }

.has-black-background-color {	background-color: #000000; }
.has-white-background-color {	background-color: #ffffff; }
.has-rot-background-color { background: #e3000f; }
.has-sand-background-color { background: #e1dcd2; }
.has-petrol-background-color { background: #118893; }
.has-navi-background-color { background: #1d3342; }
.has-stadtgruen-background-color { background: #1a5c52; }
.has-sonnengelb-background-color { background: #fbbb32; }

.bg-white-trans { background: rgba(255,255,255,.95); }
.bg-black-trans { background: rgba(0,136,147,.65); }
.bg-sand-image { background: #e1dcd2 url('../images/bg_sand_image.png') left top no-repeat; }
.bg-navi-image { background: #1d3342 url('../images/bg_navi_image.png') left top repeat; background-attachment: fixed; }

/* Typo */

.skewx {
  display: inline-block;
  -moz-transform:skewX(-10deg); /* Firefox 3.6 Firefox 4 */
  -webkit-transform:skewX(-10deg); /* Safari */
  -o-transform:skewX(-10deg); /* Opera */
  -ms-transform:skewX(-10deg); /* IE9 */
  transform:skewX(-10deg); /* W3C */
}

.unskewx {
  -moz-transform:skewX(10deg); /* Firefox 3.6 Firefox 4 */
  -webkit-transform:skewX(10deg); /* Safari */
  -o-transform:skewX(10deg); /* Opera */
  -ms-transform:skewX(10deg); /* IE9 */
  transform:skewX(10deg); /* W3C */
}

.skew_overlay { position: absolute; left: -4vw; top: 0; bottom: 0; width: 8vw; }
header .skew_overlay { position: absolute; left: -17px; top: 0; bottom: 0; width: 30px; height: 147px; }

h1, h2, h3, h4, h5, h6 { font-family: 'Poppins'; font-style: italic; font-weight: 800; }

h1 { font-size: 4.5vw; line-height: 1.15em; }
h2 { font-size: 3.2vw; line-height: 1.15em; }
h3 { font-size: 2.8vw; line-height: 1.15em; }
h4 { font-size: 2rem; line-height: 1.15em; }
h5 { font-size: 1.7rem; line-height: 1.25em; }
h6 { font-size: 1.4rem; line-height: 1.25em; }

.text.content h1, .text .content h1, .content .text h1 { font-size: 2.8rem; }
.text.content h2, .text .content h2, .content .text h2 { font-size: 2.1rem; }
.text.content h3, .text .content h3, .content .text h3 { font-size: 1.9rem; }
.text.content h4, .text .content h4, .content .text h4 { font-size: 1.6rem; }
.text.content h5, .text .content h5, .content .text h5 { font-size: 1.3rem; }
.text.content h6, .text .content h6, .content .text h6 { font-size: 1rem; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
div.col_l_slider_text a:hover { 
  color: #000000 !important;
  -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;
}

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

h2.skewx { padding: .5rem 1rem; }
h5.skewx, h6.skewx { padding: .25rem .75rem; }

h1.small, h2.small, h3.small, h4.small, h5.small, h6.small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { font-size: .55em; }

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

.nobr { white-space : nowrap; }

.ara { direction: rtl; unicode-bidi: embed; }
.text.ara p { font-size: 1.4rem; }
.text.ara p.has-text-align-left, 
.text.ara p.has-text-align-center, 
.text.ara p.has-text-align-right { text-align: right; }

/* WordPres Styles */

.wp-block-image figcaption { margin-top: .3em; margin-bottom: 0; }
.wp-block-image { margin-bottom: 1.3em; }
.wp-block-image > figure.aligncenter, .aligncenter { width: 100%; }
.wp-block-image > figure.alignleft, .wp-block-image .alignleft { max-width: calc(50% - .8em); margin: 0.5em 1.6em 0.7em 0; }
.wp-block-image > figure.alignright, .wp-block-image .aligright { max-width: calc(50% - .8em); margin: 0.5em 0 0.7em 1.6em; }
figcaption, .wp-caption-text { font-size: .85rem; line-height: 1.3em; margin: .5em 0 0; }
.wp-block-media-text { padding-bottom: 1.55em; }
.wp-block-media-text .wp-block-media-text__content { padding: 0 40px; }

.text .wp-block-button { 
  margin: 0!important; 
  display: inline-block;
  -moz-transform:skewX(-10deg); /* Firefox 3.6 Firefox 4 */
  -webkit-transform:skewX(-10deg); /* Safari */
  -o-transform:skewX(-10deg); /* Opera */
  -ms-transform:skewX(-10deg); /* IE9 */
  transform:skewX(-10deg); /* W3C */
  background: #e3000f !important;
  -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;
}

.text .wp-block-button:hover { 
  background: #118893 !important; 
}

.text .wp-block-file__button, .text .wp-block-button__link {
  font-family: 'Poppins'; font-weight: 800; font-style: italic;
  background: none !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-size: 1rem !important;
  line-height: 1rem !important; 
  margin: 0 !important;
  padding: 12px 15px 10px 10px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  overflow-wrap: break-word !important;
  -moz-transform:skewX(10deg); /* Firefox 3.6 Firefox 4 */
  -webkit-transform:skewX(10deg); /* Safari */
  -o-transform:skewX(10deg); /* Opera */
  -ms-transform:skewX(10deg); /* IE9 */
  transform:skewX(10deg); /* W3C */
}
.text .wp-block-file__button {
  background: transparent !important;
  color: #500014 !important;
  border: 1px solid #500014 !important;
  padding: 8px 13px 8px 10px !important;
  font-size: .9rem !important;
}
.text .wp-block-button__link:before { 
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-size: .8em !important;
  font-style: normal;
  content: "\f061";
  margin-right: .5em;
 }

 .text .wp-block-file {
  margin-bottom: .5em;
}

.text .wp-block-file__button { margin-left: 20px !important; }
.text .wp-block-file__button:before { 
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-size: .8em !important;
  content: "\f061";
  margin-right: .5em;
  font-style: normal;
 }

.text.content .wp-block-button,
.text .content .wp-block-button { margin-bottom: 1.3rem !important; }

#slider .wp-block-button { margin: 0!important; display: inline-block; }
#slider .wp-block-file__button, #slider .wp-block-button__link {
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-size: 1.4rem !important;
  line-height: 1.35rem !important; 
  margin-top: 1.4rem !important;
  padding: 0 !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: none !important;
  overflow-wrap: break-word !important;
}
#slider .wp-block-button__link:hover { background: none !important; border: none !important; margin-left: 20px !important; margin-right: -20px !important; }

#slider .wp-block-file__button::before, #slider .wp-block-button__link::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-size: .8em !important;
  content: "\f061";
  margin-right: .5em;
  font-style: normal;
 }

/* Allgemeines */

hr { height: 0; border: 0 !important; border-bottom: 3px solid #e3000f !important; margin: 2.5vw 0; width: 80px; }
.font-white hr, hr.white { border-bottom: 3px solid #ffffff !important; }
hr.small { margin: 1.5rem 0; width: 50px;}
hr.large { margin: 2.5rem 0; width: 100%; border-bottom: 1px solid #e3000f !important; }

.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.1rem; line-height: 1.55em; }
.text p { margin-bottom: 1.3rem; }
.text p.has-background { padding: 20px 25px 25px; }
.text p:last-child { margin-bottom: 0; }
.text ul { margin: 0 0 1.5rem 1.1rem; }
.text ul li { list-style-type: square; list-style-position: outside; }
.text ul ul { margin-bottom: 0; margin-left: 2rem; }
.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: .9em; line-height: 1.35em; }
.text .verysmall, .text.verysmall, .has-small-font-size { font-size: .8em; line-height: 1.4em; }
.text .wp-block-pullquote, .text .wp-block-pullquote.is-style-solid-color blockquote { max-width: 100% !important; text-align: left; }
.text blockquote { font-style: italic; margin-bottom: 1.75rem; padding-left: 2rem; font-weight: 300; border-left: 3px solid #e3000f; }
.text blockquote p { margin-bottom: 1.1rem; }
.text blockquote cite { font-size: .9rem; font-style: normal; }
.text .wp-block-pullquote { margin: 0 0 1.1rem 0 !important; padding: 0 !important; }
.text .wp-block-columns { margin-bottom: 1.1rem; }
.text .wp-block-columns .wp-block-column,
.text .wp-block-columns .wp-block-column .wp-block-columns { margin-bottom: 0; margin-top: 0; }
.text .wp-block-columns .wp-block-column .wp-block-columns .wp-block-column { margin-top: .55rem; margin-bottom: .55rem; }
.text a { color: #1a5c52; }
.text a:hover { color: #e3000f; }
.font-white .text a, .font-white.text a, .font-white .text a:visited, .font-white.text a:visited { color: #ffffff; }
.font-white .text a:hover, .font-white.text a:hover { color: #c81e1e; }

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

#team .text a[href *=".pdf"],
#team .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;
}

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

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

#toggle-view { list-style: none; font-size:0.9em; line-height: 1.4em; margin:0; padding:0; width:100%; }
#toggle-view div.boxklappmenu { position: relative; cursor: pointer; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; }
#toggle-view div.boxklappmenu > span { position: absolute; right:6vw; top: calc(3vw + 10px); color: #1d3342; font-size: 1.3rem; }
#toggle-view div.boxklappmenu.active,
#toggle-view div.boxklappmenu:hover { cursor: pointer; background: #f0ede8; }
#toggle-view .panel { display: none; }

#top { position: fixed; bottom: 2vw; right: -200px; z-index: 9999; opacity: 0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
#top.visible { opacity: 1; right: 2vw; }
#top:hover { cursor: pointer; }
#top i.topbutton { color: #ffffff; font-size: 20px; padding: 8px 10px; margin: 0; background: rgba(29,51,66,.9); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
#top i.topbutton:hover { background: #fbbb32; color: #1d3342; }
#top a.mitmachen { padding: 11px 10px; background: #e3000f; color: #ffffff; font-family: 'Poppins'; font-style: italic; font-weight: 800; font-size: 14px; }
#top a.mitmachen:hover { background: #fbbb32; color: #1d3342; }

/* Tabelle */

table.show768 { display: none !important; }

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; font-size: .9rem; color: #1d3342; }
table tr { display: table-row; border-bottom: 1px dotted #88c3c9; }
table tr:last-child { border-bottom: none; }
table thead { border-bottom: 3px solid #1d3342; }
table tr th { display: table-cell; text-align: left; background: #ffffff; font-weight: 700; padding: 0 10px 10px 10px; }
table tr th:first-child { padding: 0 10px 10px 0; }
table tr th:last-child { padding-right: 0; }
table tbody { display: table-row-group; border-bottom: 1px solid #1d3342; }
table tr td { display: table-cell; padding: 10px; background: #ffffff; border-left: 1px dotted #88c3c9; line-height: 1.35em; }
table tr td:first-child { padding-left: 0; border-left: 0;  }
table tr td:last-child { padding-right: 0; }
table tfoot { display: table-row-group; border-bottom: 1px solid #1d3342; }

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: #f6f6f6; }

.is-style-stripes { border-spacing: 0; border-collapse: inherit; background-color: transparent; border-bottom: 0 !important; }
.is-style-stripes table tr { display: table-row; border-bottom: 1px dotted #e1dcd2; }
.is-style-stripes table tr:nth-child(odd) { background: #f0ede8 !important; }
.is-style-stripes table tr:nth-child(odd) td { background: transparent; }
.is-style-stripes table tr td { border-right: 1px dotted #e1dcd2 !important; }
.is-style-stripes table tr td:first-child { padding-left: 10px; }
.is-style-stripes table tr td:last-child { padding-right: 10px; border-right: 0 !important; }

table.events-table td { padding: 20px; vertical-align: top; }
table.events-table td p { margin: 0; }

/* Buttons */

a.btn,
div.btn a {
  font-family: 'Poppins';
  font-style: italic; font-weight: 800;
  display: inline-block; 
  font-size: 1rem;
  font-weight: 400;
  line-height: 1em; 
  text-decoration: none; 
  color: #ffffff; 
  padding: 10px 15px 10px 10px;
  background: #e3000f; 
  cursor: pointer;
}
a.btn:hover { color: #ffffff; background: #1d3342; }
.font-white a.btn:hover { color: #ffffff; background: #118893; }
a.btn.invers { color: #500014; background: transparent; border: 1px solid #500014; }
a.btn.invers:hover { color: #ffffff; background: #500014; border: 1px solid #500014; }

a.btn.negative { color: #000000; background: #ffffff; border: 1px solid #ffffff; }
a.btn.negative:hover { color: #ffffff; background: transparent; border: 1px solid #ffffff; }
a.btn.negative.invers { color: #ffffff; background: transparent; border: 1px solid #ffffff; }
a.btn.negative.invers:hover { color: #000000; background: #ffffff; border: 1px solid #ffffff; }

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

.bottom { position: relative; padding-bottom: calc(37px + 1.5rem) !important; }
.bottom a.btn { position: absolute; bottom: 2vw; left: 2vw; }

/* OWL */

.owl-dots { position: absolute; left: 6vw; bottom: 30px; line-height: 0rem; text-align: left; }
.owl-dot { display: inline-block; margin-right: 12px; }
.owl-dot span { display: block; width: 12px; height: 12px; background: rgba(255,255,255,0.65); }
.owl-dot:hover span { background: #ffffff; }
.owl-nav { position: absolute; bottom: 30px; right: 6vw; display: inline-block; z-index: 9000; }
.owl-nav div { display: inline-block; font-size: 2rem; line-height: 0; color: rgba(255,255,255,0.65); }
.owl-nav div:hover { color: #ffffff; }
.owl-nav div i { margin: 0 0 0 15px; font-size: 1.2rem; }

/* Formulare */

.wpcf7 p { margin-bottom: .5rem; }
.wpcf7 i { font-size: 1.2rem; color: #1d3342; }
.font-white .wpcf7 i { color: #ffffff; }
.wpcf7 form label, .cr_form label { font-size: .9rem; margin-bottom: .5em; }
.wpcf7 form input[type=text], .cr_form input[type=text], .wpcf7 form input[type=email], .wpcf7 form input[type=tel], .wpcf7 form input[type=url] { 
  font-family: 'Assistant';
  width: 100%; 
  padding: 10px 13px; 
  box-sizing: border-box; 
  font-size: 1.1rem;
  border-radius: 0;
  background: #ffffff;
  outline: none;
}
.wpcf7 form textarea { 
  font-family: 'Assistant';
  width: 100%; 
  height: 200px; 
  padding: 10px 13px; 
  box-sizing: border-box; 
  font-size: 1.1rem; 
  background: #ffffff; 
  border-radius: 0;
  outline: none;
  resize: vertical;
}
.content .wpcf7 form input[type=text], .content .wpcf7 form input[type=email], .content .wpcf7 form input[type=tel], .content .wpcf7 form input[type=url], .content .wpcf7 form textarea { background: #f0ede8; }
.wpcf7 form input[type=submit] {
  width: auto !important;
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  display: inline-block; 
  font-size: 1.25rem;
  line-height: 1em; 
  text-decoration: none; 
  color: #1d3342;
  background: transparent !important;
  padding: 0;
  margin-top: 1.5rem;
  cursor: pointer;
  border-radius: 0;
}
.font-white .wpcf7 form input[type=submit] { color: #ffffff; }
.wpcf7 form input[type=submit]:hover { color: #fbbb32; }

.wpcf7-response-output { margin: 2em 0 1em !important; padding: 0.2em 1em !important; }
.wpcf7-list-item { margin: 1rem 0 0 0 !important; }

.wpcf7-list-item input[type="checkbox" i] {
  background-color: #f0f0f0;
  cursor: default;
  width: 15px; height: 15px;
  -webkit-appearance: checkbox;
  box-sizing: border-box;
  margin: 0 6px 0 0 !important;
  padding: initial;
  border: initial;
}

form input[type=text], form input[type=password], textarea { width: 100%; padding: 11px 12px; box-sizing: border-box; font-family: 'Assistant', sans-serif; font-size: 1rem; line-height: 1rem; background: #ffffff; outline: none; border-radius: 0; }
form input[type=submit] { width: auto; padding: 12px; font-size: 1rem; background: #e3000f; color: #ffffff; cursor: pointer; text-align: center; border-radius: 0; }
form input[type=submit]:hover { background: #1a5c52; }
form textarea { 
  font-family: 'Assistant';
  width: 100%; 
  height: 120px; 
  padding: 10px 13px; 
  box-sizing: border-box; 
  font-size: 1.1rem; 
  background: #ffffff; 
  border-radius: 0;
  outline: none;
  resize: vertical;
}
form select { -moz-appearance: none; appearance: none; border: none; font-family: 'Assistant', sans-serif; color: #000000; font-size: 1rem; line-height: 1.2rem; }
form select::-ms-expand { display: none; }
form select:focus::-ms-value { background-color: transparent; }
form select { 
  width: 100%; 
  padding: 12px;
  font-size: 1rem; 
  background: #ffffff url('../images/arrow-down.png') right center no-repeat; 
  border: none; 
  border-radius: 0; 
  box-sizing: border-box; 
  outline: none; 
  cursor: pointer;
  -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
      -o-transition:all 0.2s ease;
         transition:all 0.2s ease;
}
form select:hover { background: #1d3342 url('../images/arrow-down-white.png') right center no-repeat; color: #ffffff; }
form input[type="checkbox" i],
form input[type="radio" i]  {
  background-color: #f0f0f0;
  cursor: default;
  width: 15px; height: 15px;
  -webkit-appearance: checkbox;
  box-sizing: border-box;
  margin: 0 6px 0 0 !important;
  padding: initial;
  border: initial;
}

#filter form input[type=text] { width: calc(100% - 50px); }

/* ------------------------------- YouTube ------------------------------- */

body div.__youtube_prefs__.__youtube_prefs_gdpr__ {
  background-color: #1d3342 !important;
  background-image: none !important;
  background-image: none !important;
}
body div.__youtube_prefs__.__youtube_prefs_gdpr__ p {
  color: #ffffff!important;
}

body div.__youtube_prefs__.__youtube_prefs_gdpr__ button.__youtube_prefs_gdpr__, body div.__youtube_prefs__.__youtube_prefs_gdpr__ button.__youtube_prefs_gdpr__:hover {
  border-radius: 0 !important;
  cursor: pointer;
}

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

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

@media all and ( min-width: 2000px ) {
  .col_xl_3 { width: calc(3/12*100%); position: relative; }
  .col_xl_4 { width: calc(4/12*100%); position: relative; }
  .col_xl_6 { width: calc(6/12*100%); position: relative; }
  .col_xl_8 { width: calc(8/12*100%); position: relative; }
  .col_xl_9 { width: calc(9/12*100%); position: relative; }

  .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_sp_8 { width: calc(8/12*100% - (1 - 8/12)*50px); }
  .col_xl_sp_9 { width: calc(9/12*100% - (1 - 9/12)*50px); }
}

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

  .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%; }

  .col_l_slider_text { width: calc(50% - 4vw); height: 43vw; }
  .col_l_slider_bild { width: calc(50% + 4vw); height: 43vw; }

}

@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%; }

  .col_l_slider_text { width: calc(50% - 4vw); height: 45vw; }
  .col_l_slider_bild { width: calc(50% + 4vw); height: 45vw; }

  #themen .col_themen { width: calc(6/12*100% - (1 - 6/12)*20px); margin-bottom: 20px; }
  #themen .col_l_sp_4 { width: 100%; margin-bottom: 20px; }

  .wp-block-image > figure.alignleft, .alignleft, .wp-block-image > figure.alignright, .aligright { max-width: 100%; width: 100%; margin-left: 0; margin-right: 0; }

}
  
@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_4 { width: calc(4/12*100%); }
  .col_xxs_6 { width: 50%; }
  .col_xxs_8 { width: calc(8/12*100%); }
  .col_xxs_9 { width: calc(9/12*100%); }
  .col_xxs_12 { width: 100%; }

  .col_l_slider_text { position: absolute; top:0; left:0; width: 100%; height: auto; z-index: 1500; opacity: .9;  }
  .col_l_slider_bild { width: 100%; height: 350px; }

}

@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%; }

}