/* *********************************************************************************************************************
IconScreen 10.2014 & 01.2015 & 03.2015 / 
CSS reset & HTML5 old browser */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } 

/* Clearfix */
.cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; } 

/* Roboto */
@font-face { font-family: Roboto; font-display: swap; src: url('/typo/Roboto-Regular-400.woff'); font-style: normal; font-weight: 400; }
@font-face { font-family: Roboto; font-display: swap; src: url('/typo/Roboto-Regular-500.woff'); font-style: normal; font-weight: 500; }
@font-face { font-family: Roboto; font-display: swap; src: url('/typo/Roboto-Regular-700.woff'); font-style: normal; font-weight: 700; } 

/* *********************************************************************************************************************
HTML & Body */
body { font-size: 1em; line-height: 1.5; font-family: "Roboto", "Helvetica Neue", "HelveticaNeue", Helvetica, arial, sans-serif; color: #444444; background: #f7fbfd url(/images-basic/bg.png) repeat center top; }

/* *********************************************************************************************************************
Grid  */
body { padding: 0 0.75% 0 0.75%; width: 100%; min-width: 290px; max-width: 1220px; margin: 0 auto 4em auto; }
/* Für Internetseiten ohne Werbung und Sprachversionen */
body#body-padding-top { padding: 1.1% 0.75% 0 0.75%; width: 100%; min-width: 290px; max-width: 1220px; margin: 0 auto 4em auto; }
#wrapper { width: 85%; float: left; }
article#ganze-breite { width: 100%; float: none; }
article { width: 65%; float: left; }aside { width: 32%; float: right; }
#sidebar { width: 19%; float: left;  }
#wrapper.threecol article { width: 56%;  }
#wrapper.threecol aside { width: 24%; }
#sky { width: 160px; float: right; margin: 54px 0 0.6em 0; padding: 0 0 0.6em 0; } 

/* *********************************************************************************************************************
Sidebar 15.6.2015 */
#sidebar { font-size: 85%; }
#sidebar ul { list-style: none; margin: 0 5px 0 5px; }
#sidebar a { border: none; }
#sidebar ul ul li {	
	margin-left: 13px;
	list-style-position: outside;
	list-style-type: circle !important; }
#sidebar a.active { color: #444444; font-weight: bold; }
#sidebar li { padding: 3px 0 3px 3px; border-bottom: 1px solid #d8d8d8;  }
#sidebar li:last-child { border-bottom: none;  }

