/*Falls es Probleme mit Bildern gibt, das hier wieder aktivieren:*/
/* start - News ################################################################################################################################## */
html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	font-size: 100.01%;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	color: #333;
	background: #ebebeb url(../layout/background-page11.png) no-repeat fixed right 38px;
}

A, A:visited {
	color: #800000;
	text-decoration: underline;
}
A:hover {
	text-decoration: none;
}

.nowrap {
	white-space: nowrap;
}

/* Video Startseite */
body.pid-2 #c287 video#videoMalerwinkelTeaser {
	max-width: 100%;
	height: auto;
}
/* Startseite: Bildwechsel im Museum-Eingang – fester Rahmen (inkl. 2px-Bildrand).
   :has() ermoeglicht die gezielte Ansprache des von TYPO3 erzeugten <figure>,
   ohne die weiteren Bilder derselben Galerie zu beeinflussen. */
.ce-gallery figure.image:has(img.startseite-image-change) {
	display: block;
	width: 220px;
	height: 309px;
	box-sizing: border-box;
	overflow: hidden;
}
.ce-gallery figure.image:has(img.startseite-image-change) > a {
	display: block;
	width: 100%;
	height: 100%;
}
.ce-gallery img.startseite-image-change {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	box-sizing: border-box;
	object-fit: cover;
	object-position: center;
}
@media all and (max-device-width: 950px), all and (max-width: 950px) {
	/*
	Startseite: pid-2
	Römerausstellung: pid-25
	*/
	body.pid-2 #c287 .ce-textpic,
	body.pid-25 #c104 .ce-textpic {/* linke und rechte Spalte */
		display: grid;
	}
	body.pid-2 #c287 .ce-gallery,
	body.pid-2 #c287 .ce-bodytext {/* linke und rechte Spalte */
		display: ruby;
		width: 100%;
		float: none;
	}
	body.pid-25 #c104 .ce-gallery,
	body.pid-25 #c104 .ce-bodytext {/* linke und rechte Spalte */
		display: block;
		width: 100%;
		float: none;
	}
	body.pid-2 #c287 .ce-gallery > .ce-row {/* linke Spalte */
		margin: 0 auto;
		margin-bottom: 30px;
	}
	body.pid-25 #c104 .ce-gallery > .ce-row {/* linke Spalte */
		margin-bottom: 30px;
		float: left;
		display: block;
		width: 150px;
		margin-right: 10px;
	}
	body.pid-2 #c287 .ce-gallery {/* linke Spalte */
		order: 2;
		display: grid;
		margin: 30px 0 0 0;
		max-width: 100%;
	}
	body.pid-25 #c104 .ce-gallery {/* linke Spalte */
		order: 2;
		display: block;
		margin: 30px 0 0 0;
		max-width: 100%;
	}
	body.pid-2 #c287 .ce-bodytext,
	body.pid-25 #c104 .ce-bodytext {/* rechte Spalte */
		order: 1;
	}
	body.pid-25 #c104 .ce-bodytext p {
		display: table-header-group;
		text-align: left;
		float: none;
		position: inherit;
	}
	/* Video Startseite */
	body.pid-2 #c287 video#videoMalerwinkelTeaser {
		max-width: 100%;
		height: auto;
	}
}

/* Stylesheets für TinyMCE theme_advanced_styles, Button heißt "styleselect", siehe Seite > root > Seiteneigenschaften > Optionen > TSconfig */
#divContent P.pu15 {
	padding-bottom: 15px;
}

#divContent P.pu20 {
	padding-bottom: 20px;
}

#divContent P.pu25 {
	padding-bottom: 25px;
}

#divContent H1, #divContent H2, #divContent H3, #divContent H4, #divContent H5, #divContent H6,
DIV.csc-header H1, DIV.csc-header H2, DIV.csc-header H3, DIV.csc-header H4, DIV.csc-header H5, DIV.csc-header H6, 
H1, H2, H3, H4, H5, H6 {
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	color: #800;
	font-size: 17px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 25px 0;
}
#divContent H2, H2 { font-size: 16px; padding-bottom: 8px; }
#divContent H3, H3 { font-size: 15px; padding-bottom: 6px; }
#divContent H4, H4 { font-size: 14px; padding-bottom: 5px; }
#divContent H5, H5 { font-size: 13px; padding-bottom: 3px; }
#divContent H6, H6 { font-size: 12px; padding-bottom: 2px; }

/* Linie davor und danach wrappen */
div.csc-frame-rulerBefore hr,
div.csc-frame-rulerAfter hr,
hr {
	margin: 15px 0 12px 0;
	padding: 0;
	height: 1px;
	background-color: #fff;
	border: none;
}
.frame-ruler-after::after {
	content: '';
	display: block;
	border-bottom: 1px solid #fff;
	margin-top: 2em;
}
.frame-ruler-before::before {
	content: '';
	display: block;
	border-top: 1px solid #fff;
	margin-bottom: 2em;
}

#tablePageWrapper {
	width: 100%;
	height: 100%;
}
#tablePageWrapper {
	max-width: 1200px;
}

#tdContent {
}

/* start - Menü Top ############################################################################################################# */

.tdMenuTop {
	text-align: right;
}

#divMenuTop {
	height: 25px;
	margin: 5px 25px 0 0;
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	font-weight: normal;
	color: #800000;
	font-size: 11px;
}
#divMenuTop A, 
#divMenuTop A:visited {
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	font-weight: normal;
	color: #800000;
	font-size: 11px;
	text-decoration: underline;
}
#divMenuTop A:hover {
	text-decoration: none;
}

