/*
 * frauenundkunst CSS - v1.00 - 2024-03-05
 * Angepasstes CSS für Frauen und Kunst aus WBCEZON.CSS
 * Copyright 2018, Vision Design - graphic zoo
 * https://www.myresponsee.com
 * Copyright 2018, Vision Design - graphic zoo
 * Free to use under the MIT license.
*/
@font-face {
    font-family: 'Open Sans';
    src: url('../font/opensans-bold-webfont.woff2') format('woff2'),
         url('../font/opensans-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../font/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('../font/opensans-bolditalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../font/opensans-italic-webfont.woff2') format('woff2'),
         url('../font/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../font/opensans-regular-webfont.woff2') format('woff2'),
         url('../font/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Black Jack';
    /*src: local('Black Jack Regular'), local('Black-Jack-Regular'),*/
    src: url('../font/BlackJackRegular.woff2') format('woff2'),
        url('../font/BlackJackRegular.woff') format('woff');
        /*url('../font/BlackJackRegular.ttf') format('truetype');*/
    font-weight: 400;
    font-style: normal;
  }


/* ------------------------------------- general / allgemein ----------------------------- */

html {
	overflow-y:scroll;
}

body {
	background: none repeat scroll 0 0 #eeeeee;
	font-size: 18px;
	font-family: "Open Sans", Arial, sans-serif;
	color: #000;/*#444;*/
}


h1, h2, h3, h4, h5, h6 {
	color: #314B68;
	font-weight: normal;
	line-height: 1.3;
	margin: 0.5rem 0;
}

h1 { font-size: 2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.6rem; }
h4 { font-size: 1.4rem; }
h5 { font-size: 1.1rem;}
h6 { font-size: 0.9rem; }

a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #617D9B;
	transition: color 0.20s linear 0s;
	-o-transition: color 0.20s linear 0s;
	-ms-transition: color 0.20s linear 0s;
	-moz-transition: color 0.20s linear 0s;
	-webkit-transition: color 0.20s linear 0s;
}

a:hover {
	color: #90AAC0;
}

/* Padding für Sprungmarken, damit diese nicht von der sticky-Navigation überlagert werden
http://darktef.github.io/posts/2017-03-offset-html-anchors-for-fixed-header-with-css */


:target {
  display: block;
  position: relative;
  top: -120px; 
  visibility: hidden;
}

p, li, dl, blockquote, table, kbd {
	font-size: 1rem;
	line-height: 1.6;

}

hr {
	border: 0;
	border-top: 2px solid #e5e5e5;
	clear: both;
	height: 0;
	margin: 0.5rem auto;
}
.hr1 {
    height: 10px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}

/* ------------------------------------------- top nav styles-------------------------------------------*/

nav {	background: #cee0f5;/*#314B68;*/ }
.top-nav {margin-left:100px; }

.top-nav ul ul { background-color: #314B68; }
.top-nav li a { padding:0.5rem 1rem; color: black;/*#fff;*/ }
.top-nav li ul li a { background-color:  #314B68; }
.top-nav li a:hover, .aside-nav li a:hover { background-color: #90AAC0;color:#fff; }
.top-nav .active-item a { background: #546F8D;color:#fff; }

@media screen and (max-width:768px) {
	.top-nav li a {	background: none repeat scroll 0 0 #ecacac;}/*#1c3849;	}*/
	.top-nav li a { color: #000;}
	.top-nav li a:hover { background: none repeat scroll 0 0 #314B68; color: #fff; 	}
	.top-nav li ul li a { background: none repeat scroll 0 0 #2b4c61;	}
	.top-nav li ul li ul li a { background: none repeat scroll 0 0 #456274;	}
	.nav-text { color: #000;/*#fff;*/ }
	
}

/* ------------------------------------------- aside nav styles-------------------------------------------*/


.aside-nav-noresponsee ul {
	margin:0;
	padding:0;	
}

.aside-nav-noresponsee li {
	list-style-type:none;	
}

.aside-nav-noresponsee li a:link,
.aside-nav-noresponsee li a:visited {
	display:block;
	padding:0.3rem 0.5rem;
	background-color:#eee;
	color:#314B68;
}

.aside-nav-noresponsee li ul li a:link {
	padding-left:2.5rem;
}

.aside-nav-noresponsee li a:hover,
.aside-nav-noresponsee li ul li.menu-current a {
	background-color:#ddd;
	color:#5588a3;
}


/* -------------------------------------------- parts / Bereiche ---------------------------------- */


.headerpic img {
	display:block;
}


header .line,
section .line,
footer .line {
	background-color:#fff;
	border-top:1px dotted gray;
	padding:0 !important;
}
footer .line {font-size:0.8rem;}

.logo {
	padding:0.5rem 0.2rem 0.5rem 0.2rem;
}



.wbcesuche {
	padding:0.5rem 1.5rem;
}

.wbcesuche input[type=text] {
	background-color:transparent;
	border:0;
	border-bottom:1px solid #fff;
	color:#fff;
	
}

.wbcesuche input[type=submit] {
	font-family:sli;
	border:0;
	background-color:transparent;
	color:#fff;
}

::placeholder {color:#fff;}
:-ms-input-placeholder {color:#fff;}
::-ms-input-placeholder  {color:#fff;}

h1#contentstart {
	margin-top:-0.5rem;
}

.maincontent p, .maincontent li {
	padding-bottom:0.5em;
}

.maincontent li ul, .maincontent li ol {
	padding-top:0.5em;
}


.back-to-top {
	position:fixed;
	bottom:50px;
	right:20px;	
}

a.back-to-top, footer a:link, footer a:visited {
	border:0;
	padding:0 1em;
}

@media screen and (max-width:768px) {
	.wbcesuche {
		text-align:center;
	}
}

.BlackJack2 {
   font-family: BlackJack;
   font-weight: normal;
   font-style: normal;
   font-size: 1.4em;
   line-height: 1.0em;
}
.extpadding {padding-left:2.2rem;padding-right:2.2rem;}

.ziehharmonika h3 {line-height:75px;}
.ziehharmonika h3 img {height:75px; width:auto; float:left; margin-right:10px}

.polaroid2 {
   width: 55%;
   background-color:white;
   margin: 0 auto;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   }
   .polaroid2 img {
   width: 100%;
   height: auto;
   vertical-align: middle;
   border:3px solid rgb(50,115,20);
}
.lineplan {
    display: flex;
    justify-content: center;
}
.lineplan ul>li {
    font-size:0.9rem;
    line-height:1;
}
.lineplan ul li>a {color:red;}
.lineplan ul li>a:hover{color:green;}

/* --------------------------- pics ------------------------------------ */
img.picfull {width:100%; height:auto;}

@media screen and (min-width:640px) {
img.pic2left, img.pic3left, img.pic4left { margin: 0 1em 1em 0; height:auto; }

img.pic2right, img.pic3right,  img.pic4right { margin: 0 0 1em 1em; height:auto; }

img.pic2left {float:left; max-width:49%;}
img.pic2right {float:right; max-width:49%; }

img.pic3left {float:left; max-width:32%;}
img.pic3right {float:right; max-width:32%;}

img.pic4left {float:left; max-width:24%;}
img.pic4right {float:right; max-width:24%; }
}

@media screen and (max-width:640px) {
	img.pic2left, img.pic3left, img.pic4left,
	img.pic2right, img.pic3right,  img.pic4right { margin: 1em 0; width:100%; float:none; height:auto; }
}