/*
Theme Name: Strasburg.de
Theme URI: https://www.strasburg.de
Author: Richard Stickel
Author URI: https://www.farn.de
Description: Theme für Strasburg.de
Version: 1.1
License: FARN digital brand design
License URI: https://www.farn.de
Tags: regional
Text Domain: strasburg-theme

*/

/* Normalize */

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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	word-wrap: break-word;
}

body,
button,
input,
select,
textarea {
	color: #444444;
	font-family: "ff-meta-web-pro", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
}

input{
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    border-radius: 0;
    font-size: 17px;
    margin: 5px 0;
    padding: 6px 10px 8px;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

textarea{
    font-size: 17px;
    margin: 5px 0;
    padding: 6px 10px 8px;
}

input, textarea{
    background: #f3f3f3;
    border: 0 none;
    outline: none;
}

img {
    display: block;
    width: 100%;
    height: auto;
}

iframe{
    width: 100%;
    height: 100%;
}


.clear{
    clear: both;
}

.unsichtbar{
    display: none;
}


/* Header */

#headercontent{
    background-color: #71b6df;
    background-image: url("https://www.strasburg.de/wp-content/themes/strasburg-theme/images/header-strasburg_2x_2023.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

#headercontent > img {
    display: block;
    margin: 0 auto;
    max-width: 1210px;
    width: 100%;
}


/* Mobilmenü */

#mobile-menu{
    display: none;
}

#mobile-menu-header{
	height: 60px;
    background-image: url("https://www.strasburg.de/wp-content/themes/strasburg-theme/images/header-strasburg-mobile_2x.jpg");
    background-size: auto 60px;
    background-position: left top;
    background-repeat: no-repeat;
}

#mobile-menu-header > img {
    display: block;
    height: 60px;
    margin: 0 auto;
    width: auto;
}

#mobile-menu-header > a {
    height: 60px;
    position: absolute;
    width: 200px;
}

#mobile-menu-btn-menu, #mobile-menu-btn-search{
    background-color: #eee;
    cursor: pointer;
    display: inline-block;
    height: 60px;
    padding: 0;
    position: absolute;
    width: 60px;
    background-image: url("https://www.strasburg.de/wp-content/themes/strasburg-theme/images/mobile-menu-buttons_2x.png");
    background-size: 180px 120px;
    z-index: 51;
    right: 0;
}

#mobile-menu-btn-menu {
    background-color: rgba(95, 167, 227, 0.7);
    background-position: 0 0;
    transition: background-position 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
#mobile-menu-btn-menu.active {
    background-position: 0 60px;
}

#mobile-menu-btn-search {
    background-color: rgba(125, 193, 248, 0.6);
    background-position: -60px 0;
    transition: background-position 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    right: 60px;
}
#mobile-menu-btn-search.active {
    background-position: -60px 60px;
}

#mobile-menu-search {
	display: none;
    background-color: #ebf5fa;
    position: relative;
    height: 60px;
}

#mobile-menu-search .search-field {
    background: none repeat scroll 0 0 transparent;
    border: none;
    height: 50px;
    margin-left: 15px;
    margin-top: 2px;
    padding: 4px 0 0;
    width: calc(100% - 90px);
    font-size: 19px;
}

#mobile-menu-search .search-submit {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    float: right;
    height: 60px;
    width: 60px;
    background-image: url("https://www.strasburg.de/wp-content/themes/strasburg-theme/images/mobile-menu-buttons_2x.png");
    background-size: 180px 120px;
    cursor: pointer;
    background-position: -120px 0;
    margin: 0;
}

#primary-navigation{
	height: 0;
	overflow: hidden;
    position: absolute;
    width: 100%;
    transition: all 0.3s ease 0s;
}

.menu-hauptmenue-container {
    position: relative;
    width: 100%;
    left: 0;
    transition: left 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.menu-hauptmenue-container li {
    background-color: #ebf5fa;
    border-bottom: 1px solid #bfd3e4;
    list-style: none outside none;
    width: 100%;
    transition: background-color 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.menu-hauptmenue-container li:active, #zurueckbutton:active  {
    background-color: #fff;
    transition: background-color 0s 0s;
}

#menu-hauptmenue .page_item_has_children{
	background-image: url("https://www.strasburg.de/wp-content/themes/strasburg-theme/images/mobile-navi-pfeil-rechts_2x.png");
	background-size: 52px 52px;
	background-position: right;
	background-repeat: no-repeat;
}

