/*
	www.w3schools.com/w3css/w3css_grid.asp
	www.w3schools.com/cssref/css_selectors.asp



	new-logo blue: #1f3e78
	old-blue:	#2162A0; 
	grey 75%	#646464
	grey 60%	#878787
	grey 49%	#9e9e9e
	
	lightblue #f0f9fd
	lightblue2 #bfd6EA
	
	mediumblue #5d8cba
		
	grey 18,75%	#dad9da	
	grey 15%	#e6e6e6

	standard -> Raleway22/32 -> schwarz 75% -> Abstand unten 16px
	info -> Raleway Italic 22/32 -> schwarz60%
	Sub -> Droid Serif 22/32 -> Abstand danach 16 px
	• liste -> Raleway22/32 -> Abstand unten 4px -> Einzugl links +-16px
		• liste1
		• liste2
		• liste3 asdasd asda sasdcasdasds
	standard tabelle -> Raleway22/32-> Abstand unten 0px
	H1 -> Raleway ExtraLite60/64
	H1 Subheading Raleway32/48
	H2 Raleway Lite34/48
	H3 Raleway 26/32
	H4 -> schwarz 49% -> Raleway Bold Italic 20/32

*/

/* BASICS------------------------------- */

html, body {
    font-family: 'Raleway', 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 18px;
	line-height:1.6;

}

/* LAYOUT------------------------------- */

/* padding: vertical horizontal */ 
/* padding: top right bottom left */ 
.page-wrapper{
	padding:0 ; 

	color: #333;
	background-color: #eee;
	background-image: url(../img/kanalgipfel_background.jpg);
	/*background-repeat: repeat-x;*/
	background-position-y: -105px;
  background-position-x: -199px;
}

.site-logo {
	padding:8px;
	margin:8px;
	width:280px;
}

#header, #main-navigation-h, #main-navigation-v, #highlighted, #top-container, #main-container,
#footer-menu{
	background: transparent;
	/* background-color: inherit;	 */
	/* background-image: inherit;	 */
	/* background-repeat: inherit;	 */
	/* background-position:inherit; */
	
}

.ul-parent-account{/*login menue unter (/in) der Fussleiste*/
	font-family: inherit !important;
	font-size:85%;
}

#main-container {
	overflow: hidden; /*to hide the upper box-shadow*/
}

#highlighted-inner, #main-navigation-inner-h, #main-navigation-inner-v {
	background-color:#fff; /*inherit;*/
}

#main-navigation-inner-h, #main-navigation-inner-v {
	box-shadow: 0px 0px 5px #888888;
}

#main-navigation-inner-h a, #main-navigation-inner-v a{
	color:#FF3300;
	border-bottom:2px solid #FFF;/*sonst sind alle anderen Links uneinheitlich hoch*/
}

#main-navigation-inner-h .is-active, #main-navigation-inner-v .is-active{
	/*text-decoration:underline;*/
	border-bottom:2px solid #FF3300;
}

#block-kanalgipfel-page-title {
	width: 100% !important;
	margin: 0;
}


#main-container-inner {
	padding:0 1.0em 0;
	background:white;
	box-shadow: 0px 0px 5px #888888;
	margin-top:60px;
}


#footer-menu-inner{
	background-color: #2162A0 ;	
}
	/* max-width: 1600px;
	margin: 0 0 !important; 
	padding: 0; */ 
	
#footer-menu-inner adress{
	font-style:normal;
}

	
#footer-menu-inner a {
	color:#ff8533 ;
	filter: drop-shadow(1px 1px 2px #001c37);
	font-weight:600;
}
	
#footer-menu-inner a:hover {
	/*color:#2162A0 ;*/
	
	color:#fff ;
	opacity:1;
}

.block-system-main-block{
	padding: 0 16px;
}

.page-title {

}


.container{
	/*background-color:#000;*/
}

.w3-row-padding{
	padding:0 4px 0 0;
}

.center {
	max-width: 1200px;
	margin: 0 auto !important;
	padding: 0;
}

.space-right	{
	padding-right:0.75em;
}

.space-left	{
	padding-left:32px;
}

.block-system-breadcrumb-block {
	padding: 0 1.0em;
}

ul.breadcrumb {
    padding: 8px 0;
}


