/*
Theme Name: Bswuerzburg
Theme URI: https://www.bs-wuerzburg.de/
Author: Web-Publishing Ronge, Thomas Ronge
Author URI: https://www.web-publishing.de/
Description: Theme für den Büroservice von Anja Fritsch
Version: 1.0
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

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

body{
	width: 100%;
	height: 100%;
	font-size: 100.01%;
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

blockquote, pre, p, td, img, ul, li{
	font-size: 14px;
}

img, ul, li{
	border: 0;
	margin: 0;
	padding: 0;
	list-style:none;
}

#divContent UL,
#divContent OL{
	margin-top: 0px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#divContent LI{
	margin-top: 4px;
	margin-left: 20px;
	padding-top: 4px;
	font-size: 14px;
	list-style-image: url('images/layout/dot-blau-gruen.png');
}

img{
	max-width: 100%;
	height: auto;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
	margin-top: 20px;
	margin-bottom: 0px;
	color: #366cb3;
	font-size: 20px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	padding: 0 0 9px 0;
}
h2,.h2{font-size: 19px;padding: 0 0 9px 0;}
h3,.h3{font-size: 18px;padding: 0 0 9px 0;}
h4,.h4{font-size: 17px;padding: 0 0 9px 0;}
h5,.h5{font-size: 16px;padding: 0 0 9px 0;}
h6,.h6{font-size: 15px;padding: 0 0 9px 0;}

a,
a:visited{
	color: #333;
	text-decoration: underline;
}
a:hover{
	color: #1b3659;
	text-decoration: none;
}

/* external url 14x14px grau */
a[target="_blank"]:not(img)::after{
	content: "";
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAABIElEQVQY042QsUvDQBTGn5t1KUhroYOCRXFx/vKSO+OBLrEldBADcRTcQobMdXJx8S8QiyLU0UUEkdCKm/+B2N3RWej5ktahm/dxx9393nvfuyOaGyGpU1jRpFgprhQ6lhlVwkVDvI0El/guoc53hv6rEflvasA1ENbwiB98YUKO5Xdz3e4H/d0bvkAV63iWrAHOBMJ6Wbv02yeXsIEXQfdc8070FAaCDkn8NpEXWdzwKWh1jwRy5kuWIXcLQ+nyDg2X9qbNS2TGUpBXnNyxuEUdxAf+eVDt/kFFelWP9JWuK2Jyejz2mprKskYeHy3Ey/FSJDvx7mGMJqhsqDP3Sx3y/gn5wSRhGqWxKErD1CT8hM8ZFGyV1TMpOcndRwF/AUrfeLoxnRUiAAAAAElFTkSuQmCC") no-repeat scroll center 1px;
	margin-right: 0px;
	padding-right: 20px;
}
nav .menu-hauptmenue-container li a[target="_blank"]:not(img)::after{
	content: "";
	background: none;
	margin-right: 0px;
	padding-right: 0px;
}

/* pdf 14x14px */
a[href*=".pdf"]:not(img)::after{
	content: "";
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAA/FBMVEXqTDrqSTfpQzDpRDLqSjfpSjjpSznqTDrqSznpSDXpRzTpRDHqSTfqTDnqSDbwdmnsXEzpRDLqSjjsXEv5zsn2ta3pQC3qSzjpQi/ta1350cz1pJvoPSrpQzD+9PPveGvoPCjnMx775uTwfG/oNyPpRzXoOSXweWz0oJf3ubLoPSnqSTboPyz50s3wfXDzmY/86eb1qaDxh3vrV0XqSjfpRjPpPyzrU0L4wLv739v2tKzwgnXzlYr4w7z2ubL2sajrVkXpRTPubV/608761dDnMh3nNSHtZVb0oZj1rKPsXk7pRTLqUT/2s6z5zsjrV0ftalzrWknoOyfpRjQd1S2vAAAAB3RSTlP7+/v7+2ZmDCwJNgAAAKNJREFUCNc9zUcWgkAQRdEyUkrbSptQwYg5K4hZMOe4/70oHuWN6p4/KOA+oc/Pk4B1gSXKB0MCs8mHI9EY+TMuJpIpidqrLKQzWYo/MjGXLygyZWgRi6VypYo1ma8jcOjPNpqtdqfb68sqoDbQh6PxZDqbLwwTiLZcrY2Nst3tD8cTFM+Xq66YVJNuusiAkPvj+XmCqvZiHIDD6XKDneeb99cb18kTW8XsnrkAAAAASUVORK5CYII=") no-repeat scroll center 2px;
	margin-right: 0px;
	padding-right: 20px;
}

