@font-face {
  font-family: 'CDUKievit';
  src: url(../fonts/CDUKievitWeb-Medium.eot);
  src: local('CDUKievit'), url(../fonts/CDUKievitWeb-Medium.woff) format('woff');
}
@font-face {
  font-family: 'CDUKievit Bold';
  src: url(../sites/all/themes/cduverband/fonts/CDUKievitWeb-BoldItalic.eot);
  src: local('CDUKievit Bold'), url(../fonts/CDUKievitWeb-BoldItalic.woff) format('woff');
}

body { padding-left: 0; padding-right: 0;	font-family: 'CDUKievit', sans-serif;	}
html,body{ height:100%; margin: 0 -8px; overflow: hidden;}
.carousel,.item,.active{height:100%;}
.carousel-indicators {top: 95%; left: 0; margin: 0 auto; width: 100%;}
.carousel-indicators li { background-color: rgba(255, 255, 255, 0.9); width: 15px; height: 15px; border-radius: 8px; margin: 0 1px;}
.carousel-indicators li.active { background-color: rgba(233, 93, 15, 0.9); width: 15px; height: 15px; }
.carousel-inner {height:100%;}
.fill{ width: calc(100% + 30px); height:100%; background-position:center; background-size:cover; filter: brightness(0.8); position: absolute; top: 0; left: -15px;}
.cb_start, .cb {clear:both;overflow:hidden;height:0px;margin:0;padding:0;line-height:1px;}

/* faster sliding speed 
.carousel-inner > .item {
	-webkit-transition: 0.3s ease-in-out left;
	-moz-transition: 0.3s ease-in-out left;
	-o-transition: 0.3s ease-in-out left;
	transition: 0.3s ease-in-out left;
}*/

#willkommen {position: relative; padding-top: 10%; width: 100%; color: #ffffff; }
#willkommen > div {position: relative; width: 50%; min-width: 1280px; margin: 0 auto; text-align: center; max-width: 100%; opacity: 0.9;}

#willkommen .fett {font-weight: bold;}
#willkommen p {font-size: 31px; line-height: 1.5em; margin-bottom: 1em;}
#willkommen .gross {font-size: 40px;}
#willkommen a {display: block; border-radius: 5px; padding: 1%; width: 90%; margin: 2% auto; font-size: 34px; line-height: 1.2em; color: #e95d0f; background-color: #ffffff;}

#partner {background-color: transparent; border-radius: 10px; padding: 20px; margin-top: 50px !important; width: 900px !important; min-width: inherit !important;}
#partner img {padding: 0 20px; max-height:100%; max-width: 100%;}
#partner .head {color: #454545; margin-bottom: 20px; font-size: 20px;}

@media (max-width: 1280px) { 
	#willkommen {padding-top: 20%; }
	#willkommen > div {width: 80%; min-width: inherit; margin: 0 auto; text-align: center;}
	#willkommen p {font-size: 25px; line-height: 1.3em; margin-bottom: 0.5em;}
	#willkommen .gross {font-size: 34px;}
	/*#willkommen a {width: 44%; max-width:450px;}*/
}
@media (max-width: 900px) { 
	html,body{ overflow: auto;}
	#willkommen {padding-top: 30%; }
	#willkommen p {font-size: 20px; line-height: 1.3em; margin-bottom: 0.5em;}
	#willkommen .gross {font-size: 28px;}
/*	#willkommen a {width: 40%; max-width:450px;}*/
}
@media (max-width: 600px) { 
	#willkommen {padding-top: 25%; }
	#willkommen .logos a {width: 80%; max-width: 80%; padding: 4%; margin: 20px auto; float: none; }
}

/*
@media (max-height: 500px) { 
	#willkommen {top: 25%;}
	#willkommen p, #willkommen a {font-size: 20px; line-height: 1.3em; }
	#willkommen .gross {font-size: 30px;}
	#partner {padding: 20px; margin-top: 30px !important; width: 700px !important;}
	#partner .logos { height: 50px;}
}

@media (min-height: 501px) and (max-height: 700px) { 
	#willkommen p, #willkommen a {font-size: 23px; line-height: 1.3em; }
	#willkommen .gross {font-size: 36px;}
	#partner {width: 800px !important;}
	#partner .logos { height: 50px;}
}

@media (min-height: 501px) and (max-height: 570px) { 
	.carousel-indicators {display: none; }
}

@media (min-height: 701px) and (max-height: 900px) { 
	#willkommen p, #willkommen a {font-size: 29px; line-height: 1.5em; }
	#willkommen .gross {font-size: 42px;}
	#partner {width: 850px !important;}
	#partner .logos { height: 70px;}
}
*/

.ui-widget-overlay { display: none !important; }
.ui-dialog.cookie_note_dialog2 {position:fixed !important; width:100% !important; height:110px !important;top:0 !important; left: 0 !important; color:#ffffff; background-color: rgba(0, 0, 0, 0.6); z-index:100001; padding-left:30%;}
.ui-dialog.cookie_note_dialog2 .ui-dialog-titlebar-close { display: none; }
.ui-dialog.cookie_note_dialog2 #cookie_note2 {border: 0; max-width: 600px !important; float: left; margin-top:-20px; }
.ui-dialog.cookie_note_dialog2 .ui-dialog-buttonpane {float: left; }
.ui-dialog.cookie_note_dialog2 .ui-dialog-buttonset {text-align: center;}
.ui-dialog.cookie_note_dialog2 .ui-dialog-buttonset button {border: 1px solid #e75019; background: #e75019; margin-left: 30px; color: #ffffff; font-size: 1.2em; padding: 5px 15px;}
.ui-dialog.cookie_note_dialog2 #cookie_note2 h1 {font-size: 1.5em; width:100%; text-align: left; color:#cccccc;}
.ui-dialog.cookie_note_dialog2 #cookie_note2 p {width:100%; text-align: left;}
.ui-dialog.cookie_note_dialog2 #cookie_note2 a {color:cyan;text-decoration:none;}
.ui-dialog.cookie_note_dialog2 #cookie_note2 a:hover,a:focus {color:darkcyan;}
