@charset "utf-8";
/*
*
*	CDU-Thüringen- Navis - 2017
*
*/
/* -- Navigation -- */
.inline ul { margin:0; padding:0}
.inline ul li{ float:left; margin:0; padding:0; list-style:none}
.inline ul li a{ }
.inline ul li a:hover{}

a#hamburger { 
	position:relative; right:-120px; display:block; width:120px; z-index: 899; height: 50px;padding-top: 3px;
	-webkit-transition: right 350ms cubic-bezier(0.4, 0.0, 0.2, 1), height 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	-moz-transition:right 350ms cubic-bezier(0.4, 0.0, 0.2, 1), height 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	 transition:right 350ms cubic-bezier(0.4, 0.0, 0.2, 1), height 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
}
a#hamburger:before {
	position: absolute; left: 15px; top: 22px; z-index: -1;content:""; width: 3px; height: 3px;
	-webkit-border-radius: 50%;-moz-border-radius:50%;border-radius:50%;
	background: #e95d0f;
	background: -webkit-linear-gradient(bottom left, #e95d0f 0%, #f49a00 100%);
	background: -o-linear-gradient(bottom left, #e95d0f 0%, #f49a00 100%);
	background: linear-gradient(to top right, #e95d0f 0%, #f49a00 100%);
	-webkit-transition: all 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	-moz-transition: all 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	 transition: all 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
}
a#hamburger .burger { 
	width: 40px;height: 40px;float:left; margin-right:10px;
	-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; position:relative;
	/*-webkit-transform: translate3d(0,0,0) */
	-webkit-transform-style: preserve-3d;
}
a#hamburger .burger i { 
	width: 35px; height: 4px; display:block; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-1px;
	background:#E95D0F; 
	background: -moz-linear-gradient(to right, rgba(233,93,15,1) 0%, rgba(233,93,15,0.97) 53%, rgba(244,154,0,0.95) 100%);
	background: -webkit-linear-gradient(to right, rgba(233,93,15,1) 0%, rgba(233,93,15,0.97) 53%, rgba(244,154,0,0.95) 100%);
	background: -webkit-gradient(linear, 100% 0, 0 0, from(rgba(233,93,15,1)), color-stop(0.53, rgba(233,93,15,0.97)), to(rgba(244,154,0,0.95)));
	background: -o-linear-gradient(to right, rgba(233,93,15,1) 0%, rgba(233,93,15,0.97) 53%, rgba(244,154,0,0.95) 100%);
	background: linear-gradient(to right, rgba(233,93,15,1) 0%, rgba(233,93,15,0.97) 53%, rgba(244,154,0,0.95) 100%);
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.2, 1, 0.3, 1), margin 350ms cubic-bezier(0.2, 1, 0.3, 1), width 350ms cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: -moz-transform 350ms cubic-bezier(0.2, 1, 0.3, 1), margin 350ms cubic-bezier(0.2, 1, 0.3, 1), width 350ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), margin 350ms cubic-bezier(0.2, 1, 0.3, 1), width 350ms cubic-bezier(0.2, 1, 0.3, 1);
	-webkit-perspective: 1000;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;
}
a#hamburger .burger i.top { margin-top:-10px}
a#hamburger .burger i.middle {}
a#hamburger .burger i.bottom {margin-top:8px}
a#hamburger .text { 
	padding:7px 0; font-family: 'CDUKievitBold', sans-serif; font-size:24px; position: absolute; left: 50px;top:7px;
	filter: alpha(opacity=100);opacity: 1;-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);transform: translate(0px, 0px);
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 0ms linear 0ms; 
	-moz-transition: -moz-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 0ms linear 0ms; 
	 transition: transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 0ms linear 0ms; 
}