.nav-menu .children {
    left: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    display: none;
}

ul#menu-hauptmenue>li>ul.children {
    margin-top: 53px;
}

#menu-hauptmenue .page_item > a, #zurueckbutton {
    display: block;
    padding: 11px 16px 14px;
    width: auto;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#zurueckbutton{
    cursor: pointer;
    display: inline-block;
	left: 100%;
    width: calc(100% - 46px);
    position: absolute;
    background-color: #ebf5fa;
	background-image: url("https://www.strasburg.de/wp-content/themes/strasburg-theme/images/mobile-navi-pfeil-links_2x.png");
	background-size: 52px 52px;
	background-position: -2px center;
	background-repeat: no-repeat;
    border-bottom: 1px solid #cacaca;
    padding-left: 38px;
    transition: left 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, background-color 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    z-index: 1;
    color: #1397dd;
    height: 27px;
}

/* Submenü Titel */

li.children-title a {
    color: #677487;
    cursor: auto;
    font-size: 0.9em;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.5em;
    padding-bottom: 15px;
    height: 22px;
    padding-top: 15px;
    text-transform: uppercase;
}
li.children-title > a {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
}

li.children-title {
    background-color: #d8eefa;
}

/* Headerleiste mit Logolink */

#headerleiste {
    left: auto;
    margin: 0 auto;
    max-width: 1110px;
    position: relative;
    top: 0;
    width: 100%;
}
#headerleiste > a {
    display: block;
    position: absolute;
}
#headerleiste > a.logo {
    height: 110px;
    width: 300px;
}
#headerleiste > a.wappen {
    height: 80px;
    width: 128px;
    top: 30px;
    right: 0;
}

#adminlinks {
    padding-left: 20px;
    position: absolute;
    padding-top: 3px;
}

#adminlinks > div {
    float: left;
    margin-right: 16px;
}

#adminlinks a {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

#adminlinks a:hover {
    border-bottom: 1px solid;
}

/* Sprachwähler */

.uebersetzlink {
    color: #fff;
    font-weight: bold;
    right: 2%;
    font-size: 0.95em;
    padding-top: 3px;
}
.uebersetzlink:hover {
    text-decoration: underline;
}

/* dektop */
#google_translate_element {
    position: absolute;
    right: 20px;
    top: 2px;
}
.goog-te-gadget-simple{
	border-width: 0 !important;
	font-family: "ff-meta-web-pro",Helvetica,Arial,sans-serif;
	font-weight: bold;
	padding-bottom: 4px !important;
	background-color: transparent !important;
}
.goog-te-gadget img {
    display: none !important;
}
.goog-te-menu-value > span:first-child {
    padding: 0 4px 0 3px;
    color: #fff;
}
.goog-te-menu-value > span:nth-child(3) {
    display: none;
}
.goog-te-menu-value > span:last-child {
    padding: 0;
    color: #fff !important;
    display: inline-block;
    transform: scale(0.85);
}

/* mobile */
#sprachwaehler {
    left: 0;
    position: absolute;
    width: 100%;
    transition: left 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
#sprachwaehler > .widgettitle {
    display: none;
}
#sprachwaehler > .mlp_language_box > ul {
    text-align: center;
    background-color: #d5d5d5;
}
#sprachwaehler > .mlp_language_box ul li {
    border-right: 1px solid #555;
    display: inline-block;
    list-style-type: none;
    margin: 0;
    text-align: center;
    width: 49%;
}
#sprachwaehler > .mlp_language_box li:nth-of-type(2) {
    border-right: medium none;
}
#sprachwaehler > .mlp_language_box a {
    display: block;
    padding: 10px 10px 14px;
}

#blackoverlay{
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: 0.3;
	top: 60px;
    z-index: 50;
}
#blackoverlay-wide{
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0;
    top: 0px;
    z-index: 50;
    transition: 0.5s 0.2s ease;
}
#blackoverlay-wide.active{
    opacity: 0.3;
    transition: 0.3s 0 ease;
}




/* Navigation */