@media all and (min-width: 950px) {
	#divMenuTop {
		display: inline-block;
	}
	#divMobileHeaderSwitchMenu,
	#divMenuTopMobile {
		display: none;
	}
}
@media all and (max-device-width: 950px), all and (max-width: 950px) {
	#tdMenuLeft,
	#divMenuTop,
	#divFooterLeft,
	#divFooterRight {
		display: none;
	}
	#divMobileHeaderSwitchMenu {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 32px;
		line-height: 32px;
		text-align: left;
		background-color: #800000;
		opacity: 0.9;
		z-index: 1000;
		padding: 5px 0 0 0;
	}
	#divMobileHeaderSwitchMenu a {
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		text-decoration: none;
		display: block;
		padding-left: 15px;
	}
	#divMobileHeaderSwitchMenu a:before {
		content: '';
		width: 26px;
		height: 19px;
		background: transparent url(../layout/hamburger-menu-weiss26x19.png) no-repeat 0 0;
		display: inline-block;
		margin-right: 10px;
	}
	.mobileHeaderCompanyName {
		position: absolute;
		left: 50%;
		top: 4px;
		margin-left: -130px;
		color: #fff;
		font-size: 17px;
	}
	.mobileHeaderCompanyName::before {
		content: '';
		width: 56px;
		height: 30px;
		background: transparent url(../layout/logo-malerwinkelhaus-weiss.png) no-repeat 0 0;
		display: inline-block;
		margin-left: -32px;
		background-size: contain;
		position: absolute;
	}
	#divMenuTopMobile {
		position: relative;
		top: 0;
		left: 0;
		z-index: 98;
		display: none;
		text-align: left;
	}
}

@media all and (max-device-width: 550px), all and (max-width: 550px) {
	.mobileHeaderCompanyName {
		left: unset;
		right: 10px;
	}
}

@media all and (max-device-width: 500px), all and (max-width: 500px) {
	#divMobileHeaderSwitchMenu a {
		padding-left: 0;
	}
}

/* im mobilen Menü die aktiven Punkte hervorheben */
.menuMobileWrapper .Mact1 > a:before {
	content: ' • ';
}
body#pid-order .menuMobileWrapper .Mact1 > a:before {
	content: '';
}
.menuMobileWrapper .Mnav2 a.Mact2plus,
.menuMobileWrapper .Mnav3 a.Mact3plus {
	font-weight: bold;
}
.menuMobileWrapper .Mnav2 a.Mact2plus:before,
.menuMobileWrapper .Mnav3 a.Mact3plus:before {
	content: ' • ';
}

/* ende - Menü Top ############################################################################################################# */

/* start - Menü Left ############################################################################################################# */

#tdMenuLeft {
	width: 304px;
	background: transparent url(../layout/silhouette-navigation.png) no-repeat fixed 54px 0px;
}

#divMenuLeft {
	padding: 0 0 0 0;
	margin: 28px 0 0 25px;
}

#tableLeftNav, #tableLeftNavEmpty {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#tableLeftNavEmpty {
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	font-size: 14px;
}

#tdE1Link, #tdE1LinkAktiv {
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
}

#divMenuLeft #tableLeftNav #tdE1Link A, 
#divMenuLeft #tableLeftNav #tdE1Link A:visited, 
#divMenuLeft #tableLeftNav #tdE1LinkAktiv A, 
#divMenuLeft #tableLeftNav #tdE1LinkAktiv A:visited {
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	font-weight: normal;
	color: #7F7F7F;
	font-size: 14px;
	text-decoration: none;
}

#divMenuLeft #tableLeftNav #tdE1Link A:hover, 
#divMenuLeft #tableLeftNav #tdE1LinkAktiv A, 
#divMenuLeft #tableLeftNav #tdE1LinkAktiv A:visited {
	color: #800000;
}

#divMenuLeftEmpty {
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	font-size: 14px;
	display: block;
}

#divE2,
#divE2aktiv {
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
}

#divE2 A, #divE2 A:link, #divE2 A:visited, #divE2 A:active,
#divE2aktiv A, #divE2aktiv A:link, #divE2aktiv A:visited, #divE2aktiv A:active {
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	color: #7F7F7F;
	font-size: 12px;
	text-decoration: none;
}

#divE2 A:hover,
#divE2aktiv A, #divE2aktiv A:link, #divE2aktiv A:visited, #divE2aktiv A:active, #divE2aktiv A:hover {
	color: #800000;
}

#divE3,
#divE3aktiv {
	padding: 0 0 0 35px;
	margin: 0 0 0 0;
}

#divE3 A, #divE3 A:link, #divE3 A:visited, #divE3 A:active,
#divE3aktiv A, #divE3aktiv A:link, #divE3aktiv A:visited, #divE3aktiv A:active {
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	color: #7F7F7F;
	font-size: 11px;
	text-decoration: none;
}

#divE3 A:hover,
#divE3aktiv A, #divE3aktiv A:link, #divE3aktiv A:visited, #divE3aktiv A:active, #divE3aktiv A:hover {
	color: #800000;
}

#divE4,
#divE4aktiv {
	padding: 0 0 0 50px;
	margin: 0 0 0 0;
}
#divE4 A, #divE4 A:link, #divE4 A:visited, #divE4 A:active,
#divE4aktiv A, #divE4aktiv A:link, #divE4aktiv A:visited, #divE4aktiv A:active {
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	color: #7F7F7F;
	font-size: 11px;
	text-decoration: none;
}
#divE4 A:hover,
#divE4aktiv A, #divE4aktiv A:link, #divE4aktiv A:visited, #divE4aktiv A:active, #divE4aktiv A:hover {
	color: #800000;
}

#divE5,
#divE5aktiv {
	padding: 0 0 0 65px;
	margin: 0 0 0 0;
}
#divE5 A, #divE5 A:link, #divE5 A:visited, #divE5 A:active,
#divE5aktiv A, #divE5aktiv A:link, #divE5aktiv A:visited, #divE5aktiv A:active {
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	color: #7F7F7F;
	font-size: 10px;
	text-decoration: none;
}
#divE5 A:hover,
#divE5aktiv A, #divE5aktiv A:link, #divE5aktiv A:visited, #divE5aktiv A:active, #divE5aktiv A:hover {
	color: #800000;
}


