/* open-sans-regular - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v40-cyrillic_cyrillic-ext_latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


nav {
        width:100%;
        float:left;
        height:0;
        overflow:hidden;
        transition:height .2s ease-in-out;
}


.nav-toggle {
  background:rgba(0,0,0,0.2);
  display:block;
  position:absolute;
  right:0;
  top:0;
  padding:1em;
  color:white;
  cursor:pointer;
  text-decoration:none;
}

.nav-toggle:hover {
  background:rgba(0,0,0,0.4);
}

#site:target .nav-closed {
  display:block;
}

.nav-closed,
#navi-closed:target .nav-closed,
#site:target .nav-open {
  display:none;
}

.middle nav ul
{
  list-style: none;
  padding:0px;
  margin: 0px;
}

@media screen and ( min-width: 500px ) 
{
	/* Desktop Geräte */
	nav
	{
		height: auto;
		background-color:none;
	}
	.middle
	{
		width: 1024px;
		margin: 0px auto;
	}
	header.head{display:inline-block;}
	#site{width:1920px}
	.nav-toggle{display:none !important;}
	/* NAvigation */
	.middle nav
	{
		display:inline-block;
		float:right;
		margin-top: 50px;
		width: 670px;
	}

	.middle #navline
	{
		background-color: #303030;
		border-top-width: 6px;
		border-top-style: solid;
		border-top-color: rgb(233, 42, 73);
		float:left;
		width: 670px;
	}

	.middle nav ul:after 
	{
		clear: both;
		content: " ";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}

	.middle nav ul li
	{
		display: inline-block;
		padding: 10px;
		list-style: none;
		float: left;
		width:75px;
		text-align:center;
	}

	.middle nav ul li:hover
	{
		background-image: url("/fileadmin/templates/version_10/images/active.png");  
	}

	.middle nav ul li a
	{
		font-size: 16px;
		display: block;
		color:white;
	}

	.middle nav ul li:hover > ul
	{
		visibility: visible;
	}

	.middle nav ul li ul
	{
		display: inline;
		visibility: hidden;
		position: absolute;
		padding: 0px;
		/*background-color: #f4946e;*/
		background-color:white;
		color: black;
		width: 135px;
		margin-top:10px;
		margin-left:-67px;
	}

	.middle nav ul li ul li
	{
		float: none;
		display: block;
		color:black;
		padding-top:0px;
		padding-bottom: 0px;
		text-align:center;
		width: 115px;
	}
	.middle nav ul li ul li:hover
	{
		background-image:none;
	}

	.middle nav ul li ul li a
	{
		color: black;
		font-size: 12px;
		border-top: 1px #ddd solid;
	}

	.middle nav ul li ul li a:hover
	{
		color: #e92a49;
	}

	.middle nav ul li a:active
	{
		/*  color: orange;*/
		color:#f4946e;
		/*  color: #ffabbf;*/
	}
	.middle nav ul li a:hover
	{
		/*color: orange;*/
		/*  color: #ffabbf;*/
		color:#f4946e;
	}

	/* Ende Navigation */
}

@media screen and ( min-width: 1360px ) and (max-width: 1919px)
{
	#site{width: 1360px}
}

@media screen and ( max-width: 500px ) {
    /* mobile Geräte */
    nav{margin-bottom: 10px;}
    .middle
    {
      
      width: 320px;
      margin: 0px auto;
    }
    header.head{display:block;}
    #site{width:480px}
    #site:target nav
    {
       height:auto;
       background-color: #ddd;
    }
    .middle nav ul li
    {
       background-color: #333;
    }
    .middle nav ul li a
    {
        color: white;
        font-size: 20px;
        margin:10px;
        
    }
    .middle nav ul li ul
    {
       margin-left:30px;
    }
}


body
{
  font-family: Open Sans,Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-variant: normal;
  font-weight: normal;
  font-style: normal;
  margin:0px;
  padding:0px;
}

#site
{
  padding:0px;
  margin:0px;
}

header.head
{
  /*margin-left: 32px;*/
  position: relative;
  top:0px;
}

header .first
{
/*  color: orange;*/
/*  color: #ffabbf;*/
  color:#e92a49;
  display: block;
    text-shadow: 0 0 0.2em white, 0 0 0.2em white;

}

header .second
{
  color: white;
  display: block;
  text-shadow: 0 0 0.2em #e92a49, 0 0 0.2em #e92a49;
}

header .third
{
  color: #8f8582;
  display:block;
  font-family:  sans-serif;
  text-transform: uppercase;
  font-weight: lighter;
  margin-top: 5px;
  font-size: 20px;
  line-height: 20px;
}