#navigation{
    transition: height 0.3s;
    z-index: 100;
}

#navigation.sticky {
    max-width: none;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
nav, .site-info {
    position: relative;
    margin: 0 auto;
    max-width: 1100px;
    z-index: 100;
}
ul {
    margin: 0;
    padding: 0;
}
nav ul {
    display: block;
    font-size: 0;
    width: 100%;
}
nav ul li {
    display: inline-block;
    font-size: 16px;
    margin: 0;
}
nav#nav-titel ul li {
    font-weight: bold;
    padding: 0 1.5%;
    width: 22%;
}
nav ul li a {
    display: block;
    font-size: 18px;
    padding: 8px 0 5px 1px;
    text-decoration: none;
    cursor: pointer;
}
.linie{
    float: left;
    height: 4px;
    margin: 0 1.5%;
    transition: all 0.5s ease 0s;
    width: 22%;
}
#navi-rathaus a{
    color: #c60000;
}
.linie-rathaus{
    background-color: #c60000;
}
#navi-kultur a{
    color: #f9b400;
}
.linie-kultur{
    background-color: #f9b400;
}
#navi-wirtschaft a{
    color: #1397dd;
}
.linie-wirtschaft{
    background-color: #1397dd;
}

#navi-suche input {
    border: 0 none;
    font-size: 18px;
    font-weight: bold;
    height: 27px;
    color: #5f5f5f;
    width: calc(100% - 70px);
    background-color: transparent;
    margin: 0;
    padding: 0;
}
#navi-suche .search-submit {
    background-image: url("https://www.strasburg.de/wp-content/themes/strasburg-theme/images/icon-lupe-2x.png");
    background-position: 2px 6px;
    background-repeat: no-repeat;
    background-size: 40px 16px;
    border: 0 none;
    cursor: pointer;
    float: right;
    height: 28px;
    width: 28px;
}
.linie-suche{
    background-color: #bfbfbf;
}
#nav-titel {
    padding: 0 20px;
}
.nav-overlay {
    background-color: transparent;
    left: 0;
    position: absolute;
    width: 100%;
    height: 44px;
    transition: 0.8s;
    overflow: hidden;
    z-index: 100;
}
.nav-overlay.active{
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.nav-overlay-inhalt {
    margin: 45px auto 0;
    max-width: 1100px;
    padding: 0 20px;
    position: relative;
}
.nav-overlay-inhalt img {
    height: auto;
    width: 100%;
    margin-top: 4px;
}
.nav-overlay-rathaus, .nav-overlay-kultur, .nav-overlay-wirtschaft {
    display: none;
    position: absolute;
    margin: 0 20px 0 0;
    width: calc(100% - 40px);
}

.nav-overlay strong {
    display: block;
    margin-top: 14px;
    color: #5c5c5c;
}
.nav-overlay p {
    padding-bottom: 3px;
    font-size: 15px;
    margin-bottom: 0;
}
.nav-overlay .clear {
    margin-bottom: 35px;
}


#secondary>nav{
    z-index: 1;
}



#page{
}

#content {
    margin: 0 auto;
    max-width: 1100px;
    padding: 0 20px;
}

.search-no-results #content, .error404 #content {
    min-height: 200px;
}


#main{
    margin: 30px 0;
    clear: both;
}
#secondary {
    clear: both;
}


/* FORMULAR */

span.wpcf7-form-control-wrap {
    position: inherit;
}
.wpcf7-form-control.wpcf7-quiz {
  width: 50px;
  display: block;
}

/* links Spalte */