/* ende - Menü Left ############################################################################################################# */

/* start - Content ############################################################################################################# */

#tableContent {
	width: 100%;
}

#divContent {
	margin: 0;
	padding: 10px 25px 80px 35px;
	font-size: 12px;
}
@media all and (max-device-width: 950px), all and (max-width: 950px) {
	#divContent {
		padding-top: 42px;
	}
}
@media all and (max-device-width: 500px), all and (max-width: 500px) {
	#divContent {
		padding-top: 84px;
	}
	#divMobileHeaderSwitchMenu {
		height: 74px;
		line-height: 32px;
		padding: 5px 0 0 15px;
	}
	.mobileHeaderCompanyName {
		top: 46px;
		font-size: 17px;
		margin: 0;
		right: 35px;
	}
	#divContent .ce-left .ce-gallery,
	#divContent .ce-left .ce-bodytext {
		display: block;
		width: 100%;
	}
}
@media all and (max-device-width: 400px), all and (max-width: 400px) {
	.mobileHeaderCompanyName {
		font-size: 16px;
	}
}
@media all and (max-device-width: 360px), all and (max-width: 360px) {
	.mobileHeaderCompanyName {
		font-size: 14px;
	}
}

#divContent .text-right {
	text-align: right;
}
#divContent .text-left {
	text-align: left;
}
#divContent .text-center {
	text-align: center;
}

/* ende - Content ############################################################################################################# */

#divFooterLeft {
	position: fixed;
	bottom: -10px;
	left: 219px;
	width: 116px;
	height: 130px;
	z-index: 10;
}

#divFooterRight {
	position: fixed;
	bottom: -10px;
	left: 335px;
	width: 438px;
	height: 50px;
	z-index: 11;
}

.unsichtbar {
	display: none;
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	font-size: 0.1em;
}

IMG {
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	font-size: 10px;
}

SUB, SUP {
  line-height: 0px;
  font-size: 60%;
  font-family: Verdana, "Lucida Sans Unicode", sans-serif;
}

A IMG {
	border: none;
}

/* ##################### ende - Logos ######################## */

/* ##################### start - Main ######################## */

/* Space below each image (also in-between rows), Bildeigenschaften */
#divContent .csc-textpic-caption { font-size: 11px; color: #800000; padding: 3px 0px 0px 0px; }

#divContent A, #divContent A:visited {
	color: #800000;
	text-decoration: underline;
}
#divContent A:hover {
	text-decoration: none;
}
#divContent H1 A, #divContent H2 A, #divContent H3 A, #divContent H4 A, #divContent H5 A, #divContent H6 A, 
#divContent H1 A:link, #divContent H2 A:link, #divContent H3 A:link, #divContent H4 A:link, #divContent H5 A:link, #divContent H6 A:link, 
#divContent H1 A:visited, #divContent H2 A:visited, #divContent H3 A:visited, #divContent H4 A:visited, #divContent H5 A:visited, #divContent H6 A:visited, 
#divContent H1 A:active, #divContent H2 A:active, #divContent H3 A:active, #divContent H4 A:active, #divContent H5 A:active, #divContent H6 A:active {
	color: #800000;
	text-decoration: underline;
}
#divContent H1 A:hover, #divContent H2 A:hover, #divContent H3 A:hover, #divContent H4 A:hover, #divContent H5 A:hover, #divContent H6 A:hover {
	text-decoration: none;
}

P.bodytext A, P.bodytext A:visited,
P A, P A:visited {
	color: #800000;
	text-decoration: underline;
}
P.bodytext A:hover,
P A:hover {
	text-decoration: none;
}

/* ##################### ende - Main ######################## */

/* ##################### start - Main Normal ######################## */

#divContent P.bodytext,
#divContent P {
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	margin: 0 0 6px 0;
	padding: 0 0 0 0;
}

/* ##################### ende - Main Normal ######################## */

.standardText1Small {
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	font-size: 10px;
}

.standardText2Normal {
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
}

.standardText3Big {
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	font-size: 14px;
}

.standardText4Bigger {
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	font-size: 16px;
}

.standardText5Biggest {
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	font-size: 18px;
}

/* begin Nav ###################################################### */

/* ##################### end Nav ##################### */

img.imgBildRahmen {
border-top: 1px #c0c0c0 solid;
border-left: 1px #c0c0c0 solid;
border-bottom: 1px #808080 solid;
border-right: 1px #808080 solid;
}

.rahmenPassbilder {
border-top: 1px #cccccc solid;
border-left: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
border-right: 1px #cccccc solid;
}

/* Begin - Forms */

.inputBestellVisible {
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	color: #800000;
	width: 40px !important;
	border-bottom: 1px #999 solid;
	border-right: 1px #999 solid;
	border-left: 1px #999 solid;
	border-top: 1px #999 solid;
	font-weight: bold !important;
	background-color: #e5e5e5;
}

.inputBestellInvisible {
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	color: #000;
	width: 90px !important;
	border: none !important;
	background: none !important;
}

#powermail_field_ihrenachrichtanuns {
	width: 400px;
	max-width: 100% !important;
	border-bottom: 1px #999 solid;
	border-right: 1px #999 solid;
	border-left: 1px #999 solid;
	border-top: 1px #999 solid;
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	background-color: #e5e5e5;
}
.powermail_input {
	width: 400px;
	max-width: 100% !important;
	border-bottom: 1px #999 solid;
	border-right: 1px #999 solid;
	border-left: 1px #999 solid;
	border-top: 1px #999 solid;
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	background-color: #e5e5e5;
}

