/**
 * @file
 * Childtheme specific CSS.
 
Super dark: #396ea4;
Dark blue: #5c8cbd;
Medium blue: #80a5cb;
Light blue: #d5e2ee;

orange light: #ff9966;
orange medium: #fc8c54;
orange dark: #fc7430;

/* Fix for Likert-Scala not shown on Resolutions < 768px */

table.sticky-header thead {
  /* top: var(--drupal-displace-offset-top, 0); */
  top: initial !important;
}

@media (max-width: 1000px) {
  .form-type-webform-likert table.sticky-header {
    display: block !important;
  }
}

/** Anpassung Layout Haupt-Container*/
 @media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
 max-width: 1440px;
}
}

/** Anpassungen für Login Button Startseite */
#block-bootstrap-barrio-child-anmeldenkeycloak, #block-bootstrap-barrio-child-registrierung, #block-bootstrap-barrio-child-registrierungtestnutzer {
  background-color: #007bff;
  border: 5px solid #007bff !important;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  margin-top: 80px;
  box-shadow: 0px 7px 5px -2px #978A8A;
  border: none;
  text-decoration: none;
  text-align: center;
  font-size: 20px;
}
#block-bootstrap-barrio-child-registrierungtestnutzer {
    margin-bottom: -60px;
}
#block-bootstrap-barrio-child-anmeldenkeycloak a, #block-bootstrap-barrio-child-registrierung a, #block-bootstrap-barrio-child-registrierungtestnutzer a {
  text-decoration: none;
  border-bottom: none;
  color: #fff;
  padding: 20px;
}
#block-bootstrap-barrio-child-anmeldenkeycloak:hover, #block-bootstrap-barrio-child-registrierung:hover, #block-bootstrap-barrio-child-registrierungtestnutzer:hover
{
	background-color: #FC7430 !important;
	border: 5px solid #FC7430 !important;
	text-decoration: none;
        color: #fff;
}
a {
  text-decoration: none;
}

/** Anpassungen für Titel Webform */
.path-webform #page .block-page-title-block .title
{
	font-size: 18px;
	/*color: #5C8CBD !important;*/
	color: #777777 !important;
	text-align: center;
	border: 1px none black;
}

/** Anpassungen für Webform Thermometer */
@media screen and (min-width: 960px) {

	#edit-8-16-lqsb-t0--wrapper
	{
	float:left;
	}
	#edit-distressthermometer-blanko, 
	#edit-distressthermometer-0,
	#edit-distressthermometer-1, 
	#edit-distressthermometer-2, 
	#edit-distressthermometer-3,
	#edit-distressthermometer-4,
	#edit-distressthermometer-5,
	#edit-distressthermometer-6, 
	#edit-distressthermometer-7, 
	#edit-distressthermometer-8,
	#edit-distressthermometer-9,
	#edit-distressthermometer-10
	{
	margin-top: 70px;
	padding-left: 20px;
	}
	.section
	{
	clear:both;
	}
}

/** Anpassungen für Weiter und Zurück Button Desktop Version */
#main-wrapper .content .field--name-field-zurueck-d IMG, #main-wrapper .content .field--name-field-weiter-d IMG, #main-wrapper .content .field--name-field-zurueck-d-m IMG, #main-wrapper .content .field--name-field-weiter-d-m IMG, #main-wrapper .content .field--name-field-zurueck-d-w IMG, #main-wrapper .content .field--name-field-weiter-d-w IMG, #main-wrapper .content .field--name-field-weiter-d-a1 IMG, #main-wrapper .content .field--name-field-weiter-d-a2 IMG, #main-wrapper .content .field--name-field-weiter-d-a3 IMG, #main-wrapper .content .field--name-field-weiter-d-a4-1 IMG, #main-wrapper .content .field--name-field-weiter-d-a4-2 IMG, #main-wrapper .content .field--name-field-weiter-d-a5-1 IMG, #main-wrapper .content .field--name-field-weiter-d-a5-2 IMG, #main-wrapper .content .field--name-field-weiter-d-a6 IMG, #main-wrapper .content .field--name-field-weiter-d-f2 IMG
{
	/*border: 1px solid black;*/
	width: 71%;
	height: auto;
}
#content .content .field--name-field-zurueck-d.field__item
{
	/*border: 1px solid black;*/
	text-align: right;
}

/** Anpassungen für Weiter Button Startseite, Druckbutton Zusammenfassung und zurück zum Menü Button in Zusammenfassung */

#block-zurbegrussung.block-block-content A, .field__item P BUTTON
{
	text-align: right;
	border: 10px solid #5C8CBD;
	/*+border-radius: 20px;*/
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	background-color: #5C8CBD;
	color: #FFFFFF;
	box-shadow: 0px 7px 5px -2px #978A8A;
	padding: 5px;
}
#block-zurbegrussung.block-block-content A:hover, .field__item P BUTTON:hover
{
	border: 10px solid #FD8553;
	/*+border-radius: 20px;*/
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	background-color: #FD8553;
	color: #FFFFFF;
	box-shadow: 0px 7px 5px -2px #978A8A;
	padding: 5px;
}
.path-user BUTTON:hover, .path-user BUTTON:active, .path-user BUTTON:focus
{
	background-color: #FC7430 !important;
	border: 10px solid #FC7430 !important;
}
.field__item P BUTTON
{
	float: right;
}
#block-zurbegrussung.block-block-content .field__item
{
	float: right;
}
DIV#block-zuruckzummenu .field__item BUTTON
{
	float: left;
	display: inline;
}
#block-print .field__item
{
	margin-top: -70px;
	margin-bottom: 10px;
}




/** Temporäre Anpassungen für Startseite - müssen noch Responsive angepasst werden. ---------> Start */
.page-node-83 .block-page-title-block
{
	display: none;
}

#navbar-main.navbar.navbar-expand-lg
{
	display: none;
}
.block-user-login-block DIV.content DIV.item-list UL.list-group
{
	display: none;
}

#block-benutzeranmeldung.block-user-login-block
{
	background-color: #D5E2EE;
	/*+border-radius: 10px;*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	margin-top: 80px;
	box-shadow: 0px 7px 5px -2px #978A8A;
	border: none;
}

#block-headerstartseite .field__item IMG, #block-header2 .field__item IMG
{
	width: 101.5%;
	height: auto;
	margin-left: -8px;
	border-radius: 10px;
	margin-top: 10px;
}

/** Temporäre Anpassungen für Startseite - müssen noch Responsive angepasst werden. ---------> Ende */



#webprofiler046515
{
    display:none;
}
 

#header
{
    background-image: url("/drupal_dev_E-Somi/themes/custom/bootstrap_barrio_child/css/header-esomi.jpg");
    background-repeat: no-repeat, repeat;
    width:100% !important;
    max-width:100% !important;
    
    height:auto !important;
    background-size: contain !important;
    display:block !important;
}


 
 

/* Neue Designanpassung Live-Server 2021-12  Anfang */

HTML
{
	height: 100%;
	/*background-color: #d5e2ee;  E0E8F1; */
	background-color: #FFFFFF;
	color: #676767;
}
/* ENDE Neue Designanpassung Live-Server 2021-12  ENDE */



table.sticky-header
{
-webkit-box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.4) !important; 
box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.4) !important;

} 