.seitennavi-uebertitel {
    color: #545454;
    letter-spacing: 0.04em;
    list-style: outside none none;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.gs-1-4.linke-spalte.linke-spalte {
    margin-top: 7px;
}

.linklist ul {
    margin-top: 5px;
}

.linklist>li {
    color: #545454;
    letter-spacing: 0.04em;
    list-style: none outside none;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.linklist li ul li {
    font-weight: normal;
    letter-spacing: 0;
    list-style: none outside none;
    margin-bottom: 5px;
    text-transform: none;
    padding-bottom: 3px;
}
.linklist .page_item.current_page_item {
    border-left: 4px solid #ebebeb;
    font-weight: bold;
    margin-left: -12px;
    padding-left: 8px;
}

.linke-spalte .selectmenu, .linke-spalte .sbHolder{
    display: none;
}

.pagenav.sticky {
    position: fixed;
    top: 77px;
}

.linke-spalte input[type="search"] {
    width: 100%;
}


/* Inhalt */
.entry-content {
    clear: both;
}
.entry-content p, table{
    font-size: 17px
}

.entry-content ul, .entry-content ol {
    font-size: 17px;
    margin: 0 0 15px 25px;
}

.entry-content li {
    margin-bottom: 7px;
}


/* Elemente im Layout */

.bildkasten {
    margin: 0 0 30px 0;
    width: 100%;
}

.infokasten {
    background-color: #f2f8fb;
    margin: 20px 0 30px;
    padding: 15px 20px;
    width: auto;
}

.infokasten > h2 {
    margin-top: 0;
}

.kasten-rechts {
    float: right;
    width: 49.5%;
    margin: 0 0 30px 3%;
}

.kasten-links {
    float: left;
    width: 49.5%;
    margin: 0 3% 30px 0;
}

.kasten-links-klein {
    float: left;
    width: 22.75%;
    margin: 0 3% 30px 0;
}
.kasten-rechts-klein {
    float: right;
    width: 22.75%;
    margin: 0 0 30px 3%;
}
.kasten-links-klein:nth-child(4n+1){
    margin-right: 0;
}
.kasten-links-klein:nth-child(4n+2) {
    clear: both;
}
.kasten-links-klein:first-child {
    margin-right: 3%;
}
.kasten-rechts-klein:nth-child(4n+1){
    margin-left: 0;
}
.kasten-rechts-klein:nth-child(4n+2) {
    clear: both;
}
.kasten-rechts-klein:first-child {
    margin-left: 3%;
}


figcaption {
    font-style: italic;
    line-height: 1.3em;
    padding-top: 4px;
}

.map {
    display: block;
    height: 380px;
    width: 100%;
    margin-bottom: 30px;
}
.map-beschriftung {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 0;
}


/* Startseite */

.wichtiger-hinweis {
    background-color: #f9e966;
    color: #2d1d00;
    font-size: 16px;
    opacity: 0.8;
    position: relative;
    padding: 10px 55px 3px 15px;
    clear: both;
    margin-bottom: 20px;
}
.wichtiger-hinweis.wichtiger-hinweis-dunkelgrau {
    background-color: #2B2B2B;
    color: #ececec;
}
.wichtiger-hinweis.wichtiger-hinweis-dunkelgrau a {
  border-bottom: 1px dashed #ececec !important;
  color: #ececec;
}
.wichtiger-hinweis.wichtiger-hinweis-transparent {
    background-color: transparent;
}
/*
.wichtiger-hinweis::after {
    content: "×";
    font-size: 26px;
    opacity: 0.6;
    position: absolute;
    right: 13px;
    top: 0;
    cursor: pointer;
}
*/
.wichtiger-hinweis li {
    margin: 0 0 10px 25px;
}
.wichtiger-hinweis a {
    border-bottom: 1px dashed #9d8c20 !important;
    color: #2d1d00;
}
.social-media-teaser {
  display: block;
  padding: 7px 15px 16px;
  background-color: #f2f8fb;
  margin-bottom: 10px;
  font-weight: bold;
}
.social-media-teaser svg {
  fill: #1397dd;
  width: 26px;
  display: inline-block;
  height: auto;
  position: relative;
  top: 6px;
  margin-right: 8px;
}

.blaukasten {
    background-color: #f2f8fb;
    margin: 0 0 20px;
    padding: 5px 15px 5px;
}
.blaukasten > h2 {
    margin: 4px 0 10px;
    border: 0;
}
.blaukasten li {
    line-height: 1.3em;
    list-style: outside none none;
    margin: 0 0 10px;
}
.blaukasten-datum {
    font-size: 0.85em;
    font-weight: bold;
}

.seitenkasten > .blaukasten > h2.akkordeon-open{
    background-position: right -3px;
}


/* Quicklinks */

.quicklink {
    font-weight: bold;
    line-height: 1.2em;
    text-align: center;
    margin-bottom: 25px !important;
    margin-top: 15px !important;
}

.quicklinkicon{
    width: 80px;
    height: 80px;
    background-image: url(images/icon-quicklinks.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0 0;
    margin: 0 auto 6px;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.quicklink a:hover .quicklinkicon{
    opacity: 0.75;
}
.quicklink:nth-child(2) .quicklinkicon{
    background-position: 25% 0;
}
.quicklink:nth-child(3) .quicklinkicon{
    background-position: 50% 0;
}
.quicklink:nth-child(4) .quicklinkicon{
    background-position: 75% 0;
}


/* Online Formular */
div.caldera-grid {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    display: block;
    margin-top: 15px;
    padding: 40px 40px 25px;
    width: auto;
}

div.caldera-grid a:focus{
    outline: 0 !important;
}


.caldera-grid input, .caldera-grid textarea{
    box-shadow: 0 2px #eaeaea inset;
}

.caldera-grid button, .caldera-grid html input[type="button"], .caldera-grid input[type="reset"], .caldera-grid input[type="submit"] {
    background-color: #1397dd;
    color: #fff;
    font-weight: bold;
    padding: 5px 20px 7px;
    width: auto;
    cursor: pointer;
    box-shadow: none;
    margin-top: 10px;
}
.caldera-grid button:hover, .caldera-grid html input[type="button"]:hover, .caldera-grid input[type="reset"]:hover, .caldera-grid input[type="submit"]:hover {
    opacity: 0.85;
}
.caldera-grid label {
    display: block;
    margin-bottom: 6px;
}

div.caldera-grid h4{
    margin-top: 40px;
}
div.caldera-grid .first_row h4 {
    margin-top: 0;
}

div.caldera-grid .sbHolder {
    background-color: #f3f3f3;
    border: medium none;
    font-weight: normal;
    height: 37px;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    box-shadow: 0 2px #eaeaea inset;
}

div.caldera-grid .sbSelector {
    height: 37px;
    line-height: 34px;
    text-transform: none;
}

div.caldera-grid a.sbSelector:link, div.caldera-grid a.sbSelector:visited, div.caldera-grid a.sbSelector:hover, div.caldera-grid ul.sbOptions a:link, div.caldera-grid .sbOptions a:visited {
    color: #444;
    text-decoration: none;
}

div.caldera-grid ul.sbOptions {
    background-color: #e9e9e9;
    border-top: 1px solid #d0d0d0;
}

div.caldera-grid ul.sbOptions li {
    border-bottom: 1px solid #d0d0d0;
    font-size: 15px;
    margin-bottom: 0;
    padding: 2px 11px 5px;
}
div.caldera-grid ul.sbOptions li:hover {
    background-color: #f3f3f3;
}
div.caldera-grid .sbToggle{
    height: 37px;
    background-image: url(images/select-icons-grau_2x.png);
    background-size: 48px 96px;
    background-position: 0 -53px;
    background-repeat: no-repeat;
}

div.caldera-grid .sbToggleOpen{
    background-position: 0 -4px;
}


/* Online Formular SMARTPHONE */
@media (max-width: 450px) {

    div.caldera-grid {
        background-color: #fff;
        border: 1px solid #e6e6e6;
        display: block;
        margin-top: 15px;
        padding: 10px 10px 5px;
        width: auto;
    }

}


/* Tabelle */

table {
    width: 100%;
    border-collapse: collapse;
}
table.alignleft {
    width: auto;
}
thead, tr {
    border-bottom: 1px solid #ddd;
}
tr:last-child {
    border: 0 none;
}
.entry-content thead p {
    color: #535353;
    font-size: 0.85em;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
    text-transform: uppercase;
}
td {
    padding: 7px 20px 3px 0;
}
td:last-child {
    padding-right: 0;
}


/* Mediathek */

h2.abschnittstitel {
    color: #545454;
    letter-spacing: 0.04em;
    list-style: outside none none;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1em;
}
h2.abschnittstitel-startseite {
    margin-bottom: 12px;
    margin-top: 10px;
}
.teaser {
    margin-bottom: 20px !important;
    position: relative;
}
.teaser img{
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    box-shadow: 0 0 0 #cdcdcd;
}
.teaser img:hover{
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    transform: scale(1.02);
    box-shadow: 0 7px 9px #cdcdcd;
}
.teaser a p{
    font-weight: bold;
    line-height: 1.3em;
    margin: 5px 0 0;
}
.oneimageinmediathek {
    max-width: 1070px;
    margin: 0 auto;
    padding: 30px 20px;
}


/* Immobilien */
.verkauft {
    background-color: #bf0000;
    color: #ffffff;
    font-size: 0.9em;
    font-weight: bold;
    left: 0;
    letter-spacing: 0.05em;
    padding: 1px 9px 3px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
}


/* Paging Navigation */
.paging-navigation h1 {
    display: none;
}
.pagination.loop-pagination {
    text-align: center;
}
.page-numbers {
    background-color: #f3f3f3;
    display: inline-block;
    font-weight: bold;
    min-width: 18px;
    padding: 8px 20px 11px;
    text-align: center;
    margin-bottom: 4px;
}
.page-numbers:hover{
    background-color: #f2f8fb;
}
.page-numbers.dots {
    background-color: inherit;
    color: #858585;
}


/* Veranstaltungen Detailseite */
.single-veranstaltungen article {
    padding-bottom: 50px;
}
.veranstaltung_gallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  clear: both;
  grid-gap: 40px;
}


/* Veranstaltungen */
.vergangene-veranstaltungen {
    height: 0;
    overflow: hidden;
}
.umkasten-link-vergangene-veranstaltungen {
    position: relative;
}
.link-vergangene-veranstaltungen {
    position: absolute;
    right: 0;
    top: 4px;
}
.veranstaltungsbild {
    float: right;
    width: 40%;
    margin-left: 30px;
    margin-bottom: 20px;
}


/* Kontakt */

div.wpcf7 img.ajax-loader{
  display: none;
}

.wpcf7-form input, .wpcf7-form textarea{
    width: calc(100% - 20px);
    box-shadow: 0 2px #eaeaea inset;
}

.wpcf7-form-control.wpcf7-submit {
    background-color: #1397dd;
    color: #fff;
    font-weight: bold;
    padding: 5px 20px 7px;
    width: auto;
    cursor: pointer;
    box-shadow: none;
}
.wpcf7-form-control.wpcf7-submit:hover {
    opacity: 0.85;
}
.wpcf7-form-control.wpcf7-submit:active {
    padding: 6px 20px 6px;
}


/* Ausschreibungen */
.tabelle_ausschreibungen th, .tabelle_ausschreibungen td {
  padding: 10px 20px 10px 0;
  line-height: 1.3em;
  font-size: 0.9em;
}
.tabelle_ausschreibungen th {
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}
.tabelle_ausschreibungen th:last-child, .tabelle_ausschreibungen td:last-child {
  padding-right: 0;
  text-align: right;
}

/* Suche */

#content .search-submit {
    background-color: #1397dd;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 5px 20px 7px;
    width: auto;
    vertical-align: top;
}
#content .search-submit:hover {
    opacity: 0.85;
}
#content .search-submit:active {
    padding: 6px 20px 6px;
}