header .fourth
{
/*  color: orange;*/
/*  color: #ffabbf;*/
  display: block;
  color:#f4946e;
  font-size: 0.8em;
  width: 350px;
  position: absolute;
  bottom: 0px;
  visibility: hidden;
}

footer#footer
{
  bottom: 0px;
  margin: 0px;
  padding: 25px 0px;
  width: 100%;
  background-color: black;
  text-transform: uppercase;
  color: #727176;
  font-weight: 600;
  font-size: 16px;
}

footer .address
{
  border-right: 1px solid #727176;
  display: inline-block;
  margin-left: 50px;
  vertical-align: middle;
  height: 52px;
}

footer .email
{
  display:inline-block;
  vertical-align: middle;
  height: 52px;
  padding-left:15px;
  border-right: 1px solid #727176;
}

footer .copyright
{
  display: inline-block;
  vertical-align: middle;
  padding-left: 15px;
}

footer .big
{
  font-size: 45px;
  color: white;
}

footer .ead
{
  height: 90px;
  vertical-align: middle;
  display:inline-block;
}

footer .icon
{
  display: inline-block;
  width: 45px;
  margin-right: 10px;
}

footer .add
{
  display:inline-block;
  width: 350px;
}

footer .firstname
{
  color:#e92a49;
  text-shadow: 0 0 0.2em white, 0 0 0.2em white;
}

footer .artistname
{
  color: white;
  text-shadow: 0 0 0.2em #e92a49, 0 0 0.2em #e92a49;

}

footer .copy
{
  padding-top: 5px;
}

footer .bodytext
{
  text-transform: uppercase;
  color: #727176;
  font-weight: 600;
}

footer .csc-default
{
  margin-left: 100px;
  width: 450px;
  display: inline-block;
  border-right: 1px solid #727176;
}

footer .csc-textpic-imagewrap
{
  width:78px;
  margin-top: 14px;
  margin-bottom: 14px;
  display: inline-block;
}

footer .copyname
{
  font-size: 35px;
  font-family: 'Open Sans',sans-serif;
  text-transform: uppercase;
  font-style: italic;
}

#mainblock
{
  width: 100%;
  padding: 0px 0px 10px 0px;
}

#mainblock h1
{
  color: white;
  font-size: 40px;
  font-weight: 100;
}

#socialoverlay
{
  position: fixed;
  top: 10px;
  left: 10px;
}


h1
{
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: bolder;
  font-style: italic;
  font-size: 70px;
  line-height: 70px;
  margin-bottom: 0px;
/*  color: orange;*/
  /*color: #ffabbf;*/
  color:#f4946e;
  
}

h2
{
  font-family: Open Sans,sans-serif;
  text-transform: uppercase;
  /*font-weight: lighter;*/
  margin-top:5px;
  font-weight: bolder;
  font-style: italic;
/*  color: orange;*/
  /*color: #ffabbf;*/
  /*color:#f4946e;*/
  color:#e92a49;
}

h2 a
{
  font-family: Open Sans,sans-serif;
  text-transform: uppercase;
  /*font-weight: lighter;*/
  margin-top:5px;
  font-weight: bolder;
  font-style: italic;
/*  color: orange;*/
  /*color: #ffabbf;*/
  /*color:#f4946e;*/
  color:#e92a49;
}


a.white
{
  color:white;
}

a.black
{
  color:black;
}

a
{
/*  color: white;*/
  text-decoration:none;
}



.tx-cal-controller
{
/*  margin-left:12px;*/
}

.tx-srlanguagemenu
{
  display: block;
  height: 20px;
  float: right;
  width: 70px;
  text-align:right;
}

thead
{
  /*color: orange;*/
  /*color: #ffabbf;*/
  color:#f4946e;
}

.contenttable td
{
  padding-left: 10px;
  padding-right: 10px;
}


.lightblock
{
  background-color: #cecedf;
  margin:0px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left:100px;
  padding-right:100px;
}


.pinkblock
{
  background-color: #e92a49;
  padding-top: 25px;
  padding-bottom: 20px;
  padding-left:100px;
  padding-right:100px;
  margin:0px;
}

.darkblock
{
  background-color: #303030;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left:100px;
  padding-right:100px;
  margin:0px;
}

#breadcrumb {list-style-type:none; padding-left: 0px; margin:0px;}
#breadcrumb li:after{content:" > "; color: white;}
#breadcrumb li:last-child:after{content:""}
#breadcrumb li {display:inline-block; margin-right:10px;}
#breadcrumb li a { padding-left: 0px; padding-right: 10px; text-transform: uppercase; color:white;}
#breadcrumb li a:hover {text-decoration:underline}
.title h2 {color:white; font-style:normal; text-transform: uppercase; font-weight:300; font-size:40px;margin 0 0 0px 0}

.tx-sew-repertoire, .tx-sew-audio {padding-left:100px}