#divTopLogo{
	padding: 44px 0 0 101px;
}

#imgTopLogo{
	margin: 0;
	display: inline;
}

#divContentWrapper,
#divHeader{
	position: relative;
	width: auto;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}
@media all and (max-device-width: 1510px), all and (max-width: 1510px){
	#divContentWrapper,
	#divHeader{
		margin-left: 7%;
		margin-right: 7%;
	}
}

#divTopLogoQuadrate{
	width: 100px;
	height: 125px;
	position: absolute;
	right: 10px;
	top: 136px;
	background: transparent url('images/layout/logo-quadrate100x125.png') no-repeat 0 0;
	z-index: 11;
}
#divHeaderWrapper{
	background-color: #E8E8E8;
	height: 180px;
}
#divContentTable{
	display: table;
	width: 100%;
	max-width: 100%;
}
@media all and (max-device-width: 1060px), all and (max-width: 1060px){
	#divContentWrapper,
	#divHeader{
		margin-left: 1%;
		margin-right: 1%;
	}
}

#divLeftColumn{
	display: table-cell;
	box-sizing: border-box; 
	vertical-align: top;
	width: 200px;
	margin: 0;
	padding: 30px 0 0 0;
	background-color: #BECD30;
}

#divContent{
	display: table-cell;
	box-sizing: border-box; 
	vertical-align: top;
	width: auto;
	max-width: 100%;
	margin: 0;
	padding: 15px 30px 30px 30px;
}

#divRightColumn{
	display: table-cell;
	box-sizing: border-box; 
	vertical-align: top;
	width: 200px;
	margin: 0;
	padding: 49px 0 0 0;
}

#divFooterImage{
	width: 856px;
	height: 209px;
	overflow: hidden;
}

.captcha-image i {
	color: #5C3B4E;
}

#divRowFooter{
	width: auto;
	max-width: 100%;
	height: 100px;
	background-image: linear-gradient(#868686, #4A4A4A);
}

#divRowFooter{
	display: flex;
	justify-content: center;
	align-items: center;
}

#divRowFooter aside{
	display: block;
	position: relative;
	width: auto;
	max-width: 100%;
	margin-left: 7%;
	margin-right: 7%;
	text-align: center;
}

#divRowFooter p{
	display: inline-block;
	margin: 0;
	padding: 0;
	color: #fff;
	line-height: 33px;
}
#divRowFooter p:after{
	content: '■';
	padding: 0 15px 0 19px;
	color: #366CB3;
	font-size: 14px;
}
#divRowFooter p:last-child:after{
	display: none;
}
#divRowFooter p a,
#divRowFooter p a:visited{
	color: #fff;
	font-size: 14px;
}
#divRowFooter p a:hover{
	text-decoration: none;
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div#divHeaderLine{
	height: 3px;
	background-color: #08c;
}

nav.navbar div.container{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	float: none;
	display: inline-block;
	position: relative;
}

