/**
 * Please note that these styles will be loaded before editor styles.
 * If a theme's editor style specifies the same classname, these may be overwritten. 
 */

/* Eingezogen 1280
--------------------------------------------- */

.is-style-indent{
	width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

.is-style-indent .wp-block-columns {
    gap: 10em;
}

.is-style-indent .wp-block-columns h2 {
	line-height:1.2em;
}

/* Center Column 1000
--------------------------------------------- */

.is-style-centercolumn {
	max-width:1000px;
	margin: 0 auto;
}

.is-style-maxsevenhundred {
	max-width:700px;
	margin: 0 auto;
}

/* Teasercard
--------------------------------------------- */

.is-style-teasercard {
	width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}

.is-style-teasercard .wp-block-columns {
    gap: 3em;
}

.is-style-teasercard .wp-block-column {
	 transition: box-shadow 1s;
	padding:30px;
}

.is-style-teasercard .wp-block-column:hover {
    box-shadow: 0 2px 35px 0 rgba(140, 140, 140, 0.3);
}

.is-style-teasercard strong {
	 display: block;
	 clear:right;
     font-size: 1.4em;
     line-height: 1.2;
}

.is-style-teasercard img {
     display: block;
     padding: 0;
     margin: 0 0 50px;
     width: 100px;
     height: auto;
	 float:right;
}
/* Button Links
--------------------------------------------- */
.is-style-btnorange,
.is-style-btnblue,
.is-style-btnwhite,
.is-style-btnyellow {
	padding-top:40px;
}

.is-style-btnorange a {
	font-size: 1.12em;
	line-height: 1.2;
	padding: 15px 30px;
	transition: all 0.5s;
	border: 1px solid #fe8a01;
	border-radius: 0;
}

.is-style-btnorange a:hover {
	background:#fe8a01;
	color:#fff!important;
}

.is-style-btnorange a,
.is-style-btnorange a:visited{
	color:#000;
	text-decoration:none;
}

.is-style-btnyellow a {
	font-size: 1.12em;
	line-height: 1.2;
	padding: 15px 30px;
	transition: all 0.5s;
	border: 1px solid #FFDB00;
	border-radius: 0;
}

.is-style-btnyellow a:hover {
	background:#FFDB00;
	color:#fff!important;
}

.is-style-btnyellow a,
.is-style-btnyellow a:visited{
	color:#000;
	text-decoration:none;
}


.is-style-btnblue a {
	font-size: 1.12em;
	line-height: 1.2;
	padding: 15px 30px;
	transition: all 0.5s;
	border: 1px solid #59c2c6;
	border-radius: 0;
}

.is-style-btnblue a:hover {
	background:#59c2c6;
	color:#fff!important;
}

.is-style-btnblue a,
.is-style-btnblue a:visited{
	color:#000;
	text-decoration:none;
}

.is-style-btnwhite a {
	font-size: 1.12em;
	line-height: 1.2;
	padding: 15px 30px;
	transition: all 0.5s;
	border: 1px solid #fff;
	border-radius: 0;
}

.is-style-btnwhite a:hover {
	background:#fe8a01;
	color:#fff!important;
}

.is-style-btnwhite a,
.is-style-btnwhite a:visited{
	color:#fff;
	text-decoration:none;
}

@media only screen and (max-width: 1340px) {
.is-style-indent {
	display: flex;
	max-width: 90%;
	margin: 0 5%;
	justify-content: space-between;
}
}
@media only screen and (max-width: 1260px) {
.is-style-indent{
	display: flex;
	max-width: 96%;
	margin: 0 auto;
	justify-content: space-between;
}
}

@media only screen and (max-width: 920px) {
.is-style-indent{
	display: flex;
	max-width: 90%;
	margin: 0 5%;
	justify-content: space-between;
}
.is-style-centercolumn {
	flex-basis: 80%;
	margin: 0 auto;
}
}
@media only screen and (max-width: 720px) {
.is-style-centercolumn {
	flex-basis: 100%;
	margin: 1em 0;
}
}

/* Liste mit Check
--------------------------------------------- */
ul.is-style-checked {   
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.is-style-checked li {   
	list-style-type:none;
	margin:20px 0 20px 40px;
	padding:0;
	position: relative;
}

ul.is-style-checked li:before {   
	content:"";
	display: inline-block;
	position:absolute;
	left: -40px;
    background:  url(/wp-content/themes/buust/images/check.svg);	
    background-size: 100%;
	width: 30px;
    height: 30px;
}

/* Accordion Background
--------------------------------------------- */
.is-style-accordionback {   
    background-image:  url(/wp-content/themes/buust/images/Netz_orangeBG.png);	
	background-position: bottom left;
    background-size: 80% auto;
    background-color: #e6ebef;
    background-repeat: no-repeat;
}

/* Spalten schmaler Abstand
--------------------------------------------- */
.is-style-smallspace {
    gap: 2em!important;
}