/*
  crema WAG! Agentur für neue Medien, Schwetzingen
  http://www.crema.da
  Copyright (c) 2023 crema WAG!

  txt-grau: #7f7f7f
  orange: #e79801

*/

.red {background-color:red;}
.blue {background-color:blue;}

/**********************************************/
/************** Layout Section ****************/
/**********************************************/
html {overflow-y:scroll; overflow-x: hidden; scroll-behavior:smooth;}
body {font-family: 'Open Sans', sans-serif; font-size:24px; color:#7f7f7f; letter-spacing: 0.01em; line-height:150%; /*-ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;*/}
.clear {clear:both;}
.button {float:left; margin-right:20px;}
.topspacer {margin-top:50px;}
.blockheight {min-height:250px;}
.row2 {margin-left:20px; margin-right:20px;}

/**********************************************/
/*************** Text Section *****************/
/**********************************************/
p {margin-top:30px;}
/* p {hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;} */
a {color:#7f7f7f; text-decoration:none;}
a:hover {color:#e79801; text-decoration:underline;}
.txt-block {display:table;}

/**********************************************/
/************* Displays Section ***************/
/**********************************************/
@media (min-width: 100px) and (max-width: 620px) {
p {margin-top:10px;}
.blockheight {min-height:auto; margin-bottom:50px;}
.txt-block {font-size:12px!important;}
.button {Float:none!important; height:50px!important;; width:auto!important;}
}

@media (min-width: 400px) and (max-width: 767px) {

}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 992px) and (max-width: 1200px) {

}

@media (min-width: 768px) and (max-width: 1496px) {
}

@media (max-width: 1407px) {
}

@media (min-width: 1408px) {

}