/* Lightbox */
#lightbox {
    background-color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    display: none;
}
#lightbox-inner {
    height: 85%;
    left: 10%;
    position: absolute;
    top: 7.5%;
    width: 80%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}



/* Footer */
footer {
    background-color: #3b3b3b;
    clear: both;
    padding: 20px 0 50px;
}
.site-info{
    z-index: 0;
    padding: 0 20px;
    color: #fff;
}
.site-info a {
    color: #fff;
}
.site-info a:hover {
    border-bottom-color: #fff;
}



/* Admin */

.admin-edit-pen{
    float: right;
    width: 40px;
    height: 40px;
    display: block;
    margin-left: 20px;
}
.admin-edit-pen a{
    background-image: url('images/admin-edit-pen.svg');
    display: block;
    height: 100%;
    background-size: 50% 50%;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.3;
}
.admin-edit-pen a:hover{
    opacity: 0.5;
}



/* Media Queries */



/* SMARTPHONE */
@media (max-width: 940px) {

	body,
	button,
	input,
	select,
	textarea {
		font-size: 17px;
	}

    #mobile-menu{
        display: block;
    }
    #navigation, #headercontent{
        display: none;
    }

    #main{
        margin-top: 20px;
    }

    #content {
        padding: 0 12px;
    }

    /* Sidemenu */

    .pagenav {
        display: none;
    }
    .linke-spalte .sbHolder{
        display: block;
    }

    .gs-1-4.seitenkasten {
        width: 97%;
    }

    .seitenkasten > .blaukasten {
        background-color: #ebf5fa;
        border-bottom: 1px solid #bfd3e4;
        margin: 0;
    }
    .seitenkasten > .blaukasten:last-child {
        border: 0 none;
        margin-bottom: 10px;
    }
    .seitenkasten > .blaukasten > h2 {
        background-image: url("https://www.strasburg.de/wp-content/themes/strasburg-theme/images/select-icons_2x.png");
        background-position: right -53px;
        background-repeat: no-repeat;
        background-size: 48px 96px;
        border: 0 none;
        color: #1397dd;
        cursor: pointer;
        display: block;
        font-size: 17px;
        font-weight: normal;
        height: 28px;
        margin: 0;
        outline: medium none;
        overflow: hidden;
        padding: 5px 35px 4px 0;
        text-decoration: none;
        text-overflow: ellipsis;
        text-transform: uppercase;
        transition: background-position 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        white-space: nowrap;
        width: calc(100% - 20px);
    }
    .seitenkasten > .blaukasten > ul,
    .seitenkasten > .blaukasten > p,
    .seitenkasten > .blaukasten > div {
        display: none;
    }

    .swiper-container {
        height: 450px !important;
        width: 100%;
    }


}




