/*
 * ------------------------------------------------------
 * NOTES
 * ------------------------------------------------------
 * @package   Frenkelson App - Support Bundle
 * @author    Oliver Orlowski <oo@oliver-orlowski.de>
 * @license   Pay-Per-Use
 * @copyright Frenkelson Werbeagentur GmbH 2019
 *
 * You can customize the layout here and override existing variables
 *
 * ------------------------------------------------------
 * INHALT
 * ------------------------------------------------------
 * 1. GLOBAL STUFF
 * 2. MOBILE STUFF
 * 3. NL2GO STYLES
 * 4. BUTTONS
 * 5. TIMELINE
 *
 */



.standort-details .fa-space{min-width:1.5em;float:left;}



.map-switch a{}




@media (min-width: 768px) {
	.article-boxed.full_width_article .jumbotron{padding-right:0;padding-left:0;}
}

.text-small{font-size:80%;}

.widget .form-help-message{font-size:60%;font-weight:300;color:var(--light-gray);}
/*
 * START noLogoFix
 */
#nav-stick .navbar-primary,
#nav-stick .navbar-primary .nav-item a[title='Start'],
#nav-stick .navbar-primary .nav-item .nav-link[title='Start'],
#nav-stick .navbar-primary .nav-item:nth-child(1){padding-left:0;}
/*
 * START noLogoFix
 */


/*
 * Login Menü
 */
#nav-stick-login .navbar-primary{float:right;}
#nav-stick-login .navbar-primary,
#nav-stick-login .navbar-primary .nav-item a[href='#'],
#nav-stick-login .navbar-primary .nav-item .nav-link[href='#'],
#nav-stick-login .navbar-primary .nav-item:nth-child(1){padding-right:0;}



.accordion-heading span.opener:hover{cursor:pointer;}

/*
 * START noLogoFix
 */
.bg-secondary a.btn.btn-outline-primary {
    color: var(--white);
}
.bg-secondary .btn-outline-primary {
    color: var(--white);
    border-color: var(--white);
}
.bg-secondary .btn-outline-primary:hover {
    border-color: var(--blue);
}
 

/*
 * 1. GLOBAL STUFF
 */ 
html {background: var(--white);}
body{font-size:1rem; font-style: normal; font-weight: 200; overflow-x:hidden;letter-spacing:0.1em;} 
#container{font-size:1.3rem;}
#header{margin-top:0;}
h1 {color:var(--primary);font-weight: 300;font-size:2rem;}
h2 {color:var(--info);font-weight: 300;font-size:1.75rem;}
h3 {color:var(--gray-dark);font-weight: 300;font-size:1.5rem;}
h4 {color:var(--gray4);font-weight: 300;font-size:1.3rem;}
h5 {color:var(--gray4);font-weight: 300;font-size:1.2rem;}
h6 {color:var(--gray4);font-weight: 500;font-size:1rem;}
.figure-caption{font-size:60%;font-weight: 200;}

.cookiebar {
    padding: .3em 1.2em;
    background-color: var(--light);
    color: var(--gray-dark);
	font-weight: 300;
}

.cookiebar a {
    color: var(--gray-dark);
}

.cookiebar--active {
    display: block !important;
}

.cookiebar__button {
    margin: 0;
    padding: .375rem .75rem;
    border: 1px solid;
	border-color: var(--gray-dark);
    border-radius: var(--border-radius);
    background-color: var(--light);
    color: var(--gray-dark);
    font-weight: 300;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.cookiebar__button:hover {
    background-color: var(--gray-dark);
	color: var(--light);
}

.cookiebar .inside
{
	margin: 0 auto;
    max-width: 1400px;
    padding-left: 15px;
    padding-right: 15px;	
}

.no-touch .idf-nav-container .idf-dot {
    background-color: var(--secondary);
}

.article-boxed.full_width_article.tp-no-space{margin-top:0!important;}
.article-boxed.full_width_article.bt-no-space{margin-bottom:0!important;}
.bg-white .jumbotron{background-color: var(--white);}

.display-4-2 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}

#footer {
    margin-top: 0em;
}

.nav-item.active{color:var(--light);}

.article-boxed.full_width_article{margin-top:50px!important;margin-bottom:50px!important;}
.article-spaced{padding-right:25px;padding-left:25px;}
.article-boxed .mod_article{max-width:1400px;margin:0px auto;padding:50px 25px;}

.boxed-news .meta{display:block;font-size:80%;margin-top:0.2em;}
.boxed-news .figure-caption{font-size:normal;font-size:1rem;}

.partner-logo{border:var(--gray-light) 1px solid;margin-bottom:30px;width:100%;height:auto;}
.partner-logo-container{padding:0;}
.text-left.ce_headline .headline-underline:after{
    content: "";
    display: block;
    height: 2px;
    width: 70px;
    position: relative;
    left: 35px;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: -2px;
	background-color: var(--primary);
}