a#hamburger.open { width: 75px; height: 50px;right:0}
a#hamburger.open:before {
	width:75px; height: 50px;left: 0; top: 0;
	-webkit-border-radius: 6px 0 0 6px;-moz-border-radius: 6px 0 0 6px;border-radius: 6px 0 0 6px;
}
a#hamburger.open .text {
	filter: alpha(opacity=0);opacity: 0;
	-webkit-transform: translate(100px, 0px) scale(0);
	-moz-transform: translate(100px, 0px) scale(0);
	transform: translate(100px, 0px) scale(0);
}
a#hamburger.open .burger {left:10px}
a#hamburger.open .burger i { background: #fff; width: 25px;}
a#hamburger.open .burger i.top {
	margin-top:-1px;-webkit-transform: rotate(45deg) translate3d(0,0,0);-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);
}
a#hamburger.open .burger i.middle {-webkit-transform: scale(0,1) translate3d(0,0,0);-moz-transform: scale(0,1);-o-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);}
a#hamburger.open .burger i.bottom {	
	margin-top:-1px; -webkit-transform: rotate(-45deg) translate3d(0,0,0); -moz-transform: rotate(-45deg);	
	-o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
}
/* -- Menübar -- */
#menubar { position:fixed; left:0; top:0; bottom:0; height:100%; text-align:left; z-index:888; width:0}
#menubar a:focus { outline:none}
#menubar .bottom-menu { position:absolute; left:0; bottom:0; right: 0}
#menubar .menu-wrap{ 
	height:inherit; width:400px; position:relative; padding-top:50px; background:#fff;
	-webkit-transform: translate3d(-100%, 0px, 0px);
	-moz-transform: translate3d(-100%, 0px, 0px);transform: translate3d(-100%, 0px, 0px);
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	-moz-transition:  -moz-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1);
	 transition: transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
#menubar .menu-wrap:before { 
	content:""; width:50px; position:absolute; top:0; right:0; bottom:0;filter: alpha(opacity=0);opacity: 0;
	background: -moz-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 76%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 76%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0,0,0,0.3)), color-stop(0.76, rgba(0,0,0,0)), to(rgba(0,0,0,0)));
	background: -o-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 76%, rgba(0,0,0,0) 100%);
	background: linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 76%, rgba(0,0,0,0) 100%);
	-webkit-transition: opacity 550ms cubic-bezier(0.2, 1, 0.3, 1), right 550ms cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: opacity 550ms cubic-bezier(0.2, 1, 0.3, 1), right 550ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: opacity 550ms cubic-bezier(0.2, 1, 0.3, 1), right 550ms cubic-bezier(0.2, 1, 0.3, 1);
}
#menubar.open .menu-wrap{-webkit-transform: translate3d(0%, 0px, 0px);-moz-transform: translate3d(0%, 0px, 0px);transform:translate3d(0%, 0px, 0px);}
#menubar.open .menu-wrap:before {filter: alpha(opacity=100);opacity: 1;right:-50px}


/* -- Hauptnavi -- */
/* Required styles; changing these may break the menu */

.slinky-menu {overflow: hidden;-webkit-transform: translateZ(0);-webkit-transition: all 300ms ease;transform: translateZ(0);transition: all 300ms ease;}
.slinky-menu > ul {left: 0;position: relative;-webkit-transform: translateZ(0);-webkit-transition: all 300ms ease;transform: translateZ(0);transition: all 300ms ease;}

.slinky-menu ul,
.slinky-menu li {list-style: none;margin: 0;}
.slinky-menu li a {transform: translateZ(0);}

.slinky-menu ul {width: 100%;}
.slinky-menu a {display: block;}
.slinky-menu li ul {display: none;left: 100%;position: absolute;top: 0;}