nav > .menu-hauptmenue-container ul{
	background: none;
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

nav > .menu-hauptmenue-container li{
	width: 100%;
	margin: 0;
	padding: 0;
}
nav > .menu-hauptmenue-container li::before,
nav > .menu-hauptmenue-container li::after{
	clear: both;
}

nav .menu-hauptmenue-container ul li ul.sub-menu{
	display: inline-block !important;
	width: 100% !important;
	position: static !important;
}
nav .menu-hauptmenue-container ul li ul.sub-menu::before,
nav .menu-hauptmenue-container ul li ul.sub-menu::after{
	clear: both;
}

/* Farbverlauf, oben #868686, unten #4A4A4A */

nav .menu-hauptmenue-container li a{
	font-family: "Times New Roman", Times, serif;
	color: #666;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	padding: 0px 5px 0px 10px;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 32px;
	border-bottom: #becd30 1px solid;
}
nav .menu-hauptmenue-container li ul li a{
	padding-left: 25px;
	text-transform: none;
	line-height: 20px;
	background: none;
}

nav .menu-hauptmenue-container li a:hover,
nav div.menu-hauptmenue-container ul#menu-hauptmenue.menu li.current-menu-item > a,
nav div.menu-hauptmenue-container ul#menu-hauptmenue.menu li.current-menu-parent > a,
nav div.menu-hauptmenue-container ul#menu-hauptmenue.menu li ul.sub-menu li.current-menu-item > a{
	color: #fff;
	background-image: linear-gradient(#868686, #4A4A4A);
	text-decoration: none;
}

.navbar-default{
	border: none;
	background: none;
	border-radius: unset;
	-webkit-box-shadow: none;
	box-shadow: none;
}

div.container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

span.screen-reader-text{
	display: none;
}

/* start - Menü mit Plugin: Responsive Menü */

button#responsive-menu-button {
	top: 10px !important;
	right: 10px !important;
}
.responsive-menu-open button#responsive-menu-button,
button#responsive-menu-button,
#responsive-menu-container,
#responsive-menu-container #responsive-menu li.responsive-menu-item a,
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow{
	background: #366CB3 !important;/* dunkel */
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a {
	border-bottom: 1px solid #BECD30 !important;/* hell */
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
	border-left: 1px solid transparent !important;
}
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-current-item > .responsive-menu-item-link,
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover,
#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover{
	background-color: #324D70 !important;/* noch dunkler */
}

/* ende  - Menü mit Plugin: Responsive Menü */

/* Hauptmenü in die Horizontale legen: */
nav li{
	float: none;
}

nav ul{
	width: 100%;
	float: none;
}

nav li ul{
	display:none;
}

nav ul li a{
}

nav li:hover ul {
	display:block;
	width:auto;
	position:absolute;
}

nav li:hover ul li { float:none; }

div.container {
	float: none;
	width: 100%;
	margin: 0px 0;
}

#slideshow{
    position: relative;
    height: 270px;
}
#slideshow div{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    opacity: 0.0;
}
#slideshow div.active{
    z-index: 10;
    opacity: 0.0;
}
#slideshow div.last-active{
    z-index: 9;
}
#slideshow a,
#slideshow a:visited,
#slideshow a:hover{
	margin: 0;
	padding: 0;
}

@media all and (max-device-width: 875px), all and (max-width: 875px){

#divTopLogo {
	width: auto;
	max-width: 100%;
}

#imgTopLogo {
	margin: 0 auto;
}

#divContentWrapper {
	margin: 0;
	padding: 0;
}

#divLeftColumn{
	display: none;
}

#divContent{
	display: table-cell;
	box-sizing: border-box; 
	vertical-align: top;
	width: auto;
	max-width: 100%;
	margin: 0;
	padding: 30px;
}

#divRightColumn{
	display: table-cell;
	box-sizing: border-box; 
	vertical-align: top;
	width: 20%;
	min-width: 200px;
	margin: 0;
}

#divFooterImage {
	width: auto;
	max-width: 100%;
	height: auto;
	overflow: auto;
}

.captcha-image i {
	font-size: 80px !important;
}

#divRowFooter{
	height: 150px;
}

div.wpcf7 form,
div.wpcf7 textarea,
div.wpcf7 input{
	display: inline-block;
	width: 100% !important;
	max-width: 100% !important;
}

/* start - Schriftgrößen */