button.form-submit
{
    margin-left:4px;
}




/*
table {
    border-collapse:separate !important; 
    border:solid #fff 4px !important; 
    border-radius:10px !important; 
}

td, th {
    border-left:solid #fff 0px !important; 
    border-top:solid #fff 1px !important; 
}

th {
    border: none !important; 
}

td:first-child, th:first-child {
     border-left: none !important; 
}

thead > tr {
    border-bottom: 0px solid #000 !important;
}
*/

table 
{
    border-collapse:separate !important; 
    border:solid #fff 4px !important; 
    border-radius:15px; 
}

table.sticky-header
{
    border-radius:0px !important;  
    border-collapse:separate !important; 
    border-top:solid #fff 0px !important; 
    border-left:solid #fff 3px !important; 
    border-right:solid #fff 3px !important; 
    border-bottom:solid #fff 0px !important; 
}

table th
{
    border-top:solid #fff 0px !important; 
    border-bottom:solid #fff 0px !important; 
}

#navbar-top, 
#navbar-main
{
    background-color:transparent !important;
}
 
Element {
	/* background: rgb(255,255,255) !important; */
	background-color: #5c8cbd;
	font-size:18px !important;

	/*alt: background: -moz-linear-gradient(0deg, rgba(255,255,255,0.6) 0%, rgba(213,226,238,0.6) 50%, rgba(128,166,204,0.6) 100%) !important;*/
	/*alt: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#80a6cc",GradientType=1) !important; */
 
	background: -moz-linear-gradient(0deg, rgba(255,255,255,0.6) 0%, rgba(213,226,238,0.6) 50%, rgba(30,70,149,0.6) 100%) !important;
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.6) 0%, rgba(213,226,238,0.6) 50%, rgba(30,70,149,0.6) 100%) !important;
	background: linear-gradient(0deg, rgba(255,255,255,0.6) 0%, rgba(213,226,238,0.6) 50%, rgba(30,70,149,0.6) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#1E4695",GradientType=1) !important; 
	background-attachment: fixed !important;

	background: linear-gradient(0deg, rgba(255,255,255,0.6) 0%, rgba(213,226,238,0.6) 50%, rgba(30,70,149,0.6) 100%) !important;
	background-attachment: scroll;
}

body
{
/* background: rgb(255,255,255) !important; */
	background-color: #5c8cbd;
	font-size:18px !important;

	/*alt: background: -moz-linear-gradient(0deg, rgba(255,255,255,0.6) 0%, rgba(213,226,238,0.6) 50%, rgba(128,166,204,0.6) 100%) !important;*/
	/*alt: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#80a6cc",GradientType=1) !important; */
 
	background: -moz-linear-gradient(0deg, rgba(255,255,255,0.6) 0%, rgba(213,226,238,0.6) 50%, rgba(30,70,149,0.6) 100%) !important;
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.6) 0%, rgba(213,226,238,0.6) 50%, rgba(30,70,149,0.6) 100%) !important;
	background: linear-gradient(0deg, rgba(255,255,255,0.6) 0%, rgba(213,226,238,0.6) 50%, rgba(30,70,149,0.6) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#1E4695",GradientType=1) !important; 
	background-attachment: fixed !important;

	background: linear-gradient(0deg, rgba(255,255,255,0.6) 0%, rgba(213,226,238,0.6) 50%, rgba(30,70,149,0.6) 100%) !important;
	background-attachment: scroll;
}

#page, #main-wrapper
{
background-color:transparent !important;
}