.slinky-menu .header {position: relative; font-style: normal;}
.slinky-menu .header:before {content:"";position: absolute; left: 0; bottom: 0; height: 3px; width: 200px; background: #DBDBDB}
.slinky-menu h2 ~ a.back {left: 0;position: absolute;top: 0; right:0; color: #EA651B; padding: 11px 0}

.slinky-menu .header.start a.back{ display: none}

/* Default theme */
.slinky-menu h2 { padding:11px 0 11px 25px; text-align:left; color: #333; margin-bottom: 50px }
.slinky-menu .start h2 { padding: 11px 0;}
/*.slinky-menu a.next:after {content: '\276f';margin-left: 1em;float: right; font-style: normal; display:none } */
.slinky-menu a.back{border-bottom:0 !important; left:0;}
.slinky-menu a.back:before {
    content: "\46";float: left;position: relative; top: 0;font-size:18px;
    font-family: "cdu-thr" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;
    text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

#mainmenu { font-size:24px; font-style:italic; margin-left:50px;height:80vh;}
#mainmenu ul{ color:#737373; list-style:none; padding-left:0;}
#mainmenu ul li{ margin-bottom: 10px;}
#mainmenu ul li a.next:before{float:right; font-size: 14px; color: #ccc; margin-right: 50px; position: relative; top:8px}
#mainmenu ul li a{ text-decoration:none;transform: translateZ(0);}
#mainmenu ul li.active > a,
#mainmenu ul li a:hover{ color:#EA651B}

#mainmenu > ul > li > a{ 
	-webkit-transform: translate3d(-300px, 0, 0);-moz-transform: translate3d(-300px, 0, 0);	transform: translate3d(-300px, 0, 0);
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 1, 0.3, 1);-moz-transition: -webkit-transform 0.6s cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1);-webkit-perspective: 1000;-webkit-backface-visibility: hidden;
}

#ulMainMenue { padding-bottom:40px}

/* #mainmenu li.active, */
.open #mainmenu > ul > li > a{-webkit-transform: none; -moz-transform: none; transform: none;}
.open #mainmenu > ul > li:nth-child(1) > a{-webkit-transition-delay: 0.010s; transition-delay: 0.010s;}
.open #mainmenu > ul > li:nth-child(2) > a{-webkit-transition-delay: 0.04s; transition-delay: 0.04s;}
.open #mainmenu > ul > li:nth-child(3) > a{-webkit-transition-delay: 0.055s; transition-delay: 0.055s;}
.open #mainmenu > ul > li:nth-child(4) > a{-webkit-transition-delay: 0.07s; transition-delay: 0.07s;}
.open #mainmenu > ul > li:nth-child(5) > a{-webkit-transition-delay: 0.085s; transition-delay: 0.085s;}
.open #mainmenu > ul > li:nth-child(6) > a{-webkit-transition-delay: 0.1s; transition-delay: 0.1s;}
.open #mainmenu > ul > li:nth-child(7) > a{-webkit-transition-delay: 0.12s; transition-delay: 0.12s;}
.open #mainmenu > ul > li:nth-child(8) > a{-webkit-transition-delay: 0.14s; transition-delay: 0.14s;}
.open #mainmenu > ul > li:nth-child(9) > a{-webkit-transition-delay: 0.16s; transition-delay: 0.16s;}
.open #mainmenu > ul > li:nth-child(10) > a{-webkit-transition-delay: 0.18s; transition-delay: 0.18s;}
.open #mainmenu > ul > li:nth-child(11) > a{-webkit-transition-delay: 0.20s; transition-delay: 0.20s;}
.open #mainmenu > ul > li:nth-child(12) > a{-webkit-transition-delay: 0.22s; transition-delay: 0.22s;}
.open #mainmenu > ul > li:nth-child(13) > a{-webkit-transition-delay: 0.24s; transition-delay: 0.24s;}
.open #mainmenu > ul > li:nth-child(14) > a{-webkit-transition-delay: 0.26s; transition-delay: 0.26s;}
.open #mainmenu > ul > li:nth-child(15) > a{-webkit-transition-delay: 0.28s; transition-delay: 0.28s;}
.open #mainmenu > ul > li > a {-webkit-transition-delay: 0.135s;transition-delay: 0.135s;}

/* -- Topmenu -- */
#topmenu {padding-left: 50px; padding-top: 30px; position: relative}
#topmenu:before {content:"";position: absolute; left: 50px; top: 0; height: 3px; width: 75px; background: #DBDBDB}
#topmenu ul { list-style: none; padding-left: 0}
#topmenu ul li{}
#topmenu ul li a{ text-decoration: none}
#topmenu ul li a:hover{ color:#EA651B}

/* -- SocialMenu -- */
#socialmenu {padding-left: 50px; padding-top: 30px; padding-bottom: 30px; position: relative}
#socialmenu ul { list-style: none; padding-left: 0}
#socialmenu ul li{ margin-right: 10px}
#socialmenu ul li a{ 
	display:block;
	text-decoration: none; color: #fff; width: 25px;height: 25px;background:#737373; text-align: center; line-height: 27px; font-size: 14px;
}
#socialmenu ul li a span { display: none}
#socialmenu ul li a.icon-facebook:hover{ background-color:#3b5998}
#socialmenu ul li a.icon-twitter:hover{ background-color:#4099FF}
#socialmenu ul li a.icon-youtube:hover{ background-color:#bb0000}
#socialmenu ul li a.icon-flickr:hover{ background-color:#0063DC}

