/***********************************
Datei: template-schriften.css CSS 
URL: www.isup-gbr.de
************************************
Copyright: www.Sabine-Kemper.de
Start: 21.02.2023
Letzte Aenderung: 21.02.2023
***********************************/

/*
######################################################### 
reset                                               ###
######################################################### 
*/

.clear {
  clear: both;
  height: 0px;
  width: 0px;
  font-size: 0.0em;
  visibility: hidden;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}


body, html {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size:105%;
    -ms-text-size-adjust: 105%; /* 2 */
    -webkit-text-size-adjust: 105%; /* 2 */
    color:#666666;
	background: #fff;
	font-weight:normal;
    width:100%;
    padding:0;
    margin:0;
	}

a {
	text-decoration:none;
	color:#3399ff;
	padding:0;
}

a:hover {color: #333;transition: all 500ms;-webkit-transition: all 500ms;-moz-transition: all 500ms;-o-transition: all 500ms;}

h1 {
	font-size: 200%;
	font-weight:bold;
    margin: 0.5em 0 0.5em 0;
    line-height:1.3em; 
}

h2 {
	font-size: 170%;
	font-weight:bold;
    margin: 1em 0 0 0;
    line-height:1.2em; 
    padding: 0 0.2em 0.2em 0em;
}

.bereichBildText h2, .TextASpektrum h2 {
	font-size: 120%;
	font-weight:bold;
    margin: 0 0 0 0;
    line-height:1.2em; 
    padding: 0 0.2em 0.2em 0em;
}

@media only screen and (max-width:32em) {
.bereichBildText h2, .TextASpektrum h2 {
	font-size: 100%;
    }
}


h3 {
	font-size: 130%;
	font-weight:bold;
    margin: 0.8em 0 0.4em 0;
    line-height:1.1em; 
}

h4 {
	font-size: 115%;
	font-weight:bold;
    margin: 0.8em 0 0.4em 0;
    line-height:1.3em; 
}

h5 {
	font-size: 100%;
	font-weight:bold;
    margin: 10px 0 5px 0;
    line-height:1.3em; 
}

.bold {
	font-weight:bold;
	margin: 5px 0 5px 0;
	font-size:115%;
}

.unterstrichen {
	font-weight:bold;
}

p {
    line-height:1.4em; 
	font-style: normal;
    font-weight:normal;
	font-variant: normal;
    text-align:left;
    margin: 0.5em 0 0.4em 0;

}

hr.fw {
    line-height:1.4em; 
    color: #fff;
    margin: 1em 0 0.4em 0;
	opacity:0.3;
}

hr {
    line-height:1.4em; 
    color: #3399ff;
    margin: 1em 0 0.4em 0;
	opacity:0.3;
}

.bold {
    font-weight:bold;
}

.white {
	color:#f8f8f8;
}

.white_index {
	color:#666;
	font-size:120%;
	font-weight:lighter;
    margin: 0;
}

.item-content ul li, .item-page ul li, .com-content-category-blog__items.blog-items ul li, .com-content-category-blog__item.blog-item ul li {
  margin: 0.5em 0 0 1.1em;
}
.item-content li, .item-page li, .com-content-category-blog__items.blog-items li, .com-content-category-blog__item.blog-item li {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 0em;
  font-style: normal;
  text-align: left;
  line-height: 1.3em;
  margin-bottom: 0.2em;
}

.small {
font-size:85%;
    text-align: left;
    margin: 5px 0 20px 0;
	color:#666;
	}

.small_index {
font-size:85%;
    text-align: center;
    margin: 5px 0 20px 0;
	}

.absatz {
	margin: 5px 0 0 0!important;
	padding:0!important;
	font-weight:bold;
	line-height:0.8em;
}

.abstand{
	margin: 15px 0 0 0!important;
}

.bild {
 	background-color: #333;
 	height:auto;
 	width:100%;
}

.button {
 	border: 0;
}

.shadow {
	box-shadow: 3px 2px 22px #000;
}

/*
######################################################### 
Button Kontakt Link-Job                           ###
######################################################### 
*/

a.buttonanmelden {
  display: inline-block!important;
  background-color: #99ccff!important;
  border-radius: 10px!important;
  border: 0px dotted #cc9900!important;
  color: #333333!important;
  text-align: center!important;
  width: auto;
  height: auto;
  margin: 1em 1em 1em 0em!important;
  font-size: 110%!important;
  cursor: pointer;
  padding: 1em 1em 1em 1em;    
}
           
a.buttonanmelden:hover {
color: #ffffff;
background-color: #0066ff;
-webkit-box-shadow: 5px 0 10px #ccc;
-moz-box-shadow: 5px  0 10px #ccc;
box-shadow: 5px  0 10px #ccc;
opacity:0.8;
transition: all 800ms;
-webkit-transition: all 800ms;
-moz-transition: all 800ms;
-o-transition: all 800ms;
}


@media only screen and (max-width: 32em) {
a.buttonanmelden {
font-size: 100%!important; 
}
}