#main
{
  background-color: rgb(255,255,255) !important;
  background: rgb(255,255,255);


background: -moz-linear-gradient(0deg, rgba(234,241,249,1) 0%, rgba(255,255,255,1) 69%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(234,241,249,1) 0%, rgba(255,255,255,1) 69%, rgba(255,255,255,1) 100%);
background: linear-gradient(0deg, rgba(234,241,249,1) 0%, rgba(255,255,255,1) 69%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eaf1f9",endColorstr="#ffffff",GradientType=1);


 padding-top:10px !important;
 padding-left:10px !important;
 padding-right:10px !important;
 -webkit-border-radius: 10px !important;
-moz-border-radius: 10px !important;
border-radius: 10px !important;


/*  Vorsicht. inset und outset gemeinsam bringen opera in absolute performance-Probleme
//-webkit-box-shadow: inset 0px 0px 100px 0px rgba(255,255,255,0.5), inset 0px 0px 100px 0px rgba(255,255,255,0.5), 0px 0px 100px 0px rgba(255,255,255,0.2), 0px 0px 100px 0px rgba(255,255,255,0.2); 
//box-shadow: inset 0px 0px 100px 0px rgba(255,255,255,0.5), inset 0px 0px 100px 0px rgba(255,255,255,0.5), 0px 0px 100px 0px rgba(255,255,255,0.2), 0px 0px 100px 0px rgba(255,255,255,0.2);
*/

/* ALt: Border um Inhalt*/
border: 1px solid #d5e2ee; //rgba(0,0,0,0.2);

}






/* Neue Designanpassung Live-Server 2021-12  Anfang */

#main.container
{
	min-height: 250px;
}
#content.main-content #block-bootstrap-barrio-child-content .content .webform-confirmation
{
	min-height: 250px;
}

/* Design Footer */
.menu--footer .navbar-nav LI.nav-item A
{
	color: #1E4695;
}
.navbar-nav {
    display: inline;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    text-align: center;
}
@media screen {
    .site-footer li.nav-item {
        padding-top: 10px;
    }
}
.navigation.menu--footer .navbar-nav
{
	margin-top: 20px;
	margin-bottom: 20px;
	/*border-top: 1px solid #D5E2EE;*/
}
/** Neu Footer */
.site-footer .navigation A.nav-link {
  padding-top: 4px;
  display: inline;
  text-align: center;
}
.site-footer .navigation ul{
	display: list-item;
}
/** Ende Footer */

.site-footer .navigation A.nav-link
{
	padding-top:4px;
	color: #5A5A5A;
	display: inline;
	margin-right: 3%;
	margin-left: 20px;
}
@media only screen and (max-width: 1000px) {
.site-footer .navigation A.nav-link
{
	font-size: 14px;
	margin-right: 15px;
	margin-left: 2px;
}
}
@media only screen and (max-width: 640px) {
.site-footer .navigation A.nav-link
{
	font-size: 12px;
	margin-right: 10px;
	margin-left: 0px;
}
}

.site-footer .navigation A.nav-link:hover
{
	color: #FF9966;
}
.site-footer LI.nav-item
{
	line-height: 1 !important;
	display: inline !important;
	margin-right: 10px !important;
}
.menu--footer .navbar-nav A.nav-link.active.is-active
{
	background: none;
	color: #FC7430;
}


/* Design Layout Gesamtseite */
.ds-3col-stacked-fluid-15-70-15 .group-left .field.field--name-field-zurueck-button, .ds-3col-stacked-fluid-15-70-15 .group-left .field.field--name-field-zurueck-button-m
{
	text-align: right;
	padding-top: 120%;
	padding-right: 10px;
}

.ds-3col-stacked-fluid-15-70-15 .group-left .field--name-field-zurueck-button.field__item A, .ds-3col-stacked-fluid-15-70-15 .group-left .field--name-field-zurueck-button-m.field__item A
{
	border: 10px solid #5C8CBD;
	/*+border-radius: 20px;*/
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	padding-bottom: 10px;
	background-color: #5C8CBD;
	color: #FFFFFF;
	box-shadow: 0px 7px 5px -2px #978A8A;
}


.ds-3col-stacked-fluid-15-70-15 .group-right .field--name-field-weiter-button, .ds-3col-stacked-fluid-15-70-15 .group-right .field--name-field-weiter-button-m
{
	text-align: left;
	padding-top: 120%;
	padding-left: 10px;
}

.ds-3col-stacked-fluid-15-70-15 .group-right .field--name-field-weiter-button.field__item A, .ds-3col-stacked-fluid-15-70-15 .group-right .field--name-field-weiter-button-m.field__item A
{
	border: 10px solid #5C8CBD;
	/*+border-radius: 20px;*/
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	padding-bottom: 10px;
	background-color: #5C8CBD;
	color: #FFFFFF;
	box-shadow: 0px 7px 5px -2px #978A8A;
}
.ds-3col-stacked-fluid-15-70-15 .group-left .field--name-field-zurueck-button.field__item A:hover, .ds-3col-stacked-fluid-15-70-15 .group-left .field--name-field-zurueck-button-m.field__item A:hover
{
	border: 10px solid #FD8553;
	/*+border-radius: 20px;*/
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	padding-bottom: 10px;
	background-color: #FD8553;
	color: #FFFFFF;
}
.ds-3col-stacked-fluid-15-70-15 .group-right .field--name-field-weiter-button.field__item A:hover, .ds-3col-stacked-fluid-15-70-15 .group-right .field--name-field-weiter-button-m.field__item A:hover
{
	border: 10px solid #FD8553;
	/*+border-radius: 20px;*/
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	padding-bottom: 10px;
	background-color: #FD8553;
	color: #FFFFFF;
}

.ds-3col-stacked-fluid-15-70-15 .group-footer .field--name-field-menue-button.field__item A
{
	padding: 13px 40px;
	background-color: #FD8553;
	color: #FFFFFF;
	box-shadow: 0px 7px 5px -2px #978A8A;
}
.ds-3col-stacked-fluid-15-70-15 .group-footer .field--name-field-menue-button.field__item A:hover
{
	padding: 13px 40px;
	background-color: #5C8CBD;
	color: #FFFFFF;
}
#main .content .ds-3col-stacked-fluid-15-70-15 .group-footer DIV.field__item
{
	padding-top: 20px;
}
.group-footer DIV.field.field--name-field-menue-button.field__item
{
	width: 15%; !important;
	display: inline; !important;
	float: left; !important;
}
@media only screen and (min-width: 1350px) {
.node.clearfix DIV.group-footer DIV.clearfix
{
	width: 85%; !important;
	float: left; !important;
	padding-top:-9px;
	margin-top: -9px;
}
}
@media only screen and (max-width: 1349px) {
.node.clearfix DIV.group-footer DIV.clearfix
{
	width: 80%; !important;
	float: right; !important;
	padding-top:-9px;
	margin-top: -9px;
}
}
@media only screen and (max-width: 1049px) {
.node.clearfix DIV.group-footer DIV.clearfix
{
	width: 75%; !important;
	float: right; !important;
	padding-top:-9px;
	margin-top: -9px;
}
}

@media only screen and (max-width: 960px) {
.node.clearfix DIV.group-footer DIV.clearfix
{
	width: 73%; !important;
	float: right; !important;
	padding-top:-9px;
	margin-top: -9px;
}
}
@media only screen and (max-width: 768px) {
.node.clearfix DIV.group-footer DIV.clearfix
{
	width: 73%; !important;
	float: right; !important;
	padding-top:-9px;
	margin-top: -9px;
}
}
@media only screen and (max-width: 720px) {
.node.clearfix DIV.group-footer DIV.clearfix
{
	width: 72%; !important;
	float: right; !important;
	padding-top:-9px;
	margin-top: -9px;
}
}
@media only screen and (max-width: 680px) {
.node.clearfix DIV.group-footer DIV.clearfix
{
	width: 70%; !important;
	float: right; !important;
	padding-top:-9px;
	margin-top: -9px;
}
}
@media only screen and (max-width: 640px) {
.node.clearfix DIV.group-footer DIV.clearfix
{
	width: 100%; !important;
	float: right; !important;
	padding-top:-9px;
	margin-top: 10px;
	display:block;
}
}

/* Neue Designanpassung Live-Server 2021-12  Ende*/

 

/* Neue Designanpassung Live-Server 2022 Anfang*/

/* Anpassung Webform Fragebögen*/
FORM FIELDSET.js-form-item-patienten-id.form-item-patienten-id.disabled
{
	display: none;
}

DETAILS.webform-submission-information SUMMARY
{
	display: none;
}


#edit-patientenpraeferenz-sexualerhalt-und-psychoonkologie .form-item-einleitung-f4-3-2
{
	margin-top: 30px;
	border-top: 2px solid #D5E2EE;
	padding-top: 30px;
}

/*--------Design Weiter Button Webform Bestätigungsseite----Anfang----*/
.webform-confirmation__message .btn, .block-block-content .btn
{
	border: 3px solid #80A5CB !important;
	background-color: #80A5CB !important;
	margin-top: 20px;
	padding: 10px 20px;
}

.webform-confirmation__message .btn:hover, .block-block-content .btn:hover
{
	border: 3px solid #FC7430 !important;
	background-color: #FC7430 !important;
	margin-top: 20px;
}
.webform-confirmation .webform-confirmation__message .btn A, .block-block-content .btn A
{
	text-decoration: none;
	color: #FFF;
	border: none;
}
/*--------Design Weiter Button Webform Bestätigungsseite----Ende----*/


/* Neue Designanpassung Live-Server 2022 Ende*/

/*------------------------------------------ Design Menü Anfang------------------------------------------*/

.node--type-ct-menue-f .field--name-field-titel-sektion-1, .node--type-ct-menue-f .field--name-field-titel-sektion-2, .node--type-ct-menue-f .field--name-field-titel-sektion-3, .node--type-ct-menue-f .field--name-field-titel-sektion-4, .node--type-ct-menue-f .field--name-field-titel-sektion-5, .node--type-ct-menue-f .field--name-field-titel-sektion-6, .node--type-ct-menue-f .field--name-field-titel-sektion-7
{
	font-size: 34px;
	color: #1E4695;
	clear: both;
	width: 100%;
	display: table;
}
.node--type-ct-menue-f #m_fragebogen_sektion_1, .node--type-ct-menue-f #m_fragebogen_sektion_2, .node--type-ct-menue-f #m_fragebogen_sektion_3, .node--type-ct-menue-f #m_fragebogen_sektion_4, .node--type-ct-menue-f #m_fragebogen_sektion_5
{
	margin: 10px 0;
	display: block;
	width: 100%;
	
}
.node--type-ct-menue-f #m_fragebogen_sektion_1 A, .node--type-ct-menue-f #m_fragebogen_sektion_2 A, .node--type-ct-menue-f #m_fragebogen_sektion_3 A, .node--type-ct-menue-f #m_fragebogen_sektion_4 A, .node--type-ct-menue-f #m_fragebogen_sektion_5 A
{
	padding: 5px 40px;
	/*background-color: #FB9966;*/
	background-color: #5C8CBD;
	color: #FFF;
	box-shadow: 2px 2px 2px 2px #A0A0A0;
	text-decoration: none;
	text-align: center;
	border: none;
	display: block;
	width: 100%;
}
.node--type-ct-menue-f #m_fragebogen_sektion_1 A:hover, .node--type-ct-menue-f #m_fragebogen_sektion_2 A:hover, .node--type-ct-menue-f #m_fragebogen_sektion_3 A:hover, .node--type-ct-menue-f #m_fragebogen_sektion_4 A:hover, .node--type-ct-menue-f #m_fragebogen_sektion_5 A:hover
{
	background-color: #FB9966;
	color: #FFF;
	box-shadow: 3px 3px 2px 2px #1E4695;
	text-decoration: none;
	
	display: block;
	width: 100%;
}
.node--type-ct-menue-f .clearfix .clearfix.field.field--name-field-item-f-2.field__item, .node--type-ct-menue-f .clearfix .clearfix.field.field--name-field-item-f-3.field__item,.node--type-ct-menue-f .clearfix .clearfix.field.field--name-field-item-f-4w.field__item, .node--type-ct-menue-f .clearfix .clearfix.field.field--name-field-item-f-4m.field__item, .node--type-ct-menue-f .clearfix .clearfix.field.field--name-field-item-f-5.field__item
{
	clear: both;
	display: table;
	width: 100%;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-1-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-1-2.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-1-3.field__item.field__item
{
	width: 25%;
	display: inline;
	float: left;
	margin-bottom: 20px;
	margin-top: 10px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a2-0.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a1-0.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a3-0.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a6-0.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a4-1-0.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a4-2-0.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a5-1-0.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a5-2-0.field__item.field__item         
{
	width: 25%;
	display: inline;
	float: left;
	margin-bottom: 20px;
	margin-top: 10px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a1-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a1-2.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a1-3.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a1-4.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a1-5.field__item.field__item
{
	width: 25%;
	display: inline;
	float: left;
	margin-bottom: 20px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a2-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a2-2.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a2-3.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a2-4.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a2-5.field__item.field__item
{
	width: 25%;
	display: inline;
	float: left;
	margin-bottom: 20px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a3-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a3-2.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a3-3.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a3-4.field__item.field__item
{
	width: 25%;
	display: inline;
	float: left;
	margin-bottom: 20px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a4-1-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a4-1-2.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a4-1-3.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a4-1-4.field__item.field__item
{
	width: 25%;
	display: inline;
	float: left;
	margin-bottom: 20px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a4-2-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a4-2-2.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a4-2-3.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a4-2-4.field__item.field__item
{
	width: 25%;
	display: inline;
	float: left;
	margin-bottom: 20px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a5-1-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a5-1-2.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a5-1-3.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a5-1-4.field__item.field__item
{
	width: 25%;
	display: inline;
	float: left;
	margin-bottom: 20px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a5-2-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a5-2-2.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a5-2-3.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a5-2-4.field__item.field__item
{
	width: 25%;
	display: inline;
	float: left;
	margin-bottom: 20px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a6-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a6-2.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a6-3.field__item.field__item
{
	width: 25%;
	display: inline;
	float: left;
	margin-bottom: 20px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-3-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-3-2.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-3-3.field__item.field__item
{
	width: 25%;
	display: inline;
	float: left;
	margin-bottom: 20px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-4-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-4-2.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-4-3.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-4-4, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-4-5, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-4-6
{
	width: 25%;
	display: inline;
	float: left;
	margin-bottom: 20px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-5-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-6-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-7-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-7-2
{
	width: 25%;
	display: inline;
	float: left;
	margin-bottom: 20px;
}
.node--type-ct-menue-f A IMG#menu_item_img
{
	width: 90%;
	height: auto;
	box-shadow: 2px 2px 2px 2px #A0A0A0;
}
.node--type-ct-menue-f A IMG#menu_item_img:hover
{
	height: auto;
	box-shadow: 3px 3px 2px 2px #1E4695;
}


/* Design Alternativen Abtrennung Menüsektionen Anfang*/



/* Design Alternativen Abtrennung Menüsektionen Ende*/




@media only screen and (max-width: 640px) {

.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-1-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-1-2.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-1-3.field__item.field__item
{
	width: 50%;
	display: inline;
	float: left;
	margin-bottom: 20px;
	margin-top: 10px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a1-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a1-2.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a1-3.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a1-4.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a1-5.field__item.field__item
{
	width: 50%;
	display: inline;
	float: left;
	margin-bottom: 20px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a2-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a2-2.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a2-3.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a2-4.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a2-5.field__item.field__item
{
	width: 50%;
	display: inline;
	float: left;
	margin-bottom: 20px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a3-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a3-2.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a3-3.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a3-4.field__item.field__item
{
	width: 50%;
	display: inline;
	float: left;
	margin-bottom: 20px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a4-1-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a4-1-2.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a4-1-3.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a4-1-4.field__item.field__item
{
	width: 50%;
	display: inline;
	float: left;
	margin-bottom: 20px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a4-2-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a4-2-2.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a4-2-3.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a4-2-4.field__item.field__item
{
	width: 50%;
	display: inline;
	float: left;
	margin-bottom: 20px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a5-1-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a5-1-2.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a5-1-3.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a5-1-4.field__item.field__item
{
	width: 50%;
	display: inline;
	float: left;
	margin-bottom: 20px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a5-2-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a5-2-2.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a5-2-3.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a5-2-4.field__item.field__item
{
	width: 50%;
	display: inline;
	float: left;
	margin-bottom: 20px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a6-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a6-2.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-2-a6-3.field__item.field__item
{
	width: 50%;
	display: inline;
	float: left;
	margin-bottom: 20px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-3-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-3-2.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-3-3.field__item.field__item
{
	width: 50%;
	display: inline;
	float: left;
	margin-bottom: 20px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-4-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-4-2.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-4-3.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-4-4, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-4-5, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-4-6
{
	width: 50%;
	display: inline;
	float: left;
	margin-bottom: 20px;
}
.node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-5-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-6-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-7-1.field__item.field__item, .node--type-ct-menue-f.clearfix .node__content .clearfix.text-formatted.field.field--type-text-long.field--name-field-item-7-2
{
	width: 50%;
	display: inline;
	float: left;
	margin-bottom: 20px;
}
}


/*------------------------------------------ Design Menü Ende------------------------------------------*/


/* Theme ausblenden */

.importantPaddingTopBottom
{
    padding-top:0px !important;
    padding-bottom:0px !important;
    transition: padding 0s;
    
}

#navbar-main
{
    line-height:0px !important; 
}

.node--type-test-drei-spalten .nav-link,
.node--type-ct-chemotherapie .nav-link,
.node--type-ct-harnableitung .nav-link,
.node--type-ct-informationsseiten-alle .nav-link,
.node--type-ct-psyche .nav-link,
.node--type-ct-sexualerhalt .nav-link,
.node--type-ct-szenario-a1 .nav-link,
.node--type-ct-szenario-a2 .nav-link,
.node--type-ct-szenario-a3 .nav-link,
.node--type-ct-szenario-a4-1 .nav-link,
.node--type-ct-szenario-a4-2 .nav-link,
.node--type-ct-szenario-a5-1 .nav-link,
.node--type-ct-szenario-a5-2 .nav-link,
.node--type-ct-szenario-a6 .nav-link
{

}




.node--type-test-drei-spalten #navbar-top,
.node--type-test-drei-spalten #navbar-main,


.node--type-ct-chemotherapie #navbar-top,
.node--type-ct-chemotherapie #navbar-main,



.node--type-ct-harnableitung #navbar-top,
.node--type-ct-harnableitung #navbar-main,



.node--type-ct-informationsseiten-alle #navbar-top,
.node--type-ct-informationsseiten-alle #navbar-main,



.node--type-ct-psyche #navbar-top,
.node--type-ct-psyche #navbar-main,


.node--type-ct-sexualerhalt #navbar-top,
.node--type-ct-sexualerhalt #navbar-main,


.node--type-ct-szenario-a1 #navbar-top,
.node--type-ct-szenario-a1 #navbar-main,


.node--type-ct-szenario-a2 #navbar-top,
.node--type-ct-szenario-a2 #navbar-main,


.node--type-ct-szenario-a3 #navbar-top,
.node--type-ct-szenario-a3 #navbar-main,


.node--type-ct-szenario-a4-1 #navbar-top,
.node--type-ct-szenario-a4-1 #navbar-main,


.node--type-ct-szenario-a4-2 #navbar-top,
.node--type-ct-szenario-a4-2 #navbar-main,


.node--type-ct-szenario-a5-1 #navbar-top,
.node--type-ct-szenario-a5-1 #navbar-main,


.node--type-ct-szenario-a5-2 #navbar-top,
.node--type-ct-szenario-a5-2 #navbar-main,


.node--type-ct-szenario-a6 #navbar-top,
.node--type-ct-szenario-a6 #navbar-main
{
    display:none !important; 
}



.node--type-test-drei-spalten h1,
.node--type-ct-chemotherapie h1,
.node--type-ct-harnableitung h1,
.node--type-ct-informationsseiten-alle h1,
.node--type-ct-psyche h1,
.node--type-ct-sexualerhalt h1,
.node--type-ct-szenario-a1 h1,
.node--type-ct-szenario-a2 h1,
.node--type-ct-szenario-a3 h1,
.node--type-ct-szenario-a4-1 h1,
.node--type-ct-szenario-a4-2 h1,
.node--type-ct-szenario-a5-1 h1,
.node--type-ct-szenario-a5-2 h1,
.node--type-ct-szenario-a6 h1
{
    display:none !important;
}
.node--type-test-drei-spalten .container,
.node--type-ct-chemotherapie .container,
.node--type-ct-harnableitung .container,
.node--type-ct-informationsseiten-alle .container,
.node--type-ct-psyche .container,
.node--type-ct-sexualerhalt .container,
.node--type-ct-szenario-a1 .container,
.node--type-ct-szenario-a2 .container,
.node--type-ct-szenario-a3 .container,
.node--type-ct-szenario-a4-1 .container,
.node--type-ct-szenario-a4-2 .container,
.node--type-ct-szenario-a5-1 .container,
.node--type-ct-szenario-a5-2 .container,
.node--type-ct-szenario-a6 .container
{
    max-width: 100% !important;
}

.node--type-test-drei-spalten #main,
.node--type-ct-chemotherapie #main,
.node--type-ct-harnableitung #main,
.node--type-ct-informationsseiten-alle #main,
.node--type-ct-psyche #main,
.node--type-ct-sexualerhalt #main,
.node--type-ct-szenario-a1 #main,
.node--type-ct-szenario-a2 #main,
.node--type-ct-szenario-a3 #main,
.node--type-ct-szenario-a4-1 #main,
.node--type-ct-szenario-a4-2 #main,
.node--type-ct-szenario-a5-1 #main,
.node--type-ct-szenario-a5-2 #main,
.node--type-ct-szenario-a6 #main
{

border: 0px solid #d5e2ee; //rgba(0,0,0,0.2);

}

#main-wrapper
{
  padding-top:4px;
}

/* .path-webform #page, */
.node--type-test-drei-spalten #page,
.node--type-ct-chemotherapie #page,
.node--type-ct-harnableitung #page,
.node--type-ct-informationsseiten-alle #page,
.node--type-ct-psyche #page,
.node--type-ct-sexualerhalt #page,
.node--type-ct-szenario-a1 #page,
.node--type-ct-szenario-a2 #page,
.node--type-ct-szenario-a3 #page,
.node--type-ct-szenario-a4-1 #page,
.node--type-ct-szenario-a4-2 #page,
.node--type-ct-szenario-a5-1 #page,
.node--type-ct-szenario-a5-2 #page,
.node--type-ct-szenario-a6 #page
{
    visibility:hidden;
    height:0px;
    margin:0px;
    padding:0px;
}


.node--type-test-drei-spalten #header,
.node--type-ct-chemotherapie #header,
.node--type-ct-harnableitung #header,
.node--type-ct-informationsseiten-alle #header,
.node--type-ct-psyche #header,
.node--type-ct-sexualerhalt #header,
.node--type-ct-szenario-a1 #header,
.node--type-ct-szenario-a2 #header,
.node--type-ct-szenario-a3 #header,
.node--type-ct-szenario-a4-1 #header,
.node--type-ct-szenario-a4-2 #header,
.node--type-ct-szenario-a5-1 #header,
.node--type-ct-szenario-a5-2 #header,
.node--type-ct-szenario-a6 #header
{
     visibility:visible !important; 
}


/* .path-webform #main-wrapper, */
.node--type-test-drei-spalten #main-wrapper,
.node--type-ct-chemotherapie #main-wrapper,
.node--type-ct-harnableitung #main-wrapper,
.node--type-ct-informationsseiten-alle #main-wrapper,
.node--type-ct-psyche #main-wrapper,
.node--type-ct-sexualerhalt #main-wrapper,
.node--type-ct-szenario-a1 #main-wrapper,
.node--type-ct-szenario-a2 #main-wrapper,
.node--type-ct-szenario-a3 #main-wrapper,
.node--type-ct-szenario-a4-1 #main-wrapper,
.node--type-ct-szenario-a4-2 #main-wrapper,
.node--type-ct-szenario-a5-1 #main-wrapper,
.node--type-ct-szenario-a5-2 #main-wrapper,
.node--type-ct-szenario-a6 #main-wrapper
{
    visibility:visible !important;
    background-color:#fff !important;

}


/*.path-webform #header,
.node--type-test-drei-spalten #header, */
/* .path-webform .site-footer, */
.node--type-test-drei-spalten .site-footer,
.node--type-ct-chemotherapie .site-footer,
.node--type-ct-harnableitung .site-footer,
.node--type-ct-informationsseiten-alle .site-footer,
.node--type-ct-psyche .site-footer,
.node--type-ct-sexualerhalt .site-footer,
.node--type-ct-szenario-a1 .site-footer,
.node--type-ct-szenario-a2 .site-footer,
.node--type-ct-szenario-a3 .site-footer,
.node--type-ct-szenario-a4-1 .site-footer,
.node--type-ct-szenario-a4-2 .site-footer,
.node--type-ct-szenario-a5-1 .site-footer,
.node--type-ct-szenario-a5-2 .site-footer,
.node--type-ct-szenario-a6 .site-footer
{
   /*  display:none !important; */
   visibility:visible !important;
}

.node--type-test-drei-spalten a,
.node--type-ct-chemotherapie a,
.node--type-ct-harnableitung a,
.node--type-ct-informationsseiten-alle a,
.node--type-ct-psyche a,
.node--type-ct-sexualerhalt a,
.node--type-ct-szenario-a1 a,
.node--type-ct-szenario-a2 a,
.node--type-ct-szenario-a3 a,
.node--type-ct-szenario-a4-1 a,
.node--type-ct-szenario-a4-2 a,
.node--type-ct-szenario-a5-1 a,
.node--type-ct-szenario-a5-2 a,
.node--type-ct-szenario-a6 a
{
    border: 0;
    text-decoration: none;
    border-bottom: 0px solid #396ea4 !important;
}


/* ENDE Theme ausblenden ENDE */












/* menu und weitere Informationen 3 Spaltenlayout */

.field--name-field-menue
{
    float:left;
    margin-right:10px;
    text-align:center;
    

}

.field--name-field-menue a
{
    background-color: #5c8cbd;
  color:#fff !important;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  display:block;

}

.field--name-field-menue a:hover
{
    color:#fff !important;
}

@media only screen and (min-width: 769px) {
  .field--name-field-mehr-informationen
  {
      float:right;
      width:calc(90% - 10px);
      
  }
}

 /* Style the buttons that are used to open and close the accordion panel */
.accordion
{
	background-color: #5C8CBD;
	color: #FFF !important;
	cursor: pointer;
	padding: 10px 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	display: block;
	box-shadow: 0px 7px 5px -2px #978A8A;
}
.accordion2, .accordion2:hover
{
	background-color: #5C8CBD;
	color: #FFF !important;
	padding: 10px 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	display: block;
	box-shadow: 0px 7px 5px -2px #978A8A;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: none;
}

/* Style the accordion panel. Note: hidden by default */
.panel
{
	padding: 0 18px;
	background-color: white;
	display: none;
	overflow: hidden;
	box-shadow: 2px 2px 2px 2px #D5E2EE;
}



.field--name-field-mehr-informationen .accordion:after {
  content: '+'; /* Unicode character for "plus" sign (+) \02795 */
  font-size: 34px;
  line-height: 0.5;
  color:#FFFFFF;
  float: right;
  margin-left: 5px;
}

.field--name-field-mehr-informationen .active:after {
  content: "-"; /* Unicode character for "minus" sign (-) \2796*/
  color:#FFFFFF;
  font-size: 34px;
  line-height: 0.5;
}



/* END menu und weitere Informationen 3 Spaltenlayout END */









/*
.form-check .form-check-input {
float: left;
margin-left: 1.5em;
text-align:center;
} */


@media only screen and (min-width: 769px) {


  
  #main
  {
      padding:30px !important;
  }
  
  #navbar-main a
  {
    top: 5px !important;
    position: relative !important;
  }
  
  #navbar-main a.navbar-brand
  {
    margin-left:15px !important;
  }
  
  #navbar-main a.navbar-brand
  {
    top: -5px !important;
    position: relative !important;
  }
  
  .node--type-test-drei-spalten #main,
  .node--type-ct-chemotherapie #main,
  .node--type-ct-harnableitung #main,
  .node--type-ct-informationsseiten-alle #main,
  .node--type-ct-psyche #main,
  .node--type-ct-sexualerhalt #main,
  .node--type-ct-szenario-a1 #main,
  .node--type-ct-szenario-a2 #main,
  .node--type-ct-szenario-a3 #main,
  .node--type-ct-szenario-a4-1 #main,
  .node--type-ct-szenario-a4-2 #main,
  .node--type-ct-szenario-a5-1 #main,
  .node--type-ct-szenario-a5-2 #main,
  .node--type-ct-szenario-a6 #main
  {
    background: -moz-linear-gradient(0deg, rgba(255,255,255,0.6) 0%, rgba(213,226,238,0.6) 50%, rgba(30,70,149,0.6) 100%) !important;
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.6) 0%, rgba(213,226,238,0.6) 50%, rgba(30,70,149,0.6) 100%) !important;
    background: linear-gradient(0deg, rgba(255,255,255,0.6) 0%, rgba(213,226,238,0.6) 50%, rgba(30,70,149,0.6) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#D5E2EE",GradientType=1) !important; 
    border-radius:0px !important;
  }
  
  .node--type-test-drei-spalten #main-wrapper,
  .node--type-ct-chemotherapie #main-wrapper,
  .node--type-ct-harnableitung #main-wrapper,
  .node--type-ct-informationsseiten-alle #main-wrapper,
  .node--type-ct-psyche #main-wrapper,
  .node--type-ct-sexualerhalt #main-wrapper,
  .node--type-ct-szenario-a1 #main-wrapper,
  .node--type-ct-szenario-a2 #main-wrapper,
  .node--type-ct-szenario-a3 #main-wrapper,
  .node--type-ct-szenario-a4-1 #main-wrapper,
  .node--type-ct-szenario-a4-2 #main-wrapper,
  .node--type-ct-szenario-a5-1 #main-wrapper,
  .node--type-ct-szenario-a5-2 #main-wrapper,
  .node--type-ct-szenario-a6 #main-wrapper
  {
    padding-top:0px !important;
  }
}
   

/* END  Theme ausblenden END */



/* Drei Spalten Layout und Video-Anzeige */
.field--name-field-zurueck,
.field--name-field-vor
{
    font-size:4em;
    vertical-align: middle;
}

.field--name-field-image 
{
   /* width:100% !important; */
    margin-left:0px !important;
    margin-right:0px !important;
    margin-top:0px !important;
    padding:0px;
    margin-bottom:20px !important;
    
}

.field--name-field-image img
{
    width:100% !important;
    height:auto !important;
    display:table;
    margin:0px !important;
    padding:0px !important;
}

.field--name-field-vor
{
    margin:0px !important;
    padding:0px !important;

    /* background: url("vor_small.png"); */
    /* background-repeat: no-repeat; */
    max-height:100%;
    width:auto;
}

.group-left, .group-right
{
    display:table;
    height:100% !important;
}

.field--name-field-zurueck
{
/* background: url("zurueck_small.png"); */
/* background-repeat: no-repeat; */


    margin:0px !important;
    padding:0px !important;
    max-height:100%;
    width:auto;
}

.field--name-field-zurueck .field__item span   
{
    text-align:right !important;
    display:block;
}

.field--name-field-vor .field__item span   
{
    text-align:left !important;
    display:block;
}


.node--type-test-drei-spalten #block-bootstrap-barrio-child-breadcrumbs,
  .node--type-ct-chemotherapie #block-bootstrap-barrio-child-breadcrumbs,
  .node--type-ct-harnableitung #block-bootstrap-barrio-child-breadcrumbs,
  .node--type-ct-informationsseiten-alle #block-bootstrap-barrio-child-breadcrumbs,
  .node--type-ct-psyche #block-bootstrap-barrio-child-breadcrumbs,
  .node--type-ct-sexualerhalt #block-bootstrap-barrio-child-breadcrumbs,
  .node--type-ct-szenario-a1 #block-bootstrap-barrio-child-breadcrumbs,
  .node--type-ct-szenario-a2 #block-bootstrap-barrio-child-breadcrumbs,
  .node--type-ct-szenario-a3 #block-bootstrap-barrio-child-breadcrumbs,
  .node--type-ct-szenario-a4-1 #block-bootstrap-barrio-child-breadcrumbs,
  .node--type-ct-szenario-a4-2 #block-bootstrap-barrio-child-breadcrumbs,
  .node--type-ct-szenario-a5-1 #block-bootstrap-barrio-child-breadcrumbs,
  .node--type-ct-szenario-a5-2 #block-bootstrap-barrio-child-breadcrumbs,
  .node--type-ct-szenario-a6 #block-bootstrap-barrio-child-breadcrumbs
{
    display:none;
}


.node--type-test-drei-spalten .field--name-title,
  .node--type-ct-chemotherapie .field--name-title,
  .node--type-ct-harnableitung .field--name-title,
  .node--type-ct-informationsseiten-alle .field--name-title,
  .node--type-ct-psyche .field--name-title,
  .node--type-ct-sexualerhalt .field--name-title,
  .node--type-ct-szenario-a1 .field--name-title,
  .node--type-ct-szenario-a2 .field--name-title,
  .node--type-ct-szenario-a3 .field--name-title,
  .node--type-ct-szenario-a4-1 .field--name-title,
  .node--type-ct-szenario-a4-2 .field--name-title,
  .node--type-ct-szenario-a5-1 .field--name-title,
  .node--type-ct-szenario-a5-2 .field--name-title,
  .node--type-ct-szenario-a6 .field--name-title
{
    display:none;
}





/* END Drei Spalten Layout und Video-Anzeige END */




.site-footer__bottom
{
    padding-left:10px;
    padding-right:10px;
    border-top: 0px solid #888 !important;
    margin-top: 0px !important;
    margin-bottom:10px;
}

.site-footer {
    background: transparent !important; 
    padding: 0px !important;
}

.site-footer li.nav-item
{
    line-height:1 !important;
}

.site-footer__bottom .block {
    margin: 0px !important;
}


.site-footer__bottom .region {

    margin-top: 0px !important;

}



.form-check {

 padding-left: 0em !important;

}

a:link
{
    border: 0;
    text-decoration: none;
    border-bottom: 1px solid #396ea4;
}

nav a:link,
a.feed-icon
{
    border: 0;
    text-decoration: none;
    border-bottom: 0px solid #396ea4 !important;
}

a:hover,
a:active,
a:focus{
    color:#396ea4;
    text-decoration: none;
    border: 0;
    border-bottom: 1px solid #fc7430;
    width:auto !important;
}


button:hover,
button:active,
button:focus{
    background-color:#fc7430 !important;
    border: 1px solid #fc7430 !important;
}

h1, h2
{


width:100%;
}

h1
{
color:#ff9966 !important;
padding-bottom:7px !important;
border-bottom: 1px dotted #396EA4;
}

H2
{
	color: #1E4695 !important;
	border-top: 3px dotted #FF9966;
	padding-bottom: 5px !important;
	padding-top: 5px;
	font-weight: 700;
}

strong
{
color:#5a5a5a !important;
}

ol.breadcrumb li.breadcrumb-item:before
{
   color:#ff9966 !important; 
}

.progress-step.is-active .progress-marker::before {

    background-color: #fc7430 !important;

}


@media only screen and (max-width: 768px) {

.container, .container-sm {
    max-width: 600px !important;
}

/*
  .form-check .form-check-input {
    margin-left: 1.5em;
    margin-right: 1em;
  }
  
  .form-type-webform-likert tr.even:hover,
  .form-type-webform-likert tr.even:hover td {
        border: 0;
        background: #789fc6 !important;
        background-color: #789fc6!important;
    }
    
   .form-type-webform-likert tr.odd:hover,
  .form-type-webform-likert tr.odd:hover td {
        border: 0;
        background: #c6d6e5 !important;
        background-color: #c6d6e5 !important;
    }  
    
  .form-type-webform-likert .table-hover > tbody > tr {  
   --bs-table-accent-bg:transparent !important;  
   } 
   
     .form-type-webform-likert .table-hover > tbody > tr td:first-child,
     .form-type-webform-likert .table-hover > tbody > tr td:last-child {  
        padding-top:20px !important; 
        padding-bottom:20px !important; 
        padding-left:10px !important; 
        padding-right:10px !important; 
        
   } 
   

    
  .form-type-webform-likert .table-hover > tbody > tr:hover {

    
    --bs-table-accent-bg:transparent !important;
    color: #222 !important;
    
}  

.form-type-webform-likert  span.webform-likert-label
{
    position: relative !important;
    top:2px !important;
} 

*/
  #main
  {
      padding:15px !important;
  }


}


@media only screen and (max-width: 1024px) {

  .field--name-field-mehr-informationen
  {
      float:left;
      width:100%;
      
  }
  
  .field--name-field-menue
  {
      float:left;
      margin-right:0px;
      width:100%;
      margin-bottom:10px;
  
  
  }

}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .field--name-field-mehr-informationen
  {
      float:right;
      width:calc(88% - 10px);
      
  }
  
  .field--name-field-menue
  {
      float:left;
      margin-right:0px;
      width:10%;
      margin-bottom:0px;
  
  
  }

}


#block-bootstrap-barrio-child-powered .content,
#block-bootstrap-barrio-child-powered .content a
{
    margin-bottom:0px !important;
    font-size:7px !important;
    color:#999 !important;
}


#block-bootstrap-barrio-child-footer .active, .accordion:hover {
   
}

/*Design Zusammenfassung Online Darstellung*/
/* HARPI Matrix 4 Tabelle: Zusammenfassung Harnableitung */

/* haken */
.harn-zutreffend
{
    min-width:30px;
    min-height:30px;
   }

/* strich */
.harn-nicht-zutreffend
{
    min-width:30px;
    min-height:30px;
}

/* blitz */
.harn-konflikt
{
    min-width:30px;
    min-height:30px;
  }

/* hakenblitz */
.harn-zutreffend--konflikt
{
    min-width:30px;
    min-height:30px;
   }

/* strich blitz */ 
.harn-nicht-zutreffend--konflikt
{
    min-width:30px;
    min-height:30px;
}

tr.harn-rubrik
{
    //background-color:#d5e2ee;
}

tr.harn-row
{
   // background-color:#ffffff;
}

table#harn-table-matrix-harpi tr
{
    //border-bottom: 1px dotted #aaa !important;
}
TABLE#harn-table-matrix-harpi TH
{
	width: 10%;
}
TABLE#harn-table-matrix-harpi TH.harn-fragen
{
	width: 60%;
}
TABLE#harn-table-matrix-harpi .harn-row TD .harn-zutreffend-td, TABLE#harn-table-matrix-harpi .harn-row TD .harn-nicht-zutreffend-td, TABLE#harn-table-matrix-harpi .harn-row TD .harn-zutreffend--konflikt-td, TABLE#harn-table-matrix-harpi .harn-row TD .harn-nicht-zutreffend--konflikt-td
{
	text-align: center !important;
}

/* END HARPI Matrix 4 Tabelle: Zusammenfassung Harnableitung END */

/*Design Zusammenfassung Online Darstellung*/

#content FIELDSET.inline-fields .field
{
	display: inline;
}

.content .user .field__label
{
	width: auto !important;
	font-weight: bold;
}

.content .user .field__label:after
{
	content: ":";
	font-weight: bold;
}

body.path-user .field--label-inline .field__item {
  padding: 0.25rem 1rem;
  border-radius: 1rem;
  background: none;
  min-width: 50px;
  margin: 0.25rem 0;
}
.path-user LEGEND, .js-form-type-date LABEL
{
	display: none;
}
#content .user H1
{
	font-size: 25px;
}
.user-logged-in.path-user H1.title
{
	display: none;
}
.path-user .tabs .primary.nav-tabs
{
	display: none;
}
 .path-user H2
{
	font-size: 24px;
}
 .path-user H3
{
	font-size: 22px;
}
H3.h3_trenner
{
	border-top: 3px dotted #FF9966;
	margin-top: 10px;
	padding-top: 4px;
}
#content .user--type-user H3
{
	font-weight: bold;
	text-decoration: underline;
}
#content .user--type-user .group-footer H4
{
	margin-top: 15px;
	margin-bottom: 40px;
}
#content .user--type-user .taxonomy-term IMG.image-style-full-hd
{
	width: 100%;
}

.path-user .print_head H1
{
	font-size: 30px !important;
	text-align: center;
	font-weight: bold;
}
.path-user FIELDSET.name_group.form-item.js-form-wrapper.form-wrapper
{
	padding: 0 !important;
	margin: 0 !important;
}
H2
{
	margin-top: 10px;
}
.main-content .user--type-user .taxonomy-term .field__item
{
	margin-top: 10px;
}
.group-footer H3
{
	margin-top: 10px;
}
.group-footer .field--name-field-p-pref-chemo-i, .group-footer .field--name-field-p-pref-diagnose-i, .group-footer .field--name-field-p-pref-harn-i
{
	margin-bottom: 20px;
}
.field.field--name-field-a-komorbiditaet.field--label-inline
{
	margin-bottom: -10px;
}
.user--type-user .info-small
{
	font-size: 12px;
	margin-top: -10px;
	margin-bottom: 30px;
}
TABLE.sektion_table
{
	margin-top: 8px;
	background: #3689D5;
	color: #FFFFFF;
}
TABLE.sektion_table:hover
{
	margin-top: 8px;
	color: #000000;
}
TR TD:nth-of-type(2n+1)
{
	background-color: #DBE7F2 !important;
	padding-top: 4px;
	padding-bottom: 8px;
}
TR TD:nth-of-type(2n+0)
{
	background-color: #C6D4E3 !important;
	padding-top: 4px;
	padding-bottom: 8px;
}
.user--type-user .taxonomy-term IMG.image-style-full-hd
{
	width: 100%;
	height: auto;
}
@media screen
{
.user--type-user .group-footer .print_head H1
{
	margin-top: 60px;
	border-top: 5px solid #D5E2EE;
	padding-top: 30px;
}
}
@media (max-width: 991px)
{
	.user .field
	{
		font-size: 12px;
	}	
}
@media (max-width: 767px)
{
	.user .field
	{
		font-size: 10px;
	}
}
@media (max-width: 575px)
{
	.user .field
	{
		font-size: 8px;
	}
}
@media (max-width: 480px)
{
	
	#content .content .user.user--type-user .field--name-field-d__wie-wichtig-ist-es-fuer.field__item TABLE TD, #content .content .user.user--type-user .field--name-field-wie-wichtig-ist-es-fuer-si.field__item TABLE TD
	{
		font-size: 5px !important;
		padding: 1.5px !important;
	}

}
@media only screen and (max-width: 767px)
{
	H1.title .field--name-title
	{
		font-size: 16pt !important;
	}
	.user.user--type-user H1
	{
		font-size: 16px !important;
	}
	.main-content .content .field--name-body
	{
		font-size: 16pt !important;
	}
	#content .user.user--type-user .fieldset-wrapper .field.field--label-inline
	{
		display: block;
		font-size: 14px;
	}
	#content .content .user.user--type-user .field--name-field-d__wie-wichtig-ist-es-fuer.field__item TABLE TD
	{
		font-size: 4px !important;
		padding: 1.5px !important;
	}
	.container #content .user.user--type-user .field__item TABLE TD.sektion_header
	{
	font-size: 14px;
	}
	#content.main-content DIV.field.field--label-inline
	{
	font-size: 13px !important;
	}
	#content .content .user.user--type-user .field.field--name-field-erklaerungsseite.field--type-entity-reference .group-middle
	{
	font-size: 12px;
	}
}



/* ---------- Node Pages ---------- */

#comments .title,
#comments form,
.comment-forbidden {
  display: none;
}

.print-site_name, .print-breadcrumb, .print-title
{
	display: none;
}

}