/* -- Sharebar   -- */
#sharebar {padding-left:0; list-style: none;position: absolute;right: 30px; bottom:-17px; z-index: 60}
#sharebar li a.circle {width: 25px;height: 25px; display:block; background:#737373; color:#fff; text-decoration:none; text-align:center; line-height:28px; font-size:13px}
#sharebar li a.circle span { display:none}
#sharebar li a.circle:before { position: relative; left: -1px}

#sharebar ul { top:-999em; position: absolute; left: 0; color: #737373; z-index: 3;  list-style: none; padding: 0}
#sharebar ul.active {top:auto;bottom:30px;}
#sharebar ul li { 
    padding-right: 30px; margin-right: 0;filter: alpha(opacity=0);opacity: 0; margin-bottom: 10px;
    -webkit-transform: translate(0px, 30px);-moz-transform: translate(0px, 30px);transform: translate(0px, 30px);

    -webkit-transition: -webkit-transform 450ms cubic-bezier(0.2, 1, 0.3, 1), opacity 450ms cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: -moz-transform 450ms cubic-bezier(0.2, 1, 0.3, 1), opacity 450ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 450ms cubic-bezier(0.2, 1, 0.3, 1), opacity 450ms cubic-bezier(0.2, 1, 0.3, 1);
}
#sharebar ul li:before {display: none}
#sharebar ul li a { text-transform: uppercase; color: #EA651B; letter-spacing: 3px; font-style: normal; font-size: 16px; text-decoration: none}
#sharebar ul li a:hover {}
#sharebar ul li a i.circle {width: 25px;height: 25px; background:#737373; color:#fff; text-decoration:none; text-align:center; line-height:28px; font-size:13px; display: block}
#sharebar ul li a i.icon-facebook { background-color: #3b5998; font-size:15px; text-indent: 1px}
#sharebar ul li a i.icon-twitter { background-color: #4099FF; font-size:15px}
#sharebar ul li a i.icon-google { background-color: #d34836; font-size:17px; text-indent: 1px; line-height: 30px}

#sharebar ul li a span {display:none}

#sharebar ul.active li {filter: alpha(opacity=100);opacity: 1;-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);transform: translate(0px, 0px);}
#sharebar ul.active li:nth-child(1) {-webkit-transition-delay: 0.535s;transition-delay: 0.535s;}
#sharebar ul.active li:nth-child(2) {-webkit-transition-delay: 0.635s;transition-delay: 0.635s;}
#sharebar ul.active li:nth-child(3) {-webkit-transition-delay: 0.735s;transition-delay: 0.735s;}
#sharebar ul.active li:nth-child(4) {-webkit-transition-delay: 0.835s;transition-delay: 0.835s;}

/* -- Breadcrumb  -- */
#breadcrumb { padding:50px 50px 0; font-size:14px}
#breadcrumb ul {}
#breadcrumb ul li{ font-style:italic; margin-right:10px}
#breadcrumb ul li:before { content:""; float:right; width:7px; height:2px; background:#DBDBDB; position:relative; top:15px; margin-left:10px}

#breadcrumb ul li.printIt {position:relative;}
#breadcrumb ul li.printIt a.circle:before{left:0}

#breadcrumb ul li.shareIt:before,
#breadcrumb ul li.shareIt {position:relative;}

#breadcrumb ul li:first-child:before,
#breadcrumb ul li:first-child {position:relative;}

#breadcrumb ul li:first-child:before,
#breadcrumb ul li:last-child:before{ display:none}
#breadcrumb ul li a{ color:#737373; text-decoration:none}
#breadcrumb ul li a:hover{ color:#333}

#breadcrumb ul li a.circle {width: 25px;height: 25px; display:block; background:#737373; color:#fff; text-decoration:none; text-align:center; line-height:28px; font-size:13px}
#breadcrumb ul li a.circle span { display:none}
#breadcrumb ul li a.circle:before { position: relative; left: -1px}