.text-center.ce_headline .headline-underline:after{
    content: "";
    display: block;
    height: 2px;
    width: 70px;
    position: relative;
    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);
    bottom: -2px;
	background-color: var(--primary);
}

.text-left.ce_headline.pb-1 .headline-underline:after,
.text-center.ce_headline.pb-1 .headline-underline:after,
.text-right.ce_headline.pb-1 .headline-underline:after{
	top:0.25rem;
	margin-bottom:0.25rem;
}
.text-left.ce_headline.pb-2 .headline-underline:after,
.text-center.ce_headline.pb-2 .headline-underline:after,
.text-right.ce_headline.pb-2 .headline-underline:after{
	top:0.5rem;
	margin-bottom:0.5rem;
}
.text-left.ce_headline.pb-3 .headline-underline:after,
.text-center.ce_headline.pb-3 .headline-underline:after,
.text-right.ce_headline.pb-3 .headline-underline:after{
	top:1rem;
	margin-bottom:1rem;
}
.text-left.ce_headline.pb-4 .headline-underline:after,
.text-center.ce_headline.pb-4 .headline-underline:after,
.text-right.ce_headline.pb-4 .headline-underline:after{
	top:1.5rem;
	margin-bottom:1.5rem;
}
.text-left.ce_headline.pb-5 .headline-underline:after,
.text-center.ce_headline.pb-5 .headline-underline:after,
.text-right.ce_headline.pb-5 .headline-underline:after{
	top:3rem;
	margin-bottom:3rem;
}

.boxed-article,
#header #main-navigation,
#footer .inside{max-width:1400px;margin:0 auto;padding:0 25px;}


.boxed-article{margin-top:2em;margin-bottom:2em;}

#header {
	margin-bottom:0em; 
	background:var(--primary);	
} 

#header a.social-link{color:var(--light);}

#header .inside.container{padding-top:1em;padding-bottom:1em;}
#container {height:auto;/*min-height:30rem;*/}

#bottom,#top-help-navigation .inside{margin:0 auto;max-width: 1400px;padding-left:25px;padding-right:25px;}
#header .inside.container{max-width: 1400px;padding-left:25px;padding-right:25px;}


.fit-mobile-top-space{margin-top:89px;}

.container {max-width:100%;}

/*full_width_article*/ 
.full_width_article{margin:0em -15px 0em -15px;padding-top:0em;padding-bottom:0em;} 

@media (max-width: 1400px)
{
	.full_width_article{padding-left:15px;padding-right:15px;}
} 

#page-logo{margin-top:1em;}
#main-navigation nav{margin-top:6em;float: right;}
.mod_breadcrumb{margin-top:0.2em;}
#footer {background: var(--gray-light);}
#footer .inside{margin-top:0em;padding-top:2em; /*border-top: 1px solid var(--border-color);*/}
.fontawesome-icon-list .fa{min-width: 2em;}
.fontawesome-icon-list .fa.fa-contao:before{color:var(--orange);}
.fontawesome-icon-list .fa:before{font-size:130%;}
.fontawesome-icon-list .fa{margin-bottom: 0.7em;}
.weather-icon-list .wi:before{min-width: 2em;display: inline-block;font-size:130%;margin-bottom: 0.7em;} 
#icons h2.page-header, .weather-icon-list h2{margin-top:2em;}
#bottom {background: var(--white);color: var(--black);margin-top: 0;}
#top-help-navigation {font-size:1rem; height:auto; min-height:50px; line-height:2; background: var(--light);color: var(--secondary);}
#top-help-navigation a {color: var(--secondary);}
#bottom a {color: var(--black);}
#jubi {position:fixed;top:4%;right:14%;width:80px;height:80px;z-index:9999;}

/* nach oben */
#gotop {position:fixed;bottom:30px;right:30px; z-index:9900; transition: all 0.2s ease-in-out;}
.go-to-top:active, .go-to-top:focus {box-shadow: none;}
.go-to-top {width:30px; height:30px; border-radius:50%;}
.go-to-top .fa {position:absolute; top:5px; left:0; width:30px; height:30px; border-radius:50%;}
#gotop a{font-size:170%;}
#gotop a:hover{color:var(--primary)!important;}

.navbar-nav a{color:var(--white);}
.navbar-nav a.dropdown-item{color:var(--dark);}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus {background-color: var(--primary);color:var(--white)!important;}