.w3-content {
	/* the main editor panel in the admin backend gets this class, it´s usally to small */
	max-width:100%;
	padding:0.5em;
}

/*Drupal10 w3csss v2 footer colums all centered*/
.w3-col, .w3-half, .w3-third, .w3-twothird, .w3-threequarter, .w3-quarter,
.w3-col.s1, .w3-col.s2, .w3-col.s3, .w3-col.s4, .w3-col.s5, .w3-col.s6,  .w3-col.s7,  .w3-col.s8,  .w3-col.s9,  .w3-col.s10,  .w3-col.s11,  .w3-col.s12,
.w3-col.m1, .w3-col.m2, .w3-col.m3, .w3-col.m4, .w3-col.m5, .w3-col.m6,  .w3-col.m7,  .w3-col.m8,  .w3-col.m9,  .w3-col.m10,  .w3-col.m11,  .w3-col.m12,
.w3-col.l1, .w3-col.l2, .w3-col.l3, .w3-col.l4, .w3-col.l5, .w3-col.l6,  .w3-col.l7,  .w3-col.l8,  .w3-col.l9,  .w3-col.l10,  .w3-col.l11,  .w3-col.l12 {
  text-align: left;
}

/* TYPO ------------------------------- */
.node--view-mode-full .w3-container.node__content .field--name-body p {
	text-align: left;
}

h1,h2,h3,h4,h5{
	color:#2162A0;
	font-family: 'Raleway', 'Roboto', Helvetica, Arial, sans-serif;
}
h1, h2, h3 {
  font-weight: 500;
} 
h1 {
	font-size: 2.72em;
	font-weight: 300;
	line-height:1.2;
	margin: 0.6em 0 0.4em 0;
}
.node__content p, 
.node__content h1,
.node__content h2,
.node__content h3,
.node__content ul {
	/*max-width:840px;*/
	
}

.node__content em ,
.node__content .info,
.node__content dt {
	font-style:normal;
	font-weight:600;
	color:#2162A0;
}

h1 > em {
	/* 
	E > F: so wird das Element F nur dann angesprochen, wenn es ein Kindelement eines E-Elements ist. 
	*/ 
}



/*dt {
	margin-top: 0.25em;
}*/

dd{
	margin-bottom: 0.25em;
}

li, dd, dt{
	/* margin-bottom: 0.182em */ 
	margin-bottom: 1.0em;
}
.node__content li {
	border-bottom:4px solid #eee;
}

.grey{
	background-color: #dad9da !important; 
	padding:2px;
}

.lightgrey{
	background-color: #eee !important; 
	padding:4px;
}

.lightblue{
	background-color: #f0f9fd !important; 
	padding:4px;
}

.lightblue2{
	background-color: #bfd6EA !important; 
	padding:2px;
}


.blue{
	background-color: #2162A0 !important; 
	color:#fff !important;
	padding:2px;
}

.lightblue li{
	border-color:#bfd6EA;
	border-width: 3px;
}
.lightblue1 li{
	border-color:#fff;
	border-width: 3px;
}
.lightgrey  li{
	border-color:#ccc;
	border-width: 3px;
}

.w3-button:hover {
	background-color: #2162A0 !important; 
	color:#fff !important;
}

/* CUSTOM ------------------------------- */
#superMegaHeader{	
	width:100%;
	margin:0 auto  !important;
	display:inline;
}

#page-title-inner {
	width:100% ;
}

/*The Logo and Slogan are inside this section */
.block-system-branding-block{
	/*display:block;
	float:left;*/
}
a.site-logo{
	/*the logo*/
}


.main-navigation-wrapper,
.close-nav,
.mobile-nav {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: inherit !important;
}

.img-thumbnail {/* kopiert aus altem bootstrap für Gallerie bei impressionen*/
  /*height: 110px;*/
  overflow:hidden;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
 text-align:center;
}

.img-thumbnail a img{margin:0 auto;}

.greyborder{
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);	
}


/* Sprachumschalter*/
.language-switcher-language-url ul li,
.language-switcher-language-url ul.links {
	display: inline;
}
.language-switcher-language-url a.language-link.is-active {
	font-weight: bolder;
	text-decoration:underline;
}
.language-switcher-language-url a.language-link.is-active::hover {
	text-decoration: none;
}