fieldset.powermail_fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

.powermail_fieldwrap {
	clear: both;
}

.powermail_field {
	margin-bottom: 15px;
}

.powermail_fieldwrap_datenschutz .powermail_field,
.powermail_fieldwrap_agbsundwiderrufsbelehrung .powermail_field {
	margin-bottom: 0;
}

form#Formular textarea {
	width: 350px;
	max-width: 100%;
	height: 91px;
	border-bottom: 1px #999 solid;
	border-right: 1px #999 solid;
	border-left: 1px #999 solid;
	border-top: 1px #999 solid;
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	background-color: #e5e5e5;
}

form#Formular input.formsTextFields {
	width: 350px;
	max-width: 100% !important;
	border-bottom: 1px #999 solid;
	border-right: 1px #999 solid;
	border-left: 1px #999 solid;
	border-top: 1px #999 solid;
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	background-color: #e5e5e5;
	margin-bottom: 15px;
}

img.powermail_captchaimage {
	display: block;
}

ul.parsley-errors-list li {
	font-size: 120%;
	font-weight: bold;
	color: #800000;
}

.powermail_fieldwrap_type_submit {
	margin: 20px 0 50px 0;
}

/* ##################### start - rtehtmlarea ##################### */

/* ##################### start - damit Aufzählungspunkte nicht hinter dem Bild verschwinden ##################### */

UL, OL {
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}
LI {
	margin-top: 2px;
	padding-top: 2px;
}

/* ##################### ende - damit Aufzählungspunkte nicht hinter dem Bild verschwinden ##################### */

/* ##################### start - Link Icons ##################### */

TABLE.contenttable P P IMG {
	border: none;
}

/* Link-Icon Mail */
A.mail IMG, 
P.bodytext A.mail IMG, 
P A.mail IMG, 
P.bodytext P A.mail IMG, 
P P A.mail IMG, 
UL A.mail IMG, 
OL A.mail IMG {
	border: none;
}
H1 A.mail IMG, 
H2 A.mail IMG, 
H3 A.mail IMG, 
H4 A.mail IMG, 
H5 A.mail IMG, 
H6 A.mail IMG, 
H1 P A.mail IMG, 
H2 P A.mail IMG, 
H3 P A.mail IMG, 
H4 P A.mail IMG, 
H5 P A.mail IMG, 
H6 P A.mail IMG {
	border: none;
}

/* Link-Icon internal-link-new-window */
A.internal-link-new-window IMG, 
P.bodytext A.internal-link-new-window IMG, 
P A.internal-link-new-window IMG, 
P.bodytext P A.internal-link-new-window IMG, 
P P A.internal-link-new-window IMG, 
UL A.internal-link-new-window IMG, 
OL A.internal-link-new-window IMG {
	border: none;
}
H1 A.internal-link-new-window IMG, 
H2 A.internal-link-new-window IMG, 
H3 A.internal-link-new-window IMG, 
H4 A.internal-link-new-window IMG, 
H5 A.internal-link-new-window IMG, 
H6 A.internal-link-new-window IMG, 
H1 P A.internal-link-new-window IMG, 
H2 P A.internal-link-new-window IMG, 
H3 P A.internal-link-new-window IMG, 
H4 P A.internal-link-new-window IMG, 
H5 P A.internal-link-new-window IMG, 
H6 P A.internal-link-new-window IMG {
	border: none;
}

/* Link-Icon internal-link */
A.internal-link IMG,
P.bodytext A.internal-link IMG, 
P A.internal-link IMG, 
P.bodytext P A.internal-link IMG, 
P P A.internal-link IMG, 
UL A.internal-link IMG, 
OL A.internal-link IMG {
	border: none;
}
H1 A.internal-link IMG, 
H2 A.internal-link IMG, 
H3 A.internal-link IMG, 
H4 A.internal-link IMG, 
H5 A.internal-link IMG, 
H6 A.internal-link IMG, 
H1 P A.internal-link IMG, 
H2 P A.internal-link IMG, 
H3 P A.internal-link IMG, 
H4 P A.internal-link IMG, 
H5 P A.internal-link IMG, 
H6 P A.internal-link IMG {
	border: none;
}

/* Link-Icon external-link-new-window */
A.external-link-new-window IMG, 
P.bodytext A.external-link-new-window IMG, 
P A.external-link-new-window IMG, 
P.bodytext P A.external-link-new-window IMG, 
P P A.external-link-new-window IMG, 
UL A.external-link-new-window IMG, 
OL A.external-link-new-window IMG {
	border: none;
}
H1 A.external-link-new-window IMG, 
H2 A.external-link-new-window IMG, 
H3 A.external-link-new-window IMG, 
H4 A.external-link-new-window IMG, 
H5 A.external-link-new-window IMG, 
H6 A.external-link-new-window IMG, 
H1 P A.external-link-new-window IMG, 
H2 P A.external-link-new-window IMG, 
H3 P A.external-link-new-window IMG, 
H4 P A.external-link-new-window IMG, 
H5 P A.external-link-new-window IMG, 
H6 P A.external-link-new-window IMG {
	border: none;
}

/* Link-Icon external-link */
A.external-link IMG, 
P.bodytext A.external-link IMG, 
P A.external-link IMG, 
P.bodytext P A.external-link IMG, 
P P A.external-link IMG, 
UL A.external-link IMG, 
OL A.external-link IMG {
	border: none;
}
H1 A.external-link IMG, 
H2 A.external-link IMG, 
H3 A.external-link IMG, 
H4 A.external-link IMG, 
H5 A.external-link IMG, 
H6 A.external-link IMG, 
H1 P A.external-link IMG, 
H2 P A.external-link IMG, 
H3 P A.external-link IMG, 
H4 P A.external-link IMG, 
H5 P A.external-link IMG, 
H6 P A.external-link IMG {
	border: none;
}