/*-----------------------MEGANAV-Start-----------------------*/
	/* adds some margin below the link sets  */
	.navbar .dropdown-menu div[class*="col"] {
		margin-bottom:1rem;
	}

	.navbar .dropdown-menu {
		border:none;
		background-color:var(--white)!important;
	}

	/* breakpoint and up - mega dropdown styles */
	/* @media screen and (min-width: 768px) { */
	  
		/* /* remove the padding from the navbar so the dropdown hover state is not broken */ */
		/* .navbar { */
			/* padding-top:0px; */
			/* padding-bottom:0px; */
			/* width:100%; */
		/* } */

		/* /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */ */
		/* .navbar .nav-item { */
			/* padding:.5rem .5rem; */
			/* margin:0 .25rem; */
		/* } */

		/* /* makes the dropdown full width  */ */
		/* .navbar .dropdown {position:static;} */

		/* .navbar .dropdown-menu { */
			/* width:100%; */
			/* left:0; */
			/* right:0; */
			/* /*  height of nav-item  */ */
			/* /*top:45px;*/ */

			/* display:block; */
			/* visibility: hidden; */
			/* opacity: 0; */
			/* transition: visibility 0s, opacity 0.3s linear; */
		/* } */

		/* /* shows the dropdown menu on hover */ */
		/* .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover { */
			/* /* display:block; */ */
			/* visibility: visible; */
			/* opacity: 1; */
			/* transition: visibility 0s, opacity 0.3s linear; */
		/* } */
		  
		/* .navbar .dropdown-menu { */
			/* border: 1px solid rgba(0,0,0,.15); */
			/* background-color: #fff; */
		/* } */
	/* } */
/*-----------------------MEGANAV-Ende-----------------------*/


/* Hamburger & Fries */
.navbar-toggler {
  border: transparent !important;
  background-color: var(--light) !important;
  height:40px;
  border-radius: 0!important;
}
/*
.navbar-toggler:focus {
  outline: none !important;
  background-color: var(--light) !important;
  height:40px;
}
*/
.navbar-toggler .icon-bar {
  background-color: transparent !important;
  transform: rotate(0deg) translate(0px, 0px);
  transition: ease all .2s;
}
.navbar-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border:solid 1px var(--white);
  border-radius: 0;
  transition: all 0.2s;
}
.navbar-toggler .icon-bar + .icon-bar {
  margin-top: 4px;
}
.navbar-toggler .top-bar {
  transform: rotate(-135deg);
  margin: 6px 0 -12px 0;
}
.navbar-toggler .middle-bar {
  opacity: 0;
  width: 0;
}
.navbar-toggler .bottom-bar {
  transform: rotate(135deg);
  margin-bottom: 4px;
}
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
  margin: 0;
}
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
  width: 100%;
}
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
  margin-bottom: 0;
}
.nav-link {
  margin:0em;
  padding:0 0.5em;
}
.nav-item {
  margin:0em;
  /*padding:0 0.5em;*/
}
.navbar, .navbar .show, .container {
  transition: all 0.2s ease-in-out;
}
.nav-link {font-weight:500;}
.level_3 {margin-left:1rem;}
.dditem {}

/* Tabellen */
.ce_table, .ce_table table {width:100%;}
.ce_table .col_0 {min-width:20%; font-weight:500;}

/* Formulare */
.custom-select {background:transparent;}

/* Nachrichten */
.mod_newsarchive {background:var(--light); padding:1rem;}
.mod_newsreader .comment_bs {background:var(--light);}
.mod_newsreader .reply {background:var(--yellow5);}

/* Allgemein */
.badge {font-size: 100%; font-weight: 500;}