/* --Language---------------------------------------- */ 
.language-switcher-language-url {
   width: 8em;
    float: right;
    height: 2.5em;
}

.language-switcher-language-url h2, 
.language-switcher-language-url UL.links li {
	font-size:inherit;
	font-size:0.7em;
	color:inherit;
	margin:0;
	padding:4px;

}


/* -- page-title ---------------------------------------- */ 

.block-system-breadcrumb-block{
	margin-bottom: -24px;
}

/* page-title over main image */ 
.block-page-title-block > h1.page-title{
	/* display:inline; */ 
	position:relative;
	top: 32px;
	left: 8px;
	height:0;
	
	font-size:3.6em !important;
	line-height:1.5;
	font-weight:600;
	padding: 0px 0px;
}

.block-page-title-block > h1.page-title > span{
	color:#fff;
	padding: 0.125em 0.5em;
	background-color:#2162A0dd;
}

/* page-title */ 
/* element1~element2 	p ~ ul 	Selects every <ul> element that are preceded by a <p> element */ 
/*#superMegaHeader ~ .page-title { */
	/* select every page-title that is preceded by a superMegaHeader */ 
	/*width: 100%;
	font-size: 2.72em !important;
}*/



/* Slider slick slider override startpage */ 
.slidertext {
	position:relative;
	font-size:300% !important;
	/* line-height:1.2 !important; */ 
	font-weight:600 !important;
	top: -240px;
	left: 16px;
	height:0;
	Max-width:100% !important;
	color:#fff!important;
}

.slidertext > span {
	/* padding: 0.125em 0.5em; */ 
	line-height:1.5 !important;
	padding: 0.125em;
	background-color:#2162A0dd;
}

ul.slick-dots{
	max-width:100% !important;
	/* sonst sind die dots beim Startslider als superMegaHeader vertikal angeordnet oben links */
	position: initial !important;
}
ul.slick-dots li{
	border-bottom:none !important;
}

ul.linklist > li{
	 list-style-image: url('../img/symbol-link.svg');
}
/* link symbol nonbreakingspace */
p>a:before {
	content: "\f0c1 \00A0";
	font-family: 'Font Awesome 5 Free';
	color:#2162A0; 
}

/* 
 www.drupal.org/project/d8w3css/issues/2945001 
*/
.mobile-nav:hover,
ul li.li-expanded > a:hover {
  cursor: pointer!important;
}

ul li.li-expanded > a:hover {
  cursor: pointer!important;
}

ul.primary {
	border-bottom: 1px solid #ddd;
}

ul.ul-parent a {
	font-size:100% !important;
	}


/*-----kanalgipfel styles-css ------------*/


.logo-02 {
	background-image:url(../img/logo.png);
	width: 165px;
	height: 200px;
	float:right;
}


.box-blue {
	background:#1A70B8 !important;
	color:white !important;
}

/*.box-blue:before {
	content:"-->";
}*/

/* WEBFORM widget*/
.webform-progress-bar li{
	display:inline;
	padding:8px;
}

/*  ui-front ui-dialog-content ui-widget-content  */
.ui-dialog .ui-dialog-content{
	padding: .5em 0;
}

.ui-dialog.ui-dialog-off-canvas, #drupal-off-canvas *, #drupal-off-canvas :not(div) {
   /* background: #fafafa;*/
}

.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar{
	background: #eb8b45;
}
/*backend sticky table headers not */
table.sticky-header thead{
	top:0;
}

/*----webform editor-------*/
.ui-dialog-titlebar{
	
	/*background: #e16c05;*/
}
/*webform-tab w3-row element-container-wrapper js-form-wrapper */

div.webform-tab{
	border-top:3px solid #aaa;
}

.fieldset-legend{
	font-size:1.2em;
	color:#aaa;
	font-weight:700;
}

.ui-widget-content{
	background:#fec;
}

/*
summary[aria-expanded="true"]:before  {
	font-family: 'Font Awesome 5 Free';
	content:" "; 
	color:#eb8b45;
}

summary[aria-expanded="false"]:before  {
	font-family: 'Font Awesome 5 Free';
	content:" "; 
	color:#eb8b45;
}
*/

.optgroup {
	margin-bottom: 2px;
	margin-left: 2px;
}

.dropbutton-multiple .dropbutton-widget {
	padding-right: initial;
}

