@charset "utf-8";

/*
Theme Name: maennergewaltschutz.de (Kopie juma-sachsen.de)
Version:	1.0
Author:		Rico Floß, floss@51nullacht.de
Author URI: http://www.51nullacht.de/
Date:		2016-02
Client:		LAG
*/

/*
========= Colours

red			F9423A
blue		004F59

darkgrey	666666	font, lines
grey		737576*	header, footer
lightgrey	CCCCCC	bg

*/

/* ========= Plugins */

/* ========= font override */
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

html {
	font-weight: 400;
	font-size: 87.5%;
	font-family: 'Open Sans', Arial, Verdana, sans-serif;
	color: #666666;
	text-align: center;
	background-color: #fff;
}
body {
	line-height: 1.42rem;
	overflow-x: hidden; -webkit-transform-origin: center 0; -moz-transform-origin: center 0; -ms-transform-origin: center 0; -o-transform-origin: center 0; transform-origin: center 0;
}

/* ========= default formatting */
body, p, li, i {}
strong, b { }
hr { border-top-color: #737576; border-top-style: solid;  }
hr.main-line { border-top-color: #666666; border-top-width: 2px; }

/* ========= container width and wrapper */
.container, .container-fluid { width: 1020px; }
.wrapper {  }

/* ========= links and buttons */
a { font-weight: 700; color: #000; }
li a, dl a, p a {  }
a strong, a b, strong a, b a{  }
a:hover{}

a.button,
a.button:visited,
input.button,
button { /* background-color: #fff; color: #737576; */ color: #fff; border-color: #fff; font-weight: 700; }

a.angle-right:after,
a.angle-right:visited:after {
	content:"\f105"; padding-left: 0.5rem;
	font-family:"FontAwesome";font-size:inherit;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-rendering:auto;
}

a.button:hover,
input.button:hover,
button:hover {}

a.button.light,
input.button.light,
button.light {}

/* ========= form */
form .column {}
::-webkit-input-placeholder { color: #F1F1F1; }
:-moz-placeholder { color: #F1F1F1; }
::-moz-placeholder { color: #F1F1F1; }
:-ms-input-placeholder { color: #F1F1F1; }

form input[type="text"], form input[type="number"], form textarea { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

form .formrow { margin-bottom: 0.75rem; }
form label { margin-bottom: 0.25rem; }
.page-content form { padding: 1rem; background-color: #F1F1F1; }
.page-content form fieldset { background-color: #fff; }
.page-content form fieldset legend { border: none; font-weight: 700; text-transform: uppercase; }
.page-content form input[type="text"] { width: 100%; }

/* ========= lists */
.content-main ul,
.content-main ol { padding-top: 0; }
.content-main ul li,
.content-main ol li { margin-bottom: 0.25rem; }

/* ========= tables */
table { }
.page-footer table, .page-footer table td, .page-footer table th { border: none; }
.page-footer table.striped tbody tr.alt td { background: transparent; }

/* ========= headlines */
h1, h1 a, .likeh1, .likeh1 a,
h2, h2 a, .likeh2, .likeh2 a,
h3, h3 a, .likeh3, .likeh3 a,
h4, h4 a, .likeh4, .likeh4 a,
h5, h5 a, .likeh5, .likeh5 a,
h6, h6 a, .likeh6, .likeh6 a { color: #666666; font-weight: 700; }

.likeHeadline { font-size: 2rem; text-transform: uppercase; font-weight: 700; }
.page-footer .likeHeadline { color: #666666; font-size: 1.5rem; }

h1, .likeh1 { padding: 0 0 1rem 2rem; margin: 0 -16.285714rem 2rem -2rem; font-size: 2.35rem; text-transform: uppercase; color: #737576; }
.content-main h1 { border-bottom: 10px solid #737576; }

h2, .likeh2 { clear: both; margin-bottom: 2rem; font-size: 2.14rem; }

h3, .likeh3 { margin: 0 0 0.5rem 0; font-size: 1.42rem; }

h4, .likeh4 { margin-top: 0.25rem; font-size: 1.14rem; }

h5, .likeh5 {}

h6, .likeh6 {}

.main-headline { text-transform: uppercase; }

/* ========= header */
.page-header { position: relative; z-index: 99999; }

/* contact */
.page-header .header-contact { padding: 0.5rem 0; background-color: #737576; color: #fff; font-size: 0.92rem; }
.page-header .header-contact a { color: #fff; font-weight: 400; }
.page-header .header-contact .fa-phone { margin-left: 1rem; }

/* logo */
.page-header a.logo { display: block; overflow: hidden; position: relative; margin: 0.5rem auto; width: 317px; height: 100px; max-width: 100%; }
.page-header a.logo span { position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; background: #fff url(images/bundesweite-fach-und-koordinierungsstelle-maennergewaltschutz.png) center no-repeat; background-size: contain; }
html[lang="en"] .page-header a.logo span {background: #fff url(https://www.maennergewaltschutz.de/files/2021/08/mgs_english_logo.png) center no-repeat;  background-size: contain;}

	/* lines */
.page-header .logo-container { border-bottom: 5px solid #F9423A; }
.page-header .logo-container:after { content: ''; display: block; position: absolute; /* top: -.9rem; */ left: 50%; right: 0; height: 5px; background-color: #004F59; width: 1280px; max-width: 100%; transform: translate(-50%, 0); }

/* main */
.page-navigation .navigation { display: table; table-layout: fixed; width: 100%; margin: 0.5rem 0; }
.page-navigation .navigation li { display: table-cell; position: relative; vertical-align: middle; text-align: center; }
.page-navigation .navigation li a { display: inline-block; padding: 0.5rem 0; font-weight: 400; color: #666666; }
.page-navigation .navigation > li > a { text-transform: uppercase; }
.page-navigation .navigation li:hover { background-color: #F9F9F9; }
.page-navigation .navigation li:hover > a { font-weight: 700; }
.blog .page-navigation .navigation li.page-item-11 > a,
.single-post .page-navigation .navigation li.page-item-11 > a,
.page-navigation .navigation li[class*="current"] > a { font-weight: 700; }
	/* children */
.page-navigation .navigation li .children { display: none; position: absolute; left: 0; top: 100%; width: 100%; /* min-width: 200px; */ background-color: #F9F9F9; text-align: center; }
.page-navigation .navigation li.last .children { left: auto; right: 0; }
/* .page-navigation .navigation li[class*="current"] .children { display: block; } */ /* debug */
.page-navigation .navigation li:hover .children,
.page-navigation .navigation li.hover .children { z-index: +2; display: block; }
.page-navigation .navigation li .children li { display: block; }
.page-navigation .navigation li .children li a { display: block; margin: 0.5rem; padding: 0.5rem; background: #F1F1F1; text-transform: none; }
.page-navigation .navigation li .children li.first a { }
.page-navigation .navigation li .children li[class*="current"] a,
.page-navigation .navigation li .children li a:hover { background: #fff; }

/* accessibility */
.skip-shortcut { position: absolute; left: 0; top: -1000px; z-index: 999999; background-color: #F9423A; padding: 1rem; color: #fff; box-shadow: 0 .5rem .5rem -.5rem rgba(0,0,0,0.5); }
.skip-shortcut:focus { top: 0; }
.page-header .meta-accessibility li { margin-left: 1rem; }
.page-header .meta-accessibility .button { background-color: #000; }
body:not(.contrast-mode) .page-header .meta-accessibility .contrast-on { display: none; }
body.contrast-mode .page-header .meta-accessibility .contrast-off { display: none; }
body:not(.text-mode) .page-header .meta-accessibility .images-on { display: none; }
body.text-mode .page-header .meta-accessibility .images-off { display: none; }

body.contrast-mode h1,
body.contrast-mode h2,
body.contrast-mode h3,
body.contrast-mode h4,
body.contrast-mode h5,
body.contrast-mode h6,
body.contrast-mode { color: #000; }
body.contrast-mode .button { background-color: #000; color: #fff; }
body.contrast-mode [style*="background-image"],
body.contrast-mode img { -webkit-filter: contrast(200%) brightness(90%); filter: contrast(200%) brightness(90%); }
body.contrast-mode .page-footer .service-container { background-color: #fff; border-top: 2px solid; }
body.text-mode .startslider-container,
body.text-mode img,
body.text-mode figcaption { display:none; }

/* search form */
.page-header .searchform { clear: none; }
.page-header .searchform .searchword { padding: 0; border: none; border-bottom: 1px solid #fff; background-color: transparent; color: #fff; }
.page-header .searchform .button { padding: 0; background-color: transparent; color: #fff; font-size: 1.5rem; border: none; }

/* language navigation */
.language-navigation-container { padding-left: 1rem; }
.language-navigation-container a { text-transform: uppercase; }

/* ========= page-content */
.page-content { padding: 1rem 0; }

/* header */
.content-header {  }

/* content-footer */
.content-footer { margin-top: 1rem; }
.content-footer article p { margin-top: 0.5rem; text-align: center; }

/* content main */
.content-main { margin-top: 2rem; }
.content-main { width: 56.42rem; } /* 70,71428571428571 = 990px vs 56,42857142857143 = 790px (diff. 14,28571428571428 = 200px) */
.home .content-main { width: 100%; }

/* article */
	/* article header */
.content-main .article-header {  }

	/* article sidebar */
.content-main .article-sidebar {  }

	/* article footer */
.content-main .article-footer {  }

	/* aside / sidebar */
/* .content-sidebar { width: 14.285rem; } */

/* wp-pagenavi */
.wp-pagenavi span, .wp-pagenavi a {  }
.wp-pagenavi span.current, .wp-pagenavi a:hover {  }

/* search form */
.page-content .searchform { }

/* accordion */
.page-content .accordion-container .trigger {  }
.page-content .accordion-container .trigger:before {  } /* icon */
.page-content .accordion-container .trigger.trigger_active:before {  }

/* special container */
	/* hero */
figure.page-hero { position: relative; margin-bottom: 3rem; }
figure.page-hero img { width: 100%; height: auto; }
	/* colored special container */
div.special-container { padding: 2rem 2rem 1rem 2rem; margin-bottom: 2rem; color: #fff; }
div.special-container .likeHeadline { padding-bottom: 0.5rem; margin-bottom: 1rem; color: #fff; border-bottom: 2px solid #fff; }
div.special-container .button { background-color: transparent; }
div.special-container .alignright { margin: -2rem -2rem -1rem 0; }
div.special-container .alignleft { margin: -2rem 0 -1rem -2rem; }
div.special-container.special-jungenarbeit .alignright { border-left: 2rem solid #F9423A; }
div.special-container.special-maennerarbeit .alignright { border-left: 2rem solid #004F59; }
div.special-container.special-jungenarbeit .alignleft { border-right: 2rem solid #F9423A; }
div.special-container.special-maennerarbeit .alignleft { border-right: 2rem solid #004F59; }

/* gallery */
.gallery-container {}
.gallery {}

/* images */
.content-main figure { position: relative; }
.content-main figure.post-thumbnail { margin-bottom: 1rem; }
.content-main figure img { display: block; }
.content-main figcaption { position: absolute; bottom: 0; left: 0; right: 0; margin: 0; padding: 0.75rem; color: #000; font-weight: 700; background: rgba(255,255,255,0.9); }
.content-main .alignleft { margin-right: 2rem; }
.content-main .alignright { margin-left: 2rem; }

/* tabs */
ul.tabs { margin-bottom: 2rem; }
ul.tabs li a { border: none; background-color: transparent; top: auto; font-size: 125%; color: #000; }
ul.tabs li a i { padding-right: 0.25rem; }
ul.tabs li.current a { background-color: #D1E751; }
.tab-content { padding: 0; border: none; }

/* ========= post_types */
/* default */
.page-content .meta { color: #737576; }

/* posts */
.page-content .list-post-container .type-post { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.page-content .list-post-container .type-post.count-2 hr { display: none; }
.page-content .list-post-container .type-na5108event { margin-top: 1.5rem; margin-bottom: 2rem; }

/* na5108event */
	/* date container */
.page-content .type-na5108event .post-date-container { padding: 0.75rem; background-color: #737576; text-align: center; font-size: 2.14rem; color: #fff; font-weight: 700; line-height: 1.75rem; }
.page-content .type-na5108event .post-date-container .date-month { font-size: 1.57rem; }
.page-content .type-na5108event .post-date-container { font-size: 1.5rem; position: relative; }
.page-content .type-na5108event .post-date-container span { display: block; }
.page-content .type-na5108event .post-date-container .time { font-size: 1rem; }
.page-content .type-na5108event .post-date-container .till { position: relative; margin: 0.5rem 0; }
.page-content .type-na5108event .post-date-container .till span { display: inline-block; position: relative; z-index: +1; padding: 0 0.5rem; background-color: #fff; color: #000; font-weight: 300; font-size: 1rem; }
.page-content .type-na5108event .post-date-container .till:after { content: " "; position: absolute; left: 1rem; right: 1rem; top: 52%; border-top: 1px solid #fff; } /* line between start and end */

	/* price container */
.page-content .price-container .ticket-container { padding: 0.5rem 0.5rem 0.25rem 0.5rem; background-color: #F1F1F1; border: 3px double #fff; }
.page-content .price-container .ticket-container .ticket-title { text-transform: uppercase; }
.page-content .price-container .ticket-container .price {  color: #000; }

/* cat filter */
.page-content .list-post-container .cat-navigation { list-style: none; margin-right: -16.285714rem; } /* outside content-main */
.page-content .list-post-container .cat-navigation li { display: inline-block; padding-bottom: .5rem;; }
.page-content .list-post-container .cat-navigation li a { display: inline-block; margin: 0 0.5rem; font-weight: 400; text-transform: uppercase; }
.page-content .list-post-container .cat-navigation li.current a,
.page-content .list-post-container .cat-navigation li.current-cat a,
body:not(.archive.category) .page-content .list-post-container .cat-navigation li.cat-item-all a { font-weight: 700; }
.page-content .list-post-container .cat-navigation li a:before { content: ""; display: block; float: left; width: 1.25rem; height: 1.25rem; margin: 0.125rem 0.5rem 0 0; background-color: #F1F1F1; }
.page-content .list-post-container .cat-navigation li a:hover:before,
.page-content .list-post-container .cat-navigation li.current a:before { background-color: #737576; }

/* teammitglied */
	/* contact-list */
.page-content .type-teammitglied .contact-list { list-style: none; padding-left: 0; }

/* mse */
	/* defaults */
.mse-list-container button:not(.current):not(.btn-link) { background-color: #666666; }
.mse-list-container button.current { background-color: #004F59; }
.mse-list-container .order-list-container,
.mse-list-container .content-header,
.mse-list-container .content-header h2,
.mse-list-container .item-container,
.mse-list-container .item-image,
.mse-list-container .item-header,
.mse-list-container .item-content:not(.toggle-content) { margin-bottom: 1rem; }
	/* form */
.mse-list-container .list-header { background-color: #F1F1F1; padding: 1rem; }
.mse-list-container .list-header .row,
.mse-list-container .list-header label { width: 100%; }
.mse-list-container .text-right,
.mse-list-container .list-header label > :first-child { text-align: right; }
	/* order */
.mse-list-container .order-list-container { display: flex; align-items: center; justify-content: end; background-color: #F9F9F9; padding: 1rem; }
	/* list */
.mse-list-container .list-inner-container { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
.mse-list-container .item-container::after { content: ''; position: absolute; bottom: 0; left: 1rem; right: 1rem; border-bottom: 1px solid; }
	/* content */
.mse-list-container .item-link { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	/* toggle styles */
.mse-list-container .toggle-content { display: none; }
.mse-list-container .toggle-button.active .fa::before { content: "\f062"; }

	/* map-info-window */
.map-info-window { max-width: 300px; }
.map-info-window address { margin-bottom: .5rem; }

/* toolset forms wp specific */
.alert.alert-success:not(:empty),
.wp-success:not(:empty) { padding: 1rem; margin-bottom: 1rem; border-color: #A4DA93; background: #BFFBAC; color: #5C8050; }
.alert.alert-danger:not(:empty),
.wp-error:not(:empty) { padding: 1rem; margin-bottom: 1rem; border-color: #737576; background: #F9F9F9; color: #866262; }
.wpt-form-error { color: red; }

/* ========= slider */
.bx-wrapper { margin-bottom: 3rem; }
.bx-wrapper .bx-pager.bx-default-pager { bottom: -2rem; }
.bx-wrapper .bx-pager.bx-default-pager a { margin: 0 0.25rem; border: 1px solid #F1F1F1; background-color: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { border-color: #fff; background-color: #F1F1F1; }

/* default */
.bx-controls-direction a { }
.bx-controls-direction a:after { text-shadow: 0 0 5px #666666; }
.bx-controls-direction a.bx-prev { left: -2rem; }
.bx-controls-direction a.bx-next { right: -2rem; }

	/* startslider */
.startslider-container { position: relative; max-width: 1280px; margin: 0 auto; }
.startslider-container .startslider { list-style: none; }
.startslider-container .slide-item { height: 280px; overflow: hidden; background: transparent center no-repeat; background-size: cover; }
.startslider-container .slide-item .slide-title { float: left; padding: 0.75rem; color: #000; background: rgba(255,255,255,0.9); }
.startslider-container .bx-controls-direction a { bottom: 0; top: auto; }
.startslider-container .bx-controls-direction a:after { font-size: 6rem; color: #fff !important; }
.startslider-container .bx-controls-direction a.bx-prev { left: 50%; margin-left: -495px; }
.startslider-container .bx-controls-direction a.bx-next { right: 50%; margin-right: -495px; }
	/* team slider */
.team-slider figure { }
.team-slider figure img { }
.team-slider figure figcaption { }
		/* arrows */
/* .teamslider-container .bx-controls-direction a { top: 34%; } */
/* .teamslider-container .bx-controls-direction a:after { color: #F1F1F1; } */
/* .teamslider-container .bx-controls-direction a.bx-prev { left: -4rem; }
.teamslider-container .bx-controls-direction a.bx-next { right: -4rem; } */

/* ========= page-footer */
.page-footer { margin-top: 2rem; font-size: 0.92rem; }
.page-footer a { }
.page-footer .copy { }

/* service container */
.page-footer .service-container { padding: 3rem 0 2rem 0; background-color: #F1F1F1; }

/* newsletter container */
.page-footer .newsletter-container { text-align: left; }
input.tnp-email { background-color: #fff !important; width: 80%; }
.tnp-field-email label,
.tnp-field-privacy label { float: left; margin-right: 0.5rem; }
.tnp-field.tnp-privacy-field { border-top: 1px solid !important; padding-top: .5rem !important; margin-top: 2rem; }
.tnp-subscription { max-width: none !important; }

/* navi */
.page-footer .navigation { }
.page-footer .navigation li { display: inline; }
.page-footer .navigation li a { display: inline-block; margin-left: 1rem; text-decoration: underline; color: #fff; font-weight: 100; }
.page-footer .navigation li a:hover,
.page-footer .navigation li[class*='current'] > a { text-decoration: none; }

/* copy container */
.page-footer .copy-container { padding: 1rem 0; background-color: #737576; color: #F1F1F1; }
.page-footer .copy-container a { color: #F1F1F1; }
.page-footer .copy-container .social-container .fa { font-size: 2rem; }

.scroll-top { display: block; position: absolute; left: 50%; margin: -3.5rem 0 0 510px; padding: 0.25rem 0.5rem; font-size: 2rem; background-color: #F1F1F1; color: #737576; }
.scroll-down { display: block; position: absolute; left: 50%; bottom: 0.25rem; margin-left: -2.1rem; font-size: 6rem; color: #fff; text-shadow: 0 0 5px #666666; }

/* ========= override Plugins */
/* iframe cookie */
.iframe-wrapper { position: relative; display: block; }
.iframe-wrapper-info { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden;
background-color: #F9F9F9; padding: 1rem;
display: -webkit-box; display: -ms-flexbox; display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center;
-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

/* cookie banner padding */
#cookiescript_injected {
    padding-top: 25px !important;
}

.embedconsent-wrapper { font-size: .85rem; text-align: center; }
.embedconsent-footer,
.embedconsent-before { padding: 1rem; border: 1px solid #F1F1F1; background-color: #F9F9F9; margin-bottom: 1rem; }
.btn:not(.btn-link) { padding: 1rem; }
.btn-primary { background-color: #004F59 !important; color: #fff; }
.btn-sm { padding: .25rem !important; font-size: small; }
.embedconsent-btn { display: inline-block; }
.d-none { display: none; }
.card-header { background-color: #fff; padding: 1rem; margin-bottom: 1rem; }
.font-weight-bold { font-weight: 800; }

.btn-exit {
	background-color: #F9423A !important;
	color:#fff;
	position: fixed;
	top: 5rem;
	right: calc(50% - 650px);
	z-index: 200000;
	font-weight: 400 !important;
}


/* new icons */
.fa-x {
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 271'%3E%3Cpath fill='%23ffffff' d='M236 0h46L181 115l118 156h-92.6l-72.5-94.8-83 94.8h-46l107-123L-1.1 0h94.9l65.5 86.6zm-16.1 244h25.5L80.4 26H53z'/%3E%3C/svg%3E") center / contain no-repeat;
	height: 1.5rem; display: inline-block;
}