/* Link-Icon download */
A.download IMG, 
P.bodytext A.download IMG, 
P A.download IMG, 
P.bodytext P A.download IMG, 
P P A.download IMG, 
UL A.download IMG, 
OL A.download IMG {
	border: none;
}
H1 A.download IMG, 
H2 A.download IMG, 
H3 A.download IMG, 
H4 A.download IMG, 
H5 A.download IMG, 
H6 A.download IMG, 
H1 P A.download IMG, 
H2 P A.download IMG, 
H3 P A.download IMG, 
H4 P A.download IMG, 
H5 P A.download IMG, 
H6 P A.download IMG {
	border: none;
}

/* ##################### ende - Link Icons ##################### */

/* ##################### ende - rtehtmlarea ##################### */

/* start - News ################################################################################################################################## */

.news .article::after {
	display: none;
}

.news-list-view .page-navigation,
.news-list-view .page-navigation p {
	font-size: 14px !important;
}

/* News-Liste: feste Bildspalte statt inhaltsabhaengiger Tabellenbreiten.
   Spezifische Selektoren ueberschreiben auch spaeter geladenes news-basic.css. */
.news-list-view .article-wrapper {
	display: block;
	width: 100%;
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.news-list-view .article-wrapper .article {
	display: grid;
	grid-template-columns: 160px minmax(0, 1fr);
	column-gap: 20px;
	align-items: start;
}
.news-list-view .article-wrapper .article .news-img-wrap {
	display: block;
	float: none;
	min-width: 0;
	width: 160px;
	margin: 0;
	background: transparent;
}
.news-list-view .article-wrapper .article .news-img-wrap a {
	display: inline-block;
	float: none;
}
.news-list-view .article-wrapper .article .news-img-wrap img {
	display: block;
	float: none;
	max-width: 100%;
	height: auto;
}
.news-list-view .article-wrapper .article .teaser-text {
	display: block;
	min-width: 0;
	width: auto;
	padding-left: 0;
	margin: 0 0 10px 0;
	align-self: end;
}
/* News-Eintraege ohne Bild nutzen die gesamte Breite. */
.news-list-view .article-wrapper .article > .teaser-text:only-child {
	grid-column: 1 / -1;
}
.news-list-view .article-wrapper .article .teaser-text p.datumfuerfe {
	color: #800;
}
.news-list-view .article-wrapper .article .teaser-text h3 a {
	font-weight: bold;
	font-size: 12px !important;
}
.news-list-view .article-wrapper .article .teaser-text a.more {
	display: none;
}

.news .article .news-img-wrap {
	float: none;
	margin: 3px 12px 5px 0;
	background: transparent;
}

/* Zusaetzliche Attribut-Spezifitaet: gewinnt auch bei spaeter geladenem news-basic.css. */
.news .article .news-img-wrap a[href] {
	display: inline-block;
	float: none;
	padding: 0;
	border: 0;
	background: transparent;
	margin: 0;
}

.news.news-single .article .news-detail-wrapperContent .news-detail-datumfuerfe {
	color: #800;
}

.news.news-single .article .news-detail-wrapperContent .header h3 {
	margin: 10px 0 10px 0 !important;
	padding: 0 !important;
	font-size: 16px !important;
	font-weight: bold !important;
}

.news.news-single .article .news-img-wrap {
	float: left;
	margin: 0;
	background: transparent;
	width: 220px;
}
@media all and (max-device-width: 500px), all and (max-width: 500px) {
	.news-list-view .article-wrapper .article {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 12px;
	}
	.news-list-view .article-wrapper .article .news-img-wrap {
		width: 160px;
		max-width: 100%;
	}
	.news-list-view .article-wrapper .article .teaser-text {
		align-self: auto;
		margin-bottom: 0;
	}
	.news.news-single .article .news-img-wrap {
		float: none;
	}
}

.news.news-single .article .header-wrapper {
	background-color: #e2e2e2;
	padding: 5px 5px 1px 5px;
	margin-bottom: 10px;
}

.news.news-single .article .news-detail-datumfuerfe {
	color: #800;
	font-size: 14px !important;
}

.news.news-single .article .teaser-text {
	color: #333;
	margin-top: 5px;
}

.news.news-single .article .news-backlink-wrap {
	margin: 40px 0 20px 0;
}

/* News-Pagination: kein Float; flow-root umschliesst die gefloateten LI-Elemente.
   Dadurch beginnt das naechste News-Element unter der Seitennavigation. */
.f3-widget-paginator {
	display: flow-root;
	float: none;
	clear: both;
	margin: 0 0 50px 0;
}
ul.f3-widget-paginator {
	padding-left: 0;
}
.f3-widget-paginator li {
	font-size: 14px;
	font-weight: bold;
	display: block;
	float: left;
	width: 40px;
	text-align: center;
	margin: 0 2px 2px;
}
.f3-widget-paginator li.current a {
	font-size: 14px;
	padding: 2px;
	background-color: #800;
	color: #fff !important;
}
.f3-widget-paginator li.next,
.f3-widget-paginator li.previous {
	width: auto;
}
.f3-widget-paginator a {
	font-weight: normal;
	display: block;
	border: 1px solid #800;
	padding: 2px;
	text-decoration: none !important;
}
.f3-widget-paginator a:hover {
	background-color: #800;
	color: #fff !important;
}

/* ende  - News ################################################################################################################################## */

/* Left, center, right and justify alignment of text in block elements*/
.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-justify {
	text-align: justify;
}

/* start - Rahmen unter Seiteninhalt "Typ:" festlegen ################################################################################# */

/*
Davor muss noch folgendes ins Root-Template-Setup:
tt_content.stdWrap {
 innerWrap.cObject = CASE
 innerWrap.cObject {
  key.field = section_frame
  1 = TEXT
  1.value = <div class="csc-frame-frame1"> | </div>
#  5 = TEXT
#  5.value = <div class="csc-frame-frame2"> | </div>
#  6 = TEXT
#  6.value = <div class="csc-frame-frame3"> | </div>
  10 = TEXT
  10.value = <div class="csc-frame-frame4"> | </div>
  11 = TEXT
  11.value = <div class="csc-frame-frame5"> | </div>
  12 = TEXT
  12.value = <div class="csc-frame-frame6"> | </div>
  20 = TEXT
  20.value = <div class="csc-frame-frame7"> | </div>
  21 = TEXT
  21.value = <div class="csc-frame-frame8"> | </div>
 }
}
*/

DIV .csc-frame-frame1 {
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	margin: 0;
	padding: 10px 5px 10px 5px;
	background-color: #D4E0EF;
}

DIV .csc-frame-frame4 {
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	margin: 0;
	padding: 10px 5px 10px 5px;
	background-color: #C4EDB3;
}

DIV .csc-frame-frame5 {
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	margin: 0;
	padding: 10px 5px 10px 5px;
	background-color: #B4A4BA;
}

DIV .csc-frame-frame6 {
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	margin: 0;
	padding: 10px 5px 10px 5px;
	background-color: #D5CC96;
}

DIV .csc-frame-frame7 {
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	margin: 0;
	padding: 10px 5px 10px 5px;
	background-color: #D8F5EC;
}

DIV .csc-frame-frame8 {
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	margin: 0;
	padding: 10px 5px 10px 5px;
	background-color: #FFFFD8;
}

/* ende - Rahmen unter Seiteninhalt "Typ:" festlegen ################################################################################# */

div.tx-contentwrapper_style1 {
	margin: 0 0 10px 0;
	padding: 7px 7px 7px 7px;
	background: #FFF6E3 url(../layout/background-teaser-boxen-gelb.gif) no-repeat right top;
}

div.tx-contentwrapper_style2 {
	margin: 0 0 10px 0;
	padding: 7px 7px 7px 7px;
	background: #DCE6F2 url(../layout/background-teaser-boxen-blau.gif) no-repeat right top;
}

div.tx-contentwrapper_style3 {
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	margin: 0;
	padding: 10px 5px 10px 5px;
	background-color: #B4A4BA;
}

div.tx-contentwrapper_style4 {
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	margin: 0;
	padding: 10px 5px 10px 5px;
	background-color: #D5CC96;
}

div.tx-contentwrapper_style5 {
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	margin: 0;
	padding: 10px 5px 10px 5px;
	background-color: #D8F5EC;
}

div.tx-contentwrapper_style6 {
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	margin: 0;
	padding: 10px 5px 10px 5px;
	background-color: #FFF6E3;
}

@media all and (max-device-width: 900px), all and (max-width: 900px) {
	#tdMenuLeft {
		background: none;
	}
}/* @media all and (max-device-width: 900px), all and (max-width: 900px) */

