/**
 * @file
 * Subtheme specific CSS.
 */
/*Design HTML Content Background*/
html {
    background-color: #3689d5;
}

/* 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;
  }
}

/* START 20231117 START */

.path-user legend {
    margin-bottom: 0rem !important;
}
.path-user .form-group {
    margin-bottom: 0px !important;
}

.page-user-6
{
	/* color:#ff0000 !important; */
}


.path-user .content .field--name-field-info-uroletics, 
.path-user .content .field--name-field-d__info-uroletics
{
	margin-bottom: 40px !important; 
	font-size:12pt;

}

/* END 20231117 END */

/*Back Button Log-in*/
.site-footer button {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
	border-radius: 6px;
	padding: 8px;
}

/*Design Main Content Background*/
#main.container{
	background:#EAF0F4;
	background: linear-gradient(to bottom, #BCD4E6 0%, #FFFFFF 100%);
	}

/*Design Main Content Title, Body*/
@media (max-width: 991px)
{
	H1.title .field--name-title
	{
		font-size: 22pt;
	}
	
	.main-content .content .field--name-body
	{
		font-size: 12pt;
	}	
}

@media (max-width: 767px)
{
	H1.title .field--name-title
	{
		font-size: 18pt;
	}
	
	.main-content .content .field--name-body
	{
		font-size: 11pt;
	}	
}

@media (max-width: 575px)
{
	H1.title .field--name-title
	{
		font-size: 16pt;
	}
	
	.main-content .content .field--name-body
	{
		font-size: 10pt;
	}	
}

@media (max-width: 480px)
{
	H1.title .field--name-title
	{
		font-size: 14pt;
	}
	.main-content .content .field--name-body
	{
		font-size: 8pt;
	}
	.user.user--type-user H1
{
	font-size: 12px !important;
}
}

/*Design Einfache Seite*/
@media (max-width: 767px)
{
	.node--type-page #content.main-content .field--name-body.field__item
	{
	font-size: 15px !important;
	}

}
@media (max-width: 575px)
{
	.node--type-page #content.main-content .field--name-body.field__item
	{
	font-size: 14px !important;
	}

}
@media (max-width: 480px)
{
	.node--type-page #content.main-content .field--name-body.field__item
	{
	font-size: 13px !important;
	}

}

/*Design Footer Links*/
.footer_left A
{
	color: #F8FAFC;
	padding-right: 3%;
	display:inline;
	font-size: 14px;
}
.footer_left A:hover
{
	color: #15476D;
}
#block-footermenu.footer_left.block
{
	width: 100%;
}
#block-bootstrap-barrio-subtheme-pa-footermenu-visitor {
	width: 100%;
}
@media (max-width: 480px)
{
	#block-footermenu .content .field__item DIV.footer_item
	{	
	display: grid;
	font-size: 10px;
	padding: 0 0 0 10px;
	}
	#block-footermenu .content .field__item DIV.footer_item A
	{	
	margin: 2px 0 -10px;
	}	
}



/*Design Informationseite Videoeinbindung über View*/
#page #main .view-id-videoeinbindung_nur_hauptgruppen.view-display-id-default .view-content.row DIV
{
	/*border: 1px solid black;*/
	width: 100%;
	padding: 0 4px;
}

#page #main .view-id-videoeinbindung_nur_hauptgruppe_potenz_intermediate_high_risk.view-display-id-default .view-content.row DIV
{
	/*border: 1px solid black;*/
	width: 100%;
	padding: 0 4px;
}

#page #main .view-id-duplikat_von_videoeinbindung_nur_hauptgruppen_potenz.view-display-id-default .view-content.row DIV
{
	/*border: 1px solid black;*/
	width: 100%;
	padding: 0 4px;
}
#page #main .view-id-videoeinbindung_high_risk_fortgeschritten_morbid.view-display-id-default .view-content.row DIV
{
	/*border: 1px solid black;*/
	width: 100%;
	padding: 0 4px;
}
#page #main .view-id-videoeinbindung_low_intrmdiate_morbid.view-display-id-default .view-content.row DIV
{
	/*border: 1px solid black;*/
	width: 100%;
	padding: 0 4px;
}