blockquote, pre, p, td, img, ul, li, a, p a, td a, li a,
#divRowFooter p a{
	font-size: 21px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
	font-size: 30px;
}
h2,.h2{font-size: 28px;}
h3,.h3{font-size: 26px;}
h4,.h4{font-size: 24px;}
h5,.h5{font-size: 22px;}
h6,.h6{font-size: 20px;}

/* ende  - Schriftgrößen */

}/* @media all and (max-device-width: 875px), all and (max-width: 875px){ */

@media all and (max-device-width: 650px), all and (max-width: 650px){

#divTopLogoQuadrate,
#slideshow{
	display: none;
}

#divTopLogo{
	padding: 44px 0 0 0;
	margin: 0 auto;
}

#divContent{
	display: block;
	box-sizing: unset; 
	vertical-align: top;
	width: auto;
	max-width: 100%;
	margin: 0;
	padding: 10px;
}

#divRightColumn{
	display: block;
	box-sizing: unset; 
	vertical-align: top;
	width: auto;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

#divRowFooter{
	height: 200px;
}

}/* @media all and (max-device-width: 650px), all and (max-width: 650px){ */

@media all and (max-device-width: 450px), all and (max-width: 450px){

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,
blockquote, pre, p, td, img, ul, li{
	word-wrap: break-word;
	word-break: normal;
	hyphens: auto;
}

}/* @media all and (max-device-width: 450px), all and (max-width: 450px){ */

@media all and (max-device-width: 400px), all and (max-width: 400px){

#imgTopLogo{
	margin-top: 20px;
}

#divRowFooter{
	height: 230px;
}

#divRowFooter p:after{
	display: none;
}

}/* @media all and (max-device-width: 400px), all and (max-width: 400px){ */

@media all and (max-device-width: 320px), all and (max-width: 320px){

#imgTopLogo{
	margin-top: 30px;
}

}/* @media all and (max-device-width: 320px), all and (max-width: 320px){ */

html body div.wprm-wrapper {
	overflow: auto;
}

/* Tel-Links nur in Smartphones anzeigen: */
a[href^="tel"]:link,
a[href^="tel"]:visited, 
a[href^="tel"]:hover{
	text-decoration: none;
	color: #000;
}
a[href^="tel"]:hover{
	cursor: text;
}
/* @media all and (max-device-width: 480px), all and (max-width: 480px){ */
/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-pixel-ratio: 1.5) and (min-device-width: 320px) and (max-device-width: 1920px){ */
/* Eingabegerät mit limitierter Präzision (z.B. Touch): */
@media (pointer: coarse){
	a[href^="tel"]:link,
	a[href^="tel"]:visited,
	a[href^="tel"]:hover{
		text-decoration: underline;
		color: #333;
	}
	a[href^="tel"]:hover{
		text-decoration: none;
		color: #1b3659;
		cursor: pointer;
	}
}

/* start - Plugin: GDPR Cookie Compliance Von Moove Agency ####################################################################################### */

.moove-gdpr-cookie-notice .change-settings-button:hover,
.moove-gdpr-cookie-notice a:hover {
	text-decoration: none !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton {
	font-size: 14px !important;
	padding: 10px 20px !important;
	color: #fff !important;
	background-color: #0c4da2 !important;
	border-color: transparent !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:hover, 
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover {
	color: #fff !important;
	background-color: #1b7d09 !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.moove-gdpr-infobar-reject-btn, 
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.moove-gdpr-infobar-reject-btn {
	color: #fff !important;
	margin-left: 0 !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-allow-all,
.moove-gdpr-modal-footer-content .mgbutton.moove-gdpr-modal-save-settings.button-visible {
	color: #fff !important;
}
.moove-gdpr-modal-footer-content .mgbutton.moove-gdpr-modal-save-settings.button-visible:hover {
	background-color: #1b7d09 !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder {
	padding-left: 0 !important;
}

@media all and (min-width: 768px) {
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {
		padding-left: 0 !important;
		padding-right: 20px !important;
		display: block !important;
		min-height: auto !important;
	}
}

/* ende  - Plugin: GDPR Cookie Compliance Von Moove Agency ####################################################################################### */