/* start - om_cookie_manager ##################################################################################################################### */

.om-cookie-info table td {
	text-align: left !important;
}
.om-cookie-info table thead {
	display: none;
}
.om-cookie-info table th,
.om-cookie-info table td {
	padding: 0;
	border: none;
}
.om-cookie-info table {
	border: none;
}
.om-cookie-panel .cookie-panel__button--color--green {
	background-color: #60761e;
}

.om-cookie-info table td {
	text-align: left !important;
}
.om-cookie-panel .cookie-panel__button--color--green:hover,
.om-cookie-panel .cookie-panel__button:hover {
	background-color: #2f8abe;
}

.om-cookie-panel {
	bottom: -1px;
}

/* ende  - om_cookie_manager ##################################################################################################################### */

/* Alte Link-Icons ausblenden: */
#divContent .contenttable img[src*="download.gif"],
#divContent .contenttable img[src*="external_link.gif"],
#divContent .contenttable img[src*="external_link_new_window.gif"],
#divContent .contenttable img[src*="internal_link.gif"],
#divContent .contenttable img[src*="internal_link_new_window.gif"],
#divContent .contenttable img[src*="mail.gif"],
img[src*="download.gif"],
img[src*="external_link.gif"],
img[src*="external_link_new_window.gif"],
img[src*="internal_link.gif"],
img[src*="internal_link_new_window.gif"],
img[src*="mail.gif"] {
	display: none;
}

.error.help-block {
	color: #800;
	font-weight: bold;
	font-size: 150%;
}

.tx-kesearch-pi1 #kesearch_ordering div.ordering {
	float: none !important;
	max-width: 100% !important;
	display: block;
	clear: both;
}

#divContent .googlemap .map-placeholder {
	border: 1px solid #ccc;
	max-width: 96%;
	padding: 10px;
	min-height: unset !important;
}
#divContent .googlemap .map-placeholder p {
	margin: 10px 0 20px 0;
}
#divContent .googlemap .map-placeholder button {
	margin: 0 0 10px 0;
}