/*Design Header*/
HEADER .pa_header_wrapper IMG{width:100%;height:auto;}

HEADER#header.header .container #block-head-v20212
{
	padding-bottom: 0;
	margin-bottom: -20px;
}

/*Design Navbar*/
#navbar-main.navbar.navbar_main_pa DIV.container{background-color:#EAEAEA;}
#navbar-main.navbar.navbar_main_pa A {color:#104268;margin:5px 0;}
#navbar-main.navbar_main_pa DIV.container .active{font-weight:bold;}
#navbar-main.navbar_main_pa .nav-link:hover{background-color:#3689D5;color:#FFFFFF;border-radius:8px;}


/*Design Sidebar Variante 2 Design über DIV und A Classes*/
.container .sidebar .pa_sidebar_menu
{
	background-color: transparent;
	border: none;
}
.pa_sidebar_button_img A
{
	display: inline-table;
	width: 100%;
	background-color: #E3EEF4;
	padding: 10px 10px 10px 16px;
	color: #000000;
	/*+border-radius:6px;*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	/*+box-shadow:-1px 1px 4px 2px #B8BEC0;*/
	-moz-box-shadow: -1px 1px 4px 2px #B8BEC0;
	-webkit-box-shadow: -1px 1px 4px 2px #B8BEC0;
	-o-box-shadow: -1px 1px 4px 2px #B8BEC0;
	box-shadow: -1px 1px 4px 2px #B8BEC0;
}
.pa_sidebar_button_img :hover
{
	background-color: #ffffff;
}
.pa_sidebar_menu_active .pa_link_img
{
	background-color: #3689D5;
	color: #FFFFFF;
}
.sidebar .block {
       padding: 0px 15px 15px 15px;
        padding-top: 0px;
        padding-right: 15px;
        padding-bottom: 0px;
        padding-left: 15px;
	margin-bottom: 15px;
}

/*Design Sidebar Mobile Menü CSS*/
@media (max-width: 991px)
{
	DIV.pa_sidebar_button_img A.pa_link_img
	{
		padding: 10px;
		font-size: xx-small;
	}
}
@media (max-width: 767px)
{
	DIV.pa_sidebar_button_img A.pa_link_img
	{
		padding: 15px;
		font-size: large;
	}
}
/* Anpassungen Log-in Buttons */
#sidebar_second .login_button.block-block-content
{
	background-color: transparent;
	border: none;
}
.sidebar_second .pa_sidebar_button_img A
{
	color: #FFF;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12pt;
}
.sidebar_second .pa_sidebar_button_img A.pa_link_img
{
	background-color: #3589D5;
	text-decoration: none;
}
.sidebar_second .pa_sidebar_button_img A.pa_link_img:hover
{
	background-color: #D8E6EF;
	color: #3589D5;
}

#user-login-form a {
	display: none;
}


#edit-actions #edit-submit {
	margin-bottom: 10px;
}

/* Anpassungen Log-in Buttons - End*/
.page-node-65 .sidebar_second
{
	padding-top: 20px;
}
.page-node-78 .sidebar_second
{
	padding-top: 20px;
}

/*Design Weiter Button Navigation CSS*/
DIV.weiter_button_nav
{
	margin-bottom: 30px !important;
	/*+placement:float-right;*/
	float: right;
	margin-top: 10px;
	min-width: 120px;
}
.weiter_button_nav A
{
	padding: 8px 25px;
	/*+border-radius: 8px;*/
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #797979;
	background-color: #3689D5;
	float: right;
	/*+box-shadow: 3px 4px 5px #626262;*/
	-moz-box-shadow: 3px 4px 5px #626262;
	-webkit-box-shadow: 3px 4px 5px #626262;
	box-shadow: 3px 4px 5px #626262;
	color: #F8FAFC;
	text-align: center;
}

