/**  by herm bippen  **/

/*  font-family: "RockwellStd";  */
@font-face{
    font-family: "RockwellStd";
    src: url("fonts/9abf878573610c4ca23759879368d68a.eot");
    src: url("fonts/9abf878573610c4ca23759879368d68a.eot?#iefix")format("embedded-opentype"),
        url("fonts/9abf878573610c4ca23759879368d68a.woff")format("woff"),
        url("fonts/9abf878573610c4ca23759879368d68a.woff2")format("woff2"),
        url("fonts/9abf878573610c4ca23759879368d68a.ttf")format("truetype"),
        url("fonts/9abf878573610c4ca23759879368d68a.svg#RockwellStd")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}


/*  font-family: "RockwellStd-Light";  */
@font-face{
    font-family: "RockwellStd-Light";
    src: url("fonts/a6a21864bc5b08d9752365405a4a2e46.eot");
    src: url("fonts/a6a21864bc5b08d9752365405a4a2e46.eot?#iefix")format("embedded-opentype"),
        url("fonts/a6a21864bc5b08d9752365405a4a2e46.woff")format("woff"),
        url("fonts/a6a21864bc5b08d9752365405a4a2e46.woff2")format("woff2"),
        url("fonts/a6a21864bc5b08d9752365405a4a2e46.ttf")format("truetype"),
        url("fonts/a6a21864bc5b08d9752365405a4a2e46.svg#RockwellStd-Light")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

/****************************/


html {
	scroll-behavior: smooth;
	height: 1500px;
}


body {
	color: #FFF;
	background-color: #fff;
	background-color: #1e1e1e;
	background-image: url(bilder/logo-schwarz-transp-2.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
	/*
	background-attachment: fixed;
	background-size: cover;
	*/
	margin: 0;
	padding: 0;
	font-family: "MS Sans Serif", Arial, Helvetica, sans-serif;
	font-family: "RockwellStd-Light", Courier New, Arial, Helvetica, sans-serif;
}

.content {
	color: #fff;
	background-color: #1e1e1e;
	background-color: rgb(0 0 0 / 0.5);
	background-color: rgb(30 30 30 / 0.8); /* = #1e1e1e */
	max-width: 720px;
	min-width: 360px;
	margin: 0 auto 0 auto;
	
	border-left: 1px solid #1e1e1e;
	border-right: 1px solid #1e1e1e;
		
	box-shadow: 0 0 15px #000; 	
}
.content-font-1 { font-size: 21px; }

.content-font-2 { font-size: 16px; }

.bigbox {
	margin: 0 auto 0 auto;
	max-width: 720px;
	margin: 0 0 -7px 0;
}
.bigbox p {
	text-align: justify;
	padding: 0 20px;
}

.bigbox .bild {
    max-width: 100%;
    height: auto;
}
.bigbox p { 
	margin: 0 15px 20px 15px;
	font-weight: normal;
	text-align: left;
}

.bigbox a, .bigbox a:visited {
	color: #fff !important;
	font-size:: 0.5em;
	text-decoration: underline;
}
.bigbox a:hover {
	color: #e60010 !important;
	text-decoration: underline;
}

.contactbox {
	color: #000066;
	width: 360px;
	float: left;
}

table { color: #fff; }

td { padding: 7px 2px; }

/*
td a:link, td a:visited {
	color: #fff;
	text-decoration: none;
	background-color:;
	padding: 1px 3px;

	 -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;
}
td a:hover {
	color: #fff;
	text-decoration: underline;
	background-color: black;
	padding: 1px 3px;
}
*/


.navibox-2er {
	width: 360px;
}
.navibox-3er {
	width: 240px;
}

.navibox {
	/*
	color: #000066;
	font-size: 18px;
	float: left;
	box-shadow: 0 0 15px black; 
	*/
}


.navibox-head { 
	border-top: 2px solid #1e1e1e;  
	border-bottom: 2px dashed #000;
}

.navibox-feet { 
	border-top: 2px dashed #000;  
	border-bottom: 2px solid #1e1e1e;
}
/*
.navibox p { 
	margin: 25px;
	color: #fff;
	font-weight: normal;
	text-align: center; 
}
.navibox a, .navibox a:visited {
	color: #fff !important;
	font-size:: 0.5em;
	text-decoration: none;
}
.navibox a:hover {
	color: #e60010 !important;
	text-decoration: underline;
}
*/


.btn {
	border: 1px solid #1e1e1e;
	background-color: #1e1e1e;
	font-size: 16px;
	color: #fff;	
	line-height: 30px;
	cursor: pointer;
	
	 -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.btn:hover {
	border: 1px solid #e60010;
	background-color: #e60010;
	color: #000;
}

.btn-w180 { width: 180px; }
.btn-w240 { width: 240px; }
.btn-w360 { width: 360px; }
.floatleft { float: left; }


figure {
	width: 22px;
	height: 22px;
	background: transparent;
	margin: 0;
	padding: 0 5px 0 0;
}
.hr {
	border-top: 2px dashed #000;
	margin: 10px 0 20px 0;
}

.line-top {
	border-top: 4px solid #000;
	margin: 0 0 20px 0;
}
.line-bottom {
	border-bottom: 4px solid #000;
	margin: 20px 0 0 0;
}

h1 {
	color: #fff;
	font-size: 40px;
	font-family: "RockwellStd", Courier New, Arial, Helvetica, sans-serif;
}

h2 {
	color: #fff;
	margin-top: -15px;
	font-family: "RockwellStd", Courier New, Arial, Helvetica, sans-serif;
}


h3 {
	color: #fff;
	font-size: 30px;
	font-family: "RockwellStd", Courier New, Arial, Helvetica, sans-serif;
	text-align: center;
}

.content h4 {
	color: #fff;
	font-size: 20px;
	font-family: "RockwellStd", Courier New, Arial, Helvetica, sans-serif; 
	padding: 0 35px;
}

.setlist {
	margin: 0 0 0 200px !important;
	line-height: 30px;
}



/*
.headbox {
	color: #000066;
	width: 240px;
	float: left;
}

.fussbox {
	color: #000066;
	width: 360px;
	float: left;
}
.headbox p, .fussbox p { 
	margin: 25px;
	color: #fff;
	font-weight: normal;
	text-align: center; 
}

/*
.fuss {
	color: #000066;
	text-align: center;
	padding: 5px 10px 10px 10px;
}

.headbox a, .fussbox a, .headbox a:visited, .fussbox a:visited {
	color: #fff !important;
	font-size:: 0.5em;
	text-decoration: none;
}
.headbox a:hover, .fussbox a:hover {
	color: #e60010 !important;
	text-decoration: underline;
}
*/