/* *********************************************************************************************************************
Typo General */
a, a:visited { color: #336699; text-decoration: none; border-bottom: 1px solid #336699; cursor: pointer; }
a:focus { outline: 2px solid #E7E038; background: #fff; }
a:active, a:hover { outline: 0; color: #444; }
h1 { font-size: 185%; line-height: 1.2; font-weight: 700; }
h2 { font-size: 160%; line-height: 1.3; font-weight: 500; margin: 2em 0 0.375em 0; }
h3 { font-size: 120%; line-height: 1; font-weight: 500; border-bottom: 1px solid #444; margin: 2em 0 0.375em 0; padding-bottom: 0.25em; }
h1 a, h2 a, h3 a { border: none; }
p { margin: 0 0 1.6em 0; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
ul, ol { margin: 0 0 1.6em 1.2em; }
ul { list-style: disc outside; }
ol { list-style: decimal; }
li a { }
p.intro { font-weight: 500; }
p.very-big { text-align: center; font-size: 150%; font-weight: 500;border-top: 1px solid #444; border-bottom: 1px solid #444; line-height: 1.5; }
blockquote { margin: 0 0 2.5em 2.5em; font-style: italic; color: #666; }
blockquote:before { line-height: 0.1em; margin-right: 0.05em; vertical-align: 0.05em; font-size: 4em; content: "„"; }
blockquote:after { line-height: 0.001em; margin-left: 0.05em; vertical-align: -0.475em; font-size: 4em; content: "“"; }
figure { margin: 3em 0; text-align: center; }
figure#googlemaps { margin: 0.8em 0 3em 0; }
figure img { width: 100%; max-width: 100%; height: auto; margin: 0; padding: 0; -ms-interpolation-mode: bicubic; background: transparent; border: 0; display: block; vertical-align: top; }
figure figcaption { text-align: center; margin-top: 1.143em; color: #666; margin-bottom: 0; }
em { font-style: italic; }
th, b, strong { font-weight: 500; }
small, sub, sup { font-size: 85%; }
sub { line-height: 0; position: relative; vertical-align: baseline; }
sup { line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; }
hr { display: block; width: 100%; margin: 4em auto; border: 0; border-top: 1px solid #444; text-indent: -9999em; height: 1px; }

/* *********************************************************************************************************************
Masthead */
header#masthead { width: 100%; }
#claim { padding-bottom: 7px; }
#claim img { width: 61px; /* NEU 03.06.2021 */ height: auto; float: left; padding-right: 10px; }
#claim img:hover { -moz-opacity: 0.8; opacity: 0.8; }
#claim .title { float: left; }
#claim .toptitle { font-size: 150%; font-weight: 700; text-align: left; line-height: 1.4; }
#claim .subtitle { font-size: 85%; font-weight: 400; line-height: 1; margin-top: -3px; }
header#masthead a #claim { color: #444; }
header#masthead nav { text-align: right; border-bottom: 1px solid #ffffff; margin-bottom: 2px; }
header#masthead nav a:hover { background: #eeb8b8; }
header#masthead nav a { font-size: 85%; line-height: 1.4; padding: 5px 12px 4px 12px; background: #ed9b9b; border-bottom: none; border-right: 1px solid #ffffff; border-top-left-radius: 6px; border-top-right-radius: 6px; color: #ffffff; }
header#masthead nav a.selected { padding: 7px 10px 4px 10px; background: #3978a7; }
header#masthead nav a:last-child { border-right: none; }
header#masthead nav a.selected:hover { background: #588eb6; }

/* *********************************************************************************************************************
Navigation */
#languageLinks { right: 0px; text-align: right; font-size: 12px;margin-bottom: 10px; }
#languageLinks a { padding: 6px 6px 3px 6px;  background: #ffffff; color: #666; border-bottom: none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
#languageLinks a:hover { background: #eeb8b8; color: #fff;}
#languageLinks a:first-child { margin-right: 2px;  }

#skipLinks a { padding: 6px; position: absolute; top: -40px; left: 0px; color: #ffffff; z-index: 100; width: 100%; text-align: center; }
#skipLinks a:focus { position: absolute; left: 0px; top: 0px; background: #BF1722; }
.inv { position: absolute; top: -6000px; left: -6000px; height: 1px; width: 1px; color: #ffffff; }
.Home span, .Search span { display: none; }
.Home, .Search { width: 5%; }
.Home img, .Search img { width: 20px; height: 22px; margin-bottom: -7px; }
.r-info { width: 18%; }
.u-dienste { width: 22.5%; }

nav.nav { background: #3978a7; position: relative; display: inline-block; font-size: 85%; width: 100%; z-index: 1000; border: none; }
nav.nav a, nav.nav a:visited { border-bottom: 1px solid #f4f8fa; }
.nav ul { list-style: none; margin: 0; width: 100%; }
.nav-item { float: left; *display: inline; zoom: 1; position: relative; }
.Home, .r-info, .u-dienste { border-right: 1px solid #ffffff; }
.nav-item a { background: #3978a7; display: block; color: #ffffff; padding: 0.4em 0; text-align: center; text-decoration: none; }
.nav-item > a.current, .nav-item > a:hover { background: #588eb6; }

/* Navigation submenu */
ul.nav-list, ul.nav-submenu-left, ul.nav-submenu-right { list-style: none; }
.nav-item:hover .nav-submenu { display: block; }
.nav-submenu { display: none; position: absolute; left: 0; line-height: 1.5; }
ul.geschichtekultur { width: 200px; }
.nav-submenu-item a { display: block; padding: 0.2em 0.85em; background: #709bbd;  text-align: left; }
li.nav-submenu-item a { border-bottom: 1px solid #ffffff; }
.nav-submenu-item a:hover { background: #80a5c3; }

div.nav-submenu { width: 380px;  }
ul.nav-submenu-left  { width: 190px; float: left; }
ul.nav-submenu-left a { border-right: 1px solid #91b1ca; }
ul.nav-submenu-right{  width: 190px; float: right; }

#sf { padding: 1px 0 5px 15px; }
.navrightsearch { float: right; width: 298px !important; }
.sftextinput { float: left; margin: 0; padding: 9px 15px 9px 5px; border: 1px solid #3978a7; border-right: none; width: 200px; }
.sfbutton { float: right; margin: 0; padding: 9px 10px 9px 15px; outline: none; cursor: pointer; text-align: center; text-decoration: none; color: #ffffff; border: solid 1px #3978a7; border-right: 0; background: #3978a7; border-bottom-right-radius: 5px 5px; width: 83px; }
.sfbutton:hover { text-decoration: none; background: #588eb6; }
.sfbutton::-moz-focus-inner { border: 0; }
form.sfSITE { float: none !important; padding: 5px 15px 35px 15px !important; }
form.sfSITE > input.sftextinput { width: 80%; }
form.sfSITE > input.sfbutton { border-bottom-right-radius: 0 0 !important; width: 20%; } 

/* *********************************************************************************************************************
Breadcrumb */
#Verlaufsnavigation { margin-bottom: 2em; font-size: 85%; }
.crumb { white-space: nowrap; color: #999; overflow-x: hidden; }
.crumb > ul { padding: 0; list-style: none; margin: 0; }
.crumb > ul > li { overflow: hidden; display: none; padding-left: 4px; }
.crumb > ul > li a { border: none; display: block; }
.crumb > ul > li.show { display: inline-block; }
.crumb > ul > li.ellipsis { text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.crumb a { text-decoration: none; }
.crumb > ul > li a::after { content: " /"; }
.crumb > ul > li:last-child a::after { content: ""; }

/* *********************************************************************************************************************
Buttons */
a.btn {  }
a.btn { display: inline-block; margin: 0 0.25em 0.45em 0; padding: 0 10px; border-radius: 6px; background-color: #fafbfd; height: 24px;text-align: center; text-decoration: none; cursor: pointer; border: 1px solid #91acc8; vertical-align: bottom; white-space: nowrap; -webkit-font-smoothing: antialiased; font-size: 90%; font-weight: 500; }
a.btn:hover { color: #444; background: #e0e9f2; }
aside a.btn { width: 100%; }
article a.selected { font-weight: 500; }

/* *********************************************************************************************************************
Section */
.topteaser-container, .topteaserimagemap-container, .equal-container, .suggest-container { width: 100%; }
.topteaser, .topteaserimagemap-container, .equal, .suggest { margin-bottom: 4%; background: #ffffff; -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 8, 0, 0.1); -moz-box-shadow: 1px 1px 3px 0 rgba(0, 8, 0, 0.1); box-shadow: 1px 1px 3px 0 rgba(0, 8, 0, 0.1); }
.topteaser a img:hover, .equal a img:hover { opacity: 0.8; }
img[usemap] { border: none; height: auto; max-width: 100%; width: auto; }
.topteaser h1, .topteaserimagemap h1 { text-align: left; margin: 0.5em 0 0.25em 0; }
.topteaser p, .topteaserimagemap p { padding: 0.5em 0.5em 0.5em 0.5em; }
.topteaserimagemap img { width: 50%; float: left; margin: 1% 2% 2% 1%;}
.topteaser img { width: 50%; float: left; margin-right: 2%; /* NEU 02.06.2021 */height: auto; }
.equal img { width: 100%; max-width: 100%; height: auto; margin: 0; padding: 0; -ms-interpolation-mode: bicubic; background: transparent; border: 0; display: block; }
.equal h2, .suggest h2 { margin: 1em 0.5em 0 0.5em; font-size: 120%; font-weight: 500; }
.equal p, .suggest p { margin: 1em 0.5em 2em 0.75em; font-size: 85%; line-height: 1.5; }
.category { font-size: 75%; display: block; border-bottom: 1px solid #eaeaea; margin: 0 0 0 0.75em; padding: 0.25em 0 1.25em 0; }

.date-time, .place { font-size: 75%; font-weight: 700; display: block; margin: 0 0 0 0.75em; }
hr.spacer { display: block; width: auto;  margin: 1em auto 0.5em auto; border: 0; border-top: 1px solid #eaeaea; text-indent: -9999em; height: 1px; }

.illu img { width: 65%; margin: 0 auto; }
.illu h2 { text-align: center; margin: 1em 0.5em 0 0.5em; font-size: 120%; font-weight: 500; }
.suggest img { width: 25%; float: left; margin-right: 1%; /* NEU 02.06.2021*/ height: auto; }
.rotate:hover { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg); }
section.suggestleft { width: 49.5%; float: left; margin-right: 1%; }
section.suggestright { width: 49.5%; float: right; }
.threesome { width: 32%; float: left; margin-right: 2%; }
section.threesome:nth-child(3n), .missing3N { float: right; margin-right: 0%; }
section.threesome:nth-child(5n) { background-color: #e3f1f9; }
.foursome { width: 24%; float: left; margin-right: 1.3333%; }
section.foursome:nth-child(4n), .missing4N { float: right; margin-right: 0%; }

.sixsome { width: 16%; float: left; margin-right: 0.6666%; }
section.sixsome:nth-child(6n), .missing6N { float: right; margin-right: 0%; }
.sixsome h2 { font-size: 90%; font-weight: 500; margin-bottom: 1.5em; }

.border { line-height: 1; padding: 5px; border-top: 5px solid #336699; background-color: #e9eeef; }
section.border:nth-child(5n) { background-color: #e3f1f9; }
section.threesome:hover, section.foursome:hover, section.sixsome:hover { background-color: #e3f1f9; }

h2.divider { margin: 1.5em 0 0.75em 0; padding-bottom: 10px; font-weight: 400; border-bottom: 1px solid #336699; }
h2.divider a:after { content: " »"; }
h2.borderno { border: none; }
h2.rss { margin: 2em 0 0 0; padding-bottom: 10px; }
.RSSlist { position: relative; width: 100%; display: block; margin-left: 0; padding-right: 0; list-style-type: none; }
.RSSlist li { width: 33.3%; float: left; padding: 0; margin: 0; counter-increment: step-counter; }
.RSSlist li a:before { content: counter(step-counter)"."; font-weight: 500; padding: 3px 8px 3px 0; color: grey; }
.RSSlist li > i > a { border-top: 3px solid #3978a7; min-height: 3.6em; margin-bottom: 1.4rem; margin: 6% 6% 0 0; display: block; }
.asideRSS .RSSlist { position: inherit; width: 100%; display: block; margin-left: 0; padding-right: 0; list-style-type: circle; }
.asideRSS ol.RSSlist { margin: 0 0 0.8em 1.1em; list-style-type: circle; font-size: 85% !important; }
.asideRSS .RSSlist li { width: auto; float: none; padding: 4px 0; border-bottom: 1px solid #d8d8d8; margin: 0; counter-increment: none; }
.asideRSS .RSSlist li a:before { content: none; font-weight: normal; }
.asideRSS .RSSlist li > i > a { border-top: none; min-height: none; margin: 0; display: block; }

/* *********************************************************************************************************************
Article */
article { padding: 0 2% 4% 2%; background: rgba(255, 255, 255, 0.55); }
article header { padding-top: 1.85em; }
article h1 { text-align: center; padding-bottom: 1.25em; }

/* ---------------------------------------------------------------------------------------------------------------------
Article HeaderSubNav */
h2.resp-accordion a { border: none; font-size: 120%; }
.HeaderSubNav-container { clear: left; margin: 0 0 1.4em 0; }
h2.resp-accordion {  font-size: 85%; margin: 0; cursor: pointer; padding: 5px; display: block; }
.resp-tab-content { display: none; padding-top: 20px; }
.resp-accordion-active { display: block; }
h2.resp-accordion { font-size: 85%; border-bottom: 1px solid #336699;  }
h2.resp-tab-active { border-bottom: 1px dotted #336699;  }
.resp-arrow { width: 0; height: 0; float: right; margin-top: 3px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid #336699; }
h2.resp-tab-active span.resp-arrow { border: none; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 8px solid #9B9797; }
.resp-easy-accordion h2.resp-accordion { display: block; }
.resp-jfit { width: 100%; margin: 0px; }
.resp-tab-content-active { display: block; }
ul.resp-tabs-list, .resp-accordion-closed { display: none !important; }
#selectMenu { padding-bottom: 1.85em; }
#selectMenu select { width: 100%; font-size: 18px !important; }

/* ---------------------------------------------------------------------------------------------------------------------
SiteMap */
ul#sitemap { -moz-column-count: 3; column-count: 3; -webkit-column-count: 3; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; }
ul#sitemap li.nav-item { font-weight: 500; float: none; position: inherit; list-style: none; }
ul#sitemap li.nav-item ul li { font-weight: 400; list-style: disc; }
ul#sitemap li.nav-item a { background: none; display: inherit; border-right: none; color: #336699; padding: 0; text-align: left; }

ul#sitemap ul ul { margin-bottom: 0px; }
ul#sitemap ul ul li { list-style: circle !important; }

/* ---------------------------------------------------------------------------------------------------------------------
Longlist */  
ul.longlist { list-style: none; margin: 0; }
ul.longlist li { padding: 4px 0; margin: 4px 0; border-bottom: 1px solid #eaeaea; }
ul.longlist a { border: none; display: block; }
ul.longlist li:hover { background: #f3f3f3; }

/* ---------------------------------------------------------------------------------------------------------------------
Article Kontaktform */
form#kontaktform .field-container { margin-bottom: 1em }
form#kontaktform label { cursor: default; }
form#kontaktform input, form#kontaktform textarea { width: 100%; border: 1px solid #828383; padding: 0.5em 0.65rem; }
form#kontaktform input[type=submit] { width: 100%; margin: 0; padding: 10px; font-size: 100%; font-weight: bold; border: 1px solid #3577a9; background: #ccddea; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
form#kontaktform legend { width: 100%; font-size: 100%; line-height: 1; font-weight: 500; display: block; padding: 1.25em 0; }
form#kontaktform .error { border: 1px solid red; color: red; margin: 10px 0; padding: 10px; }

/* ---------------------------------------------------------------------------------------------------------------------
Article Tabelle allgemein */
table.allgemein { margin: 0 0 1.6em 0; }
table.allgemein th { background-color: #eeeeee; }
table.allgemein { width: 100%; }
table.allgemein td { border-bottom: 1px solid #e3e3e3; border-right: 1px solid #cacaca; padding: 4px 4px 4px 10px; text-align: left; vertical-align: top; }
table.allgemein th { border-bottom: 1px solid #e3e3e3; border-right: 1px solid #cacaca; background-color: #eeeeee; padding: 4px 4px 4px 10px; text-align: left; vertical-align: top; }
table.allgemein th:last-child, table.allgemein td:last-child { border-right:none; }
table.allgemein caption { font-size: 160%; line-height: 1.3; font-weight: 500; margin: 2em 0 1em 0; text-align: left; }
table.allgemein tr:hover td {background: #eeeeee; }

/* ---------------------------------------------------------------------------------------------------------------------
Article Foto */
figure.showphotos { }
figure a { position: relative; display: block; } /* 15.6.2015 */
figure figcaption a { display: inline !Important; }
figure a img.showphoto { position: absolute; left: 15px; bottom: 10px; border: none; width: 113px; height: 50px; } /* 15.6.2015 */
.link-article { float: left; padding-left: 24px; background: url("/images-basic/left.png"); background-repeat: no-repeat; background-size: 16px 16px; background-position: left;}
.link-galleries { float: right; padding-right: 24px; background: url("/images-basic/right.png"); background-repeat: no-repeat; background-size: 16px 16px; background-position: right; }
a.link-article, a.link-galleries { border: none; }

/* ---------------------------------------------------------------------------------------------------------------------
Article Tabelle History */
table.history th { font-size: 125%; padding: 5px 25px 5px 0; white-space: nowrap; text-align: right; }
table.history td { border-bottom: 1px solid #cacaca; }

/* ---------------------------------------------------------------------------------------------------------------------
Article Kontaktdaten */
.strong_label { font-weight: 500;} /* 21.05.2021 Strong für Kontaktdaten */

/* ---------------------------------------------------------------------------------------------------------------------
Article Video */
.video, .googlemap { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: hidden; max-width: 100%; height: auto; }
.googlemapspecial { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: 600px; }
.video iframe, .video object, .video embed, .googlemapspecial iframe, .googlemap iframe, .googlemap object, .googlemap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ---------------------------------------------------------------------------------------------------------------------
Article Weather */
p.wetter { background: rgba(255, 255, 255, 0.55); text-align: center; padding: 1.5em 0; border-radius: 6px; }
.weather-city { display: block; margin: 12px 0 8px 0; }
.weather-city, .weather-temperature { font-size: 160%; }
.weather { display: block; margin: 12px auto; width: 140px; }
.weather-icon { width: 40px; height: 40px; float: left; }
.weather-temperature { float: left; padding: 6px 0 0 6px; }
.OpenWeatherMap { font-size: 75%; line-height: 1.2; color: #999; }
.OpenWeatherMap a { color: #999; border: none; }

/* ---------------------------------------------------------------------------------------------------------------------
Article Foto / Gallery */
.foto { text-align: center; }
.foto img { width: 40px; height: 40px; margin-right: 20px;}
.foto a { text-decoration: none; border: none; }
.foto img:hover { -moz-opacity: 0.5; opacity: 0.5; }

figure#Foto-Polen { margin: 3em 0 1em 0; }
figure.smallimage { width: 50%; height: 50%; }
figure.smallimage img { margin: 0 50%; }

.gallerygridnav { margin: 35px 0 0 0; }
.gallerygrid { margin: 0; padding: 0; list-style: none; position: relative; width: 100%; font-size: 75%; line-height: 1.2; }
.gallerygrid li { position: relative; float: left; overflow: hidden; width: 25%; }
.gallerygrid li a, .gallerygrid li a img { display: block; width: 100%; cursor: pointer; }
.gallerygrid li a img:hover { opacity: 0.8; }
.gallerygrid li a img { /* NEU 02.06.2021 */ width: 100%; /* NEU 02.06.2021 */ height: auto; } 
.gallerygrid li a { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; text-align: center; width: 100%; padding: 3px; }
.gallerygrid li a span { display: block; min-height: 45px; }

/* ---------------------------------------------------------------------------------------------------------------------
Article Footer */
article footer, article footer h3 { color: #999; border-color: #999; }

/* *********************************************************************************************************************
Ads */
.ad img { width: 100%; max-width: 100%; height: auto; background: transparent; border: 0; display: block; }
.ad { margin: 0 0 0.6em 0; padding: 0 0 0.6em 0; }
.text { margin-top: 2em; }
.text:before { content: "Anzeige "; float: right; font-size: 11px; padding-right: 2px; color: #999999; }

article .ad { border-top: 1px solid #999; margin: 0.75em 0 1.75em 0; }
aside .ad { border-top: 1px solid #d8d8d8; margin: 1.75em 0; }

/* für Anzeige unter Breadcrumb */
.textbreadcrumb { margin-top: 0em; }
.textbreadcrumb:before { content: "Anzeige "; float: right; font-size: 11px; padding-right: 2px; color: #999999; }

/* Ads - Google Adsense automatische Anzeigen */
.google-auto-placed::before { content: "Anzeige "; float: right; font-size: 11px; padding-right: 2px; color: #999999; }
article .google-auto-placed img { width: 100%; max-width: 100%; height: auto; background: transparent; border: 0; display: block; }
article .google-auto-placed { margin: 0 0 0.6em 0; padding: 0 0 0.6em 0; }
article .google-auto-placed { margin-top: 2em; }
article .google-auto-placed::before { content: "Anzeige "; float: right; font-size: 11px; padding-right: 2px; color: #999999; }

aside .google-auto-placed img { width: 100%; max-width: 100%; height: auto; background: transparent; border: 0; display: block; }
aside .google-auto-placed { margin: 0 0 0.6em 0; padding: 0 0 0.6em 0; }
aside .google-auto-placed { margin-top: 2em; }

article .google-auto-placed { border-top: 1px solid #999; margin: 0.75em 0 1.75em 0; }
aside .google-auto-placed { border-top: 1px solid #d8d8d8; margin: 1.75em 0; }

/* *********************************************************************************************************************
Aside 15.6.2015 */
.asidebox { padding: 0 3% 0 3%;  }
aside h3 { color: #6b6b6b; border-bottom: 1px solid #a1a1a1; }
aside ul, aside ol { margin: 0 0 0.8em 0; list-style: circle; list-style-position: outside; padding-left: 22px; }
aside a.btn { background-color: #ffffff; }
aside li a { border: none; }
aside li { padding: 3px 0 3px 3px; border-bottom: 1px solid #d8d8d8; }
aside li:last-child { border-bottom: none; }
aside li.listintro { padding-left: 0; padding-bottom: 8px; list-style: none; font-size: 75%; line-height: 1.2; }
.asideboximage { padding: 0 3% 0 3%;  }
.asideboximage ul { list-style-position: inside; padding-left: 0; }
.asideboximage li img { width: 100%; /* NEU 02.06.2021 */ height: auto; padding-top: 8px; }
.asideboximage li:first-child img {  padding-top: 0; }
.asideboximage li { list-style: none; }
.asideboximage a { font-weight: bold; }

@-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } }
.blink { text-decoration: blink; -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -webkit-animation-direction: alternate; color: red; }

/* ---------------------------------------------------------------------------------------------------------------------
Aside booking handmade */
#bookingBOX { background: #ed9b9b; padding: 8%;  }
#bookingBOX h3 { margin-top: 0.8em; color: #fff; border-bottom: 1px solid #fff;}
#bookingBOX table { width: 100%; }
#bookingBOX table th { text-align: left; padding-right: 5px; font-size: 90%; color: #fff; }
#bookingBOX small { font-size: 80%; color: #fff; }
#bookingBOX input#destination { width: 100%; }
#bookingBOX input[type=submit] { width: 100%; margin: 0; margin-top: 12px; padding: 6px; font-size: 90%; color: #000; font-weight: bold; border: 1px solid #fff; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#bookingBOX input[type=submit]:hover {background: #e6f1f7;}

/* ---------------------------------------------------------------------------------------------------------------------
Aside facebook.de */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 100px; overflow: hidden; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* *********************************************************************************************************************
Footer */
footer#flag { padding: 25px 0; margin: 2.5em 0 0.5em 0; border-top: 2px solid #3978a7; }
footer#flag address { display: none; }

#socialmedia ul { margin: 0; padding: 0; list-style-type: none; text-align: center; font-size: 85%; }
#socialmedia ul li { display: inline-block; float: none; width: 50px; padding: 0; margin: 0; }
#socialmedia ul li img { width: 90%; /* NEU 03.06.2021 */ height: auto;}
#socialmedia ul li a { text-decoration: none; padding: .2em; }
#socialmedia ul li a { border: none; display: block; }
#socialmedia ul li a:hover { -moz-opacity: 0.5; opacity: 0.5; }
#socialmedia ul li.block { display: block; float: none; width: 100%; }
#socialmedia ul li.block a { display: inline; }

/* *********************************************************************************************************************
MEDIA QUERIES */
@media only screen and (max-width: 1150px) {
	#wrapper { width: 100% !important; float: none !important; }
	#sky { display: none; } 
}

@media only screen and (max-width: 800px) {
	
	body { padding: 0 2.5% 0 2.5%; }
		#sidebar { display: none; }
	.topteaser img { display: none; }
	.topteaserimagemap img { width: 96%; float: none;  }
	
	.topteaserimagemap-container { margin-top: 2em; }
	.topteaserimagemap h1 { margin-left: 0.25em; }
	blockquote { margin: 48px 0; }
	figure { margin: 48px 0; }
	header#masthead nav { padding-top: 3px; margin-top: 3px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding-bottom: 6px; margin-bottom: 6px; position: relative; float: none; width: 100%; text-align: left; }
	#claim { padding-bottom: 7px; }
	#claim img { width: 58px; /* NEU 03.06.2021 */ height: auto; padding-right: 8px; }
	#claim .title { float: left; }
	#claim .toptitle { font-size: 100%; padding-top: 7px; }
	#claim .subtitle span, #claim .toptitle span { display: none; }
	#claim .subtitle { font-size: 80%; }
	header#masthead nav a { color: #336699; font-weight: 500; }
	a#kontakt:after, a#uebersetzungsdienst:after { content: " | "; }
	header#masthead nav a { padding: 0 !important; background: none; border-right: none; line-height: 1; border-top-left-radius: 0; border-top-right-radius: 0; }
	header#masthead nav a:hover { background: none; color: #444; }
	header#masthead nav a { color: #ed9b9b; }header#masthead nav a.selected { background: none; padding: 6px 10px 6px 10px; color: #336699; }
	header#masthead nav a.selected:hover { background: none; color: #444; }

/* Navigation */
	.nav-mobile { top: 16px; right: 0; display: block; margin-top: -50px; background: #f7fbfd url(/images-basic/nav-hamburger.png) no-repeat 0 center; cursor: pointer; position: absolute; background-size: 35px; height: 20px; width: 26px; }
	.nav-click { position: absolute; top: 0; right: 0; display: none; height: 2.6em; width: 3.4em; cursor: pointer; border-left: 1px #ffffff solid; }
	.nav-click:hover { background-color: #4782ad; }
	.nav-click i { display: block; height: 2.6em; width: 3.4em; background: url(/images-basic/nav-drop.svg) no-repeat center center; background-size: 10px; }
	.nav-rotate { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
	nav.nav { background: transparent; width: 100%; display: block; }
	.nav-item { width: 100%; float: none; }
	.Reisetipps a, .Fachgebiete a { border-left: none; }
	.Home img { display: none; }
	.Home span { display: block; }
	.Search img { display: none; }
	.Search span { display: block; }
	.nav-item a { padding: 0.55em 0 0.55em 0.5em; text-align: left; border-right: none; border-bottom: 1px #ffffff solid; }
	ul.nav-list { border-top: none; }
	.nav-list { display: none; }

	div.nav-submenu { width: auto !important;  }
	ul.nav-submenu-left  { width: auto !important; float: none; }
	ul.nav-submenu-left a { border-right: none; }
	ul.nav-submenu-right {  width: auto !important; float: none; }
	ul.geschichtekultur {  width: auto !important; }
	
	.nav-submenu-item a { padding-left: 15px; }
	.nav-submenu-item a:before { content: "- "; }
	.nav-click { display: block; }
	.nav-mobile-open { border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
	.nav-item:hover .nav-submenu { display: none; }
	.nav-submenu { position: static; width: 100%; }
	li.Search > span.nav-click { display: none; }
	
	#Verlaufsnavigation { margin: 0; }
	.crumb > ul > li { margin-left: -2px; }
	.topteaser-container { margin-top: 2em; }
	.topteaser h1 { margin-left: 0.25em; }
	.topteaser img { width: 100%; /* NEU 02.06.2021 */ height: auto; float: none; margin-right: 0; }
	.illu img { width: 45%; margin: 0 auto; }
	section.threesome:nth-child(even), .missingEVEN { width: 49%; float: left; margin-right: 2%; }
	section.threesome:nth-child(odd), .missingODD { width: 49%; float: right; margin-right: 0%; }
	.foursome { width: 49%; float: left; margin-right: 2%; }
	section.foursome:nth-child(2n), .missing2N { width: 49%; float: right; margin-right: 0%; }
	.sixsome { width: 32%; float: left; margin-right: 2%; }
	section.sixsome:nth-child(3n), .missing3bN { float: right; margin-right: 0%; }
	
	.RSSlist li { width: 49.9%; }
	article, aside, #wrapper.threecol article, #wrapper.threecol aside, .bookingstyle { width: 100% !important; float: none; }
	.bookingstyle { padding: 0.2em 0.75em 0.75em 0.75em; }
	article { padding: 0; background: none; }
	
	ul#sitemap { -moz-column-count: 2; column-count: 2; -webkit-column-count: 2; }
	ul#sitemap li a { border: none !important; }
	.gallerygrid li { width: 33.3333333%; }
	aside ul, aside p {  }  aside h3 { color: #444444; }
	aside { padding: 0; background: none; }
	.asidebox, .asideboximage { padding: 0; }
	#bookingBOX { padding: 2%; }
}

@media only screen and (max-width: 480px) {
	.threesome, .foursome, .RSSlist li, .suggestleft, .suggestright { width: 100% !important; float: none !important; margin-right: 0 !important; }
	.suggest h2 { padding-top: 15px; }
	.RSSlist li > i > a { min-height: 0 !important; margin-right: 0 !important; }
	.gallerygrid li { width: 50%; }
	section p { padding-bottom: 1.5em !important; }
	ul#sitemap { -moz-column-count: 1; column-count: 1; -webkit-column-count: 1; }
	form.sfSITE > input.sftextinput { padding: 0 !important; height: 30px !important; width: 180px; border-right: 1px solid #336699; }
	form.sfSITE > input.sfbutton { height: 30px !important; margin-left: 10px; border-bottom-right-radius: 1px 1px; width: 80px; }
}

@media only screen and (min-width: 480px) and (max-width: 481px) and (orientation: landscape) { form.sfSITE > input.sftextinput { width: 320px; }
	#claim .title { font-size: 135%; }
	.nav-mobile { top: 6px; right: 0; background-size: 35px; height: 25px; width: 35px; }
	#masthead { margin-top: 10px; }
	#claim .toptitle { font-size: 100%; padding-top: 2px; }
	header#masthead nav { padding-top: 9px; margin-top: 9px; padding-bottom: 9px; margin-bottom: 9px; }
	header#masthead nav a { font-size: 75%; }
}

@media only screen and (max-width: 340px) {
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { padding: 0 2% 0 1%; }
	.gallerygrid li { width: 100%; }
	.sixsome { width: 48%; float: left !important; margin-right: 2% !important; }
	section.sixsome:nth-child(2n) { float: right !important; margin-right: 0% !important; }
}

/* *********************************************************************************************************************
PRINT */
@media print {
	#claim { float: none; width: 100%; }
	article, #wrapper.threecol article { float: none; width: 100%; }
	.header#masthead nav, nav.nav, nav.crumb, ul.resp-tabs-list, .HeaderSubNav-container, .GoogleAds, #sidebar, #weather, #Wetter, .wetter, .showphoto, #fb, .noprint, figure div.video, .figcaptionvideo, div.ad, aside, footer#flag ul, #sky, #languageLinks, .google-auto-placed, #google-image-div, #main { display: none; }
	footer#flag address { display: block; }
	article header { margin-bottom: 20px; }
	.illu img { width: 45%; margin: 0 auto; }
	section.threesome:nth-child(even), .missingEVEN { width: 49%; float: left; margin-right: 2%; }
	section.threesome:nth-child(odd), .missingODD { width: 49%; float: right; margin-right: 0%; }
	.foursome { width: 49%; float: left; margin-right: 2%; }
	section.foursome:nth-child(2n), .missing2N { width: 49%; float: right; margin-right: 0%; }
	.sixsome { width: 32%; float: left; margin-right: 2%; }
	section.sixsome:nth-child(3n), .missing3bN { float: right; margin-right: 0%; }
	.RSSlist li { width: 49.9%; }
}

br.clearall {clear: both } 

/* CMP booking.com Link 18.05.2020 fh */
.bookingaff a { 
/*	visibility: hidden; */
} 

/* *********************************************************************************************************************
CONSENTMANAGER */

 /* CMP Consentmanager 29.05.2020 iconscreen  */ 
#cmpboxrecalllink a, #cmpboxrecalllink a:visited, #cmpboxrecalllink a:hover, #cmpboxrecall a, #cmpboxrecall a:visited, #cmpboxrecall a:hover { border-bottom: none !important; } .cmpboxrecall a, .cmpboxrecall a:visited, .cmpboxrecall a:hover { border-bottom: none !important; }
.cmppreviewroot { margin-bottom: -55%; }

/* *********************************************************************************************************************
COOKIEBOT */

/* CMP booking.com Link 18.05.2020 fh */
.bookingaff a { visibility: hidden; }

/* CMP Cookiebot 22.05.2020 iconscreen */
#CybotCookiebotDialog a, #CybotCookiebotDialog a:visited, #CybotCookiebotDialog a:hover, #CybotCookiebotDialogDetailFooter a, #CybotCookiebotDialogDetailFooter a:visited, #CybotCookiebotDialogDetailFooter a:hover, #CybotCookiebotDialogDetail a, #CybotCookiebotDialogDetail a:visited, #CybotCookiebotDialogDetail a:hover #CybotCookiebotDialogPoweredbyLink a, #CybotCookiebotDialogPoweredbyLink a:visited, #CybotCookiebotDialogPoweredbyLink a:hover #CybotCookiebotDialogPoweredbyCybot a, #CybotCookiebotDialogPoweredbyCybot a:visited, #CybotCookiebotDialogPoweredbyCybot a:hover 
#CookiebotWidget-main-logo a, #CookiebotWidget-main-logo a:visited, #CookiebotWidget-main-logo a:hover { border-bottom: none !important; }