.weiter_button_nav A:hover
{
	background-color: #FFFFFF;
}

@media (max-width: 480px)
{
	DIV.pa_sidebar_button_img A.pa_link_img
	{
	padding: 10px;
	font-size: small;
	}
}
@media (max-width: 767px)
{
	.section .weiter_button_nav
{
	width: 95%;
	margin: 10px 10px 30px 8px !important;
}

}


/*Design Druck Button*/
#content.main-content #block-print .content .text-formatted.field.field--name-body.field__item P BUTTON
{
	padding: 10px 16px;
	/*+border-radius: 8px;*/
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	background-color: #3689D5;
	color: #FFFFFF;
}
#content.main-content #block-print .content .text-formatted.field.field--name-body.field__item P BUTTON:hover
{
	padding: 10px 16px;
	/*+border-radius: 8px;*/
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	background-color: #EAEAEA;
	color: #000000;
}

/*Design Navigationsbar CSS*/
@media (min-width: 992px)
{
	.navbar_main_pa .container #CollapsingNavbar.justify-content-end
	{
		/*+placement: float-left;*/
		float: left;
		position: relative;
		left: 0;
		top: 0;
		/*+flex: none;*/
		-webkit-box-flex: none;
		-webkit-flex: none;
		-moz-box-flex: none;
		-moz-flex: none;
		-ms-flex: none;
		flex: none;
	}
}
@media (min-width: 992px)
{
	.navigation.menu--main .nav LI.nav-item
	{
		margin-right: 20px;
	}
}
@media (min-width: 1200px)
{
	.navigation.menu--main .nav LI.nav-item
	{
		margin-right: 40px;
	}
}
@media (max-width: 991px)
{
	.menu--main .navbar-nav .nav-item A.nav-link
	{
		padding-left: 20px;
		font-size: 20px;
	}
	DIV.container BUTTON.navbar-toggler.navbar-toggler-right
	{
		width: 100%;
		background-color: #282828;
		/*+border-radius: 0;*/
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-khtml-border-radius: 0;
		border-radius: 0;
	}
	DIV.container BUTTON.navbar-toggler.navbar-toggler-right:after
	{
		content: "≡ Menü";
		color: #EAEAEA;
	}
}
/*Design Banner Warnung bei Metastasierung*/
.banner_metastasen
{
	/*+border-radius:8px;*/
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	background-color: #80ABCE;
	color: #FFFFFF;
	padding: 8px;
	margin-bottom: 8px;
	font-size: 18px;
}

/*Design Zusammenfassung Online Darstellung*/
.content-visible
{
    visibility:visible;
}

.content-invisible
{
    visibility:hidden;
}
#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;
}
#content .user H1
{
	font-size: 25px;
}
TABLE.sektion_table
{
	margin-top: 8px;
	background: #3689D5;
	color: #FFFFFF;
}


TABLE.sektion_table:hover
{
	margin-top: 8px;
	color: #000000;
}

@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;
	}


}
/*Design Log-out Block*/
.site-footer .block {
    margin: 0px 0px;
    border: none;
    border-color: rgba(255, 255, 255, 0.1);
    padding: 0px;
    font-size: 1em;
}
.site-footer .block .content{
    font-size: 1em;
    color: #fff;
}
.site-footer .block .content :hover{
    color: #0056b3;
    background-color: #fff;
    text-decoration: none;
    border-radius: 8px;
}

/*Design Startseite Log-in Block*/
/*Ausblenden des Passwort Rests*/
a.request-password-link {
    display: none;
    margin: 0;
    padding: 0;
}
.path-user #page A.nav-link.nav-link--user-password
{
	display: none;
}
#main.container #sidebar_second.sidebar_second .section DIV#block-benutzeranmeldung.block.block-user.block-user-login-block
{
	background: none;
	border: 2px solid #FFFFFF;
	border-radius: 10px;
	box-shadow: 5px 7px 7px 2px #C5DAEA;
}
.block-user-login-block UL.list-group LI.list-group-item
{
	display: none;
}
#block-benutzeranmeldung.block.block-user.block-user-login-block H2
{
	padding: 10px 0 0;
}
/*Design Startseite Log-in Block- Passwort eye*/
#main #user-login-form.user-login-form SPAN.shwpd
{
	margin-top: -25px;
}