@media all and (max-device-width: 900px), all and (max-width: 900px) {
	body.pid-19 #c35 .contenttable {
		width: auto !important;
	}
}
@media all and (max-device-width: 700px), all and (max-width: 700px) {
	#divContent {
		padding-left: 15px;
		padding-right: 15px;
	}
	body:not(body.pid-2 #c287 .ce-bodytext).contenttable td {
		display: block;
		text-align: left !important;
		border-collapse: collapse;
		empty-cells: hide;
	}
	body.pid-2 #c287 .ce-bodytext .contenttable td {
		display: block;
		/* text-align: center !important; */
		/* border-collapse: collapse; */
		/* empty-cells: hide; */
	}
	.contenttable tr {
		margin-bottom: 10px;
		display: block;
	}
	/* Seite Museum Service Pressestimmen: */
	body.pid-19 #c35 .contenttable tr:first-child {
		display: none !important;
	}
	body.pid-19 #c35 .contenttable tr td {
		display: block;
	}
	body.pid-19 #c35 .contenttable tr td:first-child:before {
		content: 'Titel: ';
		color: #800;
		font-weight: bold;
	}
	body.pid-19 #c35 .contenttable tr td:nth-child(2):before {
		content: 'Datum: ';
		color: #800;
		font-weight: bold;
	}
	body.pid-19 #c35 .contenttable tr td:nth-child(3):before {
		content: 'Medium: ';
		color: #800;
		font-weight: bold;
	}
	body.pid-19 #c35 .contenttable tr td:nth-child(4):before {
		content: 'Download: ';
		color: #800;
		font-weight: bold;
	}
	body.pid-19 #c35 .contenttable tr td:nth-child(4):after {
		content: '';
		display: block;
		padding-bottom: 20px;
		border-bottom: 1px solid #ccc;
	}
	/*
	Museumsteam: pid-17 #c119
	*/
	body.pid-17 #c119 .ce-bodytext .contenttable td {
		display: block;
		text-align: left !important;
		border-collapse: collapse;
		empty-cells: hide;
	}
	body.pid-17 #c119 .ce-bodytext .contenttable tr {
		margin-bottom: 10px;
		display: block;
	}
}

@media all and (max-device-width: 500px), all and (max-width: 500px) {
	#divContent {
		padding-left: 10px;
		padding-right: 10px;
	}
	/*
	Öffnungszeiten, Eintrittspreise: pid-13 #c298 und #c46
	*/
	body.pid-13 #c298 .ce-bodytext .contenttable td,
	body.pid-13 #c46 .ce-bodytext .contenttable td {
		display: block;
		text-align: left !important;
		border-collapse: collapse;
		empty-cells: hide;
	}
	body.pid-13 #c298 .ce-bodytext .contenttable tr,
	body.pid-13 #c46 .ce-bodytext .contenttable tr {
		margin-bottom: 10px;
		display: block;
	}
}

@media (pointer: coarse) {
	/*#divMenuTop {
		display: none !important;
	}*/
	/* #divMobileHeaderSwitchMenu {
		position: absolute;
		top: 0;
		left: 0;
		display: block !important;
		width: 100%;
		height: 32px;
		line-height: 32px;
		text-align: center;
		background-color: #800000;
		opacity: 0.9;
		z-index: 1000;
	}
	#divMobileHeaderSwitchMenu a {
		color: #fff;
		font-size: 22px;
		font-weight: bold;
		text-decoration: none;
		display: block;
	} */
	#divMenuTopMobile {
		position: relative;
		top: 0;
		left: 0;
		z-index: 98;
		display: none;
	}
}

/*Falls es Probleme mit Bildern gibt, das hier wieder aktivieren:*/
/*#tablePageWrapper,
#tableContent,
img:not(.lb-image),
.contenttable {
	max-width: 1200px !important;
	height: auto !important;
}*/
iframe {
	max-width: 100% !important;
}

@media all and (max-device-width: 700px), all and (max-width: 700px) {
	#divContent {
		max-width: calc(100% - 30px) !important;
	}
	#tablePageWrapper,
	#tableContent,
	img:not(.lb-image),
	iframe,
	.contenttable {
		max-width: 100% !important;
	}
	/*
	Museumspublikationen > Schriftenreihe: pid-64
	*/
	body.pid-64 .contenttable td {
		display: block;
		width: 100% !important;
		text-align: left !important;
		border-collapse: collapse;
		empty-cells: hide;
	}
	/*
	Museumspublikationen > Museumsbriefe: pid-28
	*/
	body.pid-28 .contenttable td {
		display: block;
		width: 100% !important;
		text-align: left !important;
		border-collapse: collapse;
		empty-cells: hide;
	}
	/*
	Für Kinder: pid-8
	*/
	body.pid-8 .contenttable td {
		display: block;
		width: 100% !important;
		text-align: left !important;
		border-collapse: collapse;
		empty-cells: hide;
	}
	/*
	Bestellformular: pid-order
	*/
	/* body#pid-order #Formular table tr td table tr td, */
	body#pid-order .tdSplit {
		display: block;
		width: 100% !important;
		text-align: left !important;
		border-collapse: collapse;
		empty-cells: hide;
		margin-bottom: 20px;
	}
	body#pid-order form#Formular textarea.formsTextFields {
		width: calc(100% - 10px) !important;
	}
	body#pid-order form#Formular input.formsTextFields {
		width: calc(100% - 10px) !important;
		max-width: calc(100% - 10px) !important;
	}
}
@media all and (max-device-width: 500px), all and (max-width: 500px) {
	#divContent {
		max-width: calc(100% - 20px) !important;
	}
	#tablePageWrapper,
	#tableContent,
	img:not(.lb-image),
	iframe,
	.contenttable {
		max-width: 100% !important;
	}
	.contenttable td {
		width: auto !important;
	}
	/*
	Träger und Förderer: pid-21 #c113
	*/
	body.pid-21 #c113 .contenttable td {
		display: block;
		text-align: left !important;
		border-collapse: collapse;
		empty-cells: hide;
	}
	/*
	Bisherige Ausstellungen: pid-27
	*/
	body.pid-27 .contenttable td {
		display: block;
		width: 100% !important;
		text-align: left !important;
		border-collapse: collapse;
		empty-cells: hide;
	}
}
@media all and (max-device-width: 380px), all and (max-width: 380px) {
	/*
	Bestellformular: pid-order
	*/
	body#pid-order .wordBreak {
		word-wrap: break-word;
		word-break: break-word;
		hyphens: auto;
	}
	body#pid-order .button-calc-new {
		white-space: normal;
		word-wrap: break-word;
		word-break: break-word;
		hyphens: auto;
		width: 100% !important;
	}
}