.dropbutton-multiple.open {
  z-index: 100;
  position: absolute;
}


/* -----Downloadbereich - passwortgeschuetzt--------- */
.node--type-passwortgeschuetze-dokmente .field--name-field-dokumentenupload .field__items .field__item {
    float: none;
	margin-bottom:0.25em;
	display:block;
}

 /* ==========================================================================
    Typography
    ========================================================================== */
 
a {
    color: #F60;
    text-decoration: none;
}

a:hover, a:focus {
    color: #ffffff;
    text-decoration: none;
	background-color:#2162A0; 
}

h1 {
	margin-top:30px;
	text-transform:uppercase;
	font-size:40px;
	font-weight: 600;
}

h1.strong, h1 strong{
	font-weight: 700;
}

.blue {
	color:#1A70B8;
}

.red {
	color:#FF3300;
}

h1.light, h1 .light {
	font-weight: 300;
}

.header h2 {
	font-size: 24px;
	font-weight:normal;
	background-color: rgba(236,236,236,.8)
}

.header h3 {
	margin-top:30px;
	font-weight:normal;
	color:#1A70B8;
	background-color: rgba(236,236,236,.8)
}

.dl-horizontal dt {
	text-align:left;
    width: 160px;
	color:#1A70B8;
	margin-bottom:24px;
	float: left;
	clear: left;
    
    overflow: hidden;/*
   width: 160px;

    text-overflow: ellipsis;
    white-space: nowrap;*/
}

/*.dl-horizontal-programm dd {
    margin-left: 120px;
	margin-bottom::24px;
}

.dl-horizontal-programm dt {
	text-align:left;
    width: 140px;
	color:#1A70B8;
	margin-bottom:10px;
}*/

.dl-horizontal dd {
    margin-left: 160px;
	margin-bottom:24px;
}


.adress {
	float:left;
	width: 49%;
	padding-top:20px;
	padding-bottom:20px;
}

a:hover, a:focus {
	color:#333;
}

a:hover img, a:focus img{
	background-color:#fff;
}


.orange {
	color: #F60;
}

.well a, .well a:hover,.well a:focus {
	font-weight: 700;
color:#ff7b1a;
/*border-bottom:1px solid #F60;*/

}


/* admin area views filter---------------------------------------------- */
.view-filters .w3-section {
	display: inline-block;
	margin-right: 10px;
}

.ckeditor-buttons li .cke-icon-only {
	width: 26px;
}

/* RESPONSIVE --------------------------------------------------- */

/* Small/Medium Screen Only */
/* Layout */
@media (max-width:992px) {
	
	body {
		font-size: 85% !important;
		line-height:1.55;
	}
	
	.page-wrapper{
		padding:0 8px !important;
	}
	
	.site-logo {
		padding: 4px 8px !important;
		margin:4px !important;
		width:220px;
	}
	
	.block-page-title-block {
		width:100%;

	}
	
	.block-page-title-block > h1.page-title{
	 font-size: 2.4em !important;
	top: 24px;
	left: 8px;
	}
	
	.block-system-breadcrumb-block {
		padding: 0 0.6em;
		margin-bottom: -24px;
	}
	
	/*programm*/
	.dl-horizontal dt {
		width: 90px;
	}
	.dl-horizontal dd {
		margin-left: 100px;
	}
	
	.space-right {
    padding-right: 0.5em;
	}

}/* END  992px Screen*/

/* Small Screen Only */
@media (max-width:600px) {
	
	body {
		font-size: 70% !important;
		line-height:1.65;
	}
	
	p {
		/* font-size: inherit !important; */ 
		padding: inherit !important;
		margin: 0;
	}
	.page-wrapper{
		padding:0 6px !important;
	}
	
	.site-logo {
		padding:4px;
		margin:4px;
		padding-left:0;
		margin-left:0;
		width:180px;
	}

	
	.block-page-title-block {
		width:100%;
		font-size: 100% !important;
		}
		
	.block-page-title-block > h1.page-title{
		font-size: 1.6em !important;
		top: 16px;
		left: 8px;

	}
	
	.block-system-breadcrumb-block {
		padding:8px 0;
		margin-bottom: -4px;
	}
		
	.space-right {
		padding-right: 0.2em;
	}
		
}/* END Small Screen Only */