/*  Thermometer */

#edit-8-16-lqsb-t0--wrapper
{
float:left;
margin-right:20px;
}

#edit-seite-6 .form-item-studienteilnahme
{
clear:both;
}

/*Design Webform Formulare*/
.content .webform-submission-form .fieldset-legend
{
	font-size: 16px;
	font-weight: bold;
}
.content .webform-submission-form .form-group LABEL
{
	font-size: 16px;
}
.form-group FIELDSET.form-type-datelist.form-group LABEL
{
	font-weight: bold;
}
.content .webform-submission-form FIELDSET.form-type-number.form-group LABEL
{
	font-weight: bold;
}
.webform-submission-form.webform-submission-wcca-form-3-form #edit-seite-2 .form-item-.form-no-label
{
	font-weight: bold;
}
.content .webform-submission-wcca-form-3-form #edit-seite-2 .form-no-label.form-group .heading
{
	font-weight: normal;
	font-size: 17px;
}
.webform-submission-form FIELDSET.form-group INPUT
{
	max-width: 300px;
}



.content FORM.webform-submission-form .webform-actions .webform-button--next.button.form-submit
{
	margin-bottom: 10px;
	float: right;
}
.content .webform-submission-form .webform-actions .webform-button--submit.form-submit.btn-primary
{
	float: right;
}
@media (max-width: 480px)
{
	.webform-submission-wcca-form-2-form #edit-seite-6 FIELDSET.js-form-item.js-form-type-processed-text.form-type-processed-text.form-no-label.form-group
	{
	display: block;
	clear: both;
	}
	.webform-submission-wcca-form-2-form #edit-seite-6 .form-item-.form-no-label P IMG
	{
	max-height: 180px;
	max-width: 180px;
	}
}

/*Design HTML Webform Buttons*/
.webform-options-display-buttons .webform-options-display-buttons-wrapper {
    flex: 1 !important;
    margin: 0 5px 10px 5px !important;
}

.form-checkboxes .form-item, .form-radios .form-item {
    margin-top: 0.4em !important;
    margin-bottom: 0.4em !important;
}

.webform-options-display-buttons .form-item {
    display: table !important;
    width: 100% !important;
    height: 100% !important;
}

.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label {
    color: #000 !important;
    border-color: #0074bd !important;
}
.webform-options-display-buttons label.webform-options-display-buttons-label {
    display: table-cell !important;
    height: 100% !important;
    padding: 10px !important;
    text-align: center !important;
    vertical-align: middle !important;
    color: #666 !important;
    border: 3px solid #ccc !important;
        border-top-color: rgb(204, 204, 204) !important;
        border-right-color: rgb(204, 204, 204) !important;
        border-bottom-color: rgb(204, 204, 204) !important;
        border-left-color: rgb(204, 204, 204) !important;
    border-radius: 3px !important;
    background-color: #fff !important;
}

.visually-hidden {
    position: absolute !important !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    width: 1px !important;
    height: 1px !important;
    word-wrap: normal !important;
}
/*Design Log-out Button, Body*/
@media (max-width: 480px)
{
	#block-bootstrap-barrio-subtheme-pa-account-menu.weiter_button_nav.navigation A.nav-link.nav-link--user-logout
	{
	border: 1px solid black;
	min-width: 320px;
	margin: auto auto auto 20px;
	}
}

/*Design Fragebögen*/
#content .webform-submission-edit-form.webform-details-toggle DETAILS.webform-submission-information
{
	display: none;
}


/*Design Print CSS*/
@media print {
body,
input,
textarea,
select {
  color: #000;
  background: none;
}  
}