#breadcrumb ul ul{ top:-999em; position: absolute; left: 35px; background: #fff; width: 750px; color: #737373; z-index: 3}
#breadcrumb ul ul.active { top:0;}
#breadcrumb ul ul li { 
    padding-right: 30px; margin-right: 0;filter: alpha(opacity=0);opacity: 0;
    -webkit-transform: translate(-50px, 0px);-moz-transform: translate(-50px, 0px);transform: translate(-50px, 0px);

    -webkit-transition: -webkit-transform 450ms cubic-bezier(0.2, 1, 0.3, 1), opacity 450ms cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: -moz-transform 450ms cubic-bezier(0.2, 1, 0.3, 1), opacity 450ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 450ms cubic-bezier(0.2, 1, 0.3, 1), opacity 450ms cubic-bezier(0.2, 1, 0.3, 1);
}
#breadcrumb ul ul li:before {display: none}
#breadcrumb ul ul li a { text-transform: uppercase; color: #EA651B; letter-spacing: 3px; font-style: normal; font-size: 16px;}
#breadcrumb ul ul li a:hover {}
#breadcrumb ul ul li a i.circle {display:none;width: 25px;height: 25px; background:#737373; color:#fff; text-decoration:none; text-align:center; line-height:28px; font-size:13px}

#breadcrumb ul ul.active li {filter: alpha(opacity=100);opacity: 1;-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);transform: translate(0px, 0px);}
#breadcrumb ul ul.active li:nth-child(1) {-webkit-transition-delay: 0.535s;transition-delay: 0.535s;}
#breadcrumb ul ul.active li:nth-child(2) {-webkit-transition-delay: 0.635s;transition-delay: 0.635s;}
#breadcrumb ul ul.active li:nth-child(3) {-webkit-transition-delay: 0.735s;transition-delay: 0.735s;}
#breadcrumb ul ul.active li:nth-child(4) {-webkit-transition-delay: 0.835s;transition-delay: 0.835s;}

/* -- Footermenu -- */
#socialbar { margin-bottom:25px}
#socialbar ul { padding-left:0}
#socialbar ul li{ margin-left:16px}
#socialbar ul li:first-child { margin-left:0}
#socialbar ul li a{ text-decoration:none; width: 50px;height: 50px;background:#fff;color:#737373; text-align:center; line-height:55px; font-size:20px; display:block}
#socialbar ul li a:hover{ color:#fff}
#socialbar ul li a span { display:none}

#socialbar ul li a.icon-facebook:hover { background-color:#3b5998}
#socialbar ul li a.icon-twitter:hover { background-color:#4099FF}
#socialbar ul li a.icon-youtube:hover { background-color:#bb0000}
#socialbar ul li a.icon-flickr:hover { background-color:#0063DC}

/* -- Filterbar im ContentPart -- */
.filterbar {font-size: 24px; font-style: italic; font-weight: 500; position: relative; z-index:3}
.filterbar ul {}
.filterbar ul li {margin-left:20px}
.filterbar ul li a { text-decoration: none; color: #737373;}
.filterbar ul li a.active { color: #EA651B}
.filterbar ul li a:hover { color:#333}

@media screen and (max-height: 750px){
	.slinky-menu h2 {margin-bottom: 30px}
	#mainmenu {font-size:22px; line-height: normal}
	#mainmenu ul li{ margin-bottom: 5px}
	
	#topmenu {padding-top:20px}
	#topmenu:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;	height: 0;}
	#topmenu li{float:left; margin-right: 15px}
}
@media screen and (max-height: 680px){
	#menubar .menu-wrap {padding-top:30px}
	/* #mainmenu {font-size:18px;} 
	#mainmenu ul li{ margin-bottom: 3px}*/
	#topmenu {padding-top:10px; font-size: 13px}
/*	#socialmenu {padding-top:10px} */
}
@media screen and (max-height: 480px){
	#menubar .menu-wrap {padding-top:30px}
	#mainmenu {font-size:14px;}
	#mainmenu ul li{ margin-bottom: 3px}
	#topmenu {padding-top:10px; font-size: 13px}
	#socialmenu {padding-top:10px}
	#menubar{min-height:470px;}
}