/***********************************************
 * General Container
 ***********************************************/
body{ background-color: #EAEAEA; letter-spacing: .04em; font-family: 'Whitney SSm', sans-serif; }

#pwbox-322 { border: 1px solid #454545; }
#launcher { display: none; }

.wrapper{
    font-weight: 400; margin: 0 auto;
    background-color: #FFFFFF; z-index: 0;
    min-height: 0; max-width: 110rem; width: 100%;
}
.content_section{padding: 3rem 1rem; max-width: 110rem; max-width: none; margin: 0 auto; background-color: rgba(255,255,255,.5);}
.content_section:first-child{padding-top: 6rem !important;}

.h1.custom_headline  {
	font-size:2.75em
}
@media screen and (min-width:64em){
	.h1.custom_headline {
		font-size:4em
	}
}




/**:focus{outline: none !important; }*/

@media screen and (min-width:64em){
	.home .header .slick_wrapper {
		padding-bottom:60%;
	}
	.home .header:after {
		font-size: 2.5rem;
	}
}

.home .header:after {
	content:'Weil Taten wichtiger sind als Worte.';
	position:absolute;
	bottom:10%;
	background-color: #E40428;
	color:#ffffff;
	font-size: 1rem;
	font-weight:700;
    text-align: center;
	text-transform:uppercase;
	left:50%;
	-webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
	padding:0.5rem 1rem;
}

@media screen and (min-width: 40em) {
    .home .header:after {
        bottom:15%;
        width: auto;
    }
}

@media screen and (min-width: 64em) {
	.home .header:after {
		font-size:3rem;
	}
}

/***********************************************
 * Custom Accordion
 ***********************************************/
.custom_accordion .typo-accordion {
	border:none;
}

.custom_accordion .typo-accordion .accordion-title,
.custom_accordion .typo-accordion .accordion-title:hover,
.custom_accordion .typo-accordion .accordion-title:focus,
.custom_accordion .typo-accordion .accordion-title:visited {
	background-color:#E40428;
	color:#ffffff;
	font-size:1.25rem;
	border:none;
	text-align:left;
	text-transform:none;
	padding-left:3rem;
	font-weight:800;
}

.custom_accordion .typo-accordion .accordion-item {
	margin:1rem 0;
}

.custom_accordion .typo-accordion .is-active .accordion-content {
	border:none;
	padding:0.5rem 1rem 1rem 1rem;
}


.custom_accordion .typo-accordion .accordion-title:before {
	content: ''; position: absolute;
    left: 1rem;
    top:45%;
    width: 1.5rem;
    height: 1.5rem;
    background: url(../img/pfeil_r_icon_white.png) no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    transition: all .5s ease;
}

.custom_accordion .typo-accordion .is-active .accordion-title:before {
	content:'';
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/***********************************************
 * Typography
 ***********************************************/
h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5, h6, .h6{
    font-family:  inherit;
    font-weight: 700;
    text-transform: none;
    position: relative;
    margin-bottom: .5rem;
    letter-spacing: .02em;
    line-height: 1.2;
}

h1 strong, .h1 strong, h2 strong, .h2 strong,
h3 strong, .h3 strong, h4 strong, .h4 strong,
h5 strong, .h5 strong, h6 strong, .h6 strong{
    color: #E40428; 
}
p {overflow-wrap:normal;}

h1, .h1{font-size:1rem;}
h2, .h2{font-size:1rem;}
h3, .h3{font-size:1rem;}
h4, .h4{font-size:1rem;}
h5, .h5{font-size:1rem;}
h6, .h6{font-size:1rem;}

hr{ display: inline-block; border-bottom: 2px solid #0A0A0A; max-width: 3rem; width: 100%; }


.section_title{margin-bottom: 2rem; }

.content a, .content a:visited{color: #E40428; font-weight: 700;}
.content a:hover, .content a:focus{color: #E40428;}
.content a.read_more:after{
    font-family: FontAwesome; content: '\f105'; margin:0;
}

span.outline {
	-webkit-text-stroke: 1px #ffffff;
    -webkit-text-fill-color: transparent;
}

.content,
.content p{ line-height: 1.3; }

.content blockquote{
    border: none;
    font-size: 1.5rem;
    padding: 4rem 0;
    text-align: center;
    position: relative;
}
.content blockquote:before,
.content blockquote:after{
    content: ''; display: block; border-bottom: 1px solid #0A0A0A;
    position: absolute; left: 4rem; right: 4rem; top: 2rem;
}
.content blockquote:after{top: auto; bottom: 2rem; }

.content blockquote em,
.content blockquote i{
    color: #E40428; display: block; text-align: center;
    text-transform: uppercase; font-weight: 700;
    font-style: normal; font-size: 1rem;
}

.content blockquote, .content blockquote p{
    font-size: 1.5rem; line-height: 1.4;
    color: #0A0A0A; font-weight: 700;
}

.content blockquote p:before{content: '» ';}
.content blockquote p:after{content: ' «';}
.content blockquote p:last-child{margin-bottom: 0; margin-top: -0.5rem;}
.content blockquote p:last-child:before{content: none;}
.content blockquote p:last-child:after{content: none;}

.content .featured_image{margin-bottom: .25rem;}

.content .featured_image + h1, .content .featured_image + h2,
.content .featured_image + h3, .content .featured_image + h4,
.content .featured_image + h5, .content .featured_image + h6,
.content .featured_image + .h1, .content .featured_image + .h2,
.content .featured_image + .h3, .content .featured_image + .h4,
.content .featured_image + .h5, .content .featured_image + .h6{
    text-transform: uppercase;
}


img.aligncenter{ display: block; margin: 0 auto 1rem; }


.button, .button:visited{
    background-color: #E40428; box-shadow: none;
    border: 1px solid #E40428; border-radius: 2px;  color: #FFFFFF !important;
    text-transform: uppercase; text-shadow: none !important;
    font-size: inherit; font-weight: 400; letter-spacing: .13rem;
    padding: .35em .25em;
    -webkit-transition:all 0.25s ease;
    -moz-transition:all 0.25s ease;
    -ms-transition:all 0.25s ease;
    -o-transition:all 0.25s ease;
    transition:all 0.25s ease;
}
.button:focus, .button:hover{
    background-color: #E40428;  color: #FFFFFF;
    border: 1px solid #E40428;
    box-shadow: none; text-shadow: none !important;
}

.button.hollow, .button.hollow:visited{
    color: #0A0A0A !important; font-weight: 700; text-transform: uppercase;
    border: 1px solid #CCCCCC;
}

.button.hollow:focus, .button.hollow:hover{
    border-color: #E40428; color: #E40428 !important;
}



.red_content_section .button.hollow,
.red_content_section .button.hollow:visited{
    color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: #E40428;
}

.red_content_section .button.hollow:focus,
.red_content_section .button.hollow:hover{
    border-color: #FFFFFF; color: #E40428 !important; background-color: #FFFFFF;
}


.video_section .button.hollow,
.video_section .button.hollow:visited{
    color: #FFFFFF !important; border: 1px solid #FFFFFF; background-color: rgba(228,4,40,0);
}

.video_section .button.hollow:focus,
.video_section .button.hollow:hover{
    background-color: rgba(228,4,40,1);
}


.iframe_wrapper{width: 100%; position: relative; padding-bottom: 100%; }
.iframe_wrapper > iframe{position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 10; border: none;}



/***********************************************
 * Topbar
 ***********************************************/
#topbar{
    position: fixed; left: 0; top: 0; right: 0; z-index: 10000; padding: 0 0;
    max-width: 110rem; width: 100%; margin: 0 auto;
    background:#E40428; height: 4rem;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

#topbar .logo_wrapper{
    position: relative; top: .3rem; width: 5.75rem;
    height: 2.7rem; display: block; overflow: hidden;
    -webkit-transition: all .75s ease;
    -moz-transition: all .75s ease;
    -ms-transition: all .75s ease;
    -o-transition: all .75s ease;
    transition: all .75s ease;
    z-index: 10000;
}
#topbar .logo{
    height: 3.7rem;
    -webkit-transition: all .75s ease;
    -moz-transition: all .75s ease;
    -ms-transition: all .75s ease;
    -o-transition: all .75s ease;
    transition: all .75s ease;
    position: relative; z-index: 10000;
}


.oc-wrapper:before {
    background-image: url(../../assets/img/logo-stadt-salzburg.png);
}
/***********************************************
 * Social Nav
 ***********************************************/
ul.social_nav {
    display: none; padding: 3.375rem 0 0; margin: 0 -0.25rem; font-size: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
ul.social_nav li{
    display: inline-block; font-size: 1rem; margin: 0 0.125rem; padding: 0;
    line-height: 1.75rem; width: 1.75rem; height: 1.75rem;
}
ul.social_nav li a,
ul.social_nav li a:visited{
    line-height:  1.75rem; width: 1.75rem; height: 1.75rem; color: #E40428; font-size: 1rem;
    text-align: center; display: block;  background-color: #FFFFFF; border-radius: 50%;
}
ul.social_nav li a:focus,
ul.social_nav li a:hover{ color: #0A0A0A; }
ul.social_nav li a i { height: 1.75rem; line-height: 1.75rem; }
#footer ul.social_nav { display: block; padding: 0; }
#footer  ul.social_nav li{margin: 0 0.25rem;}
#footer  ul.social_nav li a,
#footer  ul.social_nav li a:visited{ color: #454545; }
#footer  ul.social_nav li a:hover,
#footer  ul.social_nav li a:focus{ color: #E40428; }


/***********************************************
 * Social-Sharing
 ***********************************************/
.social_share {padding: .5rem 0; position: relative; font-size: 1rem; text-align: right;}
.social_share .fb-share-button,
.social_share .twitter-share-wrapper,
.social_share .gplus-share-wrapper{
    font-size: 0; width: 20px; overflow: hidden; height: 20px; position: relative; color: #0A0A0A; display: inline-block; margin-left: .25rem;
}
.social_share .gplus-share-wrapper{ width: 30px; }
.social_share .fb-share-button:focus,
.social_share .fb-share-button:hover,
.social_share .twitter-share-wrapper:focus,
.social_share .twitter-share-wrapper:hover,
.social_share .gplus-share-wrapper:focus,
.social_share .gplus-share-wrapper:hover{
    color: #E40428; 
}
.social_share .fb-share-button:after,
.social_share .twitter-share-wrapper:after,
.social_share .gplus-share-wrapper:after{
    position: absolute; left: 0; right: 0; top: 0; bottom: 0;  background-color: #FFFFFF;  text-align: center;
    content: '\f09a'; font-family: FontAwesome; font-size: 1rem; line-height: 20px; pointer-events:none;
}
.social_share .twitter-share-wrapper:after{ content: '\f099'; }
.social_share .gplus-share-wrapper:after{ content: '\f0d5'; }


.social_share .email-share-button,
.social_share .email-share-button:visited{ position: relative; display: inline-block; line-height: 20px;  font-size: 20px; vertical-align: top; margin: 0; padding: 0; color: #0A0A0A;}
.social_share .email-share-button:focus,
.social_share .email-share-button:hover{ color: #E40428; }



/***********************************************
 * Call-To-Action Wrapper
 ***********************************************/
.call_to_action_wrapper{ padding-top: 3rem;}


/***********************************************
 * Call-To-Action Section
 ***********************************************/
.call_to_action_section.content_section{font-size: 1.5rem; border-top: 2px solid #FFFFFF; color: #FFFFFF;}
.call_to_action_section .call_to_action_wrapper{padding-top: 0;}
.call_to_action_section .call_to_action_wrapper .button{ font-size: 1rem; }



/***********************************************
 * Header
 ***********************************************/
.header_wrapper{position: relative; z-index: 0; padding: 0; }
.header{position: relative; overflow: hidden; z-index: 0; }
.header.content_section{padding-top: 4rem; background-color: #E40428; color: #FFFFFF; max-width: none; }

.header .header_content{
    position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; z-index: 10;
    text-align: center; color: #FFFFFF; text-shadow: 0 2px 8px rgba(0,0,0,.66);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    
}
.header .header_title,
.header .header_subtitle,
.header .call_to_action{
    opacity: 0; visibility: hidden;
    position: relative; top: 2rem;
}

.header .header_title{
    -webkit-transition: all .5s ease 1s;
    -moz-transition: all .5s ease 1s;
    -ms-transition: all .5s ease 1s;
    -o-transition: all .5s ease 1s;
    transition: all .5s ease 1s;
}
.header .header_subtitle{
    font-size: 1rem; margin: .5rem 0;
    -webkit-transition: all .5s ease 1.5s;
    -moz-transition: all .5s ease 1.5s;
    -ms-transition: all .5s ease 1.5s;
    -o-transition: all .5s ease 1.5s;
    transition: all .5s ease 1.5s;
}
.header .call_to_action{
    -webkit-transition: all .5s ease, top .5s ease 2s, opacity .5s ease 2s;
    -moz-transition: all .5s ease, top .5s ease 2s, opacity .5s ease 2s;
    -ms-transition: all .5s ease, top .5s ease 2s, opacity .5s ease 2s;
    -o-transition: all .5s ease, top .5s ease 2s, opacity .5s ease 2s;
    transition: all .5s ease, top .5s ease 2s, opacity .5s ease 2s;
    margin: 0; padding: .5rem 1rem;
}

.header .slick_wrapper.loaded .header_title,
.header .slick_wrapper.loaded .header_subtitle,
.header .slick_wrapper.loaded .call_to_action{
    opacity: 1; visibility: visible;
    position: relative; top: 0;
}


.header .slick_wrapper:before{
    content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 90;
    background-color: #E40428; opacity: 1; visibility: visible;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.header .slick_wrapper:after{
    content: '\f110'; font-family: FontAwesome; text-align: center; vertical-align: middle; font-size: 6rem; color: #FFFFFF;
    position: absolute; left: 0; right: 0; top: 35%; margin: 0 auto;  z-index: 100; display: inline-block;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-animation: rotation 2s linear infinite;
    -moz-animation:    rotation 2s linear infinite;
    -o-animation:      rotation 2s linear infinite;
    animation:         rotation 2s linear infinite;
    
}

.header .slick_wrapper.loaded:before{
    opacity: 0; visibility: hidden;
}
.header .slick_wrapper.loaded:after{
    opacity: 0; visibility: hidden;
}


/***********************************************
 * Red Content Section
 ***********************************************/
.red_content_section.content_section{ background-color: #E40428; }
.red_content_section h1 strong, .red_content_section .h1 strong,
.red_content_section h2 strong, .red_content_section .h2 strong,
.red_content_section h3 strong, .red_content_section .h3 strong,
.red_content_section h4 strong, .red_content_section .h4 strong,
.red_content_section h5 strong, .red_content_section .h5 strong,
.red_content_section h6 strong, .red_content_section .h6 strong{
    color: #FFFFFF; 
}
.content .red_content_section a,
.content .red_content_section a:visited{color: inherit; }
.content .red_content_section a:hover,
.content .red_content_section a:focus{color: #FFFFFF;}


/***********************************************
 * Move Back Section
 ***********************************************/
.move_back_section.content_section{ padding: 0 1rem; height: 0; }

.move_back_section .move_back,
.move_back_section .move_back:visited{
    color: #0A0A0A; font-weight: 400; position: relative; top: 1rem;
}
.move_back_section .move_back:before{
    position: absolute; left: -0.75em; top: 0; content: '\f104'; font-family: FontAwesome;
}
.move_back_section .move_back:hover,
.move_back_section .move_back:focus{
    color: #E40428;
}

/***********************************************
 * Start Section
 ***********************************************/
.start_content_section { overflow: hidden; }
.start_content_section h1 strong, .start_content_section .h1 strong,
.start_content_section h2 strong, .start_content_section .h2 strong{
    font-size: 2em; text-transform: uppercase;
}



/***********************************************
 * Video Section
 ***********************************************/
.video_section.content_section{padding: 0 0 100%; width: 100%; position: relative; overflow: hidden;}
.video_section.content_section img{position: absolute; left: -99rem; right: -99rem; margin: 0 auto; height: 100%; width: auto; max-width: none; z-index: 0;}
.video_section.content_section .play,
.video_section.content_section .play:visited{
    position: absolute; left: 0; right: 0; top: 50%; margin: 0 auto; width: 4rem; height: 4rem; z-index: 10;
    border-radius: 50%; border: .25rem solid rgba(255,255,255,.75);  color: rgba(255,255,255,.75);
    text-align: center; line-height: 3.5rem; font-size: 2rem; padding-left: .5rem; display: block;
    background-color: rgba(228,4,40,0);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -ms-transition: all .5s ease;
   -o-transition: all .5s ease;
    transition: all .5s ease;
    font-family: sans-serif;
}

.video_section.content_section .play:hover,
.video_section.content_section .play:focus{
    color: #FFFFFF; border-color: #FFFFFF; background-color: #E40428;
}
.video_section.content_section .play .fa{height: 4rem; line-height: 4rem; margin-top: -0.25rem;}

.video_section.content_section .video_call_to_action_wrapper{
    max-width: 110rem; padding: 0 2rem;
    position: absolute; left: 0; right: 0; top: 75%; margin: 0 auto;
}

.header .slider_call_to_action_wrapper {
    max-width: 110rem; padding: 0 2rem;
    position: absolute; left: 0; right: 0; top: 75%; margin: 0 auto;
}

.header .slider_call_to_action_wrapper .button.hollow,
.header .slider_call_to_action_wrapper .button.hollow:visited {
    color: #FFFFFF !important;
}

.header .slider_call_to_action_wrapper .button.hollow:hover,
.header .slider_call_to_action_wrapper .button.hollow:focus {
    color: #FFFFFF !important; border-color: #FFFFFF;
    background-color: #e40428;
}   




/***********************************************
 * Video Visual Section
 ***********************************************/
.video_visual .video_intro{font-size: 1rem; display: block; margin: 2rem auto 1rem; }
.video_visual .video_entry{ display: block; position: relative; padding-right: 2rem; margin-bottom: 1rem;}
.video_visual .video_entry img{position: relative; z-index: 0;}
.video_visual h3 strong, .video_visual .h3 strong{
    font-size: 2em; text-transform: uppercase; line-height: 1;
}

.video_visual .video_content{
    position: absolute; right: 0; left: 0; top: 75%; z-index: 10;
    text-align: right; display: block; text-transform: uppercase;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.video_visual .video_content p {
    color: #FFFFFF; margin: 0; line-height: 1.4;
    font-weight: 700; font-size: 1.875rem;
}

.video_visual .video_content .video_call_to_action{
    position: absolute; top: -2rem; right:0; left: 0; color: #FFFFFF; text-transform: uppercase;
    text-shadow: 1px 0 0 rgba(0,0,0,.25),-1px 0 0 rgba(0,0,0,.25), 0 1px 0 rgba(0,0,0,.25),0 -1px 0 rgba(0,0,0,.25);
}

.video_visual .video_content .video_call_to_action:before{
    content: '\f105'; font-family: FontAwesome;
}

/***********************************************
 * Video List
 ***********************************************/
.video_list{ display: block; margin-top: 1rem; letter-spacing: 0;}
.video_list .video_entry{position: relative;  margin-bottom: 1rem;}
.video_list .video_entry h2{ margin-bottom: .5rem; text-transform: uppercase; font-size: 1.25rem; }
.video_list .video_entry p { font-size: 1.25rem !important; }
.video_list .video_entry img{margin-bottom: 0;}

.video_list .video_entry .video_link{ position: relative; text-align: center; display: block;}
.video_list .video_entry .video_link:before,
.video_list .video_entry .video_link:visited:before{
    content: "\f04b"; font-family: FontAwesome; line-height: 56px; font-size: 2rem;
    position: absolute; left: 0; right: 0; top: 50%; margin: 0 auto;
    display: block; width: 4rem; height: 4rem; padding-left: .5rem;
    color: rgba(255,255,255,.75); background-color: rgba(228,4,40,0);
    border-radius: 50%; border: .25rem solid rgba(255,255,255,.75);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.video_list .video_entry .video_link.team_image:before {
    content: none !important;
}

.page-template-page-team-section .video_content h2 { margin-bottom: 1rem; }
p.team_mail, p.team_phone { margin-bottom: 0.25rem; }
p.team_mail i, p.team_phone i { margin-right: 0.5rem; }
p.team_mail a { color: #000; }

.video_list .video_entry .video_link:focus:before,
.video_list .video_entry .video_link:hover:before{
    color: #FFFFFF;
    border-color: #FFFFFF;
    background-color: #E40428;
}


/***********************************************
 * Survey
 ***********************************************/
.survey_section label[for]{
    display: block; text-align: center; margin: 1.5rem 0 .25rem;
    font-size: 1rem; line-height: 1.2;
}
.survey_section label[for="reccomend"]{margin-top: 0;}

.survey_section .column:last-child:not(:first-child),
.survey_section .columns:last-child:not(:first-child) {
	float:none;
}

.survey_section textarea{
    box-shadow: 0 0 0 #E40428; background: #F5F5F5;
    border: 1px solid #e7e7e7; border-radius: .5rem;
    padding: .5rem 1rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.survey_section textarea:focus{
    box-shadow: 0 0 2px #E40428; background-color: #FFFFFF; color: #0A0A0A;
    border: 1px solid #E40428; border-radius: .5rem; padding: .5rem 1rem;
}


.survey_section input,
.survey_section select,
.survey_result_section input,
.survey_result_section select{
    box-shadow: 0 0 0 #E40428; background: #F5F5F5;
    border: 1px solid #e7e7e7; border-radius: .25rem;
    padding: .5rem 1rem; position: relative;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.survey_section input:focus,
.survey_section select:focus,
.survey_result_section input:focus,
.survey_result_section select:focus{
    box-shadow: 0 0 2px #E40428; background-color: #FFFFFF; color: #0A0A0A;
    border: 1px solid #E40428; border-radius: .25rem; padding: .5rem 1rem;
}


.survey_section input.button{
    background-color: transparent; border: 1px solid #0A0A0A; border-radius: 2px;
    text-align: center; display: inline-block; width: 100%; font-weight: 700;
    color: #0A0A0A  !important;
}
.survey_section ul.selector_range{
    table-layout: fixed; text-align: center;
    display: table; width: 100%; margin: 0 0 1rem;
}

.survey_section ul.selector_range li{
    display: table-cell; width: 100%; height: 3rem; line-height: 3rem; 
    text-align: center; box-shadow: 0 0 0 #E40428; background: #F5F5F5; 
    border: 1px solid #e7e7e7; border-left: none;
    font-weight: 700; color: #868789;
    cursor: pointer;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.survey_section ul.selector_range li:first-child{
    border-left: 1px solid #e7e7e7;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
}
.survey_section ul.selector_range li:last-child{
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
}
.survey_section ul.selector_range li:hover,
.survey_section ul.selector_range li:focus{
    box-shadow: 0 0 2px #E40428; background-color: #FFFFFF; color: #0A0A0A;
    border-left: 1px solid #E40428; border:1px solid #E40428;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.survey_section ul.selector_range li.selected{
    box-shadow: 0 1px 4px rgba(0,0,0,.33) inset; background-color: #E40428; color: #FFFFFF;
    border: none; border-left: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.survey_section ul.survey_topics,
.survey_section ul.survey_districts {
    display: block; text-align: left; font-size: 0; margin: 0 -0.25rem 1rem;
}

.survey_section ul.survey_topics li,
.survey_section ul.survey_districts li{
    display: inline-block; margin: .25rem; height: 2.5rem; line-height: 2.5rem; 
    text-align: center; box-shadow: 0 0 0 #E40428; background: #F5F5F5; 
    border: 1px solid #e7e7e7; padding: 0 1rem; border-radius: .25rem;
    font-size: 1rem; font-weight: 700; color: #868789;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.survey_section ul.survey_topics li:hover,
.survey_section ul.survey_topics li:focus,
.survey_section ul.survey_districts li:hover,
.survey_section ul.survey_districts li:focus {
    box-shadow: 0 0 2px #E40428; background-color: #FFFFFF; 
    border:1px solid #E40428;color: #0A0A0A;
}

.survey_section ul.survey_topics li.selected,
.survey_section ul.survey_districts li.selected {
    box-shadow: 0 1px 4px rgba(0,0,0,.33) inset; background-color: #E40428; 
    border:1px solid #E40428;  border-left: none; color: #FFFFFF;
    border-top-color: #b70320; border-left-color: #b5031f; border-right-color: #b5031f;
}


.survey_section .wpcf7-form-control.wpcf7-checkbox{
    table-layout: fixed; text-align: center;
    display: table; width: 100%; margin: 0 0 1rem;
}
.survey_section .wpcf7-form-control.wpcf7-checkbox > .wpcf7-list-item {
    display: inline-block;
    margin: 0 1em 0 0;
}
.survey_section .wpcf7-form-control.wpcf7-checkbox > .wpcf7-list-item label{
    width: 100%; height: 3rem; line-height: 3rem;  cursor: pointer;
    text-align: center; box-shadow: 0 0 0 #E40428; background: #F5F5F5; 
    border: 1px solid #e7e7e7; border-left: none;
    font-weight: 700; color: #868789;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
	display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    text-align: left;
    background: none;
    border: none;
    box-shadow: none;
    font-weight: normal;
    color: inherit;
    transition: none;
    border-radius: 0;
    padding: 0;
}
.survey_section .wpcf7-form-control.wpcf7-checkbox > .wpcf7-list-item input{
    display: none;
}

.survey_section .wpcf7-form-control.wpcf7-checkbox > .wpcf7-list-item:first-child label{
    border-left: 1px solid #e7e7e7;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
}
.survey_section .wpcf7-form-control.wpcf7-checkbox > .wpcf7-list-item:last-child label{
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
}

.survey_section .wpcf7-form-control.wpcf7-checkbox > .wpcf7-list-item label:hover,
.survey_section .wpcf7-form-control.wpcf7-checkbox > .wpcf7-list-item label:focus{
    background: none;
    border: none;
    box-shadow: none;
    color: inherit;
}

.survey_section .wpcf7-form-control.wpcf7-checkbox > .wpcf7-list-item.selected label{
    box-shadow: 0 1px 4px rgba(0,0,0,.33) inset; background-color: #E40428; 
    border:1px solid #E40428;  border-left: none; color: #FFFFFF;
    border-top-color: #b70320; border-left-color: #b5031f; border-right-color: #b5031f;
}

.survey_section .wpcf7-form-control.wpcf7-checkbox > .wpcf7-list-item label input + span {
    padding-left: 0.3em;
}
.survey_section .wpcf7-form-control.wpcf7-checkbox > .wpcf7-list-item label input + span:before,
.survey_section .wpcf7-form-control.wpcf7-checkbox > .wpcf7-list-item label input + span:after {
    display: none;
    content: none;
}

.survey_section .wpcf7-form-control.wpcf7-checkbox > .wpcf7-list-item label input {
    display: inline-block;
    position: static;
    opacity: 1;
    visibility: visible;
    width: auto;
    height: auto;
    transform: none;
}

.wpcf7-form-control-wrap.newsletter_check span.wpcf7-list-item-label {
    color: #868789;
}
.wpcf7-form-control-wrap.newsletter_check .wpcf7-list-item.selected span.wpcf7-list-item-label {
    color: #ffffff;
}

/***********************************************
 * Survey-Results
 ***********************************************/
.survey_result_section .survey_result_container{padding: 2rem 0 0;}
.survey_result_section .survey_result_table{font-size: .8rem;}
.survey_result_section .survey_result_table th{text-align: left;}

.survey_result_section .survey_info{margin-bottom: 2rem; }
.survey_result_section .histogram{
    table-layout: fixed; text-align: center;
    display: table; width: 100%; margin: 0;
}
.survey_result_section .histogram .histogram_entry{ display: table-cell; }
.survey_result_section .histogram .bar{ height:10rem; position: relative; }
.survey_result_section .histogram .bar > .meter{
    background-color: #E40428; position: absolute;
    bottom: 0; left: .25rem; right: .25rem;
    border-top-left-radius: .25rem; border-top-right-radius: .25rem;
}
.survey_result_section .histogram .bar_value_container{
    display: block; background-color: #F5F5F5; border:1px solid #e7e7e7;
    font-size: .8rem; height: 3.5rem; line-height: 3.5rem; border-left: none;
    text-align: center;
}
.survey_result_section .histogram .histogram_entry:first-child .bar_value_container{ border:1px solid #e7e7e7; }
.survey_result_section .histogram .bar_value{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.survey_result_section .histogram .histogram_entry_label{
    text-align: center; border-top: 1px solid #0A0A0A; line-height: 2.5rem;
}
.survey_result_section .histogram_legend{
    table-layout: fixed; text-align: center;
    display: table; width: 100%; margin: 0 0 2rem;
}
.survey_result_section .histogram_legend .histogram_legend_entry{
    display: table-cell; font-size: .8rem;
}


.survey_result_section .v_histogram{ display: block; margin-bottom: 2rem;}
.survey_result_section .v_histogram .histogram_entry{ clear: both; font-size: 0; text-align: left; }
.survey_result_section .v_histogram .histogram_entry_label{
    font-size: .8rem; text-align: right; display: block; width: 60%; width: calc( 100% - 100% + 11rem);
    padding-right: 3.25rem; display: inline-block; vertical-align: middle;
    line-height: 1.6rem; position: relative;
}
.survey_result_section .v_histogram .bar_value{
    background-color: #F5F5F5; border:1px solid #e7e7e7;
    position: absolute; top: 0; right: 0; bottom: 0;  border-bottom: none;
    font-size: .8rem; text-align: center; vertical-align: middle;
    display: block; width: 3rem; height: 1.6rem;
}
.survey_result_section .v_histogram .histogram_entry:last-child .bar_value{
    border-bottom: 1px solid #e7e7e7;
}

.survey_result_section .v_histogram .histogram_entry .bar{
    display: inline-block; vertical-align: middle; position: relative;
    width: 39%;  width: calc( 99% - 11rem ); font-size: .8rem; height: 1.6rem;
}

.survey_result_section .v_histogram .histogram_entry .bar > .meter{
    border-top-right-radius: .25rem; border-bottom-right-radius: .25rem;
    background-color: #E40428; position: absolute;
    left: 0; bottom: .25rem; top: .25rem; 
}



/***********************************************
 * ZenDesk
 ***********************************************/
.zen_content_section{ color: #FFFFFF; font-weight: 700; border-top: 2px solid #FFFFFF;}
.zen_content_section .start_zen{margin-bottom: 0 !important;}



/***********************************************
 * Accordion
 ***********************************************/
.typo-accordion {
    background: transparent; border: none; border-top: 1px solid #0A0A0A;
    margin: 2rem -1.625rem 0;
}

.typo-accordion .accordion-item{display: block;}

.typo-accordion .accordion-content{
    border-bottom: none; background-color: #FFFFFF; padding: 0 1.625rem;
    max-height: 0; overflow: hidden; display: block; opacity: 0; visibility: hidden;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.typo-accordion .accordion-title,
.typo-accordion .accordion-title:hover,
.typo-accordion .accordion-title:focus,
.typo-accordion .accordion-title:visited{
    border-bottom: 1px solid #0A0A0A;
    text-align: center; text-transform: uppercase;
    color: #0A0A0A;
}
.typo-accordion .accordion-title:focus,
.typo-accordion .accordion-title:hover{
    background: transparent;
}


.typo-accordion .is-active .accordion-content{
    border-bottom: 1px solid #0A0A0A; max-height: 500rem;
    opacity: 1; visibility: visible;
}
.typo-accordion .is-active .accordion-title{ border-bottom: none;}

.typo-accordion .accordion-title:before{content: '▾'}
.typo-accordion .is-active .accordion-title:before{content: '▴'}



/***********************************************
 * Listings
 ***********************************************/
.listing_item{ color: #666666; font-size: .9rem; padding: 1.5rem; }
.listing_item .listing_icon{
    font-size: 5rem; margin-bottom: 2rem; display: block; color: #E40428; text-shadow: 0 0px 1px rgba(0,0,0,.55);
}


/************************************************
 * Grid
 ************************************************/
.content_section.grid_section{ padding: 0;}
.grid-wrapper{margin: 2rem 0 0;}
.grid{ position: relative; }
.grid-item{width: 100%;}
.grid-inner{position: relative; display: block; padding: 1px; overflow: hidden; font-size: 1rem; text-align: center;}
.grid-inner a:visited,
.grid-inner a:focus,
.grid-inner a:hover,
.grid-inner a{ color: #FFFFFF; }
.grid-inner img{width: 100%; }
.grid-overlay{
    position: absolute; left: 1px; right: 1px; top: 1px; bottom: 1px; color: #FFFFFF;
    background-color: rgba(0,0,0,.5); opacity: 0; visibility: hidden; padding: .9375rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.grid-item:hover .grid-overlay,
.grid-item:focus .grid-overlay{opacity: 1; visibility: visible; }
.grid-item .grid-title{color: inherit;}



/***********************************************
 * Blog-Teaser
 ***********************************************/
.blog_teaser_section .blog_teaser {text-align: center; font-size: 1.125rem; border: 1px solid #CCCCCC;  padding: 0; margin-bottom: 1.875rem;}
.blog_teaser_section .blog_teaser_image{
    display: block; margin-bottom: .9375rem; opacity: 1;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.blog_teaser_section .blog_teaser_image:hover,
.blog_teaser_section .blog_teaser_image:focus{
    opacity: .75;
}
.blog_teaser_section .blog_teaser_infos{padding: 0 1.5rem 1.5rem; font-size: 1rem;}
.blog_teaser_section a.blog_teaser_title,
.blog_teaser_section a.blog_teaser_title:visited{
    display: block; color: #0A0A0A; margin: 0; padding: 1rem 0 0;
    text-transform: uppercase; font-size: 1.25rem; letter-spacing: .13em;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.blog_teaser_section a.blog_teaser_title:hover,
.blog_teaser_section a.blog_teaser_title:focus{display: block; color: #E40428;}

.blog_teaser_section .blog_teaser_categories ul{display: block; margin: 0; padding: 0 0 .25rem; }
.blog_teaser_section .blog_teaser_categories ul li{ display: inline-block;}
.blog_teaser_section .blog_teaser_categories ul li:after{content: ' | '; }
.blog_teaser_section .blog_teaser_categories ul li:last-child:after{content: ''; }
.blog_teaser_section .blog_teaser_categories ul li a,
.blog_teaser_section .blog_teaser_categories ul li a:visited{color: #333333; }
.blog_teaser_section .blog_teaser_categories ul li a:hover,
.blog_teaser_section .blog_teaser_categories ul li a:focus{color: #E40428; }

.blog_teaser_section .blog_teaser_date{ font-size: .9rem; padding: 1.5rem 0; color: #808080; font-weight: 700; position: relative; }

.blog_teaser_section .blog_teaser_date:before{
    position: absolute; left: 0; right: 0; margin: 0 auto; top: .75rem;
    border-top: 2px solid #808080; content:''; width: .75rem;
}

.blog_teaser_section .blog_teaser .read_more,
.blog_teaser_section .blog_teaser .read_more:visited{
    font-weight: 400; color: #808080;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.blog_teaser_section .blog_teaser .read_more:hover,
.blog_teaser_section .blog_teaser .read_more:focus{ color: #E40428; }


/***********************************************
 * Blog Entries
 ***********************************************/
.blog_entries{display: block; letter-spacing: 0;}
.blog_entry{ display: block; margin-bottom: 0; padding: 5rem 0 0; position: relative;}
.blog_entry:before{
    content: ''; display: block; width: 100%; height: 1px; background-color: #0A0A0A;
    position: absolute; left: 0; top: 2.5rem; right: 0;
}
.blog_entry:first-child{padding-top: 0;}
.blog_entry:first-child:before{content: none; }

.blog_entry .blog_entry_image{margin-bottom: .5rem;}
.blog_entry .video_wrapper { position: relative; height: 0; padding-bottom: 56.25%; }
.blog_entry .video_wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}

.blog_entry .blog_entry_title{display: block; margin-bottom: .5rem; width: 100%;}
.blog_entry .blog_entry_title > h2{ color: #E40428; margin-bottom: 0; text-transform: uppercase;}
.blog_entry .blog_entry_title .blog_date{color: #808080; font-weight: 700;}


/***********************************************
 * Blog-Category-Sidebar
 ***********************************************/
.blog_categorylist_wrapper{padding-bottom: 2.5rem; color: #333333; }
.blog_categorylist_wrapper h3,
.blog_categorylist_wrapper .h3{margin-bottom: 0.5rem;}
.blog_categorylist_wrapper ul{padding: 0; margin: 0;}
.blog_categorylist_wrapper li{display: block; padding-bottom: .25rem; margin-bottom: .25rem; border-bottom: 1px solid rgba(0,0,0,.3);}
.blog_categorylist_wrapper li:last-child{border-bottom: none; }


/***********************************************
 * Blog-Category-Sidebar
 ***********************************************/
.blog_newest_posts_wrapper{padding-bottom: 2rem;  color: #333333; }
.blog_newest_posts_wrapper h3,
.blog_newest_posts_wrapper .h3{margin-bottom: 0.5rem;}
.blog_newest_posts_wrapper ul{padding: 0; margin: 0;}
.blog_newest_posts_wrapper li{display: block; padding-bottom: .25rem; margin-bottom: .25rem; border-bottom: 1px solid rgba(0,0,0,.3);}
.blog_newest_posts_wrapper li:last-child{border-bottom: none; }
.blog_newest_posts_wrapper .date_info{display: block; font-size: .8rem;}


/***********************************************
 * Blog-Pagination
 ***********************************************/
.blog_pagination.navigation.pagination{ margin: 0;}
.blog_pagination .screen-reader-text{ margin-bottom: 2rem; display: none;}
.blog_pagination .page-numbers{display: block; border-radius: 2px; margin-bottom: 1px;}
.blog_pagination .page-numbers.current{ background-color: #E40428; color: #FFFFFF;}


/***********************************************
 * Blog-Search
 ***********************************************/
.search-wrapper{position: relative; margin-bottom: 2.5rem;}
.search-wrapper #searchform,
.search-wrapper #searchform > div{position: relative; width: 100%; }
.search-wrapper .screen-reader-text{display: none;}
.search-wrapper #s{
    position: relative; z-index: 0; padding-right: 7rem;
    max-width: 100%;
}
.search-wrapper #searchsubmit{
    position: absolute; right: 0; top: 0; width: 6.5rem; z-index: 10;
    background-color: #E40428; height: auto; bottom: 0;
    border: 1px solid #E40428;
    border-radius: 4px;  color: #FFFFFF;
    box-shadow: 0 0 -1px 2px rgba(0,0,0,1);
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;
    font-weight: 400;
    text-shadow: none !important;
}

.search-wrapper #searchsubmit:focus,
.search-wrapper #searchsubmit:hover{
    background-color: #E40428;  color: #FFFFFF;
     border: 1px solid #E40428;
    box-shadow: 0 0 4px rgba(0,0,0,0);
    text-shadow: none !important;
}


/***********************************************
 * Kontakt
 ***********************************************/
.contact_section.content_section{background-color: #E40428; color: #FFFFFF; max-width: none;}
.contact_section .button{background-color: #E40428 !important; }



/***********************************************
 * Google Maps Section
 ***********************************************/
.map_section.content_section{padding: 0;}


/************************************************
 * Donation Section
 ************************************************/
.donation_form .button{
    height: 2rem !important; border-top-left-radius: 0; border-top-right-radius: 0;
}
.donation_form input[type="text"]{
   height: 2rem !important; font-size: inherit; margin-bottom: 0;
   padding: .35rem .25em; line-height: 1; text-align: center;
   border-bottom-left-radius: 0; border-bottom-right-radius: 0;
}
.donation_section #paypalform{display: none;}



/***********************************************
 * Instagram-Feed
 ***********************************************/
.instagram_feed hr{
    display: block; max-width: none; margin: 2.5rem .625rem;
    border-bottom: 1px solid #E40428; position: relative; width: auto;
}
.instagram_feed hr:after{
    position: absolute;  top: -2rem; left:0; right: 0;
    display: block; margin: 0 auto; width: 8rem; height: 4rem;
    content: ''; background-image: url("../img/salzburg_icon.png");
    background-size: contain; background-position: center center;
    background-repeat: no-repeat; 
}

.instagram_feed{ display: block; font-size: 0; margin: 0 -0.625rem; text-align: center; letter-spacing: 0;}
.instagram_feed .instagram_element{
    display: inline-block; font-size: 1rem; width: 100%; padding: .625rem; position: relative;
}
.instagram_feed .instagram_element img{width: 100%; height: auto;}

.instagram_feed .instagram_element .instagram_ovrelay,
.instagram_feed .instagram_element:visited .instagram_ovrelay{
    font-size: .75rem;
    color: #FFFFFF; opacity: 0; visibility: hidden; font-weight: 400;
    background-color: rgba(145,145,145,.7); overflow: hidden;
    position: absolute; left: .625rem; right: .625rem; top:.625rem; bottom: .625rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.instagram_feed .instagram_element:hover .instagram_ovrelay,
.instagram_feed .instagram_element:focus .instagram_ovrelay{
    opacity: 1; visibility: visible;
}

.instagram_feed .instagram_element .instagram_content{
    position: absolute; left: 0; right: 0; top: 50%; line-height: 1.6;
    padding: 0 1rem; max-height: 3.6rem; overflow: hidden;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.instagram_feed .instagram_element .instagram_info{
    position: absolute; left: .625rem; bottom: .625rem;
    text-align: left; display: inline-block;
}



/***********************************************
 * Footer
 ***********************************************/
#footer{
    background-color: #454545; color: #FFFFFF;
    padding: 2rem; max-width: none;
    max-width: 110rem; width: 100%;
}
#footer .logo{display: block; margin-bottom: 1rem;width:50%;}

#footer a, #footer a:visited{color: inherit;}
#footer a:hover, #footer a:focus{color: #E40428;}

#footer .menu{display: block; margin: 0; padding: 0 0 2rem;}
#footer .menu > li{display: block; margin: 0; padding: 0;}
#footer .menu > li> a{padding: 0; margin: 0; line-height: 1.6;}

#footer .footer_content{padding-bottom: 1rem;}

#footer h3,
#footer .h3{
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 1rem; padding: 2.9rem 0 1rem;
    text-transform: uppercase; font-size: 1.35rem;
}

#footer .imprint_page{
    text-transform: uppercase; font-weight: 700; font-size: 1rem; display: block; margin-bottom: 2rem;
}

#footer .spoe_link{margin: 1rem 0;}
/*
#footer .spoe_link:visited{
    display: block;padding: .875rem 0 0 3.5rem; margin: 1rem 0; height: 3rem; width: auto; 
    line-height: 1; text-align: left; font-weight: 700; color: #FFFFFF; font-size: 1.25rem;
    background-image: url('../img/SPOE.png'); background-size: contain; background-position: left center;
    background-repeat: no-repeat; word-wrap: break-word;
}
#footer .spoe_link:hover,
#footer .spoe_link:focus{
    color: #E40428;
}*/

#footer .nl_form input[type="email"]{
    width: 100%; font-size: inherit;
    padding: .35em .25rem; line-height: 1; height: 2rem;
    text-align: center;
}
#footer .nl_form .button.hollow,
#footer .nl_form .button.hollow:visited{color: #FFFFFF !important; line-height: 1; height: 2rem;}

#footer .nl_form .button.hollow:hover,
#footer .nl_form .button.hollow:focus{color: #FFFFFF !important; background-color: #E40428 !important; border: 1px solid #FFFFFF !important;}



/***********************************************
 * Scroll-Top
 ***********************************************/
#scroll-top-wrapper{
    position: fixed; left: 0; right: 0; bottom: 0;
    opacity: 0; visibility: hidden;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
    pointer-events: none;
    z-index: 10;
}
#scroll-top-wrapper.active{opacity: 1; visibility: visible;}
#scroll-top-wrapper .row{max-width: 90rem;}
#scroll-top-wrapper .scroll-top,
#scroll-top-wrapper .scroll-top:visited{
    pointer-events: all;
    border-radius: 1rem 1rem 0 0; color: #FFFFFF; background: #E40428; display: inline-block; vertical-align: bottom; padding: .625rem .625rem 1rem;
}
#scroll-top-wrapper .scroll-top:focus,
#scroll-top-wrapper .scroll-top:hover{color: #FFFFFF;}



/***********************************************
 * Form-Reset
 ***********************************************/
[type=color], [type=date], [type=datetime-local], [type=datetime],
[type=email], [type=month], [type=number], [type=password], [type=search],
[type=tel], [type=text], [type=time], [type=url], [type=week], textarea{
    border-radius: 2px; border: none; box-shadow: none; font-weight: 700;
}
[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus,
[type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus,
[type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus,
[type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus{
    border-radius: 2px; border: none; box-shadow: none; font-weight: 700;
}


/***********************************************
 * Contact-Form
 ***********************************************/
span.wpcf7-not-valid-tip{
    background-color: #d04915; border: none; border-radius: 4px;
    color: #FFFFFF; box-shadow: 0 0 4px rgba(0,0,0,.5); margin: -0.75rem 0 .5rem; padding: .75rem 1rem .5rem;
    position: relative; z-index: 0;
}
div.wpcf7-validation-errors {
    background-color: #d04915; border: none; border-radius: 4px; color: #FFFFFF;
    box-shadow: 0 0 4px rgba(0,0,0,.5); margin: 0; padding: .5rem 1rem; text-align: center;
}

div.wpcf7-mail-sent-ok{
    background-color: #35a706; border: none; border-radius: 4px;  text-align: center; color: #FFFFFF;
    box-shadow: 0 0 4px rgba(0,0,0,.5); margin: 0; padding: .5rem 1rem;
}

span.wpcf7-list-item-label {
    color: #fff;
    font-size: 1rem;
}

.page-template-page-survey span.wpcf7-list-item-label,
.page-template-page-survey span.wpcf7-list-item-label a,
.page-template-page-survey-2022 span.wpcf7-list-item-label,
.page-template-page-survey-2022 span.wpcf7-list-item-label a{
    color: #0a0a0a;
    font-size: 1rem;
}


/***********************************************
 * Overlay-Styling
 ***********************************************/
.reveal-overlay{
    z-index: 10000;
    background-color: rgba(0,0,0,.8);
}
.reveal{
    border: none;
    border-radius: 2px;
}
#overlay hr{
    display: block; max-width: none; position: relative;
    margin: 3rem .625rem; border-bottom: 1px solid #E40428;
    width: auto;
}
#overlay hr:after {
    position: absolute; top: -2rem; left: 0; right: 0;
    display: block; margin: 0 auto; content: '';
    width: 8rem; height: 4rem;
    background-image: url(../img/salzburg_icon.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
#overlay hr.first{ margin-bottom: 4rem; }
#overlay hr.last{ margin-top: 5rem; }
#overlay h2{
    margin-bottom: 2rem;
}
#overlay img{
    margin: 2rem auto -.5rem;
}

@media screen and (min-width: 23em) {
    h1, .h1{font-size:1.5rem;}
    h2, .h2{font-size:1.25rem;}
    h3, .h3{font-size:1.1875rem;}
    h4, .h4{font-size:1.125rem;}
    h5, .h5{font-size:1.0625rem;}
    h6, .h6{font-size:1rem;}
}


/********************************************************************
 * Stadtteile Teaser
 ********************************************************************/
/*.start_content_section.red_content_section.content_section.header_spacer_new { position: relative;}
.start_content_section.red_content_section.content_section.header_spacer_new:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    background-color: rgba(255,255,255,0.1);
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}*/
.stadtteile_teaser .listing_item a,
.stadtteile_teaser .listing_item a:visited {
    color: #ffffff;
}
.stadtteile_teaser .listing_item .listing_title {
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    margin-top: 1rem;
    color: #ffffff;
    letter-spacing: 0.04rem;
    margin: 1rem -1rem 1rem;
}

.stadtteile_teaser .listing_image {
    text-align: center;
}
.stadtteile_teaser .listing_image img {
    border-radius: 100%;
    width: 90%;
}
.content .red_content_section .call_to_action_wrapper a.button.call_to_action {
    color: #FFFFFF !important;
    border: 1px solid #ffffff ;
    background-color: #E40428;
    font-weight: 700;
}
.red_content_section.stadtteile_teaser .call_to_action_wrapper a.button.call_to_action:focus,
.red_content_section.stadtteile_teaser .call_to_action_wrapper a.button.call_to_action:hover {
    border-color: #FFFFFF;
    color: #E40428 !important;
    background-color: #FFFFFF;
}
.red_content_section.stadtteile_teaser .call_to_action_wrapper {
    max-width: 20rem;
    margin: 0 auto;
}
.aufruf_section {
    border-top: 2px solid #ffffff;
    text-align: center;
    color: #ffffff;
}
.aufruf_section .aufruf_content {
    font-weight: 700;
    font-size: 1.2rem;
}
.aufruf_section .aufruf_content p {
    margin: 0;
    line-height: 1.5;
}
.aufruf_cta a.button {
    padding: 0.5rem 1rem;
}


/********************************************************************
 * Stadtteile
 ********************************************************************/
.stadtteile {
    padding: 3rem 0;
}
.stadtteile .page_content {
    padding-bottom: 3rem;
}
.stadtteile .content_section:nth-child(even) {
    background-color: #f4f4f4;
}
.stadtteile .content_section .stadtteile_image {
    width: 70%;
    max-width: 25rem;
    margin: 0 auto;
}
.stadtteile .content_section img {
    border-radius: 100%;
}
.stadtteile .content_section .post_content {
    margin-top: 1rem;
    text-align: center;
}
.stadtteile .content_section .post_content  .listing_title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.3rem;
    text-align: center;
    margin: 2rem 0 1rem;
    color: #E40428;
    letter-spacing: .04em;
}
.stadtteile .content_section ul li {
    list-style-type: none;
    font-weight: 700;
    letter-spacing: .04em;
}
.stadtteile .content_section .post_content a {
    color: #000000;
    text-transform: uppercase;
    letter-spacing: .04em;
}


/********************************************************************
 * Stadtteile Single
 ********************************************************************/
.stadtteile_single .single_title {
    font-weight: 700;
    letter-spacing: .04em;
    margin: 1rem 0;
}
.stadtteile_single .content_section {
    padding: 1rem 1rem;
}
.stadtteile_single  .single_page_content {
    text-align: center;
    margin-bottom: 2rem;
}


/********************************************************************
 * Contact Form Section
 ********************************************************************/
.contact_form_section.content_section .wpcf7 {
    background-color: #e40428;
    padding: 2rem; margin-top: 2rem;
}
.contact_form_section.content_section .wpcf7 a {
    color: inherit;
}
.contact_form_section.content_section .wpcf7 input[type=submit] {
    display: block; background-color: transparent;
}
.contact_form_section.content_section .wpcf7 .typo_cf7_acceptance .wpcf7-list-item {
    margin: 0 0 1rem;
}

/********************************************************************
 * Form Template Overrides
 ********************************************************************/
.page-template-page-form .form-label {
	display: block;
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	color: #868789;
}

.page-template-page-form span.wpcf7-list-item-label {
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.8;
	color: #0a0a0a;
}

.page-template-page-form .wpcf7-form-control.wpcf7-checkbox > .wpcf7-list-item input {
  display: inherit;
}

.page-template-page-form .wpcf7-form-control.wpcf7-checkbox {
  text-align: left;
}

.page-template-page-form  #work.wpcf7-form-control.wpcf7-checkbox {
  table-layout: auto;
  text-align: left;
  display: table;
  width: 100%;
  margin: 0 0 1rem;
}

.page-template-page-form  #work.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
  display: table-header-group;
}

.page-template-page-form #districts {
	display: block;
	margin-bottom: 2rem;
}

.page-template-page-form #districts .wpcf7-list-item{
	display: inline-block;
	margin: 0 1em 0 0;
	/*
	display: inline-block;
	margin: .25rem;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	box-shadow: 0 0 0 #E40428;
	background: #F5F5F5;
	border: 1px solid #e7e7e7;
	padding: 0 1rem;
	border-radius: .25rem;
	font-size: 1rem;
	font-weight: 700;
	color: #868789;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;*/
}

page-template-page-form #districts .wpcf7-list-item input[type='radio']{
	display: none;
}


/***********************************************
* Container
***********************************************/
.wrapper {
    padding-top: 4rem;
}

/*###############################################
 # Medium and UP
 ###############################################*/
@media screen and (min-width: 40em) {
    
    
    /***********************************************
     * Container
     ***********************************************/
    
    .wrapper{ min-height: 1px;}
    
    .content_section{padding: 3rem 2rem; }
    /*.content_section:first-child{padding-top: 11.5rem !important;}*/
    
    /*#topbar {height: 8.5rem;}
    #topbar .logo_wrapper{ width: 8.75rem; height: 7.5rem;}
    #topbar .logo{ height: 7.5rem; }*/
    
    #topbar.scrolled{ height: 4rem; }
    #topbar.scrolled .logo_wrapper{ height: 2.7rem; width: 3.75rem;}
    #topbar.scrolled .logo{ height: 3.7rem; }
    
    .oc-toggle-wrapper .oc-toggle,
     .oc-toggle-wrapper .oc-toggle:focus, 
     .oc-toggle-wrapper .oc-toggle:hover, 
     .oc-toggle-wrapper .oc-toggle:visited {
        top: 0.625rem;
    }
    
    .section_title{margin-bottom: 3rem; }
    
    
    /***********************************************
     * Typography
     ***********************************************/
    h1, .h1{font-size:2.5rem;}
    h2, .h2{font-size:2rem;}
    h3, .h3{font-size:1.75rem;}
    h4, .h4{font-size:1.5rem;}
    h5, .h5{font-size:1.25rem;}
    h6, .h6{font-size:1rem;}
    
    
    
    /***********************************************
     * Header
     ***********************************************/
    .header .header_subtitle{ font-size: 1.5rem; }
    .header .call_to_action{ font-size: 1.25rem; margin-top: 1rem; padding: .85rem 2rem }
    
    
    /***********************************************
     * Move Back Section
     ***********************************************/
    .move_back_section.content_section{ padding: 0 2rem; font-size: 1rem !important; }
    .move_back_section .move_back{top: 1.5rem;}
    
    /***********************************************
     * Video Section
     ***********************************************/
    .video_section.content_section{padding: 0; width: 100%; position: relative; text-align: center;}
    .video_section.content_section img{
        position: relative; left: 0; right: 0; height: auto; max-width: 100%; width: 100%;
    }    
    .video_section.content_section .video_call_to_action_wrapper{
        display: block; position: absolute; left: 0; right: 0; top: 75%; margin: 0 auto; padding: 0 2rem;
    }

    
    /***********************************************
     * Video Visual Section
     ***********************************************/
    .video_visual{ font-size: 0; margin: 2rem -0.9375rem 0; text-align: center;}
    .video_visual .video_intro{font-size: 1rem; display: block; margin: 0 auto 1rem; padding: 0 .9375rem; width: 50%; }
    .video_visual .video_entry{ font-size: 1rem; display: inline-block; width: 50%; padding:.9375rem;}
    .video_visual .video_content{
        position: relative; top: 0; left: 0; right: 0;
        padding: 0 0 0 1.5rem; text-align: left; margin: -1.5rem 0 0 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    .video_visual .video_content .video_call_to_action{
        position: relative; margin: 0; padding: 0; top: 0; left: 0; right: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    .video_visual .video_content p{ font-size: 1.75rem; }
    
    /***********************************************
     * Video List
     ***********************************************/
    .video_list{ display: block; margin: 1.875rem -0.9375rem 0;}
    .video_list .video_entry{position: relative; font-size: 0; display: block; width: 100%; margin-bottom: 1.875rem;}
    .video_list .video_entry h2{ font-size: 1.25rem; line-height: 1.4; }
    .video_list .video_entry .video_content{ padding: 0 .9375rem; width: 58.333%; display: inline-block; font-size: 1rem; vertical-align: middle;}
    .video_list .video_entry .video_link{ padding: 0 .9375rem; width: 41.666%; display: inline-block; font-size: 1rem; vertical-align: middle;}
    
    
    /***********************************************
     * Accordion
     ***********************************************/
    .typo-accordion { margin: 2rem 0 0; }
    
    
    
    /************************************************
     * Grid
     ************************************************/
    .grid-wrapper{margin: 2rem -0.9375rem 0;}
    .grid-item{width: 50%; padding: 0 .9375rem 1.875rem; }
    .grid-item.grid-item--width2{width: 100%;}
    
    
    /***********************************************
     * Blog-Teaser
     ***********************************************/
    .blog_teaser_section .grid-wrapper{margin-bottom: 1.875rem;}
    .blog_teaser_section .blog_teaser{margin-bottom: 0;}
    .blog_teaser_section .blog_teaser_infos{padding: 0 1.875em 1.875rem; }
    
    
    /***********************************************
     * Blog Entries
     ***********************************************/
    .blog_entries{display: block; margin: 0 -.9375rem;}
    .blog_entry{ display: block; margin-bottom: 0; font-size: 0;}
    .blog_entry:before{ width: auto;left: .9375rem; top: 2.5rem; right:  .9375rem;}
    .blog_entry .blog_entry_image{
        margin-bottom: 0; font-size: 1rem;  vertical-align: top;
        width: 41.666%; display: inline-block; padding: 0 .9375rem;
        position: relative; left: 58.333%; 
    }
    .blog_entry .blog_entry_content{
        font-size: 1rem; display: inline-block; vertical-align: top; width: 100%;
        padding: 0 .9375rem;
    }
    .blog_entry .blog_entry_image + .blog_entry_content{ width: 58.333%; position: relative; left: -41.666%;  }
    
    
    .blog_entry .blog_entry_title{display: block; padding: 0 .9375rem; margin-bottom: 1rem;}
    .blog_entry .blog_entry_title > h2{ color: #E40428; margin-bottom: 0; font-size: 1.25rem; line-height: 1.4;}
    .blog_entry .blog_entry_title .blog_date{color: #808080; font-weight: 700; font-size: 1.25rem; line-height: 1.4;}
    
    
    
    /***********************************************
     * Blog-Pagination
     ***********************************************/
    .blog_pagination.content_section{padding: 0 2rem;}
    .blog_pagination .pagination{margin-bottom: 0;}
    .blog_pagination .navigation .page-numbers{display: inline-block; font-size: 1rem;}
    .blog_pagination .navigation .page-numbers,
    .blog_pagination .navigation .page-numbers:visited{ color: #0A0A0A; font-weight: 400; padding: 0 .25rem;}
    .blog_pagination .navigation .page-numbers:hover,
    .blog_pagination .navigation .page-numbers:focus{ color: #E40428; background-color: transparent;}
    .blog_pagination .navigation .page-numbers.current{ background-color: transparent; color: #E40428; font-weight: 700; }
    .blog_pagination .navigation .page-numbers.prev:before{ margin-right: .25rem; content: '\f104'; font-family: FontAwesome;}
    .blog_pagination .navigation .page-numbers.next:after{ margin-left: .25rem;content: '\f105'; font-family: FontAwesome;}
    
    
    
    /***********************************************
     * Survey-Results
     ***********************************************/
    .survey_result_section .survey_result_table{font-size: 1rem;}
    .survey_result_section .histogram .bar > .meter{ left: .5rem; right: .5rem; }
    .survey_result_section .histogram .bar_value_container{ height: 2rem; line-height: 2rem; }
    .survey_result_section .histogram .bar_value{
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }    
    .survey_result_section .v_histogram .histogram_entry_label{
        width: 35%; width: calc( 100% - 100% + 12rem ); height: 2rem; line-height: 2rem;
    }
    .survey_result_section .v_histogram .histogram_entry .bar{
        width: 64%; width: calc( 99% - 12rem ); height: 2rem;
    }
    .survey_result_section .v_histogram .bar_value{ height: 2rem; line-height: 2rem;}

    
    
    /***********************************************
     * Listings
     ***********************************************/
    .listing{font-size: 0; text-align: center; padding-bottom: 2rem;}
    .listing_item{ display: inline-block; width: 50%; vertical-align: top;  font-size: .9rem;}
    
    
    
    /************************************************
     * Donation Section
     ************************************************/
    .donation_form input[type="text"]{border-bottom-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
    .donation_form .button{border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 2px;}
    
    
    /***********************************************
     * Instagram-Feed
     ***********************************************/
    .instagram_feed{ margin: 0 -.9375rem;}
    .instagram_feed .instagram_element{ width: 50%; padding: .9375rem; }
    .instagram_feed .instagram_element .instagram_ovrelay,
    .instagram_feed .instagram_element:visited .instagram_ovrelay{
        left: .9375rem; right: .9375rem; top:.9375rem; bottom: .9375rem;
    }
    .instagram_feed .instagram_element:hover .instagram_ovrelay,
    .instagram_feed .instagram_element:focus .instagram_ovrelay{
        opacity: 1; visibility: visible;
    }
    
    .instagram_feed .instagram_element .instagram_content{
        padding: 0 1rem;
    }
    
    .instagram_feed .instagram_element .instagram_info{
        left: .9375rem; bottom: .9375rem;
    }
    
    
    
    /***********************************************
     * Footer
     ***********************************************/
    #footer{ padding: 3rem 2rem;  }
    #footer .logo{ margin-bottom: 2rem;}
    #footer .nl_form input[type="email"]{ position: relative; left: -1px;}
    #footer .nl_form .button.hollow{position: relative; left: 1px; }
    
    /***********************************************
     * Overlay-Styling
     ***********************************************/
    .reveal{
        border: none; padding: 1rem 1.5rem;
    }
    
    
    /********************************************************************
    * Stadtteile Teaser
    ********************************************************************/
    .stadtteile_teaser .listing {
        font-size: 0;
        letter-spacing: 0;
        margin-top: 3rem;
    }
    .stadtteile_teaser .listing_item {
        display: inline-block;
        vertical-align: top;
        font-size: 1rem;
        width: 33%;
        padding: 0.9375rem 0 0.9375rem 0;
    }
    .stadtteile_teaser .listing_image {
        padding: 0 1.5rem;
    }
    
    .aufruf_section .aufruf_content {
        font-size: 1.5rem;
    }
    .aufruf_section .aufruf_content p {
        line-height: 1.5;
    }


    
    /********************************************************************
    * Stadtteile
    ********************************************************************/

    .stadtteile .content_section {
        font-size: 0;
        letter-spacing: 0;
        padding: 5rem 2rem;
    }
    .stadtteile .content_section .stadtteile_image {
        display: inline-block;
        font-size: 1rem;
        vertical-align: top;
        width: 40%;
        padding: 0 0.9375rem 0 0;
    }

    .stadtteile .content_section .post_content {
        display: inline-block;
        font-size: 1rem;
        vertical-align: top;
        width: 60%;
        text-align: left;
        padding: 0 0 0 2.9375rem;
    }
    .stadtteile .content_section .post_content  .listing_title {
        font-size: 2rem;
        text-align: left;
        margin: 0 0 1.5rem;

    }
    .stadtteile .content_section .post_content ul {
        margin: 0 0 1rem 0;
    }
    .stadtteile .content_section .post_content ul li {
        font-size: 1.3rem;
    }

    .stadtteile .content_section:nth-child(odd) .stadtteile_image {
        float: right;
        display: block;
        padding: 0 0 0 0.9375rem;
    }
    .stadtteile .content_section:nth-child(odd) .post_content {
        padding: 0 2.9375rem 0 0;
    }
    
    
    /********************************************************************
    * Stadtteile Single
    ********************************************************************/
    .stadtteile_single .single_title {
        margin: 0 0 1rem;
        font-size: 1.5rem;
    }
    .stadtteile_single .content_section {
        padding: 1rem 1rem;
        font-size: 0;
        letter-spacing: 0;
    }
    .stadtteile_single .content_section .single_image {
        display: block;
        float:right;
        vertical-align: top;
        width: 40%;
        font-size: 1rem;
        letter-spacing: 0.04rem;
        padding: 0 0 0 0.9375rem;
    }
        .stadtteile_single .content_section .post_content{
        display: inline-block;
        vertical-align: top;
        width: 60%;
        font-size: 1rem;
        letter-spacing: 0.04rem;
        padding: 0 0.9375rem 0 0;
    }
    .stadtteile_single  .single_page_content {
        text-align: center;
        margin-bottom: 2rem;
        font-size: 1rem;
    }

     
    
}


/*###############################################
 # Large and UP
 ###############################################*/
@media screen and (min-width: 64em) {
    
    /***********************************************
     * Container
     ***********************************************/

    .wrapper{ min-height: 2px; font-size: 1.25rem; padding-top:11rem; }
    /*.content_section:first-child{padding-top: 14rem !important;}*/
    
    
    .content blockquote, .content blockquote p{ font-size: 2rem; }
    
    /***********************************************
     * Topbar
     ***********************************************/
    #topbar {height: 11rem; padding: 2rem 0 .5rem;}
    #topbar.scrolled{padding:0;}
    #topbar.scrolled ul.social_nav{padding: 1.5rem 0 0;}

    #topbar .logo_wrapper{ width: 8.75rem; height: 7.5rem;}
    #topbar .logo{ height: 7.5rem; }
    
    /***********************************************
     * Header
     ***********************************************/
    .header.content_section{padding-top: 6rem; }
    
    
    /***********************************************
     * Social Nav
     ***********************************************/
    ul.social_nav { display: block; }
    
    
    /***********************************************
     * Call-To-Action Section
     ***********************************************/
    .call_to_action_section.content_section{font-size: 2rem; font-weight: 700;}
    .call_to_action_section .call_to_action_wrapper{padding-top: 0;}
    .call_to_action_section .call_to_action_wrapper .button{ font-size: 1.25rem; }
    
    
    /***********************************************
     * Scroll-Top
     ***********************************************/
    #scroll-top-wrapper .scroll-top,
    #scroll-top-wrapper .scroll-top:visited{
        padding-bottom: 2.75rem; line-height: 1.5rem;
    }
    
    /***********************************************
     * Video Section
     ***********************************************/
    .video_section.content_section .video_call_to_action_wrapper{ padding: 0 3rem; }
    
    
    
    /***********************************************
     * Video Visual Section
     ***********************************************/
    .video_visual {font-size: 1rem; width: 100%; padding: 0 0 100%; position: relative; text-align: left;}
    .video_visual .video_intro{
        position: absolute; top: 5%; right: 10%; width: 35%;
        display: block; padding: 0; margin: 0; font-size: 1.25rem;
    }
    .video_visual .video_content p{ font-size: 2.5rem; }
    .video_visual .video_entry{ position: absolute; top: 0; left: 0; width: 40%; display: block; padding: 0; margin: 0; }
    .video_visual .video_entry:nth-child(3){ top: 30%; left: 60%;}
    .video_visual .video_entry:nth-child(3) .video_content{ margin-top: -2rem; padding-left: 5rem;}
    
    .video_visual .video_entry:nth-child(4){ top: 55%; left: 15%;}
    .video_visual .video_entry:nth-child(2) .video_content{ text-align: right; margin-right: 0; margin-top: -40%; position: relative; left: 25%; }
    .video_visual .video_entry:nth-child(2) .video_content .video_call_to_action{ position: absolute; right: -4rem; top: -2rem; }
    .video_visual .video_entry:nth-child(4) .video_content{ margin-left: -6rem; margin-top: -110%; position: relative; }
    .video_visual .video_entry:nth-child(4) .video_content .video_call_to_action{ position: absolute; top: -2rem; left: 1.5rem;}
    
    
    /***********************************************
     * Video List
     ***********************************************/
    .video_list{ display: block; margin: 2.8125rem -0.9375rem 0;}
    .video_list .video_entry .video_content{ width: 50%; font-size: 1.2rem;}
    .video_list .video_entry .video_link{ width: 50%; font-size: 1.2rem;}
    
    
    /***********************************************
     * Accordion
     ***********************************************/
	.content_section:not(.custom_accordion) .typo-accordion,
    .content_section:not(.custom_accordion) .typo-accordion .accordion-item,
    .content_section:not(.custom_accordion) .typo-accordion .accordion-title,
    .content_section:not(.custom_accordion) .typo-accordion .accordion-content{ border-bottom: none !important; border-top: none !important;}
    
    .content_section:not(.custom_accordion) .typo-accordion { margin: 3rem auto 0; position: relative; width: 100%;}
    .content_section:not(.custom_accordion) .typo-accordion .accordion-item{display: block; width: 15rem; padding: .75rem 0;}
    .content_section:not(.custom_accordion) .typo-accordion .accordion-item:first-child{ padding-top: 0;}
    .content_section:not(.custom_accordion) .typo-accordion .accordion-item:last-child{ padding-bottom: 0;}
    
    
    .content_section:not(.custom_accordion) .typo-accordion .accordion-content{
        position: absolute; left: 15rem; right: 0; top: 0; bottom: auto; height: auto;
        opacity: 0; visibility: hidden; max-height: none; border-left: 1px solid #E40428;
        margin-left: -1px;
    }
    
    .content_section:not(.custom_accordion) .typo-accordion .is-active .accordion-content{
        opacity: 1; visibility: visible;
    }
    
    .content_section:not(.custom_accordion) .typo-accordion .accordion-title,
    .content_section:not(.custom_accordion) .typo-accordion .accordion-title:visited{
        text-align: left !important; font-size: 1rem; border-right: none;
        padding: .25rem 0; letter-spacing: .13em; position: relative;
    }
    .content_section:not(.custom_accordion) .typo-accordion .accordion-title:hover,
    .content_section:not(.custom_accordion) .typo-accordion .accordion-title:focus,
    .content_section:not(.custom_accordion) .typo-accordion .is-active .accordion-title{color: #E40428; }
    .content_section:not(.custom_accordion) .typo-accordion .accordion-title:before{content: ''; right: .25rem; margin-top: -0.75rem;}
    .content_section:not(.custom_accordion) .typo-accordion .is-active .accordion-title:before{
        content: ''; border: .25rem solid #FFFFFF; border-right: 0 solid #FFFFFF; border-left: .25rem solid #E40428;
        display: block; position: absolute; left: auto; right: .5rem;  top: 50%; margin: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .content_section:not(.custom_accordion) .typo-accordion .acordion-centering-wrapper{position: relative;}
    .content_section:not(.custom_accordion) .typo-accordion .acordion-centering{
        position: absolute; top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .content_section:not(.custom_accordion) .typo-accordion .acordion-centering > *:last-child{margin-bottom: 0;}
    
    
    
    /************************************************
     * Grid
     ************************************************/
    .grid-item{width: 33.3333%;}
    .grid-item.grid-item--width2{width: 66.6666%;}
    
    
    
    /************************************************
     * Blog-Teaser
     ************************************************/
    .blog_page_section .grid-item{width: 50%; }
    .blog_page_section .grid-item.grid-item--width2{width: 100%;}
    
        
    /***********************************************
     * Blog Entries
     ***********************************************/
    .blog_entry .blog_entry_image{ font-size: 1.2rem ;width: 50%; left: 50%; }
    .blog_entry .blog_entry_content{ font-size: 1.2rem; }
    .blog_entry .blog_entry_image + .blog_entry_content{ width: 50%; left: -50%; }
    
    
    /************************************************
     * Donation Section
     ************************************************/
    .donation_section .button,
    .donation_form input[type="text"]{
        margin-top: 3.5rem; font-size: 1.1rem; height: 2rem;
    }
    
    /***********************************************
     * Instagram-Feed
     ***********************************************/
    .instagram_feed .instagram_element{ width: 16.666%;  }
    
    
    /***********************************************
     * Footer
     ***********************************************/
    #footer {padding: 4rem 2rem;}
    #footer .logo{ margin-bottom: 4rem;}
    #footer .nl_form{padding-top: .5rem;}
    #footer .nl_form input[type="email"]{ font-size: 1.1rem; padding-bottom: .3rem;}
    
    /***********************************************
     * Overlay-Styling
     ***********************************************/
    .reveal{
        border: none; padding: 1rem 4rem;
        width: 60rem;
    }
    #overlay hr{
        margin-left: -2rem; margin-right: -2rem;
    }
    #overlay .close-button{
        position: fixed; top: 5rem; right: 2rem;
        color: #E4E4E4; font-family: Times, serif; font-size: 2.5rem;
        text-shadow: 0 0 2px #000000;
    }
    #overlay .close-button:hover,
    #overlay .close-button:focus{
        color: #FFFFFF;
    }
    
    /********************************************************************
    * Stadtteile
    ********************************************************************/
    /*.start_content_section.red_content_section.content_section.header_spacer_new:after { width: 35%; }*/
    .stadtteile_teaser .listing .listing_item {
        width: 20%;
    }
    .stadtteile_teaser .listing .listing_item:first-child,
    .stadtteile_teaser .listing .listing_item:last-child{
        width: 20.1%;
    }
}


/*###############################################
 # Additional Styling for larger Screen-Sizes
 ###############################################*/
@media screen and (min-width: 75rem) {
    .oc-wrapper .menu-wrapper li{ padding: 0 0.5rem; font-size: 1rem; }
    ul.social_nav li,
    #footer  ul.social_nav li{margin: 0 .4rem;}
    
    .blog_teaser_section a.blog_teaser_title{padding: 1rem 1rem 0;}
    .blog_teaser_section .blog_teaser_infos{padding: 0 2.5rem 1.5rem; font-size: inherit;}
    
    #overlay .close-button{
        right: 5rem;
    }
}
@media screen and (min-width: 77rem) {
    #topbar,
    #topbar.scrolled{padding-left: 2rem; padding-right: 2rem;}
    #topbar > .row{max-width: none;}
}

@media screen and (min-width: 85rem) {
    .reveal{
        width: 73rem; padding: 1rem 5rem;
    }
    #overlay hr{
        margin-left: -3rem; margin-right: -3rem;
    }
}



/*###############################################
 # Animations
 ###############################################*/
@-webkit-keyframes rotation {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotation {
  0%   { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); }
}
@-ms-keyframes rotation {
  0%   { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); }
}
@-o-keyframes rotation {
  0%   { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); }
}
@keyframes rotation {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/********************************************************************
* Typo Row/Columns
********************************************************************/
.typo_row {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.align-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.align-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.align-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.align-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.align-spaced {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.align-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.align-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.align-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.align-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

@media print,
screen and (min-width: 40em) {
    .medium-align-left {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .medium-align-right {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .medium-align-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .medium-align-justify {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .medium-align-spaced {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    
    .medium-align-top {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .medium-align-bottom {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .medium-align-middle {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .medium-align-stretch {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}

@media print,
screen and (min-width: 64em) {
    .large-align-left {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .large-align-right {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .large-align-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .large-align-justify {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .large-align-spaced {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    
    .large-align-top {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .large-align-bottom {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .large-align-middle {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .large-align-stretch {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}

.typo_columns {
	-webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    min-width: 0;
}

.small-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.small-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}
.small-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.small-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
.small-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}
.small-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.small-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}
.small-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}
.small-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.small-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}
.small-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}
.small-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media print, screen and (min-width: 40em) {
    .medium-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .medium-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .medium-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .medium-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .medium-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .medium-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .medium-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .medium-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .medium-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .medium-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .medium-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .medium-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media print, screen and (min-width: 64em) {
    .large-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .large-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .large-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .large-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .large-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .large-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .large-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .large-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .large-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .large-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .large-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .large-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/********************************************************************
* Unite Form
********************************************************************/
	
.unite-form .columns {
	float:none;
}
/********************************************************************
* Melon Listing
********************************************************************/
ul.melon_listing {
	column-count: 2;
	list-style-image: url('../img/melon.png');
}

ul.melon_listing li {
	padding-bottom:1rem;
}

/********************************************************************
* Has Cross
********************************************************************/
.has_cross {
	margin-bottom:2rem;
	margin-top:1rem;
	display:block;
}
.has_cross:before {
	content:'';
	width:2rem;
	height:2rem;
	background:url(../img/kreuzerl.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display: inline-block;
    vertical-align: bottom;
	margin-right:0.5rem;
}

/********************************************************************
* Headline em
********************************************************************/
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
	font-weight: 400;
	font-style: normal;
}

/********************************************************************
* Boxed Items
********************************************************************/
.boxed_items .item_inner {
	font-size: 0;
	display: block;
	background-color: rgba(228,4,40,1);
	color: #FFFFFF;
	text-align: center;
	transition: all .25s ease;
}
.boxed_items a.item_inner {
	color: #FFFFFF;
	cursor: pointer;
}
.boxed_items .item_inner:not(a) {
	cursor: auto;
}
.boxed_items .item_inner:not(a):hover {
	background-color: rgba(228,4,40,0.2);
	color: rgba(228,4,40,1);
}

.boxed_items .item_inner:before {
	content: ''; position: relative;
	width: 100%;display: inline-block; vertical-align: middle;
	padding: 0 0 100%;
	max-width: 0;
}
.boxed_items .item_inner .item_content {
	font-size: 1rem;
	padding: 1.5rem;
	vertical-align: middle;
	display: inline-block;
	width: 100%;
	transition: opacity 0.25s ease;
}
.boxed_items .item_inner:hover .item_content:not(:last-child) {
	font-size: 0;
	padding: 0;
	width: 0;height: 0;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
}
.boxed_items .item_inner .item_content_two {
	font-size: 0;
	padding: 0;
	vertical-align: middle;
	display: inline-block;
	width: 0; overflow: hidden;
	visibility: hidden;
	height: 0;
	opacity: 0;
	transition: opacity 0.25s ease;
}
.boxed_items .item_inner:hover .item_content_two {
	width: 100%; 
	font-size: 1rem;
	padding: 1.5rem;
	overflow: visible;
	visibility: visible;
	height: auto;
	opacity: 1;
}

.boxed_items .item_content h3 {
	text-transform: uppercase;
}
.boxed_items .item_content h3 em{
	text-transform: none;
}

.boxed_items .item_content img {
	width: 6rem;
}

/****************************************************************************
 * Popup Wrapper
 ****************************************************************************/
 .popup_wrapper {
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2999;
    padding: 5rem 0;
    height: auto; overflow-x: auto;
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; 
}

.popup {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 90%;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 100%; 
    pointer-events: all;
    background-color: #E40428;
    z-index: 1000;
    padding: 2rem 3rem;
    max-width: 62rem;
}
.popup_wrapper.hide{
    display: none;
}

.popup img {
    /*max-width: 6rem;*/
    margin-left: auto;
    margin-right: auto;
}

.popup .close {
    cursor: pointer;
    position: absolute;
    top: 1rem;
    right: 1rem;
    height: 2rem;
    width: 2rem;
    font-size: 2rem;
    color: #ffffff;
    font-weight: 400;
}
.close:before, 
.close:after {
	content: ' ';
  	position: absolute;
  	left: 50%;
	height: 2rem;
  	width: 2px;
  	background-color: #ffffff;
}
.close:before {
  	-webkit-transform: translatex(-50%) rotate(45deg);
	-moz-transform: translatex(-50%) rotate(45deg);
	-ms-transform: translatex(-50%) rotate(45deg);
	-o-transform: translatex(-50%) rotate(45deg);
	transform: translatex(-50%) rotate(45deg);
}
.close:after {
  	-webkit-transform: translatex(-50%) rotate(-45deg);
	-moz-transform: translatex(-50%) rotate(-45deg);
	-ms-transform: translatex(-50%) rotate(-45deg);
	-o-transform: translatex(-50%) rotate(-45deg);
	transform: translatex(-50%) rotate(-45deg);
}

.popup a.button {
    margin-top: 1rem;
}

/****************************************************************************
 * Form Screenreader
 ****************************************************************************/
.screen-reader-text {border: 0; clip: rect(1px,1px,1px,1px);  clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal!important}
.screen-reader-text:focus {background-color: #ddd;clip: auto!important;clip-path: none;color: #444;display: block;font-size: 1em;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000}



/****************************************************************************
 * Accessiblity
 ****************************************************************************/

.accessible_navigation_wrapper {
    position: absolute; z-index: 99999; visibility: visible;
    top: 0; left: -100%; width: 100%; height: auto;
    padding: 1rem 2rem; text-align: center;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; 
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}

.accessible_navigation_wrapper:focus-within,
.accessible_navigation_wrapper:focus,
.accessible_navigation_wrapper:has( a:focus) {
    left: 0;
}


.accessibility_item {
    padding: 0.25rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
}
.accessibility_item a {
    padding: 0.25rem 0.5rem;
    display: inline-block;
    text-transform: uppercase;
    line-height: 1.2; font-size: 0.875rem;
    font-weight: 700;
    color: #0D5687;
}
.accessibility_item a:focus {
    outline: 2px solid red;
}
.accessibility_item a span {
    display: block;
    font-weight: 400;
}