.jarallax .btn,
.jarallax h2,
.swiper-wrapper .headline,
.swiper-wrapper .content{text-shadow: 0px 0px 1px #000000;}
.jarallax .btn-outline-light{color:var(--white)!important;-webkit-box-shadow: 0px 0px 0px 0px #000000;box-shadow: 0px 0px 0px 0px #000000;}



/*
 * 2. MOBILE STUFF
 */
.mobile #header {margin-bottom: 1em; margin-top: 1em;}
.mobile #container {height:auto; min-height:0;}
.mobile .container {max-width:100%;}
.mobile #data_privacy_icon {width:100%;}
.mobile #jubi {display:none;}

@media (max-width: 767px)
{
	.article-boxed .mod_article .jumbotron{padding:2rem 0rem;}
	.display-4{font-size:1.5rem;}
}

/*
 * 3. NL2GO STYLES
 */
.nl2go-form
{
	line-height:1.2!important;
}
.nl2go-form button
{
	margin-top:0!important;
	color: var(--white)!important;
    background-color: var(--primary)!important;
    border-color: var(--primary)!important;
	display: inline-block!important;
    font-weight: 400!important;
    text-align: center!important;
    white-space: nowrap!important;
    vertical-align: middle!important;
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
    border: 1px solid transparent!important;
    padding: .375rem .75rem!important;
    font-size: 1rem!important;
    line-height: 1.5!important;
    border-radius: var(--border-radius)!important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.nl2go-form .text-1
{
	margin-top:0!important;
}
.nl2go-form .text-2
{
	margin-top:0.2em!important;
}
.nl2go-form .text-1 div div
{
	font-size:80%!important;
	padding-top:0!important;
}
.nl2go-form img
{
	top:0!important;
}

.nl2go-form .jumbotron img
{
	display:none!important;
}

.nl2go-form .jumbotron .text-1 div div
{
	padding-left:0!important;
}

.nl2go-form .jumbotron {
    padding: 4rem 0!important;
}




/*
 * 4. BUTTONS
 */

a.btn.btn-outline-primary{color:var(--primary);} 
a.btn.btn-outline-primary:hover{color:var(--white);}

a.btn.btn-outline-light{color:var(--light);}   
a.btn.btn-outline-light:hover{color:var(--black)!important;}   
 
a.btn.btn-outline-secondary{color:var(--secondary);}   
a.btn.btn-outline-secondary:hover{color:var(--light)!important;}  






/*
 * 5. TIMELINE
 */
.timeline:after{display:block;content:'';color:rgb(var(--white-rgb));position:absolute;left:45%;bottom:0%;width:10%;height:100px;background: rgb(var(--white-rgb));background: linear-gradient(190deg, rgba(var(--white-rgb),0) 0%, rgba(var(--white-rgb),0.7) 40%, rgba(var(--white-rgb),1) 100%);z-index: 2;}
.timeline{padding: 50px 0;position: relative;}
.timeline-nodes{padding-bottom: 25px;position: relative;}
.timeline-nodes:nth-child(even){flex-direction: row-reverse;}
.timeline h3,.timeline p{padding: 5px 15px;} 
.timeline h3{font-weight: lighter;background: var(--blue);}
.timeline p,.timeline time{color: var(--blue)}
.timeline::before{content:"";display: block;position: absolute;top: 0;left: 50%;width: 0;border-left: 2px dashed var(--blue);height: 100%;z-index: 1;transform: translateX(-50%);}
.timeline-content{border: 1px solid var(--blue);position: relative;border-radius: 0 0 var(--border-radius) var(--border-radius);box-shadow: 0px 3px 25px 0px rgba(10, 55, 90, 0.2);}
.timeline-nodes:nth-child(odd) h3,.timeline-nodes:nth-child(odd) p{text-align: right;}
.timeline-nodes:nth-child(odd) .timeline-date{text-align: left;}
.timeline-nodes:nth-child(even) .timeline-date{text-align: right;}
.timeline-nodes:nth-child(odd) .timeline-content::after{content:"";position: absolute;top: 5%;left: 100%;width: 0;border-left: 10px solid var(--blue);border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.timeline-nodes:nth-child(even) .timeline-content::after{content:"";position: absolute;top: 5%;right: 100%;width: 0;border-right: 10px solid var(--blue);border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.timeline-image{position: relative;z-index: 100;}
.timeline-image::before{content:"";width: 80px;height: 80px;border: 2px dashed var(--blue);border-radius: 50%;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color:var(--white);z-index: 1;}
.timeline-image img{position: relative;z-index: 100;border-radius: 50%;max-height:70px;width:auto;}

@media (max-width: 767px) {
	.timeline:after{left:3%;}
	.timeline-nodes:nth-child(odd) h3,.timeline-nodes:nth-child(odd) p{text-align: left;}
	.timeline-nodes:nth-child(even){flex-direction: row;}
	.timeline::before{content:"";display: block;position: absolute;top: 0;left: 4%;width: 0;border-left: 2px dashed var(--blue);height: 100%;z-index: 1;transform: translateX(-50%);}
	.timeline h3{font-size: 1.7rem;}
	.timeline p{font-size: 14px;}
	.timeline-image{position: absolute; left: 0%;top: 60px;border-radius: 50%;}
	.timeline-nodes:nth-child(odd) .timeline-content::after{content:"";position: absolute;top: 5%;left: auto;right: 100%;width: 0;border-left: 0;border-right: 10px solid var(--blue);border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
	.timeline-nodes:nth-child(even) .timeline-content::after{content:"";position: absolute;top: 5%;right: 100%;width: 0;border-right: 10px solid var(--blue);border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
	.timeline-nodes:nth-child(even) .timeline-date{text-align: left;}
	.timeline-image::before{width: 65px;height: 65px;}	
}

@media (max-width: 575px) {
	.timeline:after{left:0%;}
	.timeline::before{content:"";display: block;position: absolute;top: 0;left: 3%;}
	.timeline-image{position: absolute;left: -5%;}
	.timeline-image img{height:auto!important;}
	.timeline-image::before{width: 60px;height: 60px;}
}