@media (max-width: 730px) {

    .swiper-container {
        height: 350px !important;
    }
}



@media (max-width: 640px) {

	#mobile-menu-header > img {
		display: none;
	}

    /* Tabelle Veranstaltung Ausstellungen */ 
    table.veranstaltungen-ausstellungen thead {
        display: none;
    }
    table.veranstaltungen-ausstellungen td:nth-child(1), table.veranstaltungen-ausstellungen td:nth-child(2) {
        display: inline-block;
        font-weight: bold;
        margin-bottom: -8px;
        padding: 12px 8px 0 0;
        width: auto;
    }
    table.veranstaltungen-ausstellungen td:nth-child(3) {
        clear: both;
        display: block;
        padding: 0 0 8px;
        width: 100%;
    }
    table.veranstaltungen-ausstellungen td:nth-child(1) p, table.veranstaltungen-ausstellungen td:nth-child(2) p {
        font-size: 0.9em;
    }

    td {
        width: 100%;
        padding-right: 0;
        display: block;
    }

    .link-vergangene-veranstaltungen {
        position: relative;
        text-align: right;
    }

    .map {
        height: 300px;
    }


    .swiper-container {
        height: 300px !important;
        margin-top: -45px !important;
    }
    .kasten-rechts-klein{
        width: 48.5%;
        margin-left: 3%;
    }
    .kasten-links-klein{
        width: 48.5%;
        margin-right: 3%; 
    }
    .kasten-links-klein:nth-child(2n+1) {
        margin-right: 0;
    }
    .kasten-links-klein:first-child {
        margin-right: 3%;
    }
    .kasten-rechts-klein:nth-child(2n+1) {
        margin-left: 0;
    }
    .kasten-rechts-klein:first-child {
        margin-left: 3%;
    }


}


/* SMARTPHONE */
@media (max-width: 450px) {

    .kasten-rechts, .kasten-links {
        float: none;
        margin: 0 0 20px;
        width: 100%;
    }
    .map {
        height: 200px;
    }

    .swiper-container {
        height: 200px !important;
    }
    .veranstaltungsbild {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
        margin-top: 10px;
    }

}



@media (min-width: 750px) {
    .social-media-teaser {
      width: calc(48% - 30px);
      float: left;
      margin-bottom: 25px;
    }
    .social-media-teaser-ig {
      margin-right: 4%;
    }
}



/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */

/* Retina-specific styles. */
@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {
		

}


@media print {
	body {
		background:#FFFFFF;
	}
	.site {
		max-width: 580px;
		margin: 0 auto;
		padding: 0;
	}
	
	
}


/* DISABLE SCALING 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	select:focus, textarea:focus, input:focus {
		font-size: 16px;
	}
}
*/