@media all and (max-width: 600px) {
	form[id^="vertragwiderrufen-"] div.input input,
	form[id^="vertragwiderrufen-"] div.input textarea {
		max-width: 100%;
		width: 100%;
	}
}
@media all and (min-width: 601px) {
	form[id^="vertragwiderrufen-"] div.input input,
	form[id^="vertragwiderrufen-"] div.input textarea {
		max-width: 100%;
		width: 50%;
	}
}
form[id^="vertragwiderrufen-"] div.input.checkbox input {
	max-width: unset;
	width: unset;
}

.widerruf-box .widerruf-button {
	display: inline-block;
	margin-top: 0.6em;
	padding: 0.55em 1em;
	border: 1px solid #999;
	border-radius: 4px;
	color: #333 !important;
	text-decoration: none !important;
}

.widerruf-box .widerruf-button:hover,
.widerruf-box .widerruf-button:focus {
	background: #eeeeee;
	border-color: #666;
	color: #000;
	text-decoration: none;
}

.widerruf-box .widerruf-button:focus {
	outline: 2px solid #333;
	outline-offset: 2px;
}
#divMenuTop a:last-child,
#divMenuTop a:last-child:visited{
	display: inline-block;
	padding: 0.55em 1em;
	border: 1px solid #999;
	border-radius: 4px;
	color: #333 !important;
	text-decoration: none !important;
}
#divMenuTop a:last-child:hover,
#divMenuTop a:last-child:focus{
	background: #eeeeee;
	border-color: #666;
	color: #000;
	text-decoration: none;
}

/* TYPO3 14: CKEditor-Tabellen ohne zusätzlichen Außenabstand */
/* TYPO3 14: Kein Aussenabstand/Innenabstand um CKEditor-Tabellen.
   Auch verschachtelte figure.table innerhalb von Text- und Bild-Elementen erfassen. */
figure.table {
    margin: 0 !important;
    padding: 0 !important;
}
.frame-type-text > figure.table {
    float: none;
}

.text-end {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-start {
    text-align: left !important;
}

.text-justify {
    text-align: justify !important;
}

/*figure.table[style*="width:100%"] > table,
figure.table[style*="width: 100%"] > table {
    width: 100%;
}*/
figure.table[style*="width:"] > table {
    width: 100%;
}

/* Nur CE 287: Galerie und Text unten bündig ausrichten */
#c287 .ce-textpic {
    display: flex;
    align-items: flex-end;
    gap: 15px;
}

#c287 .ce-gallery {
    flex: 0 0 auto;
    float: none;
}

#c287 .ce-bodytext {
    flex: 1 1 0;
    min-width: 0;
    float: none;
}

/* Telefonlinks: am PC wie normaler Text, auf Touch-Geraeten als Link erkennbar.
   Gleiche Umsetzung wie bei martinsheim.de. */
a[href^="tel:"] {
    color: inherit !important;
    text-decoration: none !important;
    cursor: text;
}

@media (hover: none) and (pointer: coarse) {
    a[href^="tel:"] {
        color: #800000 !important;
        text-decoration: underline !important;
        cursor: pointer;
    }
}

/* Externe Textlinks im Seiteninhalt mit Pfeil nach rechts oben kennzeichnen.
   Interne Links (auch absolute URLs der eigenen Domain) sowie Bildlinks
   erhalten keinen Pfeil. */
#divContent a:is([href^="https://"], [href^="http://"], [href^="//"]):not([href*="malerwinkelhaus.de"]):not(:has(img, svg, picture))::after {
	content: "\2197" !important;
	display: inline-block !important;
	margin-left: 1px;
	color: #800000 !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	vertical-align: -1px;
}

/* Gemeinsame Darstellung für Dokumentlinks. Diese Regeln stehen bewusst
   nach der externen Linkkennzeichnung, damit PDF/DOCX das Dokumentlabel
   statt des externen Pfeils erhalten.
   body.pid-19 = /museum-service/pressestimmen
   */
body:not(.pid-19) a[href*=".pdf" i]:not(:has(img))::after,
a[href*=".docx" i]:not(:has(img))::after {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 18px;
    margin-left: 2px;
    padding: 0 4px;
    border-radius: 3px;
    vertical-align: 3px;
    font-family: Arial, sans-serif;
    font-size: 10px !important;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.2px;
    color: #fff !important;
    text-decoration: none;
}

body:not(.pid-19) a[href*=".pdf" i]:not(:has(img))::after {
    content: "PDF" !important;
    min-width: 25px;
    background-color: #d93025;
}

a[href*=".docx" i]:not(:has(img))::after {
    content: "DOCX" !important;
    min-width: 32px;
    background-color: #2b579a;
}

/* WPR: Bilder neben dem Text, Textblock vertikal mittig (imageorient 27/28).
   Nur die beiden neuen Varianten, Standardpositionen bleiben unveraendert. */
.ce-textpic.wpr-vertical-center {
    display: flex;
    align-items: center;
    gap: 15px;
}
.ce-textpic.wpr-vertical-center.ce-right {
    flex-direction: row-reverse;
}
.ce-textpic.wpr-vertical-center > .ce-gallery {
    flex: 0 0 auto;
    float: none;
    max-width: 100%;
}
.ce-textpic.wpr-vertical-center > .ce-bodytext {
    flex: 1 1 0;
    min-width: 0;
    float: none;
}
@media (max-width: 600px) {
    .ce-textpic.wpr-vertical-center,
    .ce-textpic.wpr-vertical-center.ce-right {
        flex-direction: column;
        align-items: stretch;
    }
    .ce-textpic.wpr-vertical-center > .ce-gallery,
    .ce-textpic.wpr-vertical-center > .ce-bodytext {
        width: 100%;
    }
}