/*Design Logo und Bilder Einfache Seite*/
#content .content .node.node--view-mode-full .field--name-field-bild-logo.field__item IMG
{
	max-width: 600px;
	max-height: 133px;
}
@media (max-width: 767px)
{
	#content .content .node.node--view-mode-full .field--name-field-bild-logo.field__item IMG
{
	max-width: 300px !important;
	max-height: 66.5px !important;
}

}

/*Custom CSS Anpassung Browser- Sytemspezifisch*/
@supports (-webkit-touch-callout: none) {
	.page-node-70 #page .field--name-field-custom-textfeld.field__item
	{
	display: none;
	}
}


#content.main-content #block-print::before
	{
		overflow-x:hidden !important;
	}
body.path-user
	{
		overflow-x:hidden !important;
	}	
@media screen and (min-width:0px) { 

	body.path-user
	{
		overflow-x:hidden !important;
	}	

	#content.main-content #block-print::before
	{
		position:absolute; 
		display:table !important;
		top:-12px !important;
		right:-12px !important;
		content:url("/sites/default/files/2021-07/Logo_Patientenakademie.jpg") !important;
		width:1px !important; 
		height:1px !important;
		visibility:hidden;
		overflow-x:hidden !important;
	}

}
/*Design Banner Info V16*/
#page .container .infobanner_V16.block
{
	background-color: #FFFFFF;
	padding: 0 0 0 15px;
	border-top: 5px solid #3689D5;
	width: 100%;
}

/* Design Anpassung Spendenbutton */
.spenden_button_nav A
{
	padding: 8px 25px;
	/*+border-radius: 8px;*/
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #797979;
	background-color: #3689D5;
	float: left;
	/*+box-shadow: 3px 4px 5px #626262;*/
	-moz-box-shadow: 3px 4px 5px #626262;
	-webkit-box-shadow: 3px 4px 5px #626262;
	box-shadow: 3px 4px 5px #626262;
	color: #F8FAFC;
	text-align: center;
}

/* Design Anpassung Spendenbutton für Druckversion*/
@media screen
{
	#block-spendenaufruf-print {
  	display: none;
	}
}

/*Design Sidebar Variante 1 Design über Block CSS*/
#main.container .pa_sidebar_menu{
/*+border-radius:4px;*/
/*	-moz-border-radius: 4px;		*/
/*	-webkit-border-radius: 4px;		*/
/*	-khtml-border-radius: 4px;		*/
/*	border-radius: 4px;			*/
/*	border: 2px solid #FFFFFF;		*/	
/*	background-color: #E3EEF4;		*/	
/*	padding: 10px 10px 10px 16px;		*/	
/*	color: #000000;				*/	
/*	/*+border-radius:3px;*/			*/
/*	-moz-border-radius: 3px;		*/	
/*	-webkit-border-radius: 3px;		*/	
/*	-khtml-border-radius: 3px;		*/	
/*	border-radius: 3px;			*/	
/*	/*+box-shadow:-1px 1px 4px 2px #B8BEC0;		*/	
/*	-moz-box-shadow: -1px 1px 4px 2px #B8BEC0;	*/	
/*	-webkit-box-shadow: -1px 1px 4px 2px #B8BEC0;	*/
/*	-o-box-shadow: -1px 1px 4px 2px #B8BEC0;	*/	
/*	box-shadow: -1px 1px 4px 2px #B8BEC0;		*/
/*	margin: 0 0 12px;				*/
/*	}						*/
/*#main.container .pa_sidebar_menu :hover{		*/
/*	color: #ffffff;					*/
/*}							*/	
/*#main .pa_sidebar_menu.pa_sidebar_menu_active		*/	
/*{							*/
/*	background-color: #FFFFFF;			*/
/*}							*/
/*Design Changes D10 without color Module*/
#navbar-top {
background-color: #1d84c3;
}
#page, #main-wrapper, .region-primary-menu .menu-item a.is-active, .region-primary-menu .menu-item--active-trail a {
background: #1d84c3;
}
.site-footer {
background: #1d84c3;
}